﻿
.owl-carousel .owl-dots .owl-dot span {
    background: rgba(231, 74, 72, 0.54);
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background: #e74a48;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        position: absolute;
        font-size: 0;
        width: 4.122vw;
        height: 3.851vw;
        background-size: cover;
        transform: translateY(-50%);
        background-position: center;
        background-repeat: no-repeat;
        -moz-transition: background-image 300ms;
        -webkit-transition: background-image 300ms;
        -o-transition: background-image 300ms;
        transition: background-image 300ms;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -10%;
        background-image: url(../images/Home/arrowLeft.png);
    }

        .owl-carousel .owl-nav .owl-prev:hover {
            background-image: url(../images/Home/arrowLeft2.png);
        }

    .owl-carousel .owl-nav .owl-next {
        right: -10%;
        background-image: url(../images/Home/arrowRight.png);
    }

        .owl-carousel .owl-nav .owl-next:hover {
            background-image: url(../images/Home/arrowRight2.png);
        }

        .owl-carousel .owl-nav .owl-prev.disabled,
        .owl-carousel .owl-nav .owl-next.disabled {
            display: none;
        }

#About .banner {
    background-image: url(../images/About/about-us.jpg);
}

#About .content .row {
    max-width: 600.797px;
    padding-top: 18.246px;
    padding-bottom: 6.084px;
}

#About .object1 {
    position: absolute;
    top: -20.268px;
    left: 77.028px;
    width: 45.797px;
}

#About .object2 {
    position: absolute;
    top: 149.318px;
    right: 0;
    width: 55.328px;
}

#About .object3 {
    position: absolute;
    top: 35.139px;
    right: -206.414px;
    width: 90.453px;
}

#About .object4 {
    position: absolute;
    top: 0;
    left: -5.54px;
    width: 131.453px;
}

#About .object5 {
    position: absolute;
    top: 0;
    left: 217.252px;
    width: 92.703px;
}

#About .object6 {
    position: absolute;
    top: -3.461px;
    left: 643.461px;
    width: 110px;
}

#About .object7 {
    position: absolute;
    top: 44.974px;
    left: 809.513px;
    width: 65.031px;
}

#About .object8 {
    position: absolute;
    top: 17.295px;
    left: 927.14px;
    width: 100.313px;
}

#About #time {
    position: relative;
    width: 100%;
    height: 1363.72px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../images/about-bg.jpg);
}

    #About #time .h1 {
        margin-bottom: 48.435px;
    }

    #About #time .row {
        height: auto;
        max-width: 297.5px;
        padding-top: 116.234px;
    }

    #About #time .flex {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        flex-direction: column;
        justify-content: center;
    }

        #About #time .flex .text {
            font-family: 'Halogen';
            font-size: 13.598px;
            letter-spacing: 0.3px;
            color: #674130;
            line-height: 21.086px;
            margin-bottom: 13.182px;
        }

        #About #time .flex.sp .text {
            color: white;
        }

        #About #time .flex .text:last-child {
            margin-bottom: 0;
        }

    #About #time .box {
        position: absolute;
    }

        #About #time .box .year {
            position: absolute;
            width: 74.031px;
            height: 74.031px;
            display: flex;
            font-size: 27.672px;
            color: #9e8771;
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            font-family: 'Halogen';
            background: url(../images/About/circle.png) center no-repeat;
            background-size: cover;
        }

            #About #time .box .year.left {
                top: -41.513px;
                left: -48.435px;
            }

            #About #time .box .year.right {
                top: -51.896px;
                right: -17.295px;
            }

    #About #time #Y1960 .flex {
        height: 53.578px;
    }

    #About #time #Y1965 .flex {
        height: 53.578px;
    }

    #About #time #Y1973 .flex {
        height: 53.578px;
    }
    #About #time  #Y1973 .flex .text {
        width: 77%;
    }

    #About #time #Y1978 .flex {
        height: 53.578px;
    }

    #About #time #Y1982 .flex {
        width: 70%;
        height: 67.625px;
    }

    #About #time #Y1983 .flex {
        height: 53.578px;
    }

    #About #time #Y1985 .flex {
        height: 60.594px;
    }

    #About #time #Y1994 .flex {
        height: 53.578px;
    }

    #About #time #Y2004 .flex {
        height: 53.578px;
    }
    #About #time #Y2004 .flex .text {
        width: 76%;
    }
    #About #time #Y2006 .flex {
        height: 60.594px;
    }

    #About #time #Y2015 .flex {
        width: 78%;
        height: 161.609px;
    }

    #About #time #Y2015 .first {
        position: relative;
    }

    #About #time #Y2015 .first .flex {
        height: 96.609px;
    }

    #About #time #Y2015 .sec {
        position: relative;
        width: 93.61%;
    }

        #About #time #Y2015 .sec .flex {
            height: 97.609px;
        }

    #About #time #Y2017 .flex {
        height: 60.594px;
        height: 70.594px;
        left: -5%;
    }

    #About #time #Y2017 .flex .text {
        width: 61%;
    }

    #About #time #Y2020 .flex {
        width: 75%;
        height: 57.61px;
        align-items: flex-start;
    }

    #About #time #Y2020 .first {
        position: relative;
    }

    #About #time #Y2020 .sec {
        position: relative;
        width: 94.86%;
    }

    #About #time #Y1982 .flex .text,
    #About #time #Y2015 .flex .text,
    #About #time #Y2020 .flex .text {
        width: 100%;
    }

    #About #time .product {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        #About #time .product.left {
            left: -17%;
        }

        #About #time .product.right {
            right: -13%;
        }

    #About #time #Y1965 .product {
        width: 77.484px;
    }

    #About #time #Y1978 .product {
        width: 71.953px;
    }

    #About #time #Y1982 .product {
        width: 88.563px;
    }

    #About #time #Y1983 .product {
        width: 82.328px;
    }

    #About #time #Y1985 .product {
        width: 73.328px;
    }

    #About #time #Y1994 .product {
        width: 74.719px;
    }

    #About #time #Y2006 .product {
        width: 73.328px;
    }

    #About #time #Y2017 .product {
        width: 76.094px;
    }

    #About #time #Y2020 .product {
        width: 65.719px;
    }

#About #Brands {
    padding-top: 5px;
    padding-bottom: 50px;
}

    #About #Brands .row {
        max-width: 1155px;
    }

@media screen and (max-width: 420px) {

    #About #Brands {
        padding-top: 25px;
    }

    #About #time .flex .text {
        font-size: 2.928vw;
        line-height: 5.020vw;
        margin-bottom: 3.139vw;
    }

    #About #time #Y1960 .flex,
    #About #time #Y1965 .flex,
    #About #time #Y1978 .flex,
    #About #time #Y1983 .flex {
        height: 12.757vw;
    }
    #About #time #Y1973 .flex .text {
        width: 67%;
    }
    #About #time #Y1982 .flex {
        height: 16.101vw;
    }

    #About #time #Y1983 .flex .text br {
        display: none;
    }
    #About #time #Y1985 .flex {
        height: 14.427vw;
    }

    #About #time #Y2015 .first .flex {
        height: 23.478vw;
    }
    #About #time #Y2020 .flex {
        height: 14.002vw;
    }

    #About #time .product.left {
        left: -9%;
    }

    #About #time .product.right {
        right: -5%;
    }

    #About #time #Y1965 .product {
        width: 18.449vw;
    }

    #About #time #Y1978 .product {
        width: 17.132vw;
    }

    #About #time #Y1982 .product {
        width: 21.086vw;
    }

    #About #time #Y1983 .product {
        width: 19.602vw;
    }

    #About #time #Y1985 .product {
        width: 17.459vw;
    }

    #About #time #Y1994 .product {
        width: 17.790vw;
    }

    #About #time #Y2006 .product {
        width: 17.459vw;
    }

    #About #time #Y2017 .product {
        width: 18.118vw;
    }

    #About #time #Y2020 .product {
        width: 15.647vw;
    }
}

@media screen and (max-width: 499px) {

    #About #time .box .year.left {
        top: -51.896px;
        left: -17.295px;
    }
}

@media screen and (min-width: 600px) {

    #About .content .row {
        padding-top: 3.041vw;
        padding-bottom: 1.014vw;
    }

    #About .object1 {
        top: -3.378vw;
        left: 12.838vw;
        width: 7.635vw;
    }
}

@media screen and (max-width: 1023px) {

    #About #time {
        height: auto;
        background-size: 1600px;
    }

        #About #time .row {
            max-width: none;
            padding-bottom: 70px;
        }

        #About #time .box {
            position: relative;
            width: 100%;
            margin: 0 auto 70px;
        }

            #About #time .box:last-child {
                margin-bottom: 0;
            }

        #About #time #Y1960 {
            max-width: 326.75px;
        }

        #About #time #Y1965 {
            max-width: 371.547px;
        }

        #About #time #Y1973 {
            max-width: 326.75px;
        }

        #About #time #Y1978 {
            max-width: 303.906px;
        }

        #About #time #Y1982 {
            max-width: 371.547px;
        }

        #About #time #Y1983 {
            max-width: 337.297px;
        }

        #About #time #Y1985 {
            max-width: 337.297px;
        }

        #About #time #Y1994 {
            max-width: 277.563px;
        }

        #About #time #Y2004 {
            max-width: 326.75px;
        }

        #About #time #Y2006 {
            max-width: 337.297px;
        }

        #About #time #Y2015 {
            max-width: 370.672px;
        }

        #About #time #Y2017 {
            max-width: 371.547px;
        }

        #About #time #Y2020 {
            max-width: 370.672px;
        }
    #About #Brands .h1 {
        margin-top: 50px;
    }
}

@media screen and (min-width: 1024px) {

    #About #time {
        height: 133.176vw;
    }

        #About #time .h1 {
            margin-bottom: 4.730vw;
        }

        #About #time .row {
            max-width: 29.054vw;
            padding-top: 11.351vw;
        }

    #About .object4 {
        top: -7.432vw;
        left: -0.541vw;
        width: 12.838vw;
    }

    #About .object5 {
        left: 21.216vw;
        width: 9.054vw;
    }

    #About .object6 {
        top: -0.338vw;
        left: 62.838vw;
        width: 10.743vw;
    }

    #About .object7 {
        top: 4.392vw;
        left: 79.054vw;
        width: 6.351vw;
    }

    #About .object8 {
        top: 1.689vw;
        left: 90.541vw;
        width: 9.797vw;
    }

    #About #time .box .year {
        width: 7.230vw;
        height: 7.230vw;
        font-size: 2.703vw;
    }

        #About #time .box .year.left {
            top: -4.054vw;
            left: -4.730vw;
        }

        #About #time .box .year.right {
            top: -5.868vw;
            right: -1.689vw;
        }

    #About #time #Y1960 {
        top: 19.595vw;
        left: 21.959vw;
        width: 326.75px;
    }

    #About #time #Y1965 {
        top: 25vw;
        right: 22.297vw;
        width: 371.547px;
    }

    #About #time #Y1973 {
        top: 32.149vw;
        left: 24.676vw;
        width: 326.75px;
    }

    #About #time #Y1978 {
        top: 39.581vw;
        right: 18.297vw;
        width: 303.906px;
    }

    #About #time #Y1982 {
        top: 43.581vw;
        right: 22.297vw;
        width: 371.547px;
    }

    /*#About #time #Y1983 {
        top: 53.041vw;
        left: 18.919vw;
        width: 337.297px;
    }*/
    #About #time #Y1983 {
        top: 45.041vw;
        left: 24.919vw;
        width: 337.297px;
    }

    /*#About #time #Y1985 {
        top: 64.527vw;
        right: 29.054vw;
        width: 337.297px;
    }*/
    #About #time #Y1985 {
        top: 53.527vw;
        right: 26.054vw;
        width: 337.297px;
    }

    /*#About #time #Y1994 {
        top: 69.257vw;
        left: 23.649vw;
        width: 277.563px;
    }*/
    #About #time #Y1994 {
        top: 58.257vw;
        left: 16.649vw;
        width: 277.563px;
    }

    #About #time #Y2004 {
        top: 69.743vw;
        right: 28.297vw;
        width: 326.75px;
    }
    #About #time #Y2006 {
        top: 73.459vw;
        left: 26.405vw;
        width: 337.297px;
    }

    /*#About #time #Y2015 {
        top: 84.459vw;
        left: 30.405vw;
        width: 370.672px;
    }*/
    #About #time #Y2015 {
        top: 85.743vw;
        right: 22.297vw;
        width: 370.67px;
    }

    /*#About #time #Y2017 {
        top: 97.973vw;
        right: 22.973vw;
        width: 371.547px;
    }*/
    #About #time #Y2017 {
        top: 90.108vw;
        left: 29.351vw;
        width: 347.45px;
    }

    #About #time #Y2020 {
        top: 105.108vw;
        left: 26.351vw;
        width: 375.97px;
    }

    #About #time #Y1965 .product {
        width: 7.568vw;
    }

    #About #time #Y1978 .product {
        width: 7.027vw;
    }

    #About #time #Y1982 .product {
        width: 8.649vw;
    }

    #About #time #Y1983 .product {
        width: 8.041vw;
    }

    #About #time #Y1985 .product {
        width: 7.162vw;
    }

    #About #time #Y1994 .product {
        width: 7.297vw;
    }

    #About #time #Y2006 .product {
        width: 6.959vw;
    }

    #About #time #Y2017 .product {
        width: 7.432vw;
        right: 10%;
        transform: translate(50%, -55%);
    }

    #About #time #Y2020 .product {
        width: 6.419vw;
    }

        #About #time #Y2020 .product.right {
            right: -7%;
        }
}

@media screen and (max-width: 1099px) {

    #About #time #Y1985 .product.left {
        left: -7%;
    }
}

@media screen and (min-width: 1110px) {

    #About #time #Y1983 .product.right {
        right: -18%;
    }
}

@media screen and (min-width: 1300px) {

    #About .content .row {
        max-width: 46.216vw;
    }

    #About .object2 {
        top: 11.486vw;
        width: 4.257vw;
    }

    #About .object3 {
        top: 2.703vw;
        right: -15.878vw;
        width: 6.959vw;
    }

    #About #time .flex .text {
        font-size: 1.046vw;
        letter-spacing: 0.020vw;
        line-height: 1.622vw;
        margin-bottom: 1.014vw;
    }

    #About #time #Y1960 {
        width: 25.135vw;
    }

    #About #time #Y1960 .flex {
        height: 4.122vw;
    }

    #About #time #Y1965 {
        width: 28.581vw;
    }

    #About #time #Y1965 .flex {
        height: 4.122vw;
    }

    #About #time #Y1973 {
        width: 25.135vw;
    }
    #About #time #Y1973 .flex {
        height: 4.122vw;
    }

    #About #time #Y1978 {
        width: 23.378vw;
    }

    #About #time #Y1978 .flex {
        height: 4.122vw;
    }

    #About #time #Y1982 {
        width: 28.581vw;
    }

    #About #time #Y1982 .flex {
        height: 5.203vw;
    }

    #About #time #Y1983 {
        width: 25.946vw;
    }

    #About #time #Y1983 .flex {
        height: 4.122vw;
    }

    #About #time #Y1985 {
        width: 25.946vw;
    }

    #About #time #Y1985 .flex {
        height: 4.662vw;
    }

    #About #time #Y1994 {
        width: 21.351vw;
    }

    #About #time #Y1994 .flex {
        height: 4.122vw;
    }

    #About #time #Y2004 {
        width: 25.135vw;
    }
    #About #time #Y2004 .flex {
        height: 4.122vw;
    }

    #About #time #Y2006 {
        width: 25.946vw;
    }

        #About #time #Y2006 .flex {
            height: 4.662vw;
        }

    #About #time #Y2015 {
        width: 28.514vw;
    }

        #About #time #Y2015 .first .flex {
            height: 7.432vw;
        }

        #About #time #Y2015 .sec {
            width: 26.689vw;
        }

            #About #time #Y2015 .sec .flex {
                height: 7.432vw;
            }

    #About #time #Y2017 {
        width: 24.189vw;
        width: 26.727vw;
    }

        #About #time #Y2017 .flex {
            height: 4.662vw;
            height: 5.662vw;
            left: -6%;
        }

    #About #time #Y2020 {
        width: 28.919vw;
    }

        #About #time #Y2020 .flex {
            height: 4.432vw;
        }

        #About #time #Y2020 .sec {
            width: 27.432vw;
        }
}

@media screen and (min-width: 1480px) {

    #About #Brands {
        padding-top: 0.338vw;
        padding-bottom: 3.378vw;
    }

        #About #Brands .row {
            max-width: 78.041vw;
        }
}
