@font-face {
    font-family: UTM-Sharnay;
    src: url(fonts/UTM-Sharnay.ttf);
}

@font-face {
    font-family: UTM-Futura-Extra;
    src: url(fonts/UTM-Futura-Extra.ttf);
}

@font-face {
    font-family: Avo;
    src: url(fonts/UTM\ Avo.ttf);
}

@font-face {
    font-family: UTM-Bebas;
    src: url(fonts/UTM-Bebas.ttf);
}

@font-face {
    font-family: Colossalis;
    src: url(fonts/UTM-Colossalis.ttf);
}

@font-face {
    font-family: Ambrose;
    src: url(fonts/UTM-Ambrose.ttf);
}

@font-face {
    font-family: Americana;
    src: url(fonts/UTM\ AmericanaBEx.ttf);
}


body {
    background-color: #fff1e5;
}

img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.uk-container-expand {
    margin: 0px;
    max-width: 1920px;
}

.uk-align-center {
    margin: 0px auto;
}

.uk-container-small {
    max-width: 1080px;
}

.topbannermb {
    display: none;
}

.box012 {
    background-color: #ffe9d9;
}

.topmenu {
    padding: 10px;
}

.text-menu {
    text-transform: uppercase;
    font-family: UTM-Sharnay;
    line-height: 1px;
    border-right: 3px #f79a20 solid;
    transform: skew(-15deg);
}

.text-menu-cuoi {
    border: none;
}

.gach {
    padding: 10px;
    line-height: 10px;
    color: #F7931E;
    font-weight: bold;
    padding: 10px;
}

.box11 {
    margin: 0 auto;
    padding: 20px 100px;
}

.box013 {
    /* background-image: url(media/nen11.jpg);
    background-repeat: no-repeat;
    background-size: contain;  */
    width: 100%;

}

.box2 {
    /* height: 400px; */
    margin: 0px auto;
    max-width: 1080px;
}

.khoi1 {
    background-color: #FFF1E5;
}

.video-box11 {
    /* padding: 80px 100px; */
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
}

.textgt0 {
    padding-top: 30px;
    width: 70%;
    margin: 0 auto;
}

.gthieu1 {
    font-family: UTM-Futura-Extra;
    color: white;
    font-size: 1.5em;
    padding: 5px 0px;
}

.gioithieu {
    padding: 30px 10px 200px 10px;
}

.textgt2 {
    font-family: Avo;
    color: white;
    font-size: 1em;
    padding: 5px 0px 150px 0px;
}

.khoi2 {
    width: 100%;

}

.khoi21 {
    background-image: url(media/nen22.jpg);
    background-size: 1080px 330px;
    width: 100%;
}

.khoi211 {
    width: 50%;
}

.khoi212 {
    width: 50%;
}

.textbox311 {
    font-family: Colossalis;
    color: #C1272D;
    font-size: 2.5em;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}

.textbox312 {
    font-family: UTM-Bebas;
    color: #006837;
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}

.box41 {
    background-color: aquamarine;
    /* height: 400px; */

}

.khoi5 {
    /* background-image: url(media/nen3.jpg); */
    width: 100%;
    background-repeat: no-repeat;
    /* height: 800px; */
}

.box51 {
    background: linear-gradient(90deg, #e1001a, #ff7a18);
}

.textbox511 {
    font-family: Ambrose;
    color: #FFDAA9;
    font-size: 3.5em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: 1.5px;
}


.lr-logo-credit img {
    max-height: none !important;
}