@font-face {font-family:avo;src: url(font/SVN-Avo.ttf);}
@font-face {font-family:avob;src: url("font/SVN-Avo-bold.ttf");}
@font-face {font-family:ro;src: url("font/Roboto-Regular.ttf");}
@font-face {font-family:rob;src: url("font/Roboto-Bold.ttf");}
@font-face {font-family:time;src: url("font/UTM-Times.ttf");}
@font-face {font-family:swi;src: url("font/UTM-Swiss-Condensed.ttf");}
@font-face {font-family:swib;src: url("font/UTM-Swiss-CondensedBold.ttf");}
@font-face {font-family:swic;src: url("font/UTM-Swiss-721-Black-Condensed.ttf");}
@font-face {font-family:agu;src: url("font/SVN-Aguda-Light.otf");}

body{margin:0;padding:0;font-family:ro;background:#fff;color:#3f3f3f;}
.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
.clearfm2 *{list-style:none;}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit;}
.rowp >*{padding:0 15px}
.bncat{background: url(/Design/breadcrumb.jpg) no-repeat bottom center;background-size: cover;text-align:center;padding: 120px 0 40px;color: #fff;}
.bncat h2{font-size: 36px;font-family:swic;text-transform: capitalize;margin: auto;margin-bottom:10px;max-width: 880px;}
.bread_crumb .breadcrumb{justify-content: center;}
.breadcrumb-item.active{color:#fff}
.breadcrumb-item+.breadcrumb-item::before{color:#d4d4d4}
.desc{font-size:17px}
.wow{animation-delay:.1s}
@media only screen
and (max-width :467px){
    .bncat{padding:30px 0}
    .bncat h2{font-size: 30px;}
    .container{}
    .background-white{padding:25px 0}
    .boxes .contain{margin-top:15px;}
    .boxes+.boxes{margin-top:25px}
    .breadcrumb h2{display:none}
    .detail{font-size:15px}
    .detail h1{font-size:24px}.detail h2{font-size:22px}.detail h3{font-size:20px}.detail h4{font-size:18px}
    .info{display:flow-root;position:relative;}
    .info span+span{padding-left:5px}
    .info span.fb-like{position:absolute;right:0}
    .ptopm{padding-top:25px !important}
    .pdingm{padding:25px 0 !important}
}

#slideshow {position:relative;width:100%;z-index:1}
#slideshow:before{content:"";position:absolute;background:url(/Design/bottom-shape-w.png) no-repeat;background-size:auto 100%;height: 310px;width: 154px;right:0;bottom:0;z-index: 2;}
#slideshow img{width:100%;height:auto;float:left}
#ShowMenu,.tencty{display:none;}
header{position:absolute;top: 24px;z-index: 3;left:0;width:100%}
.tophead{position:relative;background: #104cbacf;color:#fff;transition:.3s}
.tophead .container{display:flex;justify-content: flex-end;align-items: center;}
.logo{position:absolute;left:30px;top: 20px;z-index:2}
.logo:before{content:"";position:absolute;background:url(/Design/top-shape-w.png) no-repeat;background-size:auto 100%;height: 244px;width:233px;left:-30px;top: -44px;z-index:-1}
.logo img{height: 144px}
.phoneh{position:relative;margin-left:80px;padding-left: 54px;font-size:14px}
.phoneh a{line-height:1}
.phoneh a:before{content:"\f879";font-family:fontawesome;font-weight:900;position:absolute;left:0;font-size: 41px;}
.phoneh strong{display:block;font-size:24px;font}
.menu_main{font-size:14px;text-transform:uppercase;margin-bottom: 0;padding: 0;}
.mnlic1{position:relative;float:left}
.openmn{display:none}
.mnliac1{padding: 28px 28px;display:inline-block;position:relative}
.mnlic1:hover .mnliac1{}
.mnlic1+.mnlic1 .mnliac1:after{content:"\005C";position:absolute;left:0;}
.mnliac1:before{content: "";position: absolute;width: 100%;height: 3px;bottom: 0px;left: 0;background-color: #D83030;visibility: hidden;transform: scaleX(0);transition: all 0.1s ease-in-out 0s;}
.mnlic1:hover .mnliac1:before{visibility: visible;transform: scaleX(1);}
.menusub{position:absolute;z-index:2;background:#fff;opacity:0;visibility: hidden;transition:.3s;padding:16px 0;color:#3f3f3f}
.mnlic1:hover .menusub{opacity:1;visibility:visible;}
.menusub li a{display:block;padding:6px 16px;min-width:200px;white-space: nowrap;}
.menusub li:hover a,.menusub li a:active{background:#D83030;color:#fff}
.tophead.scroll-to-fixed-fixed{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}
.tophead.scroll-to-fixed-fixed{background:#fff;color:#3f3f3f;animation: fadeInDown .5s;}
.tophead.scroll-to-fixed-fixed .container{;justify-content: space-between;}
.tophead.scroll-to-fixed-fixed .logo{position:relative;top:auto;left:auto}
.tophead.scroll-to-fixed-fixed .logo:before{display:none}
.tophead.scroll-to-fixed-fixed .logo img{height:77px}
.tophead.scroll-to-fixed-fixed .phoneh{margin-left:0;color:#104CBA}
.tophead.scroll-to-fixed-fixed .mnlic1:hover .mnliac1{color:#104CBA}
@media only screen 
and (max-width: 992px){
    #ShowMenu{display: flex;z-index:998;padding: 8px 11px;background:#D83030;align-items:center;color:#fff}
    #ShowMenu i{/* margin:auto; */font-weight:300;font-size: 20px;}
    #ShowMenu.close i:before{content:"\f00d"}
    #ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:"";}
    header{position:relative;top: auto;}
    #slideshow:before{display:none}
    .tophead{background:#fff;color:#3f3f3f}
    .tophead .container{justify-content: space-between;align-items: center;}
    .phoneh{display:none}
    .logo{position:relative;top: 0;left: 0;}
    .logo img{height:77px}
    .logo:before{display:none}
    .tencty{margin:0;font-size:15px;font-weight:normal;text-align:center;display:block}
    .tencty strong{display:block;font-family: 'rob';font-size: 30px;text-transform: uppercase;color: #D83030;}
    .tencty span{display: block;color:#104CBA;font-family: 'rob';text-transform: capitalize;}
    .menu_main{position:fixed;z-index:999;overflow:scroll;top:0;background:#104CBA;height:100%;display:none;left:0;width:250px;display:none}
    .mnlic1{border-bottom:1px solid #ffffff2e;float:none}
    .mnliac1{padding:15px 2%;width:calc(100% - 42.4px);color:#fff !important}
    .mnliac1:before{display:none}
    .havesub.mnlic1 span:after,.mnliac1:after{display:none}
    .openmn{display:block;font-style: normal;position:absolute;right:2%;top:0;height: 50.8px;width:42.4px;display:flex;color:#fff}
    .openmn:before{content:"\f324";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s}
    .havesub.active .openmn:before{transform:rotate(90deg)}
    .menusub{position:relative;padding:0;display:none;top:auto;visibility:visible;transition:none;opacity:1}
    .mnlic1:hover .menusub{top: auto;}
    .menusub li+li{border-top:1px solid #eee;}
    .menusub li a{padding:15px 0;padding-left:6%;}
}
@media only screen
and (max-width :576px){
          .tencty span{font-size: 12px;}
          .tencty strong{font-size: 24px;}
}

/*footer*/
footer{background: #0C2B4B}
.tf1{padding-right:0}
.tenctyf{font-family:rob}
.iff >*{font-size: 15px;}
.iff >*:before{content:"\f3c5";font-family:fontawesome;font-weight:900;margin-right: 10px;width: 16px;text-align:center;display:inline-block;margin-left:1px;}
.iff >*:nth-child(2):before{content:"\f879"}.iff >*:nth-child(3):before{content:"\f0e0";}.iff >*:nth-child(4):before{content:"\f26b";font-weight:500}
.titf{font-family:rob;text-transform: capitalize;margin-bottom: 24px;}
.mnf i{margin-right:10px}
.mnf a{transition:.3s;}
.mnf a:hover{letter-spacing:1px;color:#D83030}
.lhf .input-group .btn{line-height:42px}
.lhf h5{font-family:rob}
.mxhf a{width:38px;height:38px;display: flex;align-items: center;justify-content: center;}
.foot{background:#092139;font-size:18px}
.foot a{color:#f3bd00}
@media only screen
and (max-width :576px){
          .foot{text-align:center}
}

.tithome{font-size: 18px;text-transform:uppercase;color: #104CBA;position:relative;padding-bottom: 12px;text-align: center;margin-bottom: 20px;font-family: 'rob';line-height: 1.4;}
.tithome:before{content:"";width: 80px;border-bottom: 2px solid #D83030;position:absolute;bottom:0;left:0;right: 0;margin: auto;}
.tithome.w{color:#fff;}.tithome.w:before{border-color:#fff}
.tt{font-size:15px;text-align:center;width:90%;max-width:890px;margin:auto;margin-bottom:30px}
.titsame{font-size:20px;font-family:rob;text-transform:uppercase;margin-bottom:25px;background:#2f2f2f;color:#fff;padding:10px;position:relative}
.titsame:before{content:"";position:absolute;border-bottom: 4px solid #104CBA;bottom: 0px;left:0;width:73px;}
.titnews{font-size:18px;color:#D83030;font-family:rob;position:relative;padding-bottom:10px;margin-bottom:20px}
.titnews:before{content:"";position:absolute;bottom:0;left:0;border-bottom: 3px solid #104CBA;width:62px}
@media only screen
and (max-width :576px){
          .tithome{font-size:18px}
}

/*abouthome*/
.abouthome{background:#F3F7FD}
.ulgt{flex-direction: row-reverse;}
.abouthome .count{display:flex;gap:50px;font-size:22px;color:#000;line-height:1.2}
.abouthome .count strong{font-size:40px;font-family:rob;color:#D83030;display:block}
.abouthome .count strong:after{content:"+"}
.abouthome .link a{display:inline-block;padding:10px 35px;background:#104CBA;color:#fff;text-transform:uppercase;font-size:14px;border-radius:4px;margin-top:33px}
.abouthome .link a:hover{background:#D83030}
.imggt .item{position:relative;padding: 45%;}
.imggt .img1{position:absolute;top: 0;right: 0;width: 67%;}
.imggt .img2{position:absolute;bottom:0;left: 10%;width: 58%;}
.imggt .img3{position:absolute;border-radius:16px;left: 0;width: 37%;top: 20%;animation:infiUpDown 2s infinite}
@keyframes infiUpDown {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@media only screen
and (max-width :786px){
          
}

/*dvhome*/
.dvhome{}
.uldv h3{font-size:17px;font-family:rob;color:#D83030;margin-top: 12px;}

/*qthome*/
.qthome{background:#F3F7FD}
.ulqt{row-gap: 30px;}
.ulqt .item{background:#fff;height:100%;padding: 32px;padding-right: 17px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);border-radius:8px;font-size:15px;cursor:pointer;transition:.3s}
.ulqt strong{color:#104CBA;font-size:70px;text-shadow: -3px 3px 0px rgba(0, 0, 0, 0.25);}
.ulqt h3{font-size:22px;font-family:rob}
.ulqt .item >*:nth-child(3){margin-bottom:0}
.ulqt .item:hover{background:linear-gradient(122.29deg, #104CBA -2.72%, #347ED6 41.15%, #54ABEF 100%);color: #fff;}
.ulqt .item:hover strong{color:#A3C2FC}

/*dghome*/
.dghome{background:url(/Design/bg-dg.jpg);background-size:cover;color:#fff}
.lidg .nd{background: rgba(255, 255, 255, 0.1);padding:30px;font-size:18px;position:relative}
.lidg .nd:before{content:"\f10d";font-family:fontawesome;font-weight:900;font-size:30px;position:relative;left:-15px}
.lidg .nd:after{position: absolute;content: "";border: 15px solid transparent;border-top-color:rgba(255, 255, 255, 0.1);bottom:-30px;left: 30px;}
.lidg .if{margin-top:25px;display: flex;align-items: center;}
.imgava{width:88px;height:88px;border-radius:50%;float:left}
.lidg .name{margin-left:20px;font-size:15px}
.lidg .name strong{font-size:18px;font-family:rob}
@media only screen 
and (max-width: 576px){
}

/*producthome*/
.producthome{}
.bgsp{background:url(/Design/bg-sp.jpg) no-repeat bottom;background-size:cover}
.bgsp *{color:#fff;}
.nav-tabti{display:flex;justify-content: center;gap: 15px;font-size: 14px;}
.nav-tabti a{font-size:14px;transition:.3s}
.nav-tabti a:hover,.nav-tabti a.active{background:#CB2227;color:#fff;border-color:#CB2227}
.ulda.row{row-gap: 15px;}
.ulda .item{position:relative}
.ulda .imgz{padding: 38%;}
.ulda .hover{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;opacity:0;background:rgba(0, 0, 0, 0.3);transition:.3s}
.ulda .item:hover .hover{opacity:1}
.ulda .nd{text-align:center;color:#fff;margin:auto;margin-bottom:0;width:100%;padding:15px;padding-bottom:35px;transition:.3s;bottom:-200px;position:relative}
.ulda .item:hover .nd{bottom:0;top:auto}
.ulda h3{font-size:15px;font-family:rob;margin-top:8px}
.viewda{font-size:14px;}
.viewda:before{content:"\f06e";font-family:fontawesome;font-weight:900;margin-right:5px}
@media only screen
and (max-width :576px){
  .ulda .nd{padding:5px 2px}
  .ulda h3{font-size:13px}
  .viewda{display:none}
}

/*newshome*/
.newshome{}
.imgtt{padding: 37%;}
.ultt h3{font-size: 16px;font-family:rob}
.ultt h3:hover{color:#D83030}
.ulttl .nd{min-height: 155px;}
.ultt .link{font-size:13px;color:#104CBA}
.ultt .link:hover{color:#D83030}
@media only screen
and (max-width :576px){
}

/*khac*/
.owldot .owl-dots{margin-top:20px;text-align:center}
.owldot .owl-dots button{outline:0}
.owldot .owl-dots span{display: block;width: 14px;height: 14px;margin: 5px;border-radius: 50%;border:1px solid #fff}
.owldot .owl-dots button.active span,.owldot .owl-dots button:hover span{background:#D83030;border-color:#D83030}
.owl-hover.owl-carousel .owl-nav button{border-radius:0;top:0;margin:0;height:100%;position: absolute;border:none;outline:none;}
.owl-hover .owl-nav button.owl-prev{left: 20px;}
.owl-hover .owl-nav button.owl-next{right: 19px;}
.owl-hover.owl-carousel .owl-nav button:before{position:absolute;background-color: #F4F4F4;color:#000;border-radius:50%;font-size: 22px;width: 50px;height: 50px;top:0;bottom:0;margin:auto;padding: 12px 0;box-sizing:border-box;}
.owl-hover .owl-prev:before{content:"\f053";font-family:fontawesome;right:0;font-weight:300}
.owl-hover .owl-next:before{content:"\f054";font-family:fontawesome;left:0;font-weight:300}
.owl-hover.owl-carousel .owl-nav button:hover:before{background-color:#D83030;color:#fff}

.inner_page{padding: 50px 0;}
/*sidebar*/
.col_side .td{font-size:20px;font-family:rob;text-transform:uppercase;margin-bottom:25px;background:#104CBA;color:#fff;padding:10px;position:relative}
.col_side .td:before{content:"";position:absolute;border-bottom: 4px solid #D83030;bottom: 0px;left:0;width:73px;}
.boxside+.boxside{margin-top:50px}
.ulttside li{display:flex}
.ulttside li+li{margin-top:20px}
.imgside{height:70px;width:70px;margin-right:20px}
.ulttside li .nd{display:flex;width:calc(100% - 90px);height:68px}
.ulttside li .nd >div{margin:auto 0}
.ulttside li .nd h4{font-size:16px;color:#333;font-family:swic;margin-bottom:5px}
.ulttside li .nd h4:hover{color:#D83030}
.ulttside li .nd p{color:#999;font-size:12px}
.tagside a{padding:7px 26px 5px;color:#6f6f6f;background:#f5f5f5;display:inline-block;margin-right:5px;margin-bottom:10px}
.tagside a:hover{background:#D83030;color:#fff}
@media only screen 
and (max-width: 768px){
.col_side{display:none}
}

/*ttpage*/
.ultt .date{color:#b2b2b2;margin-top:25px}
.litt{text-align:center}

/*bvpage*/
.bvpage{padding: 50px 0 80px;border-bottom:1px solid #e1e1e1}
.tagbv{font-family:swic;margin-bottom:10px}
.tagbv a{font-family:swi;color:#6f6f6f}
.tagbv a+a:before{content:",";margin-right:5px;color:#6f6f6f}
.tagbv a:hover{color:#D83030}
.bvothers{padding:70px 0 50px}
@media only screen 
and (max-width: 768px){
.bvpage,.bvothers{padding:30px 0 0}
}

/**/
.sppage{}
.lisp{text-align:center}
.ulsp .imgz{padding:37%}
.ulsp h3{font-size:17px;font-family:rob;color:#104CBA;margin-top: 12px;}
.ulsp .lisp:hover h3{color:#D83030}

/*dppage*/
.dppage{padding-top:50px}
.dptop .row{flex-direction: row-reverse;}
.info_contain{}
.slider_contain {}
#slider{background:#f3f6fb;height:555px}
#slider .slides li{position:relative;}
#slider .slides img{position:absolute;height:auto;width:auto;max-width: 100%;max-height: 100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
#carousel{margin-top:20px;}
#carousel .slides > li{height: 100px;background:#f3f6fb;cursor:pointer;opacity:.5;border: 1px solid #d5d5d5;}
.flex-active-slide{opacity:1 !important}
#carousel .slides > li img{max-width:90%;max-height:90%}
.titproduct{font-size: 28px;color:#252525;text-transform:capitalize;font-family:swic;}
.giadp{color:#dd2222;font-size: 24px;margin-top:20px}
.infodp{color:#6f6f6f;margin-top:20px}
.cartdp{overflow:hidden;margin-top:45px;display:flex;}
.cartdp .textbox{background:#f5f5f5;color:#6f6f6f}
.cartdp .tinh{cursor:pointer;width:45px;height:55px;line-height:55px;text-align:center;float:left;box-sizing:border-box;}
.cartdp .txt{width:50px;height:55px;text-align:center;float:left;outline:0;background:#f5f5f5}
.cartdp .gio-hang{margin-left:10px;height:55px;padding:0 28px;background:#D83030;color:#fff;letter-spacing:2px;text-transform:uppercase;font-family:swic}
.carderror{color:#dd2222;font-size:14px}
.phonedp{padding-top:50px;margin-top:30px;border-top:1px solid #ebebeb}
.phonedp a{display:block;text-transform:uppercase;text-align:center;background:#D83030;color:#fff;height:55px;line-height:55px;font-family:swic;}

.ultabdp{color:#999999;font-family:swic;display:flex;justify-content: center;padding:0;position:relative}
.ultabdp:before{content:"";position:absolute;width:100%;height: 0;left:0;border-bottom:1px solid #ebebeb;top:0;bottom:0;margin:auto;}
.ultabdp li{position:relative;background:#fff;padding:0 5px}
.ultabdp li+li{padding-left:65px}
.ultabdp li.active{color:#495057}
.tab-over{margin-top:40px}
.fb-comments{display:block !important;width: 100% !important}
@media only screen 
and (max-width: 576px){
	#slider{height:250px}
}