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

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

@font-face {
  font-family: 'UTM DAXBOLD_0';
  src: url('../fonts/UTM DAXBOLD_0.eot'); /* IE9 Compat Modes */
  src: url('../fonts/UTM DAXBOLD_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/UTM DAXBOLD_0.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/UTM DAXBOLD_0.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/UTM DAXBOLD_0.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/UTM DAXBOLD_0.svg#svgFontName') format('svg'); /* Legacy iOS */
}

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

.font-UTM
{
    font-family: "UTM DAX_0", Times, serif;
}

.font-UTM-BOLD
{
    font-family: "UTM DAXBOLD_0", Times, serif;
}

.font-UTM-MEDIUM
{
    font-family: "UTM DAXMEDIUM_0", Times, serif;
}

body
{
    background-image: url('../images/bg.png');
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: right top;
}

.navbar
{
    background-color: transparent;
    border: none;
}

.navbar-brand
{
    height: 80px;
}

    .navbar-brand > img
    {
        height: 100%;
        display: inline-block;
        margin-right: 20px;
    }

.headline
{
    font-family: "UTM DAXBOLD_0", Times, serif;
    font-weight: bold;
}

    .headline h3
    {
        font-size: 18px;
    }

    .headline h1
    {
        font-size: 60px;
        margin-top: 0px;
        margin-bottom: 60px;
    }

.linear ul li
{
    display: inline-block;
}

.hotline ul
{
    font-family: "UTM DAXBOLD_0", Times, serif;
    font-weight: bold;
}

    .hotline ul li
    {
        border-left: 2px solid #ec2035;
        padding-left: 5px;
        padding-right: 40px;
        text-align: left;
    }

        .hotline ul li p
        {
            font-size: 14px;
            margin-bottom: 3px;
        }

        .hotline ul li h3
        {
            margin-top: 0px;
            font-size: 18px;
        }

/*.address ul li
{
    margin-right: 60px;
}

    .address ul li img
    {
        width: 200px;
    }*/
.hotline
{
    margin-top: 30px;
}

.address
{
    margin-top: 30px;
}

.address .img-add
{
        margin-bottom: 20px;
}

.address img
{
    width: 200px;
}

.footer
{
    width: 100%;
    height: 17px;
    background-color: #ec2035;
    position: relative;
}

    .footer:after
    {
        content: ' ';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 17px solid transparent;
        border-right: 17px solid white;
        border-bottom: 17px solid transparent;
    }


#f1
{
    margin-top: 100px;
}

.col-2
{
    display: block !important;
    margin-bottom: 10px;
}

#f1 #tbl-dang-ky tr
{
    margin-bottom: 15px;
}

    #f1 #tbl-dang-ky tr input, #f1 #tbl-dang-ky tr select
    {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

#day, #month, #year
{
    width: 30% !important;
    float: left;
    margin-right: 3%;
    margin-bottom: 10px;
}

#f1 #tbl-dang-ky tr #but-dangky{
    color: #fff;
    background-color: #ec2035;
    border-color: #ec2035;
}

@media (max-width: 992px) {
    .col-1{
        display: none !important;
    }
}