@charset "UTF-8";

.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: #ffffff; background-clip: padding-box; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; }
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal-sm { width: 300px; } }
.clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; }
.clearfix:after, .modal-header:after, .modal-footer:after { clear: both; }
.center-block { display: block; margin-right: auto; margin-left: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; }
.affix { position: fixed; }
#modalBuyNow .close { position: absolute; right: 5px; top: 5px; background: transparent; border-width: 0; font-size: 26px; display: block; width: 30px; height: 30px; line-height: 30px; z-index: 1; opacity: .7; }
#modalBuyNow .close:hover, #modalBuyNow .close:focus { opacity: 1; }
#modalBuyNow .modal-body label { color: #595959; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 1.4; font-weight: 400; margin-bottom: 5px; }
#modalBuyNow .modal-body label .wpcf7-form-control-wrap { margin-top: 5px; }
#modalBuyNow .modal-body label input { height: 40px; width: 100%; background: #f7f7f7; padding: 8px 15px; display: block; }
#modalBuyNow .modal-body .wpcf7-submit { font-size: 16px; text-transform: uppercase; background-color: #0284c7; border: 1px solid #0284c7; color: #ffffff; font-weight: 400; padding: 8px 20px 8px 20px; display: inline-block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
#modalBuyNow .modal-body .wpcf7-submit:hover, #modalBuyNow .modal-body .wpcf7-submit:focus { background-color: #ffffff; color: #0284c7; }
#modalInfoCompany .close, #modalMessage .close { position: absolute; right: 5px; top: 5px; background: transparent; border-width: 0; font-size: 26px; display: block; width: 30px; height: 30px; line-height: 30px; z-index: 1; opacity: .7; }
#modalInfoCompany .close:hover, #modalInfoCompany .close:focus, #modalMessage .close:hover, #modalMessage .close:focus { opacity: 1; }
#modalInfoCompany .modal-body, #modalMessage .modal-body { padding: 35px 20px !important; }
#modalInfoCompany .modal-body .title-company, #modalMessage .modal-body .title-company { font-size: 18px; line-height: 1.3; color: #0284c7; text-align: center; padding-bottom: 5px; margin-bottom: 25px; position: relative; }
#modalInfoCompany .modal-body .title-company::after, #modalMessage .modal-body .title-company::after { content: ''; position: absolute; top: 100%; left: 50%; width: 60px; height: 2px; background-color: #0284c7; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#modalInfoCompany .modal-body .content-dessc, #modalMessage .modal-body .content-dessc { font-weight: normal; display: block; line-height: 1.4; color: #0a0f2b; }
#modalInfoCompany .modal-body .wpcf7-form .wpcf7-text, #modalInfoCompany .modal-body .wpcf7-form .wpcf7-textarea, #modalMessage .modal-body .wpcf7-form .wpcf7-text, #modalMessage .modal-body .wpcf7-form .wpcf7-textarea { height: auto; width: 100%; background: #f7f7f7; padding: 8px 12px; display: block; }
#modalInfoCompany .modal-body .wpcf7-form .wpcf7-submit, #modalMessage .modal-body .wpcf7-form .wpcf7-submit { font-size: 16px; text-transform: uppercase; background-color: #ff3301; border: 1px solid #ff3301; color: #ffffff; font-weight: 400; padding: 8px 20px 8px 20px; display: inline-block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
#modalInfoCompany .modal-body .wpcf7-form .wpcf7-submit:hover, #modalInfoCompany .modal-body .wpcf7-form .wpcf7-submit:focus, #modalMessage .modal-body .wpcf7-form .wpcf7-submit:hover, #modalMessage .modal-body .wpcf7-form .wpcf7-submit:focus { background-color: #ffffff; color: #ff3301; }
.page-header { position: relative; }
.page-header .container { position: relative; z-index: 1; }
.page-header::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(97, 97, 97, 0.5); }
.fb_iframe_widget_fluid { overflow: hidden; }
.lang-switch { float: right; display:none; }
.lang-switch .polylang-flags { width: auto; margin-bottom: 0; list-style: none; padding-left: 0; }
.lang-switch .polylang-flags .lang-item { opacity: .5; display: inline-block; }
.lang-switch .polylang-flags .lang-item.current-lang { opacity: 1; }
.lang-switch .polylang-flags .lang-item:hover { opacity: 1; }
.google-map { position: relative; width: 100%; height: 0; padding-top: 226px; }
.google-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.footer-contact-info .footer-info-box { position: relative; text-align-last: center; }
.footer-contact-info .footer-info-box .fas { text-align: center; color: #0284c7; display: block; }
.footer-contact-info .footer-info-box span { margin-left: 0 !important; }
.site-footer .social-list { padding-left: 5px; }
.site-footer .wpcf7-form .wpcf7-text, .site-footer .wpcf7-form .wpcf7-textarea { height: auto; width: 100%; background: #f7f7f7; padding: 8px 12px; display: block; }
.site-footer .wpcf7-form .wpcf7-submit { font-size: 16px; text-transform: uppercase; background-color: #0284c7; border: 1px solid #0284c7; color: #ffffff; font-weight: 400; padding: 8px 20px 8px 20px; display: inline-block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.site-footer .wpcf7-form .wpcf7-submit:hover, .site-footer .wpcf7-form .wpcf7-submit:focus { background-color: #ffffff; color: #0284c7; }
.main-footer .widget h3.widget-title { font-size: 20px; font-weight: 400; padding-bottom: 5px; color: #ffffff; position: relative; margin-bottom: 20px; }
.main-footer .widget h3.widget-title::after { content: ''; width: 50px; height: 2px; background-color: #ffffff; display: block; position: absolute; top: 100%; left: 0; }
.main-footer .social-list li a { color: #ffffff; }
.main-footer .widget ul li a { color: #ffffff; }
@media (min-width: 768px) { .main-footer .col-md-4.col-sm-4:nth-child(2) { width: 41.66666667% !important; }
.main-footer .col-md-4.col-sm-4:nth-child(3) { width: 25% !important; } }
.footer-bar-mobile { display: none; }
@media (max-width: 767px) { .section-service .vc_col-sm-3 { margin-bottom: 10px; }
.products-2col .vc_grid-item.vc_col-sm-4.vc_visible-item { width: 50%; float: left; }
.products-2col .btn-viewdetail { max-width: 140px; width: 100%; }
.products-2col .myho-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.products-2col .myho-row .col-sm-4 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; float: none; }
.products-2col .myho-row::before { display: none; }
.hidden-mobile { display: none !important; }
.fun-facts .number { font-size: 30px !important; }
.fun-facts .title-fact { font-size: 16px !important; }
.news-slider { margin-top: 20px; }
.grid-recruitment .vc_grid-item.vc_col-xs-6.vc_col-sm-4 { width: 100% !important; } 
#site-footer .footer-contact-info .footer-info-box { display: block; width: 100%; }
#site-footer .footer-contact-info .footer-info-box span { text-align: center; }
#custom_html-1 { display: none; } 
.testi-slider.style-2 .testi-item .says { text-align: justify; }}
@media screen and (max-width: 767px) { .item-employer .employer-content .list-social-employer { width: 100%; }
.item-employer .employer-content .list-social-employer .employer-link { width: 30px; height: 30px; } }
@media screen and (max-width: 767px) { #fixed-social-network { display: none; } }
@media (max-width: 768px) { .footer-bar-mobile { display: block; }
#custom_html-4 { padding-bottom: 60px; }
.footer-bottom { display: none !important; }
.we-ganghang { width: 90px; z-index: 200 !important; bottom: 60px; right: 0px; }
.we-ganghang .inner-img { width: 100%; }
.we-ganghang .inner-content { display: none; }
.we-ganghang .inner-content-mobile { display: block; }
.suntory-alo-phone { display: block; left: unset; right: -20px; bottom: 58px; }
.suntory-alo-phone .phone-number { display: none !important; opacity: 0 !important; }
#fixed-consult { display: none !important; } }
@media screen and (max-width: 768px) { .products-2col .vc_grid-item.vc_col-sm-3 { width: 50%; display: inline-block !important; }
.title h2 { font-size: 14px; } }
.footer-bar-mobile { position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; height: auto; padding: 5px 0; z-index: 3; background: #0284c7; color: #ffffff; }
.footer-bar-mobile .row { margin-left: 5px; margin-right: 5px; }
.footer-bar-mobile .col-xs-3 { padding-left: 5px; padding-right: 5px; }
.footer-bar-mobile .atc-logo { display: block; color: #ffffff; text-align: center; font-size: 10px; }
.footer-bar-mobile .atc-logo img { width: 30px; height: 30px; display: block; margin: auto; }
.footer-bar-mobile .btn-phone-num, .footer-bar-mobile .btn-facebook { display: block; }
.footer-bar-mobile .btn-phone-num .fas, .footer-bar-mobile .btn-phone-num .fab, .footer-bar-mobile .btn-phone-num .far, .footer-bar-mobile .btn-facebook .fas, .footer-bar-mobile .btn-facebook .fab, .footer-bar-mobile .btn-facebook .far { color: #ffffff; font-size: 30px; text-align: center; width: 100%; height: 30px; }
.footer-bar-mobile .btn-phone-num svg, .footer-bar-mobile .btn-facebook svg { background-color: #fff; border-radius: 5px; }
.footer-bar-mobile .btn-phone-num span, .footer-bar-mobile .btn-facebook span { display: block; text-align: center; color: #ffffff; text-align: center; font-size: 10px; }
.footer-bar-mobile .btn-phone-num .img-zalo, .footer-bar-mobile .btn-facebook .img-zalo { width: 34px; height: 34px; margin-bottom: 4px; }
.title { margin-bottom: 0px !important; }
.title h2 { background: #0284c7; margin: 0 0 10px; padding: 10px; font-size: 18px; color: #ffffff; text-transform: uppercase; }
.title-1 { text-align: center; }
.title-1 h2 { margin: 0 0 10px; padding: 10px; font-size: 18px; color: #555; text-transform: uppercase; position: relative; }
.title-1 h2::after { content: ''; display: block; width: 80px; height: 2px; background-color: #0284c7; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.btn-read-all a.vc_btn3 { padding: 0; border: 0px; background-color: transparent; position: absolute; top: 37px; right: 30px; color: #ffffff; }
.btn-read-all:hover { color: #ffffff; background-color: transparent; }
.btn-read-all:hover a { color: #ffffff; background-color: transparent; }
.btn-viewdetail { margin-bottom: 0 !important; text-align: center; }
.btn-viewdetail a { font-size: 13px !important; color: #ffffff !important; text-transform: capitalize !important; background-color: #0284c7 !important; border-radius: 3px !important; padding: 3px 5px !important; }
.btn-back-home { display: block; padding: 6px 20px; background-color: #0284c7; color: #ffffff !important; border-radius: 3px; max-width: 180px; width: auto; margin: 25px auto; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.item-sevice { padding: 10px; border-radius: 3px; border: 1px solid #0284c7; position: relative; }
.item-sevice img { position: absolute; top: 50%; left: 10px; margin-top: -20px; width: 40px; height: 40px; margin-right: 0px !important; margin-bottom: 0px !important; }
.item-sevice .content-box { padding-left: 60px !important; }
.item-sevice .content-box h5 { font-size: 18px; margin-bottom: 8px !important; color: #0284c7; }
.item-sevice .content-box p { margin-bottom: 0 !important; }
.myho-item-product { position: relative; }
.myho-item-product .vc_gitem-row-position-top, .myho-item-product .vc_gitem-row-position-bottom { position: relative !important; }
.myho-item-product .vc_gitem-row-position-top .vc_gitem-col, .myho-item-product .vc_gitem-row-position-bottom .vc_gitem-col { padding: 0; }
.myho-item-product .vc_gitem-row-position-top .vc_custom_heading, .myho-item-product .vc_gitem-row-position-bottom .vc_custom_heading { margin-bottom: 5px; font-size: 15px; color: #0284c7; }
.myho-item-product .vc_gitem-row-position-top .vc_custom_heading h3, .myho-item-product .vc_gitem-row-position-bottom .vc_custom_heading h3 { margin-bottom: 5px; padding: 0 5px; }
.myho-item-product .vc_gitem-row-position-top .vc_custom_heading a, .myho-item-product .vc_gitem-row-position-bottom .vc_custom_heading a { font-size: 15px; color: #0284c7; text-transform: uppercase; min-height: 40px; line-height: 1.3; display: block; }
.myho-item-product .vc_gitem-row-position-top .btn-viewdetail, .myho-item-product .vc_gitem-row-position-bottom .btn-viewdetail { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; width: 100%; }
.myho-item-product .vc_gitem-row-position-top .btn-viewdetail a, .myho-item-product .vc_gitem-row-position-bottom .btn-viewdetail a { display: inline-block; }
.myho-item-product .vc_gitem-row-position-bottom .vc_gitem-col { padding-bottom: 34px; }
.myho-item-product .wpb_single_image .vc_gitem-link { overflow: hidden; display: block; }
.myho-item-product .wpb_single_image .vc_gitem-link img { position: relative; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.myho-item-product a.btn-showmodal { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 15px); background-color: rgba(55, 55, 55, 0.5); opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; color: #ffffff; }
.myho-item-product a.btn-showmodal::before { content: "\f00e"; display: inline-block; font: normal normal normal 30px/1 FontAwesome; font-size: 30px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; }
.myho-item-product .cus-shadown a.btn-showmodal { height: 100%; }
.myho-item-product:hover .wpb_single_image .vc_gitem-link { overflow: hidden; }
.myho-item-product:hover .wpb_single_image .vc_gitem-link img { position: relative; -webkit-transform: scale(1.15) rotate(-3deg); transform: scale(1.15) rotate(-3deg); }
.myho-item-product:hover a.btn-showmodal { opacity: 1; color: #ffffff; }
.myho-item-product-hover { position: relative; background-color: #75c3f1; }
.myho-item-product-hover .vc_gitem-row-position-top, .myho-item-product-hover .vc_gitem-row-position-bottom { position: relative !important; }
.myho-item-product-hover .vc_gitem-row-position-top { display: none; }
.myho-item-product-hover .vc_gitem-row-position-bottom { height: 100%; font-size: 13px; color: #ffffff !important; }
.myho-item-product-hover .vc_gitem-row-position-bottom * { height: 100% !important; }
.myho-item-product-hover .vc_gitem-row-position-bottom .vc_gitem-col > .vc_gitem-acf { height: calc(100% - 34px) !important; overflow: hidden; }
.myho-item-product-hover .vc_gitem-row-position-bottom .box-short-inner * { height: auto !important; font-size: 13px; color: #ffffff !important; }
.myho-item-product-hover .vc_gitem-zone-mini { height: 100%; }
.myho-item-product-hover .btn-viewdetail { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; height: auto !important; }
.myho-item-product-hover::before { padding-top: 0 !important; }
.item-recruitment { position: relative !important; background-color: #ffffff; }
.item-recruitment .vc_gitem-row-position-top, .item-recruitment .vc_gitem-row-position-middle, .item-recruitment .vc_gitem-row-position-bottom { position: relative !important; top: 0 !important; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
.item-recruitment .wpb_content_element { margin-bottom: 0; }
.item-recruitment .vc_custom_heading { margin-bottom: 0; padding: 0 10px; }
.item-recruitment .vc_custom_heading h3 { margin-bottom: 10px; padding-bottom: 1px; position: relative; }
.item-recruitment .vc_custom_heading h3 a { font-size: 16px; font-weight: 700; margin: 8px 0; color: #0a0f2b; line-height: 1.3; display: block; text-transform: uppercase; }
.item-recruitment .vc_custom_heading h3 a:hover { color: #0284c7; }
.item-recruitment .vc_custom_heading h3::after { content: ''; position: absolute; width: 60px; height: 2px; background-color: #0284c7; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.item-recruitment .vc_custom_heading:hover h3::after { width: 80px; }
.item-recruitment .vc_col-sm-12.vc_gitem-col { padding: 0; }
.item-recruitment .info-recruitment { margin-bottom: 5px; }
.item-recruitment .vc_gitem-row-position-bottom { padding-bottom: 10px; }
.item-employer { padding: 10px 10px; position: relative; background-color: #ffffff; }
.item-employer .employer-avata { width: 120px; height: 120px; float: left; }
.item-employer .employer-avata img { width: 100%; height: 100%; }
.item-employer .employer-content { float: left; width: calc(100% - 120px); padding: 10px; text-align: left; }
.item-employer .employer-content .title { margin-bottom: 0px; font-size: 18px; color: #0284c7; text-transform: capitalize; }
.item-employer .employer-content .postion { margin-bottom: 0px; font-size: 14px; color: #cdcdcd; text-transform: capitalize; }
.item-employer .employer-content .list-social-employer { list-style-type: none; padding-left: 0; margin-bottom: 0; text-align: left; position: relative; }
.item-employer .employer-content .list-social-employer a { color: #ffffff; font-size: 16px; }
.item-employer .employer-content .list-social-employer a .fas { margin-right: 5px; }
.item-employer .employer-content .list-social-employer li { display: inline-block; padding: 5px; }
.item-employer .employer-content .list-social-employer li:first-child { padding-left: 0; }
.item-employer .employer-content .list-social-employer .employer-link { width: 36px; height: 36px; background-size: cover; background-position: center; display: block; border-radius: 50%; }
.item-employer .employer-content .list-social-employer .employer-email { background-image: url(//legiaseal.com/wp-content/themes/industro/images/icon-mail.jpg); }
.item-employer .employer-content .list-social-employer .employer-phone { background-image: url(//legiaseal.com/wp-content/themes/industro/images/icon-phone.jpg); }
.item-employer .employer-content .list-social-employer .employer-skype { background-image: url(//legiaseal.com/wp-content/themes/industro/images/icon-skype.jpg); }
.item-employer .employer-content .list-social-employer .employer-zalo { background-image: url(//legiaseal.com/wp-content/themes/industro/images/icon-zalo.jpg); }
.item-employer::after { content: ''; clear: both; width: 100%; display: block; }
.item-slider-emp { position: relative; }
.item-slider-emp .vc_gitem-row-position-top, .item-slider-emp .vc_gitem-row-position-middle { position: relative !important; top: 0 !important; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
.item-slider-emp .vc_gitem-row-position-top .vc_gitem-col, .item-slider-emp .vc_gitem-row-position-middle .vc_gitem-col { padding: 0; }
.item-slider-emp .emp-avata { padding: 10px !important; }
.item-slider-emp .emp-avata .wpb_single_image { margin-bottom: 0; }
.item-slider-emp .emp-avata .vc_single_image-wrapper { border-radius: 50%; overflow: hidden; }
.item-slider-emp .emp-content { padding: 20px 10px !important; }
.item-slider-emp .emp-content .emp-title { margin-bottom: 5px; }
.item-slider-emp .emp-content .emp-title h3 { margin-bottom: 0px; font-size: 18px; color: #ffffff; text-transform: capitalize; }
.item-slider-emp .emp-content .emp-position { color: #ffffff; font-size: 16px; opacity: 0.8; }
.product-flipHorizontalFadeIn { margin-bottom: 10px; position: relative; }
.product-flipHorizontalFadeIn figure { margin: 0; }
.product-flipHorizontalFadeIn .vc_gitem-animated-block { position: relative; }
.product-flipHorizontalFadeIn .vc_gitem-zone-b { overflow: hidden; }
.product-flipHorizontalFadeIn .vc_gitem-zone { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-clip: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.product-flipHorizontalFadeIn .vc_gitem-zone-a { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.product-flipHorizontalFadeIn .vc_gitem-zone-a .wpb_single_image { margin-bottom: 15px; }
.product-flipHorizontalFadeIn .vc_gitem-animate .vc_gitem-zone-b { z-index: 199; }
.product-flipHorizontalFadeIn .vc_gitem-zone-b { display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.product-flipHorizontalFadeIn .vc_gitem-zone-b .vc_gitem-row-position-bottom .vc_gitem-col-p10 { padding: 10px; }
.product-flipHorizontalFadeIn:hover .vc_gitem-zone-a { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.product-flipHorizontalFadeIn:hover .vc_gitem-zone-b { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.item-no-product { max-width: 800px; width: 100%; margin: auto; padding: 40px 0; }
.item-no-product img { max-width: 500px; width: 100%; display: block; margin: auto; }
.item-no-product .search-form { max-width: 600px; width: 100%; margin: auto; }
.item-no-product .title-error { color: #0284c7; font-weight: 700; font-size: 32px; text-align: center; max-width: 600px; width: 100%; margin: 0 auto 25px auto; }
.testi-slider.style-2 .testi-item .says { font-size: 16px !important; }
.grid-recruitment .vc_grid-item.vc_col-xs-6.vc_col-sm-4 { width: 100% !important; }
@media screen and (max-width: 374px) { .item-employer .employer-avata { width: 100%; height: auto; }
.item-employer .employer-avata img { width: 180px; height: 180px; border-radius: 50%; overflow: hidden; display: block; margin: auto; }
.item-employer .employer-content { width: 100%; text-align: center; }
.item-employer .employer-content .list-social-employer { text-align: center; width: 100%; }
.item-employer .employer-content .list-social-employer .employer-link { width: 30px; height: 30px; } }
.product-single { padding: 25px 0; }
.product-single #product-gallery-slider .slider-for { margin-bottom: 0px; }
.product-single #product-gallery-slider .slick-slide img { width: 100%; }
.product-single .product-content h1 { color: #0284c7; font-size: 20px; text-transform: uppercase; font-weight: 400; }
.product-single .product-content .pro-brand, .product-single .product-content .pro-type { display: inline-block; font-size: 14px; }
.product-single .product-content span { vertical-align: middle; }
.product-single .pro-content-head .fb-like { margin-top: 15px; }
.product-single .pro-content-head ul { padding-left: 0; list-style-type: none; text-align: left; margin: 0; }
.product-single .pro-content-head ul li { display: inline-block; padding-right: 10px; margin-right: 10px; position: relative; font-size: 15px; }
.product-single .pro-content-head ul li a { color: #0284c7; font-weight: 400; }
.product-single .pro-content-head ul li a:hover { color: #0284c7; }
.product-single .pro-content-head ul li::after { content: ''; position: absolute; top: 50%; left: 100%; width: 1px; height: 15px; background-color: #232323; margin-top: -8px; }
.product-single .pro-content-head ul li:last-child { padding-right: 0px; margin-right: 0px; }
.product-single .pro-content-head ul li:last-child::after { display: none; }
.product-single .pro-content-head ul li.pro-type a::after { content: ', '; }
.product-single .pro-content-head ul li.pro-type a:last-child::after { content: ''; }
.product-single .pro-content-head, .product-single .pro-short-desc, .product-single .product-variants-wrapper { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
.product-single .product-size-hotline ul { padding-left: 0; list-style-type: none; text-align: left; margin: 0; }
.product-single .product-size-hotline ul li { display: inline-block; padding-right: 10px; margin-right: 10px; position: relative; font-size: 15px; }
.product-single .product-size-hotline ul li a { color: #0284c7; }
.product-single .product-size-hotline ul li a:hover { color: #0284c7; }
.product-single .product-size-hotline ul li::after { content: ''; position: absolute; top: 50%; left: 100%; width: 1px; height: 15px; background-color: #232323; margin-top: -8px; }
.product-single .product-size-hotline ul li:last-child { padding-right: 0px; margin-right: 0px; }
.product-single .product-size-hotline ul li:last-child::after { display: none; }
.product-single .product-actions .btn-default { font-size: 16px; text-transform: uppercase; background-color: #0284c7; border: 1px solid #0284c7; color: #ffffff; font-weight: 400; margin-right: 15px; display: inline-block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.product-single .product-actions .btn-default:hover, .product-single .product-actions .btn-default:focus { background-color: #ffffff; color: #0284c7; }
.product-single .product-tabs-container { padding-top: 45px; margin-top: 15px; }
.product-single .product-tabs-container .nav { padding-left: 0; margin-left: 0; border-bottom: 3px solid #0284c7; list-style-type: none; margin-bottom: 0; }
.product-single .product-tabs-container .nav li { display: inline-block; }
.product-single .product-tabs-container .nav li a { background-color: #ffffff; color: #232323; border-radius: 0; font-size: 16px; text-transform: uppercase; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; display: block; padding: 9px 10px 5px 10px; }
.product-single .product-tabs-container .nav li.active a, .product-single .product-tabs-container .nav li:hover a, .product-single .product-tabs-container .nav li:focus a { background-color: #0284c7; color: #ffffff; }
.product-single .product-tabs-container .tab-content { background-color: #f7f7f7; }
.product-single .product-tabs-container .tab-content a { color: #0284c7; }
.product-single .product-tabs-container .tab-content .tab-pane { padding: 25px; }
.product-single .product-related { margin-top: 50px; }
.product-single .product-related .title h2 { margin-bottom: 20px; }
.price-product { font-size: 16px; margin-bottom: 5px; color: #0284c7; }
.price-product::before { content: 'Giá: '; color: #232323; }
.price-product.price-align-center { text-align: center; }
.testi-slider .slick-dots { display: none; }
.employes-carousel .slick-dots { display: none; }
#product-gallery-slider .slider-nav .slick-slide { padding: 5px; }
#product-gallery-slider .slick-dots { display: none; }
.vc_row { margin-left: -5px; margin-right: -5px; }
.vc_row .col-lg-1, .vc_row .col-lg-10, .vc_row .col-lg-11, .vc_row .col-lg-12, .vc_row .col-lg-2, .vc_row .col-lg-3, .vc_row .col-lg-4, .vc_row .col-lg-5, .vc_row .col-lg-6, .vc_row .col-lg-7, .vc_row .col-lg-8, .vc_row .col-lg-9, .vc_row .col-md-1, .vc_row .col-md-10, .vc_row .col-md-11, .vc_row .col-md-12, .vc_row .col-md-2, .vc_row .col-md-3, .vc_row .col-md-4, .vc_row .col-md-5, .vc_row .col-md-6, .vc_row .col-md-7, .vc_row .col-md-8, .vc_row .col-md-9, .vc_row .col-sm-1, .vc_row .col-sm-10, .vc_row .col-sm-11, .vc_row .col-sm-12, .vc_row .col-sm-2, .vc_row .col-sm-3, .vc_row .col-sm-4, .vc_row .col-sm-5, .vc_row .col-sm-6, .vc_row .col-sm-7, .vc_row .col-sm-8, .vc_row .col-sm-9, .vc_row .col-xs-1, .vc_row .col-xs-10, .vc_row .col-xs-11, .vc_row .col-xs-12, .vc_row .col-xs-2, .vc_row .col-xs-3, .vc_row .col-xs-4, .vc_row .col-xs-5, .vc_row .col-xs-6, .vc_row .col-xs-7, .vc_row .col-xs-8, .vc_row .col-xs-9 { padding-left: 5px; padding-right: 5px; }
.vcblogandnews-bp-vc-element-blogs-article-container { width: 100% !important; }
.vc_grid-item.vc_col-xs-6.vc_col-sm-3 { display: inline-block !important; float: none; }
.pagination { text-align: center; margin-top: 25px; float: left; width: 100%; }
.pagination .inactive { background-color: #f5f5f5; color: #0a0f2b; height: 36px; width: 36px; font-size: 14px; display: inline-block; padding: 0; line-height: 36px; }
.pagination a { background-color: #f5f5f5; color: #0a0f2b; height: 36px; width: 36px; font-size: 14px; display: inline-block; padding: 0; line-height: 36px; }
.pagination .current, .pagination a:hover { background: #0284c7; color: #ffffff !important; height: 36px; width: 36px; font-size: 14px; display: inline-block; padding: 0; line-height: 36px; }
@media screen and (min-width: 992px) {
.main-navigation .lang-item { display: none !important; }
.menu-item.menu-item-gtranslate { display: none !important; } 
.modal-lg { width: 900px; }
#mpsModal .close { position: absolute; right: 5px; top: 5px; background: transparent; border-width: 0; font-size: 26px; display: block; width: 30px; height: 30px; line-height: 30px; z-index: 1; opacity: .7; }
#mpsModal .close:hover, #mpsModal .close:focus { opacity: 1; }
#mpsModal .modal-dialog { width: 900px; }
#mpsModal .msp-slider-nav .slick-slide { padding: 5px; } 
#mega-menu-wrap-primary { background-color: #ffffff; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { display: block; text-decoration: none; text-transform: uppercase; font-size: 14px; color: #0a0f2b; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus { color: #0284c7; background-color: #ffffff !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a { color: #0284c7 !important; background-color: #ffffff !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a { color: #0284c7 !important; background-color: #ffffff !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu > li.mega-menu-item { padding: 10px !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link { display: block; text-decoration: none; text-transform: uppercase; font-size: 14px !important; color: #0284c7 !important; font-weight: 400 !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus { color: #0284c7; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-menu-item { padding: 5px; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-menu-item a:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-menu-item a:focus { color: #0284c7 !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-menu-item a { color: #0284c7 !important; }
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu { min-width: auto; }
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu { min-width: 50px !important; }
.main-navigation {width: calc(100% - 150px);}
.main-navigation ul ul { min-width: 130px; }
.main-navigation ul#mega-menu-primary { text-align: center !important; }
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { position: fixed !important; } }
#primary-sidebar #custom_html-5 { padding-left: 0; }
#primary-sidebar .widget { margin: 0 0 30px !important; }
#primary-sidebar .widget .widget-title { background: #0284c7; margin: 0 0 10px; padding: 10px; font-size: 16px; color: #ffffff; text-transform: uppercase; }
#primary-sidebar .widget .search-form .search-field { border-radius: 0px; }
#primary-sidebar .widget .search-form .search-submit::after { color: #0284c7; }
#primary-sidebar .widget.widget_categories > .cat-item { border-bottom: 0px solid #cdcdcd !important; padding-bottom: 5px; padding-top: 0; }
#primary-sidebar .widget.widget_categories .cat-item { border-bottom-width: 0 !important; padding-bottom: 5px; padding-top: 0; }
#primary-sidebar .widget.widget_categories .cat-item .posts-count { font-weight: 400; color: #cdcdcd; margin-top: 0; }
#primary-sidebar .widget.widget_categories .cat-item .children { padding-left: 15px; margin-top: 0px; margin-left: 0; border-top-width: 0; }
#primary-sidebar .widget.widget_categories .cat-item .children .cat-item { padding-top: 5px; padding-bottom: 5px; border-bottom-width: 0; }
#primary-sidebar .widget.widget_categories .cat-item .children .cat-item a { padding-left: 0; }
#primary-sidebar .widget.widget_categories .cat-item .children .cat-item a::before { font: normal normal normal 14px/1 FontAwesome; content: "\f178"; margin-right: 5px; position: relative; left: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#primary-sidebar .widget.widget_categories .cat-item .children .cat-item a:hover::before { left: 2px; color: #0284c7; }
#primary-sidebar .widget.widget_categories .cat-item.current-cat a { color: #0284c7; }
#primary-sidebar { padding-top: 50px; }
.site-main-taxonomy { overflow: hidden; }
.site-main-taxonomy #primary-sidebar { padding-top: 0; }
.section-padd-top70 #primary-sidebar { padding-top: 0; }
#fixed-social-network { position: fixed; top: 25%; right: -125px; z-index: 99999; }
#fixed-social-network > a { border-radius: 3px; height: 40px; line-height: 40px; padding: 0px 20px 0px 15px; display: block; width: 170px; -webkit-transform: translateX(0px); transform: translateX(0px); margin-bottom: 5px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
#fixed-social-network > a svg { margin-right: 20px; }
#fixed-social-network > a .svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em; }
#fixed-social-network > a.fb-icon { background: #3B5998; color: #fff; }
#fixed-social-network > a.ins-icon { background: #C32AA3; color: #fff; }
#fixed-social-network > a.yt-icon { background: #FF0000; color: #fff; }
#fixed-social-network > a.zl-icon { background: #ffffff; color: #0180c7; border: 1px solid #0180c7; }
#fixed-social-network > a:hover { -webkit-transform: translateX(-120px); transform: translateX(-120px); }
@media (min-width: 1230px) { .primary-sidebar { width: 25% !important; margin-left: 0 !important; } }
.suntory-alo-phone { background-color: transparent; cursor: pointer; height: 120px; position: fixed; -webkit-transition: visibility 0.5s ease 0s; transition: visibility 0.5s ease 0s; width: 120px; z-index: 200 !important; left: 0px; bottom: 0px; }
.suntory-alo-phone .suntory-alo-ph-circle { -webkit-animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; background-color: transparent; border: 2px solid rgba(30, 30, 30, 0.4); border-radius: 100%; height: 100px; left: 0px; opacity: 0.1; position: absolute; top: 0px; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100px; }
.suntory-alo-phone .suntory-alo-ph-circle { border-color: #0284c7; opacity: 1; }
.suntory-alo-phone .suntory-alo-ph-img-circle { border: 2px solid transparent; border-radius: 100%; height: 50px; left: 25px; opacity: 0.7; position: absolute; top: 25px; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; width: 50px; }
.suntory-alo-phone .suntory-alo-ph-img-circle { background-color: #0284c7; }
.suntory-alo-phone .suntory-alo-ph-img-circle i { -webkit-animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; font-size: 30px; line-height: 50px; padding-left: 10px; color: #fff; }
.suntory-alo-phone .suntory-alo-ph-circle-fill { -webkit-animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim; animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim; border: 2px solid transparent; border-radius: 100%; height: 70px; left: 15px; position: absolute; top: 15px; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 70px; }
.suntory-alo-phone .suntory-alo-ph-circle-fill { background-color: #0284c7; }
.suntory-alo-phone .phone-number { position: absolute; top: 35px; left: 82px; color: #ffffff; background-color: #0284c7; visibility: hidden; opacity: 0; padding: 6px 10px; z-index: 0; border-radius: 3px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.suntory-alo-phone:hover .phone-number { left: 78px; visibility: visible; opacity: 1; }
@-webkit-keyframes suntory-alo-circle-anim { 0% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); transform: rotate(0deg) scale(0.5) skew(1deg); }
30% { opacity: 0.5; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); }
100% { opacity: 0.6; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } }
@keyframes suntory-alo-circle-anim { 0% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); transform: rotate(0deg) scale(0.5) skew(1deg); }
30% { opacity: 0.5; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); }
100% { opacity: 0.6; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } }
@-webkit-keyframes suntory-alo-circle-fill-anim { 0% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); }
50% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); }
100% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } }
@keyframes suntory-alo-circle-fill-anim { 0% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); }
50% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); }
100% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } }
@-webkit-keyframes suntory-alo-circle-img-anim { 0% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); }
10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
50% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); }
100% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } }
@keyframes suntory-alo-circle-img-anim { 0% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); }
10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
50% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); }
100% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } }
.we-ganghang { background-color: transparent; position: fixed; height: auto; width: 200px; z-index: 200 !important; bottom: 50px; right: 15px; }
.we-ganghang .inner-img { width: 110px; margin: auto; }
.we-ganghang .inner-img img { width: 100%; }
.we-ganghang .inner-content-mobile { background: rgba(255, 51, 1, 0.8); border-radius: 4px; position: absolute; bottom: calc(100% - 10px); right: 10px; padding: 8px; overflow: hidden; width: 200px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: none; }
.we-ganghang .inner-content-mobile .text-wishes { color: #ffffff; font-size: 16px; font-weight: 400; margin-bottom: 0; }
.we-ganghang .inner-content-mobile::before { content: ''; width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; top: 4px; left: 4px; border: 1px dashed #ffffff; }
.we-ganghang .inner-content { background: rgba(255, 51, 1, 0.6); border-radius: 4px; position: relative; padding: 8px; min-height: 60px; overflow: hidden; }
.we-ganghang .inner-content .text-slogan { color: #ffffff; font-size: 16px; font-weight: 400; text-align: center; position: relative; z-index: 2; margin-bottom: 0; text-transform: uppercase; position: absolute; top: 50%; left: 0; width: 100%; padding: 8px; }
.we-ganghang .inner-content .text-slogan.text-company { -webkit-animation: 7s ease-in-out 0s normal none infinite running textTopBotton-1; animation: 7s ease-in-out 0s normal none infinite running textTopBotton-1; }
.we-ganghang .inner-content .text-slogan.text-remember { -webkit-animation: 7s ease-in-out 0s normal none infinite running textTopBotton-2; animation: 7s ease-in-out 0s normal none infinite running textTopBotton-2; }
.we-ganghang .inner-content::before { content: ''; width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; top: 4px; left: 4px; border: 1px dashed #ffffff; }
.we-ganghang.show .inner-content-mobile { visibility: visible; opacity: 1; }
@-webkit-keyframes textTopBotton-1 { 0% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; }
50% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } }
@keyframes textTopBotton-1 { 0% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; }
50% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } }
@-webkit-keyframes textTopBotton-2 { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
50% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; }
100% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } }
@keyframes textTopBotton-2 { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
50% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; }
100% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } }
.loadding { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; background-color: rgba(255, 255, 255, 0.5); display: none; }
.loadding img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.no-scroll { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; }
#fixed-consult { position: fixed; top: 50%; left: 0; z-index: 9; background-color: #0468a1; -webkit-transform: rotate(90deg) translateY(59px); transform: rotate(90deg) translateY(59px); padding: 6px 20px; color: #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #0468a1; }
#fixed-consult a { color: #ffffff !important; }
#menu-sidebar-product-menu-container .sub-menu li a::before { content: "\f061"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media (min-width: 768px) and (max-width: 991px) { .section-service .vc_col-sm-3 { width: 50%; margin-bottom: 10px; } }
@media only screen and (max-width: 991px) { 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { color: #0284c7; background: rgba(255, 255, 255, 0.1); }
.main-navigation .lang-item { display: inline-block !important; } }
@media screen and (max-width: 991px) { .top-bar { display: none !important; }
#site-logo a img { height: 50px !important; }
#menu-btn { margin-top: 13px !important; }  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item { position: relative; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu { display: none; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 16px; font-weight: 500 !important; text-transform: uppercase; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { text-transform: initial; } }
@-webkit-keyframes changeColor { 25% { color: #ffffff; }
75% { color: #0284c7; } }
@keyframes changeColor { 25% { color: #ffffff; }
75% { color: #0284c7; } }
@-webkit-keyframes changeBgColor { 0% { background-color: #0284c7; }
50% { background-color: #ffffff; } }
@keyframes changeBgColor { 0% { background-color: #0284c7; }
50% { background-color: #ffffff; } }
.footer-bar-mobile .col-xs-3:nth-child(2) .btn-facebook * { -webkit-animation: changeColor 2s infinite; animation: changeColor 2s infinite; }
#fixed-consult { -webkit-animation: changeBgColor 3s infinite; animation: changeBgColor 3s infinite; }
#fixed-consult a { -webkit-animation: changeColor 3s infinite; animation: changeColor 3s infinite; }  .product_image, .slides.slider-for {
box-shadow: 3px 3px 12px rgba(0, 0, 0, .1);
border-radius: 6px;
margin: 0 10px;
padding: 4px; align-content: center;
z-index: 1;
}
div#primary .fadeIn,.vc_grid-item {
box-shadow: 3px 3px 12px rgb(0 0 0 / 0.2);
border-radius: 5px;
padding: 6px !important;
position: relative !important;
overflow: hidden;
transition: all 0.5s ease;
width: 250px;
margin:10px 5px;
}
.main-footer .widget .widget-title {
font-weight: 400;
padding-bottom: 5px;
color: var(--white-color);
position: relative;
margin-bottom: 20px;    }
.mega-fixed-consult-menu {display:none !important;}
div#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {	padding: 0;}
.Send_enquiry .btn {        width: 100%;    }
.vc_tta-panels, .tab-content { border: 0 solid var(--main-color) !important;
border-width: 1px 0 0 0 !important;
min-height: 300px;
background: #fff !important;
}
// timeline
.sectionFeatures .sectionFeaturesBlock {
position: relative;
display: flex;
align-items: normal;
justify-content: normal;
flex-direction: column;
gap: 36px;
margin-top: 50px;
}
.sectionFeatures {
position: relative;    margin: 30px 0;
}
.sectionFeatures .sectionFeaturesBlock::before {
background-color: var(--main-color);
background-image: none;
position: absolute;
top: 22px;
bottom: 16px;
left: 50%;
width: 2px;
height: auto;
border: 0;
border-radius: 2px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
display: flex;
content: "";
}
.sectionFeatures .sectionFeaturesBlock .item {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: initial;
gap: unset; margin: 10px 0 20px;
}
.sectionFeatures .sectionFeaturesBlock .item::before {
background-color: var(--main-color);
background-image: none;
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 1px rgba(10, 14, 34, 0.1), 0 1px 0 rgba(10, 14, 34, 0.14);
transform: translateX(-50%) translateY(-50%);
display: flex;
content: "";}
.sectionFeatures .sectionFeaturesBlock .item .info.right {
text-align: -webkit-right;
}
.export .image {    text-align: end;}
.right h3{justify-content: flex-end;}
.sectionFeatures .sectionFeaturesBlock .item .info {
width: 45%;
height: auto;
}
.sectionFeatures .sectionFeaturesBlock .item .image {
width: 45%;
height: auto;
padding: 0;
display: block;
}
.sectionFeatures .sectionFeaturesBlock .item.export .image {
justify-content: right;
}
span.year {
background-color: var(--white-color);
padding: 4px 8px;
border-radius: 10px;
color: var(--main-color);
font-size: 26px;
margin: 0 10px 0 0;
display: inline-block;    align-content: center;text-align: center;
}
h3.title_timeline {
padding: 10px;
background: var(--main-color);
color: var(--white-color);
border-radius: 10px 10px 0 0;
margin-bottom: 10px; display:flex;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.text120n {
padding: 0 10px 10px;
}
.fit {
border-radius: 10px 10px 0 0;
background: #f9f9f9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.image img {
max-height: 300px;
border-radius: 5px;
padding: 4px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
border: 2px solid var(--main-color);
}
.slick-dotted.slick-slider {display:none;}
ul.mega-sub-menu {    margin-left: 4px !important;}
@media screen and (max-width: 991px){
div.product-single .product-content h1 { text-align: center; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {        padding: 0 20px;    }
}
@media (min-width: 769px) and (max-width: 991px){
div.product_image, div.slides.slider-for {
width: 500px;
margin-bottom: 15px !important;    }
.vc_grid-item h3 a {font-size:12px !important;}
nav#site-navigation,div#mega-menu-wrap-primary #mega-menu-primary > li.mega-fixed-consult-menu,div#mega-menu-wrap-primary #mega-menu-primary >  li.astm-search-menu,svg.search-icon,.search-close {    display: none;float: none;}
div.main-header > div {    display: block;}
div#site-logo {    display: inline-block;}
div#site-logo a {    margin-top: 0;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {background:var(--white-color); }
div#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {display:block;height: inherit;}
div.is-menu-wrapper .is-menu form {
display:block !important;
top: 14px;
position: fixed;
right: 135px;}
}
div#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: var(--white-color);
color: var(--main-color);
} body #bg-accent-1 {
top: 30vh;
right: 0;
background-image: url(https://legiaseal.com/wp-content/uploads/2025/11/bg-accent-2.jpg);
background-position: right center;
}
body #bg-accent-2 {
top: 70vh;
left: 0;
background-image: url(https://legiaseal.com/wp-content/uploads/2025/11/bg-accent-1.jpg);
background-position: left center;
}
body #bg-accent-3 {
top: 130vh;
right: 0;
background-image: url(https://legiaseal.com/wp-content/uploads/2025/11/bg-accent-3.jpg);
background-position: right center;
}
body .bg-accent {
position: fixed;
z-index: -1;
height: 60vh;
width: 30vw;
background-repeat: no-repeat;
background-size: contain;
}
#bg-accent-2 {
animation: parallax-scroll linear;
animation-timeline: scroll(); 
animation-range: 0 30vh; }
@keyframes parallax-scroll {
from {
transform: translateY(0);
}
to {
transform: translateY(300px); 
}
}