/* CSS Document */
/* Copyright 2017 by 3graphic.com */


/*HEADER*/
.header > span{position:fixed;display:block;width:100%;height:110px;background-color:rgba(255,255,255,1);border-bottom:2px solid #eb0028;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;z-index:103}
.header .over-pop{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:93}
.over-blank{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:10}

.logo{position:fixed;left:60px;top:15px;width:320px;height:84px;background:url(../images/logo.svg?v=1.1) no-repeat center center;-webkit-background-size:cover;background-size:cover;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;z-index:104;}
.logo a{display:block;width:100%;height:100%}
#home-page .logo a{pointer-events:none}

.navigation{position:fixed;top:25px;right:160px;width:auto;height:auto;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;z-index:103}
.navigation ul{display:block;width:auto;height:auto}
.navigation li{display:inline-block;width:auto;height:auto;vertical-align:middle;margin:0 -1px}
.navigation li a:before{content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:0;background-color:#1724a9;z-index:-1;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navigation li a{position:relative;display:block;width:auto;height:auto;padding:13px 20px;font-weight:bold;font-size:14px;line-height:1.4;color:#535353;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navigation li a.link-home{width:50px;height:50px;margin:0 10px 0 0;border:1px solid #535353;background:url(../images/icon-top-home.png) no-repeat center top;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:0;text-indent:-9999px;overflow:hidden}

.navigation li a.link-home:before{display:none}
.navigation li a.link-home:hover{background-position:center bottom;border:1px solid #c00c1a}
.navigation li a:hover{color:#fff}
.navigation li a:hover:before{height:100%}
.navigation li.current a.link-home{background-position:center bottom;border:1px solid #c00c1a;pointer-events:none}
.navigation li.current a{color:#fff}
.navigation li.current a:before{height:100%}

.navigation li.hide-pc{display: none}


.overlay-search{position:fixed;left:0;top:0;width:100%;height:0;background-color:rgba(0,0,0,0.3);-webkit-transition:height 0.3s ease-in-out;-ms-transition:height 0.3s ease-in-out;transition:height 0.3s ease-in-out;z-index:106;}
.overlay-search.active{height:100%}
.search-but{position:fixed;right:90px;top:24px;display:block;width:50px;height:50px;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;z-index:107}
.search-but a{display:block;width:100%;height:100%;background:url(../images/icon-top-search.png) no-repeat center top;-webkit-background-size:cover;background-size:cover;background-color:rgba(198,0,15,0);-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:0;text-indent:-9999px;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.search-but:hover a{background-position:center bottom;background-color:rgba(198,0,15,1);}
.search-but.active a{background-position:center bottom;background-color:rgba(198,0,15,1);}

.search-form{position:fixed;right:150px;top:25px;display:block;width:0;height:44px;overflow:hidden;background-color:#fff;border:1px solid #b1b1b1;box-shadow:3px 3px 0 rgba(0,0,0,0.1);opacity:0;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:30px;-ms-border-radius:30px;border-radius:30px;z-index:107}
.search-form.active{opacity:1;width:300px;}
.form-row-search{position:absolute;top:0;left:0;width:100%;height:44px;}
.form-row-search input[type="text"]{display:block;width:100%;height:42px;padding:0 20px;font-size:15px;color:#333;line-height:42px;border:none;background:none;opacity:0.7;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.form-row-search input[type="text"]:focus{opacity:1}


.language{position:fixed;right:30px;top:24px;width:auto;height:auto;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;z-index:104}
.language li{display:block;width:auto;height:auto}
.language li.active{display:none}
.language li a{display:block;width:50px;height:50px;line-height:50px;background-color:rgba(198,0,15,0);font-weight:bold;font-size:18px;color:#535353;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;text-transform:uppercase;text-align:center;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.language li a:hover{background-color:rgba(198,0,15,1);color:#fff}


.top-support{position:fixed;width:auto;height:auto;right:180px;top:74px;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;z-index:104}
.hotline-box{position:relative;display:inline-block;padding:0 0 0 20px;vertical-align:bottom;white-space:nowrap}
.hotline-wrap{position:relative;display:block;width:auto;height:auto}

.hotline-box a{position:relative;top:3px;display:inline-block;width:auto;height:auto;padding:0 10px;font-family:'Roboto', sans-serif;font-weight:700;color:#c00c1a;font-size:18px;line-height:1.2;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-left:1px solid #afafaf;}
.hotline-box:before{content:'';position:absolute;left:0;top:-4px;display:block;width:30px;height:30px;background:url(../images/icon-top-call.png) no-repeat center center;}
.hotline-box a:hover{color:#1724a9}
.hotline-box a:first-child{border:none}

.account-box{display:inline-block;vertical-align:bottom;white-space:nowrap}
.account-box li{display:inline-block;width:auto;height:auto;margin:0 0 0 10px}
.account-box li a{position:relative;display:block;width:auto;height:auto;padding:0 0 0 30px;color:#c00c1a;text-transform:uppercase;font-weight:bold;font-size:13px;line-height:1.2;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.account-box li:hover a{color:#1724a9}

.user-rigister a:before{content:'';position:absolute;left:0;top:-10px;display:block;width:30px;height:30px;background:url(../images/icon-top-register.png) no-repeat center center;}
.user-login a:before{content:'';position:absolute;left:0;top:-9px;display:block;width:30px;height:30px;background:url(../images/icon-top-login.png) no-repeat center center;}


.nav-click{position:fixed;right:6px;top:7px;display:none;width:60px;height:50px;background:url(../images/nav-click.png) no-repeat center top;cursor:pointer;z-index:120;}

.header.hide > span, .hide .logo, .hide .navigation, .hide .language, .hide .search-but, .hide .search-form{position:fixed}
.header.hide > span{height:74px}
.hide .logo{width:224px;height:60px;top:4px}
.hide .navigation{top:0}
.hide .navigation li a{padding:11px 20px 12px 20px}
.hide .navigation li a.link-home{padding:0;width:35px;height:35px;background-position:center -9px}
.hide .navigation li.current a.link-home, .hide .navigation li a.link-home:hover{background-position:center -60px}

.hide .search-but{width:36px;height:36px;top:4px;}
.hide .search-but a{-webkit-background-size:cover;background-size:cover;}
.hide .search-form{top:0;right:134px}

.hide .language{top:4px}
.hide .language li a{width:36px;height:36px;font-size:14px;line-height:36px}

.hide .top-support{top:45px}

/*END HEADER*/




/*--FOOTER--*/
.subcrible .input-text{position:relative;display:block;width:100%;height:auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.subcrible .input-text input[type='text']{width:100%;height:56px;line-height:56px;background:none;border:none;outline:none;-webkit-appearance:none}
.subcrible .input-text input[type='text']:focus{outline:none}
button{background:none;border:none;outline:none;-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.footer{position:relative;display:block;width:100%;height:auto;background-color:#d8dee5}


.app-subcrible{padding:45px 0;background-color:#fff;border-top:1px dotted #000}
.app-subcrible span{display:block;font-family:Verdana, Geneva, sans-serif;font-size:14px;color:#4c4c4c;line-height:1.4}
.app-subcrible span strong{font-weight:bold}
.app{position:relative;display:block;width:62%;float:left}
.app span{margin:0 0 0 40px;}
.app li{display:inline-block;width:auto;height:auto;margin:0 0 0 30px;line-height:0;overflow:hidden;vertical-align:bottom;}
.app li a{display:block;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.app li img{display:block;width:auto;height:auto;max-width:176px}
.app li a:hover{opacity:0.5}


.subcrible{position:relative;float:right;display:block;width:38%;padding:0 40px}
.subcrible .input-text{margin:15px 0 0 0;}
.subcrible .input-text input[type='text']{padding:0 90px 0 20px;background-color:#d8dee5;color:#4c4c4c;-webkit-border-radius:0;border-radius:0}
.subcrible .input-text input[type='text']:focus{background-color:#ccd2d8}
.subcrible button{position:absolute;right:5px;top:5px;width:80px;height:46px;line-height:44px;background-color:rgba(234,0,41,1);font-weight:bold;font-size:18px;color:#fff;text-align:center;cursor:pointer;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;}
.subcrible button:hover{background-color:#1724a9}


.bottom-nav{background-color:#eceff2;text-align:center;border-top:1px dotted #000}
.bottom-nav li{display:inline-block;width:auto;height:auto;}
.bottom-nav li a{position:relative;display:block;width:auto;height:auto;padding:25px 30px;font-size:14px;line-height:1.2;color:#3a3a3a;font-weight:bold; text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.bottom-nav li a:after{content:'/';position:absolute;right:-8px;top:auto}
.bottom-nav li:last-child a:after{display:none}
.bottom-nav li.current a, .bottom-nav li a:hover{color:#cb1a1e}



.bottom-sub{padding:10px 0 25px 0;border-bottom:1px dotted #000}
.sub-items{max-width:inherit;text-align:center}
.sub-item{position:relative;display:inline-block;vertical-align:top;width:auto;height:auto;max-width:298px;margin:0 25px;padding:0 20px;text-align:left}
.sub-item h3{margin:20px 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;line-height:1.4;color:#3a3a3a;text-transform:none}
.sub-item li{display:block;}
.sub-item li a{display:block;padding:5px 0;font-size:14px;line-height:1.4;color:#3a3a3a;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.sub-item li a:hover{color:#c00c1a}
.sub-item li.current a{color:#c00c1a}

.company-info{padding:30px 0 20px 0;text-align:center}
.company-info h2{margin:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:15px;line-height:1.4;color:#3a3a3a;text-transform:uppercase}
.company-info p{margin:0 0 10px 0}
.company-info p, .company-info a{font-size:15px;line-height:1.4;color:#3a3a3a;}
.company-info a{padding:5px 0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.company-info a:hover{color:#1226aa}


.social{padding:0 0 30px 0;text-align:center}
.social li{position:relative;display:inline-block;width:70px;height:70px;margin:0 3px;}
.social li a{position:relative;display:block;width:100%;height:100%;background-position:center top;-webkit-background-size:cover;background-size:cover;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-indent:-999px;overflow:hidden}
.youtube{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAAAZlBMVEUAXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr///8AXKr////8TlmWAAAAIHRSTlMAABAQICAwMEBAUFBgYHBwgICPj5+fr6+/v8/P39/v7wTGeHIAAAFsSURBVHhe7NbdCsMgDIbhFREJQ0qQUUIRyf3f5FbYUR1EJCtjfO95HwXrz21x6a8ZMGDAgAGTiHkTaXpOZGOmNMSkqkY12Uxoataiyaw6EJtMGWHEZOQ7zGfWZNp53HubYfrpR/FgXnHHpBmm/yVpilnCw4E5yr/EFHVg0q4OTG4OCx42j81AVft8tma76qAoPkweYfiqI31JMnXB9EXKXER2PbWLFF4pTly+gY7en+JFAQYMGDBgwIABAwYMmGe7dbfBQAxEAfg0YoyKNaLWWGvk/Z+y9KJ0d5lY01WVc5mLj0jmBwCxyKxqbRvVWYSpi6G1OVnJZ5I1N5ZdZmodEZepPYy6jH6HOWZdxjYK7naGaVsGWUMYQHYMnWH2X5JPMUiPEAYov8TUiEvR0gKYYgEPnuaIYuCjNhZTmnZVo6gxTOlh5KqWDtKIAQMgc5GqurRNFtUqE+eucfeZxK/k98GfbxSDGcxgBjOYJ8oX/qnQ1hbrAAAAAElFTkSuQmCC') /*/images/icon-social-youtube.png*/ no-repeat;}
.zalo{background:url('../images/icon-social-zalo.png'); /*/images/icon-social-google.png*/ no-repeat;}
.facebook{background:url('../images/icon-social-facebook.png') /*/images/icon-social-facebook.png*/ no-repeat;}

.social li a:hover{background-position:center bottom;border:1px solid #1724a9}


.coppy-term{padding:20px 0;background-color:#1724a9;}
.copyright{float:left}
.copyright p{font-size:12px;color:#fff;line-height:1.4;text-transform:uppercase}
.copyright p strong{font-weight:bold}
.copyright a{display:inline-block;padding:5px 0;white-space:nowrap;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.copyright a:hover{color:#3ca4fb}


.term{float:right}
.term li{display:inline-block;width:auto;height:auto}
.term li a{position:relative;display:block;padding:5px 20px;font-size:12px;color:#fff;line-height:1.4;text-shadow:1px 1px 0 rgba(0,0,0,0.5);text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.term li a:after{content:'/';position:absolute;top:auto;right:-5px}
.term li:last-child a:after{display:none}
.term li a:hover{color:#3ca4fb;text-shadow:none}
/*END-FOOTER*/




/*COMMON*/
.loadicon{position:fixed;top:50%;left:50%;display:block;width:120px;height:120px;margin:-60px 0 0 -60px;background:url(../images/load.png) no-repeat center center;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;z-index:110000;}
.loadicon span.circle{position:absolute;left:50%;top:50%;display:block;width:100px;height:100px;margin:-50px 0 0 -50px;border:3px solid rgba(236,101,10,0.3);-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;box-shadow:0 0 20px rgba(46,128,196,0.5);-webkit-animation:Ani 1s infinite;animation:Ani 1s infinite;}

.overlay-menu{position:fixed;left:0;bottom:0;width:100%;height:0;background-color: rgba(0,0,0,0.5);overflow:hidden;-ms-touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-transition:height 0.3s ease-in-out;transition:height 0.3s ease-in-out;z-index:122;}


.go-top{position:fixed;right:30px;bottom:50px;width:53px;height:53px;background:url(../images/icon-go-top.png) no-repeat center center;-webkit-background-size:cover;background-size:cover;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;opacity:0;pointer-events:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:#fff;cursor:pointer;z-index:105}
.go-top.show{opacity:1;pointer-events:auto;box-shadow:0 0 0 1px #d8dee5 inset}
.go-top span{position:relative;top:100%;margin:7px 0 0 0;display:block;font-family: 'Roboto', sans-serif;font-size:14px;text-transform:uppercase;text-align:center}
.go-top:hover{box-shadow:0 0 0 5px #1724a9 inset;}

.scroll-down{position:fixed;bottom:80px;right:10px;width:18px;height:46px;background: url(../images/scroll-down.png) repeat-y ;background-size: 90px 46px; opacity:0; display:none; -webkit-animation: Play 1s steps(10) infinite  alternate; animation: Play 1s steps(10) infinite  alternate; z-index:100;}
.scroll-down.show{display:none;opacity:0;}
/*END COMMON*/





/*CENTER SLIDER*/
.TA-center .slide-wrapper{width:100% !important;white-space:nowrap;text-align:center;}
.TA-center .slide-item{float:none !important;display:inline-block !important;vertical-align:middle;white-space:normal}




/*SCROLL*/
.dragscroll{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;}



/*SLIDER HOME*/
.slider-home{position:relative;display:block;width:100%;height:auto;max-height:calc(100vh - 110px);overflow:hidden;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;background-color:#1226aa;overflow:hidden}

.slide-bg{position:relative;display:block;width:100%;height:auto;}
.bg-home{position:relative;display:block;width:100%;height:auto;line-height:0;overflow:hidden}
.bg-home a, .bg-home img{display:block;width:100%;height:auto}

.slider-home .pagination{position:absolute;right:30px;top:50%;width:auto}
.slider-home .pagination-bullet{display:block;}
.is-Safari5 .item-container{display:block}



/*SLIDER INNER*/
.slider-inner{position:relative;display:block;width:100%;height:auto;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;background-color:#1226aa;overflow:hidden;}
.bg-inner{position:relative;display:block;width:100%;height:auto;line-height:0;overflow:hidden}
.bg-inner a, .bg-inner img {display:block;width:100%;height:auto}


/*SLIDE*/
.slide-slidebox{position:relative;-ms-touch-action:pan-y;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;}
.slide-wrapper{	display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);height:auto}
.slide-wrapper::after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.slide-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.slide-wrapper-outer.autoheight{-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out;}	
.slide-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}

.slide-loaded{display:block;}
.slide-loading{opacity:0;display:block;}
.slide-controls{text-align:center;width:100%;position:relative;height:auto;margin:0 auto;z-index:2}
.slide-pagination{ position:relative;width:100%;height:auto;margin:15px 0;}
.slide-page, .slide-buttons div{cursor:pointer;}
.slide-page{display:inline-block;position:relative;width:auto;height:auto;margin:0 5px;-webkit-border-radius:50%;border-radius:50%;}
.slide-page span:not(.slide-numbers){display:block;width:8px;height:8px;background-color:rgba(179,206,230,0.8);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:50%;border-radius:50%;margin:0}
.slide-page span:not(.slide-numbers)::before{border:1px solid rgba(179,206,230,0);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:50%;border-radius:50%;position:absolute;display:block;content:"";width:16px;height:16px;left:-4px;top:-4px}
.slide-page:hover span:not(.slide-numbers)::before{border:1px solid rgba(179,206,230,1)}
.slide-page:hover span:not(.slide-numbers){background-color:rgba(179,206,230,1)}
.slide-page.active span:not(.slide-numbers)::before{pointer-events:none;border:1px solid rgba(179,206,230,1)} 
.slide-page.active span:not(.slide-numbers){pointer-events:none;background-color:rgba(179,206,230,1)}
.slide-page span.slide-numbers{font-family:'NewJune';font-weight:normal;color:#f58020;padding:0;font-size:30px;line-height:50px;text-align:center;display:block;width:50px;height:50px;border:1px solid #f58020;background-color:rgba(245,128,32,0);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:50%;border-radius:50%;margin:10px 0;pointer-events:auto}
.slide-page:hover span.slide-numbers{background-color:rgba(31,165,75,1);border:1px solid rgba(245,128,32,0);color:#fff;}
.slide-page.active span.slide-numbers{pointer-events:none;background-color:rgba(31,165,75,1);border:1px solid rgba(245,128,32,0);color:#fff;}
.slide-page.active{pointer-events:none}

.slide-pagination.grey .slide-page span:not(.slide-numbers){background-color:rgba(0,0,0,0.3);}
.slide-pagination.grey .slide-page:hover span:not(.slide-numbers)::before{border:1px solid rgba(0,0,0,0.3);}
.slide-pagination.grey .slide-page.active span:not(.slide-numbers)::before{border:1px solid rgba(0,0,0,0.3);} 
.slide-pagination.grey .slide-page.active span:not(.slide-numbers){background-color:rgba(0,0,0,0.3);}

.grey .slide-pagination .slide-page span:not(.slide-numbers){background-color:rgba(0,0,0,0.3);}
.grey .slide-pagination .slide-page:hover span:not(.slide-numbers)::before{border:1px solid rgba(0,0,0,0.3);}
.grey .slide-pagination .slide-page.active span:not(.slide-numbers)::before{border:1px solid rgba(0,0,0,0.3);} 
.grey .slide-pagination .slide-page.active span:not(.slide-numbers){background-color:rgba(0,0,0,0.3);}



/*modify*/
.slide-buttons{position:absolute;width:100%;height:auto;text-align:center;top:-50%;left:0;}
.slide-prev, .slide-next{ position:absolute;top:50%;height:60px;width:28px;margin:-30px 0 0 0;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:100 }
.slide-prev{background:url(../images/previous-2.png) no-repeat center center / contain;left:-50px}
.slide-next{background:url(../images/next-2.png) no-repeat center center / contain;right:-50px}
.slide-prev:hover{-webkit-transform:scale(1);transform:scale(1);margin:-30px 0 0 -10px;opacity:1}
.slide-next:hover{-webkit-transform:scale(1);transform:scale(1);margin:-30px -10px 0 0;opacity:1}
.slide-prev.disabled, .slide-next.disabled{ pointer-events:none;opacity:0.2}


.preloader {width:100%;height:100%;min-height:300px;position:absolute;left:0;top:0;border:none;background-color:transparent;display:none;z-index:10;}
.preloader::before {content:"";width:82px;height:82px;position:absolute;left:50%;top:50%;margin:-41px 0 0 -41px;background-image:url(../images/cycle.png);background-position:center center;background-repeat:no-repeat;-webkit-animation:Preloader 1s steps(12, end) infinite;animation:Preloader 1s steps(12, end) infinite;}
.preloader::after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.loading .preloader{display:block}
.preloader.done{ display:none}

/* FIX */
.slide-item{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grabbing{ cursor:ew-resize;cursor:e-resize;cursor:url(../images/grabbing.png) 8 8, move;}


/*SWIPER 3D*/
.slide-container, .slide-container-horizontal, .slide-container-vertical { position:relative; overflow: hidden;}
.slide-container-no-flexbox .item-container {  float: left;}
.slide-container-vertical > .item-wrapper { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction:column; }
.item-wrapper { position: relative; width: 100%; height:100%; display:-webkit-box;display: -webkit-flex;display: -moz-box; display:flex;-webkit-transition-property: -webkit-transform;-ms-transition-property: -ms-transform; transition-property: transform;-webkit-box-sizing: content-box; box-sizing: content-box;z-index: 1; }
.item-wrapper:after{content: ".";display: block;clear:both;visibility:hidden;line-height:0;height:0;}
.slide-container-android > .item-container, .slide-container-android > .item-wrapper { -webkit-transform: translate3d(0px, 0, 0);   transform: translate3d(0px, 0, 0); }
.slide-container-multirow > .item-wrapper { -webkit-box-lines: multiple;-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.slide-container-free-mode > .item-wrapper { -webkit-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.item-container { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height:auto;position: relative; }
.item-container { text-align: center;display:-webkit-box;display: -webkit-flex;  display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }


/* Gallery Thumb */
.gallery-thumbs {height:auto;box-sizing:border-box;padding:10px 0;}
.gallery-thumbs .item-container { width:25%;opacity:0.4;}
.gallery-thumbs .item-active {  opacity:1;}


/* Auto Height */
.slide-container-autoheight, .slide-container-autoheight .item-container { height:auto;}
.slide-container-autoheight .item-wrapper { -webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform, height;-ms-transition-property:-ms-transform;transition-property:transform, height;}

/* a11y */
.slide-container .notification { position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}

/* IE10 Windows Phone 8 Fixes */
.wp8-horizontal { -ms-touch-action:pan-y;}
.wp8-vertical { -ms-touch-action:pan-x;}


/* Pagination Styles */
.pagination { position:relative;text-align:center;margin:10px auto;-webkit-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);width:100%;z-index:10;}
.pagination.pagination-hidden { opacity:0;}
/* Common Styles */
.pagination-fraction, .pagination-custom { font-family:'MyriadBold';font-weight:normal;color:#fff;width:100%;}
.pagination-current, .pagination-total{ font-size:24px;line-height:1;font-family:'MyriadBold';font-weight:normal;color:#fff}

/* Bullets */
.pagination-bullet{width:19px;height:19px;display:inline-block;position:relative;-webkit-border-radius:50%;border-radius:50%;border:2px solid rgba(255,255,255,0);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pagination-bullet i{width:15px;height:15px;position:relative;display:block;margin:0;background-color:rgba(255,255,255,0.7);-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pagination-bullet:hover{border:2px solid rgba(255,255,255,1)}
.pagination-bullet:hover i{background-color:rgba(23,36,169,1);}
.pagination-clickable .pagination-bullet{cursor:pointer;}
.pagination-bullet-active{border:2px solid rgba(255,255,255,1);pointer-events:none}
.pagination-bullet-active i{background-color:rgba(23,36,169,1);}

.slide-container-vertical > .pagination-bullets{ right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}
.slide-container-vertical >  .pagination-bullets .pagination-bullet{margin:3px;display:block;}
.slide-container-horizontal > .pagination-bullets .pagination-bullet{margin:3px;}


/* Progress */
.pagination-progress { background:rgba(0, 0, 0, 0.25);position:absolute;}
.pagination-progress .pagination-progressbar { background-color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}
.slide-container-rtl .pagination-progress .pagination-progressbar { -webkit-transform-origin:right top;transform-origin:right top;}
.slide-container-horizontal > .pagination-progress { width:100%;height:4px;left:0;top:0;}
.slide-container-vertical > .pagination-progress { width:4px;height:100%;left:0;top:0;}
.pagination-progress.pagination-white { background-color:rgba(255, 255, 255, 0.5);}
.pagination-progress.pagination-white .pagination-progressbar { background-color:#fff;}
.pagination-progress.pagination-black .pagination-progressbar { background-color:#000;}
/* 3D Container */
.slide-container-3d {-webkit-perspective:1200px;perspective:1200px;}
.slide-container-3d .item-wrapper, .slide-container-3d .item-container, .slide-container-3d .shadow-left, .slide-container-3d .shadow-right, .slide-container-3d .shadow-top, .slide-container-3d .shadow-bottom,.slide-container-3d .cube-shadow {-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.slide-container-3d .shadow-left, .slide-container-3d .shadow-right, .slide-container-3d .shadow-top, .slide-container-3d .shadow-bottom { position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;}

.slide-container-3d .shadow-left { background-image:linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}
.slide-container-3d .shadow-right {background-image:linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}
.slide-container-3d .shadow-top { background-image:linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}
.slide-container-3d .shadow-bottom { background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}


/* Coverflow */
.slide-container-coverflow .item-wrapper, .slide-container-flip .item-wrapper {-ms-perspective:1200px;}

/* Cube + Flip */
.slide-container-cube, .container-flip { overflow:visible;}
.slide-container-cube .item-container, .slide-container-flip .item-container { pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.slide-container-cube .item-container .item-container, .slide-container-flip .item-container .item-container { pointer-events:none;}
.slide-container-cube .item-active, .slide-container-flip .item-active, .slide-container-cube .item-active .item-active, .slide-container-flip .item-active .item-active { pointer-events:auto;}
.slide-container-cube .shadow-top, .container-flip .shadow-top, .slide-container-cube .shadow-bottom, .slide-container-flip .shadow-bottom, .slide-container-cube .shadow-left, .slide-container-flip .shadow-left, .slide-container-cube .shadow-right,.slide-container-flip .shadow-right { z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;}

/* Cube */
.slide-container-cube .item-container {-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;}
.slide-container-cube.slide-container-rtl .item-container { -webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;}
.slide-container-cube .item-active{ pointer-events:auto;visibility:visible;}
.slide-container-cube .cube-shadow {position:absolute;left:0;bottom:0;width:100%;height:50%;background-color:rgba(0,0,0,0.3);opacity:0.5;-webkit-filter:blur(100px);filter:blur(100px);z-index:0;}

/* Fade */
.slide-container-fade.slide-container-free-mode .item-container { -webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.slide-container-fade .item-container { pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity;}
.slide-container-fade .item-container .item-container { pointer-events:none;}
.slide-container-fade .item-active, .slide-container-fade .item-active .item-active { pointer-events:auto;}

/* Scrollbar */
.scrollbar{ border-radius:10px;position:relative;-ms-touch-action:none;background-color:rgba(0, 0, 0, 0.1);}
.slide-container-horizontal > .scrollbar{  height:5px;width:100%;z-index:50;margin:5px 0 0 0}
.slide-container-vertical > .scrollbar{ position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;}
.scrollbar-drag{ height:100%;width:100%;position:relative;background-color:rgba(255, 255, 255, 0.5);border-radius:10px;left:0;top:0;}
.scrollbar-cursor-drag{ cursor:move;}


/* Preloader */
.lazy-preloader {width:100%;min-height:100%;position:absolute;left:0;top:0;border:none;background-color:transparent;z-index:1;}
.lazy-preloader::before {content:"";width:82px;height:82px;position:absolute;left:50%;top:50%;margin:-41px 0 0 -41px;background-image:url(../images/cycle.png);background-position:center center;background-repeat:no-repeat;-webkit-animation:Preloader 1s steps(12, end) infinite;animation:Preloader 1s steps(12, end) infinite;}
.lazy-preloader::after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

/*Zoom*/
.container-zoom { width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;}
.container-zoom > img, .container-zoom > svg, .container-zoom > canvas {object-fit:contain;}



/*--CONTAINER--*/
.container{position:relative;display:block;width:100%;height:auto;padding:110px 0 0 0;}
section{position:relative;display:block;width:100%;height:auto}
.section-box{position:relative;display:block;width:90%;height:auto;max-width:1150px;margin:0 auto}
.section-box:after{content:'';position:relative;display:block;clear:both}
/*END-CONTAINER*/


/*HIGHTLIGHT*/
.highlight{position:absolute;display:block;width:100%;height:0;text-align:center;z-index:11}

.highlight-overlay{position:absolute;left:0;bottom:0; width:100%;height:0;background:url(../images/highlight-bg-up.png) repeat-x left bottom;-webkit-transition:height 0.3s ease-in-out;-ms-transition:height 0.3s ease-in-out;transition:height 0.3s ease-in-out;z-index:-1;}/*-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)*/
.highlight.active .highlight-overlay{height:800px}

.half-type .highlight-box{}
.highlight-box{position:relative;display:block;width:100%;height:auto;margin:0 auto;top:-72px}

.highlight-tab{position:relative;display:inline-block;width:auto;height:auto;}
.highlight-tab:before{content:'';position:absolute;left:10%;top:0;width:80%;height:100%;background-color:#1724a9;z-index:-1;}
.highlight-tab:after{content:'';display:block;clear:both}
.highlight-tab-item{position:relative;display:block;float:left;width:auto;height:auto;margin:0 0 0 5px;background-color:#1724a9;border-radius:50px;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;text-align:left}
.highlight-tab-item a{display:block}

.highlight-tab-icon{position:absolute;left:5px;top:-15px;width:68px;height:68px;background-color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,0);-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.highlight-tab-text{position:relative;display:inline-block;width:auto;height:auto;padding:16px 25px 9px 83px;color:#fff;text-transform:uppercase}
.highlight-tab-text span{display:block;font-size:12px;}
.highlight-tab-text h2{display:block;font-size:24px;font-weight:bold;line-height:1.4}

.personal .highlight-tab-icon{background:url(../images/icons/icon-hl-personal.png) no-repeat center top;-webkit-background-size:cover;background-size:cover;background-color:#fff;}
.business .highlight-tab-icon{background:url(../images/icons/icon-hl-business.png) no-repeat center top;-webkit-background-size:cover;background-size:cover;background-color:#fff}
.cart .highlight-tab-icon{background:url(../images/icons/icon-hl-cart.png) no-repeat center top;-webkit-background-size:cover;background-size:cover;background-color:#fff}
.promotion .highlight-tab-icon{background:url(../images/icons/icon-hl-promotion.png) no-repeat center top;-webkit-background-size:cover;background-size:cover;background-color:#fff}
.highlight-tab-item:hover{background-color:#EA0029}

.highlight-tab-item.active, .highlight-tab-item.current{background-color:#EA0029}
.highlight-tab-item.current .highlight-tab-icon, .highlight-tab-item.active .highlight-tab-icon{background-position:center bottom;background-color:#EA0029;box-shadow:5px 5px 0 rgba(0,0,0,0.1);}

.highlight-tab-item.special:hover .highlight-tab-icon, .special .highlight-tab-icon{background-color:#EA0029;background-position:center bottom;box-shadow:5px 5px 0 rgba(0,0,0,0.1)}

.highlight-menu{position:absolute;left:50%;bottom:96px;width:1000px;height:auto;margin:0 0 0 -500px;text-align:left;white-space:nowrap;z-index:-1}
.highlight-menu-item{position:absolute;bottom:0;display:block;width:auto;height:auto;min-width:320px;visibility:hidden;opacity:0;z-index:-1;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}

.highlight-menu-item ul{display:inline-block;width:auto;height:auto;padding:0 10px;vertical-align:top;white-space:normal;max-width:250px;}
.highlight-menu-item li{display:block;width:auto;height:auto;min-height:52px;margin:0 0 7px 0}
.highlight-menu-item a{position:relative;display:inline-block;vertical-align:middle;width:auto;height:auto;padding:0 0 0 40px;text-align:left;line-height:1.4;}
.highlight-menu-item li h3{display:inline-block;padding:10px 15px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:1.2;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-transform:uppercase;font-weight:bold;text-transform:uppercase;background-color:rgba(255,25,255,0);-webkit-border-radius:30px;border-radius:30px; white-space:nowrap}
.highlight-menu-item a:hover h3{background-color:rgba(0,0,0,0.3);color:#fff;}
.highlight-menu-item li.current a h3{background-color:rgba(0,0,0,0.3);color:#fff}


.icon{position:absolute;left:0;top:50%;width:50px;height:50px;}
.icon-toi-muon{width:38px;height:38px;background:url(../images/icons/icon-toi-muon.png) no-repeat center center;margin:-19px 0 0 5px;}
.icon-tai-khoan{width:31px;height:41px;background:url(../images/icons/icon-tai-khoan.png) no-repeat center center;margin:-20px 0 0 6px;}
.icon-tien-gui{width:41px;height:35px;background:url(../images/icons/icon-tien-gui.png) no-repeat center center;margin:-17px 0 0 0;}
.icon-tien-vay{width:41px;height:41px;background:url(../images/icons/icon-tien-vay.png) no-repeat center center;margin:-20px 0 0 0;}
.icon-the{width:36px;height:29px;background:url(../images/icons/icon-the-ca-nhan.png) no-repeat center center;margin:-15px 0 0 0;}
.icon-the-doanh-nghiep{width:41px;height:31px;background:url(../images/icons/icon-the-doanh-nghiep.png) no-repeat center center;margin:-16px 0 0 0;}
.icon-chuyen-tien-quoc-te{width:57px;height:35px;background:url(../images/icons/icon-chuyen-tien-quoc-te.png) no-repeat center center;margin:-17px 0 0 -13px;}
.icon-dich-vu{width:42px;height:40px;background:url(../images/icons/icon-dich-vu.png) no-repeat center center;margin:-20px 0 0 0;}
.icon-san-pham-lien-ket{width:41px;height:41px;background:url(../images/icons/icon-san-pham-lien-ket.png) no-repeat center center;margin:-20px 0 0 0;}
.icon-chuong-trinh-khuyen-mai{width:42px;height:40px;background:url(../images/icons/icon-chuong-trinh-khuyen-mai.png) no-repeat center center;margin:-20px 0 0 0;}
.icon-chung-toi-muon{width:38px;height:38px;background:url(../images/icons/icon-chung-toi-muon.png) no-repeat center center;margin:-19px 0 0 5px;}
.icon-thanh-toan-quoc-te{width:57px;height:35px;background:url(../images/icons/icon-thanh-toan-quoc-te.png) no-repeat center center;margin:-17px 0 0 -13px;}
.icon-tai-tro-xuat-nhap-khau{width:58px;height:31px;background:url(../images/icons/icon-tai-tro-xnk.png) no-repeat center center;margin:-17px 0 0 -10px;}
.icon-chinh-sach-khach-hang{width:42px;height:40px;background:url(../images/icons/icon-chinh-sach-khach-hang.png) no-repeat center center;margin:-20px 0 0 0;}
.icon-cac-loai-the{width:36px;height:29px;background:url(../images/icons/icon-cac-loai-the.png) no-repeat center center;margin:-15px 0 0 0;}
.icon-khach-hang-ca-nhan{width:36px;height:41px;background:url(../images/icons/icon-khach-hang-ca-nhan.png) no-repeat center center;margin:-20px 0 0 3px;}
.icon-khach-hang-doanh-nghiep{width:43px;height:45px;background:url(../images/icons/icon-khach-hang-doanh-nghiep.png) no-repeat center center;margin:-22px 0 0 3px;}
.icon-the-va-ngan-hang-dien-tu{width:41px;height:31px;background:url(../images/icons/icon-the.png) no-repeat center center;margin:-16px 0 0 0;}
.icon-uu-dai-chu-the{width:42px;height:40px;background:url(../images/icons/icon-uu-dai-chu-the.png) no-repeat center center;margin:-20px 0 0 0;}
.icon-chinh-sach{width:42px;height:42px;background:url(../images/icons/icon-chinh-sach.png) no-repeat center center;margin:-20px 0 0 0;}
.icon-ngoai-te-vang{width:42px;height:42px;background:url(../images/icons/icon-ngoai-te-vang.png) no-repeat center center;margin:-20px 0 0 0;}

.highlight.hide{position:fixed;top:0;z-index:90}
.highlight.active.hide .highlight-overlay, .highlight.hide.active .highlight-overlay{bottom:auto;top:74px;background:#2936bc;height:310px}

.hide .highlight-box{top:73px;height:52px;background-color:#1724a9;box-shadow:0 10px 20px 0 rgba(0,0,0,0.2);}
.half-type.hide .highlight-box{box-shadow:none; border-bottom:1px solid #016ecb}

.hide .highlight-box.active{box-shadow:0 10px 20px 0 rgba(0,0,0,0);}
.hide .highlight-tab{height:100%;padding:5px 0 0 0;z-index:10}

.highlight-hover{position:absolute;width:100%;height:0;}
.hide .highlight-hover{height:100%;left:0;top:0;z-index:0}


.hide .highlight-tab-icon{width:40px;height:40px;left:0;top:0}
.hide .highlight-tab-text{height:40px;line-height:40px;padding:0 15px 0 50px}
.hide .highlight-tab-text span, .hide .highlight-tab-text h2{display:inline-block;font-size:12px;line-height:1.4;font-weight:normal}

.hide .highlight-menu{top:74px;bottom:auto;}
.hide .highlight-menu-item{bottom:auto;top:0;visibility:hidden;opacity:0;z-index:-1;-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.hide .highlight-menu-item.active, .highlight-menu-item.active{visibility:visible;opacity:1;z-index:1;-webkit-transform:translateY(0%);transform:translateY(0%);-webkit-transition-delay:0s, 0s, 0.3s;transition-delay:0s, 0s, 0.3s;}

.highlight-menu-item:nth-child(1){left:58px;}
.highlight-menu-item:nth-child(2){left:278px;}
.highlight-menu-item:nth-child(3){left:580px;}
.highlight-menu-item:nth-child(4){left:804px;}

.hide .highlight-menu-item:nth-child(1){left:73px;}
.hide .highlight-menu-item:nth-child(2){left:289px;}
.hide .highlight-menu-item:nth-child(3){left:544px;}
.hide .highlight-menu-item:nth-child(4){left:776px;}
/*END HIGHTLIGHT*/



/*TOOLS*/
.tools{background:url(../images/tools-overlay.png) repeat-x left bottom;text-align:center;background-color:#fff;z-index:12;}
.tools-nav ul{position:relative;display:table;width:100%;height:auto;margin:0 auto}
.tools-nav li{position:relative;display:table-cell;vertical-align:middle;width:auto;height:auto;padding:23px 10px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tools-nav li:nth-child(6){width:156px}
.tools-nav li:nth-child(7){width:190px}
.tools-nav li a{display:block;width:auto;height:auto;font-family: 'Roboto', sans-serif;font-weight:300;font-size:14px;line-height:1.2;color:#1226aa;text-transform:uppercase;text-align:left}
.tools-nav li:nth-child(1) a{background:url(../images/icons/tools-ti-gia.png) no-repeat -4px center;padding:26px 0 26px 52px;}
.tools-nav li:nth-child(2) a{background:url(../images/icons/tools-gia-vang.png) no-repeat left center;padding:26px 0 26px 60px;}
.tools-nav li:nth-child(3) a{background:url(../images/icons/tools-lai-suat.png) no-repeat -4px center;padding:26px 0 26px 54px;}
.tools-nav li:nth-child(4) a{background:url(../images/icons/tools-bieu-phi.png) no-repeat left center;padding:26px 0 26px 62px;}
.tools-nav li:nth-child(5) a{background:url(../images/icons/tools-bieu-mau.png) no-repeat -7px center;padding:26px 0 26px 46px;}
.tools-nav li:nth-child(6) a{background:url(../images/icons/tools-cong-cu-tinh-toan.png) no-repeat -7px center;padding:26px 0 26px 48px;}
.tools-nav li:nth-child(7) a{background:url(../images/icons/tools-ket-qua-chuong-trinh.png) no-repeat -2px center;padding:26px 0 26px 56px;}
.tools-nav li:nth-child(8) a{background:url(../images/icons/tools-tra-cuu.png) no-repeat -6px center;padding:26px 0 26px 50px;}

.tools-nav li:not(.current):hover, .tools-nav li.current{background:#e0e0e0 url(../images/tool-item-bg.png) repeat-x;}

.tools-but{position: absolute;right: 30px;top:-35px;width: 70px;height: 70px;background: url(../images/tool-but.png) no-repeat center center;background-color:#1226aa;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;cursor: pointer;z-index: 1;-webkit-border-radius:50%;border-radius:50%;text-align:center}
.tools-but:hover{background-color:#EA0029;}
.nav-circle{position:absolute;left:50%;top:50%;display:block;width:90px;height:90px;margin:-45px 0 0 -45px;border:1px solid rgba(255,255,255,1);-webkit-border-radius:50%;border-radius:50%;box-shadow:0 0 10px rgba(255,255,255,1);-webkit-animation:Ani 4s infinite;animation:Ani 4s  infinite;}

.tools-but:hover .nav-circle{-webkit-animation-play-state: paused;animation-play-state: paused;}
.tools-but.hide-text span:not(.nav-circle){opacity:0}

.tools-but span:not(.nav-circle){position:relative;left:50%;top:100%;width:100px;margin:5px 0 0 -70px;display:inline-block;;white-space:nowrap;text-align:center;font-size:11px;color:#1f3aec;text-transform:uppercase;font-weight:bold;}

.tools.icon-type{position:absolute;z-index:12}
.tools.icon-type.hide{position:fixed;top:220px}
.tools.icon-type .tools-nav{position:absolute;right:20px;top:0;padding:0;width:400px;height:auto;box-shadow:0 0 20px 0 rgba(0,0,0,0.3);display: none}
.tools.icon-type .tools-nav:before{content:'';position:absolute;display:none;right:30px;top:-18px;width:36px;height:18px;background:url(../images/tools-arrow.png) no-repeat center top}

.tools.icon-type .tools-nav ul{display:block;width:100%;padding:20px;margin-top:-30px;background-color:#fff;opacity:0;overflow:hidden;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.tools.icon-type .tools-nav ul.show{margin-top:0;opacity:1;}

.tools.mt_40{margin-top:40px}



.tools.icon-type .tools-nav ul li, .tools.icon-type .tools-nav ul li:nth-child(6), .tools.icon-type .tools-nav ul li:nth-child(7){float:left;display:inline-block;width:50%}
.tools.icon-type .tools-nav ul li{padding:0 10px;}
.tools.icon-type .tools-nav ul li a{min-height:46px;line-height:46px;}
.tools.icon-type .tools-nav ul li a span{display:inline-block;line-height:1.4;vertical-align:middle}
.tools.icon-type .tools-nav li:nth-child(1) a{padding:10px 0 10px 52px;}
.tools.icon-type .tools-nav li:nth-child(2) a{padding:10px 0 10px 60px;}
.tools.icon-type .tools-nav li:nth-child(3) a{padding:10px 0 10px 54px;}
.tools.icon-type .tools-nav li:nth-child(4) a{padding:10px 0 10px 62px;}
.tools.icon-type .tools-nav li:nth-child(5) a{padding:10px 0 10px 46px;}
.tools.icon-type .tools-nav li:nth-child(6) a{padding:10px 0 10px 48px;}
.tools.icon-type .tools-nav li:nth-child(7) a{padding:10px 0 10px 56px;}
.tools.icon-type .tools-nav li:nth-child(8) a{padding:10px 0 10px 50px;}

/*END TOOLS*/





/*PLUS*/
.plus, .plus-items-wrap, .plus-items, .plus-items ul{position:relative;display:block;width:100%;height:auto;text-align:center;white-space:nowrap}
.plus{padding:0 0 50px 0}

.plus-items-wrap::before{content:'';position:absolute;left:0;top:50%;width:100%;height:2px;margin:-1px 0 0 0;border-top:1px dotted #555555}
.plus-items li{position:relative;display:inline-block;width:168px;height:168px;padding:20px 35px;background:url(../images/plus-bg.png) repeat-x left top;border:5px solid #dde7ed;-webkit-border-radius:50%;border-radius:50%;text-align:center;vertical-align:top;margin:0 35px;}

.plus-items li:first-child{margin-left:0}
.plus-items li:last-child{margin-right:0}

.plus-items li a{display:block}
.plus-items li img{display:inline-block;width:auto;height:auto;margin:0 0 10px 0;}
.plus-items li h3{font-size:14px;font-weight:bold;color:#fff;text-transform:uppercase;line-height:1.2}
.plus-items li span{position:absolute;left:50%;bottom:-50px;display:inline-block;width:64px;height:64px;margin:0 0 0 -32px;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;font-weight:700;font-size:30px;color:#1724a9;text-align:center;line-height:64px;vertical-align:middle;border:1px solid #dde7ed;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.plus-items li:hover span{background-color:#c6000f;color:#fff}



/*RESPONSIVE*/
@media screen and (min-width:1025px) and (max-height:800px) {
/*.highlight-box{top:-106px}*/
	
}

@media screen and (max-width:1600px) {
/*HEADER*/
.logo{left:40px}
.navigation li a{padding:13px 15px}
.hide .navigation li a{padding:11px 15px 12px 15px}
/*END HEADER*/
/*HIGHLIGHT*/
.highlight-menu-item:nth-child(2), .hide .highlight-menu-item:nth-child(2){left:150px}

}

@media screen and (max-width:1500px) {
/*HEADER*/
.logo{left:20px}
.navigation li a{padding:13px 12px;font-size:14px}
.navigation li{margin:0 -2px}
.hide .navigation li a{padding:11px 12px 12px 12px}
.top-support{right:173px}



}

@media screen and (max-width:1440px) {
/*HEADER*/
.logo{left:20px;}
.navigation{right:140px}
.navigation li a{font-size:13px}
.language{right:20px;}
.search-but{right:80px;}
.top-support{right:153px}
/*END HEADER*/


/*HIGHLIGHT*/
.highlight-menu-item:nth-child(2), .hide .highlight-menu-item:nth-child(2){left:100px}


}

@media screen and (max-width:1340px) {
/*COMMON*/
.go-top{right:10px}



/*HEADER*/
.navigation li a{padding:13px 10px;}
.hide .navigation li a{padding:11px 10px 12px 10px}



}

@media screen and (max-width:1300px) {
/*HEADER*/
.logo{left:12px}
.navigation{right:125px}
.language{right:10px}
.search-but{right:65px}
.search-form{right:120px}
.top-support{right:134px}



/*--FOOTER--*/
.app span, .app li{margin:0 0 0 20px}
.subcrible{padding:0  20px 0 60px}



/*CONTAINER*/
.section-box{max-width:1150px}



/*TOOLS*/
.tools-nav li:nth-child(6){width:146px}
.tools-nav li:nth-child(7){width:186px}
.tools-nav li:nth-child(1) a{-webkit-background-size:46px;background-size:46px;padding:26px 0 26px 46px}
.tools-nav li:nth-child(2) a{-webkit-background-size:46px;background-size:46px;padding:26px 0 26px 54px}
.tools-nav li:nth-child(3) a{-webkit-background-size:46px;background-size:46px;padding:26px 0 26px 48px}
.tools-nav li:nth-child(4) a{-webkit-background-size:46px;background-size:46px;padding:26px 0 26px 56px}
.tools-nav li:nth-child(5) a{-webkit-background-size:46px;background-size:46px;padding:26px 0 26px 40px}
.tools-nav li:nth-child(6) a{-webkit-background-size:46px;background-size:46px;padding:26px 0 26px 42px}
.tools-nav li:nth-child(7) a{-webkit-background-size:46px;background-size:46px;padding:26px 0 26px 50px}
.tools-nav li:nth-child(8) a{-webkit-background-size:46px;background-size:46px;padding:26px 0 26px 44px}
/*END TOOLS*/


/*PLUS*/
.plus-items li{margin:0 20px}



}

@media screen and (max-width:1250px) {
/*HEADER*/
.logo{width:260px;height:70px;top:20px;left:10px}
.navigation{right:105px;}
.navigation li a{font-size:12px}
.account-box li a{font-size:12px}
.navigation li a.link-home{width:40px;height:40px;background-position:center -6px}
.navigation li.current a.link-home{background-position:center -57px}
.search-but{right:55px;width:40px;height:40px;}
.language li a{width:40px;height:40px;line-height:40px;font-size:14px;}
.top-support{right:113px}
.hotline-box a{font-size:16px}
/*END HEADER*/


/*--FOOTER--*/
.app{width:68%}
.app span, .app li{margin:0 25px 0 0}
.subcrible{width:32%;padding:0}

.bottom-nav li a{padding:25px 20px}
.sub-item{padding:0}
.sub-item:nth-child(1), .sub-item:nth-child(2), .sub-item:nth-child(3){margin:0 50px 0 0}
.sub-item:nth-child(4){margin:0}
/*--END FOOTER--*/


/*CONTAINER*/
.section-box{width:90%;max-width:inherit}
/*END CONTAINER*/


/*HILIGHT*/
.highlight-menu-item ul{max-width:220px}
.highlight-menu-item li h3{font-size:13px}


/*TOOLS*/
.tools-nav li a{font-size:13px}
.tools-nav li{padding:25px 10px}
.tools-nav li:nth-child(6){width:132px}
.tools-nav li:nth-child(7){width:167px}
.tools-nav li:nth-child(1) a{padding:26px 0 26px 44px}
.tools-nav li:nth-child(2) a{padding:26px 0 26px 50px}
.tools-nav li:nth-child(3) a{padding:26px 0 26px 45px}
.tools-nav li:nth-child(4) a{padding:26px 0 26px 53px}
.tools-nav li:nth-child(5) a{padding:26px 0 26px 40px}
.tools-nav li:nth-child(6) a{padding:26px 0 26px 40px}
.tools-nav li:nth-child(7) a{padding:26px 0 26px 50px}
.tools-nav li:nth-child(8) a{padding:26px 0 26px 40px}

}

@media screen and (max-width:1180px) {
/*FOOTER*/
.app span, .app li{margin:0 10px 0 0}
.app li img{max-width:150px}
.coppy-term{padding:0}
.coppy-term .section-box{width:100%}
.term{float:none;width:100%;padding:15px 0;text-align:center}
.copyright{padding:15px 10%;float:none;width:100%;text-align:center;background-color:rgba(0,0,0,0.5)}
/*END FOOTER*/

/*PLUS*/
.plus-items li{margin:0 10px}



}
@media screen and (max-width:1150px) {
/*HILIGHT*/
.highlight-menu-item ul{max-width:200px}
.highlight-menu-item:nth-child(2), .hide .highlight-menu-item:nth-child(2){left:100px;}
.highlight-menu-item li h3{font-size:12px;}
	
	
}

@media screen and (max-width:1120px) {
/*HEADER*/
.logo{width:220px;height:58px;top:20px;left:10px}
.account-box li a, .navigation li a{font-size:11px}
.hotline-box a{font-size:15px}



}

@media screen and (max-width:1100px) {
/*HEADER*/
.navigation li{margin:0 -2px}
.navigation li a{padding:13px 10px;}
.navigation li a.link-home{margin:0 5px 0 0}
/*.navigation li {    
    transform: translateX(100%);
    transition: transform .4s ease-in-out;
        transition-delay: 0s;
}*/
/*END HEADER*/


/*FOOTER*/
.sub-item:nth-child(1), .sub-item:nth-child(2), .sub-item:nth-child(3){margin:0 30px 0 0}
/*END FOOTER*/

}

@media screen and (max-width:1024px) {
.no-scroll{overflow-x:hidden;overflow-y:hidden !important;overflow:hidden;}

.header .over-pop{z-index:116}	

	
/*HEADER*/
.header > span, .header.hide > span{position:fixed;left:0;top:0;height:66px;z-index:119}


.logo, .hide .logo{position:fixed;top:6px;left:14px;width:200px;height:54px;z-index:120}


.language{position:fixed;top:14px;right:70px;z-index:120}
.language li a{width:40px;height:40px;line-height:40px;-webkit-transition:none;transition:none}
.language li a:hover{background-color:rgba(198,0,15,0);color:#535353}


.search-but, .hide .search-but{position:fixed;top:14px;right:105px;width:36px;height:36px;z-index:120}

.search-but a{-webkit-background-size:cover !important;background-size:cover !important;-webkit-transition:none;transition:none}
.search-but:not(.active):hover a{background-color:rgba(198,0,15,0);background-position:center top}
.hide .search-form, .search-form{right:5%;top:66px;z-index:111}
.search-form.active{width:90%}


.language, .hide .language{top:14px;right:66px}
.language li a{width:36px;height:36px;line-height:36px;font-size:14px}


.top-support, .hide .top-support{position:fixed;width:auto;height:auto;right:155px;top:23px;padding:0;background-color:transparent;text-align:right;z-index:120}

.hotline-box a{-webkit-transition:none;transition:none;}
.hotline-box:before{display: none;-webkit-transition:none;transition:none;}



.hotline-box{position:fixed;left: 10px;top:auto;bottom:10px;width: 40px;height: 40px;padding:0; background: url(../images/phone-sp.png) no-repeat center center;background-color: #1226aa;-webkit-border-radius: 50%;border-radius: 50%;box-shadow: 0 0 30px rgba(255,255,255,0.5);}

.hotline-wrap{position:absolute;left:0;top:-70px;width:auto;height:auto;padding:5px ;background-color:#fff; box-shadow:3px 3px 0 rgba(0,0,0,0.3);-webkit-border-radius:15px;border-radius:15px;opacity:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.hotline-wrap::after{content:'';width: 0;height: 0;border-style: solid;border-width: 20px 20px 0 0;border-color:#fff transparent transparent transparent; position:absolute; left:40px ;bottom:-20px;}
.hotline-wrap a{display:block;border:none;text-align:left;padding:5px 15px; top:auto;}
.hotline-box:hover a{color:#c00c1a}
.hotline-wrap.show{opacity:1;pointer-events:auto;}		

.account-box li a{-webkit-transition:none;transition:none;font-size:12px}
.account-box li:hover a{color:#c00c1a}

.nav-click{display:block;}
.nav-click.show{background-position:center bottom;right:250px;top:0;z-index:124;}

.navigation, .hide .navigation{position:fixed;left:auto;top:0;right:0;width:280px;height:100vh;z-index:123;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:none;transition:none;-webkit-transform: translate3d(280px,0,0);transform: translate3d(280px,0,0);-webkit-transition: transform 0.4s ease-in-out;transition: transform 0.4s ease-in-out;will-change: transform}
.navigation ul{width:100%;height:auto;padding:0 0 30px 0}
.navigation li{position:relative;display:block;margin:0 0 3px 0;text-align:right; border-bottom:1px solid #86adcd}


.navigation li a.link-home{text-indent:-9999px;overflow:hidden;font-size:0;display:inline-block;overflow:hidden;margin:0;padding:0;background:url(../images/icon-top-home-sp.png) no-repeat center top}
.hide .navigation li.current a.link-home, .hide .navigation li a.link-home, .navigation li a.link-home{width:50px;height:46px;border: none}
.hide .navigation li a.link-home, .navigation li a.link-home{background-position:center top;border: none; margin:0 10px}
.hide .navigation li.current a.link-home, .navigation li.current a.link-home{background-position:center bottom;border: none}


.navigation li a{text-align:right;-webkit-transition:none;transition:none;font-size:13px;font-weight:bold;color:#fff}
.navigation li a, .hide .navigation li a{padding:0 25px 0 15px;line-height:46px;}
.navigation li.current a{color:#3ca4fb}
.navigation li a:before{display:none;}

.navigation li.hide-pc{display: block}

.navigation li.hide-pc::before{content:'';position:absolute;left:5px;top:3px;width:50px;height:40px;background:url(../images/arrow-menu.png) no-repeat center top}
.navigation li.hide-pc.active::before{background-position:center bottom}
.navigation li.hide-pc.active > a{color:#3ca4fb}
.navigation li.hide-pc.active > a:hover{color:#3ca4fb}

.sub-menu{position:relative;display:none;width:100%;height:auto}
.menu-item{position:relative;display:block;width:100%;height:auto;background-color:rgba(0,0,0,0.1);margin:0 0 1px 0}
.menu-item a{color:#fff}

.navigation li.active .sub-menu{display:block}
.navigation li.current .menu-item a{color:#fff}
.navigation li.current .menu-item.current a{color:#3ca4fb}

.navigation li:not(.current) a:hover{color:#fff}
.navigation li:not(.current) a.link-home:hover{background-position:center top;border:none}

.navigation.show{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);background-color: #1724a9}
.show .navigation li{opacity:0;-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-transition-delay:0s;transition-delay:0s;}
.show .navigation.show li{-webkit-animation:fadeInUp;animation:fadeInUp;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
    
    
/*END HEADER*/


/*HIGHLIGHT TOOLS*/
.highlight-tab-item, .highlight-tab:before, .tools{opacity:1}
.on-show .highlight-tab-item{-webkit-animation:none;animation:none;-webkit-animation-duration:0s;animation-duration:0s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-animation-delay:0s !important;animation-delay:0s !important;}



/*PLUS*/
.plus{padding:0}
.plus-items{padding:0 0 48px 0}

/*FOOTER*/
input[type='text'], button{-webkit-transition:none;transition:none}

.app-subcrible{padding:45px 30px;}
.app{width:66%}
.app li a{-webkit-transition:none;transition:none}
.app li a:hover{opacity:1}


.subcrible{width:34%}
.subcrible button:hover{background-color:rgba(192,12,26,1)}

.bottom-nav li a{-webkit-transition:none;transition:none;font-size:12px}
.bottom-nav li a:hover{color:#3a3a3a}
.sub-item:nth-child(1), .sub-item:nth-child(2), .sub-item:nth-child(3){margin:0}
.sub-item{padding:0 20px}
.sub-item li a{-webkit-transition:none;transition:none}
.sub-item li a:hover{color:#3a3a3a}


.social li{width:50px;height:50px}
.social li a{-webkit-transition:none;transition:none}
.social li a:hover{background-position:center top;border:1px solid #fff}

.term li a{-webkit-transition:none;transition:none}
.term li a:hover{color:#fff}

.copyright a{-webkit-transition:none;transition:none}
.copyright a:hover{color:#fff}
/*END FOOTER*/



/*COMMON*/
.overlay-menu.show{height:100%}
.go-top{-webkit-transition:none;transition:none;width:43px;height:43px;bottom:10px;box-shadow:none;background:url(../images/icon-go-top-sp.png) no-repeat center center;background-color:rgba(0,0,0,0.5);border:none;}
.go-top.show{border:none;box-shadow:none}
.go-top:hover{box-shadow:none}
.go-top span{display:none}



.scroll-down.show{display:block;opacity:1;}

/*COMMON*/


/*SLIDER*/
.slider-home{max-height:inherit;margin:0 0 62px 0;}
.bg-home{-webkit-transform:translate3d(0,0,0) !important;transform:translate3d(0,0,0) !important}
.slider-home .pagination{display:none}

.slider-inner{padding: 0 0 62px 0}
.slide-buttons{display:none}


/*CONTAINER*/
.container{padding:66px 0 0 0}
.section-box{width:100%}
.title h2{font-size:30px}
/*END CONTAINER*/


/*HIGHLIGHT*/
.highlight-menu{display:none}
.highlight-tab:before{display:none}

.highlight{position:absolute;width:100%;top:auto;height:auto;background-color:#1724a9;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all 0.001s ease-in-out; transition:all 0.001s ease-in-out;}

.highlight.hide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top:66px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.2);z-index:105}
.highlight-overlay{display:none}

.highlight-box, .hide .highlight-box{position:relative;top:auto;display:block;width:90%;height:auto;margin:0 auto;padding:7px 0;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.half-type .highlight-box{top:auto}
.hide .highlight-box{padding:0;box-shadow:none}
.hide .highlight-tab{padding:5px 0}

.highlight-tab{display:inline-block;white-space:nowrap}
.highlight-tab-item{float:none;display:inline-block;text-align:left;margin:0 auto;-webkit-transition:none;transition:none}

.highlight-tab-icon{width:48px;height:48px;left:0;top:0;-webkit-transition:none;transition:none}
.highlight-tab-text{height:48px;line-height:48px;padding:0 12px 0 55px}
.highlight-tab-text span, .highlight-tab-text h2{display:inline-block;font-size:12px;line-height:1.4;font-weight:normal}

.highlight-tab-item:hover, .highlight-tab-item.active{background-color:#1724a9}
.highlight-tab-item:hover .highlight-tab-icon, .highlight-tab-item.active .highlight-tab-icon{background-position:center top;background-color:#fff;box-shadow:none}

.highlight-tab-item.current:hover .highlight-tab-icon{background-position:center bottom;background-color:#c6000f;box-shadow:5px 5px 0 rgba(0,0,0,0.1);}
.highlight-tab-item.current:hover {background-color:#c6000f;}



/*TOOLS*/
.tools.icon-type.hide{top:110px;z-index:108}
.tools{padding:5px 5%;font-size:0;text-align:center;}
.tools.mt_40{margin:0}
.tools.icon-type{padding: 0 30px}
.tools.icon-type .tools-nav{padding:0}
.tools.icon-type .tools-nav{right:0;top:80px}
.tools.icon-type .tools-nav{box-shadow:0 0 20px rgba(0,0,0,0.3)}
.tools.icon-type .tools-nav ul{box-shadow:none}
.tools-but{width: 50px;height: 50px;background-size:cover;top:70px;right:10px;-webkit-transition:none;transition:none}
.tools-but:hover{background-color:#1226aa}
.tools-but span:not(.nav-circle){margin:7px 0 0 -54px;white-space:normal;width:80px}

.tools::before{content:'';position:absolute;left:0;top:0;width:5%;height:100%;background:url(../images/previous-3.png) no-repeat center center;display:block}
.tools::after{content:'';position:absolute;right:0;top:0;width:5%;height:100%;background:url(../images/next-3.png) no-repeat center center;display:block}
.tools.icon-type::before, .tools.icon-type::after{display:none}



.nav-circle{width: 60px;height: 60px;margin: -30px 0 0 -30px;-webkit-animation:none;animation:none;box-shadow:none;border:none}
    
    
.tools-nav{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tools-nav ul{display:inline-block;white-space:nowrap}
.tools-nav li{display:inline-block;padding:0 15px;vertical-align:middle;white-space:normal;-webkit-transition:none;transition:none}
.tools-nav li:nth-child(6){width:160px;}
.tools-nav li:nth-child(7){width:194px;}
.tools-nav li:nth-child(1) a{padding:26px 0 26px 52px;-webkit-background-size:56px;background-size:56px;}
.tools-nav li:nth-child(2) a{padding:26px 0 26px 60px;-webkit-background-size:56px;background-size:56px;}
.tools-nav li:nth-child(3) a{padding:26px 0 26px 54px;-webkit-background-size:56px;background-size:56px;}
.tools-nav li:nth-child(4) a{padding:26px 0 26px 62px;-webkit-background-size:56px;background-size:56px;}
.tools-nav li:nth-child(5) a{padding:26px 0 26px 46px;-webkit-background-size:56px;background-size:56px;}
.tools-nav li:nth-child(6) a{padding:26px 0 26px 48px;-webkit-background-size:56px;background-size:56px;}
.tools-nav li:nth-child(7) a{padding:26px 0 26px 56px;-webkit-background-size:56px;background-size:56px;}
.tools-nav li:nth-child(8) a{padding:26px 0 26px 50px;-webkit-background-size:56px;background-size:56px;}
.tools-nav li:hover{background:none}


/*PLUS*/
.plus-items li span{-webkit-transition:none;transition:none}
.plus-items li:hover span{background-color:#fff;color:#1226aa}


}
@media screen and (max-width:1024px) {
/*   an "Ban tai san-Khoang no*/
.account-box ul li:last-child{
 display: none;-webkit-transition:none;transition:none;
}

}

@media screen and (max-width:1000px) {
/*FOOTER*/
.app-subcrible{padding:30px 5%}
.app{float:none;width:100%;text-align:center}
.app span{margin:0 0 10px 0;text-align:left}
.app ul{padding:0 0 20px 0;background-color:#eceff2}
.app li{margin:20px 20px 0 20px;vertical-align:middle}
.app li img{margin:0 auto;max-width:inherit}

.subcrible{float:none;width:100%;margin:30px 0 0 0}
.subcrible .input-text{margin:10px 0 0 0}


.bottom-nav{padding:20px}
.bottom-nav li a{padding:5px 12px}

.sub-item h3{font-size:11px}
.sub-item li a{font-size:12px;}

.company-info{padding:30px 5% 20px 5%}

.term li a{padding:5px 12px}
/*END FOOTER*/


/*TOOLS*/
.tools{padding:5px 5%}
.tools-nav li{padding:0 15px}
/*END TOOLS*/

/*PLUS*/
.plus-items{width:90%;}
.plus-items li{width:140px;height:140px;margin:0 3px;padding:15px 20px 10px 20px}
.plus-items li img{max-width:50px;margin:0 0 5px 0}
.plus-items li h3{font-size:12px;}
.plus-items li span{font-size:24px;line-height:50px;width:50px;height:50px;bottom:-32px;margin:0 0 0 -25px}



}

@media screen and (max-width:900px) {
/*FOOTER*/
.app li{margin:20px 2px 0 2px; width:23%; padding:0 10px}
.app li img{max-width:100%}
.sub-items{width:100%;max-width:inherit;padding:0;}
.sub-item{width:24%;padding:0 10px}



/*END FOOTER*/
}

@media screen and (max-width:800px) {
/*HEADER*/
.account-box li{margin:0}
.account-box li a{font-size:12px}
/*END HEADER*/


/*TOOLS*/
.tools-but{right:10px}
.tools-but{top:-70px;}
.tools.icon-type.hide{top:127px;}
.tools.icon-type.hide .tools-but{ top:-60px;background-color:transparent}
.tools.icon-type .tools-nav{top:0;}
.tools.icon-type.hide .tools-nav{top:-5px;}
.tools-but span:not(.nav-circle){margin:-4px 0 0 -54px;font-size:9px}
.tools.icon-type.hide .tools-but span:not(.nav-circle){opacity:0}




/*HIGHLIGHT*/
.highlight-tab-text{display:none}
.highlight-tab-icon{position:relative;left:auto;top:auto;display:inline-block;}
.highlight-tab-item{margin:0 5px}

}

@media screen and (max-width:767px) {


/*TOOLS*/
/*.tools-but{right:10px}
.tools-but{top:-70px;}
.tools.icon-type.hide{top:127px;}
.tools.icon-type.hide .tools-but{ top:-60px;background-color:transparent}
.tools.icon-type .tools-nav{top:0;}
.tools.icon-type.hide .tools-nav{top:-5px;}
.tools-but span:not(.nav-circle){margin:-4px 0 0 -54px;font-size:9px}
.tools.icon-type.hide .tools-but span:not(.nav-circle){opacity:0}
*/

.highlight-tab-item{margin:0 2px}


}

@media screen and (max-width:700px) {
/*HOT SUPPORT*/
.top-support, .hide .top-support{top:16px}
.account-box li{width:30px;height:30px;vertical-align:top}
.account-box li a{font-size:0;width:30px;height:30px;padding:0}
.user-login a:before{top:0;left:0}
.user-rigister a:before{top:0;}
	
	
}



@media screen and (max-width:600px) {
.bottom-nav{padding:10px}	
.bottom-nav li a{padding:5px 8px}
.bottom-nav li a:after{right:-4px}
.sub-item{width:40%;padding:0 10px}

	
}




@media screen and (max-width:567px) {
/*FOOTER*/
.sub-items{padding:0 0 0 10px}
.term li a, .copyright p{font-size:11px;}
.company-info h2, .company-info p, .company-info a{font-size:13px;}

/*END FOOTER*/



/*CONTAINNER*/
.title{padding:20px 0}
.title h2{font-size:22px}
/*END CONTAINNER*/


/*SLIDER*/
.slide-page span:not(.slide-numbers){width:6px;height:6px}
.slide-page span:not(.slide-numbers)::before{width:12px;height:12px;left:-3px;top:-3px}
/*END SLIDER*/

.tools.icon-type .tools-nav{width:340px;}
.tools.icon-type .tools-nav ul{padding:10px}
.tools.icon-type .tools-nav ul li{padding:0 5px}
.tools.icon-type .tools-nav li a{font-size:12px}


}


@media screen and (max-width:480px) {
/*FOOTER*/
.app ul{padding:30px 0 20px 0}
.app li{width:48%;margin:0 0 20px 0; padding:0 10px}
.app li img{max-width:100%}

.term li a{padding:5px 9px}
.term li a, .copyright p{font-size:11px}
/*END FOOTER*/


/*TOOLS*/
.tools-nav li{padding:0 10px}
.tools-nav li:nth-child(6) a{padding:26px 20px 26px 48px}
.tools-nav li:nth-child(7) a{padding:26px 10px 26px 56px}

}

@media screen and (max-width:420px) {

/*HEADER*/
.header > span, .header.hide > span{height:55px}
.language, .hide .language{top:9px;right:56px}
.search-but, .hide .search-but{top:9px;right:95px}
.logo, .hide .logo{left:6px;top:4px;width:140px;height:45px;background-size:contain}
.nav-click{width:50px;top:2px;right:3px}
.top-support, .hide .top-support{top:10px;right:138px}
.account-box li{width:30px;height:30px;vertical-align:top}
.account-box li a{font-size:0;width:30px;height:30px;padding:0}
.user-login a:before{top:0;left:0}
.user-rigister a:before{top:0;}


/*SEARCH*/
.hide .search-form, .search-form{top:55px}


/*HIGHLIGHT*/
.highlight.hide{top:55px}


/*TOOLS*/
.tools.icon-type.hide{top:108px}
.tools.icon-type.hide .tools-but{top:-52px}


/*CONTAINER*/
.container{padding:55px 0 0 0}


/*BOTTOM*/
.sub-item{width:47%;padding:0 10px}	


	
}

@media screen  and (max-width:399px){

.highlight-tab-item{margin:0 1px}

}


@media screen  and (max-width:390px){
.language, .hide .language{top:9px;right:50px}
.search-but, .hide .search-but{top:9px;right:87px}
.top-support, .hide .top-support{right:128px}
	
	
}

@media screen  and (max-width:370px){
/*FOOTER*/
.term{padding:30px 5%}
/*END FOOTER*/

}

@media screen  and (max-width:350px){
/*HEADER*/
.logo, .hide .logo{width:130px}
.top-support, .hide .top-support{right:120px}
.language, .hide .language{right:50px}
.search-but, .hide .search-but{right:84px}

.account-box li, .account-box li a{width:20px;}
.user-login a:before, .user-rigister a:before{width:20px}


/*END HEADER*/

.tools.icon-type .tools-nav{width:300px;}
.tools-but{right:0}

}


@media all and (orientation:landscape) and (max-width:760px) {
/*TOOLS*/
.tools.icon-type .tools-nav{top:-7px}
.tools.icon-type .tools-nav ul{padding:10px}
.tools.icon-type .tools-nav li a{padding-top:5px !important;padding-bottom:5px !important}

/*HOT SUPPORT*/
.top-support, .hide .top-support{right:148px}


}


@media all and (orientation:landscape) and (max-width:660px) {
/*HOT SUPPORT*/
.top-support, .hide .top-support{top:16px}
.account-box li{width:30px;height:30px;vertical-align:top}
.account-box li a{font-size:0;width:30px;height:30px;padding:0}
.user-login a:before{top:0;left:0}
.user-rigister a:before{top:0;}



}

@media all and (orientation:landscape) and (max-width:600px) {
/*TOOLS*/
.tools.icon-type .tools-nav li a{background-size:40px !important; padding-top:0px !important;padding-bottom:0px !important}
.tools-nav li a{font-size:12px}

}

/*AMC PLUS*/
.navigation li.amc{
		display:none;
}
	
	
@media screen and (max-width:1024px) {		
.navigation li.amc{
		display:block;
			}
}
	
@media screen and (max-width:800px) {
.account-box li.amc{
		display:none;
}
}
/*end amc plus*/