@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?#iefix') format("opentype");}
@font-face {font-family: 'joseb';src: url('/font/josesan/JosefinSans-Bold.ttf') format("truetype");}
@font-face {font-family: 'josel';src: url('/font/josesan/JosefinSans-Light.ttf') format("truetype");}
@font-face {font-family: 'josem';src: url('/font/josesan/JosefinSans-Medium.ttf') format("truetype");}
@font-face {font-family: 'joser';src: url('/font/josesan/JosefinSans-Regular.ttf') format("truetype");}
@font-face {font-family: 'joses';src: url('/font/josesan/JosefinSans-SemiBold.ttf') format("truetype");}


@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);
}
}

@keyframes Continue {
    0%   {transform: translateY(10px);}         
    50%   {transform: translateY(0);}         
    100% {transform: translateY(10px);}
}

body {margin:auto;font-family: 'avo';width: 100%;position: relative;background-color: #fff;}
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 {font-family: 'avo';text-decoration:none;font-weight: normal;}
.allbody {width: 1126px;height: auto;overflow: hidden;margin: auto;font-family: 'avo';position: relative;}
.allsanpham .allbody {overflow:inherit}
.doitacft .allbody {overflow:inherit}
.owl-carousel .owl-wrapper {height:100%}
.top .allbody {overflow:inherit;height: 100%;}
.menumk .allbody {overflow:inherit}
.banner .allbody {height:100%}
.gioithieu .allbody {box-sizing: border-box;}
.havesub:hover:after {color:#ffcd1c}

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


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






.pager {text-align: center;color: #106496;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: #7dbe32;width: 10px;display: inline-block;font-size: 16px;font-family: aguda;border: 1px solid #7dbe32;text-align: center;/* float: left; */border-radius: 4px;}
.pager a {padding: 4px 10px 4px 10px;margin-left:5px;color: #7dbe32;background-color: white;width: 10px;display: inline-block;font-size: 16px;font-family: aguda;border: 1px solid #7dbe32;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%;padding:0 0 0 0;margin:20px 0 0 0;overflow:hidden}
.c-nav {display:block;text-align: center;margin-bottom: 30px;}
.c-link {display:inline-block;text-transform: unset;color: #0b1719;font-size: 18px;padding: 0 15px;}
.c-link:before {content:"";width:10px;height:10px;background-color:#e1e1e1;display:inline-block;border-radius: 50%;margin-right: 5px;margin-bottom: 1px;}
.c-link.is-active,.c-link:hover {color:#7ac219}
.c-link.is-active:before,.c-link:hover:before {background-color:#7ac219}
.all-project-show {overflow:hidden;padding: 0 45px;}
.c-tab {display:none;}
.c-tab.is-active {display:block;}


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;}

/* 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;left: 0;top: 0;z-index: 999999;}
.header:after {/* content:""; */width: 21%;height:175px;background-image: url(/Design/bg_head.png);background-position: left 0;position: absolute;left: 0;top: 0;display: block;z-index: 999;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);}
.nu {position:absolute;bottom:0;left:0;z-index: 99;}
.nu img {display:block}
.top {width:100%;float:left;background-color: #26367b;height: 39px;position: relative;}
.top:after {/* content:""; */width:20%;position:absolute;right:0;top:0;background-color: #ffdb8f;bottom: 0;}
.navfull .allbody {overflow:inherit;height: 100%;}
.navfull.fix .allbody {text-align:center;/* display: flex; */}
.navfull .allbody:after {/* content:""; */width:214px;height:80px;background-image:url('/Design/after-logo.png');position:absolute;left:0;top:0;bottom:0;background-size: 100% 100%;/* transition: 0.5s; */}
.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 {}
.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: 0;position: absolute;margin-left: 0;z-index: 9988;left: 0;/* transition: 0.2s; */top: 0;width: 237px;background-image: url('/Design/back-logo.png');height: 109px;}
.navfull.fix .logo {/* width:100px *//* top: -21px; *//* background: none; *//* display: none; */}
.navfull.fix .logo:after , .navfull.fix .logo:before {display:none}
.navfull.fix .logo canvas {/* width:100% !important */}
.navfull.fix .logo  a {/* width:100% !important */}

.center-top {width:100%;float:left;height:86px;background-image:url('/Design/bg-center-top.png');background-size: cover;background-repeat: no-repeat;}
.slogan-top {float:left;margin-top: 5px;margin-left: 68px;}
.slogan-top img {display:block}
.slogan-top span {font-family: flami;color: #26367b;font-size: 26px;display: block;line-height: 48px;}
.slogan-top span:nth-child(2) {margin-top: -14px;line-height: 44px;height: 53px;}
.camket-top {float:right;text-align:center;margin-top: 9px;}
.li-c {display:inline-block;text-align:center;padding: 0 18px;}
.li-c:last-child {padding-right:0}
.li-c img {display:block;margin:auto;margin-bottom: 2px;}
.li-c span {display:block;font-size: 11px;text-transform: uppercase;color: #848aab;}
.logo a {float:left;position: relative;margin-top: 34px;margin-left: 12px;}
.logo img {width:100%;height:100%;margin: auto !important;float:left;/* display: none; */}
.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: right;position: relative;margin-top: 0;height: 81px;width: 100%;background: #fffeed;position: relative;border-top: 4px solid #005a1f;border-bottom: 2px solid #e0e0e0;}

.navfull.fix {position:fixed;top:0;z-index:9999;width: 100%;margin: auto;left: 0;}
.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% */margin: auto;}
.farmenu {/* width:100%; */float: left;padding:0;margin: 0;}
.navfull.fix .farmenu {}
.ulmenuan {display:none}
.home {float: left;height: 100%;background-image: url('/Design/home-line.png');background-repeat: no-repeat;background-position: center right;}
.home a {height:100%;text-align:center;display:flex;font-size:20px;color:#fff;padding: 0 16px;}
.home a i {margin:auto;} 
.home a:hover,.spantim a:hover {color:#e92f05}
 .mnc1 {float:left;list-style:none;position:  relative;background-image: url('/Design/nav_bgli.png');background-repeat: no-repeat;background-position: left center;} 

.mnc1:first-child {background:none;margin-left: 0;/* display: none; */}

 .mnc1 .mnc1a {color: #4d4d4d;float:left;padding: 27px 12px;font-size: 16px;transition: 0.5s;/* border-radius: 4px; */text-transform: uppercase;font-family: 'avo';background-repeat: no-repeat;background-position: left;font-weight: bold;}
  .mnc1 a.litrangchu {font-size: 21px;/* height: 16px; */}
  .mnc1 a.litrangchu i {display:block;margin-top: -5px;}
.navtop {float: left;margin-top: 0;margin-left: 138px;background-repeat: no-repeat;position: relative;background-color: #fffeed;height: 100%;z-index: 2;}
.navfull.fix .navtop {/* float:none; *//* margin:auto; */}
 .mnc1 .mnc1a.active,.mnc1 .mnc1a:hover  {color: #7ac219; background-color:#fff;}
 .navtop:before {content:"";height:2px;background-color:#e0e0e0;right: 0;position: absolute;bottom: -2px;width: 100%;} 
.navtop:after {content:"";width: 37px;height: 83px;background-image: url('/Design/after-nav.png');position: absolute;left: 100%;top: 0;background-size: 100% 100%;}
.mnc1 a.litrangchu.active {/* background-color:#7dbe32; */}
 .mnc1 a.litrangchu:hover {/* background-color:#7dbe32; */}
.mnc1 a.litrangchu:hover {}
 .mnc1 .mnc1a:after {width: 0;height:3px;content:'';position:absolute;bottom: -3px;right: 0;background-color: #fff;transition: 0.5s;}
    .mnc1 .mnc1a:before {width: 0;height:3px;content:'';position:absolute;top:0;left: 0;z-index:9;background-color: #7ac219;transition: 0.5s;}
   .mnc1 .mnc1a.active:after,.mnc1 .mnc1a:hover:after,.mnc1 .mnc1a.active:before,.mnc1 .mnc1a:hover:before {width:100%}
#ShowMenu {display:none}
.after-nav {position:absolute;right:0;top:0;bottom: -2px;background-color:#7dbe32;width: 40%;z-index: 1;}
.right-nav {float:right;height:100%;position: relative;z-index: 2;}
.btntim {
float:right;
background:none;
background-repeat:  no-repeat;
background-position:  center center;
transition:0.5s;
background-color: #ebebeb;
border: none;
border-left: none;
border-radius: 0 3px 3px 0;
cursor: pointer;
outline: none;
width: 100px;
height: 48px;
font-weight: bold;
color: #323232;
}
.btntim:hover {background-color:#81cc21;color:white}




.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:left;height: 475px;position: relative;z-index: 1;overflow: hidden;/* display: none; */}
.banner .slidenbn {width:100%;height:100%;padding:0;position: relative;margin: auto;overflow: hidden;}
.banner .slidenbn li {width:100%;list-style:none;height:100%;padding:0;margin:auto}
.customNavigation.cusbanner {bottom: calc((100% + 58px) / 2);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%;overflow: hidden;}
.banner .slidenbn li img {width:100%;height:100%;display: block;}
.allchinh {width:100%;float:left;/* background-color: #f6f7f7; */}
.gioithieu {width:100%;float:left;position:relative;padding: 30px 0 55px;}
.left-gt {position: relative;z-index: 2;margin-top: 0;overflow: hidden;}
.right-gt {margin-top: 20px;position: relative;overflow: hidden;padding: 0 2px;}
.right-gt img {width:100%;display:block;}
.right-gt:hover .customNavigation.cussli {opacity:1}
.customNavigation.cussli {position:absolute;top: calc(24% - 20px);left: 10px;right: 10px;height: 0;margin: auto;opacity: 0.7;transition: 0.5s;}
.customNavigation.cussli a {display:inline-block;float: left;border-radius: 50%;background-color: #7ac219;cursor: pointer;}
.customNavigation.cussli .nextsli {float:right;}
.customNavigation.cussli img {display:block;width: 40px;}
.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;}
.slide-gt {padding:0;margin:auto;width:calc(100% + 10px);margin-left:-10px;overflow: hidden;}
.slide-gt li {list-style:none;/* overflow:hidden; */margin:auto;display:block;margin-left: 10px;text-align: center;position: relative;/* box-shadow: 2px 0 13px rgb(166 186 194 / 30%); */padding-bottom: 15px;}
.slide-gt li a {overflow:hidden;}
.slide-gt li:hover .des-lv {background-color:#fefeec}
.slide-gt li:hover .img-lv img {transform: scale(1.1) }
.img-lv {overflow:hidden;height: 219px;}
.img-lv img {display:block;width:100%;height:auto;min-height:100%;transition:0.5s}
.des-lv {box-shadow: 2px 0 13px rgb(166 186 194 / 30%);padding: 20px 20px 40px;font-size: 14px;color: #747774;line-height: 20px;overflow: hidden;}
.name-lv {background-color:#7ac219;color:#fefeec;text-transform:uppercase;font-size:17px;padding: 14px 5px;}
.name-lv i {margin-left:5px;}
.plus-lv {position:absolute;width:39px;height: 39px;display:flex;border: 1px solid #c2c2c2;color: #7ac219;border-radius: 50%;left: calc((100% - 41px) / 2);bottom: 0px;background-color: #fff;}
.plus-lv i {margin:auto;}
.slide-gt li:hover .plus-lv {border-color:#7ac219;background-color:#7ac219;color:#fff;}

/*.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: center;padding-top: 0;padding-bottom: 10px;}
.gioithieu .titgt {/* opacity:0; */}
.tit-project {display:inline-block;margin:auto;background-image: url('/Design/bg-tit-project.png');background-size: 100% 100%;font-size: 15px;text-transform: uppercase;color: #fefeec;padding: 20px 15px 32px;}
.down-tit {display:block;text-align:center;color: #7ac219;font-size: 24px;margin-bottom: 10px;}
.down-tit i {animation: Continue 1s infinite;transition: 0.5s;}
.titgt h1 {display:inline-block;margin: auto;font-size: inherit;color: inherit;}
.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: inline-block;margin-left: 0;font-size: 24px;color: #474747;text-transform: uppercase;padding: 0;position: relative;}
.titgt .h3 strong {color:#e92f05;}
.titgt .h4 {width: 100%;display: block;font-size: 21px;margin: auto;color: #000000;margin-top: 0px;font-weight: normal;margin-top: 5px;margin-bottom: 5px;}
.titgt .h5 {background-color: #ffdb8f;display:block;width: 52px;height: 2px;margin:auto;margin-top: 10px;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; */}
.titgt img {display:inline-block;}
.titgt .h3:before {content:"";width:60px;height:4px;background-color:#7ac219;display:inline-block;margin-bottom: 7px;margin-right: 10px;}
.titgt .h3:after {content:"";width:60px;height:4px;background-color:#7ac219;display:inline-block;margin-bottom: 7px;margin-left: 10px;}

.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; */overflow:hidden;text-align: center;}
.sign {display:block;text-align:center;margin-top: 20px;}
.sign img {display:inline-block}
.gioithieu .tomtat * {font-size: 16px !important;max-width:100% !important;color: #747774;font-family: 'avo';line-height: normal;}
.chitiet-gt {display:block;overflow:hidden;margin-top: 25px;}
.chitiet-gt a {color: #7dbe32;font-size: 16px;/* background-color: #7dbe32; */padding: 14px 32px 16px;display: inline-block;border: 1px solid #7dbe32;border-radius: 7px;}
.chitiet-gt a:hover {color:#fff;background-color:#7dbe32}
.chitiet-gt a i {/* float: right; */margin-left: 10px;}
.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 {width:100%;float:left;padding: 0px 0;position:  relative;z-index: 2;}
.sanpham  {width: 25%;/* overflow:  hidden; *//* transition:0.5s; */padding: 0px 0%;margin: 0;outline: 1px solid #eae9e7;margin-bottom: 0px;float: left;position: relative;z-index: 1;}
.sanpham:nth-child(4n+1) {margin-left: 0px;}
.sanpham.sanphampk.sppknew:nth-child(n+1) {width: 23%;margin-left:0;padding: 10px 1%;}

.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%}

.sanpham:hover {outline: 1px solid #81cc21;z-index: 2;}
.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 {position:  relative;z-index: 2;display: block;overflow: hidden;padding: 12px 15px;border-radius: 0px;width: 100%;float: left;box-sizing: border-box;background-color: #7dbe32;border-radius: 0;}
.tensp a {width:100%;text-align: left;font-size: 20px;color: #fff;padding: 0;float: left;height: 20px;overflow: hidden;font-family: 'josel';text-align: center;}
.sanpham:hover .tensp a {color:#81cc21}
.duan:hover .tensp a {font-weight:bold}
.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:#81cc21;border: 1px solid #81cc21;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:#81cc21;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;}


/*.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;background-image: url('/Design/bg-quytrinh.jpg');background-size: cover;background-position: center center;padding: 0;}
.quytrinh .allbody {}
.tittle-qt {display:block;overflow:hidden;font-size: 20px;color: #000000;margin-bottom: 20px;text-transform: uppercase;text-align: left;margin-left: 130px;font-weight: bold;}
.tittle-qt:after {content:"";background-color:#7ac219;height:2px;width: 55px;display:block;/* margin: auto; */margin-top: 5px;}
.quytrinh ul {display:block;overflow:hidden;padding:0;margin:auto;overflow:hidden;position: relative;}
.quytrinh ul:before {content:"";width:3px;position:absolute;left: 55px;top: 60px;bottom: 60px;background-color: #005a1f;z-index: 1;}
.quytrinh li {list-style: none;overflow: hidden;position: relative;z-index: 2;}
.quytrinh li:nth-child(n+2) {margin-top:23px;}
.stt-qt {display:inline-block;width:112px;text-align:center;background-image:url('/Design/stt-qt.png');font-size: 42px;color: #fff;font-family: 'utavob';padding: 20px 0 30px;height: 62px;float: left;margin-right: 20px;}
.content-qt {display:block;overflow:hidden}
.left-quytrinh {float:left;position:relative;width: 48%;background-color: rgb(254 254 236 / 0.8);padding: 30px 25px 45px 25px;box-shadow: 2px 0 13px rgb(166 186 194 / 0.5);}
.img-qt {float:left;width: 97px;text-align:center;margin-top: 0px;}
.img-qt img {display:inline-block;max-width:100%;}
.tit-qt {font-size: 16px;color: #000000;overflow: hidden;text-transform: uppercase;font-weight: bold;margin-top: 22px;}
.des-qt {font-size: 15px;color: #8b8d8b;margin-top: 9px;overflow: hidden;opacity: 0.8;}

.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%}
.right-qt {position:absolute;right:0;top:0;bottom:0;width: 43%;display:flex;}
.right-qt a {margin:auto;}
.right-qt  img {display:block;max-width:100%;}


.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 {width:100%;float:left;background-color: #f9f9f9;padding: 60px 0;}
.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;/* width: 307px; */margin-top: 8px;}
.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 {float: right;margin-top: 11px;z-index: 9999;}
.shareft a {float:left;border: 1px solid;border-radius: 50%;margin-left:5px;background-size: 100% 100%;color: #fff;display: flex;margin-bottom: 6px;overflow: hidden;width: 39px;height: 39px;}
.shareft a i {margin:auto;font-size: 20px;}
.shareft a:hover {color:#005a1f;}
.shareft a img {display:block;margin: auto;}
.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 {float:left;width: 100%;}
.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: 47%;float:left;margin-left: 0;}
.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: 36%;float:left;margin-left: 0;margin-top: 0;}
.menucenter:nth-child(2) {width: 15%;margin-left: 2%;}
.titftnew {width:100%;float:left;margin-bottom: 15px;}
.titftnew .h3 {color: #7ac219;font-family: 'utavob';margin:auto;float:left;width:100%;font-size: 18px;font-weight: normal;}
.titftnew .h4 {width: 38px;height: 1px;background-color: #7ac219;margin:auto;float:left;margin-bottom: 0;margin-top:10px;}
.titftnew .h6 {font-size: 15px;text-transform:uppercase;color: #81cc21;width:100%;margin: auto;font-weight: bold;margin-top: 25px;margin-bottom: 25px;}
.titftnew .h2 {font-size: 18px;text-transform:uppercase;color: #7ac219;width:100%;margin: auto;font-weight: bold;font-family: 'utavob';}
.ttfooter .titftnew .h4 {width:79px;}
.menucenter a {float:left;width: 95%;font-size: 15px;color: #fefeec;margin-bottom: 7px;background-image:  url('/Design/icon_lift.png');background-repeat:  no-repeat;background-position: left 6px;padding-left: 5%;margin-left: 0;transition: 0.5s;line-height: 20px;}
.menucenter a:hover {margin-left:5%;width:90%;background-image:  url('/Design/icon_lifth.png?v=2');}
.mailft {width: 100%;float: right;margin-top: 0;}
.sloganmail {width:100%;float:left;color: #fff;font-size: 14px;/* font-family:mulir; */}
.textmail {width:100%;float:left;margin-top: 15px;}
.textmail input:first-child {font-family:mulir;font-weight:bold;font-size: 13px;float:left;border-right: none;background-color: #ffffff;padding: 11px 10px;color: #81cc21;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: #7ac219;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: #ffffff;}
.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 {width:100%;float:left;width:100%;height: 62px;text-align: left;background-color: #7ac219;}
.coppy {padding: 0;display: block;margin-top: 11px;float: left;}
.coppy .h3 {color: #1b1a19;font-weight:normal;font-size: 15px;margin:auto;/* float:left; */margin-top: 0px;margin-right: 7px;text-align: left;}
.coppy a {font-size: 14px;color: #005a1f;margin:auto;margin-top: 0px;/* margin-left: 4px; */display: inline-block;font-weight: bold;}
.coppy.thietke {}

.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:white; */position:relative;padding: 25px 0;}
.allabouts {width:100%;float:left;position:relative;}
.hienthi {width: 74%;float: right;}
.danhmuc {width: 24%;float: left;}
.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: 100%;display:block;float:left;margin:auto;/* background-color: white; */padding: 20px 0%;border-radius: 4px;}
.showctbv.bv-gt {font-size:18px;}
.showctbv * {font-family: mulir !important;max-width:100% !important;/* text-align:  justify; *//* margin:  auto; */}
.showctbv a {font-weight:bold;color:#fe0000}
.showctbv p {margin-bottom:5px;margin-top:5px;}
.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;display: inline-block;}
.showctbv table {width:100% !important;margin:auto !important;max-width:100% !important}
.showctbv li {margin-left:20px !important}
.showctbv li::marker  {
    /* border: 1px solid red; */
    /* font-size: 16px; */
    /* display: inline-block; */
    /* color: red; */
    /* font-weight: bold; */
}
.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}

.titdm .h3 {font-size:17px;padding: 7px 00px 7px 0px;height: 40px;float: left;color: #fff;background-color: #7dbe32;margin: auto;position: relative;border-radius: 4px;font-weight: normal;width: 100%;box-sizing: border-box;text-align: center;}
.titdm  {height:40px;background-color: #ececec;width: 100%;text-transform: uppercase;text-align: left;overflow: hidden;background-color: #f3f3f3;margin-bottom: 15px;position: relative;}
.titdm a {padding: 11px 10px;height: 18px;}


.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:32%;float:left;margin-left:2%;margin-bottom: 17px;background-color:  white;border-radius: 4px;overflow:  hidden;}
.tintuc:nth-child(3n+1) {margin-left:0}
.imgtin {width:100%;display:block;height: 286px;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;border-radius: 0px;box-sizing: border-box;overflow: hidden;width: 100%;padding: 0 15px 15px;}
.thongtintin.thongtinhinh {border:none;text-align:center;background-color: #fafafa;}
.tentin {width:100%;display:block;padding: 0;margin-top: 16px;}
.tentin a {color: #000;font-size: 18px;font-family:mulir;display:block;height: 47px;overflow:  hidden;font-weight: bold;}
.thongtintin.thongtinhinh  .tentin a {font-size: 22px;height: 30px;}
.thongtintin.thongtinhinh.thongtinvideo  .tentin a {font-size: 17px;height: 42px;}
.thongtintin.thongtinhinh .tentin {margin-bottom:0;padding-bottom:0}
.height20 a {height:20px}
.height20 {margin-bottom:0;padding-bottom: 0;}
.tomtattinnew {width:100%;display:block;font-family:mulir;font-size: 16px;color: #3b3b3b;text-align:justify;margin-top:5px;height: 62px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}
.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;}
.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:49%;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:mulir; */font-size: 19px;color: #7dbe32;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;}

.contact {overflow:hidden;}
.contact .left-content{width: 55%;float:left;}
.contact .right-content{width: 42%;float:right;}
.contact .infoCompany{margin:0;color:#424242;line-height:1.5;font-size:16px;}
.infoCompany h3,.GuiYkien h4{font-size:24px;color: #7dbe32;margin:0;/* font-family: mulir; */margin-bottom:10px;}
.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:normal;color: #7dbe32;font-size: 16px;padding-top: 10px;/* font-family:cambriar; *//* font-style:italic; */}
.GuiYkien .btn{border:none;padding: 12px;width:100px;color:#fff;background: #7dbe32;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;}
.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: 67px;height: 67px;background-image: url('/Design/video.png');background-size:100% 100%;left: calc((100% - 67px) / 2);top: calc((100% - 67px) / 2);opacity: 0.4;}
.v-df:nth-child(n+2) .hover {width: 35px;height: 35px;left: calc((100% - 35px) / 2);top: calc((100% - 35px) / 2);}
.v-df:hover .hover,.tintuc:hover .hover {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 */}}
.menuconc2 {position:absolute;width: 240px;z-index: 99999;top: 100%;left:0;padding: 0;padding-top: 1px;display: none;margin: 0;list-style: none;box-shadow: 1px 0 5px rgb(0 0 0 / 30%);}
 .menuconc2 li {width:100%;list-style:none;float:left;margin: 0;padding: 0;border-top: 1px solid #f2f2f2;}
.navtop li:hover .menuconc2 {display:block}
.menuconc2 li:first-child {border:none;}
 .menuconc2 li a  {background-color: #fffeed;width: 100%;padding: 10px 20px;height: auto;box-sizing: border-box;text-transform: capitalize;font-size: 16px;text-align: left;background-position: 6px 5px;display: block;color: #000;}
 .menuconc2 li:hover a {color:#7dbe32} 
 .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:100%;text-align:center;margin-bottom: 0;margin-top: 0px;text-align: left;height: 21px;overflow: hidden;/* display: flex; */}
.giapo {margin:auto;}
.giasp h3 {font-size: 14px;color: #f10606;margin:auto;float: left;font-weight: normal;}
.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: #ed1b24;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 #7dbe32;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%;/* padding-left: 45px; *//* background-image: url(/Design/icon_ttnhadat.png); *//* background-size: 100% 100%; */border-radius: 4px 4px 0 0;/* padding-right: 40px; */background-color: #7dbe32;}
.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: #7dbe32;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: #fed700;
color: #010101;
border:none;
outline:none;
cursor:pointer;
font-family:mulir;
font-size:18px;
text-transform:capitalize;
border-radius:4px;
padding:10px 10px;
margin-bottom: 10px;
}
.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 #eae9e7;border-top: none;border-right: none;overflow: hidden;/* border-bottom: none; */background-color: white;box-sizing: border-box;padding: 10px 10px;box-shadow: 0 0 6px rgb(112 132 145 / 60%);}
.slider_contain ul {padding:0;display:block;margin: auto;}
.slider_contain li {width: 99%;display:block;border-top: 1px solid #eae9e7;height: auto;padding: 12px 0%;width: 100% !important;overflow: hidden;}
.imgspn {width: 80px;display: inline-block;height: 64px;float: left;overflow: hidden;margin-right: 10px;}
.slider_contain li:first-child .imgspn {width:100%;height: auto;float: none;display: block;}
.slider_contain li:first-child {border:none}
.slider_contain li:first-child  .ttspn {width:100%;margin-top: 13px;margin-bottom: 12px;}
.slider_contain li:first-child {height:auto !important;overflow: hidden;padding: 0;}
.slider_contain li:first-child .imgspn img {width:100%;}
.slider_contain li:first-child .ttspn a {font-weight:bold;}
.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%;}
.ttspn {display: block;}
.ttspn a {display:block;font-size: 15px;color: #545454;font-weight: normal;height: auto;overflow: hidden;}
.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: 30px 30px;background-color:  white;margin-bottom: 30px;overflow: hidden;border: 1px solid #eae9e7;box-sizing: border-box;box-shadow: 0 0 6px rgb(112 132 145 / 60%);}
.thontinchung.pad0 {margin-top: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}
.slideshow.slideduandt .gallery-thumbs-container {margin-top:0}
.slideshow.slideduandt ul {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: 51px;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%;list-style: none;}
.slideshow ul.bxslider li  {height:100%;/* display:flex; */}
.slideshow ul.bxslider li a {margin:auto;width: 100%;height: 100%;display: block;overflow: hidden;}

.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:45%;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 {width: 100%;float:left;/* text-transform:uppercase; */font-size: 20px;font-weight:bold;color: #7dbe32;margin-bottom: 20px;}
.heightslide {width:100%;height: 329px;/* border: 1px solid #b8b8b8; */overflow:  hidden;background-color:  white;}
#sliderFrame.slideProdt .heightslide {height:300px}
.lispnew  {width: 100%;float:left;font-family:mulir;padding: 0 0%;font-size: 17px;color:  black;margin-bottom: 10px;text-align: left;}
.lispnew.likm {border: 1px solid #80cc21;border-radius: 4px;position: relative;margin-bottom: 15px;}
.lispnew.limota {font-size:16px;}
.lispnew.likhuvuc {color: #7dbe32;}
.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: 27px;padding-top: 0;padding-bottom: 0;color: black;margin-bottom: 10px;font-weight: normal;}
.costsp span {color:#7dbe32;font-weight: bold;}
.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: #7dbe32;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: #7dbe32;/* margin-left: 15px; */font-size: 15px;border-radius: 3px;border: none;outline: none;cursor: pointer;}
.textsl {float:left;}
.quantity-selector {float:left;border: 1px solid #81cb21;font-size: 16px;width: 60px;margin: 0px 3px;text-align: center;color: #81cb21;outline: none;padding: 5px 0;border-radius: 3px;}
.qtyplus {float:right;border: none;outline: none;background-color: #81cb21;color: white;font-size: 18px;width: 30px;height: 30px;border-radius: 3px;cursor: pointer;}
.qtyminus {float:left;border: none;outline: none;background-color: #81cb21;color: white;font-size: 18px;width: 30px;height: 30px;border-radius: 3px;cursor: pointer;}
.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;margin-right: 5px;float:  left;width: 100%;}
.info .fb_iframe_widget iframe {width:133px !important}
.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: #7dbe32;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;box-sizing: border-box;}
.thongtinchitiet.ct-pro {background-color:#fff;padding:30px;padding-top:0;box-shadow: 0 0 6px rgb(112 132 145 / 60%);}

.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: 30px 0%;}
.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 a {margin-top: 0;color: #f4ec0a;font-size: 16px;line-height: normal;display: inline-block;font-family: 'josem';padding: 6px 0;}
.hottop  {float:left;background-image: url(/Design/top-call-t.png);background-repeat: no-repeat;font-size: 14px;color: #fff;padding-left: 22px;background-position: left 1px;padding-bottom: 2px;margin-top: 6px;font-weight: bold;}
.mailtop {float:right;margin-top: 6px;}
.mailtop a {font-size:14px;color:#7dbe32;display: block;}
.giohang {float:right;height: 40px;margin-left: 25px;position: relative;width: 158px;margin-top: 6px;}
.timkiem {float: right;position: relative;cursor: pointer;z-index: 2;height: 100%;}
.spantim {overflow:hidden;display: block;height: 100%;}
.spantim a {display: flex;font-size: 16px;color: #fff;width: 54px;height: 100%;overflow: hidden;text-align: center;}
.spantim a i {margin:auto;}
.spantim img {margin:auto}
.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/nav_cart.png);background-repeat: no-repeat;padding-left: 50px;height: 40px;}
.tophead {float:right;/* background-image: url('/Design/bg-top.png'); *//* background-repeat: no-repeat; *//* background-size: auto 100%; */height: 100%;background-position: right center;position: relative;z-index: 2;}
.lan {float:right;margin-left: 12px;margin-top: 5px;}
.name-company {float:left;font-size: 14px;color: #f4ec0a;margin-top: 12px;font-family: 'josem';}
.name-company i {margin-right:5px}
.lan select {font-size:12px;border:none;color:#7dbe32;outline:none;background-image:url('/Design/lan.png');background-repeat: no-repeat;padding: 2px 0px 2px 24px;background-position: 7px 3px;border-radius: 3px;display: block;} 
.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 .txttim {background-color:white;border:none;float:left;font-size: 13px;color:#808080;padding: 14px 14px 13px 27px;outline:none;width: 230px;height: 15px;border-radius: 4px;margin-top: 3px;margin-left: 3px;background-image: url('/Design/tim_icon.png');background-repeat: no-repeat;background-position: 9px 14px;}
.timkiem select option {font-size:15px;padding:5px 10px;line-height:20px;border:none}


.txttim::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #bababa;font-style:normal;}
.txttim::-moz-placeholder { /* Firefox 19+ */color: #bababa;font-style:normal;}
.txttim:-ms-input-placeholder { /* IE 10+ */color: #bababa;font-style:normal;}
.txttim:-moz-placeholder { /* Firefox 18- */color: #bababa;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: avo !important;font-size: 15px !important;color: #fefeec !important;margin: auto !important;line-height: 25px !important;}


.bx-wrapper .thumb img {width: 100%;height: auto;margin: auto;min-height: 100%;display: block;}
.allshowtc  {width: 100%;padding: 0px 0%;/* background-color:white; */float:left;position: relative;overflow: hidden;}
.showtrangcon {width:100%;float:left;padding-bottom: 10px;padding-top: 35px;}
.duanpage {/* background-color:#fff; *//* background-image: url('/Design/bg-da.jpg'); */background-size: 100% auto;/* padding-top: 10px; */}
.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}
.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;}
.callbot {position:fixed;bottom: 10px;z-index:999;right: 12px;}
.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: 20%;float: left;font-family: 'swiss';font-weight: bold;font-size: 21px;color: #7dbe32;text-transform: uppercase;padding: 27px 0%;}
.binhluanft {width:100%;float:left;background-color:#81cc21}
.fan {width: 24%;margin-top: 0;float: right;margin-left: 1%;}
.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?v=1');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%;text-transform:uppercase;text-align: left;overflow: hidden;position: relative;margin-bottom: 25px;}
.tit a.tit-a {float:right;font-size: 13px;color: #7dbe32;padding: 10px 8px 7px;text-transform: uppercase;border: 1px solid;border-radius: 3px;margin-top: 0px;}
.tit a.tit-a:hover {background-color:#7dbe32;color:#fff}
.tit h3 a {color:inherit;font-size:inherit;font-family:inherit;}
.tit a i {font-size:11px;margin: 0 5px;}
.tit-child {font-size: 16px;color: #555555;font-weight: normal;margin: auto;text-align: left;margin-bottom: 20px;margin-top: -10px;width: 100%;font-family: 'mulir';}
.tit h3 {float:left;font-size: 28px;color: #7ac219;margin: auto;position: relative;font-weight: normal;}
.tit h3:after {content:"";width:79px;height:5px;background-image:url('/Design/tit-after.png');display:block;margin-top: 5px;}
.tit .h3 {float:left;font-size: 20px;color: #fff;background-color: #7dbe32;margin: auto;position: relative;padding: 11px 20px 9px 70px;height: 26px;border-radius: 6px 0 0 6px;font-weight: normal;}
.tit-photo  {display:block;overflow:hidden;text-align:center;font-size: 25px;text-transform:uppercase;color:#7dbe32;font-family:utavob;margin-bottom: 10px;}
.tit h1 {float:left;font-size: 28px;color: #7ac219;margin: auto;position: relative;font-weight: normal;}
.tit h1:after {content:"";width:79px;height:5px;background-image:url('/Design/tit-after.png');display:block;margin-top: 5px;}


.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;margin-left: 0;margin-top: 10px;}
.catagory-page {display:block;overflow:hidden;padding: 0px 0 30px;}
.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:#7dbe32;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: 80px 0 60px;padding-bottom: 45px;background-image: url('/Design/bg-bds.jpg');background-size: 100% auto;background-repeat: no-repeat;}
.titsan {width:100%;position:relative;margin-bottom: 30px;overflow: hidden;text-align: center;}
.titsan.fontdown h3 {font-size:30px}
.titsan h2 {font-size: 30px;text-transform:uppercase;color: #7dbe32;margin: auto;margin-bottom: 0px;/* opacity: 0; */text-align: center;font-family: 'swiss';font-weight: bold;}

.titsan h3 {font-size: 30px;text-transform:uppercase;color: #7dbe32;margin: auto;margin-bottom: 0px;/* opacity: 0; */text-align: center;font-family: 'swiss';font-weight: bold;}
.titsan h4 {font-size: 16px;color: #555555;font-weight:normal;margin: auto;text-align: center;margin-top: 10px;width: 90%;}
.titsan h6 {width: 100px;height:2px;background-color: #ffdb8f;margin: auto;margin-top: 10px;}
.titsan img {display:inline-block;margin:auto;margin-top: 5px;}


.titthicong {width:100%;position:relative;margin-bottom: 30px;overflow: hidden;text-align: center;}
.titthicong h2 {font-size: 30px;text-transform:uppercase;color: #7dbe32;margin: auto;margin-bottom: 0px;/* opacity: 0; */text-align: center;font-family: 'swiss';font-weight: bold;}
.titthicong h3 {font-size: 16px;color: #555555;font-weight:normal;margin: auto;text-align: center;margin-top: 10px;width: 90%;}
.titthicong img {display:inline-block;margin:auto;margin-top: 5px;}



.tita {position:absolute;right:0;top: 28px;/* opacity: 0; */}
.tita a {font-size: 14px;text-transform:uppercase;color: #7dbe32;float:left;margin-left: 0;padding: 5px 13px;border: 1px solid #7dbe32;/* background-color: #7dbe32; */position: relative;border-radius: 4px;margin-left: 5px;}
.tita a:hover {}
.tita a:after {content:"";width:5px;height:9px;display:inline-block;background-image:url('/Design/tl_xem.png');margin-bottom: 1px;margin-left: 5px;}
.allpro {display:block;overflow:hidden;}
.pad30gray {padding: 70px 30px;background-color: #f0f0f0;border-radius: 20px;}
.tab-link {display:block;text-align:center;margin-bottom: 24px;}
.tab-link a {margin:auto;display:inline-block;font-size: 15px;color: #555555;text-transform: uppercase;border: 1px solid #cbcbcb;padding: 7px 30px 7px;border-radius: 20px;}
.tab-link a:hover {background-color:#ffdb8f;color:#7dbe32;border-color:#7dbe32}
.showgiaodich {width:100%;float:left;}
.giaodich {width: 24.25%;margin-left: 1%;float:left;overflow:hidden;background-color:white;position: relative;border-radius: 7px;box-shadow: 0px 0px 16px rgb(165 35 35 / 0.07);margin-bottom: 15px;}
.giaodich:nth-child(4n+1) {margin-left:0;}
.giaodich:nth-child(n+5) {}
.imggd {height:190px;overflow:hidden;position: relative;}
.imggd a {display:block;overflow:hidden;height:100%}
.imggd img {height: 100%;float:left;min-width: 100%;width: auto;transition: 0.5s;display: block;}
.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 {padding: 13px 10px;/* padding-bottom: 0; */overflow: hidden;text-align: center;}
.titgd {margin-bottom: 0;margin-top: 0;}
.titgd a {font-size: 17px;color: #000;font-weight: normal;height: 51px;overflow: hidden;display: block;padding: 0 5px;}
.dcgd {font-size: 15px;color: #999898;height: 19px;overflow: hidden;margin-top: 2px;}
.dcgd:before {content:"";width:13px;height:13px;background-image:url('/Design/icon_diachi.png');display:inline-block;}
.cost-dt {display:block;overflow:hidden;border-top: 1px solid #f5f5f5;padding-top: 8px;margin-top: 10px;height: 24px;}
.cost-dt h4 {margin: auto;color: #f10707;font-weight: bold;font-size: 17px;float: left;}
.cost-dt h5 {margin: auto;float: right;font-size: 14px;color: #5f5f5f;font-weight: normal;margin-top: 3px;}
.cost-dt i {margin-right:3px;float:left;margin-top: 2px;font-size: 12px;}
.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: #7dbe32;width: 62px;padding: 7px 0;}
.showngay p {width:100%;display:block;margin:auto;color:white;font-size: 14px;font-weight: normal;text-align:center;}
.showngay p:first-child {font-size: 15px;font-weight: normal;border-bottom:1px solid white;width: 78%;display: block;margin: auto;margin-bottom:5px;padding-bottom:5px;}
.tinphu {margin-top: 10px;box-sizing: border-box;overflow: hidden;font-size: 14px;color: #b8b8b8;}
.tinphu i {margin-right:5px;}
.tin2n .tinphu {padding:0 10px 10px}
.allcategory {width:100%;float:left;background-color:white;padding: 60px 0;}
.showcategory {width:100%;float:left}
.lefttinphu {float:left;margin-right: 12px;}
.righttinphu {float: left;}
.lefttinphu a {font-size:12px;color: #7dbe32;float:left;background-repeat: no-repeat;background-position: left 2px;padding-left: 0;font-weight: bold;text-transform: uppercase;}
.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: 40px 0;}
.back-white {background-image: url('/Design/bg-da.jpg');background-size: 100% auto;width: 100%;float: left;}
.box {overflow:hidden;width:100%;box-sizing:border-box;}
.box:nth-child(n+2) {margin-top:40px;}
.tit-duan {display:block;overflow:hidden;background-image: url('/Design/bg-titda.png');height: 216px;display: flex;}
.box-tit {float:left;background-color: #7dbe32;padding-left: 40px;padding-right: 40px;text-transform: uppercase;margin: auto;min-width: 300px;height: 100%;display: flex;}
.tit-duan h3 {margin:auto;font-family: swiss;font-size: 35px;color: #ffdb8f;display: block;}
.flextit {margin:auto;}
.tit-duan h4 {margin:auto;font-size: 23px;color: #ffffff;display: block;}
.tit-duan span {padding: 0 80px 0 40px;overflow: hidden;display: block;margin: auto;font-size: 18px;color: #3d3d3d;}
.box-content {overflow:hidden;}
.lk {width:100%;float:left;}
.lk img {display:block;width:100%;}
.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; */text-align: left;margin-top: 10px;}
.dacenter {margin:auto;text-align: left;}
.ttda {font-size: 16px;color: #7dbe32;background-color: #fefefe;padding: 8px 10px 10px;margin: 0 2px;border-radius: 4px;background-repeat: no-repeat;font-weight: bold;border: 1px solid #7dbe32;margin-bottom: 5px;display: inline-block;}
.ttda i {display:inline-block;margin-right:5px;}

.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}
.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: 10px 5%;outline: none;/* border: 1px solid #e4e4e4; */border-radius: 4px;}
.texttim  select {width: 100%;display:block;font-size: 16px;padding: 10px 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:30px;width: 100%;/* background-color: white; */padding: 0px 0%;border-radius: 4px;}
.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 #7dbe32;color: #7dbe32;}
.textdk textarea {float:left;width: 100%;padding: 10px 15px;border-radius: 4px;box-sizing:border-box;outline: none;font-size: 16px;border: 1px solid #7dbe32;color: #7dbe32;}
.martop0 {margin-top:0}
.martop0 .alldanhmuc.dmquangcao:first-child {margin-top:0}
.floatright {float:right;}
.floatleft {float:left}
.ortherar  {width:100%;float:left;padding-top: 40px;}
.showduan {width:100%;float:left;}
.liduan {width: 97%;float:left;background-color: white;margin-bottom: 10px;padding: 10px 1.5%;border-radius: 4px;}
.imgda {width: 100%;float:left;overflow:hidden;height: 170px;margin-right: 0;border-radius: 0;}
.duan:hover .imgda img  {transform: scale(1.1) ;}
.imgda img {height:100%;width:auto;min-width:100%;float:left;transition: 0.5s;}
.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:#7dbe32;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: #121014;/* font-weight: bold; */text-align: justify;font-family: 'mulir';}
.dangaydang {width: 99%;float:left;margin-left: 0%;margin-top: 6px;}
.dkmua.dkmuadm {width: 90%;float:left;background-color: #7dbe32;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: #24201e;font-size: 26px;line-height: 34px;margin-bottom: 14px;text-align: left;margin: auto;}
.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:#7dbe32}
.texttim.texttrang {width: 24%;float:left;margin-left:1%;margin-bottom: 0;}
.loctour_submit.btntimkiem {float: left;background-color: #7dbe32;color: #ffffff;border: 1px solid white;margin-top: 29px;padding-top: 9px;padding-bottom: 7px;margin-left: 14px;}
.timnha.timtrang {width: 100%;padding: 15px 2%;background-color:#7dbe32;float:left;border-radius:4px;margin-bottom: 30px;box-sizing: border-box;}
.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: 0;background-color: #fff;}
.leftlv {width: 48%;float:left;position: absolute;left: 0;bottom: 0;top: 0;display: flex;padding-top: 1%;padding-bottom: 1%;overflow: auto;padding-left: 0%;}
.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: 16px;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: 0%;}
.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: 0px 0 20px;}
.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: 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: 60px 0 50px;background-size: cover;background-color: #7dbe32;background-image: url('/Design/bg-ft.jpg');background-repeat: no-repeat;background-position: center center;position: relative;}
.padbot30 {padding-bottom: 30px !important;}
.name-ft {width:100%;overflow:hidden;margin-bottom: 5px;}
.left-ft {display:block;overflow: hidden;width: 100%;float: left;}
.fanpage {width: 24%;float:right;overflow: hidden;}
.fanpage iframe {width:100% !important}
.fanpage .fb-page.fb_iframe_widget {width:100%;}
.fanpage .fb-page:nth-child(n+2) {margin-top:20px;}
.name-ft img {display:block;}
.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);}

.none {display:none }
.stongtruycap {display:block;overflow:hidden;float: left;margin: 0;margin-right: 10px;margin-top: 19px;}
.litong {display:block;overflow:hidden;margin-top: 0px;background-image: url('/Design/icon-tong.png');background-repeat: no-repeat;background-position: left 3px;padding: 3px 0;padding-left: 17px;color: #242322;}

.litong p {margin:auto;float:left;font-size: 14px;font-weight: normal;}
.litong .h3 {margin:auto;float:right;font-size: 14px;color: #005a1f;margin-left: 5px;}
.litong:first-child {/* background-image:url('/Design/f_online.png') */}

#Slideshow {position:relative;height: 100%;overflow:hidden;}
#Slideshow img{width:100%;height:100%;position:absolute;top:0;}
#Slideshow .photo{height: 100%;margin: 0;padding: 0;}
#Slideshow .photo li{height: 100%;position:absolute;display:none;width:100%;top:0;left:0;z-index: inherit !important;}
#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 .photo li a {display:block;overflow:hidden;height:100%;}
#Slideshow .next{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom: 40%;right:20px;opacity:.5;z-index: 1000;display: none;}
#Slideshow .prev{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom: 40%;left:20px;opacity:.5;z-index: 1999;}
#Slideshow .prev:hover,#Slideshow .next:hover{opacity:1;}
#Slideshow .prev:before{content:"";font-family:fontawesome;font-size:70px;color:#fff;width: 100%;height: 100%;display: block;background-image: url(/Design/da_prew.png);background-size: 100% 100%;}
#Slideshow .next:before{content:"";font-family:fontawesome;font-size:70px;color:#fff;width: 100%;height: 100%;display: block;background-image: url('/Design/da_next.png');background-size: 100% 100%;}
#Slideshow .caption-over{position:absolute;width:100%;height:100%;display:table;position:relative;z-index: 999;} 
#Slideshow .caption{margin:auto;transform:translateY(10%);display:table-cell;vertical-align:middle;text-align: left;color:#fff;width: auto;right: 0;float: right;position: absolute;z-index: 77773;bottom: 25px;background: rgba(255, 255, 255, 0.7);padding: 11px 15px;padding-bottom: 0;width: 411px;}
#Slideshow .caption h4{font-size: 30px;text-transform:uppercase;font-weight: bold;color: #7dbe32;margin: auto;text-align: right;font-family: 'swiss';}#Slideshow .caption p{font-size: 16px;margin-top: 2px;color: #373737;margin-bottom: 13px;text-align: right;}
#Slideshow .caption a{background: #7dbe32;padding:12px 35px;display:inline-block;color:#fff;border-radius:4px;text-transform:uppercase;margin-top: 0px;font-weight:bold;box-sizing:border-box;font-size: 13px;float: right;margin-bottom: -20px;}
#Slideshow .caption a+a{margin-left:10px;border:2px solid #fff;background:transparent;}
#Slideshow .caption a:hover{background: #f4d318;}#Slideshow .caption a+a:hover{border-color:#fff;color:#313131;background:#fff;}
#Slideshow .caption .child{visibility:hidden;}
#Slideshow svg{position:absolute;z-index:5;bottom:20px;left:49%;animation:Continue 1s infinite;}

.duan {width: 32.6%;margin-left: 1%;float: left;overflow: hidden;box-shadow: 3px 0 6px rgb(112 132 145 / 30%);border-radius: 0;}
.duan:nth-child(3n+1) {margin-left:0}
.duan:nth-child(n+4) {margin-top: 20px;}
.tenda {display:block;width:100%;float:left;}
.tenda a {font-size:18px;font-weight:bold;color: #7dbe32;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;}
.detail-shop a {display:inline-block;background-color:#fff;font-size: 14px;text-transform:uppercase;color: #7dbe32;padding: 11px 25px;/* border: 1px solid #7dbe32; *//* background-color: #7dbe32; */position: relative;border-radius: 4px;}
.detail-shop a:after {content:"";width:5px;height:9px;display:inline-block;background-image:url('/Design/tl_xem.png');margin-bottom: 1px;margin-left: 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;background-color: #fff;padding: 50px 0;}
.garden {display:block;overflow:hidden;background-image: url(/Design/bg_garden.png?v=1);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?v=1');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: 100%;overflow:hidden;display:block;margin:auto;margin-left: 0;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: rgb(6 114 205 / 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: none;}
.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 #7dbe32;right: 0;top: 0;color: #fff;font-size: 18px;font-weight: bold;padding: 6px 13px;/* border-radius: 50%; */background-color: #7dbe32;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:#7dbe32;color:#fff;padding: 10px 20px 13px 20px;border-radius: 4px;}
.ttsquare * {max-width:100% !important;}

.support {display:block;overflow:hidden;margin-bottom: 20px;}
.img-sup {display:block;}
.img-sup img {display:block;width:100%;}
.ul-sup {background-image: url('/Design/hotline2.jpg');display:block;overflow:hidden;background-size: 100% 100%;}
.ul-sup ul {padding:0 15px;background-color:#fff;margin:15px;display:block;overflow:hidden;border-radius: 6px;}
.ul-sup li {border-top:1px solid #ebebeb;padding: 14px 0;list-style: none;}
.ul-sup img {float:left;margin-right:10px;}
.tit-sup {display:block;}
.ul-sup a {display:block;text-decoration: none;}
.tit-sup span {font-size: 19px;color: #7dbe32;font-weight:bold;}
.tit-sup span:nth-child(2) {margin-left:5px;}
.mail-sup {display:block;}
.mail-sup a {font-size: 15px;color:#393939;text-decoration: none;}
.project img {opacity:1 !important;transition: 0.5s;}
.project li {transition:0.5s;overflow: hidden;/* margin: 1px !important; */position: relative;list-style: none;padding: 0;}
.project li:hover  img {transform: scale(1.1) ;}
.project {position:relative;overflow:hidden;margin: 0;padding: 0;list-style: none;}
.buble-project {position:absolute;bottom:0;left:0;right:0;padding: 15px 15px 11px;z-index:2;}
.tl-project {font-size:13px;color:#ffdb8f;text-transform:uppercase;}
.name-project {font-size: 17px;color:#fff;font-weight: normal;height: 44px;overflow: hidden;}
.project a:after {position:absolute;z-index:1;content:"";left:0;top:0;right:0;bottom:0;background-image:url('/Design/bg-liduan.png');background-size: 100% 100%;transition: 0.5s;}
.project li:hover a:after {background-image:url('/Design/bg-liduanh.png')}
.project a.detail-a-dl:after {display:none}

.quangia {width:100%;float:left;position:relative;margin-bottom: 70px;}
.left-qg {width:50%;float:left;height: 600px;}
.left-qg img {width: auto;display:block;height: 100%;min-width: 100%;}
.right-qg {width:50%;float:right;position: absolute;right: 0;top: 0;bottom: 0;display: flex;background-color: #f8f8f8;}
.flex-qg {display:block;margin:auto;width:100%;}
.content-qg {width: 84%;padding-left: 5%;margin-bottom: 50px;overflow: hidden;}
.tit-qg {font-size: 40px;font-family:swiss;color: #7dbe32;display:block;margin-bottom: 30px;}
.tit-qg:after {/* content:""; */width:100px;height:2px;background-color:#7dbe32;display:block;margin-top: 10px;}
.des-qg {display:block;overflow:hidden;font-size: 16px;color:#14324e;text-align:justify;}
.dt-qg {display:block;margin-top: 24px;}
.dt-qg a {display:inline-block;color:#555555;font-size:15px;border:1px solid;padding: 8px 30px 8px;text-transform: uppercase;border-radius: 19px;}
.dt-qg a:hover {background-color:#7dbe32;color:#fff}
.des-qg * {font-size:18px;color:#14324e;text-align:justify;}
.slide-qg {display:block;/* overflow:hidden; */width:120%;margin-left: -20%;position: relative;}
.slide-qg ul {display:block;margin:auto;padding:0;list-style:none;width: 100%;overflow: hidden;}
.slide-qg li {padding: 0;margin-left:8px;display: block;border-bottom: 8px solid #7dbe32;list-style: none;}
.slide-qg li a {display:block;height: 167px;overflow: hidden;}
.slide-qg li a img {height: auto;display:block;width: 100%;min-height: 100%;transition: 0.5s;}
.customNavigation.cusqg {bottom: calc(50% + 25px);height:0;left: -55px;}
.customNavigation.cusqg a {display:block;cursor: pointer;}
.customNavigation.cusqg img {display:block;}


.dulich {width:100%;overflow:hidden;float:left;padding: 50px 0;/* background-color: #fafafa; */}
.ul-dulich {width:100%;padding:0;margin:auto;list-style:none;overflow:hidden;}
.ul-dulich li {list-style:none;margin:auto;position:relative;display:block;overflow:hidden;height: 540px;padding: 0 30px;box-sizing: border-box;/* background-color: #fafafa; */}
.left-dl {width: 32%;float:left;display: flex;height: 100%;}
.right-dl {width: 64%;float:right;overflow:hidden;height: 100%;}
.right-dl a {display:block;height:100%;}
.right-dl img {width:100%;height:auto;min-height:100%;display:block;transition:0.5s}
.flex-dl {margin:auto;width:100%;}
.name-dl {display:block;overflow:hidden}
.name-dl a {font-family:swiss;font-size: 35px;color:#7dbe32;line-height: 50px;}
.ul-dulich li .right-dl:hover  img {transform: scale(1.1) ;}
.des-dl {font-size:17px;margin-top: 10px;text-align: justify;line-height: 28px;}
.detail-dl {display:block;margin-top: 30px;}
.detail-dl a {display:inline-block;color:#7dbe32;border:1px solid;position:relative;padding: 8px 59px 9px 22px;text-transform: uppercase;border-radius: 2px;}
.detail-dl i {position:absolute;right:0;top:0;/* bottom: 0; */text-align: center;width: 40px;padding: 12px 0;border-left: 1px solid #e5e5e5;}
.detail-dl a:hover {background-color:#7dbe32;color:#fff}
.ul-dulich li:nth-child(2n+2) .left-dl {float:right;}
.ul-dulich li:nth-child(2n+2) .right-dl {float:left;}
.ul-dulich li:nth-child(n+2) {margin-top:30px;/* border-top: 1px solid #7dbe32; */}
.banner-child {width:100%;float:left;}
.banner-child img {width:100%;display:block;}
.center {text-align: center !important;}

.right-fix {position:fixed;z-index:9998;right:5px;top:250px;text-align: right;}
.right-fix a {display:block;/* background-color:#7dbe32; */overflow: hidden;transition: 0.5s;}
.right-fix a:nth-child(n+2) {margin-top:5px;}
.right-fix a:hover {}
.img-r {width:49px;height:49px;display:inline-block;float: right;position: relative;z-index: 2;background-repeat: no-repeat;border-radius: 4px;transition: 0.5s;border: 1px solid #fff;overflow: hidden;background-color: #7dbe32;}
.img-r img {display:none}
.text-r {display:inline-block;float: left;font-size: 16px;text-transform: uppercase;color: #fff;padding: 15px 0px 14px 15px;position: absolute;width: 175px;right: -300px;opacity: 0;transition: 0.5s;z-index: 1;text-align: left;background-color: #7dbe32;border: 1px solid #fff;border-radius: 4px 0 0 4px;}
.r-gogang .img-r {background-image:url('/Design/r-gogang.png');}
.r-bds .img-r {background-image:url('/Design/r-bds.png');}
.r-xaydung .img-r {background-image:url('/Design/r-xaydung.png');}
.r-lienhe .img-r {background-image:url('/Design/r-lienhe.png');}
.r-lienhe .text-r {width: 78px;}
.r-gogang .text-r {width: 140px;}
.r-bds .text-r {width: 134px;}


.right-fix a:hover .text-r {right:calc(100% - 1px);opacity:1;color:#7dbe32;background-color:#ffdb8f;border-right:none}
.right-fix a:hover .img-r {border-left:none;border-radius:0 4px 4px 0; background-color:#ffdb8f}

.box-thicong {width:100%;float:left;padding:35px 0 55px;}
.li-thicong1 {width:49%;float:left;overflow:hidden;background-color: #fff;border-radius: 0 0 4px 4px;}
.li-thicong4 {width:24%;float:left;overflow:hidden;margin-left:1%;background-color: #fff;border-radius: 0 0 4px 4px;}
.img-thicong1 {height: 431px;display: block;overflow: hidden;}
.tttc {display:block;overflow:hidden;padding:10px 0;text-align:center;}
.img-thicong4 {height: 172px;display: block;overflow: hidden;}
.img-thicong1 img {width:auto;height:100%;min-width:100%;transition: 0.5s;}
.li-thicong4:nth-child(n+4) {margin-top:10px;}
.img-thicong4 img {width:100%;height:auto;min-height:100%;transition: 0.5s;}
.li-thicong1:hover .img-thicong1 img {transform: scale(1.1) ;}
.li-thicong4:hover .img-thicong4 img {transform: scale(1.1) ;}
.li-thicong1 .titgd a {font-size:18px;height: 47px;}
.titthicong4 {display:block}
.titthicong4 a {display:block;font-size:15px;color:#7dbe32;line-height:22px;padding: 0 15px;height: 43px;overflow: hidden;margin: 10px 0;}

.dangky-default {width:100%;float:left;background-image:url('/Design/bg-dk.jpg');background-size:cover;background-position:center center;padding: 60px 0;text-align: center;}
.tit-dk {display:block;text-transform:uppercase;font-size:28px;color:#fff;margin-bottom:5px;}
.des-dk {font-size:20px;color:#fff;margin-bottom:25px;}
.form-dk {width:70%;overflow:hidden;margin:auto;position: relative;}
.box-form {width: 49%;float:left;}
.box-form:nth-child(2n+2) {float:right;}
.box-form  input {width:100%;box-sizing:border-box;border:none;outline:none;background:rgb(255 255 255 / 0.8);padding: 10px 15px;border-radius: 4px;color: #808080;font-size: 15px;display: block;}
.box-form textarea {width:100%;box-sizing:border-box;background:rgb(255 255 255 / 0.8);border: none;outline: none;padding: 10px 15px;border-radius: 4px;color: #808080;font-size: 15px;height: 90px;display: block;}
.box-form:nth-child(n+3) {margin-top: 14px;}
.btn-dk {position:absolute;bottom:0;left: calc(49% - 100px);}
.btn-dk input {background:#7dbe32;outline:none;border:none;font-size:15px;color:#fff;text-transform:uppercase;font-weight:bold;padding:10px 15px;border-radius: 4px;box-sizing: border-box;width: 100px;text-align: center;cursor: pointer;}

.bot-news {width:100%;float:left;padding: 60px 0;}
.left-news {width: 65%;float:left;box-sizing: border-box;background-size: cover;}
.right-news {width: 33%;float:right;box-sizing: border-box;padding: 0;}
.tit.tit-tin h3 {font-size:17px;padding: 10px 20px 8px 60px;height: 22px;}
.tit.tit-tin .h3 {font-size:17px;padding: 10px 20px 8px 60px;height: 22px;}
.tit.tit-tin  {height:40px;background-color: #ececec;}
.tit.tit-tin h3:before {width: 41px;height: 40px;background-image: url(/Design/before-tit-tin.png);}
.tit.tit-tin  h3:after {width: 29px;height: 40px;background-image: url(/Design/after-tit-tin.png);right: -27px;}

.tit.tit-tin .h3:before {width: 41px;height: 40px;background-image: url(/Design/before-tit-tin.png);}
.tit.tit-tin  .h3:after {width: 29px;height: 40px;background-image: url(/Design/after-tit-tin.png);right: -27px;}


.tit.tit-tin h1 {font-size:17px;padding: 10px 20px 8px 60px;height: 22px;}
.tit.tit-tin h1:before {width: 41px;height: 40px;background-image: url(/Design/before-tit-tin.png);}
.tit.tit-tin  h1:after {width: 29px;height: 40px;background-image: url(/Design/after-tit-tin.png);right: -27px;}

.box-video {display:block;position:relative;overflow:hidden;}
.v-df {display:block;position:relative;overflow:hidden;width:100%;}
.v-df:nth-child(n+2) {width:32%;float:left;height: 80px;margin-top: 10px;}
.v-df:nth-child(n+2) img {height:100%;}
.v-df img {display:block;width:100%;}
.v-df:nth-child(n+3) {margin-left:2%;}

.tit.tit-tin a {padding: 11px 10px;height: 18px;}
.box-overflow {overflow:hidden;}
.tin1 {display:block;overflow:hidden;background-color: rgb(255 255 255 / 80%);margin-bottom: 14px;width: 45%;float: left;}
.tin2n {width: 54%;float: right;margin-left: 0;background-color: #fff;border-radius: 0 0  3px 3px;}
.tin2n:nth-child(1) {margin-left:0}

.tin2n:nth-child(n+4) {margin-top:15px;}
.img-2n {display:block;overflow:hidden;height: auto !important;margin-bottom: 0;width: 40%;float: left;margin-right: 2%;}
.img-2n img {width: 100%;height: 100%;min-width: 100%;display:block;transition: 0.5s;margin: auto !important;}
.img-2n a {width:100%;display:block}
.tin2n:hover .img-2n img,.tin1:hover .img-4d img {transform: scale(1.1) ;}
.name-2n {display:block;}
.name-2n a {font-size: 16px;color: #202020;display:block;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;padding: 0;font-weight: bold;font-family: 'mulir';}
.tin2n:hover  .name-2n a {color:#7dbe32}
.des-2n {font-size:13px;color:#686868;height: 32px;overflow:hidden;margin-top: 7px;}
.tin4d {display:block;overflow:hidden;}
.img-4d {display:block;width: 100%;height: auto !important;overflow:hidden;}
.img-4d a {display:block;height:100%;overflow:hidden}
.info-1d {box-sizing: border-box;display: block;overflow: hidden;}
.name-1 {display:block;margin-top: 10px;}
.name-1 a {font-size: 16px;color: #202020;font-weight: bold;font-family: 'mulir';}
.des-1 {display:block;overflow:hidden;font-size: 14px;color: #000;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;height: 55px;margin-top: 10px;font-family: 'mulir';}
.img-4d img {width: 100%;height: 100%;min-width: 100%;display:block;transition:0.5s;}
.info-4d {display:block;overflow:hidden;}
.tin4d:nth-child(n+2) {margin-top:40px;}
.info-4d .des-2n {height: 50px;color: #acacac;}
.tin4d:hover .img-4d img {transform: scale(1.1) ;}
.tin4d:hover  .name-2n a {color:#7dbe32}
.tag-bv {width:100%;overflow:hidden;margin:20px 0;font-size:15px;}
.tag-bv a {display:inline-block;border:1px solid;padding:5px 6px;margin-bottom:5px;color: #333333;}
.tag-bv i {font-size: 14px;margin-right: 2px;}
.tag-bv a:hover {background-color:#7dbe32;color:#fff}
.tnsm {display:block;border:none}
.tnsm tbody {width:100%;}
.tnsm tr {border:none;width:100%;box-sizing:border-box;background-color: #6e6e6e;}
.tnsm td {border:none;padding:30px 20px;font-size: 22px;color: #fff !important;line-height: 30px;}
.tnsm tr:nth-child(2n+1) {background-color: #f7e5c1;}
.tnsm td * {color:#fff !important}
.tnsm td:first-child {width: 219px;border-right:1px solid #f2f2f2;font-size: 26px;color: #000 !important;}
.tnsm tr:nth-child(2n+1) * {color:#000 !important}
.tnsm tr:nth-child(2n+1) td:first-child {border-color:#fff;} 
.tnsm td:last-child {padding:30px 70px;font-size: 18px;}
.bv-gt h3 {/* font-size: 29px; */color:#7dbe32;font-weight:bold;margin: auto;font-family: swiss !important;/* text-transform: uppercase; *//* width: 62%; */}
.bv-gt h3 strong {font-family: swiss !important;}

.bv-gt h1 {/* font-size: 29px; */color:#7dbe32;font-weight:bold;margin: auto;font-family: swiss !important;/* text-transform: uppercase; *//* width: 62%; */}
.bv-gt h1 strong {font-family: swiss !important;}

.lvgt {width:100%;background-color:#efefef;border-radius:20px;overflow:hidden}
.lvgt tbody {width:100%;}
.lvgt tr {width:100%;}
.lvgt tr:first-child td {padding-bottom:20px}

.lvgt tr:nth-child(n+2) td {padding:5px 20px;font-size:18px;color:#474747}
.lvgt tr p {margin:auto;}
.lvgt tr:last-child td  {padding-bottom:30px;}
.lvgt  span {background:none !important;color:#d03a48;border:1px solid;width: 29px;padding: 4px 0px;display: inline-block;text-align: center;border-radius: 50%;margin-right: 5px;font-size: 16px;}

.showctbv .tbgt {width:100%;border-color: #efefef;width: 100% !important;}
.tbgt tbody {width:100%;}
.tbgt tr {width:100%;border-color: #efefef;}
.tbgt td {padding: 6px 0px;border-color: #efefef;/* text-align: center; */}
.tbgt  span {background:none !important;color:#d03a48;border:1px solid;width: 24px;padding: 4px 0px;display: inline-block;text-align: center;border-radius: 50%;margin-right: 5px;font-size: 13px;}
.logo-mb {display:none}

.callzalo {position:fixed;bottom: 119px;z-index:999;right: 6px;width: 55px;}
.callzalo a {display:block;overflow:hidden;}
.callzalo img {display:block;width:100%;}
.callbot {position:fixed;bottom: 186px;z-index:999;/* right: 6px; */}
.callbot a {float:left;position:relative}

.x{font-family: arial, helvetica;background: rgba(78,86,101,0.8) none repeat scroll 0 0;font-size:14px;font-weight:bold;color: #fff;display: inline-block;height: 25px;line-height: 25px;position: absolute;right: 0;text-align: center;top: -25px;width: 25px;z-index: 99999999;}
.x:hover{cursor: pointer;}
.pxem{text-align:left;height:20px;margin-bottom: 0;margin-top: 0;background: #f26522;width:100%;bottom: 0;display: block;left: 0px;position: absolute;z-index: 999999999;border-left: 1px solid #fff;}
.pxem a.axem{color: #fff;font-family: arial,helvetica;font-size: 12px;line-height: 23px;padding-left: 5px;text-decoration: none;}
.pxem a.axem:hover{text-decoration: underline;}
.alogo{position: absolute;bottom: 0;right: 0px;z-index: 999999999999;width: 40px;height: 20px;display: inline-block;background:#f26522;padding-right: 0px;padding-left: 5px}

.mnv-tuvan{position:fixed;width: 60px;background: none;z-index: 8889;right: 0px;bottom: 51px;display: block;cursor:  pointer;}
.mnv-tuvan p{color: #fff;font-size: 15px;margin: 0;padding: 0 13px; text-align: left;}
.mnv-tuvan p a{color: #fff;font-size: 15px;padding: 5px 0px 7px;margin: 0;display:inline-block;font-family: arial, helvetica;text-decoration: none;}
.mnv-tuvan p a:hover{text-decoration: underline;cursor: pointer;}
.mnv-tuvan p img {float: right;margin-top: 10px;position:absolute;left:-20px;bottom:0} 
.wrap {position:fixed;width:250px;height: 325px;right: 0;bottom: 25px;z-index: 9999;}

.pro-default {display:block;overflow:hidden;width:100%;float: left;position: relative;padding: 15px 0 100px;}
.tit-d {width:100%;float:left;margin-bottom: 20px;}
.tit-d img {float:left;margin-left: 30px;}
.tit-d h3 {width: calc(100% - 90px);float:left;font-family: utavob;font-weight: bold;font-size: 28px;color: #7dbe32;text-transform: uppercase;margin: auto;background-image: url('/Design/page-tit.png');background-repeat: no-repeat;background-position: left;padding-left: 35px;margin-left: 90px;margin-top: -30px;box-sizing: border-box;}
.tit-d.tit-da-h h3 {margin-top: -52px;}
.tit-d h1 {width: calc(100% - 90px);float:left;font-family: utavob;font-weight: bold;font-size: 28px;color: #7dbe32;text-transform: uppercase;margin: auto;background-image: url('/Design/page-tit.png');background-repeat: no-repeat;background-position: left;padding-left: 35px;margin-left: 90px;margin-top: -30px;box-sizing: border-box;}
.tit-d.tit-da-h h1 {margin-top: -52px;}
.p-lt {position:absolute;width:133px;height:135px;background-image:url('/Design/pro-top-left.png');left: 20px;top:20px;z-index: -1;}
.p-rt {position:absolute;width:133px;height:135px;background-image: url('/Design/pro-top-right.png');right: 20px;top:20px;z-index: -1;}
.p-lb {position:absolute;width:133px;height:135px;background-image: url('/Design/pro-bot-left.png');left: 20px;bottom: 20px;z-index: -1;}
.p-rb {position:absolute;width:133px;height:135px;background-image: url('/Design/pro-bot-right.png');right: 20px;bottom: 20px;z-index: -1;}
.mn-left {display:block;overflow:hidden;background-color:#fff;box-shadow: 0 0 6px rgb(112 132 145 / 60%);}
.mn-left ul.ultong {margin:13px;border:1px solid #eeeeee;padding: 20px 10px 20px 20px;}
.qc-left {display:block;overflow:hidden;margin-top:15px;border-radius: 20px;}
.qc-left img {display:block;width: 100%;}
.tit-ul-mn {display:block;font-family:joses;font-weight:bold;text-transform:uppercase;font-size:22px;color:#353535;margin-bottom: 20px;margin-left: 16px;}
.mnlc1  {display:block;list-style: none;}
.mnlc1a {display:block;font-size: 20px;color:#353535;padding: 8px 0;padding-left: 16px;} 
.mnlc1.have .mnlc1a {background-image:url('/Design/down.png');background-repeat:no-repeat;background-position: left 12px;}
.mnlc1.have.u .mnlc1a {background-image:url('/Design/up.png')}
.mnlconc2 {display: none;padding:0;list-style:none;overflow: hidden;}
.mnlc1:nth-child(2) .mnlconc2 {display:block}
.mnlc2 {display:block;list-style:none;}
.mnlc2a {display:block;font-size:19px;color:#252525;font-family:josel;padding: 5px 0;padding-left: 30px;font-weight: bold;}
.ultong a:hover {color:#7dbe32;text-shadow:1px 0 0 #353535}
.xem-mnl {display:block;overflow:hidden;text-align: center;margin-top: 15px;}
.xem-mnl a {display:inline-block;font-size:20px;color:#7dbe32;background-color:#f4ec0a;padding: 14px 30px 11px;border-radius: 30px;}
.allpro-da-home {overflow:hidden;width:100%;margin:auto;padding:0 20px;box-sizing:border-box;height: 452px;}
.da-home {width: 19.3%;float:left;height: 257px;overflow:hidden;margin-left: 0.8%;position: relative;}
.da-home:nth-child(n+6) {margin-top: 10px;}
.da-home:nth-child(5n+1) {margin-left:0}
.v1 {width: 63.7%;float:left;height: 100%;}
.v2 {width: 35%;float:right;height: 100%;}
.img-da-home {height:100%;display:block;overflow:hidden;}
.img-da-home a:after {content:"";position:absolute;left:0;right:0;bottom: 0;top: 100%;background-color: rgb(0 0 0 / 20%);/* transition: 0.5s; */}
.da-home:hover .img-da-home img ,.da-home-v2:hover .img-da-home img {transform: scale(1.1) }
.da-home:hover .img-da-home a:after {top:0}
.img-da-home a {height:100%;display:block}
.img-da-home img {width: auto;height: 100%;min-width: 100%;display:block;transition: 0.5s;}
.da-home-v2 {display:block;height:100%;overflow:hidden;border-radius:20px;position: relative;}
.name-da-home {position:absolute;left:0;right:0;bottom: -100%;background-image: url('/Design/bg-liduan.png');background-size: 100% 150%;background-position: bottom center;transition: 0.5s;}
.name-da-home a {display:block;padding:50px 10px 20px;color: #fff;font-size: 18px;text-align: center;}
.da-home-v2 .name-da-home a {padding:50px 20px 20px;font-size: 20px;}
.da-home:hover .name-da-home,.da-home-v2:hover .name-da-home {bottom:0}
.des-dk-home {overflow:hidden;width:100%;font-size: 16px;color: #4e4e4e;margin-bottom: 20px;}
.box-overflow input {outline:none;cursor: pointer;}
.txtdk {display:block;overflow: hidden;}
.txtdk:nth-child(n+2) {margin-top:10px;}
.txtdk input {width:100%;box-sizing:border-box;font-size: 14px;color: #afafaf;border: 1px solid #e5e5e5;padding: 16px 13px;border-radius: 3px;overflow: hidden;display: block;}
.txtdk input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #afafaf;}
.txtdk input::-moz-placeholder { /* Firefox 19+ */color: #afafaf;}
.txtdk input:-ms-input-placeholder { /* IE 10+ */color: #afafaf;}
.txtdk input:-moz-placeholder { /* Firefox 18- */color: #afafaf;}
.txtdk input.Refresh {width:25px;height:26px;background-image: url('/Design/lamlai.png');border: none;padding: 0;}
.txtdk img {height: 26px;display: inline-block;float: left;margin-top: 7px;margin-right: 10px;}
.button-rf {display:inline-block;float: left;margin-top: 8px;}

.txtdk .mbv {width: 100px;display: inline-block;float: left;margin-right: 10px;}
.txtdk .btnguidk {display:inline-block;text-transform: uppercase;font-family: 'josem';background-color: #7dbe32;color: #fff;border: 1px solid #7dbe32;width: 71px;text-align: center;padding-top: 12px;padding-bottom: 10px;}
.btngui-dk {display:inline-block;float: right;}
.txtdk .btnguidk:hover {background-color:#ef0000;border-color:#ef0000}
.txtdk textarea {width:100%;box-sizing:border-box;font-size: 14px;color: #afafaf;border: 1px solid #e5e5e5;padding: 11px 13px;border-radius: 3px;overflow: hidden;display: block;outline: none;height: 80px;}
.txtdk textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #afafaf;}
.txtdk textarea::-moz-placeholder { /* Firefox 19+ */color: #afafaf;}
.txtdk textarea:-ms-input-placeholder { /* IE 10+ */color: #afafaf;}
.txtdk textarea:-moz-placeholder { /* Firefox 18- */color: #afafaf;}
.right-ft {float:right;}

.image-abouts {width:100%;float:left;}
.img-tc {width:50%;float:left;overflow:hidden;position:relative;}
.img-tc .fancybox {width:100%;display:block;}
.img-tc img {width:100%;display:block;}
.img-tc:nth-child(2):before {content:"";position:absolute;left:0;right:0;top:0;bottom:0;background: rgb(0 0 0 / 27%);display:block;z-index: 1;}
.abs-tc {position:absolute;z-index:2;top: 0;left: 0;bottom: 0;left: 0;right: 0;display: flex;text-align: center;}
.flex-abs {margin:auto;padding: 0 30px;}
.abs-tc h2 {display:block;font-family: 'utavob';text-transform: uppercase;font-size: 35px;color: #7dbe32;margin: auto;}
.abs-tc h4 {font-weight:normal;font-size: 17px;color:#fff;font-family:mulir;margin: 10px 0 15px;}
.abs-tc a {font-size:16px;font-family:mulir;color:#7dbe32;background-color:#f4ec0a;padding: 10px 27px;border-radius: 4px;display: inline-block;}
.abs-tc a:hover {background-color:#7dbe32;color:#f4ec0a}
.padt {padding-top:180px;}
.pad0 {padding-top:0}
.project-default {width:100%;float:left;padding-bottom: 30px;background-image: url('/Design/bg-project.jpg');box-shadow: 1px 0 51px rgb(208 208 208 / 40%);}
.top-project {overflow:hidden;text-align: center;}
.bottom-project {overflow:hidden;}
.top-project .tomtat,.tomtat {display:block;font-size: 15px;color: #747774;text-align: center;}
.top-project .tomtat strong,.tomtat strong {color:#e92f05;}


.why {width:100%;float:left;text-align:center;padding-bottom: 70px;box-shadow: 3px 2px 17px rgb(0 0 0 / 20%);}
.ul-why {text-align:left;margin-top: 50px;overflow: hidden;}
.why .tomtat {font-size:16px;}
.li-why {display:block;overflow:hidden;}
.li-why:nth-child(n+2) {margin-top:30px;}
.li-why img {width: 81px;float:left;margin-right: 10px;}
.content-why {display:block;overflow: hidden;}
.content-why h4 {margin:auto;color: #e92f05;text-transform: uppercase;font-size: 16px;margin-top: 10px;position: relative;font-family: 'utavob';}
.content-why span {display:block;font-size:15px;color:#8b8d8b;margin-top: 15px;text-align: justify;}
.content-why h4:after {content:"";background-color:#7ac219;height:4px;position: absolute;width: calc(100% - 20px);bottom: 6px;margin-left: 20px;}
.tin-blog .tin2n:nth-child(n+1) {width:100%;margin:auto;box-shadow: 2px 0 13px rgb(166 186 194 / 50%);}
.tin-blog .tin2n:nth-child(n+2) {margin-top:20px;} 
.tin-blog .name-2n {margin-top:10px;}
.tin-blog .name-2n a {font-size:18px;}