@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'ap';

    src: url('./font/UTM Aptima.ttf');

    font-weight: normal;

    font-style: normal;

}

@font-face {
    font-family: 'My-pro';
    src: url('./fonts/Fonts MyriadPro/MyriadPro-Semibold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'My-pro-nol';
    src: url('./fonts/Fonts MyriadPro/MyriadPro-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'My-pro-semi';
    src: url('./fonts/Fonts MyriadPro/MyriadPro-Semibold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'My-pro-light';
    src: url('./fonts/Fonts MyriadPro/MyriadPro-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {

	font-family:"UTMAristote";

	src:url('UTMAristote.ttf');

	font-weight:normal;

	font-style:normal;

}



@font-face {

	font-family:"SVN-SVN-PantonLight";

	src:url('SVN-PantonLight.ttf');

	font-weight:normal;

	font-style:normal;

}

body {

	font-family:"SVN-SVN-PantonLight";

	font-size:14px;

	color:#000;}



#tt-des {

	display:block;}

#tt-dt {

	display:none;}	

.wrapper {

	width: 100%;

	padding: 0px;

	margin: 0px auto;

}

#header-n {

    width: 100%;

    height: 125px;

    margin: 0px auto;

    padding: 0px;

    font-weight: bold;

    position: relative;

	padding-top:14px;

}

#header-margin {

    width: 90%;

    margin: 0 auto;

    position: absolute;

    top: 10px;

    left: 5%;

}

#content {

    width: 100%;

}



#banner {

    width: 100%;

    margin: 0;

    padding: 0;

    position: relative;

	top:0;

	z-index:999;

}

img#bgbanner {

    width: 100%;

    position: relative;

}



#logohd {

    position: absolute;

    top: 0;

    left: 20px;

}



#top-hd {position: absolute;top: 0;right: 0;z-index: 99;}
#dt {
    position:relative;

    width: auto;

    float: left;

    margin-left: 50px;

    color: red;

    font-size: 13px;

    margin-top:10px;
}
#diachi {

	position:relative;

    width: auto;

    float: left;

    margin-left: 20px;

    color: black;

    font-size: 13px;

	margin-top:10px;

}

#mxh-hd {

    width: 185px;

    float: left;

	position:relative;

    margin-left: 50px;

    color: #42b577;

    font-size: 13px;

    margin-top: 4px;

	z-index:9999;

}

#icon {

    width: auto;

    float: left;
        margin-left: 15px;

}

#icon a {

    float: right;

}

#icon img{
    margin-left: 10px;
}

#ngonngu {width: auto;float: left;padding-top: 6px;margin-left: 30px;}

#ngonngu a {

    float: left;

    margin-left: 2px;

}

#mocua {

    width: auto;

    text-align: center;

    float: right;

	color: #42b577;

}



#menu {

    width: 100%;

    position: absolute;

    z-index: 1;

    top: 15px;

    /*right: 100px;*/
    right: 10px;

}

#menu ul {

    list-style: none;

    position: absolute;

    right: 0px;
    top: -7px;
}

#menu ul li {

    display: inline-block;

    float: left;

    padding-left: 24px;

    padding-right: 24px;

    margin-top: 51px;

    position: relative;

    padding-bottom: 15px;

    padding-top: 12px;

    background-color: #87a52e;

    border-right: solid 1px white;
    
    border-radius: 3px;
}
#menu ul li a { color:white; font-size:15px; 	  font-family: 'My-pro';

; text-transform:uppercase; }

#menu ul li .cap1{position:absolute;left:0px;width:255px;display:none; top:48px; z-index:9999; margin-top:0px;}

#menu ul li .cap2 {

    position: absolute;

    left: 245px;

    width: 255px;

    display: none;

    top: -1px;

    z-index: 9999;

    margin-top: 0px;

}

#menu ul li ul li {

    background: #87a52e;

    border: 1px solid #c9c9c9;

    width: 97%;

    height: auto;

    float: left;

    line-height: 35px;

    padding-left: 3%;

    padding-right: 0px;

    transition: 0.3s;

    -moz-transition: 0.3s;

    -ms-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    padding-top: 0px;

    padding-bottom: 0px;

	margin:0;

}

#menu ul li a:hover { padding-bottom:21px; color:#fff;}

.act{background:url(../images/bds/bor.png) bottom no-repeat; padding-bottom:21px}

#menu ul li ul a:hover { background-repeat:repeat-x}

#menu ul li:hover .cap1{display:block !important}

#menu ul.cap1 li:hover .cap2{display:block !important}



#menu ul li a:hover .cap1{display:block}

#menu ul.cap1 li a:hover .cap2{display:block}



#menu ul li ul li:hover, li.activ{background:#3bac16;}

#menu ul li:hover {

    background: #3bac16;

}





#gioithieu-trai {width: 50%;float: left;    padding-left: 6%;padding-right: 6%;}

#slideshow {

    width: 100%;

    /*position: relative;*/

	z-index:99;

}



#gioithieu-n {
    background-image: url(img/bg_tin_tuc.png) !important;
    width: 100%;

   /* position: relative;*/
  float: left;
    padding-top: 2%;
    padding-bottom: 2%;
}





img#bg-gt {

    width: 100%;

}

#text-gt {

    width: 50%;

    float: right;

    /*position: absolute;*/

    top: 60px;

    right: 0;

    text-align: justify;

     font-family: 'My-pro-nol';

}



#text-gt h1 {

    font-family: 'My-pro';

    margin-left: 1%;

    text-transform: uppercase;

    color: black;

    text-shadow: 0.2px 0.2px #999;
    
    
}

#text-gt h5 {

    font-size: 19px;

    line-height: 0;

    color: #d6a58d;

    margin-top: 25px;

}

#text-gt h6 {

    font-size: 15px;

    margin-top: 20px;

	line-height:20px;
        padding-right: 12%;
        font-family: 'My-pro-light';
}

element.style {

}

#text-gt p {

    margin-top: 20px;

}



p#xemthem {

    background: #2dbb1b;

    width: 100px;

    text-align: center;

    font-weight: bold;

    padding-bottom: 10px;

    padding-top: 10px;

    margin-top: 30px;
        margin-left: 10%;
}

p#xemthem a {

    color: #fff;

}



#spnoibat {

    width: 100%;
    float: left;
    position: relative;

}

#tieudesp {

    /* width: 30px; */

    width: 100%;
    float: left;
    text-align: center;
    font-family: 'My-pro';
    color: white;
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-shadow: 0.3px 0.3px 0.3px #555;
    position: relative;
    z-index: 999999;
    text-transform: uppercase;

}

.khungsp {

    width: 100%;

    position: absolute;

    top: 0;

}



.box-sp {

    width: 100%;

    padding-left: 2%;

    padding-right: 2%;

}

.hinhanhsp {

    width: 100%;

}

.hinhanhsp img {

    display: block;

    margin: auto;

}

.tensp {

    font-family: 'My-pro-nol';

    width: 100%;

    text-align: center;

    color: #fff;

       margin-bottom: 6px;
    margin-top: 6px;

}

.tensp h1 {

    font-size: 18px;

    text-transform: uppercase;

	padding-bottom:5px;

}

.tensp h1 a {

	color:#fff;}

.tensp h2 {

	font-size:18px;}	

img#giohangsp {

    display: block;

    margin: auto;

}


.tintuccontai{    margin-left: 5%;
    margin-right: 5%;}
.motaphai{padding-left: 4%}
.newspaper {
    content: "";
    width: 100%;
    margin: auto;
    display: inline-block;

}
.newspaper p:last-child(3){background-color: red;}

.hinhnew {width: 40%;float: left;}
.hinhnew img{width: 100%;}
.motaphai{width: 60%;float: right;}
.motaphai h3{font-size: 18px;
color: black;
font-family: 'My-pro';

    }
.motaphai h3:hover{color: red;}
    .ngaytao{font-size:10px; font-family: 'My-pro-light'; color:#c7a422;}
    .mota12{font-family: 'My-pro-light';text-align: justify;}
    .doctiep{position: relative;top:10px;}
#spkhac {

    width: 100%;
    float: left;
    height: auto;

    background-image: url(img/bg_tin_tuc.png);

    position: relative;

}

#spkhac #tieudesp a {

    color: #00a859;

}

#spkhac .tensp {

    color: #000;

}

#doitac-n {

	width:100%;

	height:300px;

	position:relative;}

#doitac-n #tieudesp {

    color: black;

}



#ykkh {

    width:  100%;

    position:  relative;

    height: 300px;

}	



#ykkh .hinhanhsp img {

    width: 48%;

    float: left;

    border-radius: 50%;

    margin-right: 2%;

}

#ykkh #tieudesp {

    color: #ffae6d;

}

.yk {

    width: 100%;

    text-align: justify;

}

.yk h1 {

    font-size: 22px;

    padding-bottom: 10px;

    color: #00a859;

}

.yk p {

    font-size: 16px;

}

#bando-n {

    float: left;

      width: 48%;
    margin-left: 2%;

}

.tieudedk {

    font-family: 'My-pro-nol';


    font-size: 20px;
    padding-top: 10px;


    padding-bottom: 10px;

    text-align: center;

    color: black;

    font-weight:bold;

}

#text-cty #tencty {
   font-family: 'My-pro';
    font-size: 18px;
    color: #6db545;
}

#footer-n {

    width: 100%;

    height: 310px;

	background:url(img/BG_FOOTER.png);

	background-size:cover;

	margin:auto;
        font-family: 'My-pro-nol';

}

#footer-margin {

    width: 1200px;

    padding-top: 85px;

    height: auto;

    margin: auto;

    color: #fff;

}

#ttcty {

    width: 35%;

    float: left;

}
#text-cty li{padding-left: 10px;}
#vechungtoi {

    width: 35%;

    float: left;

    padding-left: 3%;

}

#fanpage {

    width: 30%;

    float: left;

    padding-left: 3%;

}

#mxh-ft {

    /*padding-top: 40px;*/

}

#mxh-ft img {

	padding-right:5px;

}

.tieudeft {

    text-transform: uppercase;

    font-size: 25px;

    padding-bottom: 15px;

}

#anhcty {

    padding-top: 15px;

}

#vechungtoi p a {

    color: #fff;

}

#logodt #ngonngu {
    /* display: none; */
    width: auto;
    float: right;
    margin: auto;
    padding: 5px 0;
    position:unset;
}

#logodt #ngonngu .nn {

    /* display: block; */

    /* float: left; */

    width: 40px;

    /* display: block; */

    /* margin: auto; */

    position: relative;

}
#giacu {

    color: black;

    text-shadow: 1px 1px 1px black;

}

#giamoi {

    color: #f5ee01;

    text-shadow: 1px 1px 1px #f5ee01;

}
#gh1 {

        height: 30px;
    width: 100%;
    background-image: url(img/giohang.png);
    background-repeat: no-repeat;
    background-position: center;

}
#gh1:hover{
    height: 30px;
    width: 100%;
    background-image: url(img/giohangclick.png);
    background-repeat: no-repeat;
    background-position: center;
}
@media (min-width: 1367px) and (max-width: 999999px){

.wrapper {

	width:1366px;



}

#doitac-n {
     background-image: url(img/bg_tin_tuc.png);
    margin: auto;

    width: 1366px;

}

#footer-n {

	width:1366px;

}

}	





@media (min-width: 0px) and (max-width: 1200px){
	#logodt #ngonngu img {
    width: 30px;
}

	ul.flex-direction-nav li {

    display: none;

}

#content-margin {

    width: 100%;

}

#footer-margin {

    width: 100%;

}



#ttcty, #fanpage, #vechungtoi {

	width:100%;

	padding:0;}

#gioithieu-n, #spnoibat, #spkhac, #bg, #dangky, #doitac-n, #ykkh {

	position:unset;

	float:left;

	height:auto;

	}

#text-gt {

    position: unset;

    width: 100%;

    padding: 30px;

}



#spnoibat {

	background:url(img/nen_sp_noi_bat.png);

	background-size:cover;}

	

img#bg-gt, img#bg-spnb {

    display: none;

}

	

.khungsp {

    position: unset;

}			





#doitac-n img {

	width:100%;

	display:block;

	padding:10px;}

#footer-n {

    
    height: auto;

    float: left;

}

#footer-margin {

    width: 100%;

    padding-top: 0px;

    text-align: center;

}

#ttcty {

    padding: 20px 10px 20px 10px;

    display: block;

}

#vechungtoi, #fanpage {

    padding-bottom: 20px;

}	

nav.breadcrumb {

    background: #fff;

    padding-bottom: 20px;

    font-size: 20px;

    font-weight: bold;

}

}	
@media (min-width: 801px) and (max-width: 1024px){
    .hinhdk {display: none;}
    .formdky{width: 100%!important;height: auto;}
    .textcc{padding: 5px 40px;}    
    #dangky1 input{margin:0;    box-shadow: 0px 0px 3px grey !important;background-color: #dadada!important;}
    #fdangky form{border:0;padding:15px;}
    .mota12,.ngaytao{font-size: 10px;padding:0;}
    .motaphai h3{font-size: 14px;}
    p#xemthem {margin-left: 0;}
}

@media (min-width: 601px) and (max-width: 800px){
    p#xemthem {margin-left: 0;}
	#tt-des {

	display:none;}

#tt-dt {

	display:block;}

.thongtinkhachhang {

    width: 100%;

    margin-top: 10px;

    padding: 15px;

    padding-left: 0;

    border-radius: 5px;

    }
    .hinhdk {display: none;}
    .formdky{width: 100%!important;height: auto;}
    .textcc{padding: 5px 40px;}    
    #dangky1 input{margin:0;    box-shadow: 0px 0px 3px grey !important;background-color: #dadada!important;}
    #fdangky form{border:0;padding:18px;}
    .mota12,.ngaytao{font-size: 10px;padding:0;}
    .motaphai h3{font-size: 14px;}
}



@media (min-width: 0px) and (max-width: 600px){
    p#xemthem {margin-left: 0;}
	#bando-n .tieudedk {

    padding-top: 20px;

    padding-bottom: 0px;

}

	#bando-n {

    width: 100%;

}

#tt-des {

	display:none;}

#tt-dt {

	display:block;}

.hinhnew,.motaphai{width: 100%;float: left;}
.motaphai h3{margin-top:10px;}


    .hinhdk {display: none;}
    .formdky{width: 100%!important;height: auto;}
    .textcc{padding: 5px 40px;}    
    #dangky1 input{margin:0;    box-shadow: 0px 0px 3px grey !important;background-color: #dadada!important;}
    #fdangky form{border:0;padding:18px;}
    .mota12,.ngaytao{font-size: 13px;padding:0;}
    .motaphai h3{font-size: 17px;}
    .hinhdt{text-align: center;}
    .hinhdt img{width:auto!important;margin:auto;}
    #bando-n {
margin-left: 0;
}
.abc {padding:0 20px;}
#text-gt h6{padding-right: 0px;}
}
.totaldky{width: 100%;margin: auto; display: table-cell;border:solid 1px #dcdcdc;border-radius: 10px;background-color: ghostwhite;}
.hinhdk{width: 50%;float: left;}
.formdky{width: 50%;float: right;background-color: #f8f8f8;
    border-radius: 10px;}
.iconn{position: relative;    top: 29px;
    left: 14px;width: 20px; }
.baomat {    display: inline-block;
    width: 100%;
    margin: auto;
    padding-top: 4%;}
.baomat p{margin-left: 9%;font-size: 13px;font-family:'My-pro-nol';}
#fbando{
    position: relative;
}
#shoppingbag1{
    width: 23px; 
    height: 32px; 
    position: absolute; 
    top: 74%;
    right: 37%;
}