:root{--main-color: #01726c;--second-color:#0daa8b} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,body,p,a,li{font-family:SVN-Gilroy,san-serif!important;letter-spacing:0;color: #005452;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'SVN-Gilroy',sans-serif!important} body,p,a,li{font-size: 16px;} a:active,a:focus,a:hover{color:var(--main-color)} .lines, .lines:after, .lines:before{background-color: #fff;height: 2px;} .content h1,.post-item-description h1,.heading h1,.heading h2{font-weight:700;font-size: 35px;font-family:'SVN-Gilroy',sans-serif!important;color:#333;text-transform: none;} .heading h2{/* overflow: hidden; */color: #fff;margin-bottom: 6px;} .heading{margin-bottom:30px} p,ul,ol,pre,table{margin-bottom:10px} ol{list-style-type:decimal;padding-left: 0;} blockquote{border-left:3px solid #1abc9c;font-size:16px;font-style:italic;padding:5px 15px} .form-group{margin-bottom:0} .form-group label{text-transform:none} .blockquote-color{border-radius:4px} img{max-width:100%;height:auto} section{padding: 60px 0;/* position: revert; *//* overflow: initial; */position: relative;} .gioithieu-section p{text-align:justify} .btn{transition:.3s;text-shadow:none!important;border:none;/* text-transform:none; *//* border-radius: 20px; */font-size: 14px;} .slideBox{position:relative} .slideInfo{position:absolute;bottom:-1px;width:100%;left:0;padding:30px 0;background:#b52f61;z-index:9} .slideInfo2Con{position:relative;margin:0 auto;display:block;/* position: absolute; */} .slideInfo2.dangki form input{padding:7px 18px;box-shadow:none;border:1px #376C51 solid;margin-bottom:0;border-radius:0;text-align:center;background:transparent} .slideInfo2.dangki form input::placeholder{font-weight:500;color:#376C51} .slideInfo2.dangki .btn.btn-primary{background:#B52F61;border-radius:4px} .slideInfo2{position:absolute;bottom: calc(100vw/1920*990 - 400px);right:0;width:300px;z-index:2;background:rgba(255,255,255,0.94);padding:25px;padding-bottom:6px;border-radius:5px;} .slideInfo2 p{text-align:center;font-weight:800;line-height:1.3;text-transform:uppercase;background:-webkit-linear-gradient(left,#007D6F,#199C8C,#007D70);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:19px} .slideInfo .slideInfoItem h4{margin-bottom:8px;text-transform:uppercase;font-size:18px;font-weight:400} .slideInfo .slideInfoItem img{height:25px;margin-top:-9px} .slideInfo .slideInfoItem p{font-size:12px;line-height:22px;margin-left:4px;margin-bottom:0} #topbar .top-menu > li:last-child > a{margin:0} #topbar.topbar-transparent{background-color:rgba(0,0,0,0.4);border-bottom:1px solid rgba(0,0,0,0.12)} #topbar.topbar-mini{height:30px;line-height:30px;background:var(--main-color)} #topbar.topbar-mini .container{height:30px;line-height:30px} #topbar.topbar-mini .top-menu>li>a,#topbar.topbar-mini .top-menu>li{line-height:30px;height:30px} #mainMenu nav > ul > li > a{padding: 28px 11px;font-size: 14px;transition: 0.2s;text-transform: none;font-weight: 400;/* border-bottom: 2px #ffffff solid; */font-family: Roboto!important;} #mainMenu nav>ul>li:hover>a{color:var(--main-color); border-bottom: 2px var(--main-color) solid;} #mainMenu.menu-right nav > ul > li:last-child > a{/* padding-right: 80px; */} #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a,#mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span,#mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a{padding:4px 0;font-weight:400;line-height:18px;letter-spacing:-.5px!important} #mainMenu nav > ul > li.mega-menu-item .mega-menu-content li ~ .mega-menu-title{margin-top:0} #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li.mega-menu-title > a{font-weight:700;letter-spacing:-.5px!important} #mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,#mainMenu nav>ul>li .dropdown-menu>li>a,#mainMenu nav>ul>li .dropdown-menu>li>span{font-weight:500;transition:none} #mainMenu nav > ul > li{padding: 0;margin-left:0;transition:none;} #mainMenu nav > ul > li:first-child{/* padding-left:0 */} #mainMenu nav > ul > li:last-child{/* padding-right: 40px; */} #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{padding-bottom:0} #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title a{font-family:SVN-Gilroy,Helvetica,Arial,sans-serif;font-size:15px;line-height:14px;font-weight:700;text-transform:uppercase;padding-bottom:0} #mainMenu nav > ul > li > a:hover{cursor:pointer} #mainMenu nav>ul>li .dropdown-menu>li>a:hover,#mainMenu nav>ul>li .dropdown-menu>li:hover>a{background:var(--main-color);color:#fff!important} #header{background: #fff;/* position: fixed; */} #header #header-wrap #logo a>img{padding: 21px 0;transition:none;} #header.dark #top-search form input::placeholder{color:#fff} #header .header-extras>ul>li>a:not(.btn) i,#header .header-extras>ul>li>a:not(.btn) img{line-height:1;margin-top:27px;width:28px;text-align:center;height:28px;padding-top:7px;border-radius:20em;background:rgba(0,0,0,0.15);transition:.2s} #header .header-extras>ul>li>a:not(.btn) img{padding:0;border-radius:0;height:auto;width:43px;border:1px #ddd solid} #header .header-extras>ul>li{margin-left:10px} #header .header-extras>ul>li .btn{background:var(--main-color);text-shadow:none;padding:10px 15px;transition:none;font-size: 15px;border-radius: 20px;} #top-search-trigger i{line-height:80px} #goToTop{bottom: 123px!important;right: 52px;} .portfolio-image .quickview{color:#fff;display:none;font-size:13px;background-color:rgba(0,0,0,.4);text-align:center;width:100%;position:absolute;bottom:0;left:0;padding:10px;z-index:1} .portfolio-image:hover .quickview{display:block} .portfolio-item.no-overlay .portfolio-description h3{text-transform:initial;letter-spacing:inherit;font-weight:400;font-size:15px;line-height:1.6} .team-members .team-member .team-image{margin-bottom:0} .team-members.team-members-shadow .team-member .team-image > img{width:220px;margin:auto;margin-top:20px} .btn+.btn{margin-left:7px;} .btn-my{background:var(--main-color);text-shadow:none!important} .btn-my:hover{background-color:var(--second-color)} .lead{font-weight:400} .each-product .product-image img{padding:0;transition:.2s;border:1px #ccc solid} .each-product:hover .product-image img{box-shadow:0 2px 10px 0 rgba(0,0,0,0.15)} .carousel .each-product .product-image img{box-shadow:none} .carousel .each-product:hover .product-image img{box-shadow:none;transform:none} .product-title h1 a{font-weight:400} .icon-box.large > h3,.icon-box.large > h5{font-size:20px;font-weight:600} .col-md-2-5{/* padding-left:5px; *//* padding-right:5px; *//* position:relative; */} .product .product-title{margin-bottom:23px} .product .product-title h3{line-height:1.5} .product .product-title h3 a{font-size:16px!important;line-height:1.4;font-weight:600;font-family:'SVN-Gilroy',sans-serif!important} .product .product-price{width:100%;float:left;margin-bottom:0;margin-top:5px;text-align:left} .product .product-price ins{color:#E82933;font-size:15px;text-transform:none} .product-page .product .product-image a{margin-bottom:3px;cursor:zoom-in} .product-page .product .product-title{margin-bottom:10px;float:left;width:100%} .product-page .product .product-title h1{font-size:26px;font-weight:700;text-transform:none} .product-page .product .product-rate{font-size:26px;margin-bottom:12px;width:100%;float:left} .product-page .product .product-price{float:left;width:100%;text-transform:uppercase;margin-bottom:17px} .product-page .product .product-price ins{font-size:20px} .product-page .product .product-price + p{float:left;width:100%} .each-product .product-price del{margin:0;color:#777;text-transform:none;font-size:13px;font-weight:700;margin-bottom:1px;line-height:11px;margin-top:3px} .product-page .product .product-price del{margin:0;color:#777;text-transform:none;font-size:16px;font-weight:700;margin-bottom:5px;opacity:.8} .product-page .product .product-image .thumb{overflow:hidden} .product-page .product .product-image .thumb>a{width:24.7%;border:1px rgba(204,204,204,0.48) solid;overflow:hidden;height:auto;float:left;margin:.2%;padding:0;cursor:zoom-in} .widget-shop .product .product-title h3 a{font-size:12px!important} .widget-shop .product{min-height:auto} .widget-shop .product .product-category,.widget-shop .product .product-title{margin-top:0} .sidebar .widget{margin-bottom:0;padding-bottom:0;border:none} .widget-shop .product .product-price ins{font-size:14px} .product-page .product .product-image .thumb>a:nth-child(4n+1){margin-left:0} .product-page .product .product-image .thumb>a:nth-child(4n+4){margin-right:0} .product-page .product .product-image .thumb>a.active{border:2px #ccc solid} .product-page .product .product-image .main-product-img{margin-bottom:10px;padding:0} .product-page .product-description .btn{margin-bottom:0} .product-page .post-share{float:left;width:100%} .product-page .post-share .fb-like{margin-top:10px} .product-size li label span{width:auto;padding:0 5px} .breadcumb{padding:10px 0} .breadcumb p{margin:0;font-size:12px;color:#555;line-height:1.4} .lienhe .widget .widget-title{color:var(--main-color);font-weight:800;font-size:22px} .lienhe .widget p,.lienhe .widget a{font-size:18px;line-height:31px} .pagination{overflow:hidden;margin:auto;width:fit-content} .pagination li i{line-height:1.42857143} .copyright-text a,.breadcumb p a,.breadcumb p i{font-size:12px} .each-product .product-image,.each-product .product-image a{position:relative;overflow:inherit;margin-bottom:12px} .each-product .product-image img.smallLogo{position:absolute;bottom:0;right:0;padding:8px 10px;width:238px;height:auto!important;height:auto;border:none;border-top-left-radius:1.3em;background:rgba(255,255,255,0.88);margin:0;position:absolute;bottom:12px;right:0;padding:5px 10px;width:182px;height:auto!important;height:auto;border:1px #ccc solid;border-top-left-radius:.8em;background:rgba(255,255,255,0.88);margin:0} .each-product .product-image img.smallLogo2{position:absolute;top:50%;transform:translateY(-50%);right:0;padding:2px 58px;width:100%;height:auto!important;height:auto;border:none;background:rgba(255,255,255,0.46);margin:0;position:absolute;transform:translateY(-50%);right:0;padding:2px 40px;width:100%;height:auto!important;height:auto;border:none;background:rgba(255,255,255,0.53);margin:0} .each-product .product-description{overflow:hidden} .each-product .product-title{margin-bottom:0} .each-product .product-price{margin-top:0;text-align:center} .each-product .product-title h4{font-size:15px;line-height:1.4;text-align:center} .each-post h4{font-size:16px;line-height:1.4;margin-bottom:5px} .testimonial.testimonial-box .testimonial-item{padding:20px;height:inherit!important;line-height:1.4} .testimonial .testimonial-item > img{height:90px;width:90px} .testimonial.testimonial-box .testimonial-item p{font-size:14px;padding-bottom:10px} .testimonial.testimonial-box .testimonial-item>span{font-size:12px;margin-top:7px} .equalize.testimonial-box .testimonial-item > span ~ span{margin-bottom:0} .sidebar:before{display:none} .tieu-de-h3{border-bottom:2px #eee solid;margin-bottom:20px!important;margin-top:20px;font-size:22px} #widget-search-form-sidebar .input-group{width:100%} #widget-search-form-sidebar .input-group .input-group-btn .btn{width:100%} .imga{position:relative;display:block;width:fit-content;text-align:center;margin:auto} .imga .smallLogo{position:absolute;bottom:0;right:0;padding:5px 20px;width:300px;height:auto!important;border:none;border-top-left-radius:1.3em;background:rgba(255,255,255,0.88);margin:0} .background-overlay:before{z-index:-1;background:#000;opacity:.5;} #header #header-wrap{border:none} .tabs-content img{max-width:100%!important;height:auto} .footer{background:var(--main-color);background-size:cover;background-position:center;padding:60px 0 0} .google-maps{padding-bottom:62%} .copyright-content{background:rgba(0,0,0,0.3);min-height:auto;padding:10px 0;border:none} .copyright-content .copyright-text{color:#fff!important;text-transform:NONE;padding-top:0;line-height:20px;text-align:center} .foot-icon{display:block;overflow:hidden;/* margin-top:20px */} .foot-icon a{/* width:43px; *//* background: #8E8F93; *//* height:43px; *//* padding:12px; *//* text-align:center; *//* float:left; *//* margin-right:14px; *//* transition:.2s; *//* border-radius: 20em; */} .foot-icon a i{color:#fff;font-size:19px} .foot-icon a:hover{/* background:var(--second-color); */} .foot-icon a:hover i{color:#fdfeff!important} .footer ul{padding:0 0 0 3px;list-style:none} .footer ul li{margin-bottom:2px} .footer ul li a{color:#C0E0DE;transition:.2s} .footer ul li a i{display:none} .footer ul li a:hover{position:relative;padding-left:15px;font-weight:700;overflow:hidden;display:block;color:#e6f5f4} .footer ul li a:hover i{display:block;position:absolute;left:0;top:5px} .blockquote-color{background-color:var(--second-color)} .post-thumbnail-list{overflow:hidden} .post-thumbnail-list .post-thumbnail-entry img{float:left;display:block;height:60px;width:80px;margin-right:16px} .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{font-size:16px;line-height:1.4} .widget .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{font-size:14px;line-height:1.4} .post-thumbnail-list .post-thumbnail-entry a + .post-thumbnail-content{padding-top:6px} .post-item .post-item-description > h2,.post-item .post-item-description > h2 > a{margin-bottom:10px;line-height:1.4} .post-thumbnails .post-item:not(.quote) .post-item-description{padding-top:12px} .post-thumbnails .post-item{padding-bottom:30px} .widget a{font-size:14px;transition:.2s;line-height:1.3;border-radius:0;transition:none} .list-group-item:first-child,.list-group-item:last-child{/* border-radius:0 */} .list-group a.active,.list-group a:hover{font-weight:700;background-color:var(--second-color);border-color:var(--second-color);color:#fff} .timkiem .heading{margin-bottom:23px} .timkiem .heading h2{text-transform:none;font-weight:700} .timkiem form{margin-bottom:10px} .timkiem form input{border:none;width:600px!important;padding:11px 16px;margin:0} .timkiem form .btn{background:#EB5556;border:none;padding:13px 20px;text-shadow:none!important;width:170px;text-transform:none;font-family:SVN-Gilroy,san-serif!important;font-size:14px} .timkiem form .btn i{font-size:12px;margin-left:3px;margin-right:0} .dangky .heading h2{margin-bottom:16px} .dangky .heading h2+p{font-size:20px} .dangky form input{width:100%!important} .dangky form .form-group{width:100%} .dangky form .btn{width:100%} .dangky form .btn:hover,.timkiem form .btn:hover{background:#0098DA} .form-group{position:relative} .form-group input+i{position:absolute;left:16px;top:14px;color:#BCBEC0!important;font-size:10px} .each-product{margin-bottom:0} .pageHeader{padding:60px 0} .pageHeader .heading{margin-bottom:0} .pageHeader a,.pageHeader i{color:#fff;font-size:12px} .pageHeader p{margin-bottom:0} .pageHeader h1,.pageHeader h2{color:#fff;margin-bottom:0} .chi-tiet-bai-viet h1{font-size:24px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet h2{font-size:22px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet h3{font-size:20px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet h4{font-size:18px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet h5{font-size:16px;margin-bottom:10px;margin-top:20px;font-weight:700} .chi-tiet-bai-viet ul:not(.tabs-navigation){padding-left:20px} .chi-tiet-bai-viet img{margin-top:10px;margin-bottom:10px;height:auto!important} .chi-tiet-bai-viet p{text-align:justify;line-height:1.6} .chi-tiet-bai-viet p a:not(.btn),.chi-tiet-bai-viet h2 a,.chi-tiet-bai-viet h3 a,.chi-tiet-bai-viet h4 a,.chi-tiet-bai-viet h5 a,.chi-tiet-bai-viet h6 a,.chi-tiet-bai-viet li a{color:#5769bf;border-bottom:1px #5769bf dashed} .chi-tiet-bai-viet p a:not(.btn):hover,.chi-tiet-bai-viet h2 a:hover,.chi-tiet-bai-viet h3 a:hover,.chi-tiet-bai-viet h4 a:hover,.chi-tiet-bai-viet h5 a:hover,.chi-tiet-bai-viet h6 a:hover,.chi-tiet-bai-viet li a:hover{border-bottom:1px #5769bf solid;font-weight:700} .chi-tiet-bai-viet a:not(.btn){font-size: 1em} .chi-tiet-bai-viet .mce-toc{border:1px #ddd solid;padding:0 20px;margin-bottom:30px;border-radius:8px;background:#efefef} .chi-tiet-bai-viet .mce-toc h2{font-size:17px} .chi-tiet-bai-viet .mce-toc li{line-height:1.4} .chi-tiet-bai-viet .mce-toc li a{font-size:14px;border:none;color:#111;font-weight:400;line-height:1} .line-ben-duoi{/* width:fit-content; *//* float:none; *//* margin:auto; */position:relative;} .line-ben-duoi:before{content:" ";width: 50px;border-bottom: 3px var(--main-color) solid;position:absolute;left:50%;bottom: -10px;transform:translateX(-50%);} .text-light .line-ben-duoi:before,.line-ben-duoi.text-light:before{border-bottom:3px #fff solid} .line-hai-ben{width:fit-content;float:none;margin:auto;position:relative} .line-hai-ben:before{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;left:-62px;top:50%} .line-hai-ben:after{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;right:-62px;top:50%} .text-light .line-hai-ben:before,.line-hai-ben.text-light:before,.text-light .line-hai-ben:after,.line-hai-ben.text-light:after{border-bottom:2px #fff solid} .btn-hotline-noi{margin:0;font-size:20px;padding:23px 15px 13px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);position:fixed;bottom:16px;left:96px;border:none;z-index:999;border-radius:2em;background-color:var(--main-color)!important;transition:.3s} .btn-hotline-noi:hover{transform:scale(1.05)} .btn-hotline-noi span:first-child{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:11px} .btn-hotline-noi span:last-child{font-size:21px} .btn-hotline-noi-2{left:271px;background-color:var(--second-color)!important} .btn-zalo-noi{z-index:2;bottom:16px;right:20px;position:fixed;border-radius:50%;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);transition:.3s} .btn-zalo-noi:hover{transform:scale(1.05)} .btn-zalo-noi img{width:52px} .close{font-size:40px} .fb-livechat{display:block} .fb-livechat .fb-button{position:fixed;right:21px;cursor:pointer;z-index:999;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:52px;height:52px;text-align:center;bottom:76px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out} .fb-livechat .fb-button:focus,.fb-livechat .fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)} .fb-livechat .bubble{width:20px;height:20px;background:#c00;color:#fff;position:absolute;z-index:999999999;text-align:center;vertical-align:middle;top:-2px;left:-5px;border-radius:50%} .fb-livechat .bubble-msg{width:120px;left:-140px;top:5px;position:relative;background:rgba(59,89,152,.8);color:#fff;padding:5px 8px;border-radius:8px;text-align:center;font-size:13px} .product-sidebar .tieu-de-danh-muc{background:var(--main-color);border-radius: 4px;color:#fff;padding:8px 20px;} .product-sidebar .list-group a i.fa{float:right;margin-top:4px} .product-sidebar .list-group a i.fa.fa-minus{display:none} .product-sidebar .list-group-item{padding:12px 10px;text-transform:none;letter-spacing:-.5px!important;line-height:1;font-size:14px!important;/* border-radius:0; */transition:none;} .product-sidebar .sidebar{padding-right:15px} .product-sidebar .sidebar-both .content{padding-left:15px;padding-right:15px} .product-sidebar .sidebar-both .content + .sidebar{padding-left:15px} .product-sidebar .box-thong-tin-sidebar p,.box-thong-tin-sidebar p strong,.box-thong-tin-sidebar p a{font-size:13px!important;line-height:21px!important;margin-bottom:0} .product-sidebar .box-thong-tin-sidebar h4{font-size:16px;margin-bottom:4px} .comments{border:none!important;padding:0!important;float:left;width:100%} .comments .comment{padding:0} .comments .comment .text .text_holder{margin:0} .comments .comment .text .text_holder p{margin:0;line-height:17px} .comments .comment .text .name{line-height:20px;margin-bottom:0} .comments .comment .text{margin-bottom:10px} .comments .comment img.avatar{border-radius:unset} #google_translate_element{padding:0 10px;background:#fff;margin-top:0} #google_translate_element .goog-te-gadget{border:none;padding:0;height:35px} #google_translate_element .goog-te-gadget-simple{border:none;padding:0;height:35px} #google_translate_element a,#google_translate_element span{color:#000!important;font-size:12px} .left-bar{position:fixed;top:50%;transform:translateY(-50%);left:0;height:200px;width:50px;z-index:99} .left-bar a{width:50px;height:50px;background-size:contain!important;z-index:999;float:left} .left-bar a span{border:2px var(--main-color) solid;color:var(--main-color);position:absolute;width:max-content;padding:11px;background:#fff;font-size:20px;left:50px;height:50px;display:none;line-height:1} .left-bar a:hover span{border-left:0;display:block} #sticky-wrapper .sticky{z-index:200!important} .doitac-section .carousel a{padding:10px;overflow:hidden;display:block;background:#fff} .doitac-section .carousel a span{width:100%;height:130px;background-color:#fff;display:block} .doitac-section .carousel a p{text-align:center} .widget.widget-newsletter .btn{background:var(--main-color)} .form-control{border:1px solid #ddd;/* border-radius: 20px; */} select.form-control{ background-image: url(./polo/images/dropdown-arrow.png?3); background-repeat: no-repeat; background-position: right center; } .icon-box .icon a,.icon-box .icon i{width:auto;height:auto;display:block} .icon-box .icon a img{height:75px;width:auto;border:2px var(--main-color) solid;padding:8px;border-radius:20em;transition:.5s} .icon-box .icon a:hover img{transform:rotate3d(0,1,1,360deg)} .icon-box.center p,.icon-box.text-center p{font-size:13px;line-height:1.5} .icon-box.center .icon,.icon-box.text-center .icon{margin-bottom:18px;height:auto;margin-top:19px;width:auto} .icon-box.center h3,.icon-box.center h5,.icon-box.text-center h3,.icon-box.text-center h5{line-height:1.4;margin-right:0} .each-post.post-item .post-item-wrap{border:1px #eee solid} #modalSale .modal-content{position:relative;padding:0;overflow:hidden} #modalSale .close{position:absolute;top:-7px;right:0;color:#fff;z-index:99;opacity:1;font-size:45px;font-weight:400;width:45px;background:#00000038} #modalSale .bannerLink{display:block;position:relative;overflow:hidden} #modalSale .bannerLink:hover{color:inherit} #modalSale .bannerLink img{max-width:100%} #modalSale .bannerLink .kmtext{text-align:center;padding:20px 10px} #modalSale .form-group{width:31.8%;margin-right:1%;padding:0} #modalSale .form-group input{border:1px #ccc solid;margin-bottom:0;width:100%} #modalSale .form-group .btn{width:100%;border-radius:0} .saleButton{box-shadow:0 3px 12px rgba(0,0,0,.15);position:fixed;z-index:999;border-radius:2em;bottom:23px;left:10px} .saleButton .btn:first-child{margin:0;font-size:20px;padding:33px 8px 14px 15px;border-radius:0;border-top-left-radius:2em;border-bottom-left-radius:2em} .saleButton .btn:first-child span:first-child{position:absolute;top:14px;left:52%;transform:translateX(-50%);font-size:13px} .saleButton .btn:last-child{margin:0;font-size:20px;padding:33px 15px 14px 8px;border-radius:0;border-top-right-radius:2em;border-bottom-right-radius:2em;margin-left:-4px} .saleButton .btn:last-child span:first-child{position:absolute;top:13px;left:47%;transform:translateX(-50%);font-size:13px;color:#fff} .shop-cart .cart-product-thumbnail>a img{max-height:68px;max-width:initial} .shop-cart .cart-product-thumbnail .cart-product-thumbnail-name{padding:0} #header-search{display:none} .fb_dialog{bottom:80px!important;right:17px!important} .hotline-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--second-color);z-index:1;padding:10px} .hotline-bar a{color:#fff;font-size:1.2em;font-style:normal} .hotline-bar p{color:#fff;margin:0;font-size:20px;font-weight:900;font-style:italic;text-transform:uppercase} .modal-open .modal,body{padding-right:0!important;overflow: auto;} .qr-code{text-align:center;border:3px #fbc909 solid;padding:1px;margin-bottom:30px} .qr-code img{width:180px;height:auto} .qr-code p{line-height:1.5;text-transform:uppercase;font-weight:600;letter-spacing:-.6px!important} #mainMenu nav>ul>li .dropdown-menu{margin-top:0;border-radius:0;padding:0;border:none} #histats_counter{position:relative} #histats_counter:before{content:' ';position:absolute;top:0;left:0;width:100%;height:100%;z-index:99} .table tr th p,.table tr td p{margin-bottom: 0;line-height: 1.4;} .tabs-content .tab-pane .table thead tr td p, .tabs-content .tab-pane .table tbody tr td p { text-align: center; } .container-left{ margin-left: calc(50vw - 585px); } .container-right{ margin-right: calc(50vw - 585px); } .inspiro-slider .slide-captions h2{ color: #F5A101; font-weight: 800; font-size: 2.4em; line-height: 1.2; margin-bottom: 10px; } .slide p{/* text-transform:uppercase; *//* font-weight:600; *//* *//* font-family:'Muli',sans-serif!important; */color: #fff;max-width: 47%;font-size:18px;} #header .header-extras .topbar-dropdown .dropdown-list{ margin-top: 8px; padding: 0 7px; right: 0; } .topbar-dropdown .list-entry{} .topbar-dropdown .list-entry img{ height: 17px; width: 26px; margin: 0; display: block; max-width: initial; margin: 4px 0; } #header .header-extras>ul>li .topbar-dropdown>.title{ border: 1px #ccc solid; line-height: 1!important; height: auto; padding: 5px; margin-top: 26px; border-radius: 4px; } .modal { text-align: center; /* padding: 0!important; */ } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; /* Adjusts for spacing */ } .modal-dialog,.modal.in .modal-dialog { display: inline-block; /* text-align: left; */ /* vertical-align: middle; */ /* top: 0; */ /* display: block; */ /* position: absolute; */ top: 40px; /* left: 50%; */ /* transform: translateX(-50%); */ } .gallery-video{ padding-top: 70%; /* display: block; */ /* overflow: hidden; */ position: relative; } .gallery-video i,.gallery-video img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 46px; } .owl-carousel .owl-item .gallery-video img{width: auto;height: auto;} .tabs-navigation li{width: 33.3%;float: left;} .tabs-navigation li a{text-align:center;line-height:1.3;color: #005147;background: transparent;border-top-left-radius:2em;border-top-right-radius:2em;border: 1px #129F84 solid;font-weight:700;text-transform:none;font-size: 23px;padding: 28px 0 0;min-height: 80px;transition: 0.2s;font-family: SVN-Gilroy,san-serif!important;/* background: linear-gradient(to right, #025E59, #0B947C); */} .tabs-navigation li.active a,.tabs-navigation li.active a:focus,.tabs-navigation li.active a:hover{border: 1px #129F84 solid;/* color: #005f5c; */border-bottom:none;background: #006B69;color: #fff;} .tabs-content{border:none;border-bottom-left-radius:2em;border-bottom-right-radius:2em;/* background: #005BAA; */border: 1px #129f84 solid;height: 25vw;background: linear-gradient(to right, #02716C, #098B7C);padding: 0;} .tabs-navigation li a:hover{border:1px #c1d5ed solid;color:var(--main-color);border-bottom:none;background:#fff} .tabs-content .tab-pane{height:100%;overflow:auto;overflow-y: auto;height: 22vw;padding: 53px;} .tabs-content .tab-pane a, .tabs-content .tab-pane p, .tabs-content .tab-pane strong, .tabs-content .tab-pane li{font-size: 23px;line-height:1.5;text-align: justify;color: #fff;} .tabs-content .tab-pane a{ /* font-style: italic; */ text-decoration: underline; } ::-webkit-scrollbar{width:12px} ::-webkit-scrollbar-track{border-radius:20em;background:#078174} ::-webkit-scrollbar-thumb{background:#B8E6E1;border-radius:20em} .cta{position:fixed;bottom: 33px;right: 132px;z-index:1;transition:.3s;width: 180px;text-align:center;} .cta2{bottom:10px;display: none;} .cta.goup{bottom:110px} .cta2.goup{bottom:60px} .cta img{/* width: 170px; *//* border-top-left-radius:20em; *//* border-bottom-left-radius:20em; *//* box-shadow:2px 2px 10px 0 rgb(0 0 0 / 30%); */} .cta p{position:absolute;top:50%;transform:translateY(-50%);font-size: 16px;line-height:1.3;color:#fff;width:90%;text-align:right;} .bc1{} .bc2{} .bc3{} .bc4{} .bc5{} .bc6{} .bc7{} .bc8{} .bc9{} .bc10{} .bc11{} .bc12{} .bc13{} .bc14{} .bc15{padding: 0;position: relative;} .bc15 a{position: absolute;top: 73%;left: 27.2%;width: 17%;} .bc16{/* width: 100%; */} .bc17{} .bc18{ /* background: url(../upload/b4.png?3) #959595; */ /* background-size: cover; */ /* background-position: center; */ /* min-height: calc(100vw/3961*3765); */ /* position: relative; */ } .bc19{} .bc20{} .bc21{} .bc22{} .bc23{} .bc24{} .bc25{} .bc26{} .bc27{} .bc28{width: 300px;} .bc29{margin-bottom: 28vw;} .bc29 .col-md-2-5 img{transition:0.3s} .bc29 .col-md-2-5 img:hover{transform:scale(1.04);cursor:pointer} .bc57 .col-md-3 img{transition:0.3s} .bc57 .col-md-3 img:hover{transform:scale(1.04);cursor:pointer} .bc29 .col-md-2-5 p+p{text-align: center;color: #fff;font-size: 18px;line-height: 1.4;min-height: 30px;} .bc29 .col-md-2-5 p:first-child{margin-bottom: 8px;position: relative;} .bc29 .col-md-2-5 p:first-child:before{content:' ';-webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate;color: #fff;background: #fff;width: 10px;height: 10px;position: absolute;font-size: 150px;border-radius: 20em;top: 22%;right: 25%;opacity: 0;} @-webkit-keyframes glow { from { box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073; } to { box-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6; } } .bc30{} .bc31{} .bc32{} .bc33{} .bc34{} .bc35{} .bc36{} .bc37{} .bc38{} .bc39{} .bc40{} .bc41{} .bc42{} .bc43{} .bc44{} .bc45{} .bc46{} .bc47{} .bc48{background-image: url(../upload_full/24.jpg); background-size: cover; background-position: center;} .bc49{} .bc50{} .bc51{} .bc52{} .bc53{background: url('../upload_full/23.png');background-size: 100% 100%;} .bc54{} .bc55{margin-bottom: 33px;} .bc56{max-width: 910px;} .bc57{} .bc58{} .bc59{} .bc60{} .bc61{} .bc62{} .bc63{} .bc64{} .bc65{} .bc66{} .bc67{} .bc68{} .bc69{} .bc70{} .bc71{} .bc72{} .bc73{} .bc74{} .bc75{} .bc76{} .bc77{} .bc78{} .bc79{} .bc80{} .bc81{} .bc82{} .bc83{} .bc84{} .bc85{} .bc86{} .bc87{} .bc88{} .bc89{} .bc90{} .bc91{} .bc92{} .bc93{} .bc94{} .bc95{} .bc96{} .bc97{} .bc98{} .bc99{} .bc100{} .bc101{} .bc102{} .bc103{} .bc104{} .bc105{} .bc106{} .bc107{} .bc108{} .bc109{} .bc110{} .bc111{} .bc112{} .bc113{} .bc114{} .bc115{} .bc116{} .bc117{} .bc118{} .bc119{} .bc120{} .bc121{/* background: url('../upload_full/26.png'); *//* background-size: cover; *//* background-position: bottom; */padding: 80px 0;} .bc122{} .bc123{} .bc124{} .bc125{} .bc125 a{ color: #fff;font-size: 20px;text-decoration: underline;transition: 0.3s;} .bc125 a:hover{color:#ee8701} .bc126{} .bc127{} .bc128{} .bc129{} .bc130{} .bc131{} .bc132{} .bc133{} .bc134{} .tabs-navigation li.bc133 a{/* padding-top: 22px; */} .bc136{} .bc137{} .bc138{} .bc139{} .bc140{} .bc141{} .bc142{} .bc143{} .bc144{} .bc145{} .bc146{} .bc147{} .bc148{} .bc149{} .bc150{} .bc151{} .bc152{} .bc153{} .bc154{} .bc155{} .bc156{} .bc157{} .bc158{} .bc159{} .bc160{} .bc161{} .bc162{} .bc163{} .bc164{} .bc165{} .bc166{} .bc167{} .bc168{} .bc169{} .bc170{} .bc171{} .bc172{} .s9{background: url(../upload/b32.png);padding: 40px 0;background-position: right;background-size: cover;} .s9 h4{color: #ffffff;text-transform:uppercase;font-size:18px;margin-top: 0;font-weight:700;margin-bottom: 10px;line-height:1.2} .s9 p,.s9 ul li,.s9 a{color:#fff;font-size: 15px;line-height:1.5;/* padding:0; *//* letter-spacing: -0.6px!important; *//* text-align: justify; */font-family: Muli, sans-serif!important;} .s9 ul li:after{display:none} .s9 ul li{margin-bottom: 16px;} .s9 ul li a:hover{text-decoration:underline} section ul:not(.tabs-navigation) { font-family: monospace; list-style: none; padding-left: 4px; } .foot-icon{display:block;overflow:hidden;margin-top:20px} .foot-icon a{width:50px;/* background:linear-gradient(to right,rgb(255 255 255 / 32%),rgb(255 255 255 / 32%)); *//* height:50px; *//* padding: 0; *//* text-align:center; */float:left;/* margin-right:14px; *//* border-radius:10px; */transition:.2s;} .foot-icon a i{color:#fff;font-size:22px} .foot-icon a:hover{/* background:linear-gradient(to right,#156ab3,#1eafa4); */transform: scale(1.05);} .foot-icon a:hover i{color:#fdfeff!important} @media only screen and (max-width:1380px) { .grid-5-columns .grid-item,.portfolio-5-columns .portfolio-item,.post-5-columns .post-item{width:20%} } @media only screen and (min-width:1200px) { #mainMenu>.container{width:1140px} } @media only screen and (min-width:1024px) { #topbar.topbar-mini .top-menu>li>a,#topbar.topbar-mini .top-menu>li{float:left} #header #mainMenu.menu-bottom{line-height:40px;border:none;margin-top:80px;position:relative} #header #mainMenu.menu-bottom nav{float:left} #header #mainMenu.menu-bottom:before{content:' ';background:var(--second-color);position:absolute;top:0;left:-100%;width:300%;height:100%} #header #mainMenu.menu-bottom nav > ul > li{line-height:40px;padding:0} #header #mainMenu.menu-bottom nav > ul > li > a{color:#fff} #header #mainMenu.menu-bottom nav > ul > li:first-child{padding-left:0} #header #mainMenu.menu-bottom nav > ul > li:first-child a{padding-left:0} #header.header-menu-bottom.header-sticky.sticky-active #header-wrap{top:-80px} #header.header-menu-bottom #header-search{display:block;position:absolute;top:23px;left:0} #header-search .form-inline{margin-left:24%;width:49%} #header-search .input-group{width:100%} #header-search .input-group .form-control{display:block;float:left;width:100%;border-radius: 20px;} #header-search .input-group-btn{position:absolute;right:0;top:0;z-index:3;border-radius: 4px;} #header-search .btn{padding:12px 10px;background:transparent;color:#111;transition:none;} .sidebar-right .content{padding-right:0!important} .sidebar-left .content{padding-left:0!important} .single-post .post-thumbnail-list{width:100%;float:left} .single-post .post-thumbnail-list .post-thumbnail-entry{width:47%;float:left;clear:inherit;margin-right:3%} .post-thumbnail-list .post-thumbnail-entry img{width:80px;height:60px;margin-right:16px;float:left;display:block} .sidebar .widget .post-thumbnail-list .post-thumbnail-entry img{width:60px;height:60px;margin-right:10px;float:left;display:block} .tienich .owl-carousel .owl-item p,.tienich .owl-carousel .owl-item p a{text-align:center;font-weight:400;font-size:8px;line-height:13px} .tienich .owl-carousel .owl-item p a{font-weight:700;font-style:italic} .tienich .owl-carousel .owl-item:not(.center) .anhtienich{padding:15px 30px;position:relative} .tienich .owl-carousel .owl-item:not(.center) .anhtienich:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(182,47,98,0.59)} .tienich .owl-carousel .owl-item:not(.center) .ghichu{opacity:0} .tienich .owl-carousel .owl-item .anhtienich{transition:.3s} .tienich .carouselX{zoom:200%;margin-left:-50%;width:200%} .tienich .owl-carousel .owl-nav .owl-prev{left:36%;z-index:999;zoom:.6;top:34%} .tienich .owl-carousel .owl-nav .owl-next{right:36%;z-index:999;zoom:.6;top:34%} .tienich .center{float:left!important;margin:inherit} } @media only screen and (max-width:1024px) { .b120 { background-size: cover!important; background-position: center; } #mainMenu nav > ul > li > a{/* padding: 29px 8px; *//* font-size: 11px; */} .container-left{margin-left:30px} .container-right{margin-right:30px} .tienich .carouselX{width:80%;margin:auto} #mainMenu.menu-center nav{/* float:none; *//* display:inline-block; *//* vertical-align:top; *//* border-top:1px #ccc solid; *//* width:100%; *//* line-height:40px; *//* float:left; */} #mainMenu nav > ul{margin:auto;display:block;width:fit-content} } @media only screen and (max-width: 991px) { .bc29 .col-md-2-5 p+p{font-size: 14px;} .s9 .col-md-5,.s9 .col-md-2,.s9 .col-md-3{margin-bottom: 50px;} .bc39{margin-left: 16.5%;} .d27{/* bottom: 7vw; */} .bc29 { margin-bottom: 79vw; } .bc18{ /* background: url(../upload_full/27xs.jpg) #959595; */ /* background-size: cover; */ /* background-position: bottom; */ } .bc29 .col-md-2-5{width: 33.3%;float: left;clear: inherit!important;/* min-height: 37vw; */} .bc28{width: 70%;} .bc15 a{top: 38%; left: 30.2%; width: 40%;} .slideInfoItem{margin:15px 0;text-align:center} .slideInfo{padding:10px 0} .container-left,.container-right{margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;} .btn-cart-xs{position:fixed!important;bottom:85px;left:20px;z-index:999;background:#ddd;border-radius:20em;padding:12px 6px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3)} .table tr th,.table tr td,.table tr td span,.table tr td p,.table tr td a{font-size:12px!important} .dangky form input{width:100%!important;margin-bottom:10px} } @media only screen and (max-width:768px) and (min-width:480px) { .col-sm-8{width:66.66666667%} .col-sm-4{width:33.33333333%} } @media only screen and (max-width:480px) { .btn-noi{width: 40vw!important;} .tabs-navigation li a{font-size: 11px;padding: 18px 5px 0;} .tabs-navigation li.bc135 a{padding: 11px 5px 0;} .bc57 .col-md-3{width: 50%;float: left;clear: inherit;} .slide p{display:none} .inspiro-slider .slide-captions h2{font-size:20px;text-align: center;} .slideInfo{position:relative;margin-top:-1px} .slideInfo2{top:13px;transform:none;left:0;width:100%;padding:30px 20px;position:relative;box-shadow:none} .san-pham .col-md-4,.san-pham .col-md-3{width: 50%;float: left;clear: inherit;} .fb_dialog{display:none!important} .product-page .product .product-image .thumb>a{width:33%} .product-page .product .product-image .thumb>a:nth-child(4n+1){margin-left:auto} .product-page .product .product-image .thumb>a:nth-child(4n+4){margin-right:auto} .product-page .product .product-image .thumb>a:nth-child(3n+1){margin-left:0} .product-page .product .product-image .thumb>a:nth-child(3n+3){margin-right:0} .each-product .product-title h4{font-size:14px;line-height:1.3} #topbar .top-menu > li{line-height:35px;height:30px} #header .header-extras > ul > li .btn{position:fixed;bottom:28px;left:10px;z-index:9999} .product .product-description{padding:0} .btn-hotline-noi{left:50%;transform:translateX(-50%)} .btn-hotline-noi-1{left:50%;transform:translateX(-50%);bottom:59px} .btn-hotline-noi-2{bottom:3px} .heading h1,.heading h2{font-size: 24px;/* letter-spacing:-1px!important; */line-height:1.4} .footer .dangky{padding:0 15px} .footer .col-md-1,.footer .col-md-2,.footer .col-md-3,.footer .col-md-4,.footer .col-md-5{overflow:hidden;margin-bottom:30px} .fb-livechat .fb-button{bottom:75px;right:20px} .fb-livechat .bubble-msg{display:none} .content h1,.post-item-description h1{font-size:22px} .product-page .product .product-title h1{font-size:22px} #modalSale .form-group{width:100%;margin-bottom:10px} } @media only screen and (max-width:480px) and (min-width:350px) { .grid-layout .grid-item{width:50%!important} } .s1{background-image:url('../upload/1.jpg?1');background-size: 100% 100%;background-position: center;min-height: calc(100vw/1915*1354);position: relative;} .s2{background-image: url('../upload_full/25.jpg');background-size: cover;background-position: bottom;} .s3{/* background-image:url('../upload/3.png?3'); *//* background-size: cover; *//* background-position: center; */padding: 100px 0;} .s4{background-image:url('../upload/4x.png?3');background-size: cover;background-position: center;} .s5{background-image:url('../upload/5.png?3');background-size: cover;background-position: center;} .s7{background:#D7D7D7;padding: 30px 0 20px;} .d1{ /* background: #fff; */ /* border-bottom-left-radius: 20px; */ /* border-bottom-right-radius: 20px; */ /* box-shadow: 4px 4px 13px 0px rgb(0 0 0 / 4%); */ /* padding-left: 47px; */ } .d2{} .d3{} .d4{} .d5{} .d6{ position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); /* margin-top: 27%; */ } .d7{margin-bottom: 0;} .d8{} .d9{ position: relative; width: 86%; } .d10{} .d11{} .d12{ position: relative; border-radius: 30px; box-shadow: 6px 6px 20px 0px rgb(0 0 0 / 23%); transition:0.2s; cursor:pointer; } .d12:hover{transform:scale(1.03)} .d13{} .d14{} .d15{} .d16{} .d17{} .d18{} .d19{} .d20{ cursor: pointer; } .d21{} .d22{} .d23{} .d24{} .d25{} .d26{} .d27{position: absolute;bottom: 10vw;left: 0%;z-index: 1;width: 100%;} .d28{} .d29{} .d30{} .d31{} .d32{ position: relative; width: 70%; transition: 0.2s; } .d32:hover{transform:scale(1.03)} .d33{ margin-bottom: 15px; } .no-d32 .d33{margin-top: 130px;} .d34{} .d35{} .d36{ padding-top: 50px; padding-left: 40px; } .d37{ width: 79%; } .d38{ padding: 5px; } .d39{} .d40{} .d41{} .d42{ margin-bottom: 10px; } .d43{} .d44{} .d45{} .d46{} .d47{} .d48{} .d49{} .d50{} .d51{} .d52{} .d53{} .d54{} .d55{} .d56{} .d57{} .d58{} .d59{} .d60{} .d61{ border-left: 1px #A1A1A1 solid; } .d62{} .d63{} .d64{} .d65{} .d66{} .d67{} .d68{} .p1{} .p2{ position: absolute; top: 22%; right: 23%; font-weight: 800; color: #fff; font-size: 24px; line-height: 1.3; text-align: right; } .p3{ position: absolute; top: 46%; right: 12%; color: #fff; text-align: right; font-size: 14px; width: 75%; line-height: 1.7; } .p4{} .p5{ position: absolute; top: 14%; left: 41%; color: #fff; font-weight: 700; font-size: 16px; line-height: 1.4; } .p6{ position: absolute; top: 47%; left: 41%; color: #fff; line-height: 1.5; font-size: 13px; } .p7{} .p8{} .p9{} .p10{} .p11{} .p12{} .p13{ /* margin-bottom: 30px; */ } .p14{ margin-bottom: 18px; } .p15{ text-align: center; } .p15 span{ background: linear-gradient(90deg, #015553, #0DA98A); width: fit-content; /* height: 30px; */ border-radius: 20em; display: block; color: #fff; margin: auto; padding-top: 1px; text-align: center; font-weight: 800; transition: 0.2s; /* padding: 6px 7px; */ width: 43px; text-transform: uppercase; font-size: 24px; line-height: 42px; } .p16{ text-align: center; color: #ffffff; line-height: 1.4; font-weight: 400; margin-left: 3.5vw; font-size: 1.1rem; } .p16 span{ color: #0daa8b; } .p17{} .p18{} .p19{} .p19 br{ display: none; } .p20{} .p21{} .p22{} .p23{} .p24{} .p25{} .p26{ text-align: center; margin-bottom: 90px; } .p26 a{ color: #fff; font-style: italic; text-decoration: underline; text-transform: uppercase; font-weight: 600; transition:0.2s; } .p26 a:hover{color:#dfd41c} .p27{ /* margin-bottom: 100px; */ } .p27 a:hover img{opacity: 1; transform:scale(1.05)} .p28{ position: relative; } .p29{ position: absolute; top: 56%; left: 13%; color: #fff; line-height: 1.5; font-size: 16px; } .p30{ top: 51%; } .p31{} .no-d32 .p32{ margin-bottom: 130px; } .p32 a{ background: #fff; border-radius: 11px; padding: 6px 14px; margin-left: 20px; font-style: italic; text-decoration: underline; font-weight: 700; transition: 0.2s; } .p32 a:hover{cursor:pointer;background: #ddd21c;} .p33{ font-size: 30px; line-height: 1.2; font-weight: 800; margin-bottom: 20px; } .p34{ margin: 0; } .p35{} .p36{} .p37{} .p38{} .p39{} .p40{} .p41{} .p42{ text-align: center; font-style: italic; width: 79%; } .p43{} .p44{ text-align: center; text-transform: uppercase; font-size: 25px; font-weight: 800; margin-bottom: 30px; } .p45{} .p46{ font-weight: bold; margin-bottom: 0; } .p47{ margin-bottom: 0; } .p48{ margin-bottom: 0; } .p48 a{font-weight: bold;color: var(--second-color);transition: 0.2s;} .p48 a:hover{ text-decoration: underline; } .p49{ color: #8E8F93; font-size: 12px; /* margin-bottom: 0; */ } .p50{} .img1{} .img2{} .img3{} .img4{} .img5{} .img6{width: 550px;} .img7{} .d20 img{transition:0.2s} .d20:hover img{transform:scale(1.03)} .img8{} .img9{} .img10{} .img11{max-width: 190px;/* opacity: 0.6; */transition: 0.2s;display: none!important;} .p27 a { width: 120px; height: 120px; display: block; border-radius: 20em; /* background: #ffffff; */ background-image: url(../upload_full/12.png?3); background-repeat: no-repeat; background-position: center; background-size: contain; /* z-index: 10; */ /* position: absolute; */ /* top: 0; */ /* left: 0; */ /* right: 0; */ /* bottom: 0; */ margin: auto; -webkit-animation: ripple 0.7s linear infinite; animation: ripple 0.7s linear infinite; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3em rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3em rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0.2), 0 0 0 5em rgba(255, 255, 255, 0); box-shadow: 0 0 0 3em rgba(255, 255, 255, 0.2), 0 0 0 5em rgba(255, 255, 255, 0); } } @keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3em rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3em rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0.2), 0 0 0 5em rgba(255, 255, 255, 0); box-shadow: 0 0 0 3em rgba(255, 255, 255, 0.2), 0 0 0 5em rgba(255, 255, 255, 0); } } .img12{ position: absolute; top: -94px; right: 0%; width: 425px; } .img13{} .img14{} .img15{} .img16{ box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 11%); border-radius: 15px; transition:0.2s } .img16:hover{ box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 33%); cursor:pointer; } .img17{} .img18{} .img19{} .img20{} .img21{} .img22{} .img23{} .img24{} .img25{} .img26{} #header #header-wrap #logo{ /* margin-left: 30px; */ background: transparent; } .accordion .ac-title{ font-size: 14px; padding: 20px 30px 20px 15px; } .accordion .ac-content{font-size: 14px;} .accordion .ac-item{border-bottom:1px #ccc solid} .btn-noi{position: fixed;bottom: 10px;right: 10px;width: 200px;z-index: 99;max-width: 60%;} .btn-noi img{transition:0.2s} .btn-noi:hover img{transform:scale(1.05)} .scanner{ position: absolute; top: 23.8%; left: 59.8%; background: linear-gradient(rgb(255 255 255 / 0%),#fff); background:-webkit-gradient(linear,rgb(255 255 255 / 0%),#fff); background:-webkit-linear-gradient(rgb(255 255 255 / 0%),#fff); width: 3.1%; height: 2.9%; z-index: 1; /* opacity: 0.5; */ transform: rotate(358deg); animation-name: scan; animation-duration: 2s; animation-iteration-count: infinite; border-radius: 4px; } @-webkit-keyframes scan { 0% { opacity: 0; top: 18%; background: linear-gradient(transparent,#fff); } 50% { opacity: 1; top:23.8%} 100% { opacity: 0;} } .accordion .ac-item .ac-title:before{ content: "\f0d7"; font-size: 24px; } @media only screen and (min-width:1024px) { .d20:hover .p15 span{background: linear-gradient(90deg, #015553, #015553);} } @media only screen and (min-width:1250px) { .d9{ width: 77%; } .p3{ font-size: 13px; } } @media only screen and (min-width:1340px) { .d6{bottom:20px} } @media only screen and (min-width:1420px) { .d6{bottom:40px} } @media only screen and (min-width:1580px) { .d9 { width: 82%; } .d7 { margin-bottom: 20px; } } @media only screen and (min-width:1800px) { .p2{ font-size: 29px; } .d6{ bottom: 60px; } .d7{ margin-bottom: 60px; } .d9 { width: 100%; } .p3 { font-size: 17px; } } @media only screen and (max-width:1024px) { . .s7{padding-bottom: 125px;} .p33{ font-size: 27px; } .img12{ width: 375px; } .p29{ font-size: 13px; } .p16{/* font-size:14px; */} .d9{ width: 74%; } .p3{ font-size: 10px; } .p2{ font-size: 17px; } #mainMenu nav > ul > li{ padding: 0 1px; } .p6{ font-size: 10px; } } @media only screen and (max-width:991px) { .bc64+.bc67{margin-left: 16.5%;} .bc57 .col-md-2-5{width: 33.3%;} .p27 a{width: 80px; height: 80px;} .bc56{max-width: 100%;} .d27 { bottom: 30vw; } .no-d32 .p32{margin-bottom:20px} .no-d32 .d33{ margin-top: 0; margin-left: 25%; margin-right: 25%; } .d37,.p42{ width: 70%; margin-left: 15%; } .p33{text-align:center} .accordion .ac-item .ac-title:before{ top: 24px; right: 0; } .s7{padding-bottom:20px} .p48{ margin-bottom: 30px; } .p45{text-align:left!important;margin-bottom: 30px;} .p45 img{width:auto} .s7 .col-md-3,.s7 .col-md-2,.s7 .col-md-7{width:100%;float: left;clear: inherit;border: none;} .lines::before{ width: 20px; } .d2{margin-top:20px} .d1{box-shadow:none} #header #mainMenu-trigger{ float: right; } #header #mainMenu:not(.menu-overlay){ height: 100vh; background: linear-gradient(#208f86,#006c67); margin-left: -25px; width: calc(100% + 50px); padding-top: 0px; padding-right: 0; overflow: hidden;} #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a, #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a, #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span, #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li>a, #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title, #header.dark.header-colored .header-extras i, #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a, #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a, #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span, #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a, #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title, #header.dark.header-colored-transparent .header-extras i, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title, #header.dark.header-transparent .header-extras i, #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a, #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a, #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>span, #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a, #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title, #header.header-transparent .header-extras i{ text-align: right; color: #fff; padding-top: 17px; padding-right: 9%; font-size: 20px!important; } .d32{ width: 50%; float: left; } .p32{width:100% float:left; text-align:center} .img12{position:relative;top: 0;right: auto;margin: auto;} .d10 .col-md-4{width:100%} .d6{ position: relative; margin-top: calc(100vw/1621*3245); } .s1 { background-image: url(../upload/1xs.jpg?1); background-size: 100% auto; background-position: top; position: relative; } .d9 { width: 40%; left: 30%; } .d12{width: 40%; left: 30%;} .scanner{ top: 87.7vw; left: 33%; width: 8.7%; } @-webkit-keyframes scan { 0% { opacity: 0; top: 82.8vw; } 50% { opacity: 1; top:87.7vw} 100% { opacity: 0;} } } @media only screen and (max-width:480px) { .bc125 a{font-size: 15px;} .bc29{margin-left: -5px; margin-right: -5px;} .bc29 .col-md-2-5{padding: 0px 5px;} .no-d32 .d33{margin-left: 10%;} .s3 { background-image: url(../upload/3xs.jpg); padding: 150px 0; } .d9,.d12{ width: 100%; left:0 } .p2 { font-size: 20px; } .p3 { font-size: 12px; } .p26 a br{ display: block!important; } .s4 { background-image: url(../upload/4xsx.jpg?1); background-size: 100% 100%; padding-bottom: 0; } .s5 { background-image: url(../upload/5xs.jpg?1); background-size: 100% 100%; padding-top: 0; } .d32{width: 80%;margin-left: 10%;} .p30 { top: 47%; } .p29 { font-size: 12px; } .img12{width:70%} .p33{ text-transform: uppercase; font-size: 18px; } .d36{padding-top:0;padding-left:15px} .d37, .p42 { width: 100%; margin-left: 0%; } #goToTop{ /* bottom: 45px!important; */ /* right: auto; */ /* left: 10px; */ } .owl-carousel .owl-nav [class*=owl-]{ opacity: 1; top: 40%; background: none!important; border: none!important; } .owl-carousel .owl-nav .owl-prev { left: -10px; top: 60%; } .icon-box.icon-box-right .icon, .owl-carousel .owl-nav .owl-next { right: -10px; } .d20:hover img { transform: none; } .owl-carousel .owl-nav [class*=owl-] i{ font-size: 40px; color: var(--second-color)!important; } .owl-carousel .owl-nav [class*=owl-] i.fa-angle-left:before{content:"\f0d9"} .owl-carousel .owl-nav [class*=owl-] i.fa-angle-right:before{content: "\f0da";} .d20 img{ width: 80%!important; margin: 0 auto; } } .glowing-circle { width: 100px; height: 100px; border-radius:50%; background-color: #fff; -webkit-animation: glowing 1s ease-in-out infinite alternate; -moz-animation: glowing 1s ease-in-out infinite alternate; animation: glowing 1s ease-in-out infinite alternate; } @-webkit-keyframes glowing { from { box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #f0f, 0 0 40px #0ff, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073; } to { box-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6; } } .tienganh{position:absolute;top:50%;right:0;width:60px;transform:translateY(-50%);background:#fff;height:100%} .tienganh span{position:absolute;top:20px;left:18px;line-height:1} .tienganh img{position:absolute;top:19px;right:20px} .v1{} .v2{} .v3{} .v4{} .v5{} .v6{} .v7{} .v8{} .v9{} .v10{} .v11{} .v12{} .v13{} .v14{} .v15{} .v16{} .v17{} .v18{} .v19{} .v20{} .v21{} .v22{} .v23{} .v24{} .v25{} .v26{} .v27{} .v28{} .v29{ /* height: auto; */ /* bottom: 10%; */ /* top: auto; */ } .v30{} .v31{} .v32{} .v33{} .v34{} .v35{} .v36{} .v37{ padding: 0; /* background: url(../upload/b4.png?3) #959595; */ /* background-size: cover; */ /* background-position: center; */ /* min-height: calc(100vw/3961*3765); */ /* position: relative; */ } .v38{ position: absolute; top: 16.8vw; left: 51%; width: 27%; height: auto; z-index: 1; } .v39{ margin: 0; text-align: center; } .v40{ /* width: 70%; */ } .v41{ width: 80%; margin: auto; } .v42{ text-align: center; line-height: 1.5; } .v43{} .v44{} .v45{ padding: 0; background: url(../upload/b4x.png?3) #959595; background-size: cover; background-position: center; min-height: calc(100vw/3979*1645); position: relative; } .v46{ position: absolute; top: 12%; left: 53%; width: 29%; display: none; } .v47{ position: absolute; top: 27%; left: 53%; width: 29%; display: none; } .v48{ position: absolute; top: 42%; left: 53%; width: 29%; display: none; } .v49{ position: absolute; top: 59%; left: 53%; width: 29%; display: none; } .v50{ position: absolute; top: 29%; left: 53%; width: 29%; display: none; } .v51{ position: absolute; top: 68%; left: 53%; width: 29%; display: none; } .v52{background: #EAFFFC;} .v53{} .v54{} .v56x{ /* background: #fff; */ /* padding: 20px; */ position: absolute; top: 54vw; left: 20%; width: 60%; z-index: 1; } .v55{ width: 75%; } .v56{} .v57{} .v58{ width: 145px; } .v59{ text-align: center; font-size: 27px; font-weight: 800; color: #17776E; } .v60{ /* margin-bottom: 40px; */ } .v61{ /* width: 20%; */ } .v62{ /* width: 20%; */ } .v63{} .v64{ width: 145px; } .v65{ text-align: center; font-size: 27px; font-weight: 800; color: #17776E; margin-bottom: 20px; } .v66{ /* background: linear-gradient(#0CA77A, #037060); */ /* border-radius: 22px; */ /* display: block; */ /* overflow: hidden; */ /* padding: 20px; */ /* margin-bottom: 40px; */ } .v67{ width: 20%; float: left; padding: 2px 15px; position: relative; } .v67:not(:last-child)::before{/* content:' '; */position: absolute;top: -19%;right: 4%;width: 10px;height: 200%;background: #fff;transform: rotate(9deg);} .v68{ /* color: #fff; */ /* text-align: center; */ /* text-transform: uppercase; */ /* font-weight: 700; */ /* border-bottom: 1px #fff solid; */ /* width: fit-content; */ /* margin: auto; */ /* margin-bottom: 10px; */ } .v69{ text-align: center; color: #fff; line-height: 1.4; margin: 0; } .v70{ color: #fff; text-align: center; } .v70 a{color: #fff;font-size: 12px;text-decoration: underline;} .v71{} .v72{ /* width: 25%; */ /* float: left; */ } .v73{} .v74{} .v75{} .v76{} .v77{ /* width: 25%; */ /* float: left; */ } .v78{} .v79{} .v80{} .v81{} .v82{ /* width: 25%; */ /* float: left; */ } .v83{} .v84{} .v84 a{ color: #fff; font-style: italic; text-decoration: underline; } .v85{} .v86{ width: 145px; } .v87{ text-align: center; font-size: 27px; font-weight: 800; color: #17776E; margin-bottom: 40px; } .v88{} .v89{ width: 145px; } .v90{ text-align: center; font-size: 27px; font-weight: 800; color: #17776E; margin-bottom: 30px; } .v91{} .v92{} .v93{} .v94{} .v95{} .v96{} .v96 b{ font-weight: 800; } .v97{} .v98{} .v99{} .v100{} .v101{} .v102{} .v103{} .v104{} .v105{} .v106{} .v107{} .v108{} .v109{} .v110{} .v111{} .v112{} .v113{} .v114{} .v115{} .v116{} .v117{} .v118{} .v119{} .v120{} .v121{} .v122{} .v123{} .v124{} .v125{ margin-bottom: 40px; } .v126{} .v127{} .v128{} .v129{} .v130{} .v131{} .v132{} .v133{} .v134{} .v135{} .v136{} .v137{} .v138{} .v139{} .v140{} .v141{} .v142{} .v143{} .v144{} .v145{} .v146{} .v147{} .v148{} .v149{} .v150{ /* margin-bottom: 50px; */ } .v151{} .v152{} .v153{} .v154{} .v155{} .tabs-navigation li.v156{ width: 66.66%; } .v157{} .v158{} .v159{} .v160{} .v161{} .v162{} .v163{} .v164{} .v165{} .v166{} .v167{} .v168{} .v169{} .v170{ text-align: left; border-bottom: 1px #509A92 solid; padding-bottom: 9px; margin-bottom: 23px; } .v171{ width: 150px; } .v172{} .v173{} .v174{} .v175{} .v176{} .v177{} .v178{} .v179{} .v180{} .v181{} .v182{} .v183{} .v184{} .v185{} .v186{} .v187{ margin: 0; } .v188{ width: 50%; } .v189{} .v190{ width: 50%; } .v191{} .v192{} .v193{} .v194{} .v195{} .v196{} .v197{} .v198{} .v199{} .v200{} .v201{} .v202{} .v203{} .v204{} .v205{} .v206{} .v207{} @media only screen and (max-width:1024px) { .v69{ font-size: 14px; } } @media only screen and (max-width:991px) { #header, #header #header-wrap,#header.header-sticky #header-wrap{ background: linear-gradient(#09897B, #016F6C)!important; /* border-bottom: 1px #80ACAA solid; */ } #header #header-wrap #logo a>img{ /* filter: brightness(0) invert(1); */ } .x.toggle-active .lines::after, .x.toggle-active .lines::before{ background: #fff; } #header #mainMenu:not(.menu-overlay){transition:max-height .4s cubic-bezier(.79,.14,.15,.86),opacity .4s cubic-bezier(.79,.14,.15,.86);background: linear-gradient(45deg, #0B9280, #016D6A);} #header #mainMenu:not(.menu-overlay) nav>ul>li>a{ color: #fff; background: transparent; text-align: right; width: 75%; margin-left: 15%; /* border-bottom: 1px #fff solid; */ font-size: 19px!important; padding: 15px 0; font-weight: 400; } .v39{ margin-bottom: 20px; } .v45{ background: url(../upload/b4xs.png?3) #959595; background-size: cover; background-position: center; min-height: calc(100vw/1159*2539); } .v67{ width: 50%; } .v66{ margin-bottom: 16px; } .v66+.v66+.v66{margin-bottom: 40px;} .tabs-navigation li a{ padding: 12px 0 0; line-height: 1.1; } } @media only screen and (max-width:480px) { .v70 a{ line-height: 1.5; } .v68{ font-size: 17px; } .v66 { padding: 20px 5px; } .v67:not(:last-child)::before{ width: 4px; transform: rotate(8deg); right: 6%; } .v67 { padding: 2px 11px; } .v56x { background: transparent; padding: 0; } .v61,.v62{ /* width: 49%; */ } .v41{ width: 100%; } body, p, a, li { font-size: 14px; } .v59,.v65,.v87,.v90{ font-size: 22px; } .v181{ margin-bottom: 40px; } .v126 .active+.active{ transform: scale(0.5); } .v126 .owl-item{ transition: 0.5s; } .p16 { font-size: 11px; min-height: 45px; padding-left: 12px; } .tabs-navigation li.v154 a,.tabs-navigation li.v159 a{padding-top: 19px;} .v126.owl-carousel .owl-nav .owl-prev .fa-angle-left{ background: url('../upload/b26.png'); width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; } .v126.owl-carousel .owl-nav [class*=owl-] i:before{ display: none; } .v126.owl-carousel .owl-nav .owl-next .fa-angle-right{ /* background: url('../upload/b25.png'); */ /* width: 64px; */ /* height: 81px; */ /* background-size: contain; */ /* background-repeat: no-repeat; */ background: url(../upload/b26x.png?1); width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; } .v126.owl-carousel .owl-nav .owl-next{ /* right: 52%; */ top: 60%; } .v126{ /* transform: scale(1.5); */ /* left: 27%; */ } } .rq1{} .rq2{} .rq3{} .rq4{} .rq5{} .rq6{} .rq7{} .rq8{} .rq9{} .rq10{} .rq11{} .rq12{} .rq13{} .rq14{} .rq15{} .rq16{} .rq17{} .rq18{} .rq19{} .rq20{} .rq21{} .rq22{} .rq23{} .rq24{} .rq25{} .rq26{} .rq27{} .rq28{} .rq29{} .rq30{} .rq31{} .rq32{} .rq33{} .rq34{} .rq35{} .rq36{} .rq37{} .rq38{} .rq39{} .rq40{} .rq41{} .rq42{ position: absolute; top: 3vw; left: 25%; width: 50%; height: auto; z-index: 1; } .rq43{ margin-bottom: 17px; } .rq44{} .rq45{} .rq46{ font-size: 1.7rem; line-height: 1.3; } .rq47{} .rq48,.rq50{ margin-left: 10px; font-size: 1.1rem; line-height: 1.4; } .rq49{} .rq50{} .rq51{} .rq52{} .rq53{} .rq54{} .rq55{} .rq56{} .rq57{} .rq58{} .rq59{} .rq60{} .rq61{} .rq62{} .rq63{} .rq64{} .rq65{} .rq66{ position: absolute; top: 28vw; left: 29%; width: 42%; z-index: 1; } .rq67{} .rq68{} .rq69{} .rq70{} .rq71{} .rq71 a{ width: 50%; float: left; } .rq71 a img{ transition: 0.3s; } .rq71 a:hover img{transform:scale(1.05)} .rq72{} .rq73{} .rq74{} .rq75{} .rq76{ display: none; } .rq77{} .rq77 img{ width: auto; } .rq77 > div > p{ text-align: center; word-break: break-word; } .rq77 > div > p:nth-child(2){ text-align-last: center; margin-bottom: 10px; text-align: justify; line-height: 1.2; font-size: 1.1rem; } .rq77 > div > p a{ color: #1ADBEE; font-size: 14px; line-height: 1.4; } .rq78{} .rq79{} .rq80{} .rq81{} .rq82{} .rq83{} .rq84{} .rq85{} .rq86{} .rq87{} .rq88{} .rq89{} .rq90{} .rq91{} .rq92{} .rq93{} .rq94{} .rq95{} .rq96{} .rq97{} .rq98{} .rq99{} .rq100{} .rq101{} .rq102{} .rq103{} .rq104{} .rq105{} .rq106{} .rq107{} .rq108{} .rq109{} .rq110{} .rq111{} .rq112{} .rq113{} .rq114{} .rq114x{ position: absolute; top: 103vw; left: 18%; width: 63%; z-index: 1; } .rq115{} .rq116{} .rq117{} .rq118{} .rq119{} .rq120{} .rq121{} .rq122{} .rq123{} .rq124{} .rq125{} .rq126{} .rq127{} .rq128{} .rq129{} .rq130{} .rq131{} .rq132{} .rq133{} .rq134{} .rq135{} .rq136{} .rq137{} .rq138{} .rq139{} .rq140{} .rq141{} .rq142{} .rq143{} .rq144{} .rq145{} .rq146{} .rq147{} .rq148{} .rq149{} .rq150{} .rq151{} .rq152{} .rq153{} .rq154{} .rq155{} .rq156{} .rq157{} .rq158{} .rq159{} .rq160{} .rq161{ position: absolute; top: 151vw; left: 20%; width: 60%; z-index: 1; } .rq162{} .rq163{} .rq164{} .rq165{} .rq166{} .rq167{} .rq168{} .rq169{} .rq170{} .rq171{} .rq172{} .rq173{} .rq174{} .rq175{} .rq176{} .rq177{} .rq178{} .rq179{} .rq180{} .rq181{} .rq182{} .rq183{} .rq184{} .rq185{} .rq186{} .rq187{} .rq188{} .rq189{} .rq190{} .rq191{} .rq192{} .rq193{} .rq194{} .rq195{} .rq196{} .rq197{} .rq198{} .rq199{} .rq200{} .rq201{} .rq202{} .rq203{} .rq204{} .rq205{} .rq206{} .rq207{} .rq208{} .rq209{} .rq210{} .rq211{} .rq212{} .rq213{} .rq214{} .rq215{} .rq216{} .rq217{} .rq218{} .rq219{} @media only screen and (max-width:1600px) { .rq66x{ left: 10%; width: 80%; top: 53vw; }.rq42{ left: 20%; width: 60%; top: 1vw; }.rq66x{} .p16 br{ display: none; }.rq114x{ left: 15%; width: 70%; top: 101vw; } .tabs-content .tab-pane{ height: 33vw; }.tabs-content{ height: 37vw; } } @media only screen and (max-width:1024px) { #mainMenu nav > ul > li > a { padding: 28px 5px; font-size: 11px; }.rq42{ left: 5%; width: 90%; }.rq43{ width: 70%; margin-left: 15%; }.rq46{ font-size: 1.3rem; }.rq42x{ top: 16vw; left: 51%; width: 34%; }.rq48, .rq50{ font-size: 1.1rem; line-height: 1.3; }.rq77 > div > p:nth-child(2){ font-size: 0.8rem; }.rq66x {top: 52vw;}.rq77 > div > p a{ font-size: 0.7rem; line-height: 1.4; }.p16 { font-size: 0.8rem; }.tabs-navigation li a{ font-size: 1.3rem; }.tabs-content .tab-pane a, .tabs-content .tab-pane p, .tabs-content .tab-pane strong, .tabs-content .tab-pane li{ font-size: 1.3rem; } } @media only screen and (max-width:991px) { .rq42 { left: 11%; width: 78%; top: 16vw; }.rq43,.rq47{ display: none; }.rq46{font-size: 1.6rem;}.rq42x{ top: 177vw; left: 10%; width: 80%; }.rq48, .rq50{font-size: 1.6rem;}.rq66{ top: 63vw; left: 10%; width: 80%; }.rq66x { left: 10%; width: 80%; top: 107vw; }.rq114x { left: 23%; width: 51%; top: 284vw; }.rq77 > div > p:nth-child(2) { font-size: 1.6rem; text-align: center; text-align-last: center; }.rq77 > div{ margin-bottom: 6vw; }.rq77 > div.rq78{ width:100% }.tabs-navigation li.bc133 a { padding-top: 19px; }.tabs-navigation li.rq171 a{padding-top: 32px;} } @media only screen and (max-width:480px) { .rq46 { font-size: 1rem; }.rq42{ top: 14vw; }.rq48, .rq50 { font-size: 0.9rem; }.rq77 > div > p:nth-child(2) { font-size: 0.9rem; }.rq77 > div { margin-bottom: 2.2vw; }.rq66x{ left: 5%; width: 90%; top: 100vw; }.rq77 img { width: 50px; }.rq77 > div > p{ margin-bottom: 4px; }.rq114x{ width: 86%; left: 7%; top: 291vw; }.tabs-navigation li.rq171 a { padding-top: 18px; }.tabs-navigation li a { font-size: 1rem; }.tabs-navigation li.bc133 a { padding-top: 24px; }.tabs-content { height: 116vw; }.tabs-content .tab-pane { height: 112vw; overflow-x: hidden; padding: 20px; }.tabs-content .tab-pane a, .tabs-content .tab-pane p, .tabs-content .tab-pane strong, .tabs-content .tab-pane li { font-size: 1rem; text-align: left; }.bc121{ padding: 40px 0; } } .gs1{} .gs2{} .gs3{} .gs4{} .gs5{} .gs6{} .gs7{} .gs8{} .gs9{} .gs10{} .gs11{} .gs12{} .gs13{} .gs14{} .gs15{} .gs16{} .gs17{} .gs18{} .gs19{} .gs20{} .gs21{} .gs22{} .gs23{} .gs24{} .gs25{} .gs26{} .gs27{} .gs28{} .gs29{} .gs30{} .gs31{} .gs32{} .gs33{} .gs34{} .gs35{} .gs36{} .gs37{} .gs38{} .gs39{ position: absolute; top: 62vw; left: 25%; width: 50%; color: #fff; z-index: 1; text-align: center; font-weight: 300; } .gs40{ padding: 40px 0; } .gs41{} .gs42{} .gs42x{ margin: 0; border: none; } .gs41x{ border-radius: 20px; overflow: hidden; border: 1px #006B68 solid; } .gs43{} .gs44{ background: linear-gradient(90deg, #006B68, #00786E); width: 6%; } .gs45{ /* background: linear-gradient(90deg, #006B68, #00786E); */ } .gs46{ background: linear-gradient(90deg, #00786E, #00DB9A); } .gs47{} .gs48{ background: linear-gradient(90deg, #006B68, #006B68); width: 23%; } .gs49{} .gs50{} .gs51{} .gs52{} .gs53{} .gs54{} .gs55{} .gs56{} .gs57{} .gs58{} .gs59{} .gs60{} .gs61{} .gs62{} .gs63{} .gs64{} .gs65{} .gs66{} .gs67{} .gs68{} .gs69{} .gs70{} .gs71{} .gs72{} .gs73{} .gs74{} .gs75{} .gs76{} .gs77{} .gs78{} .gs79{} .gs80{} .gs81{} .gs82{} .gs83{} .gs84{} .gs85{} .gs86{} .gs87{} .gs88{} .gs89{} .gs90{} .gs91{} .gs92{} .gs93{} .gs94{} .gs95{} .gs96{} .gs97{} .gs98{} .gs99{} .gs100{} .gs101{} .gs102{} .gs103{} .gs104{} .gs105{} .gs106{} .gs107{} .gs108{} .gs109{} .gs110{} .gs111{} .gs112{} .gs113{ /* padding: 129px 0 0; */ } .gs113x{} .gs114{} .gs115{} .gs116{} .gs117{} .gs118{ padding-top: 163px; } .gs119,.gs140{ font-size: 35px; font-weight: 700; text-align: right; line-height: 1.3; color: var(--main-color); } .gs120{} .gs121{ /* color: #006b68; */ text-align: right; margin-bottom: 20px; } .gs121 b{ color: var(--main-color); } .gs122{} .gs123{ text-align: right; } .gs124{} .gs125{ width: 126px; } .gs126{} .gs127{} .gs128{ width: 100%; } .gs129{} .gs130{ text-align: center; }.gs130 a{ text-decoration: underline; } .gs131{ text-align: center; } .gs131+p b{ color: var(--main-color); } .gs132{ width: 300px; } .gs133{ padding: 5vw 0; } .gs134{} .gs135{} .gs136{} .gs137{} .gs138{} .gs139{} .gs140{} .gs141{} .gs142{ text-align: right; } .gs143{ text-align: right; } .gs143 a{ color: #FFB71B!important; } .text-light a.gs144{ color: #FFB71B!important; text-decoration: underline; } .gs145{ text-align: right; } .gs146{ padding: 60px 0; } .gs147{} .gs148{} .gs149{} .gs150{} .gs151{ background: linear-gradient(90deg, #006C68, #00DA99); } .gs152{} .gs153{ background: linear-gradient(90deg, #006C68, #00DA99); } .gs148.table-bordered>tbody>tr>td:last-child p.gs154{ text-align: center; } .gs155{} .gs156{} .gs157{} .gs158{} .gs159{} .gs160{} .gs161{} .gs162{} .gs163{} .gs164{} .gs165{} .gs166{} .gs167{} .gs168{} .gs169{} .gs170{} .gs171{} .gs172{} .gs173{} .gs174{} .gs175{} .gs176{} .gs177{} .gs178{} .gs179{} .gs180{} .gs181{} .gs182{} .gs183{} .gs184{} .gs185{} .gs186{} .gs187{} .gs188{} .gs189{} .gs190{} .gs191{} .gs192{} .gs193{} .gs194{} .gs195{} .gs196{} .gs197{} .gs198{} .gs199{} .gs200{} .gs201{} .gs202{} .gs203{} .gs204{} .gs205{} .gs206{} .gs207{} .gs208{} .gs209{} .gs210{} .gs211{} .gs212{} .gs213{} .gs214{} .gs215{} .gs216{} .gs217{} .gs218{} .gs219{} .gs220{} .gs221{} .gs222{} .gs223{} .gs224{} .gs225{} .gs226{} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{ border: 1px solid #006B68; padding: 10px 20px; } .table-bordered>tbody>tr>td:first-child{ border-left: 0; text-align: center; } .table-bordered>tbody>tr>td:last-child{ border-right: 0; text-align: left; width: 42%; } .table-bordered>tbody>tr>td:last-child p{} .table-bordered>tbody>tr>td:last-child p{text-align: left;} .table-bordered>tbody>tr:first-child>td{ border-top: 0; text-align: center; background: #006B68; }.table-bordered>tbody>tr:first-child>td p,.table-bordered>tbody>tr:first-child>td p b{ color: #fff; } .table-bordered>tbody>tr:last-child>td{ border-bottom: 0; } .table tr td p b{color: #006b68;} .gs148.table-bordered>tbody>tr>td:last-child p{ text-align: left; } @media only screen and (max-width:1024px) { .gs39{ width: 80%; left: 10%; }.gs119, .gs140{ font-size: 29px; }.gs118 { padding-top: 105px; }.gs133 { padding: 6vw 0 30px; } } @media only screen and (max-width:991px) { .gs39 { top: 152vw; }.gs39 br{ display: none; }.gs118{ padding-top: 30px; }.gs119, .gs140{ text-align: center; font-size: 24px; }.gs118 p,.gs139 p{ text-align: center; }.gs113x{ padding-bottom: 60px; }.gs133{ background-image: url(../grandsale/b5xxs2.jpg?1)!important; /* background-size: 100% 100%!important; */ background-position: bottom; padding: 6vw 0 19vw; }.gs137 {margin-bottom: 30px;} } @media only screen and (max-width:480px) { .gs39{ line-height: 1.3; font-size: 13px; width: 90%; left: 5%; }.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{ padding: 7px 8px; }.gs133 { background-image: url(../grandsale/b5xxs.jpg?2)!important; /* background-size: 100% 100%!important; */ background-position: bottom; /* padding: 6vw 0 19vw; */ }.gs41x{ border-radius: 10px; }.gs132 { width: 50%; }.gs145{ margin-bottom: 30px; } } .sk1{} .sk2{} .sk3{} .sk4{} .sk5{} .sk6{} .sk7{} .sk8{} .sk9{} .sk10{} .sk11{} .sk12{} .sk13{} .sk14{} .sk15{} .sk16{} .sk17{} .sk18{} .sk19{} .sk20{} .sk21{} .sk22{} .sk23{} .sk24{} .sk25{} .sk26{} .sk27{} .sk28{} .sk29{} .sk30{} .sk31{} .sk32{} .sk33{} .sk34{} .sk35{} .sk36{} .sk37{} .sk38{} .sk39{} .sk40{} .sk41{} .sk42{} .sk43{} .sk44{} .sk45{ position: absolute; top: 3.6vw; left: 30%; width: 45%; height: 23.5vw; } .sk45 p{ text-align: justify; color: #fff; position: absolute; font-weight: 200; line-height: 1.5; } .sk45x1{ /* position: absolute; */ top: 0; left: 0; width: 100%; } .sk45x2{ top: 35%; right: 0; width: 87%; } .sk45x3{ top: 78%; right: 0; width: 75%; } .sk46{ position: absolute; top: 35.3vw; left: 22%; width: 56%; } .sk47{} .sk48{} .sk49{} .sk50{} .sk51{} .sk52{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sk53{ position: absolute; top: 20.9vw; left: 21.1%; width: 17.6%; } .sk54{ font-weight: 500; padding-left: 1.1vw; position: relative; line-height: 1.3; text-align: justify; } .sk55{ width: 0.7vw; position: absolute; top: 0.2vw; left: 0; } .sk56{ margin-bottom: 1vw; } .sk57{ width: auto; } .sk58{} .sk59{} .sk60{} .sk61{} .sk62{} .sk63{} .sk64{ position: absolute; top: 19.9vw; left: 59.5%; width: 19.6%; } .sk65{} .sk66{} .sk67{} .sk68{} .sk69{} .sk70{} .sk71{} .sk72{} .sk73{} .sk74{} .sk75{} .sk76{} .sk77{} .sk78{ position: absolute; top: 33.5vw; left: 35%; width: 30%; } .sk78x{ text-align: center; font-weight: bold; margin-bottom: 2.4vw; font-size: 1.2vw; } .sk79{ } .sk80{ position: relative; text-align: justify; padding-left: 1.7vw; color: #fff; line-height: 1.5; } .sk81{ width: 0.9vw; position: absolute; top: 0.2vw; left: 0px; } .sk82{ margin-bottom: 1vw; padding-left: 1.7vw; } .sk83{} .sk84{} .sk85{} .sk86{} .sk87{} .sk88{} .sk89{} .sk90{} .sk91{} .sk92{} .sk93{} .sk94{} .sk95{ position: absolute; top: 13.1vw; left: 16%; width: 68%; } .sk96{} .sk97{} .sk98{} .sk99{ margin-bottom: 20px; } .sk99+p{ padding-left: 21%; padding-right: 10%; text-align: center; line-height: 1.4; } .sk100{} .sk101{} .sk102{} .sk103{} .sk104{} .sk105{} .sk106{} .sk107{} .sk108{} .sk109{} .sk110{} .sk111{} .sk112{ top: 14.8vw; } .sk113{} .sk114{} .sk115{} .sk116{} .sk117{} .sk118{} .sk119{} .sk120{} .sk121{} .sk122{} .sk123{} .sk124{} .sk125{ position: absolute; top: 13.6vw; left: 31.8%; width: 36%; border-radius: 24px; overflow: hidden; } .sk126{ position: absolute; top: 37vw; left: 56%; width: 23%; } .sk127{} .sk128{} .sk129{} .sk130{} .sk131{} .sk132{ position: absolute; top: 3.1vw; left: 35%; width: 42%; } .sk133{position: absolute;top: 0;left: 0;width: 100%;} .sk134{} .sk135{} .sk136{} .sk137{} .sk138{} .sk139{} .sk140{} .sk141{} .sk142{ position: absolute; top: 9vw; left: 0; width: 100%; } .sk143{} .sk144{} .sk145{} .sk146{} .sk147{} .sk148{} .sk149{} .sk150{} .sk151{} .sk152{} .sk153{} .sk154{} .sk155{ position: absolute; top: 20.9vw; left: 0; width: 100%; } .sk156{} .sk157{} .sk158{} .sk159{} .sk160{} .sk161{} .sk162{} .sk163{} .sk164{} .sk165{} .sk166{} .sk167{} .sk168{} .sk169{} .sk170{} .sk171{} .sk172{} .sk173{} .sk174{} .sk175{} .sk176{} .sk177{} .sk178{} .sk179{} .sk180{} .sk181{} .sk182{} .sk183{} .sk184{} .sk185{} .sk186{} .sk187{} .sk188{} .sk189{} .sk190{} .sk191{} .sk192{} .sk193{} .sk194{} .sk195{} .sk196{} .sk197{} .sk198{} .sk199{} .sk200{} .sk201{} .sk202{} .sk203{} .sk204{} .sk205{} .sk206{} .sk207{} .sk208{} .sk209{} .sk210{} .sk130 .sk80{ text-align: left; width: fit-content; margin-bottom: 1vw; padding-bottom: 5px; } .sk130 .sk83{ position: absolute; bottom: 0; left: 18px; width: 100%; /* height: 4px; */ } @media only screen and (max-width:1024px) { .s9 p, .s9 ul li, .s9 a{font-size: 14px;} } @media only screen and (max-width:991px) { .sk56 { margin-bottom: 2vw; } body, p, a, li { /* font-size: 2.9vw; */ } .sk45{ top: 35.8vw; left: 23%; width: 65%; height: 82.5vw; }.sk45x2 { top: 29%; right: 0; width: 100%; }.sk45x3 { top: 73%; right: 0; width: 100%; }.sk46{ display: none; }.sk53{ top: 90.9vw; left: 12.1%; width: 62.6%; }.sk64{ top: 133.9vw; left: 27.1%; width: 61.6%; }.sk55 { width: 2.7vw; position: absolute; top: 0.2vw; left: 0; }.sk54{ padding-left: 4.1vw; margin-bottom: 3px; }.sk78 { position: absolute; top: 83.5vw; left: 13%; width: 74%; }.sk78x{ font-size: 2.6vw; margin-bottom: 4.6vw; }.sk80{ padding-left: 3.7vw; }.sk81{ width: 2.9vw; top: 0.7vw; }.sk95 { position: absolute; top: 34.1vw; left: 6%; width: 88%; }.sk112 { top: 46.8vw; }.sk125 { position: absolute; top: 25.6vw; left: 12.5%; width: 75%; }.sk132 { position: absolute; top: 7.1vw; left: 27%; width: 63%; }.sk142 { position: absolute; top: 25vw; left: 0; width: 100%; }.sk155 { position: absolute; top: 66.9vw; left: 0; width: 100%; }.sk130 .sk80{ margin-bottom: 2vw; }.sk126 { position: absolute; top: 70vw; left: 55%; width: 43%; } .v126.owl-carousel .owl-nav .owl-prev .fa-angle-left{ background: url('../smartkids/b21.png'); width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; } .v126.owl-carousel .owl-nav [class*=owl-] i:before{ display: none; } .v126.owl-carousel .owl-nav .owl-next .fa-angle-right{ /* background: url('../upload/b25.png'); */ /* width: 64px; */ /* height: 81px; */ /* background-size: contain; */ /* background-repeat: no-repeat; */ background: url(../smartkids/b20.png?1); width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; } .v126.owl-carousel .owl-nav .owl-next{ /* right: 52%; */ top: 60%; } .v126{ /* transform: scale(1.5); */ /* left: 27%; */ }.v126 .active+.active{ transform: scale(0.5); } .v126 .owl-item{ transition: 0.5s; }.sk98 > p:first-child { line-height: 1.6; text-align: center; height: 35px; padding-left: 4vw; font-weight: bold; } } @media only screen and (max-width:700px) { .sk78{ top: 81.7vw; }.sk78x{ margin-bottom: 2.6vw; } .sk80 { margin-bottom: 3px; } } .t1{} .t2{} .t3{} .t4{} .t5{} .t6{} .t7{} .t8{} .t9{} .t10{} .t11{} .t12{} .t13{} .t14{} .t15{} .t16{} .t17{} .t18{} .t19{} .t20{} .t21{} .t22{} .t23{} .t24{} .t25{} .t26{} .t27{} .t28{} .t29{} .t30{} .t31{} .t32{} .t33{} .t34{} .t35{} .t36{} .t37{} .t38{} .t39{} .t40{} .t41{} .t42{} .t43{} .t44{} .t45{} .t46{} .t47{} .t48{} .t49{} .t50{} .t51{} .t52{} .t53{} .t54{} .t55{} .t56{} .t57{} .t58{} .t59{} .t60{} .t61{} .t62{} .t63{} .t64{} .t65{} .t66{} .t67{} .t68{} .t69{} .t70{} .t71{} .t72{} .t73{} .t74{} .t75{} .t76{} .t77{} .t78{} .t79{} .t80{} .t81{} .t82{} .t83{ background: linear-gradient(90deg, #dceeee, #e1f1f0, #f4fafa, #ffffff, white); } .t84{} .t85{} .t86{} .t87{} .t88{ background: linear-gradient(90deg, #dceeee, #e1f1f0, #f4fafa, #ffffff, white); } .t89{} .t90{} .t91{ /* margin-bottom: 30px; */ } .t92{ text-align: center; margin-bottom: 17px; } .t93{ width: 50%; } .t94{ text-align: center; font-weight: 600; line-height: 1.4; } .t95{} .t96{ background-image: url('../tieuthuong/b34.png'), linear-gradient(90deg, #dceeee, #e1f1f0, #f4fafa, #ffffff, white); background-size: 100% 100%; } .t97{} .t98{ text-align: center; margin-bottom: 24px; } .t99{ width: 52%; } .t100{ margin: 0; margin-bottom: 30px; } .t101{ padding: 0; } .t102{} .t103{ width: 100%; } .t104{ text-align: center; } .t105{ width: 60%; } .t106{ background: url('../tieuthuong/b35.jpg'); background-size: cover; background-position: center; padding-bottom: 200px; } .t107{} .t108{ text-align: center; } .t109{ width: 90%; } .t110{ margin-bottom: 30px; } .t111{} .t112{ position: relative; } .t113{ margin: 0; } .t113x{ position: absolute; top: 51px; left: 0; width: 100%; height: auto; color: var(--main-color); text-align: center; font-weight: 700; font-size: 27px; } .t112x .t113x{ top: 60px; } .t114{} .t115{ position: absolute; top: 21%; left: 4%; width: 92%; height: auto; } .t116,.t115 p,.t134 p{ position: relative; padding-left: 25px; } .t115 p::before,.t134 p::before{content:' ';position: absolute;background: url('../tieuthuong/b4.png');background-size: contain;background-repeat: no-repeat;background-position: center;width: 16px;height: 16px;top: 5px;left: 4px;} .t117{} .t118{ overflow: revert; padding-top: 0; background: url(../tieuthuong/b36.jpg); background-size: cover; background-position: bottom; } .t119{} .t120{ text-align: center; /* margin-top: -100px; */ transform: translateY(-50%); } .t121{ width: 80%; } .t122{ margin-bottom: 60px; } .t123{} .t124{} .t125{} .t126{} .t127{} .t128{} .t129{} .t130{} .t131{ margin-top: 50px; } .t132{ margin-bottom: 20px; } .t133{ width: 57%; } .t134{} .t135,.t134 p{ margin-bottom: 11px; } .t136{} .t136x{ background: #ffc431; padding: 9px 0; border-radius: 12px; } .t134 p.t136x::before{ /* filter: brightness(1) invert(1); */ top: 14px; left: 4px; background: url(../tieuthuong/b2.png); background-size: contain; background-repeat: no-repeat; background-position: center; } .t137{ margin-bottom: 50px; } .t138{} .t139{ text-align: center; } .t140{ width: 67%; transition: 0.3s; } .t140:hover{transform:scale(1.05)} .t141{} .t142{} .t143{} .t144{} .t145{} .t146{} .t147{} .t148{} .t149{} .t150{} .t151{} .t152{} .t153{} .t154{} .t155{} .t156{} .t157{} .t158{} .t159{} .t160{} .t161{} .t162{} .t163{} .t164{} .t165{} .t166{} .t167{} .t168{} .t169{} .t170{} .t171{} .t172{} .t173{} .t174{} .t175{} .t176{} .t177{} .t178{} .t179{} .t180{} .t181{} .t182{} .t183{} .t184{} .t185{} .t186{} .t187{} .t188{} .t189{} .t190{} .t191{} .t192{} .t193{} .t194{} .t195{} .t196{} .t197{} .t198{} .t199{} .t200{} .t201{} .t202{} .t203{} .t204{} .t205{} .t206{} .t207{} .t208{} .t209{} .t210{} .t211{} .t212{} .t213{} .t214{} .t215{} .t216{} .t217{} .t218{} .t219{} .t220{} .t221{} .t222{} .t223{} .t224{} .t225{} .t226{} .t227{} .t228{} .t229{} .t230{} .t231{} .t232{} .t233{} .t234{} .t235{} .t236{} .t237{} .t238{} .t239{} .t240{} .t241{} .t242{} .t243{} .t244{} .t245{} .t246{} .t247{} .t248{} .t249{} .t250{} .t251{} .t252{} .t115 p.t253, .t115 p.t260,.t115 p.t257{ padding-left: 0; text-transform: uppercase; font-weight: 600; font-size: 22px; } .t253:before,.t260:before,.t257:before{ display: none; } .t254{} .t255{} .t256{} .t257{} .t258{} .t259{} .t260{} .t261{} .t262{} .t263{ margin-bottom: 60px; } .t115 p.t264{ padding-left: 0; font-style: italic; font-size: 15px; line-height: 1.4; } .t264::before{display:none} @media only screen and (max-width:991px) { .t91,.t101 { margin-bottom: 30px; }.t96{ background-size: cover; background-position: top; }.t99,.t105,.t140,.t109 { width: 100%; }.t113x{ top: 69px; }.t112x .t113x { top: 71px; }.t112x .t115{ top: 11%; }.t252,.t123 {margin-bottom: 40px;} .t122 { margin-bottom: 0px; }.t137{display:none} } @media only screen and (max-width:480px) { .t91, .t101 { width: 50%; float: left; clear: initial; margin-bottom: 20px; }.t88{ padding: 20px 0; }.t113x { top: 25px; font-size: 18px; }.t112x .t113x { top: 27px; }.t116, .t115 p, .t134 p{ line-height: 1.3; }.t115 p::before, .t134 p::before{ top: 1px; }.t115 p.t253, .t115 p.t260, .t115 p.t257{ font-size: 18px; }.t263 { margin-bottom: 20px; }.t111{margin-bottom: 32px;}.t110 { margin-bottom: 0px; }.t106{ padding-bottom: 72px; }.t121{width:100%}.t132,.t128 { text-align: center; }.t133 { width: 41%; }.t129 {width: 54%;transform: translateX(-13%);}.t131 { margin-top: 19px; } } .t265{} .t266{} .t267{} .t268{} .t269{} .t270{} .t271{} .de1{} .de2{} .de3{} .de4{} .de5{} .de6{ padding: 0; overflow: revert; background: #025354; padding-bottom: 14vw; } .de6::before{content:" ";position: absolute;top: 0;left: 0;width: 100%;height: 10%;background: linear-gradient(180deg, #05615c, transparent);} .sectionbg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover; } .de7{ object-position: bottom; height: auto; bottom: 0; top: auto; } .de8{ /* transform: translateY(-16vw); */ /* margin-bottom: -16vw; */ /* position: relative; */ } .de9{ position: relative; /* top: 0; */ /* left: 0; */ /* width: 100%; */ /* height: auto; */ /* transform: translateY(-16vw); */ /* margin-bottom: -16vw; */ } .de10{ margin: 0; } .de11{} .de12{ position: absolute; top: 5.7%; left: 33%; width: 37%; text-align: center; } .de13,.de14{ text-align: center; margin: 0; color: #fdc432; text-transform: uppercase; font-weight: 600; font-size: 24px; } .de14{ color: #fff; } .de15{ position: absolute; top: 18%; left: 16%; width: 70%; } .de16{ border: 1px #fff solid; border-radius: 20px; padding: 40px 30px 35px; margin-bottom: 50px; } .de17{ text-align: center; text-transform: uppercase; font-weight: 700; color: #fff; font-size: 36px; margin-bottom: 23px; } .de18{ text-align: center; line-height: 1.3; color: #fff; font-weight: 500; width: 90%; margin: auto; } .de19{} .de20{} .de21{ width: 23.4%; } .de22{} .de23{ margin-bottom: 22px; } .de24{ width: 90%; } .de25{ width: 32.733333%; } .de26{} .de27{} .de28{} .de29{ width: 43.566667%; } .de30{} .de31{} .de32{} .de33{ position: absolute; bottom: 0%; left: 39%; width: 22%; transform: translateY(50%); } .de34{} .de35{} .de36{ padding-top: 0; } .de37{ left: auto; right: 0; width: 22%; height: auto; top: 50%; } .de38{} .de39{} .de40{ text-align: center; background: -webkit-linear-gradient(left, #075b5a, #10a489); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; font-weight: 700; line-height: 1.3; margin-bottom: 30px; font-size: 30px; } .de41{} .de42{ background: linear-gradient(45deg, #015551, #0da889); border-radius: 10px; padding: 40px 50px 40px 100px; margin-bottom: 30px; } .de43{} .de44{} .de45{} .de46,.de49{ color: #fff; text-transform: uppercase; font-weight: 600; font-size: 27px; margin: 0; } .de47{ border-left: 1px #fff solid; } .de48{} .de49{ margin-left: 30px; } .de50{ background: #fff; box-shadow: 0px 0px 50px 0px #0000001a; margin-bottom: 30px; padding: 40px 50px 40px 100px; border-radius: 30px; position: relative; } .de51{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; width: 70px; } .de52{} .de53{} .de54{border-right: 1px #ececec solid;} .de55{} .de56{ position: relative; padding-left: 40px; line-height: 1.3; margin-bottom: 20px; } .de57{ position: absolute; top: 0px; left: 0; width: 25px; } .de58{ text-transform: uppercase; font-weight: 700; font-size: 130%; } .de59{} .de60{} .de61{} .de62{ position: relative; } .de63{ text-align: justify; line-height: 1.4; top: 50%; transform: translateY(-50%); position: absolute; left: 30px; font-weight: 500; } .de64{ position: relative; padding: 30px 30px; text-align: center; border-radius: 15px; overflow: hidden; } .de65{} .de66{ color: #fec526; font-weight: 600; line-height: 1.4; font-size: 130%; } .de67{} .de68{} .de69{ color: #fff; /* text-decoration: underline; */ font-style: italic; border-bottom: 1px #fff solid; transition: 0.5s; } .de69:hover{color:#fec526;border-color: #fec526;} .de70{} .de71{} .de72{} .de73{} .de74,button.close{ position: absolute; top: -55px; right: -7px; color: #fff; opacity: 1; } .de75{} .de76{} .de77,.table-bordered{ border: 1px solid #006B68; } .de78{} .de79{} .de80{} .de81{} .de82{} .de83{} .de84{} .de85{} .de86{} .de87{} .de88{} .de89{} .de90{} .de91{} .de92{} .de93{} .de94{} .de95{} .de96{} .de97{} .de98{} .de99{} .de100{} .de101{} .de102{} .de103{} .de104{} .de105{} .de106{} .de107{} .de108{} .de109{} .de110{} .de111{} .de112{} .de113{} .de114{} .de115{} .de116{} .de117{} .de118{} .de119{} .de120{} .de121{} .de122{} .de123{} .de124{} .de125{} .de126{} .de127{} .de128{} .de129{} .de130{} .de131{} .de132{} .de133{} .de134{} .de135{} .de136{} .de137{ text-align: center; } .de138{ border-radius: 20em; background: linear-gradient(45deg, #fce692, #e8be54, #fce692, #e8be54); color: var(--main-color); } .de139{} .de140{} .de141{} .de142{} .de143{} .de144{} .de145{} .de146{} .de147{} .de148{} .de149{} .de150{} .de151{} .de152{} .de153{} .de154{} .de155{} .de156{} .de157{} .de158{} .de159{} .de160{} .de161{} .de162{} .de163{} .de164{} .de165{} .de166{} .de167{} .de168{} .de169{} .de170{} .de171{} .de172{} .de173{} .de174{} .de175{} .de176{} .de177{} .de178{} .de179{} .de180{} .de181{} .de182{} .de183{} .de184{} .de185{} .de186{} .de187{} .de188{} .de189{} .de190{} .de191{} .de192{} .de193{} .de194{} .de195{} .de196{} .de197{} .de198{} .de199{} .de200{} .de201{} .de202{} .de203{} .de204{} .de205{} .de206{} .de207{} .de208{} .de209{} .de210{} .de211,.de60 p{ border-top: 1px #eeeeee solid; line-height: 1.4; margin: 0; padding: 10px 0; font-weight: 500; } .de212{} .de213{} .de214{} .de215{} .de216{} .de217{} .de218{} .de219{} .de220{} .de221{} .de222{} .de223{} .de224{} .de225{} .de226{} .de227{} .de228{} .de229{} .de230{} .de231{} .de232{} .de233{} .de234{} .de235{} .de236{} .de237{} .de238{} .de239{} .de240{} .de241{} .de242{} .de243{} .de244{} .de245{} .de246{} .de247{} .de248{} .de249{} .de250{} .de251{} .de252{} .de253{} .de254{} .de255{} .de256{} .de257{} .de258{} .de259{} .de260{} .de261{} .de262{} .de263{} .de264{} .de265{} .de266{} .de267{} .de268{} .de269{} .de270{} .de271{} .de272{} .de273{} .de274{} .de275{} .de276{} .de277{} .de278{} .de279{} .de280{} .de281{} .de282{} .de283{} .de284{} .de285{} .de286{} .de287{} .de288{} .de289{} .de290{} .de291{} .de292{} .de293{} .de294{} .de295{} .de296{} .de297{} .de298{} .de299{} .de300{} .de301{} .de302{} .de303{} .de304{} .de305{} .de306{} .de307{} .de308{} .de309{} .de310{} .de311{} .de312{} .de313{} .de314{} .de315{} .de316{} .de317{} .de318{} .de319{} .de320{} .de321{} .de322{} .de323{} .de324{} .de325{} .de326{} .de327{} .de328{} .de329{} .de330{} .de331{} .de332{} .de333{} .de334{} .de335{} .de336{} .de337{} .de338{} .de339{} .de340{} .de341{} .de342{} .de343{} .de344{} .de345{} .de346{} .de347{} .de348{} .de349{} .de350{} .de351{} .de352{} .de353{} .de354{} .de355{} .de356{} .de357{} .de358{} .de359{} .de360{} .de361{} .de362{} .de363{} .de364{} .de365{} .de366{} .de367{} .de368{} .de369{} .de370{} .de371{} .de372{} .de373{} .de374{} .de375{} .de376{} .de377{} .de378{} .de379{} .de380{} @media only screen and (max-width:1920px) {} @media only screen and (max-width:1600px) {} @media only screen and (max-width:1450px) {} @media only screen and (max-width:1380px) { .de1{}.de2{}.de3{}.de4{}.de5{}.de6{}.de7{}.de8{}.de9{}.de10{}.de11{}.de12{}.de13{}.de14{}.de15{}.de16{}.de17{}.de18{}.de19{}.de20{}.de21{}.de22{}.de23{}.de24{}.de25{}.de26{}.de27{}.de28{}.de29{}.de30{}.de31{}.de32{}.de33{}.de34{}.de35{}.de36{}.de37{}.de38{}.de39{}.de40{}.de41{}.de42{}.de43{}.de44{}.de45{}.de46{}.de47{}.de48{}.de49{}.de50{}.de51{}.de52{}.de53{}.de54{}.de55{}.de56{}.de57{}.de58{}.de59{}.de60{}.de61{}.de62{}.de63{}.de64{}.de65{}.de66{}.de67{}.de68{}.de69{}.de70{}.de71{}.de72{}.de73{}.de74{}.de75{}.de76{}.de77{}.de78{}.de79{}.de80{}.de81{}.de82{}.de83{}.de84{}.de85{}.de86{}.de87{}.de88{}.de89{}.de90{}.de91{}.de92{}.de93{}.de94{}.de95{}.de96{}.de97{}.de98{}.de99{}.de100{}.de101{}.de102{}.de103{}.de104{}.de105{}.de106{}.de107{}.de108{}.de109{}.de110{}.de111{}.de112{}.de113{}.de114{}.de115{}.de116{}.de117{}.de118{}.de119{}.de120{}.de121{}.de122{}.de123{}.de124{}.de125{}.de126{}.de127{}.de128{}.de129{}.de130{}.de131{}.de132{}.de133{}.de134{}.de135{}.de136{}.de137{}.de138{}.de139{}.de140{}.de141{}.de142{}.de143{}.de144{}.de145{}.de146{}.de147{}.de148{}.de149{}.de150{}.de151{}.de152{}.de153{}.de154{}.de155{}.de156{}.de157{}.de158{}.de159{}.de160{}.de161{}.de162{}.de163{}.de164{}.de165{}.de166{}.de167{}.de168{}.de169{}.de170{}.de171{}.de172{}.de173{}.de174{}.de175{}.de176{}.de177{}.de178{}.de179{}.de180{}.de181{}.de182{}.de183{}.de184{}.de185{}.de186{}.de187{}.de188{}.de189{}.de190{}.de191{}.de192{}.de193{}.de194{}.de195{}.de196{}.de197{}.de198{}.de199{}.de200{}.de201{}.de202{}.de203{}.de204{}.de205{}.de206{}.de207{}.de208{}.de209{}.de210{}.de211{}.de212{}.de213{}.de214{}.de215{}.de216{}.de217{}.de218{}.de219{}.de220{}.de221{}.de222{}.de223{}.de224{}.de225{}.de226{}.de227{}.de228{}.de229{}.de230{}.de231{}.de232{}.de233{}.de234{}.de235{}.de236{}.de237{}.de238{}.de239{}.de240{}.de241{}.de242{}.de243{}.de244{}.de245{}.de246{}.de247{}.de248{}.de249{}.de250{}.de251{}.de252{}.de253{}.de254{}.de255{}.de256{}.de257{}.de258{}.de259{}.de260{}.de261{}.de262{}.de263{}.de264{}.de265{}.de266{}.de267{}.de268{}.de269{}.de270{}.de271{}.de272{}.de273{}.de274{}.de275{}.de276{}.de277{}.de278{}.de279{}.de280{}.de281{}.de282{}.de283{}.de284{}.de285{}.de286{}.de287{}.de288{}.de289{}.de290{}.de291{}.de292{}.de293{}.de294{}.de295{}.de296{}.de297{}.de298{}.de299{}.de300{}.de301{}.de302{}.de303{}.de304{}.de305{}.de306{}.de307{}.de308{}.de309{}.de310{}.de311{}.de312{}.de313{}.de314{}.de315{}.de316{}.de317{}.de318{}.de319{}.de320{}.de321{}.de322{}.de323{}.de324{}.de325{}.de326{}.de327{}.de328{}.de329{}.de330{}.de331{}.de332{}.de333{}.de334{}.de335{}.de336{}.de337{}.de338{}.de339{}.de340{}.de341{}.de342{}.de343{}.de344{}.de345{}.de346{}.de347{}.de348{}.de349{}.de350{}.de351{}.de352{}.de353{}.de354{}.de355{}.de356{}.de357{}.de358{}.de359{}.de360{}.de361{}.de362{}.de363{}.de364{}.de365{}.de366{}.de367{}.de368{}.de369{}.de370{}.de371{}.de372{}.de373{}.de374{}.de375{}.de376{}.de377{}.de378{}.de379{}.de380{} } @media only screen and (max-width:1024px) { .de1{}.de2{}.de3{}.de4{}.de5{}.de6{}.de7{}.de8{}.de9{}.de10{}.de11{}.de12{}.de13{}.de14{}.de15{}.de16{ padding: 30px 30px 25px; }.de17{}.de18{}.de19{}.de20{}.de21{}.de22{}.de23{}.de24{}.de25{}.de26{}.de27{}.de28{}.de29{}.de30{}.de31{}.de32{}.de33{}.de34{}.de35{}.de36{}.de37{}.de38{}.de39{}.de40{}.de41{}.de42{}.de43{}.de44{}.de45{}.de46{}.de47{}.de48{}.de49{}.de50{}.de51{}.de52{}.de53{}.de54{}.de55{}.de56{}.de57{}.de58{}.de59{}.de60{}.de61{}.de62{}.de63{}.de64{}.de65{}.de66{}.de67{}.de68{}.de69{}.de70{}.de71{}.de72{}.de73{}.de74{}.de75{}.de76{}.de77{}.de78{}.de79{}.de80{}.de81{}.de82{}.de83{}.de84{}.de85{}.de86{}.de87{}.de88{}.de89{}.de90{}.de91{}.de92{}.de93{}.de94{}.de95{}.de96{}.de97{}.de98{}.de99{}.de100{}.de101{}.de102{}.de103{}.de104{}.de105{}.de106{}.de107{}.de108{}.de109{}.de110{}.de111{}.de112{}.de113{}.de114{}.de115{}.de116{}.de117{}.de118{}.de119{}.de120{}.de121{}.de122{}.de123{}.de124{}.de125{}.de126{}.de127{}.de128{}.de129{}.de130{}.de131{}.de132{}.de133{}.de134{}.de135{}.de136{}.de137{}.de138{}.de139{}.de140{}.de141{}.de142{}.de143{}.de144{}.de145{}.de146{}.de147{}.de148{}.de149{}.de150{}.de151{}.de152{}.de153{}.de154{}.de155{}.de156{}.de157{}.de158{}.de159{}.de160{}.de161{}.de162{}.de163{}.de164{}.de165{}.de166{}.de167{}.de168{}.de169{}.de170{}.de171{}.de172{}.de173{}.de174{}.de175{}.de176{}.de177{}.de178{}.de179{}.de180{}.de181{}.de182{}.de183{}.de184{}.de185{}.de186{}.de187{}.de188{}.de189{}.de190{}.de191{}.de192{}.de193{}.de194{}.de195{}.de196{}.de197{}.de198{}.de199{}.de200{}.de201{}.de202{}.de203{}.de204{}.de205{}.de206{}.de207{}.de208{}.de209{}.de210{}.de211{}.de212{}.de213{}.de214{}.de215{}.de216{}.de217{}.de218{}.de219{}.de220{}.de221{}.de222{}.de223{}.de224{}.de225{}.de226{}.de227{}.de228{}.de229{}.de230{}.de231{}.de232{}.de233{}.de234{}.de235{}.de236{}.de237{}.de238{}.de239{}.de240{}.de241{}.de242{}.de243{}.de244{}.de245{}.de246{}.de247{}.de248{}.de249{}.de250{}.de251{}.de252{}.de253{}.de254{}.de255{}.de256{}.de257{}.de258{}.de259{}.de260{}.de261{}.de262{}.de263{}.de264{}.de265{}.de266{}.de267{}.de268{}.de269{}.de270{}.de271{}.de272{}.de273{}.de274{}.de275{}.de276{}.de277{}.de278{}.de279{}.de280{}.de281{}.de282{}.de283{}.de284{}.de285{}.de286{}.de287{}.de288{}.de289{}.de290{}.de291{}.de292{}.de293{}.de294{}.de295{}.de296{}.de297{}.de298{}.de299{}.de300{}.de301{}.de302{}.de303{}.de304{}.de305{}.de306{}.de307{}.de308{}.de309{}.de310{}.de311{}.de312{}.de313{}.de314{}.de315{}.de316{}.de317{}.de318{}.de319{}.de320{}.de321{}.de322{}.de323{}.de324{}.de325{}.de326{}.de327{}.de328{}.de329{}.de330{}.de331{}.de332{}.de333{}.de334{}.de335{}.de336{}.de337{}.de338{}.de339{}.de340{}.de341{}.de342{}.de343{}.de344{}.de345{}.de346{}.de347{}.de348{}.de349{}.de350{}.de351{}.de352{}.de353{}.de354{}.de355{}.de356{}.de357{}.de358{}.de359{}.de360{}.de361{}.de362{}.de363{}.de364{}.de365{}.de366{}.de367{}.de368{}.de369{}.de370{}.de371{}.de372{}.de373{}.de374{}.de375{}.de376{}.de377{}.de378{}.de379{}.de380{} } @media only screen and (max-width:991px) { .de1{}.de2{}.de3{}.de4{}.de5{}.de6{ padding-bottom: 80vw; }.de7{}.de8{}.de9{ /* transform: translateY(-25vw); */ /* margin-bottom: 29vw; */ }.de10{}.de11{}.de12{ top: 5.5%; left: 29%; width: 42%; }.de13, .de14{ font-size: 120%; line-height: 1.2; }.de14{}.de15{ top: 18%; left: 6%; width: 88%; }.de16{ margin-bottom: 20px; }.de17{}.de18{}.de19{}.de20{}.de21{}.de22{}.de23{}.de24{}.de25{ padding: 0 12.7px; }.de26{}.de27{}.de28{}.de29{ float: left; }.de30{}.de31{}.de32{}.de33{}.de34{}.de35{}.de36{}.de37{}.de38{}.de39{}.de40{}.de41{}.de42{}.de43{}.de44{}.de45{}.de46{}.de47{}.de48{}.de49{}.de50{}.de51{}.de52{}.de53{}.de54{}.de55{}.de56{}.de57{}.de58{}.de59{}.de60{}.de61{}.de62{}.de63{}.de64{}.de65{}.de66 br{ display: none; }.de67{}.de68{}.de69{}.de70{}.de71{}.de72{}.de73{}.de74{}.de75{}.de76{}.de77{}.de78{}.de79{}.de80{}.de81{}.de82{}.de83{}.de84{}.de85{}.de86{}.de87{}.de88{}.de89{}.de90{}.de91{}.de92{}.de93{}.de94{}.de95{}.de96{}.de97{}.de98{}.de99{}.de100{}.de101{}.de102{}.de103{}.de104{}.de105{}.de106{}.de107{}.de108{}.de109{}.de110{}.de111{}.de112{}.de113{}.de114{}.de115{}.de116{}.de117{}.de118{}.de119{}.de120{}.de121{}.de122{}.de123{}.de124{}.de125{}.de126{}.de127{}.de128{}.de129{}.de130{}.de131{}.de132{}.de133{}.de134{}.de135{}.de136{}.de137{}.de138{}.de139{}.de140{}.de141{}.de142{}.de143{}.de144{}.de145{}.de146{}.de147{}.de148{}.de149{}.de150{}.de151{}.de152{}.de153{}.de154{}.de155{}.de156{}.de157{}.de158{}.de159{}.de160{}.de161{}.de162{}.de163{}.de164{}.de165{}.de166{}.de167{}.de168{}.de169{}.de170{}.de171{}.de172{}.de173{}.de174{}.de175{}.de176{}.de177{}.de178{}.de179{}.de180{}.de181{}.de182{}.de183{}.de184{}.de185{}.de186{}.de187{}.de188{}.de189{}.de190{}.de191{}.de192{}.de193{}.de194{}.de195{}.de196{}.de197{}.de198{}.de199{}.de200{}.de201{}.de202{}.de203{}.de204{}.de205{}.de206{}.de207{}.de208{}.de209{}.de210{}.de211{}.de212{}.de213{}.de214{}.de215{}.de216{}.de217{}.de218{}.de219{}.de220{}.de221{}.de222{}.de223{}.de224{}.de225{}.de226{}.de227{}.de228{}.de229{}.de230{}.de231{}.de232{}.de233{}.de234{}.de235{}.de236{}.de237{}.de238{}.de239{}.de240{}.de241{}.de242{}.de243{}.de244{}.de245{}.de246{}.de247{}.de248{}.de249{}.de250{}.de251{}.de252{}.de253{}.de254{}.de255{}.de256{}.de257{}.de258{}.de259{}.de260{}.de261{}.de262{}.de263{}.de264{}.de265{}.de266{}.de267{}.de268{}.de269{}.de270{}.de271{}.de272{}.de273{}.de274{}.de275{}.de276{}.de277{}.de278{}.de279{}.de280{}.de281{}.de282{}.de283{}.de284{}.de285{}.de286{}.de287{}.de288{}.de289{}.de290{}.de291{}.de292{}.de293{}.de294{}.de295{}.de296{}.de297{}.de298{}.de299{}.de300{}.de301{}.de302{}.de303{}.de304{}.de305{}.de306{}.de307{}.de308{}.de309{}.de310{}.de311{}.de312{}.de313{}.de314{}.de315{}.de316{}.de317{}.de318{}.de319{}.de320{}.de321{}.de322{}.de323{}.de324{}.de325{}.de326{}.de327{}.de328{}.de329{}.de330{}.de331{}.de332{}.de333{}.de334{}.de335{}.de336{}.de337{}.de338{}.de339{}.de340{}.de341{}.de342{}.de343{}.de344{}.de345{}.de346{}.de347{}.de348{}.de349{}.de350{}.de351{}.de352{}.de353{}.de354{}.de355{}.de356{}.de357{}.de358{}.de359{}.de360{}.de361{}.de362{}.de363{}.de364{}.de365{}.de366{}.de367{}.de368{}.de369{}.de370{}.de371{}.de372{}.de373{}.de374{}.de375{}.de376{}.de377{}.de378{}.de379{}.de380{} } @media only screen and (max-width:480px) { .de1{}.de2{}.de3{}.de4{}.de5{}.de6{}.de7{}.de8{ padding: 0 5px; }.de9{}.de10{}.de11{}.de12{ top: 8.5vw; left: 21%; width: 57.6%; }.de13, .de14{ font-size: 100%; }.de14{}.de15{}.de16{ padding: 10px 10px 10px; }.de17{ font-size: 160%; margin-bottom: 10px; }.de18{ font-size: 90%; }.de19{}.de20{ margin: 0; }.de21,.de25,.de29{ float: left; clear: inherit; padding: 0 8px; }.de22{}.de23{}.de24{}.de25{ padding: 0 0; }.de26{}.de27{}.de28{}.de29{ padding: 0 3.9px; }.de30{}.de31{}.de32{}.de33{ left: 29%; width: 42%; }.de34{}.de35{}.de36{ padding-top: 50px; }.de37{}.de38{}.de39{}.de40{ font-size: 140%; }.de41{}.de42{}.de43{}.de44{}.de45{}.de46{}.de47{}.de48{}.de49{}.de50{ padding: 30px 30px 20px 50px; }.de51{ width: 40px; }.de52{}.de53{}.de54{ border-right: 0; 1px #ececec border: solid; margin-bottom: 2; }.de55{}.de56 br{ display: none; }.de57{}.de58{}.de59{}.de60{}.de61{}.de62{ padding: 20px 20px 10px; background: #f9f9f9; border-radius: 20px; }.de63{ position: relative; top: auto; transform: none; /* margin: 0; */ left: 0; }.de64{}.de65{}.de66{}.de67{}.de68{}.de69{}.de70{}.de71{}.de72{}.de73{ padding: 0; }.de74{}.de75{}.de76{}.de77{}.de78{}.de79{}.de80{}.de81{}.de82{}.de83{}.de84{}.de85{}.de86{}.de87{}.de88{}.de89{}.de90{}.de91{}.de92{}.de93{}.de94{}.de95{}.de96{}.de97{}.de98{}.de99{}.de100{}.de101{}.de102{}.de103{}.de104{}.de105{}.de106{}.de107{}.de108{}.de109{}.de110{}.de111{}.de112{}.de113{}.de114{}.de115{}.de116{}.de117{}.de118{}.de119{}.de120{}.de121{}.de122{}.de123{}.de124{}.de125{}.de126{}.de127{}.de128{}.de129{}.de130{}.de131{}.de132{}.de133{}.de134{}.de135{}.de136{}.de137{}.de138{}.de139{}.de140{}.de141{}.de142{}.de143{}.de144{}.de145{}.de146{}.de147{}.de148{}.de149{}.de150{}.de151{}.de152{}.de153{}.de154{}.de155{}.de156{}.de157{}.de158{}.de159{}.de160{}.de161{}.de162{}.de163{}.de164{}.de165{}.de166{}.de167{}.de168{}.de169{}.de170{}.de171{}.de172{}.de173{}.de174{}.de175{}.de176{}.de177{}.de178{}.de179{}.de180{}.de181{}.de182{}.de183{}.de184{}.de185{}.de186{}.de187{}.de188{}.de189{}.de190{}.de191{}.de192{}.de193{}.de194{}.de195{}.de196{}.de197{}.de198{}.de199{}.de200{}.de201{}.de202{}.de203{}.de204{}.de205{}.de206{}.de207{}.de208{}.de209{}.de210{}.de211{}.de212{}.de213{}.de214{}.de215{}.de216{}.de217{}.de218{}.de219{}.de220{}.de221{}.de222{}.de223{}.de224{}.de225{}.de226{}.de227{}.de228{}.de229{}.de230{}.de231{}.de232{}.de233{}.de234{}.de235{}.de236{}.de237{}.de238{}.de239{}.de240{}.de241{}.de242{}.de243{}.de244{}.de245{}.de246{}.de247{}.de248{}.de249{}.de250{}.de251{}.de252{}.de253{}.de254{}.de255{}.de256{}.de257{}.de258{}.de259{}.de260{}.de261{}.de262{}.de263{}.de264{}.de265{}.de266{}.de267{}.de268{}.de269{}.de270{}.de271{}.de272{}.de273{}.de274{}.de275{}.de276{}.de277{}.de278{}.de279{}.de280{}.de281{}.de282{}.de283{}.de284{}.de285{}.de286{}.de287{}.de288{}.de289{}.de290{}.de291{}.de292{}.de293{}.de294{}.de295{}.de296{}.de297{}.de298{}.de299{}.de300{}.de301{}.de302{}.de303{}.de304{}.de305{}.de306{}.de307{}.de308{}.de309{}.de310{}.de311{}.de312{}.de313{}.de314{}.de315{}.de316{}.de317{}.de318{}.de319{}.de320{}.de321{}.de322{}.de323{}.de324{}.de325{}.de326{}.de327{}.de328{}.de329{}.de330{}.de331{}.de332{}.de333{}.de334{}.de335{}.de336{}.de337{}.de338{}.de339{}.de340{}.de341{}.de342{}.de343{}.de344{}.de345{}.de346{}.de347{}.de348{}.de349{}.de350{}.de351{}.de352{}.de353{}.de354{}.de355{}.de356{}.de357{}.de358{}.de359{}.de360{}.de361{}.de362{}.de363{}.de364{}.de365{}.de366{}.de367{}.de368{}.de369{}.de370{}.de371{}.de372{}.de373{}.de374{}.de375{}.de376{}.de377{}.de378{}.de379{}.de380{} .table-bordered>tbody>tr>td:last-child { /* border-right: 0; */ /* text-align: left; */ width: 47%; } }