a.nav-whatsapp {
    float: left;
    top: 16px;
    left: 70px;
}

a.nav-whatsapp {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 5px;
}

a.nav-whatsapp i {
    display: flex;
    font-size: 24px;
    line-height: 30px;
    color: white;
}

.navbar-brand {
    margin-right: 0.1rem;
}

html {
    scroll-behavior: smooth;
}

.mobilenav {
    display: none;
    transform: translate3d(0%, -100%, 0px);
    transition: transform .5s ease;
}

.bounce {
    animation: bounce 0.5s linear infinite alternate;
}

@keyframes bounce {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

@media screen and (max-device-width: 500px) {
    .mobilenav {
        display: flex;
        transform: translate3d(0, 0, 0);
        transition: transform .5s ease;
        background-color: transparent !important;
        padding: 0.2rem 1rem;
    }

    .mobilenav.active,
    .mobilenav.showback {
        display: flex;
        transform: translate3d(0, 0, 0);
        transition: transform .5s ease;
        background-color: black !important;
    }

    .navbar-toggler {
        padding: 0.25rem 0.3rem;
    }

    .navbar-collapse {
        padding-top: 5px;
    }

    .navbar-nav .nav-item {
        border-top: 1px solid #2f3134;
    }

    .navbar-dark .navbar-nav .active>.nav-link,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .show>.nav-link {
        color: hsl(38deg 96% 54%);
    }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.row {
    padding: 0%;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1320px;
    }
}

figure {
    display: block !important;
    margin: 0px;
}

[data-title*='Section'] {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    overflow: hidden;
}

[data-title*='HeroSec'] {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    overflow: hidden;
}

[data-title*='ContactSection'] {
    padding-top: 35px !important;
    padding-bottom: 30px !important;
}

@media (min-width: 992px) {
    [data-title*='Section'] {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    [data-title*='HeroSec'] {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    [data-title*='ContactSection'] {
        padding-top: 80px !important;
        padding-bottom: 30px !important;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    [data-title*='Section'] {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    [data-title*='HeroSec'] {
        padding-top: 60px !important;
        padding-bottom: 80px !important;
    }

    [data-title*='ContactSection'] {
        padding-top: 80px !important;
        padding-bottom: 30px !important;
    }
}

#HeroSection {
    position: relative;
    background-image: url('../images/Hero-Background.jpg');
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#ContactUs {
    background-color: #1D1D1B;
}

@media (max-width: 500px) {
    img.logo-combine {
        height: 50px;
        margin: 0px auto;
    }
}

/* button-series */
.button-series {
    display: flex;
    margin-left: 18.8%;
    width: 81.2%;
    justify-content: space-between;
}

.button-series .list-button {
    width: 24.3%;
    text-align: center;
}

.button-series .list-button a {
    border-radius: 7px;
    color: white;
    cursor: pointer;
    display: flex;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    transition: all 250ms;
    border: 0;
    font-size: 17px;
    font-weight: 600;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    align-items: center;
    justify-content: center;
}

.button-series .list-button a.diamond {
    background-color: #bda058;
    box-shadow: rgb(189 160 88 / 20%) 0 -25px 18px -14px inset, rgb(189 160 88 / 20%) 0 1px 2px, rgb(189 160 88 / 20%) 0 2px 4px, rgb(189 160 88 / 20%) 0 4px 8px, rgb(189 160 88 / 20%) 0 8px 16px, rgb(189 160 88 / 20%) 0 16px 32px;
}

.button-series .list-button a.beauty {
    background-color: #183a80;

    box-shadow: rgb(25 58 128 / 20%) 0 -25px 18px -14px inset, rgb(25 58 128 / 20%) 0 1px 2px, rgb(25 58 128 / 20%) 0 2px 4px, rgb(25 58 128 / 20%) 0 4px 8px, rgb(25 58 128 / 20%) 0 8px 16px, rgb(25 58 128 / 20%) 0 16px 32px;
}

.button-series .list-button a.beautyPlus {
    visibility: hidden;
    background-color: #183a80;

    box-shadow: rgb(25 58 128 / 20%) 0 -25px 18px -14px inset, rgb(25 58 128 / 20%) 0 1px 2px, rgb(25 58 128 / 20%) 0 2px 4px, rgb(25 58 128 / 20%) 0 4px 8px, rgb(25 58 128 / 20%) 0 8px 16px, rgb(25 58 128 / 20%) 0 16px 32px;
}

.button-series .list-button a.rescue {
    background-color: #f6a600;

    box-shadow: rgb(246 166 0 / 20%) 0 -25px 18px -14px inset, rgb(246 166 0 / 20%) 0 1px 2px, rgb(246 166 0 / 20%) 0 2px 4px, rgb(246 166 0 / 20%) 0 4px 8px, rgb(246 166 0 / 20%) 0 8px 16px, rgb(246 166 0 / 20%) 0 16px 32px;
}

.button-series .list-button a.tone {
    background-color: #70913f;

    box-shadow: rgb(112 145 63 / 20%) 0 -25px 18px -14px inset, rgb(112 145 63 / 20%) 0 1px 2px, rgb(112 145 63 / 20%) 0 2px 4px, rgb(112 145 63 / 20%) 0 4px 8px, rgb(112 145 63 / 20%) 0 8px 16px, rgb(112 145 63 / 20%) 0 16px 32px;
}

.button-series .list-button a.classic {
    background-color: #d83f0e;
    box-shadow: rgb(216 63 14 / 20%) 0 -25px 18px -14px inset, rgb(216 63 14 / 20%) 0 1px 2px, rgb(216 63 14 / 20%) 0 2px 4px, rgb(216 63 14 / 20%) 0 4px 8px, rgb(216 63 14 / 20%) 0 8px 16px, rgb(216 63 14 / 20%) 0 16px 32px;
}

.button-series .list-button a.matte {
    visibility: hidden;
    background-color: #5d2d91;
    box-shadow: rgb(109 14 216 / 20%) 0 -25px 18px -14px inset, rgb(109 14 216 / 20%) 0 1px 2px, rgb(109 14 216 / 20%) 0 2px 4px, rgb(109 14 216 / 20%) 0 4px 8px, rgb(109 14 216 / 20%) 0 8px 16px, rgb(109 14 216 / 20%) 0 16px 32px;
}

.button-series .list-button a.focus {
    visibility: hidden;
    background-color: #027dc0;
    box-shadow: rgb(14 180 216 / 20%) 0 -25px 18px -14px inset, rgb(14 180 216 / 20%) 0 1px 2px, rgb(14 180 216 / 20%) 0 2px 4px, rgb(14 180 216 / 20%) 0 4px 8px, rgb(14 180 216 / 20%) 0 8px 16px, rgb(14 180 216 / 20%) 0 16px 32px;
}

.button-series .list-button a .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 2px;
    margin-left: 4px;
    transform: rotate(270deg) scale(0.8);
    width: 20%;
}

.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 2px;
    width: 10px;
    height: 10px;
}


.first {
    margin-top: 1px;
}

.first,
.second,
.third {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;

}

.first {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: alternate;
}

.second {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    animation-delay: .2s;
    animation-direction: alternate;
    margin-top: -6px;
}

.third {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    animation-delay: .3s;
    animation-direction: alternate;
    margin-top: -6px;
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.gvSpace {
    padding: 0px 7px;
}

@media(max-width:500px) {
    .button-series .list-button a {
        border-radius: 2px;
        padding: 3px 3px 4px;
    }

    .button-series .list-button a span {
        font-size: 6px;
        width: 80%;
    }

    .button-series .list-button a .icon .m_scroll_arrows {
        width: 6px;
        height: 6px;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
    }

    .m_scroll_arrows.first {
        display: none;
    }

    .gvSpace {
        display: block;
        padding: 2px 0px;
    }
}


#Footer {
    background-color: black;
}