.menu-bar{position: absolute; right: 0; bottom: -22px; left: 0; max-width: 970px; height: 40px; margin: auto; background: #03548c; z-index: 91;}
.menu-icon{position: relative; float: left; width: 50px; height: 40px; background: #fd9a25;}
.menu-icon span{display: block; width: 28px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff;}
.menu-icon span:after, .menu-icon span:before{content: ''; position: absolute; display: block; width: 28px; height: 2px; background: #fff;}
.menu-icon span:after{bottom: -8px;}
.menu-icon span:before{top: -8px;}

.menu{float: left;}
.menu ul{list-style: none; transition: all 0.25s ease 0s;}
.menu ul li{position: relative;}
.menu ul li a{display: block; color: #fff; transition: all 0.25s ease 0s;}

.menu > ul > li{float: left;}
.menu > ul > li > a{font-weight: bold; text-transform: uppercase; line-height: 40px;}
.menu > ul > li:first-child a{}
.menu > ul > li.active > a, .menu > ul > li:hover > a{background: #fd9a25;}

.menu ul li ul{position: absolute; width: 225px; transform-origin: 0 0; opacity: 0;}
.menu ul li ul li a{padding: 0 15px; background: #fff; line-height: 35px; color: #333;}
.menu ul li ul li a:hover{background: #fd9a25; color: #fff;}

.menu > ul > li > ul{top: 100%; left: 0; transform: scale(1,0);}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}

.menu > ul > li > ul > li > ul{top: 0; left: 100%; transform: scale(0,1);}
.menu > ul > li > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}

@media (min-width: 320px){
    .menu{display: none;}
}
@media (min-width: 970px){
    .menu{display: block;}
    .menu-display{display: none;}
    .menu > ul > li > a{padding: 0 17px;}
}
@media (min-width: 1170px){
    .menu > ul > li > a{padding: 0 20px;}
}.congviec{padding: 50px 0 20px;}
.congviec ul{list-style: none;}
.congviec ul li{position: relative; margin-bottom: 30px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 10px; overflow: hidden; transition: all 0.25s ease 0s;}
.congviec ul li a{position: relative; display: block; font-size: 16px; font-weight: 700; color: #fff;}
.congviec ul li a:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-image: linear-gradient(rgba(0,0,0,0) 30%, rgba(0,0,0,0.75) 100%); opacity: 0.5; transition: all 0.25s ease 0s;}
.congviec ul li a img{opacity: 0;}
.congviec ul li a span{position: absolute; bottom: 0; left: 0; display: block; padding: 15px;}
.congviec ul li a span i{margin-left: 5px; animation: move 1s infinite;}
.congviec ul li:hover {background-position: 100% 100%;}
.congviec ul li:hover a:before{opacity: 0.75;}
@keyframes move{0%{transform: translateX(0);} 50%{transform: translateX(3px);} 100%{transform: translateX(0);}}
.congviec-title{margin-bottom: 50px;}
.congviec-title{position: relative;}
.congviec-title p:nth-child(1){position: relative; display: inline-block; margin-bottom: 10px; padding-bottom: 10px; font-size: 16px; font-weight: 700; text-transform: uppercase;}
.congviec-title p:nth-child(1):after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: calc(100% - 6px); height: 5px; margin: auto; border: 3px solid #fd9a25; border-top: transparent;}
.congviec-title p:nth-child(3){font-family: Noticia Text; font-size: 28px; font-weight: 600; text-transform: capitalize; color: #03548c;}
.congviec-title p:nth-child(4){font-size: 16px; color: #555;}
.congviec-all{margin: auto;}
.congviec-all a{display: block; background: #fd9a25; border-radius: 5px; font-weight: 700; text-align: center; line-height: 40px; color: #333; transition: all 0.25s ease 0s;}
.congviec-all a:hover{background: #03548c; color: #fff;}
@media (min-width:320px){
    .congviec-title p:nth-child(3){margin-bottom: 10px;}
    .congviec-all{width: 125px;}
}
@media (min-width:480px){
    .congviec ul li{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .congviec ul li:nth-child(2n){margin-right: 0;}
}  
@media (min-width:768px){
    .congviec-title p:nth-child(3){float: left; margin-top: 3px; margin-botom: 0;}
    .congviec-title p:nth-child(4){float: left; max-width: 410px; margin-left: 15px; padding-left: 15px; border-left: 1px solid #d7d7d7;}
    .congviec-all{position: absolute; top: 50px; right: 0; width: 100px;}
}
@media (min-width:970px){
    .congviec ul li{width: calc((100% - 60px)/3);}
    .congviec ul li:nth-child(2n){margin-right: 30px;}
    .congviec ul li:nth-child(3n){margin-right: 0;}
    .congviec-title p:nth-child(4){margin-left: 50px; padding-left: 50px;}
    .congviec-all{width: 125px;}
}
@media (min-width:1170px){
    .congviec-title p:nth-child(4){margin-left: 100px; padding-left: 100px;}
}.dichvu{padding: 50px 0; background: rgb(3 84 140 / 0.125);}
.dichvu .owl-nav{width: 120px; margin: 30px auto 0;}
.dichvu .owl-nav button{width: 40px; height: 50px; margin: auto; background: #fff; transition: all 0.25s ease 0s;}
.dichvu .owl-nav button:hover{background: #03548c;}
.dichvu .owl-nav button.owl-prev{float: left;}
.dichvu .owl-nav button.owl-next{float: right;}
.dichvu .owl-nav button i{display: block; font-size: 18px; color: #333;}
.dichvu .owl-nav button:hover i{color: #fd9a25;}
.dichvu-title{margin-bottom: 50px;}
.dichvu-title{position: relative; text-align: center;}
.dichvu-title p:nth-child(1){position: relative; display: inline-block; margin-bottom: 10px; padding-bottom: 10px; font-size: 16px; font-weight: 700; text-transform: uppercase;}
.dichvu-title p:nth-child(1):after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: calc(100% - 6px); height: 5px; margin: auto; border: 3px solid #fd9a25; border-top: transparent;}
.dichvu-title p:nth-child(2){margin-bottom: 10px; font-family: Noticia Text; font-size: 28px; font-weight: 600; text-transform: capitalize; color: #03548c;}
.dichvu-title p:nth-child(3){max-width: 480px; margin: auto; font-size: 16px; color: #555;}
.dichvu-item{margin-bottom: 30px;}
.dichvu-wrap{padding: 20px; background: #fff; border-top: 3px solid #fd9a25; text-align: center; transition: all 0.25s ease 0s;}
.dichvu-wrap:hover{box-shadow: 2px 2px 3px rgb(0 0 0 / 0.25);}
.dichvu-item .dichvu-wrap{box-shadow: 2px 2px 3px rgb(0 0 0 / 0.25);}
.dichvu-item:hover .dichvu-wrap{box-shadow: 2px 2px 3px rgb(0 0 0 / 0.5); transform: translateY(-3px);}
.dichvu-img{margin-bottom: 15px;}
.dichvu-img img{width: 100%;}
.dichvu-name{display: -webkit-box; margin-bottom: 10px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden;}
.dichvu-name a{display: block; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #333; transition: all 0.25s ease 0s;}
.dichvu-name a:hover{color: #fd9a25;}
.dichvu-prev{display: -webkit-box; margin-bottom: 20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #555; overflow: hidden;}
.dichvu-more a{text-transform: uppercase; color: #fd9a25;}
.dichvu-more a:hover{color: #03548c;}
@media (min-width:480px){
    .dichvu-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .dichvu-item:nth-child(2n){margin-right: 0;}
} 
@media (min-width:970px){
    .dichvu-item{width: calc((100% - 60px)/3);}
    .dichvu-item:nth-child(2n){margin-right: 30px;}
    .dichvu-item:nth-child(3n){margin-right: 0;}
}.goingay{position: relative; background: url(/components/2goingay/bg.jpg) no-repeat center bottom fixed; background-size: cover;}
.goingay:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgb(3 84 140 / 0.75);}
.goingay-text{padding: 150px 0; font-family: Noticia Text; font-size: 28px; font-weight: 700; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgb(0 0 0 / 0.25);}
.goingay-number{position: absolute; right: 0; bottom: -25px; left: 0; width: 270px; margin: auto; border-radius: 25px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 0.25); overflow: hidden;}
.goingay-number a{display: block; background: #fff; font-size: 21px; text-align: center; line-height: 50px; color: #333; color: #fd9a25; transition: all 0.25s ease 0s;}
.goingay-number a:hover{background: #fd9a25; color: #fff;}.thumua{padding: 50px 0; background: rgb(3 84 140 / 0.125);}
.thumua .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; background: transparent;}
.thumua .owl-nav button.owl-prev{left: -55px;}
.thumua .owl-nav button.owl-next{right: -55px;}
.thumua .owl-nav button i{display: block; font-size: 24px; color: #333; opacity: 0.5; transition: all 0.25s ease 0s;}
.thumua .owl-nav button i:hover{opacity: 1;}
.thumua-title{margin-bottom: 30px; font-family: Noticia Text; font-size: 28px; font-weight: 600; text-transform: capitalize; text-align: center; color: #03548c;}
.thumua-wrap{padding: 0 15px;}
.thumua-img{position: relative; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 30px;}
.thumua-img span{position: absolute; bottom: 15px; left: -15px; display: block; width: 75px; background: #03548c; border-radius: 10px; color: #fff; transition: all 0.25s ease 0s;}
.thumua-img span:hover{background: #fd9a25;}
.thumua-time{margin-bottom: 5px; font-size: 12px; letter-spacing: 1px; color: #555;}
.thumua-info{padding: 10px; background: #fff;}
.thumua-name{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden;}
.thumua-name a{display: block; font-weight: 700; text-transform: uppercase; color: #333; transition: all 0.25s ease 0s;}
.thumua-wrap:hover .thumua-name a{color: #fd9a25;}
.thumua-all{width: 125px; margin: 30px auto 0;}
.thumua-all a{display: block; background: #03548c; border-radius: 5px; font-weight: 700; text-align: center; line-height: 40px; color: #fff; transition: all 0.25s ease 0s;}
.thumua-all a:hover{background: #fd9a25; color: #333;}
@media (min-width:320px){
    .thumua .owl-nav{display: none;}
}
@media (min-width:970px){
    .thumua .owl-nav{display: block;}
}.tintuc{padding: 75px 0 50px;}
.tintuc .owl-nav{width: 120px; margin: 30px auto 0;}
.tintuc .owl-nav button{width: 40px; height: 50px; margin: auto; background: rgb(3 84 140 / 0.125); transition: all 0.25s ease 0s;}
.tintuc .owl-nav button:hover{background: #03548c;}
.tintuc .owl-nav button.owl-prev{float: left;}
.tintuc .owl-nav button.owl-next{float: right;}
.tintuc .owl-nav button i{display: block; font-size: 18px; color: #333;}
.tintuc .owl-nav button:hover i{color: #fd9a25;}
.tintuc-title{margin-bottom: 50px;}
.tintuc-title{position: relative; text-align: center;}
.tintuc-title p:nth-child(1){font-family: Noticia Text; font-size: 28px; font-weight: 600; text-transform: capitalize; color: #03548c;}
.tintuc-title p:nth-child(2){max-width: 480px; margin: auto; font-size: 16px; letter-spacing: 1px; color: #555;}
.tintuc-item{margin-bottom: 30px;}
.tintuc-wrap{transition: all 0.25s ease 0s;}
.tintuc-time{position: relative; display: inline-block; margin-left: 30px; padding: 5px 10px; border: 1px solid #d7d7d7; border-bottom: none; font-weight: bold; color: #03548c;}
.tintuc-time:after{content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; background: #fff;}
.tintuc-img{padding: 10px; border: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.tintuc-img img{width: 100%;}
.tintuc-info{padding: 10px; border: 1px solid transparent; border-top: 0;}
.tintuc-name{margin-bottom: 10px;}
.tintuc-name a{display: block; font-size: 18px; font-weight: 700; text-transform: capitalize; color: #333; transition: all 0.25s ease 0s;}
.tintuc-name a:hover{color: #03548c;}
.tintuc-prev{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #555; overflow: hidden;}
.tintuc-more{margin-top: 10px; padding-top: 10px; border-top: 1px solid #d7d7d7;}
.tintuc-more a{display: block; font-weight: 700; color: #333; transition: all 0.25s ease 0s;}
.tintuc-wrap:hover{box-shadow: 2px 2px 3px rgb(0 0 0 / 0.25);}
.tintuc-wrap:hover .tintuc-img{border-bottom-color: transparent;}
.tintuc-wrap:hover .tintuc-info{border-color: #d7d7d7;}
.tintuc-wrap:hover .tintuc-more a{transform: translateX(10px); color: #03548c;}
@media (min-width:480px){
    .tintuc-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .tintuc-item:nth-child(2n){margin-right: 0;}
    .tintuc-name{height: 56px; overflow: hidden;}
} 
@media (min-width:970px){
    .tintuc-item{width: calc((100% - 60px)/3);}
    .tintuc-item:nth-child(2n){margin-right: 30px;}
    .tintuc-item:nth-child(3n){margin-right: 0;}
}.contact{position: relative; max-width: 970px; margin: auto;}
.contact-form{box-sizing: border-box; margin-bottom: 0; padding: 30px; background: #fff; border-radius: 10px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);}
.contact-title{margin-bottom: 15px; font-size: 18px; font-weight: 700; line-height: 30px; color: #fd9a25;}
.contact-item{width: 150px; margin: auto;}
.contact-info ul{list-style: none; width: 100%;}
.contact-info ul li{line-height: 30px;}
.contact-info ul li span:nth-child(1){display: inline-block; width: 100px; vertical-align: top;}
.contact-info ul li span:nth-child(2){display: inline-block; width: calc(100% - 105px);}
.contact-info ul li a{color: #555;}
.contact-info ul li a b{color: #ed1c24;}
@media (min-width: 320px){
    .contact-form{margin-bottom: 30px;}
}
@media (min-width: 768px){
    .contact-form{float: left; width: 50%; margin-bottom: 0;}
    .contact-info{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(50% - 60px); margin: auto; align-items: center; justify-content: left;}
}.news-item{margin-bottom: 20px; background-color: #fff; background-repeat: no-repeat; background-position: top left; box-shadow: 2px 2px 5px rgba(0,0,0,0.25); transition: all 0.25s ease 0s;}
.news-item:hover{box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5); transform: translateY(-3px);}
.news-img img{width: 100%;}
.news-info{box-sizing: border-box; padding: 15px;}
.news-time{margin-bottom: 5px; color: #fd9a25;}
.news-name{margin-bottom: 10px;}
.news-name a{display: block; font-size: 18px; font-weight: bold; color: #333; transition: all 0.25s ease 0s;}
.news-name a:hover{color: #03548c;}
.news-prev{color: #555;}
@media (min-width:320px){
    .news-item{background-size: 0;}
    .news-img{margin: 0 0 10px;}
}
@media (min-width:480px){
    .news-item{background-size: 200px 100%;}
    .news-img{float: left; width: 200px; margin: 0; opacity: 0;}
    .news-info{float: right; width: calc(100% - 200px);}
}
@media (min-width:767px){
    .news-item{background-size: 300px 100%;}
    .news-img{width: 300px;}
    .news-info{width: calc(100% - 300px);}
}
@media (min-width:970px){
    .news-list{padding-right: 20px;}
}.product-left{width: 100%; margin-bottom: 30px;}

.product-prev{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.product-prev b{line-height: 20px;}

.product-string{list-style: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7;}
.product-string li{line-height: 22px;}
.product-string li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-string li b:after{content: ':'; position: absolute; right: 0;}
.product-string li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px;}
.product-string li:last-child b{width: auto;}
.product-string li:last-child b:after{content: '';}
.product-string li:last-child span{width: auto;}

.product-red{color: #ed1c24;}
.product-blue{color: #32a5d2;}

.product-price{list-style: none; margin-bottom: 10px;}
.product-price li{line-height: 30px;}
.product-price li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-price li b:after{content: ':'; position: absolute; right: 0;}
.product-price li label{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-size: 20px; font-weight: bold; color: #ed1c24;}
.product-price li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-size: 14px; font-weight: bold; color: #777;}

.product-quantity{margin: 0 0 13px;}
.product-quantity b{position: relative; display: inline-block; width: 105px; height: 30px; line-height: 30px; vertical-align: top;}
.product-quantity b:after{content: ':'; position: absolute; right: 0;}
.product-quantity-control{display: inline-block; width: 105px; margin: 0 0 0 12px;}
.product-quantity-control div{float: left; width: 22px; height: 30px;}
.product-quantity-control div:last-child{float: right;}
.product-quantity-control div a{display: block; font-size: 25px; text-align: center; line-height: 30px; color: #fff; background: #32a5d2; transition: all 0.25s ease 0s;}
.product-quantity-control div a:hover{background: #ff0000;}
.product-quantity-control input[type='text']{float: left; width: calc(100% - 54px); height: 30px; margin: 0 5px; font-size: 15px; text-align: center; text-indent: 0; color: #32a5d2; border: 1px solid #32a5d2;}

.product-cart{position: relative; padding-top: 27px;}
.product-cart a{position: relative; float: left; display: block; font-size: 16px; font-weight: bold; line-height: 40px; color: #fff; margin-bottom: 10px; padding: 0 15px 0 40px;}
.product-cart a:nth-child(1){margin-right: 10px; background: #bf191e;}
.product-cart a:nth-child(2){background: #32a5d2;}
.product-cart-add:hover a,
.product-cart-go:hover a{background: #ff0000;}
.product-cart a i{position: absolute; top: 0; left: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.product-cart p {position: absolute; top: -5px; left: 0; display: none; font-style: italic; color: #1c4233;}

.product-tab{margin-top: 25px; padding-top: 25px; border-top: 1px solid #d7d7d7;}
.product-tab > ul{list-style: none;}
.product-tab > ul > li{float: left; font-size: 16px; font-weight: bold; line-height: 40px;}
.product-tab > ul > li > a{display: block; padding: 0 15px; background: #d7d7d7; border: 1px solid #d7d7d7; color: #fff;}
.product-tab > ul > li > a.active{position: relative; background: #fff; color: #ed1c24;}
.product-tab > ul > li > a.active:after{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #fff;}

.product-content{padding: 15px; border: 1px solid #d7d7d7;}

@media (min-width: 320px){    

}
@media (min-width: 360px){

}
@media (min-width: 410px){

}
@media (min-width: 480px){

}
@media (min-width: 580px){

}
@media (min-width: 768px){
    .product-left{float: left; width: 350px; margin-bottom: 0;}
    .product-right{float: right; width: calc(100% - 375px);}
}
@media (min-width: 970px){
    .product-left{width: 400px;}
    .product-right{width: calc(100% - 430px);}
}
@media (min-width: 1170px){

}.sp-item{float: left; margin-bottom: 25px;}
.sp-wrap{text-align: center; border: 1px solid #dcdcdc; box-shadow: 0 0 1px rgba(0,0,0,0.25);}
.sp-img{position: relative; margin-bottom: 10px;}
.sp-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%;}
.sp-name{height: 23px; overflow: hidden; margin-bottom: 5px;}
.sp-name a{color: #004dfc;}
.sp-price{color: #ff0000; margin-bottom: 10px;}
.sp-more{font-size: 13px; line-height: 25px;}
.sp-more a{display: inline-block; width: 135px; height: 25px; color: #756e6e; border: 1px solid #dcdcdc; border-radius: 13px; transition: all 0.25s ease 0s;}
.sp-more a:hover{background: #dcdcdc; color: #004dfc;}
.sp-list .owl-nav{position: absolute; top: -40px; right: 0; width: 55px;}
.sp-list .owl-nav div.owl-prev{float: left;}
.sp-list .owl-nav div.owl-next{float: right;}
.sp-list .owl-nav div i{width: 23px; border: 1px solid transparent; text-align: center; line-height: 23px; color: #777; transition: all 0.25s ease 0s;}
.sp-list .owl-nav div i:hover{border: 1px solid #dd3333; color: #dd3333}
@media (min-width:320px){
    .sp-wrap{font-size: 15px; padding: 5px;}
    .sp-item{width: calc((100% - 10px) / 2); margin-right: 10px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:360px){

}
@media (min-width:410px){
    .sp-wrap{font-size: 17px; padding: 15px;}
}
@media (min-width:480px){
    .sp-item{width: calc((100% - 30px) / 2); margin-right: 30px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .sp-item{width: calc((100% - 10px) / 3); margin-right: 05px;}
    .sp-item:nth-child(2n){margin-right: 05px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:768px){
    .sp-item{width: calc((100% - 50px) / 3); margin-right: 25px;}
    .sp-item:nth-child(2n){margin-right: 25px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .sp-item{width: calc((100% - 60px) / 4); margin-right: 20px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n){margin-right: 20px;}
    .sp-item:nth-child(4n){margin-right: 0;}
}
@media (min-width:1170px){
    .sp-item{width: calc((100% - 60px) / 5); margin-right: 15px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n),
    .sp-item:nth-child(4n){margin-right: 15px;}
    .sp-item:nth-child(5n){margin-right: 0;}
}