/*
Theme Name: outsour
Author: dmweb
*/
.hot-line {
    font-size: 25px;
    margin-bottom: 25px;
}

.hot-line-text {
    font-weight: 600;
}

.hot-line a {
    color: black;
}

.text-hot {
    float: left;
    margin-right: 35px;
}

@media screen and (max-width:600px) {
    .hot-line {
        display: flex;
        flex-direction: column;
    }

}

.preloader {

    width: 100%;

    position: fixed;

    height: 100%;

    background: #fff;

    color: #282828;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 9999;

    transition: opacity .5s
}



.preloader--opacity0 {

    opacity: 0
}



.preloader--hide {

    display: none
}



.preloader__wrap {

    position: relative;

    justify-content: center;

    align-items: center;

    display: none
}



.preloader--go .preloader__wrap {

    display: flex
}



.preloader__item {

    visibility: hidden;

    position: absolute
}



.preloader__item>span {

    font-size: 62px;

    font-weight: 600;

    color: #282828;

    white-space: nowrap;

    animation: textSize 3.5s
}



@media screen and (max-width:1200px) {

    .preloader__item>span {

        font-size: 40px
    }

}



.preloader__item:nth-child(1) {

    animation-fill-mode: forwards !important;

    animation: fistItem 1.5s 0s, displayBlock, displayNone 0s 1.5s;

    display: flex
}



.preloader__item:nth-child(1) span {

    color: #282828;

    margin-left: 10px
}



.preloader__item:nth-child(1) p {

    font-size: 82px;

    font-weight: 600;

    color: #282828;

    white-space: nowrap;

    animation: textSize 3s
}



@media screen and (max-width:1200px) {

    .preloader__item:nth-child(1) p {

        font-size: 40px
    }

}



.preloader__item:nth-child(2) {

    animation-fill-mode: forwards !important;

    animation: displayBlock 0s 1.5s, displayNone 0s 1.9s
}



.preloader__item:nth-child(3) {

    animation-fill-mode: forwards !important;

    animation: displayBlock 0s 1.9s, displayNone 0s 2.3s
}



.preloader__item:nth-child(4) {

    animation-fill-mode: forwards !important;

    animation: displayBlock 0s 2.3s, displayNone 0s 2.7s
}



.preloader__item:nth-child(5) {

    animation-fill-mode: forwards !important;

    animation: displayBlock 0s 2.7s, displayNone 0s 3.1s
}

.preloader__item:nth-child(6) {

    animation-fill-mode: forwards !important;

    animation: displayBlock 0s 3.1s, displayNone 0s 3.5s
}

.preloader__item:nth-child(7) {


    text-align: center;

    animation-fill-mode: forwards !important;

    animation: displayBlock 0s 3.5s
}



@keyframes fistItem {

    0% {

        opacity: 0
    }



    100% {

        opacity: 1
    }

}



@keyframes displayNone {

    100% {

        visibility: hidden
    }

}



@keyframes displayBlock {

    100% {

        visibility: visible
    }

}



@keyframes textSize {

    100% {}

}



@media screen and (max-width:1200px) {

    @keyframes textSize {

        100% {}

    }

}
        .seob__text-wrap h1 {
            font-size: 2.23vw;
            font-weight: bold;
        }

        .seob__text-wrap h2 {
            font-size: 1.9vw;
            font-weight: bold;
        }

        .seob__text-wrap h3 {
            font-size: 1.8vw;
            font-weight: bold;
        }

        .seob__text-wrap h4 {
            font-size: 1.6vw;
            font-weight: bold;
        }

        .seob__text-wrap h5 {
            font-size: 1.5vw;
            font-weight: bold;
        }

        .seob__text-wrap h6 {
            font-size: 1.4vw;
            font-weight: bold;
        }

        .seob__text-wrap p {
            font-size: 0.97vw;
        }

        .seob__text-wrap ul {
            font-size: 0.97rem;
        }

        .seob__text-wrap li {
            font-size: 0.97rem;
        }

        @media(max-width: 900px) {
            .seob__text-wrap h1 {
                font-size: 2.33rem;
                font-weight: bold;
            }

            .seob__text-wrap h2 {
                font-size: 2rem;
                font-weight: bold;
            }

            .seob__text-wrap h3 {
                font-size: 1.9rem;
                font-weight: bold;
            }

            .seob__text-wrap h4 {
                font-size: 1.6rem;
                font-weight: bold;
            }

            .seob__text-wrap h5 {
                font-size: 1.7rem;
                font-weight: bold;
            }

            .seob__text-wrap h6 {
                font-size: 1.6rem;
                font-weight: bold;
            }

            .seob__text-wrap p {
                font-size: 1.07rem;
            }
        }

        .seob__text-wrap ul {
            list-style-type: disc;
            margin-block-start: 1em;
            margin-block-end: 1em;
            padding-inline-start: 40px;
        }
                    .song {
                position: fixed;
                right: 1rem;
                top: 3.8%;
                width: 2.5rem;
                height: 2.5rem;
                z-index: 188;
                cursor: pointer;
                border-radius: 100%;
                animation: pulse2 2s infinite;
            }

            .song-item {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;

            }

            @media screen and (max-width: 900px) {
                .song {
                    top: 18%;
                }
            }