body {
    font-family: Kanit;
    font-size: 15px !important;
    background-image: url('../images/bg.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media (max-width: 575.98px) {
    .bg {
        background-image: url('../images/bg.jpg');
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-position: center bottom;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .bg {
        background-image: url('../images/bg.jpg');
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-position: center bottom;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

}

@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) {

}

h1 {
    font-size: 1.6rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1.1rem;
}

h6 {
    font-size: 1rem;
}

.text-green {
    color: #45e128;
}

a.text-green:hover {
    color: #45e128;
}

.bg-green {
    background-color: #45e128;
}

.side_banner_l {
    position: fixed;
    z-index: 1;
    top: 20%;
}

.side_banner_r {
    position: fixed;
    z-index: 1;
    top: 20%;
    right: 0%
}

.nav-custom {
    background: linear-gradient(#212121, #000);
}

.nav-custom2 {
    background-image: linear-gradient(to right, #0b0f00, #1b2902, #223804, #1b2902, #0b0f00);
}

.bg-tran {
    background-color: rgba(0, 0, 0, 0.8)
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    transition:opacity 0s 0s !important;
}
/*
.blink-red {
    animation-name: blink-red;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes blink-red {
    0% {
        background-color: #cc0001;
    }
    100% {
        background-color: #780001;
    }
} */

.vert-move{
    -webkit-animation:mover 1s infinite alternate;
    animation:mover 1s infinite alternate
}

@-webkit-keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}