@font-face {font-family: 'VEURASB';src: url('/fonts/UTMHELVEBOLD.TTF') format('truetype');}
@font-face {font-family: 'VEURASBI';src: url('/fonts/VEURASBI.TTF') format('truetype');}
@font-face {font-family: 'VEURASN';src: url('/font/UTMHELVE.TTF') format('truetype');}
@font-face {font-family: 'UVNHONGHA_I';src: url('/font/UVNHONGHA_I_0.TTF') format('truetype');}
@font-face {font-family: 'UVNHONGHA_R';src: url('/font/UVNHONGHA_R_0.TTF') format('truetype');}
@font-face {font-family: 'UVNHongHaHep_B';src: url('/font/UVNHongHaHep_B.TTF') format('truetype');}
@font-face {font-family: 'UVNHongHaHep_R';src: url('/font/UVNHongHaHep_R.TTF') format('truetype');}
@font-face {font-family: 'Segoe UI';src: url('/font/segoeui.ttf') format('truetype');}
@font-face {font-family: 'UVFChikita';src: url('/font/UVFChikita.ttf') format('truetype');}
@font-face {font-family: 'UTM Silk Script';src: url('/font/UTM Silk Script.ttf') format('truetype');}
@font-face {font-family: 'line san';src: url('/font/UVF LH Line1 Sans Thin.TTF') format('truetype');}
@font-face {font-family: 'aph';src: url('/font/UVF APHRODITE PRO_1.TTF') format('truetype');}
@font-face {font-family: 'avo';src: url('/font/SVN-Avo.ttf') format('truetype');}
@font-face {font-family: 'Gothic';src: url('/font/ufonts.com_century-gothic.TTF') format('truetype');}
@font-face {font-family: 'Lucida';src: url('/font/Lucida Fax Regular.ttf') format('truetype');}
@font-face {font-family: 'ikola';src: url('/font/ufonts.com_iskoola-pota.ttf') format('truetype');}
@font-face {font-family: 'cider';src: url('/font/UVF Cider Script.ttf') format('truetype');}
@font-face {font-family: 'myriad';src: url('/font/MYRIADPRO-REGULAR.OTF') format('opentype');}
@font-face {font-family: 'aleo';src: url('/font/SVN-AleoLight.otf') format("opentype");}
@font-face {font-family: 'bserif';src: url('/font/BreeSerif-Regular.otf') format("opentype");}
@font-face {font-family: 'nexab';src: url('/font/SVN-NEXA BOLD.TTF') format("truetype");}
@font-face {font-family: 'nexal';src: url('/font/SVN-NEXA LIGHT.TTF') format("truetype");}
@font-face {font-family: 'shin';src: url('/font/SVN-Shintia Script.ttf') format("truetype");}
@font-face {font-family: 'carp';src: url('/font/SVN-The Carpenter Regular.otf') format("truetype");}
@font-face {font-family: 'quato';src: url('/font/UVF Quattrocento-Regular.ttf') format("truetype");}
@font-face {font-family: 'fran';src: url('/font/SVN-Franko.ttf') format("truetype");}
@font-face {font-family: 'ess';src: url('/font/UTM ESSENDINE CAPS.TTF') format("truetype");}
@font-face {font-family: 'hel';src: url('/font/UTM HELVETINS.TTF') format("truetype");}
@font-face {font-family: 'moti';src: url('/font/HLT MOTION PICTURE.TTF') format("truetype");}
@font-face {font-family: 'aguda';src: url('/font/SVN-Aguda Regular.otf') format("opentype");}
@font-face {font-family: 'flami';src: url('/font/SVN-Flamingo Script.otf') format("opentype");}
@font-face {font-family: 'newton';src: url('/font/SVN-Newton.ttf') format("truetype");}
@font-face {font-family: 'glober';src: url('/font/VL_GLOBER BOOK_0.OTF') format("opentype");}
@font-face {font-family: 'muli';src: url('/font/Muli.ttf') format("truetype");}
@font-face {font-family: 'mulir';src: url('/font/Muli-Regular.ttf') format("truetype");}
@font-face {font-family: 'haptic';src: url('/font/SVN-Haptic Script.otf') format("opentype");}
@font-face {font-family: 'bershine';src: url('/font/SVN-Berkshire Swash.ttf') format("truetype");}
@font-face {font-family: 'lobs';src: url('/font/SVN-Lobster.ttf') format("truetype");}
@font-face {font-family: 'nguyendu';src: url('/font/UVNNGUYENDU.TTF') format("truetype");}
@font-face {font-family: 'utavo';src: url('/font/UTM AVO.TTF') format("truetype");}
@font-face {font-family: 'utavob';src: url('/font/UTM AVOBOLD_0.TTF') format("truetype");}
@font-face {font-family: 'unisan';src: url('/font/UniSansHeavy.otf') format("opentype");}
@font-face {font-family: 'belico';src: url('/font/SVN-Bellico.otf') format("opentype");}
@font-face {font-family: 'swiss';src: url('/font/UTM SWISS 721 BLACK CONDENSED.ttf') format("truetype");}
@font-face {font-family: 'candles';src: url('/font/UVF Candlescript Pro.otf') format("opentype");}
@font-face {font-family: 'jo';src: url('/font/JosefinSans-Regular.ttf') format("opentype");}
@font-face {font-family: 'gi';src: url('/font/SVN-Gilroy Regular.otf') format("opentype");}




@keyframes titleH1 {0% {left: -50%;opacity: 0;}70% {left: 0;opacity: .5;}100% {opacity: 1;}}
@keyframes titleH2 {0% {right: -50%;opacity: 0;}70% {right: 0;opacity: .5;}100% {opacity: 1;}}
@keyframes Logo {0% {transform: scale(0);}100% {transform: scale(1);}}


@keyframes zoomSlide {
    0%   {transform: scale(1);}         
    100% {transform: scale(1.2);}
}
@keyframes zoomSlide1 {
    0%   {transform: scale(1.2);}         
    100% {transform: scale(1);}
}

@-webkit-keyframes Preloader {
100% {
-webkit-transform: rotate(360deg);
}
}

@keyframes Preloader {
100% {
transform: rotate(360deg);
}
}

@-webkit-keyframes Bg-Animation {
0%,100% {
-webkit-transform: translate3d(-50%,-50%,0) scale(.8);
}

70% {
-webkit-transform: translate3d(-50%,-50%,0) scale(1.2);
}
}

@keyframes Bg-Animation {
0%,100% {
transform: translate3d(-50%,-50%,0) scale(.8);
}

70% {
transform: translate3d(-50%,-50%,0) scale(1.2);
}
}

@-webkit-keyframes Bg-Animation2 {
0%,100% {
-webkit-transform: translate3d(-50%,-50%,0) scale(.8);
}

30% {
-webkit-transform: translate3d(-50%,-50%,0) scale(1.4);
}
}

@keyframes Bg-Animation2 {
0%,100% {
transform: translate3d(-50%,-50%,0) scale(.8);
}

30% {
transform: translate3d(-50%,-50%,0) scale(1.4);
}
}

@-webkit-keyframes Bg-Animation3 {
0%,100% {
-webkit-transform: translate3d(-50%,-50%,0) scale(1.4);
}

50% {
-webkit-transform: translate3d(-50%,-50%,0) scale(1);
}
}

@keyframes Bg-Animation3 {
0%,100% {
transform: translate3d(-50%,-50%,0) scale(1.4);
}

50% {
transform: translate3d(-50%,-50%,0) scale(1);
}
}

@-webkit-keyframes DrawStroke {
0% {
stroke-dashoffset: 300;
stroke-opacity: 1;
}

100% {
stroke-dashoffset: 0;
stroke-opacity: 0;
}
}

@keyframes DrawStroke {
0% {
stroke-dashoffset: 300;
stroke-opacity: 1;
}

100% {
stroke-dashoffset: 0;
stroke-opacity: 0;
}
}

@-webkit-keyframes DrawStroke2 {
0% {
stroke-dashoffset: 0;
stroke-dasharray: 10;
fill: #ec1c24;
}

50% {
fill: #ff7b00;
}

100% {
stroke-dashoffset: 1000;
stroke-dasharray: 0;
fill: #ec1c24;
}
}

@keyframes DrawStroke2 {
0% {
stroke-dashoffset: 0;
stroke-dasharray: 10;
fill: #ec1c24;
}

50% {
fill: #ff7b00;
}

100% {
stroke-dashoffset: 1000;
stroke-dasharray: 0;
fill: #ec1c24;
}
}

@-webkit-keyframes RotateNew {
0%,100% {
-webkit-transform: rotate(0) scale(1);
opacity: 1;
}

33% {
-webkit-transform: rotate(90deg) scale(.8);
opacity: .3;
}

80% {
-webkit-transform: rotate(35deg) scale(1);
opacity: 1;
}
}

@keyframes RotateNew {
0%,100% {
transform: rotate(0) scale(1);
opacity: 1;
}

33% {
transform: rotate(90deg) scale(.8);
opacity: .3;
}

80% {
transform: rotate(35deg) scale(1);
opacity: 1;
}
}

@-webkit-keyframes Play {
from {
background-position: 0;
}

to {
background-position: -360px;
}
}

@keyframes Play {
from {
background-position: 0;
}

to {
background-position: -360px;
}
}




@-webkit-keyframes Ani2 {
0% {
box-shadow: 0 0 0 rgba(10,130,60,0);
border: 1px solid rgba(10,130,60,0);
-webkit-transform: scale(0);
transform: scale(0);
}

100% {
box-shadow: 0 0 60px rgba(10,130,60,1);
border: 0 solid rgba(10,130,60,1);
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes Ani2 {
0% {
box-shadow: 0 0 0 rgba(10,130,60,1);
border: 1px solid rgba(10,130,60,1);
-webkit-transform: scale(0);
transform: scale(0);
}


100% {
box-shadow: 0 0 60px rgba(10,130,60,1);
border: 0 solid rgba(10,130,60,1);
-webkit-transform: scale(1);
transform: scale(1);
} 
0% {
box-shadow: 0 0 0 rgba(10,130,60,1);
border: 1px solid rgba(10,130,60,1);
-webkit-transform: scale(0);
transform: scale(0);
}
}















@-webkit-keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(202,26,30,0);
border: 1px solid rgba(202,26,30,0);
-webkit-transform: scale(0);
transform: scale(0);
}

70% {
box-shadow: 0 0 50px rgba(202,26,30,1);
border: 1px solid rgba(202,26,30,1);
-webkit-transform: scale(1);
transform: scale(1);
}

100% {
box-shadow: 0 0 60px rgba(202,26,30,0);
border: 0 solid rgba(202,26,30,0);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}

@keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(202,26,30,0);
border: 1px solid rgba(202,26,30,0);
transform: scale(0);
}

70% {
box-shadow: 0 0 50px rgba(202,26,30,1);
border: 1px solid rgba(202,26,30,1);
transform: scale(1);
}

100% {
box-shadow: 0 0 60px rgba(202,26,30,0);
border: 0 solid rgba(202,26,30,0);
transform: scale(1.5);
}
}

@keyframes Rotate {
from {
transform: rotate(0) translateZ(0);
}

to {
transform: rotate(360deg) translateZ(0);
}
}

@-webkit-keyframes Rotate {
from {
-webkit-transform: rotate(0) translateZ(0);
}

to {
-webkit-transform: rotate(360deg) translateZ(0);
}
}

@-webkit-keyframes empty {
0% {
opacity: 1;
}
}

@keyframes empty {
0% {
opacity: 1;
}
}

@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}

100% {
opacity: 0;
}
}

@keyframes fadeOut {
0% {
opacity: 1;
}

100% {
opacity: 0;
}
}

@-webkit-keyframes fadeOff {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}

@keyframes fadeOff {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}

@-webkit-keyframes fadeOn {
0% {
opacity: 0;
}

100% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}

@keyframes fadeOn {
0% {
opacity: 0;
}

100% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}

@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}

100%,75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}

@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
}

100%,75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}

@-webkit-keyframes backSlideIn {
0%,25% {
opacity: 1;
-webkit-transform: translateZ(-500px) translateX(200%);
}

75% {
opacity: 1;
-webkit-transform: translateZ(-500px);
}

100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}

@keyframes backSlideIn {
0%,25% {
opacity: 1;
transform: translateZ(-500px) translateX(200%);
}

75% {
opacity: 1;
transform: translateZ(-500px);
}

100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}

@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(.8);
}
}

@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(.8);
}
}

@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%);
}
}

@keyframes goDown {
from {
transform: translateY(-100%);
}
}

@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}

@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5);
}
}

@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}

@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5);
}
}

@-webkit-keyframes scaleUp {
from {
opacity: 0;
transform: scale(.2);
}

to {
opacity: 1;
-webkit-transform: scale(1);
}
}

@keyframes scaleUp {
from {
opacity: 0;
transform: scale(.2);
}

to {
opacity: 1;
-webkit-transform: scale(1);
}
}

@-webkit-keyframes fadeTop {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px,0,0);
transform: translate3d(-500px,0,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeTop {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px,0,0);
transform: translate3d(-300px,0,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,300px,0);
transform: translate3d(0,300px,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,300px,0);
transform: translate3d(0,300px,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-300px,0);
transform: translate3d(0,-300px,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-300px,0);
transform: translate3d(0,-300px,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(15deg) scale(.5);
opacity: 0;
}

100% {
-webkit-transform: perspective(400px) rotateX(0) scale(1);
opacity: 1;
}
}

@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(15deg) scale(.5);
opacity: 0;
}

100% {
transform: perspective(400px) rotateX(0) scale(1);
opacity: 1;
}
}

@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0) scale(1);
opacity: 1;
}

100% {
-webkit-transform: perspective(400px) rotateX(90deg) scale(.5);
opacity: 0;
}
}

@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0) scale(1);
opacity: 1;
}

100% {
transform: perspective(400px) rotateX(90deg) scale(.5);
opacity: 0;
}
}

@-webkit-keyframes goLeft {
0% {
opacity: 0;
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes goLeft {
0% {
opacity: 0;
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}





@-webkit-keyframes goLeft1 {
0% {

-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

100% {

-webkit-transform: none;
transform: none;
}
}

@keyframes goLeft1 {
0% {

-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}

100% {

-webkit-transform: none;
transform: none;
}
}





@-webkit-keyframes goRight {
0% {
opacity: 0;
-webkit-transform: translate(50%,0) );
transform:  translate(50%,0) ;
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none ;
}
}

@keyframes goRight {
0% {
opacity: 0;
-webkit-transform: translate(50%,0);
transform: translate(50%,0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes scaleSmall {
0% {
opacity: 0;
transform: scale(0);
}

100% {
opacity: 1;
transform: scale(1);
}
}

@-webkit-keyframes scaleLarge {
0% {
opacity: 0;
-webkit-transform: scale(3);
}

100% {
opacity: 1;
-webkit-transform: scale(1);
}
}

@keyframes scaleLarge {
0% {
opacity: 0;
transform: scale(3);
}

100% {
opacity: 1;
transform: scale(1);
}
}

@-webkit-keyframes Ringing {
0%,100%,16%,24%,8% {
-webkit-transform: rotate(0);
}

12%,20%,4% {
-webkit-transform: rotate(-15deg);
}
}

@keyframes Ringing {
0%,100%,16%,24%,8% {
transform: rotate(0);
}

12%,20%,4% {
transform: rotate(-15deg);
}
}

@-webkit-keyframes Color {
0% {
background-color: #e30613;
}

50% {
background-color: #cda853;
}

100% {
background-color: #751146;
}
}

@keyframes Color {
0% {
background-color: #e30613;
}

50% {
background-color: #cda853;
}

100% {
background-color: #751146;
}
}

@-webkit-keyframes Shape {
0%,100% {
border-top: 20px solid #ff3000;
}

50% {
border-top: 20px solid #50ad77;
}
}

@keyframes Shape {
0%,100% {
border-top: 20px solid #ff3000;
}

50% {
border-top: 20px solid #50ad77;
}
}

@-webkit-keyframes Border {
0%,60% {
border-top-color: #e30613;
}

30% {
border-top-color: #fff;
}
}

@keyframes Border {
0%,60% {
border-top-color: #e30613;
}

30% {
border-top-color: #fff;
}
}

@-webkit-keyframes Border1 {
0%,60% {
border-color: #e30613;
}

30% {
border-color: #fff;
}
}

@keyframes Border1 {
0%,60% {
border-color: #e30613;
}

30% {
border-color: #fff;
}
}

@-webkit-keyframes trackBallSlide {
0%,100%,30%,60% {
opacity: 1;
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}

15%,50% {
opacity: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}

@keyframes trackBallSlide {
0%,100%,30%,60% {
opacity: 1;
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}

15%,50% {
opacity: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}

body {margin:auto;font-family: 'gi';width: 100%;position: relative;background-color: #ffff;}
marbody {width: 100%;margin: auto;font-family: 'aleo';overflow-x: hidden;float: left;}
h1, h2, h3, h4, h5 {text-decoration:none}
ul, li {margin: 0;padding: 0;}
a {text-decoration:none;font-weight: normal;}
.imgda a {width:100%;height:100%;display:block;overflow:hidden}
.allbody {width: 1150px;height: auto;overflow: hidden;margin: auto;font-family: 'gi';position: relative;}
.allsanpham .allbody {overflow:inherit;width: 1230px;}
.showtrangcon{padding-top:20px;background-image:url("/Design/bgsp.jpg");background-repeat:no-repeat;background-position:center;background-size: cover;}
.doitacft .allbody {overflow:inherit}
.owl-carousel .owl-wrapper {height:100%}
.top .allbody {overflow:inherit;height: 100%;z-index: 999;}
.menumk .allbody {overflow:inherit}
.banner .allbody {height:100%}

.havesub:hover:after {color:#ffcd1c}

.havesub1:after {content: "\f105";position: absolute;font-family: FontAwesome;right: 8px;top: 11px;z-index: 9;color:#cdab46}
.havesub:hover:after {content: "\f107";}


.havesub1:hover:after {content: "\f107";}






.pager {text-align: center;color: #cdab46;margin-bottom: 0;float: left;width: 100%;margin-top: 6px;padding: 20px 0;}
.pager span {padding: 4px 10px 4px 10px;color: white;margin-left: 5px;background-color: #cdab46;width: 10px;display: inline-block;font-size: 16px;font-family: aguda;border: 1px solid #cdab46;text-align: center;/* float: left; */border-radius: 4px;}
.pager a {padding: 4px 10px 4px 10px;margin-left:5px;color: #cdab46;background-color: white;width: 10px;display: inline-block;font-size: 16px;font-family: aguda;border: 1px solid #cdab46;border-radius: 4px;}



.addthis_inline_share_toolbox {float:left;margin: 0;padding: 0;margin-left: 0;/* width: 100%; */margin-top: 20px;/* overflow:  hidden; */position: relative;bottom:  0;left: 0;/* display: none; */}
.addthis_inline_share_toolbox a {float:left}


.fb-comments {width: 100%;float: right;margin: 0 0 0px 0;background-color: white;margin-top: 6px;display: block !important;height: auto;}
.fb-comments iframe {width:100% !important}


.hovergallery {overflow:hidden;height: 100%;}
.hovergallery img{

-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/

-moz-transform:scale(1); /*Mozilla scale version*/

-o-transform:scale(1); /*Opera scale version*/

-webkit-transition-duration: 1s; /*Webkit: Animation duration*/

-moz-transition-duration: 1s; /*Mozilla duration version*/

-o-transition-duration: 1s; /*Opera duration version*/

opacity: 1; /*initial opacity of images*/

margin: auto; /*margin between images*/
} 
.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
opacity: 1;
} 

@-webkit-keyframes circle {
0% {opacity: 1;}
40% {opacity: 1;}
100% {width: 200%;height: 200%;opacity: 0;}
}
@keyframes circle {
0% {opacity: 1;}
40% {opacity: 1;}
100% {width: 200%;height: 200%;opacity: 0;}
}



.pix_diapo .tieude {position:absolute;left: 15%;top: 36%;float:left;margin:auto;z-index:9999;background-repeat: no-repeat;background-size: 100% 100%;
padding-right: 0;padding-left: 0;padding-top: 0;padding-bottom: 0;color: white;font-family: nexab;font-size: 65px;text-align: center;width: 70%;text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);}
.logo a {float:left;}
.logo canvas {left: 0;float: left;z-index: 9;}







.pages {clear: both;display: flex;margin: auto;float: none;height: auto;margin-bottom: 10px;}
.pages ul {float: left;margin: auto;}
.pages ul li {float: left;display: block;margin-right: 3px;list-style: none;}
.pages ul li a {padding: 4px 12px 6px 13px;background: white;color: #fb6705;font-family: aguda;border: 1px solid #fb6705;font-family: aguda;float: left;font-size: 18px;}
.pages ul li a span {font-family: avo;font-size:18px;float: left;}
.pages ul li.on a {background: #fb6705;color: white;font-family: avo;padding: 4px 13px 6px 12px;float: left;}
.pages ul li span span {color: #bfbfbf;padding: 8px 12px 5px 13px;background: white;border: 1px solid #fb6705;float: left;}
.pages img {width: 14px;height: 15px;}
.c-tabs-nav__link  h3  {font-size: 17px;padding: 0 0 0 0;margin: 0 0 0;text-decoration:none;font-family: aleo;}
.c-tabs-nav__link .is-active  h3  {color:#046cdf}

#tabs {width:100%;float:left;padding:0 0 0 0;margin:20px 0 0 0}


figure.effect-apollo figcaption::before {width:120%;height:130%}
figure.effect-apollo p {max-width:inherit;float:left;top:0;border:none;text-align:center;padding: 10px;margin: auto;margin-top: 15%;}
figure.effect-apollo img {opacity:1;}
figure.effect-julia p {}


.slidel {width:100%;float:left;}
.leftboxes .tenphong a {font-size:22px}
.leftboxes .tenphong h3 {font-size:13px}
.leftboxes .tenphong {max-width:90%}
.listslide {float:left;width:100%}

.leftboxes {width:100%;height: 235px;overflow:hidden;}
.leftboxes ul {width:100%;height:100%}
.leftboxes ul li {float:left;width:100%;height:100%;position:relative}
.leftboxes ul li .postImg {width:100%;height:100%;float:left;padding:0;margin:0}
.leftboxes ul li .postImg {width:100%;height:100%;float:left}
.leftboxes ul li .postImg figure {float:left;width:100%;height:100%;margin:auto;padding:0}
.rightboxes {width:100%;float:left;margin-top: 20px;}
.rightboxes ul {float:left}
.rightboxes ul li {background-repeat:no-repeat;background-position: left 12px;float: left;display: block;width: 100%;}
.rightboxes ul li a {float:left;font-size:17px;color:#4b4b4b;font-family:nexal;padding: 2px 15px;}
.rightboxes ul li.active a {color: #0b4851;}
.rightboxes ul li:hover a {color:#00b4f0}

.centerbox {/* width:100%; */float: right;margin-top: 10px;}
.centerbox ul {float:left}
.centerbox ul li {background-repeat:no-repeat;background-position: left 12px;float: left;display: block;background-color: #cfcfcf;width: 14px;height: 14px;margin: 0 2px;border-radius: 3px;cursor: pointer;}
.centerbox ul li a {float:left;font-size:17px;color:#4b4b4b;font-family:nexal;padding: 2px 15px;}
.centerbox ul li.active  {background-color: #fbea78;}
.centerbox ul li:hover a {color:#00b4f0}


.leftboxess .tenphong a {font-size:22px}
.leftboxess .tenphong h3 {font-size:13px}
.leftboxess .tenphong {max-width:90%}
.listslide {float:left;width:100%}

.leftboxess {width:100%;height: 235px;overflow:hidden;}
.leftboxess ul {width:100%;height:100%}
.leftboxess ul li {}
.leftboxess ul li .postImg {width:100%;height:100%;float:left;padding:0;margin:0}
.leftboxess ul li .postImg {width:100%;height:100%;float:left}
.leftboxess ul li .postImg figure {float:left;width:100%;height:100%;margin:auto;padding:0}
.rightboxess {width:100%;float:left;margin-top: 20px;}
.rightboxess ul {float:left}
.rightboxess ul li {background-repeat:no-repeat;background-position: left 12px;float: left;display: block;width: 100%;}
.rightboxess ul li a {float:left;font-size:17px;color:#4b4b4b;font-family:nexal;padding: 2px 15px;}
.rightboxess ul li.active a {color:#00b4f0}
.rightboxess ul li:hover a {color:#00b4f0}


.centerboxs {/* width:100%; */float: right;margin-top: 10px;}
.centerboxs ul {float:left}
.centerboxs ul li {background-repeat:no-repeat;background-position: left 12px;float: left;display: block;background-color: #cfcfcf;width: 14px;height: 14px;margin: 0 2px;border-radius: 3px;cursor: pointer;}
.centerboxs ul li a {float:left;font-size:17px;color:#4b4b4b;font-family:nexal;padding: 2px 15px;}
.centerboxs ul li.active  {background-color:#00b4f0}
.centerboxs ul li:hover a {color:#00b4f0}


@keyframes translateX2 {0%   {transform: translateX(400%);}     100% {transform: translateX(0);}}
@keyframes translateX1 {0%   {transform: translateX(50%);}     100% {transform: translateX(0);}}
@keyframes translateX2 {0%   {transform: translateX(400%);}     100% {transform: translateX(0);}}
@keyframes translateX3 {0%   {transform: translateX(800%);}     100% {transform: translateX(0);}}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #2c2e30;}
::-moz-placeholder { /* Firefox 19+ */color: #2c2e30;}
:-ms-input-placeholder { /* IE 10+ */color: #2c2e30;}
:-moz-placeholder { /* Firefox 18- */color: #2c2e30;}


.hvr-underline-from-left:hover:before, 
.hvr-underline-from-left:focus:before, 
.hvr-underline-from-left:active:before,
.hvr-underline-from-left.active:before {right: 0;}

/*.activefix .camketleft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}*/




.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background-color: #007cb6;border-color: #007cb6;}
.owl-theme .owl-controls .owl-page span {background-color:white;border: 1px solid #007cb6;margin: 5px 2px;}
.listtintuctt {width:100%;float:left;background-size: cover;padding:60px 0;background-attachment: fixed;position: relative;}


.grid-gallery ul {list-style: none;margin: 0;padding: 0;width: 100%;float: left;}
.grid-gallery figure {margin: 0;}
.grid-gallery figure img {display: block;width: 100%;opacity: 1;}
.grid-gallery figure:hover {opacity:1}
.grid-gallery figcaption h3 {margin: 0;padding: 0 0 0.5em;}
.grid-gallery figcaption p {margin: 0;}
.grid-wrap {max-width: 100%;margin: 0 auto;padding: 0;}
.grid-gallery .grid {margin: 0 auto;max-width: 100%;}
.grid-gallery .grid li {width: 32.7%;float: left;cursor: pointer;overflow: hidden;margin-left: 0.3%;margin-bottom: 3px;margin: 1%;}

.grid-gallery .grid figure {padding: 0;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}

.grid-gallery .grid li:hover figure {opacity: 1;}

.grid-gallery .grid figcaption {background: #e4e4e4;padding: 25px;}
/*khuyenmai*/
.popup a {width: 100%;/* float:left; */height: auto;margin:  auto;/* display:  block; */max-width: 100%;}
.popup a img {height: 100%;width: auto;max-width: 100%;margin:  auto;}
.popup {width:100%;height:100%;top: 0;left: 0;z-index: 99999;}
.popup a.popup-close {background-color:white;width: 36px;height: 30px;border-radius:50%;font-size:17px;color: black;text-align:center;float:left;display:  block;position:  absolute;right: 1px;top: 38px;font-weight:  bold;padding-top: 5px;cursor:  pointer;}
.popuphidden {display:none}
.kmtc {width: 100%;margin:auto;position:relative;height: 100%;}
.newkm {width:100%;display:block;position:relative;height: 141px;}
.imgkmnew {margin:auto;display:block;width:100%;height: 100%;text-align:center;}
.namekm {position:absolute;left:0;bottom: 20px;width:100%;text-align:center;font-size: 23px;color: white;}
img {
	/* max-width:100%; */
	height: 100%;
	width: 100%;
}
.bannerphai .newkm {width:100%;display:block;position:relative;height: auto;float: left;margin-bottom: 10px;border-radius: 5px;}
.bannerphai .imgkmnew {height: 144px;}
.bannerphai img {max-width:100%;height: 100%;border-radius: 5px;}
/* Slideshow style */
.grid-gallery .slideshow {position: fixed;background: rgba(0,0,0,0.6);width: 100%;height: 100%;
top: 0;left: 0;z-index: 500;opacity: 0;visibility: hidden;overflow: hidden;-webkit-perspective: 1000px;
perspective: 1000px;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;
}

.grid-gallery .slideshow-open .slideshow {opacity: 1;visibility: visible;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}

.grid-gallery .slideshow ul {width: 100%;height: 100%;-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;-webkit-transform: translate3d(0,0,150px);transform: translate3d(0,0,150px);
-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;
}
.grid-gallery .slideshow ul.animatable li {-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.grid-gallery .slideshow-open .slideshow ul {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.grid-gallery .slideshow li {width: 31%;float: left;cursor: pointer;overflow: hidden;margin-bottom: 3px;margin: 1%;}
.grid-gallery .slideshow li.show {visibility: visible;}
.grid-gallery .slideshow li:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;
left: 0;background: rgba(255,255,255,0.8);-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.grid-gallery .slideshow li.current:after {visibility: hidden;opacity: 0;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s;transition: opacity 0.3s, visibility 0s 0.3s;
}
.grid-gallery .slideshow figure {width: 100%;height: 100%;background: #fff;border: 50px solid #fff;overflow: hidden;}

.grid-gallery .slideshow figcaption {padding-bottom: 20px;}

.grid-gallery .slideshow figcaption h3 {font-weight: 300;font-size: 200%;}

/* Navigation */
.grid-gallery .slideshow nav span {position: fixed;z-index: 1000;color: #59656c;text-align: center;padding: 3%;cursor: pointer;font-size: 2.2em;}
.grid-gallery .slideshow nav span.nav-prev,
.grid-gallery .slideshow nav span.nav-next {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.grid-gallery .slideshow nav span.nav-next {right: 0;}
.grid-gallery .slideshow nav span.nav-close {top: 0;right: 0;padding: 0.5em 1em;color: #31373a;}


@-webkit-keyframes RotateNew1 {
0% {-webkit-transform: rotate(-70deg) scale(1);opacity: 1;}
100% {-webkit-transform: rotate(0deg) scale(1);opacity: 1;}
}

@keyframes RotateNew1 {
0% {-webkit-transform: rotate(-70deg) scale(1);opacity: 1;}
100% {-webkit-transform: rotate(0deg) scale(1);opacity: 1;}
}

@-webkit-keyframes Heightimg {
0% {margin-top:-100%;opacity: 0;}
100% {margin-top:0%;opacity: 1;}
}

@keyframes Heightimg {
0% {margin-top:-100%;opacity: 0;}
100% {margin-top:0%;opacity: 1;}
}



@-webkit-keyframes Che {
0% {top:0;opacity: 1;}
100% {top:100%;opacity: 0;}
}

@keyframes Che {
0% {top:0;opacity: 1;}
100% {top:100%;opacity: 1;}
}






@-webkit-keyframes Zoomanh {
0% {opacity:1;
transform: scale(1.5,1.5);
-webkit-transform: scale(1.5,1.5);
-moz-transform: scale(1.5,1.5);
-o-transform: scale(1.5,1.5);
-ms-transform: scale(1.5,1.5);
}
100% {opacity:1;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
}
}

@keyframes Zoomanh {
0% {opacity:1;
transform: scale(1.5,1.5);
-webkit-transform: scale(1.5,1.5);
-moz-transform: scale(1.5,1.5);
-o-transform: scale(1.5,1.5);
-ms-transform: scale(1.5,1.5);
}
100% {
opacity:1;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
}
}




@-webkit-keyframes Zoomanh1 {
0% {opacity:0;
transform: scale(1.5,1.5);
-webkit-transform: scale(1.5,1.5);
-moz-transform: scale(1.5,1.5);
-o-transform: scale(1.5,1.5);
-ms-transform: scale(1.5,1.5);
}
100% {opacity:1;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
}
}

@keyframes Zoomanh1 {
0% {opacity:0;
transform: scale(1.5,1.5);
-webkit-transform: scale(1.5,1.5);
-moz-transform: scale(1.5,1.5);
-o-transform: scale(1.5,1.5);
-ms-transform: scale(1.5,1.5);
}
100% {
opacity:1;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
}
}




.header {width:100%;float:left;position: relative;top: 0;z-index: 999;overflow: hidden;}
.header:after {/* content:""; */width: 100%;height: 492px;background-image: url(/Design/bg_top.png);background-position: left 0;position: absolute;left: 0;top: 0;display: block;z-index: 23;background-repeat: no-repeat;background-size: 100% 100%;}
.banner:before {/* content:""; */width: 100%;height:100%;background-position: left 0;position: absolute;left: 0;top: 0;display: block;z-index: 999;background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0.2);}

.top {width:100%;float:left;position: absolute;height: 62px;background-color: rgb(46 46 46 / 70%);background-size: cover;top: 1px;z-index: 99;}
.navfull .allbody {overflow:inherit;height: 100%;}
.toplogo {width:100%;float:left;height:128px;background-image:url('/Design/bg_head.png');background-size:cover;background-repeat:no-repeat;position:  relative;}
.hotlinetop {float: right;font-family:mulir;font-size: 14px;color: #ffffff;font-weight: normal;background-image: url('/Design/icon_call.png');background-repeat:  no-repeat;background-position:  left;padding-left: 22px;margin-top: 10px;}
.sdttop {float: right;margin-left: 10px;}
.menutop {float: left;margin-left: 13px;margin-right: 3px;border-left: 1px solid #fff;border-right: 1px solid #fff;margin-top: 7px;}
.menutop ul  {padding:0;margin:auto}
.menutop ul li {float:left;list-style:none;}
.menutop li a {/* font-family: avo; */font-size: 16px;color: #fff;padding: 1px 10px;float:  left;text-transform: uppercase;}
.menutop li a:hover {color:white}
.menutop li a.active {color:white}
.menutop li:last-child a {}
.slogan-top {float:left;display: inline-block;width: auto;position: relative;padding: 14px 15px;box-sizing: border-box;}
.li-top {float:left;text-transform: uppercase;width: 48%;display: inline-block;margin-bottom: 20px;border-right: 1px solid #444444;}
.li-top:nth-child(2n+2) {
    float: right;
    border: 0;
}
.li-top:nth-child(n+2) {float:left}
.li-top:nth-child(3),.li-top:nth-child(4){margin-bottom:0}
.li-top img {float:left;/* max-width: 20px; *//* max-height: 20px; */margin-top: 1px;width: auto;height: auto;}
.li-top span {font-size:14px;color: #ffffff;float:left;margin-left: 6px;padding: 4px 0;}
.sdttop:after {content:'-';margin-left:5px;margin-right:5px}
.sdttop:first-child:after {display:none}
.sdttop:first-child {margin-left:0}
.logo {float:left;/* margin-top: -37px; */position: relative;margin-left: 0;z-index: 98;padding: 0px 0px;left: 0;margin-top: 7px;}
.tieudeweb{float:left;margin-left:20px}
.tieudeweb h1{font-size:20px;color:#049443}
.tieudeweb span{font-size:20px;color:#ef4242}
.navfull.fix .logo {/* width:100px */}
.navfull.fix .logo:after , .navfull.fix .logo:before {display:none}
.navfull.fix .logo canvas {width:100% !important}
.navfull.fix .logo  a {width:100% !important}
.logo a {float:left;width:100%;height:100%;position: relative;}
.logo a:after {/* background-image: url('/Design/logo_after.png'); *//* background-size: 100% auto; */background-position: left bottom;/* content:""; *//* width: 213px; *//* height: 42px; *//* display: block; */position: absolute;bottom: 10px;left: -38px;background-repeat: no-repeat;}
.logo img {width:100%;height:100%;margin: auto !important;float:left;}
.slogan {float:left;margin-left: 012px;width: 179px;margin-top: 12px;}
.slogan h2 {width:100%;float:left;font-weight: bold;color: #ffffff;font-size: 28px;font-family: unisan;margin:  auto;text-transform:  uppercase;}
.slogan h4 {width:100%;float:left;font-weight:bold;margin:auto;color: #1f1f1f;font-size: 16px;text-transform:  uppercase;font-family: mulir;}
.slogansmall {float:left;margin-left: 44px;margin-top: 31px;z-index: 9;position:  absolute;right: 15%;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;opacity: 0;}
.slogansmall h4 {
font-family:utavob;
text-transform:uppercase;
color:white;
margin:auto;
font-size:22px;
text-shadow:2px 0 0 #0b4db2, -2px 0 0 #0b4db2, 0 2px 0 #0b4db2, 0 -2px 0 #0b4db2, 1px 1px #0b4db2, -1px -1px 0 #0b4db2, 1px -1px 0 #0b4db2, -1px 1px 0 #0b4db2;
}
.allslidetop {position:absolute;right: 20px;top: 3px;z-index: 1;}
.slidetop {width:95px;height:95px;overflow:hidden;border-radius: 50%;border:5px solid white;float:left;position: relative;}
.slidetop img {width: 100%;height: 100%;float:left;position:  absolute;left:  0;top: 0;}
.relatitop {float:left;position:relative;}
.slidetop:nth-child(2) {z-index: 1;margin-right:-15px;margin-top:10px;-webkit-animation-name: flipInX;animation-name: flipInX;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;opacity: 0;}
.slidetop:nth-child(4) {z-index: 3;float:right;margin-left:-15px;margin-top:10px;-webkit-animation-name: flipInX;animation-name: flipInX;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0.2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;opacity: 0;}
.slidetop:nth-child(6) {z-index: 4;margin-left:0px;width:110px;height:110px;-webkit-animation-name: flipInX;animation-name: flipInX;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0.4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;opacity: 0;}
.navfull {float: left;position: absolute;height: 0;width: 100%;background-color: #fff;z-index: 98;top: 1px;}
.vnkings-spacer{height:0 !important}
.top.fix {position:fixed;top:0;left:0;z-index:9999;background-color: #2e2e2e;}
.top.fix .mnsp .mnsp1{display:none}
.top.fix .mnsp:hover .mnsp1{display:block}

.top.fix .tit-nav-pro{border:none;background-color: #cdab46;}
.top.fix .mnsp:hover .mnsp{display:block}



.navfull.fix .slogan {display:none}
.navfull.fix .navtop .mnc1 a {padding-top:10px;padding-bottom: 9px;padding-left: 24px;padding-right: 24px;}
.navfull.fix .navtop .mnc1 a.litrangchu {background-position:left}
.navfull.fix   .navtop .mnc1 {background-position:left center;background-size:auto 40% }
.farmenu {/* width:100%; */float: left;padding:0;}
.phonehead{float:right;position: relative;padding-left: 30px;color: #cdab46;margin: 9px 0;margin-left: 15px;}
.phonehead a{}
.phonehead a{font-size: 20px;color: #cdab46;line-height: 1.8;}
.phonehead a p{line-height:0.8;margin: 0;}
.phonehead:before{content:"";position:absolute;height: 23px;width: 22px;left:0;top: -1px;background:url(/Design/dt.png);background-repeat: no-repeat;}

.ulmenuan {display:none}
.navtop    .mnc1 {float:left;list-style:none;margin-top: 0;position:  relative;background-image: url('/Design/nav-li.png');background-repeat: no-repeat;background-position: left;margin-left: 0px;/* margin-left: 3px; */} 
.navtop .mnc1:nth-child(1) {background: none;}
.navtop .mnc1:nth-child(1) a {background-image:url('/Design/icon-home.png');text-indent: -1000px;width: 63px;padding: 0;background-repeat: no-repeat;background-position: center 11px;height: 39px;}
.navtop  .mnc1 a {float:left;padding: 10px 14px;font-size: 15px;transition: 0.5s;/* border-radius: 4px; */text-transform: uppercase;color: #fff;padding-top: 13px;font-family: 'jo';}
.navtop   .mnc1 a.litrangchu {margin:auto;background-image: url('/Design/nav_home.png');background-repeat:  no-repeat;background-position: center center;padding-left: 20px;padding: 19px 19px;border-radius: 50%;}
.navtop {float: right;position: relative;margin: 10px 0;}
.logomoble{display:none}
.navtop  .mnc1 a.active,.navtop   .mnc1 a:hover {color: #cdab46;border-radius:5px}
.navtop .mnc1:nth-child(1) a.active, .navtop .mnc1:nth-child(1) a:hover {background-image:url('/Design/icon-home-h.png?v=2')}

.navtop .mnc1 a.litrangchu.active {border-radius: 50%;background-color:#179d3a}
.navtop .mnc1 a.litrangchu:hover {border-radius: 50%;}
.navtop .mnc1 a.litrangchu:hover {background-color:#f69322}
.navtop  .mnc1 a:after {width:6px;height:6px;content:'';background-image:url('/Design/after_li.png');background-size:100% 100%;
position:absolute;top:0;left:100%;display:none;z-index:9}
.navtop    .mnc1 a.active:after,.mnc1 a:hover:after {display: none;}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: none; 
}
::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--c1);
}

#ShowMenu {display:none}
.nav-pro {float:left;}
.timkiem .btntim {/* float: left; */transition:0.5s;width: 36px;height: 34px;background-image: url('/Design/top_tim.png');background-repeat: no-repeat;background-position: center;z-index: 2;position: relative;border: 1px solid #222020;border-left: none;border-radius: 0 30px 30px 0;}
.btntim:hover {/* background-color: #2e2e2e; *//* color:white; */}
.nav-pro {float:left;position: relative;width: 21%;z-index: 99;}
.tit-nav-pro {display:block;overflow:hidden;font-size: 17px;color: #fff;background-color: #2e2e2e;padding: 20.1px 17px;text-transform: capitalize;background-repeat: no-repeat;background-position: 17px 17px;z-index: 9999;position: relative;/* box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); */border-bottom: 0.5px solid #444444;text-align: center;font-family: gi;}
.nav-pro ul.ul-pro {list-style:none;margin:auto;background-color: #2e2e2e;overflow-y: auto;max-height: 452px;-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);line-height: 1.42857143;margin-top: 0;color: #fff;/* padding: 0 20px; */box-sizing: border-box;}
.nav-pro li.mnsp1 {/* display:block; *//* overflow:hidden; */margin:auto;padding:0;/* position: relative; */margin: 0 17px;}
.nav-pro li.mnsp1:nth-child(1) a.mnsp1a {border:none}
.mnchild {display: none;position: absolute;left: calc(100% - 30px);/* top: 55px; */width: 230px;margin: auto;padding: 0;padding-left: 30px;z-index: 9999;/* box-shadow: 1px 2px 10px #000; */margin-top: -41px;}
.nav-pro li.mnsp1:hover .mnchild  {display:block;z-index: 99999;overflow: auto;}
.mnsp2 {display:block;list-style:none;overflow: hidden;}
.mnsp2a {display:block;background-color: #cdab46;border-top: 1px solid #ffffff94;padding: 9.4px 20px;color: #fff;}
.mnsp2:nth-child(1) .mnsp2a {border:none}
.nav-pro a.mnsp1a {display:block;overflow: auto;padding: 9px 0;/* padding-right: 0; */border-top: 1px solid #444444;color: #cdab46;font-size: 16px;transition: 0.5s;position: relative;box-sizing: border-box;}
.ul-pro .mnsp1:last-child a.mnsp1a {display:block;overflow: auto;/* padding: 10px 19px; *//* padding-right: 0; */border-bottom: 1px solid #444444;/* color: #fff; */font-size: 16px;transition: 0.5s;position: relative;/* border-top: 0; */}
.ul-pro .mnsp1:last-child a.mnsp1a:hover{color:#cdab46}
.mnsp2a:hover {color:#2e2e2e}
.nav-pro a.mnsp1a .data-thumb{display:inline-block;float: left;height: 30px;margin-right: 5px;margin-top: -5px;transform:0.5s}
.nav-pro a.mnsp1a:after {content:"";width:6px;height:9px;background-image:url('/Design/li-mn-sp.png');display:inline-block;margin-right: 13px;float: right;margin-top: 6px;display: none;}
.nav-pro a.mnsp1a:hover {color:#fff;padding-left: 5px;background-color:#f1f1f100;transform:0.5s;}
.mnsp{position:relative;cursor: pointer;z-index: 9;}
.mnsp1 {/* position:relative; */cursor: pointer;background-color: #2e2e2e;overflow: hidden;}
.txttim::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #b3b3b3;font-style:italic}
.txttim::-moz-placeholder { /* Firefox 19+ */color: #b3b3b3;font-style:italic}
.txttim:-ms-input-placeholder { /* IE 10+ */color: #b3b3b3;font-style:italic}
.txttim:-moz-placeholder { /* Firefox 18- */color: #b3b3b3;font-style:italic}
.banner {width: 100%;float: right;height: 576px;position: relative;z-index: 1;margin-top: -62px;border-radius: 5px;}
.banner .heightslide {width: 100%;float: right;height: 400px;position: relative;z-index: 1;margin-top: 10px;border-radius: 5px;}
.banner .slidenbn {width:100%;height:100%;padding:0;position: relative;}
.banner .slidenbn li {width:100%;list-style:none;height:100%;padding:0;margin:auto}
.banner .slick-list {overflow: hidden;/* margin: 0; */padding: 0 !important;position: relative;height: 100%;}
.banner .slick-dots{display: none !important;}
.banner .slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;height: 400px;/* height: 100%; */}
.banner .slider_contain.slick-slide{height:100%}
.banner .slider_contain {overflow: hidden;width: 100%;float:left;border: none;margin-right: 0;margin-top: 0;}
.banner .slider_contain .sliderPhotos {position:relative;height:500px;}
.banner .slider_contain .productPhotos {height: 576px;border: none;border-radius: 8px;}
.banner .slider_contain .sliderPhotos .slick-slide{
    height: 100%;
}
.banner .slider_contain .sliderPhotos .next{cursor:pointer;background:url(/Design/icon_next.png)no-repeat;background-size:100% 100%;position:absolute !important;top:43% !important;right:10px !important;z-index: 9999 !important;width:40px !important;height:40px !important;display:block;opacity: 1 !important;left: 31% !important;}
.banner .slider_contain .sliderPhotos .prev{cursor:pointer;background:url(/Design/icon_prev.png)no-repeat;background-size:100% 100%;position: absolute !important;top: 43% !important;left: 10px !important;z-index: 99999 !important;width: 40px !important;opacity: 1 !important;height:40px;display: block;}
.banner .slider_contain .sliderPhotos ul{overflow: hidden;margin: 0;padding:0;height: 400px;/* list-style:none; *//* opacity: 1 !important; */}
.banner .slider_contain .sliderPhotos li{width:100%;height: 100% !important;position: absolute;top:0;left:0;display: block;text-align:center;padding: 0;}
.banner .slider_contain .sliderPhotos li img{min-width: 100%;height: 100%;}
.banner .slider_contain .thumbnail{margin-top: 10px;text-align:center;float: left;height: 44px;/* overflow: hidden; */width: 100%;}
.banner .slider_contain .thumbnail img{width:auto;height: 68px;cursor:pointer;border:1px solid transparent;opacity:.8;border:1px solid #d1d1d1;padding:3px;background:#fff;}
.banner .slider_contain .thumbnail .active{opacity: 1;border: 1px solid #1fa460;}

.banner .slider_contain .thumbnail h1{font-size: 13px;width: -6% !important;/* display:inline-block; */padding: 5px 5px;border: 1px solid #e8e8e8;text-align: center;float: left;margin: 0 5px;/* cursor: pointer; */border-radius: 5px;font-weight: normal;/* height: 100px; */outline: none;}
.thumbnail  .slick-current{border: 1px solid #049443 !important;background-color:#049443;color:#fff}



.bannerphai{float:right;width: 22.5%;margin-top: 10px;margin-left: 10px;margin-bottom: 10px;position: relative;}
.customNavigation.cusbanner {bottom: 54%;width: 98%;margin-left: 1%;height: 0;z-index: 2222;}
.customNavigation.cusbanner a {width:40px;height:40px;/* background-color: red; */border-radius: 50%;cursor: pointer;}
.nextbn {float:right;background-image: url('/Design/diapo/pnext.png');}
.prevbn {float:left;background-image: url('/Design/diapo/pprew.png');}
.banner .slidenbn li {width:100%;height:100%;}
.banner .slidenbn li img {width:100%;height:100%;border-radius: 5px;}
.allchinh {width:100%;float:left;}
.all-default {
    /* padding: 26px 0; */
}
.gioithieu {position:relative;z-index: 999;margin-top: -45px;}
.left-gt {float:left;position: relative;z-index: 2;max-width: 427px;margin-right: 30px;}
.left-gt img  {display:block;max-width:100%;}
.right-gt {position: relative;z-index: 1;overflow: hidden;margin-top: 35px;}
.box-abouts {overflow:hidden;background-color: #fff;background-image: url('/Design/bg-visao.png');width: calc(100% + 20px);padding: 45px 25px 45px 45px;margin-left: -45px;border-radius: 40px;}
.gioithieu .allbody {overflow:inherit;}
.tit-gt {display:block;text-align: center;}
.tit-gt h3 {display:block;font-size:24px;color:#ee363d;font-weight:bold;margin: auto;}
.tit-gt img {display:block;margin:auto;}
.ul-vs {display:block;overflow:hidden;padding: 0;margin: auto;margin-top: 20px;}
.li-visao {width: 48%;display: inline-block;float: left;}
.li-visao:nth-child(2n+2) {margin-left:1%;float: right;}
.img-vs {float:left;max-width: 76px;text-align: center;margin-right: 18px;}
.img-vs img {display:block;max-width:100%;}
.li-visao:nth-child(n+3) {margin-top:30px;}
.box-vs {overflow:hidden;}
.name-vs {font-size:16px;color:#ee363d;font-weight:bold;}
.mota-vs {font-size:14px;color:#707070;margin-top:5px;height: 54px;overflow: hidden;}

.topgiothieu {width:100%;height:19px;position:absolute;z-index: 1000;left:0;bottom: 0;background-image:url('/Design/beforegt.png');background-size: 100% 100%;}
.pix_diapo {height:100%;position: relative;z-index: 99;overflow: hidden;width: 100%;}
.pix_diapo img {float:left}
.logogt {margin:auto;display:block;width:100%;text-align:center;opacity: 0;}
/*.activefix .logogt {    -webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;}*/
.gioithieu .logo {opacity:0}
.logogt img {margin:auto;display:block}
.titgt {width:100%;display:block;margin:auto;text-align: left;padding-top: 0;padding-bottom: 20px;}
.gioithieu .titgt {/* opacity:0; */}
.titgt h2 {margin:auto;display:  inline-block;font-size: 27px;color: #ee0a0a;font-weight:  bold;text-transform:  uppercase;width: 100%;/* text-shadow: 1px 3px 4px #fff; */}
.titgt h3 {margin:auto;display: block;margin-left: 0;font-size: 28px;color: #4b2510;font-family: mulir;font-weight: bold;width: 100%;text-align: left;}
.titgt h4 {width: 100%;display: block;font-size: 17px;margin: auto;color: #179d3a;text-align: left;margin-top: 5px;}
.titgt h5 {background-color: #179d3a;display:block;width: 52px;height: 2px;margin:auto;margin-top: 20px;margin-left: 0;}
/*.activefix .titgt {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-duration: 2s;animation-duration: 2s;animation-delay: 0.2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;/* opacity: 0; */}

.activefix .tomtat {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.activefix.gioithieu .xemctgt {-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;}*/
.tomtat {width: 100%;text-align: left;display:block;font-family:mulir;font-size: 16px;color: #575757;line-height: 26px;/* opacity: 0; */font-weight:  normal;}

.gioithieu .tomtat {/* opacity:0; */}
.chitiet-gt {display:block;overflow:hidden;margin-top: 25px;}
.chitiet-gt a {color:#fff;font-size:14px;text-transform:uppercase;background-color:#4b2510;padding: 20px 25px;display: inline-block;padding-bottom: 24px;}
.chitiet-gt a:before {content:"";width:21px;height:23px;background-image:url('/Design/gt_before.png');display:inline-block;margin-right: 8px;margin-bottom: -4px;}
.chitiet-gt a:after {content:"";width: 4px;height: 7px;background-image: url('/Design/gt_after.png');display:inline-block;margin-left: 7px;margin-bottom: 1px;}
.xemctgt {width:100%;text-align: left;display:block;margin-top: 20px;color: #353535;font-size:  17px;}
.gioithieu .xemctgt {opacity:0}
.sanpham .xemctgt {opacity:0}
.xemctgt a {font-size:12px;color:#0b4db2;text-transform;uppercase;border:1px solid #0b4db2;padding: 12px 28px 12px 18px;display:  inline-block;background-image:  url('/Design/xct_icon.png');background-repeat:  no-repeat;background-position: 88% 16px;border-radius: 4px;text-transform:  uppercase;}
.xemctgt a:hover {background-color:#0b4db2;color:white;background-image:url('/Design/xcth_icon.png')}
.allsanpham {position:  relative;z-index: 2;overflow: hidden;padding: 26px 0;background-image:url('/Design/bgda.jpg');background-repeat: no-repeat;background-size:cover;}
.duanth {width:100%;float:left;background-image: url('/Design/Banner-Sm.jpg');/* background-attachment:fixed; */background-size: cover;background-position: left;}
.sanpham  {width: 32.1%;overflow:  hidden;float: left;position: relative;z-index: 1;margin-right: 1.8%;margin-bottom: 1.8%;padding: 10px;box-sizing: border-box;background-color: #2e2e2e;border-radius: 8px;}
.sanpham:hover .tensp a {color:#cdab46}
.sanpham:nth-child(3n+3){margin-right:0}


.km .sanpham:hover .tensp a{color:#cdab46}
.producthome{overflow: hidden;width: 100%;float: left;/* padding: 26px 0; */}
.producthome1{overflow: hidden;width: 100%;float: left;}
.producthome1 .sp{padding-bottom: 74px;}
.producthome  .tieude{}
.titsp{padding: 25px 0;}
.titsp h2{font-size: 26px;text-transform: capitalize;/* float:left; */padding: 0;position:relative;color: #2e2e2e;border-radius:3px 3px 0 0;text-align: center;margin: 0;}
.titsp h6 {width: 336px;height: 19px;background-image:url("/Design/h6-1.png");/* float: left; */margin: auto;background-repeat: no-repeat;margin-top: 10px;}
.sp{float:left;width:100%;z-index: 99;background-image:url("/Design/bgsp.jpg");background-repeat:no-repeat;background-position:center;background-size: cover;padding-bottom: 44px;}
.ulsp li{width: 23.6%;box-sizing:border-box;float:left;position:relative;background-color:#fff;overflow:hidden;margin-left: 1.8%;margin-bottom: 1.8%;}
.ulsp li:hover .imgda img{transform: scale(1.1);}
.ulsp li:nth-child(4n+1){margin-left: 0;}
.footsp{padding:15px;position:relative;box-sizing:border-box;background-color: #fff;}
.footsp h4{font-weight: normal;font-size: 16px;margin: 0;}
.footsp h4 a{display:block;height: 21px;font-size: 16px;color: #000;text-align: center;}
.lisp:hover h4 a{color:#ffdb8f}
.imgsp{height: 187px;border-radius: 3px;}


#tab{float:left;width: 100%;margin-top: 35px;z-index: 9;position: relative;text-align: center;}
#tab .c-tab {display:none}
#tab .c-tab.is-active {display:block;}


#tab .c-tab.is-active {display:block;margin-top: 32px;}

#tab .c-tabs-nav-link{margin-right: 5px;border-radius: 30px;padding: 7px 18px;text-decoration: none;color: #79798b;font-size: 17px;border: 1px solid;}
#tab .c-tabs-nav a.is-active {position:relative;background-color: #cdab46;border: 1px solid #cdab46;color: #fff;}
#tab .c-tabs-nav-link:hover{background-color:#d6b763;color:#ffff;border: 1px solid;}
#tab .c-tabs-nav a.is-active:hover{background-color:#d6b763;color:#ffff;}

#tab .detail-shop a:hover{background-color:#d6b763 !important;color:#fff !important}

#tab1{float:left;width: 100%;margin-top: 35px;z-index: 9;position: relative;text-align: center;}
#tab1 .c-tab {display:none}
#tab1 .c-tab.is-active {display:block;}


#tab1 .c-tab.is-active {display:block;/* margin-bottom: 19px; */margin-top: 29px;}

#tab1 .c-tabs-nav-link{margin-right: 5px;border-radius: 30px;padding: 7px 18px;text-decoration: none;color: #79798b;font-size: 17px;border: 1px solid;}
#tab1 .c-tabs-nav a.is-active {position:relative;background-color: #cdab46;border: 1px solid #cdab46;color: #fff;}
#tab1 .c-tabs-nav-link:hover{background-color:#d6b763;color:#ffff;border: 1px solid;}
#tab1 .c-tabs-nav a.is-active:hover{background-color:#d6b763;color:#ffff;}

#tab1 .detail-shop a:hover{background-color:#d6b763 !important;color:#fff !important}






.allpro-child .sanpham {width:32%;margin-left:2%;margin-top:0}
.allpro-child .sanpham:nth-child(3n+1) {margin-left:0}
.allpro-child .sanpham:nth-child(n+4) {margin-top:12px}
.sanpham-first {display:block;overflow:hidden;border-radius: 0 0 7px 7px;border: 1px solid #fff0;box-sizing: border-box;}
.sanpham-first:hover {border-color:#f5821f}
.sanpham.sanphampk.sppknew:nth-child(n+1) {width: 23%;margin-left:0;padding: 10px 1%;}
.allpro-first {width: 33%;float:left;overflow:hidden;}
.allpro-child {width: 65.5%;float:right;overflow: hidden;}
.allpro.all8 .sanpham {width: 18.7%;margin-left: 1.6%;}
.allpro.all8 .sanpham:nth-child(5n+1) {margin-left:0}
.sanpham.notsp {width: 23%;height: 341px;overflow: hidden;}
.notsp ul {width:100%;float:left;padding:0;margin:auto;height: 100%;}
.notsp li {list-style:none;width:100%;float:left;height: 100%;}
.notsp li a {height:100%;width:100%;float:left}
.notsp li img {float:left;height:100%;min-width:100%;width:auto}
.notsp .owl-item {width:100%;height: 100%;}
.sanpham .owl-carousel .owl-wrapper-outer {height:100%}
.sanpham .owl-carousel .owl-wrapper, .owl-carousel .owl-item {height:100%}
.owl-carousel .sanpham:nth-child(n+1),.owl-carousel .tintuc:nth-child(n+1) {width: 100%;/* margin-left: 3%; */}
.sanpham:hover {}
.sanpham.notsp:hover {outline:none}
.showsp.showspcon .sanpham {outline: 1px solid #eeeeee;margin-bottom: 1px;}
.showsp.showspcon .sanpham:hover {outline: 1px solid #fed700;}
.showsp.showspcon .sanpham:nth-child(4n+2),
.showsp.showspcon .sanpham:nth-child(4n+3),
.showsp.showspcon .sanpham:nth-child(4n+4) {}
.sanpham2 {float:right}
.tensp {width:100%;position:  relative;z-index: 2;display: block;overflow: hidden;}
.ma-sp {font-size:13px;color:#cccccc;}
.des-sp {font-size:14px;color:#b7b7b7;height: 37px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.img-du-hidden {display:none}
.tensp a {text-align: center;font-size: 16px;color: #fff;padding: 0;height: 46px;overflow: hidden;display: block;/* font-weight: bold; */text-transform: uppercase;line-height: 1.5;}
.sanpham:hover .tensp a {}
.allpro-first .tensp a {font-size:18px;height: 23px;margin-bottom: 11px;}
.hinhanhsp {width: 100%;height: 129.8px;position: relative;overflow:  hidden;padding-top: 10px;padding-bottom: 0;margin-top: 0;z-index: 1;display: flex;float: left;}
background-repeat: no-repeat;background-position: left bottom;background-size: 100% 100%;z-index: 9;}
.hinhanhsp.hinhanhpk {height:223px}
figure.effect-julia {height:100%}
.hinhanhsp a {width: 100%;height: 100%;text-align:  center;overflow: hidden;margin: auto;display: flex;}
.sanpham    .hinhanhsp img {width: auto;text-align:center;margin:auto;transition: 0.5s;/* float: left; */max-width: 99%;max-height: 99%;}
.thongtinsp {width: 100%;padding: 5px 0%;display: block;float: left;position: relative;z-index: 1;}
.tomtatsp {
width:90%;
display:block;
text-align:center;
margin:auto;
padding-top:20px;
font-family:mulir;
font-size:16px;
color:#4c4c4c;
opacity: 0;}
.ttgh {width:90%;padding:0 5%;display: flex;height: 33px;float: left;padding-bottom: 10px;position: relative;z-index: 1;}
.them {display:inline-block;width: 78%;margin: auto;}
.them a {display:block;font-size:13px;color:#cdab46;border: 1px solid #cdab46;border-radius: 3px;padding: 7px 2%;background-image: url('/Design/sp_cart.png');background-repeat: no-repeat;background-position: 5px 7px;padding-left: 24px;}
.xemct {width: 19%;display:inline-block;margin: auto;}

.them a:hover {background-color:#cdab46;color:white;background-image: url('/Design/sp_carth.png')}
.xemct a {display:block;background-image: url(/Design/sp_tim.png);height: 30px;border: 1px solid #ed1b24;background-repeat: no-repeat;background-position: center;background-size: auto;border-radius: 3px;}
.xemct a:hover {border-color:#ed1b24;background-image:url('/Design/sp_timh.png');background-color:#ed1b24}
.showctbl {width: 96%;height:100%;background-color:white;padding: 10px 2%;}
.showctbl * {font-family:mulir !important;max-width:100%;}
.showctbl img {width:100% !important;height:auto !important}
.showctbl table {width:99% !important;max-width:100% !important}
.fancybox-type-iframe .fancybox-inner {background-color:white}
.aqt {width:100%;display:block;float:left;}
.squy {width:50%;float:left;margin-top: 30px;position:  relative;z-index: 1;}
.squy:nth-child(2n+2) {float:right}
.leftqt {width: 87.2%;float:left;background-color:  white;padding: 14px 3%;border-radius: 90px;border-bottom: 1px solid #e5e5e5;}
.squy:nth-child(1),.squy:nth-child(2) {margin-top:0}

.squy:nth-child(2n+2)  .leftqt {float:right}
.imquytrinh {width:128px;height:128px;overflow:  hidden;border-radius: 50%;border: 1px solid #0b4db2;float:  right;}
.squy:nth-child(2n+2) .imquytrinh {float:left}
.imquytrinh img {height:100%;float:left;width:auto;min-width:100%;}

.sttqt {font-family:mulir;font-size:15px;color:#4d4d4d;border:1px solid #b4b4b4;width:28px;text-align:center;height:20px;float:  right;padding: 4px 0;border-radius: 50%;position:  absolute;right: -15px;top: 30%;z-index: 12;background-color:  white;}
.squy:nth-child(2n+2) .sttqt {right:inherit;left:-15px;top: 55%;}
.squy:nth-child(2n+2) .sttqt{float:left}
.allquytrinh {width:100%;background-color:#f9f9f9;background-image:url('/Design/bg_quytrinhn.png');background-size:100% 100%;float:  left;padding: 70px 0;margin-top: -30px;z-index: 1;position: relative;padding-top: 80px;}
.centerqt {position:absolute;top:0;bottom:0;z-index:1;width:6px;height:100%;background-color:#0b4db2;left: 0;border-radius:20px;margin:  auto;right: 0;}

.bannerhome{float:left;width:100%;margin-top: -80px;}
.bannerhome .imgBan{height:100%}
.bannerhome .imgBan img{height:100%}
/*.activefix .centerqt {-webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;}
.activefix .squy  {-webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;}




.activefix .squy:nth-child(1)  { animation-delay: 0.4s;}
.activefix .squy:nth-child(2)  {animation-delay: 0.6s;}
.activefix .squy:nth-child(3)  {animation-delay: 0.8s;}
.activefix .squy:nth-child(4)  {animation-delay: 1s;}
.activefix .squy:nth-child(5) {animation-delay: 1.2s;}
.activefix .squy:nth-child(6)  {animation-delay: 1.4s;}*/






.quytrinh {width:100%;float:left;position:relative;margin-top: 50px;}
.ttquytrinh {width:66%;float:left;margin-top: 20px;}
.squy:nth-child(2n+2) .ttquytrinh  {float:right}
.tenqt {width:100%;float:left;text-align:right;font-family:  mulir;font-weight:  bold;font-size:  18px;color:  #0b4db2;text-transform:  uppercase;margin-bottom: 15px;}
.squy:nth-child(2n+2) .tenqt {text-align:left}
.tomtatqt {width: 93%;float:left;text-align:right;font-family:  mulir;font-size:  14px;color: #545454;height:  54px;overflow:  hidden;}
.squy:nth-child(2n+2) .tomtatqt {text-align:left}
.squy:nth-child(2n+1) .tomtatqt {float:right}
.lkquytrinh {width:36px;height:27px;background-image:url('/Design/before_quytrinh.png');background-repeat:no-repeat;position:  absolute;right:  0;top: 34%;}
.squy:nth-child(2n+2) .lkquytrinh {right:inherit;left:0;top:53%}
.visao {width:100%;float:left;margin:auto;background-image:url('/Design/bg_visao.png');background-repeat:no-repeat;margin-top: -20px;position:relative;z-index:3;height: 418px;/* background-color: #f9f9f9; */}
.leftvs {width:30%;float:left;position:  relative;margin-top: 57px;height: 100%;}
.rightvs {width: 63%;float:right;padding: 70px 0;}
.titvs {font-size:30px;color:#0b4db2;text-transform:uppercase;font-family:mulir;text-shadow:2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;margin-bottom:5px;opacity: 0;}
.vs {position:absolute;z-index: 3;width:176px;opacity: 0;}
/*.activefix .vs {    -webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix .vs:nth-child(1) {animation-delay:0s}
.activefix .vs:nth-child(2) {animation-delay:0.6s}
.activefix .vs:nth-child(3) {animation-delay:1s}

.activefix .titvs {   -webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay:0.6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix .rightvs li {  -webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix .rightvs li:nth-child(1) {animation-delay:0.8s}
.activefix .rightvs li:nth-child(2) {animation-delay:1s}
.activefix .rightvs li:nth-child(3) {animation-delay:1.2s}
.activefix .rightvs li:nth-child(4) {animation-delay:1.4s}
.activefix .rightvs li:nth-child(5) {animation-delay:1.6s}
.activefix .rightvs li:nth-child(6) {animation-delay:1.8s}*/

.vs img {width:100%;float:left}
.vs:nth-child(1) {left:30px;top:0}
.vs:nth-child(2) {left:151px;top:101px}
.vs:nth-child(3) {left:0;top:155px}
.rightvs li {color:white;font-size:20px;font-family:mulir;list-style:none;width:96%;float:left;padding-left:4%;background-image:url('/Design/icon_like.png');background-repeat:no-repeat;background-position:left;margin-top:14px;opacity: 0;}
.rightvs ul {padding:0;margin:auto;float:left;width:100%}
.alltinnoibat {padding: 50px 0;overflow: hidden;}
.showtinleft {width:63%;float:left}
.showtinright {width:35%;float:right}
.tin2 {width:48.5%;float:left;/* opacity: 0; */}
.tin2:nth-child(2) {float:right}
.tomtat4tin {display:none}
.img2tin {width:100%;/* float:left; */overflow:hidden;height:200px;}
.tin2 .img2tin img {width:auto;height:100%;min-width:100%}
.tt2tin {border:1px solid #d8d8d8;border-top: none;/* width: 100%; */padding: 15px 10px;}
.ten2tin {width:100%;display:block;height: 46px;overflow:  hidden;margin-bottom: 10px;}
.tt2tin a {color: #ee0a0a;font-family:mulir;font-weight:bold;font-size:18px;}
.tt2tin a:hover {color:black}
.luotxemtin {/* width:100%; */display:block;background-image:url('/Design/icon_xem.png');background-repeat:no-repeat;background-position:left;padding-left:25px;font-family:mulir;color:#afafaf;font-size:13px;}
.tomtattin {width:100%;text-align:left;font-family:mulir;font-size:14px;color:#3a3a3a;margin-top: 10px;height: 60px;overflow:hidden;line-height: 20px;}
.tittin {width:100%;float:left;margin-bottom: 30px;}
/*.activefix .tittin h2 {-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay:0s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix .tittin h3 {-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay:0.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}*/



.activefix .tin2,.activefix .tin4 {
/* -webkit-animation-name: fadeInUp; */
/* animation-name: fadeInUp; */
/* -webkit-animation-duration: 1s; */
/* animation-duration: 1s; */
/* -webkit-animation-fill-mode: forwards; */
/* animation-fill-mode: forwards; */
}
.activefix .tin2:nth-child(1) {/* animation-delay:0.4s; */}
/*.activefix .tin2:nth-child(2) {  animation-delay:0.6s;}
.activefix .tin4:nth-child(1) {  animation-delay:0.8s;}
.activefix .tin4:nth-child(2) {  animation-delay:1s;}
.activefix .tin4:nth-child(3) {  animation-delay:1.2s;}
.activefix .tin4:nth-child(4) {  animation-delay:1.4s;}

.activefix .xemtatcatin {-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay:1.6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}*/



.tittin h2 {font-family:mulir;font-size:28px;font-weight:bold;color:#0b4db2;text-transform:uppercase;text-align:center;margin:auto;margin-bottom: 5px;}
.tittin h3 {font-family:mulir;font-size:15px;color:#f2dd18;text-transform:uppercase;text-align:center;margin:auto}
.tittin h3:before {content:'';padding-right: 0px;height: 1px;display:  inline-block;background-image:url('/Design/tittt.png');width:20px;margin-bottom: 5px;margin-right: 5px;}
.tittin h3:after  {content:'';padding-left: 0;height: 1px;display:  inline-block;background-image:url('/Design/tittt.png');width:20px;margin-bottom: 5px;margin-left: 5px;}
.tin4 {width:100%;float:left;margin-bottom: 10px;/* opacity: 0; */}
.img4tin {width: 27%;float:left;height: 80px;overflow:  hidden;}
.tt4tin {width: 70%;float:right;}
.ten4tin {width:100%;/* float:left; */margin-bottom: 5px;}
.ten4tin a {font-family:mulir;font-size:14px;color:#3a3a3a;text-align:  justify;width: 100%;display:  block;}
.ten4tin a:hover {color:#ee0a0a}
.tin4 .img4tin img {width: auto;height:100%;float:left;min-width: 100%;}
.xemtatcatin {width:100%;float:left;opacity: 0;}
.xemtatcatin a {border: 1px solid #f2dd18;display:  block;text-align:  center;font-size:  14px;color:  #0b4db2;
text-transform:  uppercase;padding: 12px 0 9px 0;background-color:  white;transition:0.5s}
.xemtatcatin a:hover {background-color:#f2dd18;color:white}
.footer {width:100%;float:left;margin:auto;}
.footercenter {width:100%;float:left;/* border-top:1px solid #0d57c8 */padding-top: 57px;}
.logoft {float:left;display: block;margin-bottom: 23px;}
.left-footer {width: 26%;float:left;}
.menuft {float: right;/* margin-left: 3%; */margin-top: 17px;}

.menuft a {float:left;color: #ffffff;font-size: 13px;padding: 0px 14px;border-radius: 0;border-left: 1px solid #40c0fe;}
.menuft a:hover {color:#f69323;}
.menuft a:first-child {border:none}
.shareft {/* width: 200px; */text-align: left;display: inline-block;float: right;}
.shareft a {float:left;width: 36px;height: 36px;border: 1px solid #ffffff;border-radius: 50%;margin-right: 5px;background-size: 100% 100%;display: flex;color: #ffffff;}
.shareft a i {margin:auto;font-size: 19px;}
.shareft a:hover {color: #010101;border-color: #333;}
.footertop {width:100%;float:left;padding-top: 0;padding-bottom: 30px;background-size:  cover;background-repeat:  no-repeat;background-color: #f9f9f9;}
.allfttop {width:100%;float:left;border-bottom: 1px solid #f6f6f6;padding-bottom: 0;height: 70px;}
.logoft img {display: block;float: left;margin-right: 15px;}
.logoft p {color:#f5821f;font-size:22px;text-transform:uppercase;font-weight:bold;}
.logoft h4 {font-family:mulir;font-size: 15px;text-transform:uppercase;color: #ee0a0a;font-weight:bold;margin:auto;width: 225px;float:  left;margin-left: 10px;margin-top: 1px;}
.logoft h2 {font-size: 23px;color: #feffff;font-family:mulir;margin:auto;font-weight:bold;text-transform:uppercase;float:  left;margin-left: 10px;}
.ttfooter {width: 38%;float:left;margin-left: 8%;position: relative;margin-right: 6%;}
.ttctynew  {width: 90%;float:left;background-repeat:  no-repeat;background-position:  left;/* height: 40px; */margin-top: 15px;padding-left: 10%;padding-top: 1px;margin-bottom: 7px;}
.ttctynew:first-child {margin-top:0}
.ttctynew p {width:100%;margin:auto;float:left}
.ttctynew p:first-child {font-family:mulir;font-size:15px;color: #ee0a0a;text-transform:uppercase;margin-top: 1px;}
.ttctynew p:last-child {font-family:mulir;font-size:15px;color:#ffffff;}

.ttctynew.dccty  p:first-child {font-family:mulir;font-size:15px;color:#ffffff;text-transform:inherit;}
.ttctynew.dccty p:first-child span {color:#ee0a0a}

.dccty  {background-image:url('/Design/ft_diachi.png')}
.dtcty  {background-image:url('/Design/ft_dienthoai.png')}
.emailcty  {background-image:url('/Design/ft_email.png')}
.webcty  {background-image:url('/Design/ft_website.png')}
.menucenter {width: 37%;float: left;margin-left: 0;margin-top: 4px;display: inline-block;}
.menucenter:nth-child(2) {}
.menu-footer {width: 50%;float: left;display: inline-block;}
.menu-footer .footer-title {
    font-size: 15px;
    color: #f0f0f0;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding-bottom: 10px;
    position: relative;
}
.menu-footer .footer-title::before {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    background: #cdab46;
    position: absolute;
    top: 100%;
    left: 0;
}
.menu-footer li a.fa-phone::before {
    color: #00984a;
}
.menu-footer .widget-content ul li{list-style:none;font-size: 14px;}
.menu-footer .widget-content ul li a{
    background-image:none;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    display: block;
    padding-left: 0;
    font-size: 15px;
    }

.menu-footer li a::before {
    padding-right: 7px;
    font-family: FontAwesome;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
   
}
.menu-footer li a.fa-facebook-official::before { color: #3b5998;}
.menu-footer li a.fa-youtube-play::before {  color: #ff0000;}
.titftnew {/* width:100%; *//* float:left; *//* margin-bottom: 14px; */}
.titftnew.martop-ft {margin-top:20px;}
.titftnew h3 {color: #fdcb0a;font-family:mulir;text-transform:uppercase;margin:auto;float:left;width:100%;font-size: 22px;}
.titftnew h4 {width: 37px;height: 2px;background-color: #fff;margin:auto;float:left;margin-bottom: 0;margin-top:10px;}
.titftnew h6 {font-size: 15px;text-transform:uppercase;color: #179d3a;width:100%;margin: auto;font-weight: bold;margin-top: 25px;margin-bottom: 25px;}
.titftnew h2 {font-size: 22px;text-transform:uppercase;color: #fdcb0a;width:100%;margin: auto;font-weight: bold;}

.menucenter a {float:left;width: 100%;font-size: 15px;color: #fff;margin-bottom: 5px;transition: 0.5s;line-height: 20px;margin-left: 0;background-image: url('/Design/li-ft10.png');background-repeat: no-repeat;background-position: left 6px;padding-left: 12px;box-sizing: border-box;}
.menucenter a:hover {width:97%;color:#f0f0f0;margin-left:3%;background-image:url('/Design/li-ft10.png')}
.mailft {width: 100%;float: right;margin-top: 0;}
.tit-dk-mail {display:block;overflow:hidden;font-size: 14px;color: #333;font-weight:bold;margin-bottom: 2px;}
.sloganmail {width:100%;float:left;color: #333;font-size: 15px;/* font-family:mulir; */}
.textmail {width:100%;float:left;margin-top: 5px;border: 1px solid #00984a;border-radius: 3px;}
.textmail input:first-child {font-family:mulir;font-weight: normal;font-size: 13px;float:left;border-right: none;background-color: #ffffff;padding: 11px 10px;color: #000;width: calc(100% - 62px);border-radius: 4px 0 0  4px;outline: none;border: none;height: 16px;}
.textmail input:last-child {width:42px;height:38px;float:left;background:none;border:none;background-image: url('/Design/ft_guimail.png');/* background-color: #ee1d23; */background-position:  center center;border-radius: 0 4px 4px 0;cursor:  pointer;border: none;border-left: none;outline: none;}

.textmail input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#bcbcbc;}
.textmail input::-moz-placeholder { /* Firefox 19+ */color:#bcbcbc;}
.textmail input:-ms-input-placeholder { /* IE 10+ */color:#bcbcbc;}
.textmail input:-moz-placeholder { /* Firefox 18- */color:#bcbcbc;}

.doitacft {width:100%;float:left;padding: 0;margin: 0px 0;background-color: #e5e5e5;}
.slidedt {width:100%;float:left;height: 86px;background: white;/* border: 1px solid #eae9e7; */overflow: hidden;border-radius: 4px;}
.slidedt ul {padding:0;list-style:none;width: 71%;float: right;height: 100%;margin-right: 0%;padding: 0 4%;position: relative;}
.owl-carousel .owl-wrapper-outer {height:100%}
.slidedt li {list-style:none;/* border-left:1px solid #ececec; */text-align:center;display:  flex;height: 100%;margin-left: 10%;margin-right: 10%;}
.slidedt li a {margin:auto;height: 100%;width: 100%;display: flex;}
.slidedt li img {margin:auto;max-width:100%;max-height:100%;text-align:center;width: auto;height: auto;}
.slidedt .owl-item:last-child li {/* border-right:1px solid #ececec */}
.botft {float:left;width:100%;background-color: #cdab46;}
.botft .logo-footer1{float: right;height: 54px;border-radius: 3px;margin-right: 15px;width: 133px;padding-top: 0px;} 
.coppy {float:left;padding: 0;margin: 13px 0;color: #2e2e2e;margin-bottom: 1px;}
.coppy h3 {font-weight:normal;font-size: 15px;margin:auto;margin-top: -1px;margin-right: 7px;display: block;overflow: hidden;line-height: 1.5;}
.coppy a {color: #0d100e;margin:auto;}
.coppy.thietke {float: right;}

.truycap {float: right;padding: 19px 0;background-image:  url('/Design/icon_tong.png');background-repeat:  no-repeat;background-position:  left;padding-left: 14px;margin-right: 20px;}
.truycap h3 {color: #ffffff;font-weight:normal;font-size: 14px;margin:auto;float:left;margin-top:  3px;margin-right: 7px;}
.truycap a {font-size: 14px;font-weight: normal;color: #ffffff;margin:auto;}
.btn-top {width:40px;height:40px;right:10px;opacity: 1;}
.btn-top img {width:100%;height:100%;opacity: 1;}
.allshowgioithieu {width:100%;float:left;background-color: #f5f5f5;position:relative;padding: 25px 0;}
.allabouts {width:100%;float:left;position:relative;}
.hienthi {width: 73%;float: left;}
.danhmuc {width: 25%;float: right;}
.danhmuc.dmbaiviet {width: 21%;float:left;}
.hienthi.htbaiviet {width: 77%;float:right;}
.nav-container {width:100%;display:block}
nav {width:100%;display:block;margin:auto;}
.nav-container ul {padding:0;margin:auto;width:100%;display:block}
.nav-container li {list-style:none;width:100%;display:block;margin-bottom: 10px;cursor:  pointer;/* box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7); */border-radius: 2px;overflow: hidden;background-image: url(/Design/bg_dm.jpg);background-size: 100% 100%;}
.nav-container li a {width:100%;display:block;position:relative;height: 100%;}

.nav-container li h3 {margin:auto;padding:0;width: 90%;display:block;font-family:mulir;font-size:15px;padding: 13px 0;color: #ffffff;font-weight:  normal;padding-left: 10%;font-weight: bold;text-transform: uppercase;}
.nav-container li h3:hover {color:#fed700}
.nav-container li a.active h3 {color: #fed700;}
.nav-container li a:before {content:'';width:14px;height: 100%;position:absolute;left:0;top:0;background-image:url('/Design/right_menuli.png');background-repeat:no-repeat;background-size: 100% 100%;}
.titnewgt {width:100%;float:left;font-family:mulir;font-size:22px;text-transform:uppercase;color:#0b4db2;border-bottom:1px solid #0b4db2;margin-bottom: 19px;padding-bottom:10px;font-weight:  bold;}
.sscrolll {width:100%;float:left;margin-top:30px;position: relative;}
.sscrollc {width:100%;float:left;margin-top:30px;position: relative;}
.sscrolll:first-child {margin-top:0}
.mapgt {width:100%;float:left;height:500px}
.showctbv {width: 96%;display:block;/* float:left; */margin:auto;background-color: white;padding: 20px 2%;border-radius: 4px;overflow: hidden;}
.showctbv * {/* font-family:mulir !important; */max-width:100% !important;text-align:  justify;/* margin:  auto; */}
.allnewlv .showctbv * {font-size:16px !important;color:#575757 !important;margin: auto !important;line-height: 24px !important;}
.showctbv img {max-width:100% !important;height:auto !important;opacity:  1 !important;}
.showctbv table {width:100% !important;margin:auto !important;max-width:100% !important}
.showctbv li {margin-left:20px !important;}
.allshowgioithieu  .showctbv li {margin-left:20px !important;list-style: disc;}
.anhgt {float:left;width: 32.6%;margin-left:1%;overflow:hidden;height: 160px;margin-bottom:7px;}
.anhgt:nth-child(3n+1) {margin-left:0}
.anhgt a {width:100%;float:left;height:100%}
.anhgt img {height:100%;width:auto;float:left;min-width:100%}
.info {width:100%;float:left;margin-top:10px;overflow:  hidden;}
.topright .info {width:auto;margin-top: 0;margin-left: 10px;}
.showdanhmuc {width: 90%;display:block;margin-bottom: 30px;background-color: white;padding: 20px 5%;border-radius: 4px;float: left;}
.showdanhmuc:last-child {margin-bottom:0}
.showhotrodm {width:100%;display:block;margin-top: 15px;}
.hotrodm {border-top:1px solid #e9ebee;width: 88%;display:block;/* background-image: url(/Design/icon-men.png); */background-repeat: no-repeat;padding: 12px 0;/* padding-left: 12%; */background-position: left 16px;}
.hotrodm:first-child {border:none;padding-top: 0;}
.hotrodm:last-child {padding-bottom:0}
.chucvu {width:100%;display:block;font-family:mulir;font-size:17px;font-weight:bold;color:#0b4db2;margin-bottom: 5px;}
.tennv {width:100%;display: block;text-align:  left;/* height: 20px; */margin-bottom: 5px;}
.tennv h3 {margin:auto;font-size: 16px;font-weight:  normal;font-family: mulir;color: #0b4db2;text-align:  left;float:  left;margin-right: 5px;}
.tennv h4 {margin:auto;font-family:  mulir;font-size: 15px;color: red;padding-top: 1px;}
.emailnv {width:100%;display:block;font-family:  mulir;font-size: 14px;color: #0b4db2;}
.tinnoibat {width: 100%;display:block;/* border-left: 1px solid #eeeeee; *//* border-bottom: 1px solid #eeeeee; */border-radius: 0px;background-color:  white;border-top: none;/* margin: 10px 0; */margin-right: 0%;float: right;}
.tinnoibat  ul {display:block;padding: 0;width: 100%;float: left;}
.tinnoibat li {display: inline-block;list-style:none;width:100%;float: left;/* border-bottom: 1px solid #e9ebee; */padding: 5px 0;height: 70px;margin-top: 0;padding-bottom: 5px;}
.tinnoibat li:first-child {border:none}
.imgnb  {width:30%;float:left;overflow:hidden;height: 100%;}
.imgnb a {float:left;width:100%;height:100%}
.tennb {width:67%;float:right}
.tennb h3 {width:100%;float:left;margin:auto;font-weight:normal;font-size: 12px;color:#ee0b0b;margin-top: 5px;}
.tennb a {font-family:mulir;font-size: 13px;color: #000;height:  58px;overflow:  hidden;font-weight:  bold;}
.tinnoibat li:hover .tennb a {color:#0b4db2}
.imgnb img {width: auto;float:left;height: 100%;min-width: 100%;}
.showcatagory {width: 100%;float:left;padding: 0;}
.tintuc {width: 23.5%;float:left;margin-left: 2%;margin-bottom: 17px;/* background-color:  white; */border-radius: 0px;overflow:  hidden;/* opacity: 0; */}
.tintuc:nth-child(4n+1) {margin-left:0}
.imgtin {width:100%;display:block;height: 210px;overflow:hidden;position: relative;}
.imgtin a {width:100%;height:100%;display:block;position: relative;}
.tintuc .imgtin img {width:auto;height:100%;min-width:100%;transition: 0.5s;} 
.tintuc:hover .imgtin img {transform: scale(1.1);}
.thongtintin {display:block;border-top:none;padding: 15px 13px;border-radius: 0px;position: relative;overflow: hidden;/* background-color: #f2f2f2ad; */}
.allpro-first .thongtintin {padding: 24px 20px;}
.themvgh {width:37px;height:37px;position:absolute;right: 5%;top: 21px;z-index: 3;}
.add-cart {position:absolute;right: 15px;top: 51px;}

.add-cart a {display:block;border-radius:50%;border: 1px solid #cdab46;background-image:url("/Design/cart1.png");width:34px;height:34px}

.add-cart a img {display:block;}
.tangngay span{font-size:14px;margin-right: 5px;float: left;padding-top: 6px;}
.tangngay .qua img { width: 30px;height: 30px;display: block; object-fit: cover;}
.tangngay .qua{display:inline-block;float: left;margin-left: 5px;border: 1px solid #e8e8e8;}
.sanpham:hover .add-cart a {background-image:url("/Design/cart3.png?v=1");background-color:#cdab46}
.themvgh a {width:100%;height:100%;display:block;background-image: url('/Design/gh.png?v=1');}
.tentin {width:100%;display:block;padding: 0px 0 10px 0;margin-top: 15px;}
.tentin a {color: #000;font-size: 16px;display:block;height: 39px;overflow:  hidden;font-weight: bold;}
.height20 a {height:20px}
.height20 {margin-bottom:0;padding-bottom: 0;}
.tomtattinnew {width:100%;display:block;font-size:14px;color: #3b3b3b;text-align: left;height: 61px;overflow:hidden;margin-top: 7px;line-height: 20px;}
.martop30 {margin-top:30px}
.tenbaivietnew {/* width:100%; *//* float:left; */font-family:mulir;font-size:  18px;color: #010101;font-weight:  bold;margin-bottom: 10px;margin-top: 10px;overflow: hidden;width: 100%;}
.ttbaivietnew {width:100%;float:left;font-family:mulir;font-size:16px;color: #010101;margin-bottom:20px;margin-top:10px;font-weight: normal;}
.date {font-family:mulir;font-size:13px;color:#afafaf;background-image:url('/Design/icon_ngay.png');background-repeat:no-repeat;
padding-left:15px;background-position:left}
.views {font-family:mulir;font-size:13px;color:#afafaf;background-image:url('/Design/icon_luotxem.png');background-repeat:no-repeat;padding-left: 19px;background-position:left;margin-left:20px;margin-right:10px;}
.contain contact {width:100%;float:left;}
.right-content {/* width: 48%; *//* float:right; *//* border: 1px solid #222; */}
.left-content {/* width: 59%; */float:left;/* border: 1px solid #e1e1e1; *//* box-shadow: 1px 3px 6px; */}
.GuiYkien {width:100%;float:left;}
.formGuiYkien {width:100%;display:block;float:left}
.title-promotion {width:100%;float:left;font-family: 'jo';font-size: 15px;color: #cdab46;font-weight: bold;}
.formGuiYkien table {width:100%;float:left}
.formGuiYkien table tr {width: 100%;}
.formGuiYkien table td {/* width: 50%; */text-align: left;}
.infoCompany {width:100%;float:left;}
.infoCompany * {/* font-family:mulir !important; *//* font-size:16px !important; */color: #010101;}
.boxes {/* border:1px solid red; */display: inline-block;}
.titsan-cat h3{font-size: 26px;background-color: #cdab46;padding: 10px;color: #fff;}
.contact {overflow:hidden;}
.contact .left-content{width:49%;float:left}
.contact .right-content{width:49%;float:right}
.contact .infoCompany{margin:0;color:#424242;line-height:1.5;font-size:16px;}
.infoCompany h3,.GuiYkien h4{font-size:24px;color: #cdab46;margin:0;/* font-family: mulir; */margin-bottom:10px;text-transform: uppercase;line-height: 1.8;}
.infoCompany p{margin:0;font-size:15px;color:#3f3f3f;line-height:2;font-family:segoe ui;}
.infoCompany p em{font-style:normal;position:relative;display:inline-block;padding-left:30px;}
.infoCompany p em:before{content:"\f041";font-family:fontawesome;position:absolute;left:0;border:1px solid #de0017;width:22px;border-radius:100%;text-align:center;color:#de0017;line-height:1.5;top:3px;}
.infoCompany p em:nth-of-type(2),.infoCompany p em:nth-of-type(4){width:135px;}
.infoCompany p em:nth-of-type(2):before{content:"\f095"}
.infoCompany p em:nth-of-type(3):before{content:"\f1ac"}
.infoCompany p em:nth-of-type(4):before{content:"\f003"}
.infoCompany p em:nth-of-type(5):before{content:"\f0ac"}
.GuiYkien table{width:100%}
.GuiYkien .textbox{overflow:hidden;}
.GuiYkien .txt{border:1px solid #bdbdbd;padding: 10px 2%;width:100%;box-sizing:border-box;font-family:arial;font-size: 16px;outline: none;border-radius: 4px;}
.GuiYkien .txt50{width:49%;float:left;}
.GuiYkien .txt50+.txt50{float:right;}
.GuiYkien th{text-align:left;font-weight: bold;color: #000;font-size:14px;padding-top: 10px;font-family: 'mulir';font-style: normal;}
.GuiYkien .btn{border:none;padding: 12px;width:100px;color:#fff;background: #cdab46;cursor:pointer;outline: none;border-radius: 4px;text-transform: uppercase;}
.GuiYkien .button{padding-top:10px;}
.GuiYkien .btnRefresh{width: 35px;height: 35px;background: url(/Design/refresh.png);background-size: 100% 100%;border: 1px solid #0b4db2;cursor:  pointer;}
.GuiYkien .capcha{padding-top:10px;}
.GuiYkien .imgCapcha{float: left;margin-right:8px;}
.GuiYkien .imgCapcha{width:auto !important}
.google_map{height: 484px;margin-top:20px;float: left;width: 100%;}
.google_map iframe{border: none}
.GuiYkien .btn:hover {background-color:#ef0000}



.textbox input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#666;}
.textbox input::-moz-placeholder { /* Firefox 19+ */color:#666;}
.textbox input:-ms-input-placeholder { /* IE 10+ */color:#666;}
.textbox input:-moz-placeholder { /* Firefox 18- */color:#666;}


.textbox textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#666;}
.textbox textarea::-moz-placeholder { /* Firefox 19+ */color:#666;}
.textbox textarea:-ms-input-placeholder { /* IE 10+ */color:#666;}
.textbox textarea:-moz-placeholder { /* Firefox 18- */color:#666;}
.listHinhAnh {width:100%;float:left;}
.listHinhAnh ul {padding:0;float:left;width:100%;}
.listHinhAnh li {width: 32.3%;float:left;list-style:none;margin-left: 1.5%;margin-bottom:10px;}
.listHinhAnh li:nth-child(3n+1) {margin-left:0}
.listHinhAnh li .listImg {width:100%;display:block;float:left;height: 164px;overflow:  hidden;position: relative;}
.listHinhAnh li .listImg img {width: auto;height:100%;float:left;min-width: 100%;}
.hover {position:absolute;width: 50px;height: 50px;background-image:url('/Design/play.png');background-size:100% 100%;left:  39%;top: 37%;opacity: 0.8;}
.listHinhAnh:hover  .hover {opacity:1}
.listHinhAnh li h4 {margin:auto;width:100%;float:left;padding: 5px 0;}
.listHinhAnh li h4 a {font-family:mulir;font-size:16px;color:#0b4db2;padding: 0px 0;width:100%;float:left;height:  20px;overflow:  hidden;}
.listimgnew  {width:100%;float:left;}
.imgshownew {width: 24.2%;float:left;margin-left: 1%;overflow:hidden;margin-bottom: 10px;height: 187px;display:  flex;}
.imgshownew:nth-child(4n+1) {margin-left:0}
.imgshownew a {border: 1px solid #ee0b0b;}
.listimgnew .imgshownew img {width: 100%;height:100%;float:  left;min-width: 100%;}
.error {color: #ef0000;margin-top:5px;float:left;}
.contact .formGuiYkien .error {margin-top:0}
.menusp {position:absolute;width:100%;left:0;bottom: -42px;z-index: 2222;}
.menusp .allbody {overflow:initial}
.menumk {float: left;padding: 0;width: 100%;position: absolute;z-index: 1111;}
.menumk .menuconc2 {display:none;width: 225px;position:  absolute;z-index: 3333;left: 100%;top: 0;padding-top: 0;padding-left: 1px;}
.menumk .menuconc2 li {width:100%;float:left;list-style: none;border-top: 1px solid rgba(0, 0, 0, 0.3);}
.menumk .menuconc2 li:first-child {border:none}
.menumk .mnc1 .menuconc2 a {padding: 10px 5%;width: 90%;background-color: #fed700;float: none;display:  inline-block;font-size: 14px;color: #010101;border: none !important;}
.menumk .mnc1 .menuconc2 a:hover {color:white;border:none;background-color:#ffffff;color:black}
.menumk .mnc1  {float:left;list-style:none;position:  relative;width: 100%;padding: 0 0%;}
.menumk .mnc1:first-child {background:none}
.menumk .mnc1:last-child {border:none}
.menumk .menuconc2 li:last-child a {border:none}
.menumk ul {padding:0;width:100%;position:relative;float: left;}
.menumk.menudmnew {position:relative;width:100%;float:left}
.menumk.menudmnew ul {width:100%}
.spantext {float:left;color: #b2b2b2;font-size:  12px;font-family: mulir;margin-right: 10px;margin-top: 5px;}
.menumk .mnc1 a {font-size:14px;font-family:mulir;color: #363636;padding: 9px 5%;float:  left;width: 90%;border-bottom: 1px solid #ebebeb;position: relative;background-color: white;}
.menumk .mnc1:hover {background-color:#ed1b24;}
.menumk .mnc1:hover a {background-color:#ed1b24;color:white}
.menumk .mnc1 a.active {background-color:#ed1b24;color:white}
.menumk .mnc1:hover a img {-webkit-filter: grayscale(1);filter: brightness(1000%);}
.menumk .mnc1 a.active img {   -webkit-filter: grayscale(1);filter: brightness(1000%);}
.menumk .mnc1 a p {margin:auto;display:inline-block;width: 86%;float: right;position: relative;z-index: 2;}
.menumk .mnc1 .mnsp2 {width:100%;float:left}
.menumk .mnc1 .mnsp2 a {background-color:white;color:#363636}
.menumk .mnc1 .mnsp2:hover a {background-color:#ed1b24;color:white}
.menumk .mnc1 .mnsp2 a.active {background-color:#ed1b24;color:white}
@media only screen and (min-width: 1150px) {.navtop .menuconc2 {/* display:none !important */}}
.navtop .menuconc2 {position:absolute;width:220px;z-index: 2222;top:100%;left:0;padding-top: 0px;display: none;}
.navtop .menuconc2 li {width:100%;list-style:none;float:left;}
.navtop li:hover .menuconc2 {display:block}
.navtop .menuconc2 li:first-child {border:none}
.navtop .menuconc2 li a  {background-color: #179d3a;width: 90%;padding: 10px 5%;}
.navtop .menuconc2 li+li a{border-top: 1px solid white;}
.menumk .mnc1 a img {display: inline-block;/* margin-right: 9px; */float: left;margin-left: 0;position: absolute;left: 2%;top: 7px;width: 41px;height: 33px;z-index: 1;}
.sloganmain {width:100%;float:left;padding: 0px 0;margin-top: 20px;}
.sloganmain ul {padding:0;width:100%;float:left;/* display:  flex; */}
.sloganmain li {float:left;list-style:none;width: 19.2%;margin-left: 1%;overflow: hidden;position: relative;}
.sloganmain li a {width:100%;float:left;height:100%}
.sloganmain li img {float:left;height:100%;width:auto;min-width:100%;transition: 0.5s;}
.sloganmain li img {}

.sloganmain li:hover img {transform:scale(1.1) rotate(0deg)}

.sloganmain li h3 {margin:  auto;font-family:  mulir;font-weight:  bold;font-size: 16px;color: #ffffff;width: 176px;float:  left;width: 100%;margin-bottom: 5px;}
.sloganmain li h4 {margin:  auto;float:  left;font-size: 24px;font-family: 'belico';font-weight: normal;width: 100%;color: white;line-height: 23px;}
.sloganmain li:first-child {margin-left:0}
.slo {position:absolute;background-color: rgba(129, 204, 33, 0.8);left:15px;right:15px;bottom:15px;top:15px;display: flex;border-radius: 4px;}
.sloganmain li:hover .slo {background-color:rgba(237, 27, 36, 0.8)}
.ttslogan {width: 74%;float:left;margin-top: 4px;}
.giasp {width: auto;/* margin-top: 3px; */height: 23px;overflow: hidden;font-size: 16px;color: #ee3138;font-weight: bold;margin-bottom: 8px;float: left;display: inline-block;margin-right: 10px;}
.phantram{/* width:100% */float: left;display: inline-block;color: #ed1c24;font-size: 14px;}
.phantram span{width:100%;display: block;font-size: 13px;color: #474747;}
.giacudp {width: auto;float: left;display: inline-block;font-size: 13px;margin-top: 6px;color: #9d9d9d;text-decoration: line-through;}
.giacudp span{width:100%;display: block;font-size: 13px;color: #474747;}
.giacudp strong{color: #9d9d9d;font-weight: normal;}
.tangngay{width:100%;float: left;margin-top: 5px;height: 32px;overflow: hidden;}
.allpro-first .giasp {font-size:17px;font-weight:bold;margin-top: 20px;}
.add-cart-sp {position:absolute;right: 20px;bottom: 19px;}
.add-cart-sp  a {font-size:16px;color:#ed1c24;border:1px solid #ed1c24;padding: 6px 26px;border-radius: 20px;display: block;}
.sanpham-first:hover .add-cart-sp  a {background-color:#ed1c24;color:#fff}
.giapo {margin:auto;}
.giasp h3 {font-size: 16px;color: #ed1c24;margin:auto;float: left;font-weight: bold;}
.giasp h4 {font-size:12px;color: #a9a9a9;float:left;margin: auto;margin-left: 5px;margin-top: 5px;text-decoration: line-through;font-weight: normal;border-left: 1px solid #a9a9a9;padding-left: 5px;}
.giasp sup {display:inline-block;margin:auto;color: #ed1c24;font-size: 13px;font-weight: normal;margin-left: 2px;}
.saosp {width:100%;text-align:center;margin: 4px 0;margin-top: 0px;display: block;}
.depro {text-align:left;margin:auto;display:  inline-block;float: left;width:  auto;margin-right: 5px;}
.saosp i {display:inline-block;width:13px;height:12px;margin-left:2px}
.saosp i.sv {background-image:url('/Design/icon_sangvang.png');}
.saosp i.sx {background-image:url('/Design/icon_saoxam.png');}
.muahang {width:100%;float:left;text-align:center;margin-bottom: 20px;}
.muahang a {display:inline-block;background-image: url('/Design/bg_muahang.png');width:  118px;height: 33px;}
.muahang a:hover {background-image: url('/Design/bg_muhangh.png')}
.sanpham:hover .hinhanhsp img {transform: scale(1.1) rotate(0deg);}
.tittle {font-size: 20px;width: 100%;position: relative;float: left;border-bottom: 1px solid #cdab46;margin-bottom: 15px;}
.tittle.tittrangcon {font-size: 17px;padding: 0px 0%;width: auto;/* border-radius: 3px; */float: left;/* padding-right: 50px; */margin-bottom: 30px;width: 100%;background: none;}
.tittle.tittrangcon:after {position:absolute;height:1px;left:0;top:100%;right:0;/* background-color: #81cc20; */content:'';width: 100%;}
.tittle.titphunew {background:none;background-color:#e6ffc4;font-size:17px;color:#ed1b24;border: 1px solid #eae9e7;border-top: none;width: 89.6%;border-right: none;border-bottom: none;}
.tittle.titcon {/* background-color:white; *//* margin-top: 10px; */}
.tittle h3 {color: #ffffff;font-size: 18px;text-transform:uppercase;background-repeat:  no-repeat;background-position: left;margin:  auto;float: left;text-align: left;font-weight: bold;position: relative;padding: 9px 2%;border-radius: 4px 4px 0 0;padding-right: 40px;background-color: #cdab46;padding-top: 13px;}
.tittle span {color: #ffffff;font-size: 18px;text-transform:uppercase;background-repeat:  no-repeat;background-position: left;margin:  auto;float: left;text-align: left;font-weight: bold;position: relative;padding: 9px 2%;border-radius: 4px 4px 0 0;padding-right: 40px;background-color: #cdab46;padding-top: 13px;}
.tittle h3.titphu {padding-left:28px}
.tittle h3.titnone {padding-left:0}
.haftft {width: 49%;}
.all5sp  {background-color:white}
.sp5:nth-child(n+1) {width:19%;margin-left:1%}
.sp5:nth-child(5n+1) {margin-left:0}
.sp5 .hinhanhsp {height: 135px;}
.khuyenmai {width:100%;float:left}
.khuyenmai img {width:100%;float:left}
figure.effect-julia {height:100%}

.loadgif {position:fixed;left:0;top:0;width:100%;float:left;height:100%;display:  flex;/* background-color: rgba(0, 0, 0, 0.2); */z-index: 99999;}
.centerload {width:150px;height:150px;margin:auto;}
.centerload img {width:100%;float:left}
.loadgif {position:fixed;left:0;top:0;width:100%;float:left;height:100%;display:  flex;background-color: rgba(0, 0, 0, 0.2);z-index: 99999;}
.centerload {width:150px;height:150px;margin:auto;}
.centerload img {width:100%;float:left}
.none {display: none !important;}
.loctour_submit {/* display:none */outline: none;background: none;background-color: #179d3a;color: white;border: none;font-size: 17px;text-transform: uppercase;padding: 12px 14px 10px 14px;border-radius: 4px;cursor: pointer;}

.check1 {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url('/Design/ra.png');border:  none;width:  14px;height: 14px;cursor:  pointer;margin:  auto;background-size: 100% 100%;outline: none;position:  absolute;left:  0;top: 5px;}
.checklist:hover   .check1,.checkn  .check1{background-image: url('/Design/rah.png')}
.text1 {font-family:mulir;font-size:14px;color:black;border:none;background:none;cursor:  pointer;padding: 4px 0;padding-left: 8%;width: 83%;}
.dem1 {position:absolute;right:0;width: 24px;text-align:  center;padding: 4px 0;font-size: 12px;border-radius: 3px;color: white;cursor:  pointer;top: 0;background-color: #a2a2a2;}
.showloaimk {border: 1px solid #b8b8b8;position:relative;padding: 10px 0;border-radius: 4px;display:  block;background-color:  white;}
.showloaimk ul {padding:10px;list-style:none;display: block;}
.showloaimk li {display:inline-block;position:relative;width: 100%;margin-bottom: 7px;}
.showhang .text1 {text-transform:uppercase;}
.showloaimk li:hover .text1,.checkn .text1 {color:#ee0b0b}
.showloaimk li:hover  .dem1, .checkn .dem1 {background-color:#000000}

.showhang ul {height:350px;overflow:  auto;position: relative;}
.sp3:nth-child(n+1) {width:32%;float:left;margin-left: 1.6%;}
.sp3:nth-child(3n+1) {margin-left:0}
.titnewtc {width: 99.6%;float:left;background-color:#ffffff;box-shadow: 0 1px 1px rgba(0,0,0,.09);margin-bottom: 10px;border-radius: 4px;overflow:  hidden;border: 1px solid rgba(0,0,0,.09);margin-top: 10px;}
.titnewtc a {float:left;position:  relative;padding: 8px;padding-left:  20px;padding-right: 20px;font-size: 16px;color: black;font-weight:  normal;text-transform: capitalize;}
.titnewtc h1 {float:left;margin:auto;padding: 8px;padding-left: 20px;padding-right: 20px;font-size: 16px;color: black;font-weight: normal;text-transform:  capitalize;}
.titnewtc a:before {    right: -9px;
z-index: 3;
border-left-color: #fff;
border-left-style: solid;
border-left-width: 11px;}
.titnewtc a:after {    right: -10px;
z-index: 2;
border-left: 11px solid #d0d0d0;}
.titnewtc a:before,.titnewtc a:after {
position: absolute;
top: -1px;
width: 0;
height: 0;
content: '';
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
}

.titnewtc a:hover {background-color: #E6E9ED;}

.titnewtc a:hover:before  {
border-left-color: #E6E9ED;

}
.boxmenu {background-image:url('/Design/box_menu.png');background-repeat:no-repeat;background-size:100% 32px;background-color:  white;}
.martopsp {margin-top: 10px;}

.btnxuly {width:100%;float:left;text-align: center;margin-top: 10px;}
.btnxuly input:nth-child(2) {background: #cdab46;color: #fff;border:none;outline:none;cursor:pointer;font-family: 'jo';font-size:18px;text-transform:capitalize;border-radius:4px;padding:10px 10px;margin-bottom: 10px;}
.btnxuly input:nth-child(2):hover{background-color:#2e2e2e}
.rightdm {float:right}
.leftdm {float:left}
.rightdm .newnone3,.rightdm .newnone4,.none345 .newnone3,.none345 .newnone4 {display:none}
.sliderPhotos  {position:relative;height: 260px;overflow:hidden;border: 1px solid #d6d6d6;}
.slider_contain  {width: 100%;border: 1px solid #cdab46;overflow: hidden;border-top: none;box-sizing: border-box;}
.slider_contain ul {padding:0;display:block;margin: auto;}
.slider_contain li {width: 99%;display:block;/* outline: 1px solid #eae9e7; */height: auto;padding: 12px 5%;width: 90%;overflow: hidden;/* background-color: #fff; */}
.imgspn {width: 27%;display: inline-block;height: 71px;float: left;overflow: hidden;border: 1px solid #dcdcdc;border-radius: 5px;}
.slider_contain li+li{border-top:1px solid #eae9e7}
.imgspn a {width:100%;height:100%;display: block;float: left;}
.imgspn img {display: block;min-width: 100%;max-height: 100%;margin: auto;float: left;width: 100%;height: 100%;transition: 0.5s;}
.slider_contain li:hover .imgspn img {transform: scale(1.1);} 
.ttspn {display:inline-block;width: 64%;float: right;margin-top: 18px;}
.gia-dm {display:inline-block;width: 64%;float: right;color: #ed1b24;font-weight: bold;font-size: 15px;margin-top: 5px;}

.ttspn a {display:block;font-size: 15px;color: #2e2e2e;font-weight: normal;height: auto;overflow: hidden;padding: 0;max-height: 59px;line-height: 1.2;}
.slider_contain li:hover .ttspn a {color: #cdab46}
.sliderPhotos ul  {display:  inline-block;width: 100%;height: 100%;}
.thumbnail {position:relative;display:block;margin-top: 10px;}
.sliderPhotos ul  li {width:100%;height:100%;}
.sliderPhotos ul  li a {width:100%;height:100%;display:flex}
.sliderPhotos ul  li img {width: auto;margin:auto;/* height:  100%; */min-width: 100%;}
.thumbnail img {width: 17.2%;border:1px solid black;margin-left:5px;display:  inline-block;opacity: 0.4;margin-bottom: 5px;}
.thumbnail img:nth-child(5n+1) {margin-left:0}
.thumbnail img.active {opacity:1}
.mc-caption {display:none}
#sliderFrame {padding:0;width: 100%;float:left;background: none;/* margin-left: 18%; *//* border-right: 1px solid #eeeeee; */}
#sliderFrame.slideshow.slipk {/* width: 34%; */}
#sliderFrame.slideProdt {width:50%;float:left;}
.slideshow.slipk .heightslide {height: 353px;}
.thontinchung {padding: 20px 0;/* background-color:  white; */margin-bottom: 0;display: block;overflow: hidden;width: 72%;margin-top: 0;display: inline-block;padding-bottom: 0;}
.thontinchung.pad0 {margin-top:0;}
.pad0 {padding:0}
#slider {width:100%;border:  1px solid black;background: none;height: 249px;margin-bottom: 20px;overflow:  hidden;position: relative;}
#thumbs {padding:0;margin:auto;background:none}
#slider a.imgLink {width:100%;height:100%;}
#slider a.imgLink img {height:100%;width:auto;min-width:100%}
#sliderInner {width:100%;height:100%}
.gallery-thumbs-container {margin-top:10px}

.thumb-item {/* border:1px solid #b8b8b8 */display:  flex;/* height: 59px; */overflow: hidden;}
.bx-viewport {/* border:1px solid #b8b8b8 */}
.thumb {display: block;border: 1px solid #b8b8b8;margin:  auto;width: 98%;margin-left: 1%;opacity: 0.5;cursor:  pointer;height: 71px;display: flex;overflow: hidden;}
.thumb.pager-active {opacity:1;border-color:black}
.thumb:hover {opacity:1;border-color:black}
.slideshow ul {display:block;padding:0;height: 100%;}
.slideshow ul.bxslider li  {height:100%;/* display:flex; */}
.slideshow ul.bxslider li a {margin:auto;width: 100%;height: 100%;}

.gallery-thumbs-container .bx-wrapper {border:none}
.thongtinright {width: 100%;float: right;/* background-color: white; *//* padding: 20px 2%; */border-bottom: 1px solid #eeeeee;margin-bottom: 20px;padding-bottom: 20px;}
.info-right-pro {width: 46%;float:right;padding-bottom: 0;margin-bottom: 0;border: none;}
.info-right-pro .info {width: auto;}
.thongtinright.thongtinpknew {/* width: 37%; *//* float: left; */margin-left: 2%;}
.topright {width: 62%;/* background-color:white; */padding: 20px 0%;float:  left;padding-top: 0;padding-bottom: 10px;border-right: 1px solid #eeeeee;padding: 0px 0%;padding-right: 2%;}
.tenspct {font-size: 20px;font-weight:bold;color: #000;margin-bottom: 20px;overflow: hidden;}
.heightslide {width:100%;height: 442px;/* border: 1px solid #b8b8b8; */overflow:  hidden;background-color:  white;}
#sliderFrame.slideProdt .heightslide {height: 371px;}
.masp {overflow:hidden;font-size: 15px;}
.masp strong {color: #ee0000;}
.size {overflow:hidden;margin-top: 11px;}
.size span {display: inline-block;font-size: 14px;float: left;margin-top: 6px;margin-right: 5px;}
.size table {display: inline-block;overflow:hidden;}
.size tbody {display:block;text-align:center;}
.size tr {display:inline-block !important;margin-right: 5px;}
.size td {display: block;overflow:hidden;position:relative;border: 1px solid #e5e5e5;text-align: center;padding: 0;cursor: pointer;border-radius: 4px;}
.size input {bottom: -2px;right: -2px;position: absolute;margin: 0;display: inline-block;margin-right: 0;float: left;cursor: pointer;/* opacity: 0; */width: 13px;height: 13px;overflow: hidden;padding: 0;border: none;outline: none;}
.size label {display: inline-block;font-size: 12px;float: left;cursor: pointer;padding: 6px 14px 10px;/* width: 23px; */text-align: left;height: 13px;}
.lispnew  {font-family: 'jo';padding: 0 0%;font-size: 14px;color:  black;margin-bottom: 10px;text-align: left;overflow: hidden;}
.lispnew.likm {border: 1px solid #80cc21;border-radius: 4px;position: relative;margin-bottom: 15px;}
.lispnew.likhuvuc {color: #179d3a;}
.lispnew.likm.limota p {padding-left:0;background:none;width: 94%;text-align: justify;}
.lispnew.likm p {width: 89%;float:left;padding: 8px 0%;padding-left: 4%;background-image: url('/Design/icon_gif.png');background-repeat: no-repeat;background-position: left 8px;margin-left: 3%;}
.thongtinright.thongtinpknew  .lispnew.likm p  {padding-left:6%;/* background-position: left; */padding-bottom: 5px;}
.thongtinright.thongtinpknew .lispnew.likm.limota p  {padding-left:0}
.titkm {width: 96%;float:left;background-color: #80cc21;font-size: 16px;font-weight: bold;color: #ffffff;padding: 8px 2%;}
.namesp {color: black;font-weight:bold;font-size: 17px;margin-bottom: 5px;}
.costsp {font-size: 31px;padding: 9px 0;color: black;font-weight: normal;margin-top: 10px;}
.costsp span {color: #ee0000;font-weight: bold;}
.right-cost {overflow:hidden;margin-top: 10px;}
.giaduan span{font-size:20px}
.newprice {color: #ee0b0b;font-size: 25px;font-weight:bold;float: left;/* width: 100%; */}
.lispnew p {float:left;margin:auto}
.lispnew a {float:left;margin-left: 0;text-transform: capitalize;color: #179d3a;font-size: 15px;font-weight: normal;}
.lispnew.thuonghieusp {padding: 3px 0%;list-style: disc;margin-left: 0%;padding-left: 0;width: 100%;text-transform:  capitalize;margin-bottom: 10px;}
.lispnew strong {font-weight: bold;}
.bottomright {width: 33%;float: right;/* border-top: 1px solid #eeeeee; *//* padding-top: 15px; */margin-left: 2%;}
.bottomright h2 {width:100%;font-weight:bold;font-size: 15px;text-transform:uppercase;margin:auto;margin-bottom: 3px;color: #81cb21;}
.bottomright h3 {width:100%;font-weight:normal;font-size:14px;margin:auto;margin-bottom: 10px;}
.muahangspnew {width:100%;float:left;margin-top: 10px;margin-bottom: 15px;border-radius: 4px;}
.muahangspnew .lbmuahang {color: #ffffff;text-align:center;float:left;padding: 10px 17px;text-transform:uppercase;font-weight:  bold;background-color: #cdab46;/* margin-left: 15px; */font-size: 15px;border-radius: 3px;border: none;outline: none;cursor: pointer;}
.textsl {position: relative;font-weight: bold;display: block;overflow: hidden;}
.quantity-selector {float:left;border: 1px solid #e5e5e5;font-size: 16px;width: 85px;margin: 0 3px;text-align: center;color: #000;outline: none;padding: 10px 0;border-radius: 3px;}
.qt {float:left;border: none;outline: none;background-color: #fff;color: #000;font-size: 18px;width: 35px;height: 19px;border-radius: 3px;cursor: pointer;bottom: 1px;border: 1px solid #e5e5e5;font-weight: bold;line-height: 7px;padding: 9px 0;box-sizing: unset;}
/*detail du an*/
.boxduan{padding: 0;width: 43%;float: right;}
.slideduan{width:55%}
.titduan{/* font-size: 26px; *//* font-family:mulib; */}
.ndduan{margin-top:10px}
.infoduan{font-size: 19px;color:#fff;padding: 8px 10px;background: #cdab46;border-radius:3px;width: 69%;margin-bottom: 14px;}
.infoduan p,.infoduan div{margin-left:20px;margin-top:10px}
.sdtduan{color:#ffffff;padding:5px 25px;margin-left: -16px;z-index:0;position:relative;border-radius:5px;font-size: 21px;font-weight:bold;}
.sdtduan i{display:inline-block;text-align:center;border-radius:50px;padding: 10px;background:#fff;color:#ec0606;margin-right:10px;}
.sdtduan i:before{content:"\f095";font-family:fontawesome;font-style:normal;font-weight:900;display:inline-block;width: 24px;animation:tada 1.5s infinite;}
.sumdac{overflow:hidden}
.sumdac div{overflow:hidden;display:flex;padding:10px 0}
.sumdac div+div{border-top:1px solid #e8e8e8}
.sumdac strong{width:20%;float:left;margin:auto;color:#333;font-size: 15px;}
.sumdac .chia{float:left;width:5%;margin:auto;color:#7d7d7d}
.sumdac .spanda{float:left;width:75%;margin:auto;color:#606060}


/*detail-product product-tab*/
.product-tab{overflow:hidden;margin-top: 19px !important;position:relative;width: 100%;margin:auto;}
.detail-pro{margin:0;padding:0;text-align: left;position:relative;}
.detail-pro:before{content:"";border-bottom:1px solid #d1d1d1;position:absolute;bottom:0;width:100%;left:0}
.detail-pro .tab-link{position:relative;display:inline-block;padding:0 25px;border-bottom:0;color:#838383;cursor:pointer}
.detail-pro .tab-link.active{color: #ffff;background-color: #cdab46;box-sizing:border-box;border: 1px solid #cdab46;border-top: 3px solid #2e2e2e;border-bottom:1px solid #fff;border-radius: 0px 0px 0 0;}
.title-tab h3{/* padding:13px 0; */font-size:14px;text-transform:uppercase;}
.tab-link.active h3{}
.tab-over{background:#fff;position:relative;border:1px solid #d1d1d1;border-top:0}
.tab-contain{display:none;border-top:0;}
.tab-contain article{background:inherit;padding-bottom:0;margin:20px 0}
#tab-review iframe{min-width:100% !important}
.de-tail {
    font-size: 14px !important;
    color: #474c5f;
    padding: 30px 20px 75px;
    overflow: hidden;
    font-family:mulir !important;
}
.de-tail table{width:100% !important}
.de-tail span,.de-tail h1,.de-tail p{font-size: 14px !important;}
.qtyplus {float: left;}
.qtyminus {float: left;font-size: 24px;}
.btnAddCart {background: #049443;border:none;font-size: 17px;text-transform:uppercase;cursor:pointer;color:#fff;padding: 13px 33px;border-radius: 4px;outline: none;float: none;width: 60%;display: block;margin-top: 15px;}
.showspdanhmuc {width:100%;display:block}
.showspdanhmuc .sanpham {width: 98%;float: none;}
#___plusone_0 {margin-top: 0px !important;float: left !important;}
.fb_iframe_widget {margin-top: 0px;float:  left;}
.hotlinedt {width: 100%;float:left;margin-top: 0;}
.hotlinedt a {width:100%;float:left;text-align: left;font-family:mulir;font-weight:bold;font-size: 21px;background-color: #179d3a;color: #ffffff;padding: 8px 0;border-radius: 4px;/* text-transform: uppercase; */}
.hotlinedt p {margin:auto;width:100%;float:left;text-align:center;font-weight: normal;padding: 0;font-size: 18px;}
.thongtinchitiet {width:100%;float:left;margin-top: 0;margin-bottom: 30px;}
.titchitiet {width:100%;float:left;margin-bottom: 20px;border-bottom: 1px solid #ebebeb;background-image: url('/Design/right_bg.png');background-size: 100% 100%;}
.borderct {border:1px solid #ebebeb;padding:20px 2%;width:96%;border-radius: 4px;}
.titchitiet h3 {float:left;/* background-color:white; */padding: 7px 0px;padding-left: 20px;/* border:1px solid #ebebeb; */margin:auto;border-bottom:none;/* border-bottom: 2px solid black; *//* margin-bottom: -1px; */position:relative;z-index:1;text-transform:  uppercase;font-weight:  normal;font-size: 18px;background-image:  url('/Design/right_menuli.png');background-repeat:  no-repeat;background-size: auto 100%;}
.splienquan {width:100%;float:left;margin-top: 0;}
.splienquan .titchitiet h3 {}
.splienquan .titchitiet {border-bottom:1px solid #ebebeb;margin-bottom:20px}
.binhluanfb {width:100%;float:left;margin-top:20px}


.contain.contact {width: 100%;float:left;padding: 0px 0%;padding-bottom: 30px;}
.poregiohang {position:relative;width:100%;height:100%;float:left}
.titthanhtoan {width:100%;text-align:center;float:left;margin-top:50px;margin-bottom:30px;font-family:mulir;font-size:38px;text-transform:uppercase;font-weight:bold;color:  white;}
.bgthanhtoan {background-image: url('/Design/bg_cart1.jpg');background-size:cover;background-attachment:fixed;}
.leftthanhtoan {width:30%;float: right;}
.centerthanhtoan {width: 37%;float:left;margin-left:2%;}
.rightthanhtoan {width:30%;float: left;}
.thongtinthanhtoans {background-color: #ffffff;width:100%;float:left;padding:20px 2%;width:96%;border-radius: 3px;}
.titgiaohang {width:100%;float:left;font-family:mulir;font-size:18px;text-transform:uppercase;
color:#2c3e50;margin-bottom:20px}
.thongtindh {width: 96%;float:left;list-style:none;border: 1px solid #b3b3b3;padding: 10px 2%;border-radius: 4px;}
.thongtindh ul {width:100%;float:left;padding:0;list-style:none}
.thongtindh li {width:100%;float:left;border-bottom: 1px solid #b3b3b3;padding: 5px 0;}
.namett {width:100%;float:left;font-size:14px;font-family:mulir;color:#000000;margin-bottom: 10px;}
.pricett {font-family:mulir;font-size:13px;text-align:right}
.tamtinh {width:100%;float:left;font-family:mulir;text-align:left;border-bottom: 1px solid #b3b3b3;padding: 10px 0;}
.tamtinh p {width:40%;float:left;margin:auto;font-weight:bold;font-size:15px}
.tamtinh p:nth-child(2) {width:60%;text-align:right}
.phivanchuyen {width:100%;float:left;font-family:mulir;font-size:15px;border-bottom: 1px solid #b3b3b3;padding: 10px 0;}
.tongcongtt {width: 96%;float:left;font-family:mulir;text-align:left;/* border-bottom:1px solid #ededed */padding: 10px 2%;background-color: #aaaaaa;color:  white;border-radius: 4px;margin-top: 20px;margin-bottom: 10px;}
.tongcongtt p {width:40%;float:left;margin:auto;font-weight:bold;font-size:15px}
.tongcongtt p:nth-child(2) {width:60%;text-align:right}
.fulltextbox {width:100%;float:left;}
.textmin {width:100%;float:left;margin-bottom:10px}
.textmin input {width:90%;font-size:14px;color:black;padding:10px 5%;border-radius:3px;outline:none;border: 1px solid #b3b3b3;}
.textmin textarea {height:70px;width: 90%;border: 1px solid #b3b3b3;border-radius:4px;padding: 10px 5%;outline: none;}
.tbthanhtoan {width:100%;float:left}
.textmin .tbthanhtoan  input {float:left;width:auto;margin:auto;margin-top:  5px;margin-right: 5px;}
.tbthanhtoan label {float:left;margin:auto;}
.lbthongtinnganhang {display:none;width:100%;float:left}
.lbthongtinnganhang * {font-family:mulir !important;max-width:100% !important;color:  black !important;font-weight:  bold;margin: auto;}
.xemttnh {display:block}
.btthanhtoann {width:100%;float:left;}
.btthanhtoann input {width:100%;outline:none;text-align:center;float:left;background-color: #010101;color:white;border:none;font-family:mulir;font-size:18px;padding:10px 0;text-transform:uppercase;cursor:pointer;}
.pading60 {}
.bgwhite {background-color:white }
.Khuyenmaindm {width:100%;display:block}
.Khuyenmaindm img {width:100%;height:auto}
.likhuyenmai {width:100%;height:auto;margin-bottom:20px}
.anhgtnew {width:100%;display:block}
.anhgtnew img {width:100%;margin-bottom:10px}
.ttgtnew {display:block;width:100%;margin-bottom:30px;font-size:  16px;font-family:  mulir;text-align:  justify;float: left;margin-top: 10px;}
.owl-theme .owl-controls {display:none !important}
.topnew {float:right;width: 100%;background-color: #f6f7f7;height: 32px;}
.bottop {float:right;margin-top: 20px;height: 48px;overflow: hidden;}
.baohanh {float:right;margin-left: 20px;}
.cskh {float: left;margin-left: 0;font-size: 14px;color: #4d4d4d;background-image: url('/Design/top_mail.png');background-repeat: no-repeat;background-position: left;margin-top: 0;padding: 7px 0;padding-left: 30px;}
.dctop {float:right;font-size: 13px;color: #7a7a7a;background-image: url('/Design/top_map.png');background-repeat: no-repeat;background-position: left;padding-left: 13px;margin-top: 6px;}
.cskh p {float:left;margin: auto;font-size: 12px;color: #010101;}
.cskh strong {float:left;margin: auto;font-size: 12px;color: #da1f26;margin-left: 5px;}
.baohanh a {float:left;font-size:12px;color:#010101;}
.mocua {float:right;background-image: url('/Design/nav_time.png');background-repeat: no-repeat;padding-left: 50px;height: 40px;margin-left: 25px;margin-top: 6px;}
.hottop {float: left;}
.hottop a {color: #ffffff;background-repeat: no-repeat;background-position: left 6px;float: left;display: inline-block;}
.hottop a:hover{color:#353030}
.hottop p {display:inline-block;font-size: 16px;color: #ed1c24;margin: auto;margin-top: -6px;float: right;margin-left: 8px;}
.giohang {float:right;height: 40px;position: relative;margin-top: 25px;}
.timkiem {/* float: left; */position: relative;right: 0;left: 0;margin-top: 18px;width: 100%;left: 15%;}
.timkiem input {font-size: 12px;color: #e0e0e0 !important;padding: 9px 14px;width: 110px;outline: none;cursor: pointer;background-color: #222020;border: none;height: 14px;margin-right: 0;border: 1px solid #222020;border-right: none;border-radius: 30px 0 0 30px;float: left;}
.spantim {display: block;overflow:hidden;width:38px;height:38px;display: block;}
.spantim a {width:100%;height:100%;display:flex;}
.spantim img {margin:auto}
#banner-header_top {float: right;margin: 17px 0;display: inline-block;}
#banner-header_top .item-1 {margin-left: 0;}
#banner-header_top .item {cursor:pointer;margin-left: 37px;position:relative;display: inline-block;vertical-align: middle;text-align: center;}
#banner-header_top .item .thumb1 {margin-bottom: 3px;display: inline-block;float: left;margin-right: 5px;}
#banner-header_top .item .text{display:inline-block;float: left;margin-top: 3px;}
#banner-header_top .excerpt p{margin:0;text-align: left;display:inline-block;float: left;font-size: 13px;}
#banner-header_top .excerpt span{margin:0;text-align: left;display:inline-block;float: left;font-size: 13px;color: #049443;margin-right: 5px;}
#banner-header_top .excerpt{
    display: block;
    /* float: left; */
}
#banner-header_top .item .thumb1 a {width: 25px;height: 25px;margin: auto;padding: 8px;display: block;border-radius: 50%;border: 1px solid #189c4c;}
#banner-header_top .item .thumb1 span {top: 0;width: 20px;height: 20px;color: white;font-weight: 700;text-align: center;position: absolute;border-radius: 100%;background: #ec0e17;}
#banner-header_top img {max-width:100%;height:auto;}
#banner-header_top .text a{
    font-size: 14px;
    color: #ec0000;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    display: block;
    width: 100%;
    text-align: left;
}

.mocua h3 {display:block;margin: auto;font-size: 12px;color: #fff;font-weight: normal;}
.mocua h4 {display:block;margin: auto;font-size: 16px;font-weight: normal;color: #ffffff;}
.giohang a {float:left;background-image: url(/Design/top-gh.png?v=1);background-repeat: no-repeat;padding: 8px 18px;padding-left: 28px;color: #fff;font-size: 12px;background-position: 6px 7px;background-color: #ed1c24;border: 1px solid #fff;border-radius: 4px;}
.giohang a span {font-weight:bold;color: #fff;}
.tophead {float:right;}
.hottop h3 {display:block;margin: auto;font-size: 16px;text-transform: uppercase;color: #ffffff;}
.hottop h4 {display:block;margin: auto;font-size: 12px;font-weight: normal;color: #ffffff;}
.giohang p {margin:auto;float:left;margin-top: 0px;color: #ffffff;font-size: 12px;}
.giohang h4 {font-size:16px;color:white;margin: auto;width: 100%;float: left;font-weight: normal;}
.timkiem select {background-color:white;border:none;float:left;font-size: 13px;color:#808080;padding: 12px 14px 11px 14px;outline:none;border-radius: 4px 0 0 4px;cursor: pointer;width: 150px;height: 40px;}
.timkiem select option {font-size:15px;padding:5px 10px;line-height:20px;border:none}


.txttim::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #aeaeae;font-style:normal;}
.txttim::-moz-placeholder { /* Firefox 19+ */color: #fff;font-style:normal;}
.txttim:-ms-input-placeholder { /* IE 10+ */color: #fff;font-style:normal;}
.txttim:-moz-placeholder { /* Firefox 18- */color: #fff;font-style:normal;}

.menumk ul {padding:0;width: 21%;float:left;box-shadow: 1px 2px 3px rgba(1, 1, 1, 0.1);}
.menumk ul.menuspc2 {position:absolute;left:100%;top:0;width:220px;display: none;z-index: 2222;padding: 0;}
.menumk li.mnc1.have:hover ul.menuspc2 {display:block}

.menumk li {list-style:none;float:left;width:100%;}
.menumk li a {width:90%;padding:5px 5%;float:left;}
.menumk li.danhmucsp {font-size: 20px;text-transform: uppercase;color: #ffffff;font-weight: bold;background-repeat: no-repeat;padding: 13px 5%;width: 90.01%;font-family: UVNHongHaHep_B;background-image: url('/Design/bg_dm.jpg');background-size: 100% 100%;position: relative;}
.menumk li.danhmucsp:before {content:url('/Design/icon-menu.png');margin-right:10px;float:left;margin-top: -1px;}
.backwhite {/* background-color:white; */}
.showsp {width: 100%;padding: 0px 0%;float: right;margin-bottom: 1px;}
.showborder {border-top:1px solid #eeeeee;margin-left: 0px;}
.titdt:before {content:url('/Design/icon_titdienthoai.png');margin-right:4px;margin-top: 1px;position: absolute;left: 0;top: 0;}
.tittab:before {content:url('/Design/icon_tittablet.png');margin-right:4px;margin-top: 1px;position: absolute;left: 0;top: 0;}
.titphu:before {content:url('/Design/icon_titphu.png');margin-right:4px;margin-top: 1px;position: absolute;left: 0;top: 0;}
.xemtatca {float:right;}
.tithang {float:right;margin-right: 15px;}
.tithang.titpknew {float:left;margin-right:0;width: 98%;margin-top: 5px;padding-left: 1%;}
.tithang.titpkhang.titpknew {max-width: 60%;float:right;height: 23px;overflow: hidden;text-align: right;margin-right: 9px;margin-top: 0;padding-left: 0;}
.tithang.titpkhang.titpknew a {float:right;background: none;padding: 4px 10px;}
.xemtatca a {color:#fcd601;float:left;text-decoration:underline;font-size:14px;padding: 4px 0;}
.tithang a {color:#393939;font-size:14px;padding: 4px 10px;float: left;}
.tithang a:hover {color:#fcd601}
.tithang.titpknew a {background-color:#f3f5f7;margin-left: 5px;font-size: 13px;border-radius: 4px;padding: 3px 8px;margin-bottom: 3px;}
.theloaisp {width:100%;float:left;margin-bottom: 10px;height: 16px;overflow: hidden;}
.theloaisp a {float:left;width:100%;font-size:13px;color:#010101;font-weight:bold;text-transform:uppercase}
.kmsp {float:left;width: 93%;color:#696969;font-size:13px;/* background-image: url('/Design/icon_gif.png'); */background-repeat: no-repeat;background-position: left 0px;height: 16px;padding-left: 0;overflow: hidden;}
.kmsp span {width:100%;height:100%;float:left;background-image:url('/Design/icon_gif.png');background-repeat: no-repeat;padding-left: 7%;}
.martop10 {margin-top:10px}
.sanphampk {width: 92%;padding: 10px 4%;}
.pkslide0.owl-carousel.owl-theme,
.pkslide1.owl-carousel.owl-theme,
.pkslide2.owl-carousel.owl-theme, 
.pkslide3.owl-carousel.owl-theme ,
.pkslide4.owl-carousel.owl-theme ,
.pkslide5.owl-carousel.owl-theme ,
.pkslide6.owl-carousel.owl-theme,
.pkslide7.owl-carousel.owl-theme,
.pkslide8.owl-carousel.owl-theme,
.pkslide9.owl-carousel.owl-theme,
.pkslide10.owl-carousel.owl-theme,
.pkslidenew.owl-carousel.owl-theme,
.pkslidedt.owl-carousel.owl-theme,
.pkslidetb.owl-carousel.owl-theme   {width: 98%;padding: 0 1%;}
.sanphampk:hover {outline:none}
.thongtinsp.thongtinpl {width:100%;padding:10px 0}
.customNavigation {float:right;margin-left: 20px;margin-top: -2px;position: absolute;}
.spnext  {width: 25px;height: 25px;background-image: url('/Design/sp_next.png');background-size: 70% 70%;float: right;cursor: pointer;border: 1px solid #eeeeee;background-position: center center;background-repeat: no-repeat;}
.spprev  {background-image: url('/Design/sp_prev.png');width: 25px;height: 25px;background-size: 70% 70%;float: right;cursor: pointer;border: 1px solid #eeeeee;background-position: center center;background-repeat: no-repeat;margin-right: 5px;}
.spnext:hover,.spprev:hover {border-color:#fcd601;background-color:#fcd601}
.customNavigation.customhang {float: right;margin: auto;width: 77%;right: 0;top: 27px;padding: 0;float: left;background-repeat: no-repeat;background-position: right 31px;padding-right: 1%;cursor: pointer;z-index: 99;height: 0;}
.customNavigation.customhang a {font-size:14px;color:#2c2c2c;font-weight:bold;text-transform:uppercase;width: 28px;height: 36px;float: right;}
.customNavigation.customhang a.next {background-image: url('/Design/dt_next.png');}
.customNavigation.customhang a.prev {background-image: url('/Design/dt_prev.png');float: left;}

.ttcty {width:100%;float:left;position: relative;}
.ttcty * {/* font-family:mulir !important; */font-size: 16px !important;color: #fff!important;margin: auto !important;line-height: 22px !important;padding-left:25px;}
.ttcty >*:before{position:absolute;left: 1px;font-family:fontawesome;font-weight:900;border-radius:50%;font-size:16px;z-index:1;}
.ttcty >*:nth-child(1):before{content:"\f041";padding: 1px 1.5px 0;color: #ffffff;}
.ttcty >*:nth-child(2):before{content:"\f041";padding: 1px 1.5px 0px 0px;color: #ffffff;}
.ttcty >*:nth-child(3):before{content:"\f095";padding: 3px 5.5px 0px 0;color: #ffffff;}
.ttcty >*:nth-child(4):before{content:"\f0e0";font-weight:500;padding: 1px 5.5px 0px 0.5px;color: #ffffff;}
.ttcty >*:nth-child(5):before{content:"\f0ac";font-weight:500;padding: 1px 5.5px 0px 0.5px;color: #ffffff;}



.bx-wrapper .thumb img {width: auto;height: 100%;margin: auto;}
.allshowtc  {width: 100%;padding: 0px 0%;/* background-color:white; */float:left;position: relative;overflow: hidden;}
.showtrangcon {width:100%;float:left;padding-bottom: 38px;padding-top: 35px;}
.showtrangcon1 {width:100%;float:left;padding-bottom: 38px;padding-top: 35px;}
.dmsp{float:left;width:25%;/* padding: 0 15px; */}
.trangtrong{width: 72%;float: right;}
.trangtrong .tita a{
    /* width: 100px; */
    /* padding: 8px 14px; */
}
.trangtrong .sanpham  {width: 100%;overflow:  hidden;float: left;position: relative;z-index: 1;/* border-right: 1px solid #dadada; */box-sizing: border-box;/* height: 360px; */}
.trangtrong .lisp:nth-child(4n)  .sanpham{border-right:0}
.trangtrong .lisp:nth-child(5)  .sanpham{border-right: 1px solid #dadada}
.trangtrong .titsan{height:40px;overflow: hidden;}
.botheadl {padding: 15px;border: 3px solid #cdab46;margin-bottom: 30px;}
.td span {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #cdab46;
    font-weight: 700;
    margin-bottom: 15px;
}
.td {margin-bottom:15px}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.botheadl li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.botheadl li{font-size: 16px;border-bottom: 1px dashed #e5e5e5;padding: 7px 0;position: relative;transition: 0.5s;}
.botheadl li:hover{color:#cdab46 !important;padding-left:10px;transform:0.5s;}
.botheadl li a {color:#333;display: block;position: relative;padding-left: 15px;transition: 0.5s;}
.botheadl li a:hover{color:#cdab46}
.botheadl li a::before {
    content: '\f105';
    font-weight: 400;
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    margin-top: 2px;
}
.sanphamtrangtrong{width:100%;float: left;margin-bottom: 20px;position: relative;display: block;}
.sanphamtrangtrong .titsan h3 {font-size: 22px;text-transform: capitalize;padding-top: 6px;/* text-align: center; *//* width: 100%; */}
.sanphamtrangtrong .tita{float: left;width: 100%;}
.ulpp{position: relative;overflow: hidden;}

.ulpp li{
    width: 20%;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 1;
    border-right: none;
    box-sizing: border-box;
}
.allpro li{list-style:none;position: relative;width: 25%;display: inline-block;float: left;/* height: 360px; */}
.ulpp li .sanpham{width:100%}

.sanphamtrangtrong .tita1 {position: relative;right: 0;/* top: 16px; */left: 0;/* opacity: 0; */text-align: center;height: 55px;margin-top: 20px;/* display: block; */}
.sanphamtrangtrong .tita1 a {font-size: 15px;color: #089b48;padding: 13px 22px;border-radius: 12px;width: auto;z-index: 4;background-color: #f3f3f3;border: 1px solid #dadada;display: block;width: 284px;overflow: hidden;position: relative;text-align: center;margin: auto;}
.sanphamtrangtrong .tita1 a:hover {background-color:#ed1c24;color:#fff;}
.sanphamtrangtrong .tita1 a:after {/* content:""; */width:5px;height:9px;display:inline-block;background-image:url('/Design/tl_xem.png');margin-bottom: 1px;margin-left: 5px;}
.ulpp li .sanpham{height:360px}
.duanpage {background-color:#fff;}
.allbodycon {width:1200px;margin:auto}
.oldprice {font-size: 18px;color:#acacac;text-decoration:line-through;float:left;margin-left: 13px;margin-top: 13px;/* width: 100%; */}
.msct {float:left;width:100%;margin-bottom: 11px;}
.msct p {float:left;width: 22px;height: 22px;margin: auto;overflow:hidden;border-radius:50%;margin-right: 5px;}
.msct p img {width:200%;height:200%;margin-left: -50%;margin-top: -50%;}
.alldanhmuc {width:100%;float:left;position: relative;margin-bottom: 0;}
.showthongso {width:100%;float:left;overflow: hidden;height: 592px;}
.showthongso * {max-width:100% !important;font-family:mulir !important;background:none !important;/* padding: 0 !important; */font-size: 13px !important;}
.fancyboxcauhinh {position:absolute;bottom:0;left:0;background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgb(252, 217, 25) 50%,rgb(254, 215, 0) 55%);right: 0;text-align: center;padding: 10px 0;border: 1px solid #ebebeb;color: black;font-size: 17px;}
.sthongso {width:100%;float:left;}
.sthongso * {margin:auto;max-width:100% !important;font-family:mulir !important}
.showpklq {width:100%;float:left;}
.pktc {width: 100%;float:left;margin-top: 10px;background-color: #f3f5f7;}
.pktc a {width:96%;/* border: 1px solid #ebebeb; */padding:5px 2%;float: left;}
.imgpktc {width:30%;float:left;}
.imgpktc img {width:100%;float:left}
.tenpktc {width:65%;float:right;color:#010101;font-size:15px;}
.martop1 {margin-top:1px}
.showhangpro {width: 98%;float:left;margin-top:10px;background-color:white;padding: 10px 1%;position: relative;}
.showhangpro ul {padding:0;margin:auto;width:100%;float:left}
.showhangpro li {width:10%;float:left;list-style:none;border:1px solid #eeeeee;height: 34px;padding: 5px 1%;margin-left: 0.3%;margin-bottom: 5px;}
.showhangpro.showahang li:nth-child(n+1) {display:block}
.showhangpro.showahang li:last-child {display:none}
.showhangpro li:nth-child(n+8) {display:none}
.showhangpro li a {width:100%;float:left;height:100%;display:flex}
.showhangpro li img {width:auto;margin:auto;max-width: 100%;max-height: 100%;}
.showhangpro li.allhang {position:absolute;top:10px;right:1%;display: block;text-align: center;vertical-align: middle;cursor: pointer;font-size: 16px;font-weight: bold;color: black;height: auto;padding: 12px 1%;}
.showhangpro li:nth-child(8n+1) {margin-left:0}
.showanhn  {float:left;width:100%;margin-top: 0px;}
.show98 {width: 100%;padding: 0 0%;}
.lbMessage {padding:10px 1%;float:left;font-size:18px;}
.tinn {width:100%;float:left;/* border-top:1px solid red; */padding-top:1%;padding-bottom:1%;height:98%;}
.lbthongbao {padding:10px 1%;float:left;position: relative;left: 0;line-height: 1;}
.tinnbnew {width: 98%;float:left;}
.newtinnb {width:100%;float:left;padding: 11px 0;border-bottom: 1px solid #eeeeee;}
.newtinnb a {float:left;width:100%;}
.hanb {width:100%;float:left;display: none;}
.newtinnb:first-child .hanb {display:block}
.hanb img {width:100%;float:left}
.tentinnb {width:100%;float:left;color:#010101;margin-top: 5px;}
.fbfanpage {float:right;margin-right: 0;width: 100%;margin-top: 10px;}
.showthanhtoan {width:100%;float:left;margin-top: 15px;}
.anh {width: 32.6%;float:left;margin-left:1%;margin-bottom: 10px;}
.anh:nth-child(3n+1) {margin-left:0}
.imgha {width:100%;float:left;height: 204px;overflow: hidden;position: relative;}
.imgha  a {display:block;width: 100%;height: 100%;}
.imgha figure.effect-julia img {height:100%;width:auto;min-width:100%}
.thongtinanh {width:100%;float:left}
.tenanh  {width:100%;float:left;margin-top: 10px;}
.tenanh a {width:100%;float:left;color:#010101;font-size: 18px;font-weight: bold;/* text-transform: uppercase; */height: 54px;text-align: center;}
.lbgiohang {font-size: 16px;display: inline-block;}
.luuygh {width:100%;float:left;margin-top:20px;text-align:justify;font-size:15px;}
.luuyemail {width:100%;float:left;font-size: 15px;margin-top: 15px;}
#Showsanpham {display:none}



.smartsoft{bottom: 5%; right:0px; display: block;}
.smartsoft-phone.smartsoft-static {opacity: 1;}.smartsoft-phone.smartsoft-hover {opacity: 0.5;}
.smartsoft-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running smartsoft-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 160px;left: 20px;opacity: 0.1;position: absolute;top: 20px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 160px;}
.smartsoft-phone.smartsoft-active .smartsoft-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running smartsoft-circle-anim !important;}
.smartsoft-phone.smartsoft-static .smartsoft-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running smartsoft-circle-anim !important;}
.smartsoft-phone.smartsoft-hover .smartsoft-ph-circle {border-color: rgba(227, 0, 80, 1);opacity: 0.5;}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-circle {border-color: rgba(236,16,25, 1);opacity: 0.5;}
.smartsoft-phone.smartsoft-green .smartsoft-ph-circle {border-color: rgb(227, 6, 6);opacity: 1;display: none;}
.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-circle {border-color: rgba(244, 11, 131, 0.96);opacity: 0.5;}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-circle {border-color: rgba(236,16,25, 1);opacity: 0.5;}
.smartsoft-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running smartsoft-circle-fill-anim;background-color: #000;border: 2px solid transparent;border-radius: 100%;height: 100px;left: 50px;opacity: 0.1;position: absolute;top: 50px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 100px;}
.smartsoft-phone.smartsoft-active .smartsoft-ph-circle-fill {animation: 1.7s ease-in-out 0s normal none infinite running smartsoft-circle-fill-anim !important;}
.smartsoft-phone.smartsoft-static .smartsoft-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running smartsoft-circle-fill-anim !important;opacity: 0 !important;}
.smartsoft-phone.smartsoft-hover .smartsoft-ph-circle-fill {background-color: rgba(219, 0, 102, 1);opacity: 0.75 !important;}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-circle-fill {background-color: rgba(219, 0, 102, 1);opacity: 0.75 !important;}
.smartsoft-phone.smartsoft-green .smartsoft-ph-circle-fill {background-color: rgb(227, 6, 6);opacity: 0.75 !important;display: none;}
.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-circle-fill {background-color: rgba(204, 204, 204, 0.5);opacity: 0.75 !important;}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-circle-fill {background-color: rgba(219, 0, 102, 1);opacity: 0.75 !important;}
.smartsoft-ph-img-circle {
animation: 1s ease-in-out 0s normal none infinite running smartsoft-circle-img-anim;
background-color: rgba(30, 30, 30, 0.1);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==");
background-position: center center;
background-repeat: no-repeat;
border: 2px solid transparent;
border-radius: 100%;
height: 60px;
left: 70px;
opacity: 0.7;
position: absolute;
top: 70px;
transform-origin: 50% 50% 0;
width: 60px;
}
.smartsoft-phone.smartsoft-active .smartsoft-ph-img-circle {animation: 1s ease-in-out 0s normal none infinite running smartsoft-circle-img-anim !important;}
/*.smartsoft-phone.smartsoft-static .smartsoft-ph-img-circle {animation: 0s ease-in-out 0s normal none infinite running smartsoft-circle-img-anim !important;}*/
.smartsoft-phone.smartsoft-hover .smartsoft-ph-img-circle {background-color: rgba(236,16,25, 1);}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-img-circle {background-color: rgba(236,16,25, 1);}
.smartsoft-phone.smartsoft-green .smartsoft-ph-img-circle {background-color: rgb(239, 0, 0);border: 1px solid #fed700;}
.smartsoft-phone.smartsoft-gray.smartsoft-hover .smartsoft-ph-img-circle {background-color: rgba(244, 11, 131, 0.96);}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-img-circle {background-color: rgba(236,16,25, 1);}
.smartsoft-phone {background-color: transparent;cursor: pointer;height:200px;width:200px;transition: visibility 0.5s ease 0s;visibility: hidden;z-index: 100 !important;}
.smartsoft-phone.smartsoft-show {visibility: visible;}
@keyframes smartsoft-circle-anim {
0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}
30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}
100% {opacity: 0.6;transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes smartsoft-circle-anim {
0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}
30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}
100% {opacity: 0.1;transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes smartsoft-circle-fill-anim {
0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
50% {opacity: 0.2;}
100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes smartsoft-circle-fill-anim {
0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg);}
100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes smartsoft-circle-img-anim {
0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes smartsoft-circle-img-anim {
0% {transform: rotate(0deg) scale(1) skew(1deg);}
10% {transform: rotate(-25deg) scale(1) skew(1deg);}
20% {transform: rotate(25deg) scale(1) skew(1deg);}
30% {transform: rotate(-25deg) scale(1) skew(1deg);}
40% {transform: rotate(25deg) scale(1) skew(1deg);}
50% {transform: rotate(0deg) scale(1) skew(1deg);}
100% {transform: rotate(0deg) scale(1) skew(1deg);}
}

.smartsoft-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running smartsoft-circle-fill-anim;background-color: #000;border: 2px solid transparent;border-radius: 100%;height: 70px;left: 25px;opacity: 0.1;position: absolute;top: 25px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 70px;}
.smartsoft-ph-img-circle {animation: 1s ease-in-out 0s normal none infinite running smartsoft-circle-img-anim;background-color: rgba(30, 30, 30, 0.1);background-image: url("/Design/z.png");background-position: center center;background-repeat: no-repeat;border: 2px solid transparent;border-radius: 100%;height: 50px;left: 0;opacity: 1;position: absolute;top: 0;transform-origin: 50% 50% 0;width: 50px;background-size: 35px 35px;}
.smartsoft-phone {background-color: transparent;cursor: pointer;height: 50px;transition: visibility 0.5s ease 0s;visibility: hidden;width: 50px;z-index: 100 !important;}
.smartsoft-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running smartsoft-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 100px;left: 10px;opacity: 0.1;position: absolute;top: 10px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 100px;}
.callzalo {position:fixed;bottom: 115px;z-index:999;right: 6px;width: 55px;}
.callzalo a {display:block;overflow:hidden;}
.callzalo img {display:block;width:100%;}
.callbot {position:fixed;bottom: 57px;z-index:999;right: 6px;}
.callbot a {float:left;position:relative}
.pore {width:100%;margin:auto;text-align: center;}
.allsanphamtc  {width:100%;float:left;margin-top:40px}
.mndanhmuc {border:1px solid #eae9e7;border-top:none;padding:0 5%;height: 124px;overflow: auto;}
.mndanhmuc.mndanhmuccon {height:auto;overflow:hidden}
.mndanhmuc ul {width:100%;margin:auto;padding: 10px 0;}
.mndanhmuc li {width:100%;display:block}
.mndanhmuc li a {font-size:14px;color:#363636;background-image:url('/Design/icon_lidm.png');background-repeat:no-repeat;background-position:left;padding:5px 0;padding-left:5%;display: block;}
.imgkmn {width:100%;display:block;height: 178px;}
.imgkmn img {width: auto;display: block;height: 100%;min-width: 100%;}
.sao {width:100%;}
.sao p {width:11px;height:11px;display:inline-block;margin:auto;background-image:url('/Design/sp_star.png');background-repeat:no-repeat;background-size:100% 100%;margin: 0 0.5px;}
.sao p.f {background-image:url('/Design/sp_starh.png')}

.saosp {width:100%;}
.saosp p {width: 14px;height: 14px;display:inline-block;margin:auto;background-image:url('/Design/sp_star.png');background-repeat:no-repeat;background-size:100% 100%;margin: 0 1px;}
.saosp p.f {background-image:url('/Design/sp_starh.png')}
.saosp.saonew {text-align:left;float: left;margin-top: 5px;}
.titdoitac {width: 17%;float: left;font-family: mulir;font-weight: bold;font-size: 14px;color: #179d3a;text-transform: uppercase;padding: 34px 2%;background-color: #e5e5e5;}
.binhluanft {width:100%;float:left;background-color:#179d3a}
.fan {width: 24%;margin-top: 60px;float: right;margin-left: 2%;}
.binhluannew {width: 58%;float:left;padding: 20px 0;}
.binhluannew ul {width:100%;margin:auto;}
.binhluannew li {width:100%;list-style:none;display: flex;float: left;}
.habl {width: 100px;float:left;border-radius:50%;height: 100px;border: 2px solid white;overflow: hidden;}
.habl img {width:100%;float:left;min-width: 100%;min-height: 100%;}
.ttbl {width: 82%;float:right;margin-left: 3%;}
.tenbl {width:100%;float:left;margin-bottom: 10px;margin-top: 10px;}
.tenbl h3 {margin:auto;float:left;font-size: 18px;color: #ffffff;}
.tenbl h4 {margin:auto;float:left;font-size: 15px;color: #ffffff;font-weight: normal;margin-top: 3px;margin-left: 5px;}
.ndbl {width:100%;float:left;color: #e0ffb8;font-size: 14px;}
.titftnewbl {width:100%;float:left;color:#ffffff;text-transform:uppercase;font-size:18px;font-weight: bold;margin-bottom: 5px;}
.none {display:none !important}

.martop20 {margin-top: 20px !important;}
.marbot30 {margin-bottom: 30px !important;}
.showall {width:100%;float:left;}
.padtop30 {padding-top:30px}
.mndanhmuccon {width:100%;display:block;}
.mndanhmuccon ul {padding:0;border:1px solid #eae9e7}
.mndanhmuccon .menucondmc2 {border:none;padding:0;width:100%;display: none;transition: 0.5s;z-index: 10;position: relative;}
.mndm2 {list-style:none;width: 90%;margin-left: 5%;display: block;}
.mndm1  {width: 90%;padding: 0px 5%;list-style: none;display: block;position: relative;}
.mndm1a  {display:block;width: 95%;font-size: 14px;color: #80cc22;background-image: url(/Design/icon_lidm.png);background-repeat: no-repeat;background-position: left;padding: 11px 0;padding-left: 5%;border-top: 1px solid #eae9e7;font-weight: bold;text-transform: uppercase;padding-top: 12px;}
.mndm2a {display: block;width: 90%;font-size: 14px;color: #363636;background-repeat: no-repeat;background-position: left;padding: 8px 0;padding-left: 10%;border-top: 1px solid #eae9e7 !important;} 
.mndm1:first-child a {border:none}
.mndm1.have:before {content:"";position:absolute;left:0;right:0;bottom:0;top:0;z-index:9;cursor: pointer;}
.menumobile {display:none}
.thongkegt {width:100%;float:left;background-image: url('/Design/bg_thongke.png');background-size:100% 100%;padding: 40px 0;}
.thongkegt ul {padding:0;width:100%;margin:auto;float:left;display: flex;}
.thongkegt li {float:left;list-style:none;margin:auto;padding:0;width: 25%;margin-bottom: 15px;/* opacity: 0; */}
.thongkegt li img {margin:auto;display:block;}
.ndthongke {display:block;width:100%;text-align:center;margin-top: 7px;}
.ndthongke span {font-size: 50px;color: #ffffff;font-weight:normal;line-height: 26px;position: relative;font-weight: bold;}
.ndthongke p {font-size: 20px;color: #ffffff;margin: auto;display: block;margin-top: 5px;}
.ndthongke span:after {content:"+"}
.showlinhvuc {width:100%;float:left;background-image:url('/Design/bg_linhvuc.png');background-size:100% auto;background-position:left bottom;background-repeat:no-repeat;background-color: white;padding: 65px 0;}
.tit {width:100%;/* float:left; */font-size:35px;color: #179d3a;font-family:swiss;text-transform:uppercase;text-align:center;margin-bottom: 0px;opacity: 0;/* margin-top: 30px; */}
.tomtattit {text-align:center;width: 96%;/* float:left; */font-size:17px;color:#4c4c4c;margin-left: 2%;line-height:24px;margin-bottom: 15px;opacity: 0;}
.linetit {display:block;width:88px;height:1px;background-color:#4c4c4c;margin:auto;opacity: 0;}
.catagory-page {display:block;overflow:hidden;padding:30px 0}
.alllinhvuc {width:100%;display:block;margin-top: 40px;}
.linhvuc {width:32%;float:left;margin-left: 2%;overflow: hidden;position: relative;opacity: 0;margin-bottom: 15px;}
.linhvuc:nth-child(3n+1) {margin-left:0}
.imglv {width:100%;float:left;height: 260px;position: relative;}
.imglv a {width:100%;float:left;margin:auto;height:100%;overflow:hidden}
.imglv img {height:100%;width:auto;min-width:100%;float:left;transition: 0.5s;}
.linhvuc:hover .imglv img {transform: scale(1.1);}
.iconlv {position:absolute;left:0;bottom: -24px;display:flex;width:100%;}
.imglv .iconlv img {max-width:87px;max-height:81px;margin:auto;width: auto;height: auto;min-width: auto;}
.linhvuc:hover .imglv .iconlv img {transform: scale(1) rotate(0deg);}
.thongtinlv {width:100%;float:left;margin-top: 45px;}
.titlv {width:100%;float:left;margin-bottom: 10px;}
.titlv a {color:#179d3a;font-size:20px;font-weight:bold;text-transform:uppercase;text-align:center;width:100%;float: left;}
.tomtatlv {font-size:15px;color:#4c4c4c;line-height:22px;text-align:center;width:100%;float:left;height: 66px;overflow: hidden;}
.allsan {width:100%;float:left;padding:65px 0;padding-bottom: 45px;background-image: url('/Design/bg_bds.png');background-size: cover;}
.titsan {width:100%;position:relative;margin-top: 0px;}
.titsan.fontdown h3 {font-size: 24px;width: auto;padding: 9px 30px 15px 15px;margin-left: -1px;height: 29px;color: #fff;}
.titsan.fontdown  {height: 48px;border-radius: 6px;border: none;background-color: #cdab46;margin-bottom: 20px;}
.titsan h3 {font-size: 24px;float:left;color: #333333;margin: auto;text-align: center;overflow: hidden;}
.titsan h4 {font-size: 20px;color: #179d3a;font-weight:normal;margin: auto;/* opacity: 0; */float: left;margin-top: 0px;width: 100%;}
.titsan h6 {width: 293px;height: 88px;background-image:url("/Design/h6.png");/* float: left; */margin: auto;margin-top: 10px;}
.tit-child {float: right;margin-top: 9px;margin-left: 30px;}
.tit-child a {font-size:16px;color: #333333;display:inline-block;padding: 9px 9px;border-radius: 17px;}
.tit-child a:hover {background-color:#bc2024;color:#fff;}

.tita {position: relative;right: 0;/* top: 16px; */left: 0;/* opacity: 0; */text-align: center;height: 55px;margin-top: 20px;/* float: left; *//* display: block; */float: left;width: 100%;}
.tita a {font-size: 16px;color: #cdab46;padding: 13px 22px;border-radius: 12px;width: auto;z-index: 4;background-color: #f3f3f3;border: 1px solid #dadada;display: block;width: 250px;overflow: hidden;position: relative;text-align: center;margin: auto;}
.tita a:hover {background-color:#2e2e2e;color:#fff;}
.tita a:after {/* content:""; */width:5px;height:9px;display:inline-block;background-image:url('/Design/tl_xem.png');margin-bottom: 1px;margin-left: 5px;}
.hidden {overflow:hidden;position: relative;padding-top: 2px;}
.tita span{font-weight:bold;text-transform:capitalize}
.hidden:nth-child(n+2) {margin-top: 0px;}
.allpro {}
.showtrangcon  .allpro {display:block;/* padding: 31px 0px; */overflow:hidden;border: 1px solid #dadada;padding-bottom: 0;border-radius: 3px;float: left;width: 100%;margin-top: 10px;position: relative;box-sizing: border-box;background-color: #f3f3f3;}
.showtrangcon1  .allpro {display:block;/* padding: 31px 0px; */overflow:hidden;border: 1px solid #dadada;padding-bottom: 0;border-radius: 3px;float: left;width: 100%;margin-top: 10px;position: relative;box-sizing: border-box;background-color: #f3f3f3;border: none;background: no-repeat;}
.allsanpham .allpro{}
.allpro.allpro-slide {width:100%;position:relative;}
.slide-pro1,.slide-pro2,.slide-pro3 {width: 100%;}
.slide-pro2{
    box-sizing: border-box;
    padding-bottom: 0;
    z-index: 1;
    border-radius: 5px;
}
.km .titsan h3 {font-size: 24px;color: #000000;margin: auto;text-align: center;overflow: hidden;float: none;text-transform: uppercase;margin-top: 14px;line-height: 1.5;}
.km .titsan {width:100%;margin-bottom: 15px;border: none;box-sizing: border-box;border-radius: 14px;box-shadow: none;z-index: 3;}
.km .slide-pro2 .sanpham{}
.km .thongtintin{
    background-color: #2e2e2e;
}
.km .allpro {background-color: #fff0;border: none;}


.showgiaodich {width:100%;float:left;}
.giaodich {width: 32%;margin-left: 2%;float:left;overflow:hidden;background-color:white;margin-bottom: 0;/* opacity: 0; */position: relative;/* border-radius: 4px; */}
.giaodich:nth-child(3n+1) {margin-left:0;}
.giaodich:nth-child(n+4) {margin-top:20px}
.imggd {width:100%;float:left;height:190px;overflow:hidden;position: relative;}
.imggd img {height:100%;float:left;min-width:100%;width:auto;transition: 0.5s;}
.giaodich:hover .imggd img {transform: scale(1.1) ;}
.cost-bds {position:absolute;right: 15px;top:0;background-image:url('/Design/cost_bds.png');background-repeat:no-repeat;text-align: center;padding: 7px 6px 24px 6px;background-size: 100% 100%;min-width: 78px;}
.cost-bds span {margin:auto;font-size: 16px;color: #fff;display: block;}
.cost-bds h4 {margin:auto;font-size: 18px;color: #fff;font-weight: bold;margin-top: 0px;line-height: 24px;}
.cost-bds h5 {margin:auto;font-size: 15px;color: #fff;font-weight: normal;border-top: 1px solid #fff;margin-top: 4px;padding-top: 1px;}
.ttgd {width:100%;padding: 15px 0%;float:left;/* padding-bottom: 0; */}
.titgd {width:90%;padding:0 5%;float: left;margin-bottom: 0;margin-top: 0;}
.titgd a {font-size: 17px;width:100%;float:left;color: #3c3c3c;font-weight:bold;height: 49px;overflow: hidden;}
.dcgd {width:90%;float:left;font-size:14px;color: #656565;width: 90%;float:left;margin: 0 5%;margin-top: 10px;padding-top: 10px;height: 38px;overflow: hidden;border-top: 1px solid #e5e5e5;}
.dcgd:before {content:"";width:13px;height:13px;background-image:url('/Design/icon_diachi.png');display:inline-block;}
.morettgd {width:90%;float:left;border-top:1px solid #e4e4e4;font-size:13px;padding: 15px 5%;height: 16px;overflow: hidden;margin-bottom: 15px;padding-bottom: 0;}
.leftgd {float:left;background-image: url('/Design/gd_dientich.png');background-repeat: no-repeat;background-position: left;padding-left: 15px;height: 16px;overflow: hidden;}
.rightgd {float:right;background-image: url(/Design/gd_gia.png);background-repeat: no-repeat;background-position: left;padding-left: 9px;height: 16px;overflow: hidden;}
.showngay {position:absolute;left:0;bottom:0;background-color: #179d3a;width:80px;padding: 7px 0;}
.showngay p {width:100%;display:block;margin:auto;color:white;font-size:16px;font-weight:bold;text-align:center;}
.showngay p:first-child {font-size:23px;font-weight:bold;border-bottom:1px solid white;width:90%;margin-left:5%;margin-bottom:5px;padding-bottom:5px}
.tinphu {width: 92%;float:left;padding: 9px 4%;background-color: #fff;margin-top: 10px;}
.allcategory {width:100%;float:left;background-color:white;padding: 60px 0;}
.showcategory {width:100%;float:left}
.lefttinphu {float:left;}
.righttinphu {font-size: 13px;color: #c4c4c4;background-image: url('/Design/tin_luotxem.png');background-repeat: no-repeat;background-position: left 5px;padding-left: 18px;}
.lefttinphu a {font-size:12px;color: #066644;float:left;text-transform:uppercase;background-image: url(/Design/tin_iconn.png);background-repeat: no-repeat;background-position: left 2px;padding-left: 21px;}
.slidedt ul:after {content:"";width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#f6f6f6}
.slidedt ul:before {content:"";width:100%;height:1px;position:absolute;left:0;top:0;background-color:#f6f6f6}


.flex-direction-nav a:before {content:"";display:none !important}
.flex-direction-nav a {width:66px;height:66px;background-size:100% 100%;background-repeat:no-repeat;text-shadow: none;color: unset;text-indent: 1000px;}

.flex-direction-nav .flex-prev {background-image:url('/Design/da_prew.png')}
.flex-direction-nav .flex-next {background-image:url('/Design/da_next.png')}
.flexslider {width:100%;float:left;margin:auto;padding:0;box-shadow:none;text-shadow:none;border: none;overflow: hidden;opacity: 0;height: 495px;}
.flexslider .slides > li {position:relative;overflow: hidden;height: 100%;}
.flexslider .slides > li a {width:100%;float:left;height:100%;position:relative;overflow: hidden;}
.logoda {position:absolute;left: 39%;top: 0;z-index: 99;width: 285px;height: 146px;background-image: url('/Design/bg_logoduan.png');background-repeat: no-repeat;background-size: 100% 100%;display: flex;opacity: 0;}
.flexslider .slides img.imgdanew {height:100%;width: 100%;max-width: 100%;}
.flex-viewport {width:100%;float:left;height: 100%;}
.flexslider .slides:after {display:none}

.flexslider .slides  .logoda img {width:auto;height:auto;min-width:auto;max-width: 180px;max-height: 110px;margin: auto;display: block;opacity: 0;}
.thongtinphuda {position:absolute;left:0;bottom: 0;width: 100%;z-index: 99;padding-bottom: 25px;background-image: url('/Design/bg_daphu.png');background-size: 100% 100%;padding-top: 180px;}
.flex-control-nav {display:none !important}
.allduan {width:100%;float:left;padding-bottom: 70px;padding-top: 60px;/* background-color: white; */}
.titdabot {font-size:60px;color:white;font-family: swiss;text-align:center;width:100%;float:left;margin-bottom: 10px;opacity: 0;}
.flexda {width:100%;float:left;display:flex}
.dacenter {margin:auto;}
.ttda {float:left;font-size: 13px;color: #454545;background-color: white;padding: 10px 10px 10px 29px;margin: 0 2px;border-radius: 4px;background-repeat: no-repeat;background-position: 10px 8px;opacity: 0;font-weight: bold;}
.ttda:nth-child(1) {background-image:url('/Design/da_vitri.png');background-position: 9px 9px;}
.ttda:nth-child(2) {background-image:url('/Design/da_quymo.png');background-position: 9px 10px;}
.ttda:nth-child(3) {background-image:url('/Design/da_tongcanho.png');background-position: 7px 9px;}
.ttda:nth-child(4) {background-image:url('/Design/da_dientichcan.png');background-position: 7px 11px;}
.ttda:nth-child(5) {background-image:url('/Design/da_dukien.png');background-position: 9px 10px;}


.flex-active-slide .logoda {    -webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.flex-active-slide  .logoda img { -webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.flex-active-slide .titdabot { -webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.flex-active-slide .ttda {-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;   
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.flex-active-slide .ttda:nth-child(1) {animation-delay: 1.8s;}
.flex-active-slide .ttda:nth-child(2) {animation-delay: 2s;}
.flex-active-slide .ttda:nth-child(3) {animation-delay: 2.2s;}
.flex-active-slide .ttda:nth-child(4) {animation-delay: 2.4s;}
.flex-active-slide .ttda:nth-child(5) {animation-delay: 2.6s;}

/*.activefix.gioithieu.titgt h3 {}
.activefix.gioithieu.titgt h4 {}
.activefix.gioithieu.titgt h5 {}
.activefix .gioithieu .tomtat {}
.activefix.thongkegt  li {-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 2s;
animation-duration: 2s;

-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix.thongkegt  li:nth-child(1) { animation-delay: 0.6s;}
.activefix.thongkegt  li:nth-child(2) {animation-delay: 0.8s;}
.activefix.thongkegt  li:nth-child(3) {animation-delay: 1s;}
.activefix.thongkegt  li:nth-child(4) {animation-delay: 1.2s;}
.activefix.thongkegt  li:nth-child(5) {animation-delay: 1.4s;}
.activefix.thongkegt  li:nth-child(6) {animation-delay: 1.6s;}

.activefix.showlinhvuc .tit {    -webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix.showlinhvuc .tomtattit { -webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix.showlinhvuc .linetit { -webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.activefix.showlinhvuc .linhvuc {-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 2s;
animation-duration: 2s;  
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix.showlinhvuc .linhvuc:nth-child(1) {    animation-delay: 1s;}
.activefix.showlinhvuc .linhvuc:nth-child(2) {    animation-delay: 1.2s;}
.activefix.showlinhvuc .linhvuc:nth-child(3) {    animation-delay: 1.4s;}


.activefix.allduan  .tit {    -webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix.allduan  .tomtattit { -webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix.allduan  .linetit { -webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.flexslider.activefix {-webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}


.activefix  .titsan h3  {-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix  .titsan h4  {-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}
.activefix .tita  {-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.activefix .giaodich {-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 2s;
animation-duration: 2s;

-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.activefix .giaodich:nth-child(1) {animation-delay: 0.6s;}
.activefix .giaodich:nth-child(2) {animation-delay: 0.8s}
.activefix .giaodich:nth-child(3) {animation-delay: 1s}
.activefix .giaodich:nth-child(4) {animation-delay: 1.2s}
.activefix .giaodich:nth-child(5) {animation-delay: 1.4s}
.activefix .giaodich:nth-child(6) {animation-delay: 1.6s}
.activefix .giaodich:nth-child(7) {animation-delay: 1.8s}
.activefix .giaodich:nth-child(8) {animation-delay: 2s}


.activefix .tintuc {-webkit-animation-name: goRight;
animation-name: goRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;

-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.activefix .tintuc:nth-child(1) {animation-delay: 0.8s}
.activefix .tintuc:nth-child(2) {animation-delay: 1s}
.activefix .tintuc:nth-child(3) {animation-delay: 1.2s}*/
.gdban {position:absolute;right:0;top:0;z-index:99;background-repeat:no-repeat;width:95px;height:89px;background-size:100% 100%}
.gdban.gdsapban {background-image:url('/Design/gd_sapmo.png')}
.gdban.gdmoban {background-image:url('/Design/gd_dangmo.png')}
.flexslider .slides {height:100%}
.opa1 {opacity:1 !important}
.opa1 * {opacity:1 !important}
.timkiemtrangtrong {margin-top:25px}
.bread_crums i, .bread_crums span {font-size: 13px;color: #a4a4a4;font-family: "fontawesome";font-style: normal;}
.bread_crums {/* border-bottom: 1px solid #a4a4a4bf; */margin-bottom: 20px;background-color: #f2f2f285;}
.bread_crums .allbody { padding: 15px 0;}
.bread_crums a:first-child{color: #cdab46;}
.bread_crums a{color:#a4a4a4;text-decoration: none;}
.bread_crums i{font-size: 14px;color:#a4a4a4;}
.bread_crums span{font-size: 14px;color:#a4a4a4;font-family: 'mulir';}
.bread_crums .fa-angle-right{font-family: "fontawesome"}

.giaodich.giaodich3 {width: 31.3%;margin-left:3%;}
.giaodich.giaodich3:nth-child(3n+1) {margin-left:0}
.timnha {display:block;width:100%;}
.texttim {width:100%;display:block;margin-bottom: 10px;}
.texttim span {width:100%;display:block;font-size: 16px;color: black;margin-bottom: 5px;}
.texttim input {width: 90%;display:block;font-size: 16px;padding: 7px 5%;outline: none;/* border: 1px solid #e4e4e4; */border-radius: 4px;}
.texttim  select {width: 100%;display:block;font-size: 16px;padding: 7px 5%;outline: none;/* border: 1px solid #e4e4e4; */border-radius: 4px;}
.texttim option {font-size:14px;}
.dmquangcao a {width:100%;display:block;margin:auto;padding:0;margin-bottom: 10px;float: left;}
.dmquangcao a img {float:left;width:100%;}
.newnone1 {margin-top: 20px;}
.dmtintuc {margin-bottom: 0;width: 100%;background-color: #f7f7f7;padding: 0px 0%;border-radius: 4px;margin-top: 30px;}
.alldanhmuc.dmquangcao:first-child {margin-top: 10px;}
.titsan.titcon h3 {margin-bottom:0}
.lispnew.lingaydang {width:100%;float:left;overflow: hidden;}
.lispnew.lingaydang span {float:left;font-size: 14px;color: #666;}
.dkmua {width:100%;float:left;}
.textdk {float:left;width: 99%;}
.textdk:nth-child(2),.textdk:nth-child(3){width:49%}
.textdk:nth-child(3){margin-left:1%}
.textdk input {float:left;width: 100%;font-size: 16px;padding: 10px 15px;box-sizing:border-box;border-radius: 4px;outline: none;margin-bottom: 13px;border: 1px solid #179d3a;color: #179d3a;}
.textdk textarea {float:left;width: 100%;padding: 10px 15px;border-radius: 4px;box-sizing:border-box;outline: none;font-size: 16px;border: 1px solid #179d3a;color: #179d3a;}
.martop0 {margin-top:0;background-color: #eeeeee;padding: 5px 10px;color: #010101;border-radius: 3px;}
.martop0 .alldanhmuc.dmquangcao:first-child {margin-top:0}
.floatright {float:right;}
.floatleft {float:left}
.ortherar  {width:100%;float:left}
.showduan {width:100%;float:left;}
.liduan {width: 97%;float:left;background-color: white;margin-bottom: 10px;padding: 10px 1.5%;border-radius: 4px;}
.imgda {overflow:hidden;height: 212px;position: relative;}
.allpro-first .imgda {height: 350px;}
.allpro-first .imgda img {width:auto;height:100%;min-width:100%;}
.duan:hover .imgda img  {transform: scale(1.1) ;}
.imgda img {height: 100%;width: auto;min-height: 100%;float: left;transition: 0.5s;min-width: 100%;margin-top: 0 !important;}
.sanpham:hover .imgda img,.sanpham-first:hover .imgda img {transform: scale(1.1);}

.ttconda {width: 70%;float:left;}
.tittcda {width:100%;float:left;}
.dcda {width:100%;float:left;color: #626262;font-size: 15px;margin-bottom: 15px;max-height: 38px;overflow: hidden;}
.morettda {width:100%;float:left;}
.lxduan {width:100%;float:left}
.pduan  {float:left;background-repeat: no-repeat;font-size: 13px;color: #454545;margin-right: 0;padding: 5px 0;padding-left: 21px;}
.tittcda a {float:left;width:100%;color:#cdab46;font-size:18px;margin-bottom:5px;font-weight:bold}
.ulduan{overflow:hidden}
.ulduan li{float:left;width:49.5%;overflow:hidden;position:relative;margin-bottom:1%;border-radius:5px;height:300px}
.ulduan li:nth-child(2n+2){float:right}
.ulduan li a{width:100%;height:100%;position:relative;float:left;}
.ulduan .imgdanew{width:100%;height:auto;min-height:100%}
.ulduan .logoda{width: 100px;height: 51px;}
.ulduan .logoda img{max-width: 55px;height:auto;margin:auto;}
.ulduan .thongtinphuda{padding-bottom:5px}
.ulduan .thongtinphuda .allbody{width:100%}
.ulduan .titdabot{font-size:30px}
.ulduan .ttda:nth-child(n+4){display:none}
.pdavitri {background-image:url('/Design/da_vitri.png');background-position: left 3px;}
.pdaquymo {background-image:url('/Design/da_quymo.png');background-position: left 3px;}
.pdatongcanho {background-image:url('/Design/da_tongcanho.png');background-position: left 3px;padding-left: 25px;}
.pdadientichcan {background-image:url('/Design/da_dientichcan.png');background-position: left 3px;padding-left: 25px;}
.pdadukien {background-image:url('/Design/da_dukien.png');background-position: left 4px;}
.pdalxem {background-image:url('/Design/tin_luotxem1.png');background-position: left 8px;padding-left: 19px;/* float: right; */}
.pmore {width:100%;float:left;}
.pmore p {float:left;margin:auto;font-size:13px;padding: 0 10px;margin-top: 5px;}
.padtop15 {padding-top: 15px !important;}

.noneeffect {-webkit-animation-name: none !important;animation-name: none !important;}
.noneeffect * {-webkit-animation-name: none !important;animation-name: none !important;}
.bnbig {width:100%;float:left;position: relative;}
.bnbig:before {content:"";width: 100%;height:100%;background-position: left 0;position: absolute;left: 0;top: 0;display: block;z-index: 999;background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0.2);}

.bnbig .imgdanew {width: 100% !important;float:left;height: auto !important;margin-bottom: 0;margin: auto !important;padding: 0 !important;}
.bnbig .imglogoda {width: auto;height: auto;min-width: auto;max-width: 180px;max-height: 110px;margin: auto;display: block;}
.thongtinchitiet.ctduan {/* width:80%; *//* margin-left:10%; */}
.tomtatda {width: 100%;float:left;margin-left: 0%;margin-top: 20px;font-size: 17px;color: #179d3a;font-weight: bold;text-align: center;}
.dangaydang {width: 99%;float:left;margin-left: 0%;margin-top: 6px;}
.dkmua.dkmuadm {width: 90%;float:left;background-color: #179d3a;padding: 15px 5%;border-radius: 4px;margin-bottom: 30px;padding-bottom: 5px;}
.thongtinphudatc {position:relative;background: none;padding-top: 0;float: left;width: 100%;}
.titdabot.titdabottc {color:#179d3a;font-size: 35px;}
.showanhda  {width: 96%;float:left;padding: 20px 2%;}
.imgdanew {float:left;width: 32.3%;margin-left: 1.5%;margin-bottom: 10px;height: 195px;overflow:hidden;}
.imgdanew:nth-child(3n+1) {margin-left:0;}
.imgdanew img {height:100%;float:left;min-width:100%;}
.dkmua.dkmuadm .titdm h3 {color:white;/* padding-left: 45px; */}
.dkmua.dkmuadm .titdm {margin-bottom:10px}
.dkmua.dkmuadm .muahangspnew .lbmuahang {background-color:#ffffff;color:#179d3a}
.texttim.texttrang {width:20%;float:left;margin-left:1%}
.loctour_submit.btntimkiem {float:right;background-color: #179d3a;color: #ffffff;border: 1px solid white;margin-top: 17px;}
.timnha.timtrang {width: 98%;padding: 10px 1%;background-color:#179d3a;float:left;border-radius:4px;margin-bottom: 30px;}
.texttim.texttrang span {color:white}
.texttim.texttrang input,.texttim.texttrang select {border:none}
.anhlon {display:block;width:100%;margin-top: 25px;}
.anhlon img {width:100%;display:block;}
.allnewlv {width:100%;float:left;padding: 30px 0;background-color: #fff;}
.leftlv {width: 46%;float:left;position: absolute;left: 0;bottom: 0;top: 0;display: flex;padding-top: 1%;padding-bottom: 1%;overflow: auto;padding-left: 2%;}
.rightlv {width:50%;float:right}
.rightlv img {width:100%;float:left}
.newlv {width:100%;float:left;position:relative;background-color: white;}
.flexlv {width:100%;margin:auto;}
.flexlv * {font-family:mulir !important;font-size: 17px;background:none !important;text-align:justify;}
.flexlv li {list-style-type: disc;padding-left: 0;}
.flexlv  ul {padding-left:5%}
.leftlv.leftvitri {float:right;left:inherit;right:0;padding-left: 0;padding-right: 2%;}
.rightlv.rightvitri {float:left}
.gioithieupad  {padding:30px 0}
.allnewlv.allnewvitri {padding-top:0;padding-bottom:30px}
.ctbaivietnew {width:100%;float:left;background-color:white;padding: 70px 0;}
.anhnewgt {width: 23.8%;float:left;margin-left:1.5%;height: 203px;margin-bottom: 15px;overflow: hidden;}
.anhnewgt:nth-child(4n+1) {margin-left:0}
.anhnewgt figure.effect-julia img {width:auto;min-width:100%;height:100%;float:left}
.showanhgt {width:100%;float:left;padding:35px 0;padding-bottom:20px}
.profile {float:right;width: 25%;margin-top: 36px;}
.profile a {width:100%;float:left;}
.profile img {float:left;margin-right: 10px;}
.ttpro {display:block;}
.ttpro h4 {margin:auto;display:block;font-family:mulir;font-weight:bold;font-size:17px;color:#1791cc}
.ttpro h5 {margin:auto;display:block;font-weight:normal;font-size:13px;color:#3b3b3b;}
.ttpro h6 {margin:auto;display:block;font-size:14px;font-weight:normal;color:#f69322}
.hotlineft {width: 28%;float: right;}
.csft {width:100%;float:left;}
.csft p {margin:auto;float:left;font-size:14px;font-weight:normal;color:#3e3e3e;background-image: url('/Design/ft_hotline.png');background-repeat: no-repeat;padding: 5px 0;background-position: left 6px;padding-left: 20px;margin-right: 5px;}
.csft h3 {margin:auto;font-size:14px;font-weight:bold;color:#f3aa1e;padding: 5px 0;}
.centerfooter {width:100%;float:left;padding: 45px 0;}
.padbot30 {padding-bottom: 30px !important;margin-top: 30px;}
.padbot30 .sanpham  {width: 100%;overflow:  hidden;float: left;position: relative;z-index: 1;border-right: 1px solid #dadada;box-sizing: border-box;/* height: 360px; */}
.padbot30 .sanpham:hover .tensp a {color:#bc2024}

.padbot30 .sanpham:nth-child(5n+1) {margin-left: 0px;}
.lisp:nth-child(5) .sanpham {margin-left: 0px;border-right: 1px solid #dadada}
.padbot30 .sanpham:nth-child(5) {margin-left: 0px;border-right: 1px solid #dadada}
.padbot30 .lisp:nth-child(4n) .sanpham{border-right:none}

.tintuc.tin3:nth-child(4) {display:none}
.bannernew {width:100%;float:left;position:relative;z-index:1}
.bannernew img {float:left;width: 100%;}
.bannernew:before {content:"";width: 100%;height:100%;background-position: left 0;position: absolute;left: 0;top: 0;display: block;z-index: 999;background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0.2);}
.botft1{float:left;width:100%;padding: 40px 0;padding-top: 40px;background-image:url("/Design/bgf.jpg");}
.botft1 .thongitinft{float:left;width: 100%;margin-top: 19px;}
.botft1 .fb-ft{float:right;width: 23%;}
.botft1 .logo-footer{float:left;height: 62px;border-radius: 3px;margin-right: 20px;width: 120px;padding-top: 4px;/* width: 100%; */} 
.botft1 .logo-footer p{width:100%;float:left}
.botft1 .tieude-ft{float:left;position: relative;}
.botft1 .tieude-ft h1:before {content: "";display: block;width: 76px;height: 1px;background: #cdab46;position: absolute;top: 100%;left: 0;}
.botft1 .tieude-ft h1{color:#fff;text-transform:uppercase;font-size: 20px;margin: 0;line-height: 1.5;margin-bottom: 4px;}
.botft1 .tong{float:left;width: 40%;}
.logo-footer1{float:right;margin-top: 10px;}
.botft1 .thongitinft .ttcty .t1{}
.botft1 .thongitinft .ttcty .t3 strong{font-size: 18px !important;color: #fbe90c !important;}
.stongtruycap {display:block;overflow:hidden;float: right;margin: 11px 0;}
.litong {display: inline-block;overflow:hidden;margin-top: 11px;background-image: url('/Design/f_tong.png');background-repeat: no-repeat;background-position: left 2px;padding: 0;padding-left: 15px;font-size: 15px;margin-right: 25px;float: left;}

.litong p {margin:auto;float:left;font-weight: normal;color: #2e2e2e;font-size: 17px;}
.litong h3 {margin:auto;float:right;font-size: 16px;color: #2e2e2e;font-weight: bold;margin-left: 4px;}
.litong:first-child {background-image: url('/Design/icon_tongtt.png');}

#Slideshow {position:relative;height: 576px;overflow:hidden;z-index:5;}
#Slideshow img{width:100%;height:100%;position:absolute;top:0;}
#Slideshow .photo{height: 100%;margin: 0;padding: 0;z-index: 2;position:relative;}
#Slideshow .photo li{height: 100%;position:absolute;display:none;width:100%;top:0;left:0;}
#Slideshow .photo li:nth-child(2n+1) img{transform:scale(1.2);animation:zoomSlide 10s linear}
#Slideshow .photo li:nth-child(2n) img{transform:scale(1);animation:zoomSlide1 10s linear}
#Slideshow .next{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom:50%;right:20px;opacity:.5}
#Slideshow .prev{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom:50%;left:20px;opacity:.5}
#Slideshow .prev:hover,#Slideshow .next:hover{opacity:1;}
#Slideshow .prev:before{content:"\f104";font-family:fontawesome;font-size:70px;color:#fff;}
#Slideshow .next:before{content:"\f105";font-family:fontawesome;font-size:70px;color:#fff;}
#Slideshow .caption-over{position: absolute;width: 40%;height: 143px;display:table;/* position:relative; */float: right;right: 0;bottom: 60px;font-family: 'gi';} 

#Slideshow .caption{margin:auto;transform:translateY(10%);/* display:table-cell; */vertical-align:middle;text-align: left;color:#fff;z-index:10;position:relative;}
#Slideshow .caption h4{font-size: 18px;text-transform: uppercase;width: auto;text-align: left;font-family: 'jo';display: block;margin: 0;padding: 13px;background-image: url("/Design/bg1.png");background-repeat:no-repeat;background-size: contain;padding-top: 19px;padding-left: 21px;/* width: 35%; */}
#Slideshow .caption p{font-size: 18px;margin-top: -3px;color: #e7cd2f;font-family: 'gi';text-align: left;background-color: #2e2e2ebf;line-height: 1.2;padding: 15px 0;padding-left: 35px;padding-right: 150px;}
#Slideshow .caption a{/* display:inline-block; */color:#fff;text-transform:uppercase;box-sizing:border-box;}
#Slideshow .caption a+a{margin-left:10px;border:2px solid #fff;background:transparent;}
#Slideshow .caption h4:hover{color:#2e2e2e}
#Slideshow .caption a+a:hover{border-color:#fff;color:#313131;background:#fff;}
#Slideshow .caption .child{visibility:hidden;;z-index:10;position:relative}
#Slideshow svg{position:absolute;z-index:5;bottom:20px;left:49%;animation:Continue 1s infinite;}

.duan {width: 23.5%;margin-left: 2%;float: left;}
.duan:nth-child(4n+1) {margin-left:0}
.duan:nth-child(n+5) {margin-top: 20px;}
.tenda {display:block;width:100%;float:left;}
.tenda a {font-size:18px;font-weight:bold;color:#3c3c3c;height: 27px;overflow:hidden;display:block;}
.diachida {float:left;width:100%;font-size:14px;color:#9c9c9c;height: 19px;overflow: hidden;}
/*#mblfireworks{width:100%;position:fixed;top:0;z-index:9999}#canvas{position:fixed;width:100%;pointer-events:none;z-index:9999}*/
.allshop {width:100%;float:left;position:relative;padding: 70px 0;background-color: #fff;}
.shopLeft {position:absolute;left:0;top: 70px;bottom: 70px;width: 35%;z-index: 1;}
.shopRight {position:absolute;right:0;top: 70px;bottom: 70px;width: 35%;z-index: 1;}
.center-shop {width:60%;margin:auto;display:inline-block;min-width:826px;background-image: url(/Design/bg_dreamshop.png);position: relative;z-index: 2;background-size: 100% 100%;}
.allshop .allbody {text-align:center;}
.allshop li a {height:100%;display: block;width: 100%;}
.allshop li {height:100%;overflow: hidden;display: block;width: 100%;}
.allshop ul {padding:0;margin:auto;height:100%;width: 100%;}
.allshop li a img {height:100%;width:auto;min-width:100%;display:block;}
.box-shop {padding:50px 140px;display:block;}
.titsan.titshop h3 {color: #fff;line-height: 41px;margin-bottom: 3px;}
.titsan.titshop h4 {color: #fff;}
.titsan.titshop h6 {color: #fff;/* margin:auto; */float: none;display: inline-block;background-color: #fff;}
.tomtat-shop {color:#fff;font-size:17px;text-align:center;display:block;}
.detail-shop {display:block;overflow:hidden;margin-top: 20px;position: relative;float: left;margin: auto;right: 0;left: 0;text-align: center;width: 100%;}
.detail-shop a {display:inline-block;background-color:#fff;font-size: 18px;color: #2e2e2e;padding: 11px 19px;position: relative;border-radius: 4px;line-height: 1;}
.detail-shop a:hover{background-color:#cdab46}
.detail-shop a:before {content:"";width: 18px;height: 18px;display:inline-block;background-image:url('/Design/tl_xem.png');margin-bottom: -3px;margin-right: 5px;}


.bot-default .detail-shop1 {display: inline-block;overflow:hidden;margin-top: 5px;position: relative;float: right;/* margin: auto; */right: 0;/* left: 0; */text-align: right;/* width: 100%; */border: 1px solid #d4d4d4;border-radius: 5px;}
.bot-default .detail-shop1 a {display:inline-block;background-color:#fff;font-size: 16px;color: #2e2e2e;padding: 7px 19px;position: relative;border-radius: 3px;line-height: 1;}
.bot-default .detail-shop1 a:hover{background-color:#cdab46}
.bot-default .detail-shop1 a:before {content:"";width: 18px;height: 18px;display:inline-block;background-image:url('/Design/tl_xem.png');margin-bottom: -3px;margin-right: 5px;}



.titsan.tit-garden h3 {color: #fff;}
.titsan.tit-garden h4 {color:#fff;}
.titsan.tit-garden h6 {background-color:#fff;}
.left-garden {width: 43%;float:left;margin-top: 64px;}
.right-garden {width:50%;float:right;}
.allgarden {width:100%;float:left;padding-bottom: 75px;background-color: #fff;}
.garden {display:block;overflow:hidden;background-image: url(/Design/bg_garden.png);background-repeat: no-repeat;background-size: 47% 100%;}
.right-garden .duan:nth-child(n+1) {width: 48%;margin-left:0;margin-top:0;margin-right:0;}
.right-garden .duan:nth-child(2n+2) {float:right}
.right-garden .duan:nth-child(n+3) {margin-top:20px}
.tomtat-garden {text-align:left}
.productall  {background-color:#f5f5f5;padding-bottom: 50px;}
.allgarden.alldreamdoor .garden{background-position:right;background-image:url('/Design/bg_door.png');background-size: 41% 100%;}
.allgarden.alldreamdoor .left-garden {float:right;width: 37%;}
.leftd-reamdoor {float:left;width: 57%;}
.leftd-reamdoor .duan:nth-child(n+1) {width: 31.6%;margin-left: 2.5%;margin-top:0;}
.leftd-reamdoor .duan:nth-child(3n+1) {margin-left:0}
.leftd-reamdoor .duan:nth-child(n+4) {margin-top:20px}
.allgarden.alldreamdoor {padding:70px 0}
.leftd-reamdoor .duan .tensp a {height: 47px;}
.leftd-reamdoor .imgda {height:168px}
#sliderFrame.slideduandt {width:80%;overflow:hidden;display:block;margin:auto;margin-left: 10%;margin-bottom: 40px;}
.heightduan {height: 550px;}

.square-gt {float:left;width:100%;position:relative;background-image:url('/Design/bg_square.png');background-repeat:no-repeat;background-size:cover;}
.nth-square {width:144px;/* overflow:hidden; *//* border:1px solid white; *//* border-radius:50%; */height:144px;position: absolute;opacity: 0;z-index: 1;}
.nth-square a {width:100%;height:100%;display:block;overflow: hidden;border: 1px solid #fff;border-radius: 50%;position: relative;z-index: 1;}
.nth-square img {height:100%;min-width:100%;width:auto;}
.nth-square span {position:absolute;left:0;right:0;top:0;bottom:0;display: flex;background-color: rgba(5, 105, 69, 0.5);transition: 0.5s;}
.nth-square:hover a span {background-color: rgba(5, 105, 69, 0.9);}
.nth-square p {margin:auto;font-size:25px;font-weight:bold;color:#fff;text-align: center;text-transform: uppercase;}
.flex-gt {width:570px;height:494px;display:flex;margin: auto;margin-top: 100px;margin-bottom: 100px;background-image: url('/Design/lucgiac.png');background-repeat: no-repeat;position: relative;}

.center-square {width:204px;height:204px;display:flex;margin:auto;border:1px solid #fff;border-radius:50%;text-align:center;background-color: #4b2510;}
.center-square span {margin:auto;font-size:40px;font-weight:bold;text-transform:uppercase;color:#fff}

.activefix .nth-square  {-webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 2s;
animation-duration: 2s;

-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}

.activefix .center-square {-webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;}



.activefix .nth-square:nth-child(2) {right: 73px;top: -73px;animation-delay: 0.4s;}
.activefix .nth-square:nth-child(1) {left: 73px;top: -73px;animation-delay: 0.7s;}

.nth-square:nth-child(3) {left: -50px;top: calc(50% - 73px);animation-delay: 1s;}
.nth-square:nth-child(5) {left: 73px;bottom: -73px;animation-delay: 1.3s;}
.nth-square:nth-child(6) {right: 73px;bottom: -73px;animation-delay: 1.7s;}
.nth-square:nth-child(4) {right: -50px;top: calc(50% - 73px);animation-delay: 2s;}

.leftd2 {width: 40%;float:left;}
.rightd2 {width: 57%;float:right;}
.leftd2 img {width:100%;}
.rightd2 .showctbv {padding:0;padding-bottom: 180px;}
.rightd2 .showctbv * {margin:auto !important;line-height:24px !important;font-size:16px !important;color:#575757 !important }
.rightd2 img {border:10px solid #fff;border-right:none;position:absolute;right:0;bottom:0}
.red2 {position:relative;width:100%;float:left;}
.navnone {display:none;}
.ttsquare {position: relative;background-color: #fff;width: calc(100% - 60px);display: none;padding: 30px;z-index: 2;text-align: justify;border-radius: 10px;/* top: 0; */opacity: 1;/* height: calc(100% - 60px); */overflow: auto;display: none;}
.relative-suqare {width: 100%;height: 100%;display: block;overflow: hidden;border: 1px solid #fff;border-radius: 50%;position: relative;z-index: 1;cursor: pointer;}
.nth-square:hover {z-index:2}

.nth-square:hover  .ttsquare  {-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
animation-delay: 0s;
-webkit-animation-name: fadeInLeft;
animation-name: flipInX;}

.nth-square:nth-child(1):hover .ttsquare {left:0%;top:100%;display:block;}
.nth-square:nth-child(2):hover .ttsquare {right:0%;top:100%;display:block;}
.nth-square:nth-child(3):hover .ttsquare {left:100%;top:0%;display:block;}
.nth-square:nth-child(4):hover .ttsquare {right:100%;top:0%;display:block;}
.nth-square:nth-child(5):hover .ttsquare {left:0%;bottom:100%;display:block;}
.nth-square:nth-child(6):hover .ttsquare {right:0%;bottom:100%;display:block;}
.all-square {position: fixed;top: 0;bottom: 0;height: 100%;width: 100%;max-width: 1423px;background-color: rgba(0, 0, 0, 0.5);z-index: 999999;text-align: center;display: none;}
.fix-square {width: 630px;background-color:white;height: calc(100% - 43px);height: 100%;margin:auto;position: relative;margin-top: 43px;margin-top: 0;overflow: auto;display: block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;animation-delay: 0s;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;opacity: 0;}
.fix-square .x {position: absolute;border: 1px solid #179d3a;right: 0;top: 0;color: #fff;font-size: 18px;font-weight: bold;padding: 6px 13px;/* border-radius: 50%; */background-color: #179d3a;cursor: pointer;z-index: 99;}
.show-sq {display:block;/* -webkit-animation-duration: 1s; *//* animation-duration: 1s; *//* -webkit-animation-fill-mode: forwards; *//* animation-fill-mode: forwards; *//* animation-delay: 0s; *//* -webkit-animation-name: fadeInLeft; *//* animation-name: flipInX; *//* opacity: 0; */}
.xemdream {display:block;overflow:hidden;margin-top:20px;text-align:center;}
.xemdream a {display:inline-block;font-size: 17px;font-weight:bold;text-transform:uppercase;background-color:#179d3a;color:#fff;padding: 10px 20px 13px 20px;border-radius: 4px;}
.ttsquare * {max-width:100% !important;}


.listtheloai {width:100%;float:left;margin-top: -88px;display: none;}
.listtheloai .allbody {display:flex;text-align: center;background-color: #fff;border-bottom: 1px solid #f1f1f1;}
.theloai-df {display:inline-block;margin:auto;width:19%;padding: 30px 0;border-left: 1px solid #f1f1f1;box-sizing: border-box;border-top: none;}
.theloai-df:hover {background-color:#f8f8f8}
.theloai-df:first-child {border:none;}
.img-tl-df {display:block;height:102px;text-align:center;}
.img-tl-df a {width:100%;height:100%;display:flex;}
.img-tl-df img {max-height:100%;max-width:100%;display:inline-block;margin:auto;}
.name-tl-df {display:block;margin-top: 5px;}
.name-tl-df a {color:#4e4e4e;font-size:17px;text-align:center;display:block;}
.quangcao-default {display: block;background: #f0f0f0;border-top: 2px solid #089b48;}
.quangcao-default .allbody {}
.quangcao-default a {display:block;overflow:hidden;color: inherit;font-weight: bold;}
.quangcao-default img {width:100%;display:block;opacity: 1;}
.col-md-8 {width: 66.66666667%;display: inline-block;float: left;}
#banner-newsletter {width: 100%; display: flex;}
#banner-newsletter .item {text-align: center; width: 33.33333333%;}
#banner-newsletter .item .inner {padding: 30px;overflow: hidden;position: relative;border-right: 2px solid white;box-sizing: border-box;padding-left: 49px;}
#banner-newsletter .item .thumb1 {width: 50px;height: 50px;border: none;display: inline-block;float: left;opacity: 1;}
#banner-newsletter .item .text {font-weight: 700;text-align: left;padding-left: 15px;text-transform: uppercase;font-size: 14px;color: #333;line-height: 1.42857143;display: inline-block;vertical-align: middle;float: left;}

.col-md-4 {width: 30.333333%;float: right;display: inline-block;padding: 13px 9px;}
.mail1 {
	background: url(/Design/icon-email.png) no-repeat left center;
	background-size: 50px 50px;
	padding-left: 60px;
	margin-bottom: 5px;
	height: 36px;
}




.content-left {width: 19.5%;margin-right:1.5%;overflow: hidden;float: left;}
.allpro.all8 {width: 100%;float:right;}
.allpro.all8 .themvgh {display:none}
.allpro.all8 .tensp a {width:100%;}
.allpro.all8 .imgda {height: 225px;}

.titmua {font-size:23px;color:#fff;background-color:#179d3a;font-weight:bold;text-transform:uppercase;padding: 18px 14%;text-align: center;margin-bottom: 10px;}
.ttduan {background-color: rgba(39, 53, 154, 0.8);width: 50%;float: right;padding: 50px 3%;}
.titduan {display:block;overflow:hidden;margin-bottom: 20px;color: #cdab46;font-size: 26px;}
.titduan h3 {font-size: 30px;text-transform:uppercase;text-align:center;color:#fff;margin:auto;margin-bottom: 10px;}
.titduan h6 {width:70px;height:2px;background-color:#fff;margin:auto;}
.tomtatduan {font-size:16px;text-align:center;color:#fff;line-height: 29px;}
.dtduan {/* opacity: 0; */margin: auto;display: block;text-align: center;margin-top: 20px;}
.dtduan a {font-size: 14px;text-transform:uppercase;color: #179d3a;margin-left: 0;padding: 5px 13px;border: 1px solid #fff;background-color: #fff;position: relative;border-radius: 4px;display: inline-block;}
.dtduan a:hover {}
.dtduan a:after {content:"";width:5px;height:9px;display:inline-block;background-image:url('/Design/tl_xem.png');margin-bottom: 1px;margin-left: 5px;}
.font25 {font-size:25px;}
.showc-atagory {display:block;overflow:hidden;background-color:#fff;padding: 30px 5%;width: 80%;margin: auto;}
.customsl1,.customsl2,.customsl3 {top:45%;left: 1.5%;right: 1.5%;margin: 0;}
.customsl1 a,.customsl2 a,.customsl3 a {width: 40px;height: 40px;border-radius: 50%;cursor: pointer;}
.nextsl {float:right;background-image: url('/Design/diapo/pnext.png');}
.prevsl {float:left;background-image: url('/Design/diapo/pprew.png');}

.bot-default {display:block;overflow:hidden;padding: 40px 0 40px;float: left;width: 100%;background-color: #f4f4f4;margin-top: -4px;}
.news-ar-bot {
    display: inline-block;
}
.video-bot {width: 33%;float:left;margin-left: 3%;}
.fanpage-bot {width:30%;float:left;margin-left: 3%;}
.tit-bot {font-size: 24px;font-weight: bold;color: #2e2e2e;text-transform: uppercase;margin-bottom: 25px;line-height: 1.5;display: inline-block;}
.show-ar {overflow:hidden;float: left;width: 100%;}
.box-fan {overflow:hidden;height: 356px;}
.ar-bot {display: inline-block;/* overflow:hidden; */width: 23.8%;float: left;margin-right: 1.5%;margin-bottom: 1.5%;}

.ar-bot:nth-child(4n+4) {margin-right:0}
.ar-bot a {display:block;overflow:hidden;}
.img-ar {width: 100%;height: 215px;float:left;overflow:hidden;}
.img-ar img {height:100%;display:block;width:100%;transition:0.5s}
.box-ar{display:block;float: left;padding: 15px;box-sizing: border-box;border: 1px solid #fff0;border-top: 0;}
.ar-bot:hover .img-ar img  {transform: scale(1.1);}
.name-ar {overflow:hidden;font-size: 17px;color: #2e2e2e;height: 41px;font-weight: bold;margin-bottom: 6px;/* text-transform: uppercase; */text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;line-height: 1.2;}
.ar-bot:hover .name-ar {color: #cdab46;}
.ar-bot:hover .box-ar{border:1px solid #cdab46;border-top:0}
.des-ar {font-size: 15px;color: #a5a5a5;height: 41px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}
.box-video {overflow:hidden;}
.box-video iframe {width:100% !important;}
.all80 {width: 80%;margin:auto;overflow:hidden;float:none;}
.mar40 {margin-top:40px;margin-bottom:40px; }
.all80.mar40 {padding:30px;width: 80%;}
.datalist-ar {display:block;overflow:hidden;}
.datalist-ar a {display:block;color:#000;}
.datalist-ar a:hover {color:#cdab46}
.datalist-ar a:nth-child(n+2) {margin-top: 10px;}
.datalist-ar i {margin-right:5px;}
.titdm {width:100%;display:block;/* margin-bottom: 15px; *//* overflow: hidden; *//* height: 47px; */border: none;float: left;background: none;background-color: #cdab46;box-shadow: none;/* border-radius: 3px; */padding: 5px 10px;box-sizing: border-box;}
.titdm h3 {/* width: 100%; */padding-top: 12px;padding-bottom: 9px;font-size: 19px;color: #fff;margin: auto;box-sizing: border-box;}
.pad15 {padding:15px;box-sizing: border-box;}