*{

    margin: 0;

    padding: 0px;

    list-style: none;

    text-decoration: none;

}
.padding0{
    padding: 0px !important;
}

.textcenter{

    text-align: center;

}

.active1{

    background: transparent url("../img/tron-hover.png") no-repeat scroll left center !important;

    padding-left: 20px;

    font-weight: bold;

    color: #23527C;

}

.row {

    margin: 0;}

body{font-family:'Open Sans', sans-serif !important;font-size:13px !important;

    font-family: inherit !important;

}



#full-page a{

    list-style: none;

    text-decoration: none;

}

#full-page{

   

}



h1,h2,h3,h4,h5,h6{

    margin: 0;

}

ul{

    margin: 0;

}

.banquyen{text-align:right;color:#999;padding:25px 0;}

@media only screen and (min-width: 300px) and (max-width: 767px){

    .img-hd0{

        margin: 0 auto;

    }

    .text-hd0{

        text-align: center;

    }



    .margin00{

        width: 100%;

		    padding-right: 22px !important;

			height: 240px !important;

    }

    .videos1 {

        height: 300px !important;

    }

    .footer .row{

        text-align: center;

    }

    .backg-w {

        margin: 0 auto;

    }

    .p00 p{

        background: none;

    }

	.banquyen{text-align:center;padding:0}

    .menu-main1 {

        border-left: none !important;

    }

    .text1 {

        padding-left: 0px !important;

    }

    .tbh li {

        width: 100% !important;

    }

    .active2 {

        background-size: 100% 100% !important;

    }

    .tbh li:hover {

        background-size: 100% 100% !important;

    }

    .text-ppp{

        text-align: right !important;

    }

    .text-pp1{

        text-align: left !important;

    }

	.videos{

	    padding-right: 15px !important;

    padding-left: 5px !important;

	}

    .sss3 {

        margin-top: 0px !important;

    }



}

@media only screen and (min-width: 480px) and (max-width: 991px){

    .margin-ct {

        float: left;

    }

    .footer .row{

        text-align: center;

    }

    .p00 p{

        background: none;

    }

    .backg-w {

        margin: 0 auto;

    }

	.banquyen{text-align:center;padding:0}

    .menu-main1 {

        border-left: none !important;

    }

		.margin-ct{

    margin-top: 10px !important;

	margin-right: 10px !important;}



	

}



@media only screen and (min-width: 300px) and (max-width: 479px){

    .margin-ct {

        width: 100%;

    }

	

    .text-slide p {

        width: 225px !important;

    }

    .sl1 {

        top: -5px;

        height: 250px;

    }

    .chi12 {

        bottom: 75px !important;

        left: 0;

    }

    .chi12 a {

        font-size: 50px !important;

    }

    .p02 {

        bottom: 22px !important;

        font-size: 25px !important;

        left: 0 !important;

    }

    .p03 {

        bottom: -10px !important;

        font-size: 23px !important;

        left: 0 !important;

    }

	.banquyen{text-align:center;padding:0}

    .nav-tabs li {

        width: 100% !important;

    }

		.margin-ct{

    margin-top: 10px !important;

	margin-right: 10px !important;

	

}





}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .imgtt1{

        float: left;

        margin-right: 10px !important;

        width: 232px !important;



    }

    .h333 p{

        margin-top: 6px !important;

    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.margin00 {

    margin: 0 auto;

    width: 100%;

    height: 176px;

}

.videos {

    padding-right: 15px !important;

}

    .content {

         margin-top: 0 !important;

    }

}

header{
    background: #fff;

  /*  background: -webkit-linear-gradient(#fbf0b1, #fefce6);

  background: -o-linear-gradient(#fbf0b1, #fefce6);

  background: -moz-linear-gradient(#fbf0b1, #fefce6);

  background: linear-gradient(#fbf0b1, #fefce6);*/

    margin: 0 auto;

}

@font-face{

	font-family:Futura;

	src:url('../fonts/VNF-Futura Regular.ttf');

}

@font-face {

    font-family: UTMWedding;

    src: url("../fonts/UTMWedding.ttf");

}

@font-face {

    font-family: UTMWedding;

    src: url("../fonts/UTMWedding.ttf");

}

@font-face {

    font-family: UTMCaviar;

    src: url("../fonts/UTMCaviar.ttf");

}

@font-face {

    font-family: UTMAvo;

    src: url("../fonts/UTMAvo.ttf");

}



@font-face {

    font-family: FtraLt;

    src: url("../fonts/FtraLt.ttf");

}







@font-face {

    font-family: caviar;

    src: url("../fonts/UTM CAVIAR.ttf");

}

@font-face {

    font-family: thoinaynang;

    src: url("../fonts/UVNThoiNayNang_R.ttf");

}

@font-face {

    font-family: UTMBebas;

    src: url("../fonts/UTMBebas.ttf");

}

@font-face {

    font-family: UVNHongHaHep_R;

    src: url("../fonts/UVNHongHaHep_R.TTF");

}

@font-face {

    font-family: UVNTinTucHep_R;

    src: url("../fonts/UVNTinTucHep_R.TTF");

}



.text-hd span{

    background: rgb(237, 29, 36) none repeat scroll 0% 0%;

    line-height: 25px;

    padding: 4px;

}

.text-hd span:hover{

    background: rgb(177, 22, 27) none repeat scroll 0% 0%;

}

.text-hd a{

    font-size: 11px;

    text-transform: uppercase;

    /* font-family: FtraLt; */

    color: white;

    padding: 0 3px;

}

header h4{

    color: #ed1d24;

    font-family: FtraLt;

}

header h3 a{

    color: #181818;

    font-family: FtraLt;

    font-size: 22px;

}

header h3 a:hover {

    color: #1618C5;

}

header .input-group {

    margin-top: 10px;

    padding-left: 10px;

    border-left: 1px solid #DBDDDE;

}

.img-hd1{

     padding: 0 7px;

    width: 45px;

    float: right;

}

.hx{

    padding-left: 7px;

}



.menu-main{

      height: 45px;

    margin-bottom: 10px;

    /* margin-top: 45px; */

    background-color: #099644;

}

.menu-main .row{

    max-width: 1000px;

    margin: 0 auto;

}



nav{

    max-width: 1200px;

    margin: 0 auto;


    /*height: 35px;*/

}

.menu{display:block}

.menu li{

    float: left;

    position:relative;

    z-index:100;

    line-height: 44px;

	border-left:1px solid #F3F0F0

}

.menu li:first-child{margin-left:0;}

.menu li:last-child{border:none}

.menu li a{

    font-family: arial;

    text-transform: uppercase;

    font-size: 15px;

    text-decoration:none;

    padding: 0px 25px;

    display:block;

    color:#fff;

    transition:all 0.2s ease-in-out 0s;

	

}

.menu li a:hover{

    

}

.menu li:hover{

    color:#fff;

    background:#2552bd;



}

.menu ul{  border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    border-top: 1px solid #ccc;

    visibility:hidden;opacity:0;margin:0;padding:0;width:250px;position:absolute;left:0;background:#fff;z-index:99;transform:translate(0,20px);transition:all 0.2s ease-out}

.menu ul:after{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px}

.menu ul li{display:block;float:none;background:none;margin:0;padding:0;    border-bottom: 1px solid #ccc;}

.menu ul li a{font-size:12px;font-weight:normal;display:block;color:#252525;background:#fff}

.menu ul li a:hover,.menu ul li:hover>a{

    color:#fff;

    background:#2760bf;

}

.menu li:hover>ul{visibility:visible;

    opacity:1;

    transform:translate(0,0)

}
.menu li ul{
    z-index: 99999;
}

.menu ul ul{left:248px;top:0;    width: 350px;visibility:hidden;opacity:0;transform:translate(20px,20px);transition:all 0.2s ease-out}

.menu ul ul:after{left:-6px;top:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:6px;margin-top:-6px}

.menu li>ul ul:hover{visibility:visible;opacity:1;transform:translate(0,0)}

.responsive-menu{display:none;width:100%;padding:20px 15px;background:#374147;color:#fff;text-transform:uppercase;font-weight:600}

.responsive-menu:hover{background:#374147;color:#fff;text-decoration:none}

a.homer{background:#9ca3da}

.language {
    text-align: right;
    padding-right: 30px;
    margin-bottom: 13px;
}

.language a {
    padding: 8px 30px;
    display: inline-block;
    background-color: #4285f4;
    position: relative;
    color: #fff;
    font-family: "Roboto-Regular";
    font-size: 13.5px;
}

.language a:first-child:before {
    content: '';
    position: absolute;
    height: 0;
    border-top: 35px solid #4285f4;
    top: 0;
    left: -30px;
    border-left: 30px solid transparent;
}
.language a:last-child:after {
    content: '';
    position: absolute;
    height: 0;
    border-top: 35px solid #4285f4;
    top: 0;
    right: -30px;
    border-right: 30px solid transparent;
}
.language img {
    width: 24px;
    height: 16px;
    vertical-align: sub;
    margin: 0 5px 0 7px;
}


.captionOrange, .captionBlack

{

    color: #fff;

    font-size: 20px;

    line-height: 30px;

    text-align: center;

    border-radius: 4px;

}

.captionOrange

{

    background: #EB5100;

    background-color: rgba(235, 81, 0, 0.6);

}

.captionBlack

{

    font-size:16px;

    background: #000;

    background-color: rgba(0, 0, 0, 0.4);

}

a.captionOrange, A.captionOrange:active, A.captionOrange:visited

{

    color: #ffffff;

    text-decoration: none;

}

a.captionOrange:hover

{

    color: #eb5100;

    text-decoration: underline;

    background-color: #eeeeee;

    background-color: rgba(238, 238, 238, 0.7);

}

.bricon

{

    background: url(../img/share/browser-icons.png);

}



.slider{

    margin: 0 auto;

    max-width: 1366px;

    /*max-height: 400px;*/

}

.content{

    max-width: 1200px;

    margin: 0 auto;

    

}



.content h3{

        



}

.line1{

    background: transparent url("../img/line-tintuc-sukien.png") no-repeat scroll right 29px;

}

.pr-ne{

    float: right;

    margin-top: 4px;

}

.pr-ne img{

    opacity: 0.6;

}

.pr-ne img:hover{

    opacity: 1;

}

.button img{

    

	    border-radius: 50%;

	

}

.button img:hover{

    opacity: 1;

}

.margin-ct{

	margin-right: 10px;

    height: 165px;

    width: 100%;

}



.text-ct{

    /*padding: 0 10px;*/

    text-align: justify;color:#666;

}

.button{



}

/*.line2{*/

    /*background: transparent url("../img/line-du-an-tieu-bieu.png") no-repeat scroll right 29px;*/

    /*margin-left: -10px;*/

    /*padding-left: 20px;*/

	/**/

/*}*/

.contt1{

    position: relative;

}

.sss h3{

    background: none;

}

.sss3{



    padding: 10px 20px;

    background: #BBF39A;

    border-radius: 8px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    width: 250px;

    margin-top: -30px;

    margin-bottom: 15px;

}

.sss3:hover {



    background: #96F35F;

}

.boder-ct img{

    margin: 5px 0px;

	border:1px solid #ccc

}

.padding-ct{

    padding: 7px;

	    text-align: justify;

}

.padding-ct p{

    margin: 0;

    text-align: left;

	font-size:11px;

	font-weight:bold;

	color:#717171

}

.padding-ct a{

    text-align: justify;

}

.red-ct{

    color: #ED1D24;

}

.red-ct:hover{

    font-weight: bold;

    color: #ED1D24;

}

.text-ct h5{

        color: rgb(255, 7, 8);

    /* font-family: Futura; */

  

    /* padding-bottom: 5px; */

    margin: 10px 0px;

	font-family: FtraLt;

    font-size: 18px;

    font-weight: bold;

    border-bottom: 1px dotted #D9E2E2;

    padding-bottom: 20px;

}

.chi-tiet{

    font-family: arial;

    text-transform: uppercase;

    /*padding: 5px 10px;*/

    padding: 5px;

    border: 1px solid #91969B;

    margin:5px 0px;

}

.chi-tiet:hover{

    background: #c1e2b3;

}

.hoa-van{

    margin-bottom: 5px;

}



.tuyendeptrai{

      margin: 10px 0px;

    line-height:1.5;

    padding: 0px 10px;

}

.margin-bt{

    margin-bottom: 15px;

}

.line3{

    background: transparent url("../img/line-tintuc-sukien.png") no-repeat scroll 215px 29px;

}

.line4{

    background: transparent url("../img/line4.png") no-repeat scroll right 29px;

        margin-left: -10px;

    padding-left: 15px;

}

.ct00{

    margin: 10px 0px;

	width: 100%;

}

.aa{

    clear: both;

    border-top: 1px dotted rgb(187, 190, 194);

    margin-right: 10px;

}

.aa a{

    display: block;

    margin-top: 5px;

}

.res-ct01{

    float: right;

    margin-right: 10px;

    margin-top: 10px;

}

.margin00{

    margin: 0 auto;

}

.pr-ne01{

    margin-right: 6px;

}

.content h4{

        font-family: FtraLt;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 28px;

    color: #ed1d24;

    padding: 10px 15px;

    border-radius: 5px 5px 0px 0px;

}

.tuyendeptrai01{

    margin-bottom: 10px;

	padding-left:10px;

}

.tuyendeptrai02{

    margin-bottom: 0px !important;

}

.videos1{

    width: 100%;

    height: 176px;

}

.margin01{

    margin: 15px

}

.footer{

    background: #eeeeee;

    margin: 0 auto;

    display: inline-block;

    width: 100%;

    padding: 30px 0 20px 0

}

.footer .row{

    max-width: 1000px;

    margin: 0 auto;

}

.footer h4{

    font-family: UTMAvo;

    font-size: 16px;

    text-transform: uppercase;

    color: white;

    margin-top: 15px;



}

.ft00{

    font-family: arial;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 15px;

}

.footer p{

    color: #000;

    font-size: 12px;

}

.p00 p{

    

}

.p0{

    background: url("../img/icon-home.png") no-repeat left 0px;

}

.p1{

    background: url("../img/dt-ft.png") no-repeat left 0px;

}

.p2{

    background: url("../img/mail-ft.png") no-repeat left 0px;

}

.p3{

    background: url("../img/web-ft.png") no-repeat left 0px;

}

.backg-w a{

    display: block;

    padding-left: 35px;

    margin: 10px 10px;

}

.backg-w{

    background: #ffffff;

    width: 150px;

    border-radius: 10px;

    padding: 5px 0;

}

.a0{

    background: url("../img/thoi-tiet-ft.png") no-repeat left 0px;

}

.a1{

    background: url("../img/gia-vang-ft.png") no-repeat left 0px;

}

.a2{

    background: url("../img/ty-gia-ft.png") no-repeat left 0px;

}

.a3{

    background: url("../img/chung-khoan-ft.png") no-repeat left 0px;

}

.h000{

    margin-bottom: 20px;

}

.float00 span{

    float: right;

}

.img-ft img{

    opacity: 0.4;

}

.img-ft img:hover{

    opacity: 1;

}

.line6{

    background: transparent url("../img/line6.png") no-repeat scroll right 29px;

}





.sl1{

    position: absolute;

    top: 0px;

}

.text-slide p{

    position: absolute;

    top: 40px;

    left: 60px;

    z-index: 999;

    color: #EAE6E6;

    width: 310px;

    text-align: justify;

}

.chi12{

    position: absolute;

    bottom: 140px;

    right: 190px;

}

.chi12 a{

    font-family: UTMWedding;

    font-size: 72px;

    text-shadow: -2px 2px 0px #FCF9F7, 2px 2px 0px #FCF8F6, 1px 2px 0px #FFFCFA, -1px -1px 0px #F9F7F6;

    color: rgb(237, 29, 36);

}

.chi12 a:hover{

    color: rgb(253, 121, 23);

}

.image_duan{padding:3px;}





 .menu-main1 {

     margin-top: 55px;

     text-align: right;

     border-left: 2px solid;

     margin-bottom: 10px;

}



.ss1{

    background: none;

}

.ddd{

    margin-top: 20px;

}

.hred{

    color: #ed1d24;

}

.hred:hover{

    color: #ff7102;

}

.line33{



    margin-bottom: 15px;

    /* padding: 0; */

    margin-left: 0;

    padding-left: 0;

}

.h20 {

    border-bottom: 2px solid #F11823;

    font-family: FtraLt;

    font-weight: bold;

    padding-bottom: 7px;

    font-size: 23px;

}

.h20 a{

    color: rgba(0, 0, 0, 0.87);

}

.about li {

    padding: 10px 0;

    border-bottom: 1px dotted #e4e4e4;

}

.about li a {

    background: transparent url("../img/tron.png") no-repeat scroll left center;

    padding-left: 20px;

}

.about li a:hover {

    background: transparent url("../img/tron-hover.png") no-repeat scroll left center;

    padding-left: 20px;

    font-weight: bold;

}

.gg00{

    margin-top: 30px;

}

.text1{

    padding-left: 20px;

}

.h333 a{

    color: rgba(0, 0, 0, 0.87);

    font-size: 20px;



}

.h333{

    padding: 15px 10px;

}

.h50{

    font-family: FtraLt;

    padding-bottom: 5px;

    border-bottom: 1px dotted #8EC2F7;

    padding-top: 12px;

    font-size: 15px;

}

.padding-tt a{

    font-size: 15px;

    font-family: FtraLt;

}



.imgtt1{

    margin: 10px 0;

    padding: 5px;

    background: #F6F5F9;

    border-radius: 5px;

    border: 1px solid #B8C2CC;

    height: 140px;

}

.imgtt1 img{

    width: 100%;



    height: 100%;

}

.nav-tabs li{

    font-weight: bold;

}





.nav-tabs{

    background-color: #eee;

}

.aaa1{

    border: 1px solid #E2E6EA;

    border-radius: 4px;

}

.add{

    padding-top: 10px;

}

.add a{

    color: #337ab7;

    font-size: 16px;

}

.add a:hover{

    color: rgb(255, 8, 27);

}

.tbh li{

    float: left;

    height: 60px;

    line-height: 45px;

}

.tbh li:hover{

    background: url("../img/bg_tab.png") no-repeat center;

}

.tbh li a{

    font-size: 18px;

    font-family: FtraLt;

    padding: 20px 15px;

}

.tbh li:hover a{

    font-size: 18px;

    color: #fff;

    font-family: FtraLt;

	

}

.active2{

   

}

.nav1 a{

	        padding: 16px 20px 30px;

}

.box11{

    height: 200px;

}

.box11 img{

    height: 100%;

}

.boder05 {

    margin-top: 20px;

    margin-bottom: 15px;

    background: #EAEFF5;

}

.img44 h4 {

    color: red;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 23px;

}

.img44 ul {

    margin-top: 5px;

}

.img44 ul li {

    border-bottom: 1px dotted rgb(202, 212, 222);

    padding: 10px;

}

.img44 ul li a {

    background: url("../img/tich0.png") no-repeat left;

    padding: 0px 5px 0px 20px;

    color: black;

    font-size: 14px;

}

.img44 span {

    color: #D2D8DE;

}

.img44 ul li a:hover {

    background: url("../img/tich.png") no-repeat left;

    padding: 0px 5px 0px 20px;

    color: red;

}

.cont11{

padding: 5px;

}

.boder05 img{

    padding-right: 5px;

}

.h444{

padding: 0px !important;

}

.nav1 li{

display: inline-block;

    padding: 21px 0px;

font-weight: bold;

}

.nav-tabs li {

    

}

.nav-tabss>li.active>a, .nav-tabss>li.active>a:focus, .nav-tabss>li.active>a:hover {

    color: #fff;

    cursor: default;

      background: url("../img/bg_tab.png") no-repeat center;

    border-bottom-color: transparent;

	 

}

.line33{

    font-weight: bold;

}

.imgtt2 {

    margin: 10px 10px 0 0;

    padding: 5px;

    background: #F6F5F9;

    border-radius: 5px;

    border: 1px solid #B8C2CC;

    height: 150px;

    width: 220px;

    float: left;

}

.imgtt2 img{

    width: 100%;

    height: 100%;

}

.imgtt2p p{

    padding: 10px 0 0 0;

}

.h55{

    font-weight: bold;

}

































.lang{    background: url(../img/bg_lang.png);
    width: 330px;
    height: 30px;
    float: right;}

.lang li{float: left; width:50%;   

    display: flex;  

     align-items: center;

    justify-content: center;   

     height: 30px;



 }

.lang .vn img{    margin-left: 10px;}

.lang li img{    width: 18px;

    border: 1px solid #fff;margin-top: -3px;}

.lang li a{color:#fff;font-size: 13px;}



.left-topbar{font-size: 12px;padding: 5px 0}

.left-topbar a{color:#000;}

a{transition:0.2s;}

a:hover{color:#f03}



 .captionOrange, .captionBlack

        {

            color: #fff;

            font-size: 20px;

            line-height: 30px;

            text-align: center;

            border-radius: 4px;

        }

        .captionOrange

        {

            background: url("img/share/backg-slide1.png") no-repeat;

                background-size: 100%;

            

        }

        .captionBlack

        {

            font-size:16px;

            background: #000;

            background-color: rgba(0, 0, 0, 0.4);

        }

        a.captionOrange, A.captionOrange:active, A.captionOrange:visited

        {

            color: #ffffff;

            text-decoration: none;

        }

        a.captionOrange:hover

        {

            color: #eb5100;

            text-decoration: underline;

            background-color: #eeeeee;

            background-color: rgba(238, 238, 238, 0.7);

        }

        .bricon

        {

            background: url(img/share/browser-icons.png);

        }

        .sli00{

            margin-top: 13px;

            font-family: arial;

            text-transform: uppercase;

            color: white;

            font-weight: bold;

            margin-left: -125px;

        }

        .slip00{

            position: relative;

            margin-top: 10px;

    font-size: 14px;

    text-align: justify;

    width: 75%;

    margin-left: 13%;



        }

        .ctrol1{

            position: absolute;

            top: 197px;

            left: 370px;

            padding: 30px;

            z-index: 9999;

        }

        .text-sl1{

            font-family: UTMWedding;

    font-size: 72px;

    text-shadow: -2px 2px 0px #FCF9F7, 2px 2px 0px #FCF8F6, 1px 2px 0px #FFFCFA, -1px -1px 0px #F9F7F6;

    color: rgb(237, 29, 36);

    }

    .text-sl0{

    background: none;

    }

    .p02 {

    bottom: 75px;

    font-family: UTMCaviar;

    font-size: 30px;

    color: rgb(237, 29, 36);

    text-transform: uppercase;

    text-shadow: -2px 2px 0px #FCF9F7, 2px 2px 0px #FCF8F6, 1px 2px 0px #FFFCFA, -1px -1px 0px #F9F7F6;

    }

    .p03 {

    font-family: UTMCaviar;

    font-size: 36px;

    text-transform: uppercase;

    color: rgb(233, 233, 233);

    right: 200px;

}



.head-main{clear: both;padding: 10px 0;    display: inline-block;

    width: 100%;}



.slogan > div{max-width: 100%}

.slogan{text-align: center; margin-top: 15px;}

.slogan h2{

 font-family: initial;
    color: #016aac;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    /* font-weight: bold; */
    /* text-shadow: 2px 2px 0px #fff; */

     }



.slogan .batquang{font-family: thoinaynang;

font-size: 35px;

background: -webkit-linear-gradient(#75a525, #e7fcaf);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  -webkit-text-stroke: 1px #4a7604;

    -o-text-stroke: 1px #4a7604;

    -moz-text-stroke: 1px #4a7604;

    -ms-text-stroke: 1px #4a7604;



}



.slogan .uytin{font-family: Futura;font-size: 24px;color: #099644; font-weight: bold;}

.padding0{padding: 0}



.fl{float: left;}

.fr{float: right;}

.hotl{display: flex;  margin-bottom: 10px;}

.col-lef{flex:1;}

.col-lef .phone{color: #099644;font-family: arial;font-weight: bold;

font-size: 14px;}

.col-lef .numb{color: red;font-weight: bold;font-size: 14px;}

.hotl .col-right{    display: flex;

    align-items: center;}

.hotl .col-right img{margin: 3px;border-radius: 50%;transition:0.3s;}

.hotl .col-right img:hover{box-shadow: 0 0 5px #ccc;    transform: scale(1.1);}



.hotline > div{min-width: 330px;float:right;  }



.search{position: relative;}

.search input[type="text"]{height: 35px;

    border:1px solid #ccc;
    border-radius: 5px;
	background:#fff;

}

.search .btn-search{background: url(../img/search.png) no-repeat; width: 30px;height: 30px;    position: absolute;

     bottom: 0px;

    right: 5px;}

.column-left .box{margin-bottom: 20px;}

.column-left .category  .box-heading{background-color: #2552bd;color: #fff;font-family:arial;

text-transform: uppercase;

font-size: 16px;

    line-height: 45px;

    height: 45px;

position:relative;



 }

 .column-left .box .box-content{border:1px solid #ccc;}



.cate-list{    background: url(../img/ico-cate.png) no-repeat 10px,#2552bd}



.ico-cate2{    position: absolute;

    top: 14px;

   

	    right: 0;

    width: 30px;

	}













.textaligncenter{text-align: center;}



.newslastest .boxnews .name{font-family: arial;

    font-weight: bold;

    font-size: 13px;color: #000

}

.newslastest .boxnews .des{padding: 0 13px;}



.faq .box-content > div{padding:10px 20px;}



.faq .box-content > div img{margin-right: 5px;}

.faq .box-content > div a{color: #000;font-weight: bold ;font-family: arial;font-size: 13px;}

.faq .box-content > div .sub_select{padding:10px 0 0 20px;}



.ykien .des{padding: 20px 30px}

.ykien img{margin: 0 auto}

.ykien .name{font-size: 13px;font-family: arial;color: #2552bd}

.ykien .button{margin-top: 10px;    text-align: center;

    padding: 7px 0 ;    background-color: #F3F3F3;}

.quangcao img{margin-bottom:10px;    margin: auto;}



.box.probycate{margin-top: 15px;position: relative;

border-top:1px solid #ccc;

}

.probycate .box-heading{border-bottom: 2px solid #2552bd;display: inline-block;width: 100%;   

	margin-top:-7px;

}

.probycate .box-heading h2{    background: #2552bd;

    display: inline-block;

    font-family: arial;

    font-size: 16px;

    line-height: 38px;

    color: #fff;

    text-transform: uppercase;

    padding: 0px 40px 0 15px;

    float: left;

	    position: relative;

}





.probycate .box-heading h2:before{  

     border-right: 20px solid transparent;

    content: "";

    display: inline-block;

    height: 0;

    position: absolute;

    right: -20px;

    top: 0;

    width: 0;

	border-bottom: 39px solid #2552bd;

	box-sizing: border-box;

}





.dm-nho,.dm-nho li{float: left;

    float: left;

    padding-left: 25px;

    padding-top: 5px;



}

.dm-nho li{    line-height: 19px;

    padding: 0 10px;

    border-left: 1px solid #ccc;

    margin-top: 8px;}

.dm-nho li:first-child{border:none;}

.dm-nho li a{    font-family: arial;

    font-size: 13px;

    color: #666; }

.dm-nho li:hover a{color: #2552bd}

.box.probycate .button{    position: absolute;

    top: 5px;

    right: 10px;}



.box.probycate .button img{opacity: 0.6}

.box.probycate .button img:hover{opacity: 1}



.pro-info{position: relative;margin:5px;text-align: center;font-family: arial;border: 1px solid #ccc;

    min-height: 221px;}

.pro-info .image{position: relative;overflow: hidden;    height: 260px;}

.pro-info .sale{
    position: absolute;
    right: 10px;
    top:10px;
    z-index: 9;
    width: 60px; 
    height: 14%; 
    background: url(../img/sale.png) no-repeat;
        font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    color: #fff;
    line-height: 30px;
}

.pro-info .hot{position: absolute;left: 10px;top:10px;z-index: 9}
.pro-info .price{
    height: 40px;
}


.pro-info .image img{    
    transition: 0.3s;
    height: 260px;
    object-fit: cover;
    width: 100%;
}

 .pro-info:hover .image img{transform:scale(1.1);}

.pro-info .name h3{

    font-family: arial;

    font-size: 14px;

    font-weight: bold;

    text-transform: none;

    height:40px;

}

.pro-info .name{padding: 5px;}

.pro-info .name h3 a{color: #279ce5;}

.box.probycate .pro-info:hover .name h3 a{color: red}

.pro-info .masp{font-size: 12px;height: 35px;}

.box.probycate ul li{height: auto !important;}

.giakm{font-weight: bold;

    color: #ff8a00;

    font-size: 17px;

}

.pro-info .gia{text-decoration:line-through;}



.box.probycate .box-content{}





.box.doitac .box-heading{border-bottom: 2px solid #2552bd;  margin-top: -7px;}

.box.doitac .box-heading span{

line-height: 37px;

color: #fff;

font-family: arial;

font-size: 16px;

    padding: 10px 60px 10px 15px;

	    text-transform: uppercase;

  background: #2552bd;

  position: relative;

}

.box.doitac .box-heading span::before {

  border-right: 20px solid transparent;

  content: '';

  display: inline-block;

  height: 0px;

  position: absolute;

  right: -20px;

  top: 0px;

  width: 0px;

  border-bottom: 39px solid #2552bd;

  box-sizing: border-box;

}





.box.mota{border-top:2px solid #2552bd;border-bottom: 2px solid #2552bd;text-align: center;clear: both;margin-bottom: 20px}

.box.mota p{color:#3172df;text-transform:uppercase;font-weight: bold;font-size: 20px;

    padding: 20px;font-family: UVNHongHaHep_R;

    max-width: 900px;

    margin:0 auto;

}



.box.baohanh img{margin: 0 auto;cursor: pointer;    border: 4px solid #ccc;}

.box.baohanh img:hover{border: 4px solid #2552bd;}





.box.baohanh > div{margin-bottom: 10px;}



.footer-top{    background: #2552bd;

    display: inline-block;

    width: 100%;

    color: #fff

}

.social{background: #005b7f;

font-size: 35px;

text-align: center;

    padding: 5px;

}

.social a{color: #fff;padding:0 10px}

.social a:hover{color: #2552bd}



.gmail{font-size: 16px;    font-size: 16px;

    margin-top: 7px;

    line-height: 43px;}

.gmail img{border:1px solid #fff;

    border-radius: 50%;

    margin-right: 15px;

}

.gmail img:hover{opacity: 0.7

}





#newsletter{position: relative;margin-top: 8px;}

#newsletter .btn_send{width: 100px;background: #ff8a00;color: #fff;

    text-transform:uppercase;

    border:none;

    padding:13px 10px;

     position: absolute;;top: 0;right: 0;

    z-index: 9999;



}

#newsletter .btn_send:hover{background: #DC7801;

color: #fff;

}

#newsletter input{border:none;box-shadow: none;border-radius: 0;

    height: 44px;

}



.title-footer{color: #2552bd;font-family: arial;font-size: 17px;

    background: none;

    font-weight: bold;

    text-transform: uppercase;

    padding-bottom: 15px;

}



.padding5{padding: 0 5px !important;}



.news_footer li{background: url(../img/list-footer.png ) no-repeat 0px 5px;padding-left: 15px;    line-height: 23px;}



.news_footer li a{color: #000}

.news_footer li:hover a{color: red}

.footer .fa{font-size: 15px;

    

    width: 15px;}

.footer .thongtinlienhe{line-height: 23px;}

.menubot{background: #eee;border-top: 1px solid #000;padding:10px;text-align: center;}

.menubot .navbot li{float: left;;padding:0 7px;border-left: 1px solid #333;}

.menubot .navbot li a{color: #000;text-transform: uppercase;}

.menubot .navbot li:first-child{border: none;}

.menubot .navbot{width: 100%;display: inline-block;}

.menubot .navbot ul{display: inline-block;;}



.box.doitac{    width: 100%;

    clear: both;

    margin-top: 20px;

    border: 1px solid #ccc;}



.breacum {

    margin-bottom: -3px;

    font-family: arial;

}

.bogt {

    height: 3px;

    border: 1px solid #D5DADE;
    clear: both;

}

.breacum>span {

    display: inline-block;

    border-bottom: 3px solid #2552bd;

    padding: 0px 0 4px 0px;

}

.breacum li {

    display: inline-block;

    background: none !important;

}



.box-news .images{border: 1px solid #ccc;}

.box-news h3 a{color: #2552bd;font-size: 18px;font-family: arial;font-weight: bold;}

.box-news .gray{color: #999;font-family: arial;font-size: 14px;padding:20px 0 5px 0;}



.box-news{border-bottom:1px dashed #2552bd;display: inline-block;width: 100%;padding:15px 0;}







.face{    height: 27px;

    border-top: 1px solid #ccc;

    margin-bottom: 10px;

    padding-left: 5px;

    background-color: #fafafa;

    font-size: 11px;    margin: 10px 0;}



.face_left {

    float: left;    line-height: 24px;

}

.face_right {

    float: right;

}

.face_right p {

    line-height: 28px;

    padding-right: 5px;

    float: right;

}

.face_right p a {

    float: right;

    margin: 0px;

    color: #000;

    font-size: 11px;

}

.face_right p a img {

    margin-top: 8px;

    margin-left: 5px;

    float: left;

}

.title_h1{    color: #2552bd;

    font-size: 20px;

    font-weight: bold;

    padding: 10px 0;

    font-family: arial;

}



#nd_gt{padding-top: 10px;}



.tag{font-size: 13px;margin: 10px 0}

.tag span{font-weight: bold;font-size: 13px;}





.news_related .related_list li{    background: url(../img/news_list_hv.jpg) no-repeat left;

    line-height: 35px;

    padding-left: 20px;border-bottom: 1px dotted #ccc}

.news_related .related_list li a{color: #2552bd;font-size: 13px;}

.news_related .related_list li a span{font-size: 11px;    }

.news_related .related_list li:hover{ background: url(../img/news_list.jpg) no-repeat left}

.news_related .related_list li:hover a{color: #000;}



.dmp .pro-info .image{}



.thumb_img img{border: 1px solid #ccc;margin: 5px;}





.product-info{display: inline-block;width: 100%}

.product-info .images img{border:1px solid #2552bd;}

.product-info .images {margin: 5px 0}



.product-info .col-right h1{text-transform: uppercase;}



.shor_des .thongtingia{color: #999;font-family:arial;font-weight: bold; }



.shor_des .thongtingia span{color: #2552bd}

.shor_des .thongtingia .price{color: #ff8a00}



.product-info .addcart{background:#ff8a00;

    border:none;color: #fff;

    padding:7px;font-weight: bold;

    font-family:arial;

	border-radius:7px;

	    float: right;

 }

 .product-info .addcart:hover{background:#EF9123;}

 

.product-info .addcart p{font-weight: normal;}

.product-info .thongtinlienhe{border: 2px dashed #2552bd;padding: 10px;clear: both ;margin-top: 15px;}



.shor_des {

    display: inline-block;

    width: 100%;

}

.thongtinlienhe .fa{color: #2552bd;padding-right: 5px;width: 20px;}







.slick-arrow{}

.quangcao img{    margin: 10px 0;

    border: 4px solid #ccc;

}

.quangcao img:hover{ border: 4px solid #2552bd;}



.page {

    margin: 20px 0;

}

.page a:hover, .page strong {

    background: #2552bd !important;

    font-weight: bold;

    text-decoration: none;

    transition: 0.3s;

    padding: 10px 15px;

    color: white;

    margin: 3px;

}

.page a {

    padding: 10px 15px;

    color: white;

    margin: 3px; background-color: #aeaeae;

}











a,img{transition:0.3s;}









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

 .box.baohanh > div:first-child img{margin-left: 0}

  .box.baohanh > div:last-child img{margin-right: 0}

	/*.dmp{height:300px;}*/
.logofot img{
    margin:0 auto;
    max-height: 100px;

}
.logofot h4{
    font-size: 14px;
    color: #000;
}
.logofot h5{
    font-size: 12px;
}

}



@media only screen and (min-width: 768px) {

	.dmp{    margin-bottom: 20px;}

	

}



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



    .hotline > div{    margin: 0 auto;

    width: 100%;

    padding: 15px; }



    .search input[type="text"]{width: 100%}

    .slogan h1{font-size: 20px;}

    .slogan .batquang {font-size: 30px}

    .slogan .uytin {font-size: 16px;}

	.quangcao img{margin:0 auto;margin-bottom:5px;}

	.logofot img{margin:0 auto}

}





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



    

    .slogan h1{font-size:18px;}

    .slogan .batquang {font-size: 25px}

    .slogan .uytin {font-size: 14px;}

}





.border-r {

    float: right;

    border-right: 1px solid #ccc;

    height: 32px;

    margin-top: 6px;

}





.box.category{margin-top:6px !important;}



.catetop{     position: absolute;

    margin-left: 26px;

    top: -14px;

    border: 1px solid #ccc;

    background-color: #fff;

    z-index: 9;

    width: 299px;

	display:none

	}

.category .box-heading{position:relative}

.category .box-heading .ico-cate2:hover .catetop{

display:block

}

.ico-cate2 .img{    cursor: pointer;}

.catetop a{text-transform:none}

.catetop .sub_cate a{font-size:13px;}

.catetop h2{text-transform:none !important}







.column-left .box {

    margin-top: 15px;

    position: relative;

    border-top: 1px solid #ccc;

}



.column-left .box .box-heading {

    border-bottom: 2px solid #2552bd;

    display: inline-block;

    width: 100%;

    margin-top: -7px;

}

.column-left .box .box-heading h2 {

    background: #2552bd;

    display: inline-block;

    font-family: arial;

    font-size: 16px;

    line-height: 38px;

    color: #fff;

    text-transform: uppercase;

    padding: 0px 40px 0 15px;

    float: left;

    position: relative;

}

.column-left .box .box-heading h2:before {

    border-right: 20px solid transparent;

    content: "";

    display: inline-block;

    height: 0;

    position: absolute;

    right: -20px;

    top: 0;

    width: 0;

    border-bottom: 39px solid #2552bd;

    box-sizing: border-box;

}



.box.category ul > li ul li{line-height:40px;}



.box.category ul > li{clear: both;min-height: 40px;line-height: 21px;transition:0.3s;position: relative;}

.box.category ul > li img{margin:0 5px;}

.box.category ul > li h2{font-weight: normal;

    font-size: 14px !important;

    color: #000 !important;

    font-family:arial !important; 

    line-height: 40px !important;

	padding: 0px !important;

        padding-left: 10px !important;

        background: url(../img/ico_list.png) no-repeat 96% !important;

	display:inline-block;

	width:100%;

}

.box.category ul > li h2:before{border:none !important;

right:0 !important;}





.box.category ul > li a{display: inline-block;

    width: 100%;}

.box.category ul > li:hover{background: #44c744}

.box.category ul > li:hover h2{background: url(../img/ico_list_hv.png) no-repeat 96%;color: #fff}

.box.category ul > li:hover .sub_cate{display: block;}

.box.category .sub_cate{    position: absolute;

    top: 0;

    width: 250px;

        left: 100%;

    background-color: rgba(255, 255, 255, 0.81);

    z-index: 999;

    box-shadow: 0 0 3px;

    display: none;

}

    .box.category .sub_cate li{border-top: 1px solid #ccc;padding-left: 10px;}

.box.category .sub_cate li a{color: #000;}



.slick-slider .slick-arrow{position: absolute;

    top: 47%;

    z-index: 999;

    background-color: #fff;

    border: 1px solid #ccc;

    padding: 10px;}

	

.slick-slider .slick-arrow:last-child{right:-10px;z-index:999}

.slick-slider .slick-arrow:first-child{left:-8px;z-index:999}



.column-left .slick-slider .slick-arrow:last-child{right:0px;z-index:999}

.column-left .slick-slider .slick-arrow:first-child{left:0px;z-index:999}



.slick-slider .slick-arrow:hover{color:#fff;background:#2552bd;

border: 1px solid #2552bd;

}

.spol{text-align:center;

	font-weight:bold;

	padding:10px 0

}

.newslastest .nepe{    position: absolute;

    top: 5px;

    right: 10px;}



.f-nav{position:fixed;

top:0;

z-index:999999;

    width: 100%;

}

#lof_go_top {

    background: url("../img/back-top.png") no-repeat scroll 50% 50% #038DC6;

    bottom: 105px;

    display: none;

    height: 55px;

    position: fixed;

    right: 12px;

    width: 55px;

    z-index: 99999;

    border-radius: 30px;

}



#lof_go_top:hover {

    background: url("../img/back-top.png") no-repeat scroll 50% 50% #FF8A00;



}





.box_lienhe{border-left:1px solid #ccc}

#formlienhe table{width:100%;}

#formlienhe tr td{padding: 5px;}

#formlienhe tr td p{font-weight:bold;color:#000;    font-size: 13px;}

#formlienhe tr td .button{background: #ff8a00;

    border: 1px solid #DC7F12;

    padding: 7px 10px;

    color: #fff;

    border-radius: 5px;

	float:left

}

#formlienhe tr td .button:hover{background: #DC7F12;}





.thongtin{text-align:left;margin-top:20px;}

.thongtin .fa {

    color: #2552bd;

    padding-right: 5px;

    width: 20px;

}

@font-face {

    font-family: lienhe;

    src: url("../fonts/UTM Zirkon.ttf");

}



.title_lh{

    position: relative;

    line-height: 31px;

    text-transform: capitalize;

    text-align: center;

    color: #e91d4a;

    display: inline-block;

    font-weight: normal;

    font-size: 40px;

    margin: 0px !important;

    font-family: 'lienhe';

    padding:0px 5px 20px 5px;

    background: url(../img/tt_center.png) center bottom no-repeat;

}



.title_lh:before{

    height: 19px;

    width: 65px;

    position: absolute;

    content: '';

    right: 100%;

    top: 15px;

    background: url(../img/tt_left.png) no-repeat;

}

.title_lh:after{

    height: 19px;

    width: 65px;

    position: absolute;

    content: '';

    left: 100%;

    top: 15px;

    background: url(../img/tt_right.png) no-repeat;

}

.nbs-flexisel-item img{

width:165px  !important;

height:80px !important;

}
.color333{
    color: #333;
    padding-top: 5px;
    display: block;
}

.imgdoitac{
        border: 1px dotted #ccc;
    min-width: 100%;
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;

.imgduan{
    border:1px dotted #ccc; width: 100%; height:150px !important; object-fit: cover
}
.padb15px{
    padding-bottom: 15px;
    display: block;
}


.slick-next {
    right: 30px;
    z-index: 99999;
}


.slick-prev {
    left: 30px;
    z-index: 99999;
    
}


.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: #000 !important;; 
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0.5) !important;

    width: 40px;
    height: 40px;
    border-radius: 50%;
    visibility: hidden;

   
}


.slick-prev i, .slick-next i{
    
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
   
}

.slick-slider:hover .slick-prev,.slick-slider:hover .slick-next{
        visibility: visible;
}
.single-gallery .slick-slide {
    border: solid 10px transparent;
    overflow: hidden;
    display: inline-block;
    height: 60px;
}

.single-gallery .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-pro-img .slick-slide {
    
    height: 320px;
    text-align: center;
    margin-bottom: 10px;
    border: solid 1px #ccc;
}

.he46 {
    height: 50px;
    overflow: hidden;
    padding: 3px;
    text-align: justify;
    font-size: 12px;
}
.matb10{
    margin-bottom: 10px;
}
.enuy img {
    max-width: 100% !important;
}
.mat10{
        margin-top: 10px !important;
}

.he46{
    padding: 3px !important;
}