:root{ --c2: #16d2f6; --c1: #1a3e78; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,body,p,a,li{font-family:SVN-Aptima,san-serif!important;letter-spacing:0;color: var(--c1);} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: SVN-Moneta,sans-serif!important;} body,p,a,li{font-size: 16px;} a:active,a:focus,a:hover{color:var(--c1)} .lines,.lines:after,.lines:before{background-color:var(--c1)} .content h1,.post-item-description h1,.heading h1,.heading h2{font-weight:700;font-size:29px;font-family:'SVN-Aptima',sans-serif!important;color:#333;text-transform:uppercase} .heading{margin-bottom:30px} p,ul,ol,pre,table{margin-bottom:10px} ol{list-style-type:decimal} blockquote{border-left:3px solid #1abc9c;font-size:16px;font-style:italic;padding:5px 15px} .form-group{margin-bottom: 10px;padding: 0px 0;} .form-group label{text-transform:none} .blockquote-color{border-radius:4px} img{max-width:100%;height:auto} img,video{ /* image-rendering: -webkit-optimize-contrast; */ /* filter: blur(0); */ /* -webkit-filter: blur(0); */ /* transform: translateZ(0); */ /* -webkit-transform: translateZ(0); */ } section{padding:40px 0} .gioithieu-section p{text-align:justify} .btn{transition:.3s;text-shadow:none!important;border:none;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} .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(--c1)} #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: 12px 23px 11px;font-size: 17px;/* transition:none; */color: #fff;font-weight: 400;text-transform: none;} #mainMenu nav > ul:last-child > li > a{ padding: 12px 13px 11px; } #mainMenu nav>ul>li:hover>a{color:var(--c1)} #mainMenu.menu-right nav > ul > li:last-child > a{padding-right:0} #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:0} #mainMenu nav > ul:last-child > li:last-child a{ /* background: var(--c2); */ /* border-radius: 5px; */ /* color: #000; */ /* padding: 5px 12px 7px; */ } #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:Montserrat,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(--c1);color:#fff!important} .index-page #header{background: transparent;position: fixed;top: 0;left: 0;width: 100%;z-index: 1;} #header #header-wrap #logo a>img{padding: 12px 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(--c1);text-shadow:none;padding:10px 15px;transition:none;font-size:15px;border-radius:20px} #top-search-trigger i{line-height:80px} #goToTop{/* bottom: 83px!important; *//* right:28px; */} .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(--c1);text-shadow:none!important} .btn-my:hover{background-color:var(--c2)} .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-Aptima',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(--c1);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, #header.header-sticky #header-wrap,#header.header-fullwidth.header-transparent #header-wrap{border:none;background: var(--c1)!important;box-shadow: none;} .index-page #header #header-wrap, .index-page #header.header-sticky #header-wrap,#header.header-fullwidth.header-transparent #header-wrap{ background: linear-gradient(180deg, #1f4f88, transparent)!important; } .not-index-page #header #header-wrap, .not-index-page #header.header-sticky #header-wrap,.not-index-page #header.header-fullwidth.header-transparent #header-wrap{ background: var(--c1)!important; } .tabs-content img{max-width:100%!important;height:auto} .footer{background:var(--c1);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:rgba(255,255,255,0.37);height:43px;padding:12px;text-align:center;float:left;margin-right:14px;transition:.2s;border-radius:4px} .foot-icon a i{color:#fff;font-size:19px} .foot-icon a:hover{background:var(--c2)} .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{position:relative;padding-left:15px;/* font-weight:700; */overflow:hidden;display:block;color:#e6f5f4;} .footer ul li a i{display:block;position:absolute;left:0;top:5px} .blockquote-color{background-color:var(--c2)} .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 a.active,.list-group a:hover{font-weight:700;background-color:var(--c2);border-color:var(--c2);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-Aptima,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;color: var(--c1);} .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{position:relative} .line-ben-duoi:before{content:" ";width:50px;border-bottom:3px var(--c1) 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(--c1)!important;transition:.3s;display: none;} .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;color: var(--c1)!important;} .btn-hotline-noi span:last-child{font-size:21px;color: var(--c1)!important;} .btn-hotline-noi-2{left:271px;background-color:var(--c2)!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} .btn-whatsapp-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-whatsapp-noi:hover{transform:scale(1.05)} .btn-whatsapp-noi img{width:52px} .btn-wechat-noi{z-index:2;bottom:75px;right:20px;position:fixed;border-radius:50%;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);transition:.3s} .btn-wechat-noi:hover{transform:scale(1.05)} .btn-wechat-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(--c1);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;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(--c1) solid;color:var(--c1);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(--c1)} .form-control{border:1px solid #ddd;/* background: transparent; */border: none;/* border-bottom: 1px var(--c2) solid; */border-radius: 0;} select.form-control{background-image:url(./polo/images/dropdown-arrow.png);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(--c1) 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(--c2);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} .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;right: 0;} #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} .container-left{margin-left: 10vw;} .container-right{margin-right:calc(50vw - 585px);position: relative;} .inspiro-slider .slide-captions h2{color:#F5A101;font-weight:800;font-size:2.4em;line-height:1.2;margin-bottom:10px} .slide p{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 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}*/ .modal-dialog{display:inline-block;text-align:left;vertical-align:middle} .gallery-video{padding-top:70%;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} .owl-carousel.equal .owl-stage { display: flex; } .owl-carousel.equal .owl-item { display: flex; flex: 1 0 auto; } .owl-carousel.equal .owl-item > div { display: flex; flex: 1 0 auto; flex-direction: column; width: 100%; } .tab-thuvien .tabs-navigation{width:fit-content;margin:auto;margin-bottom:30px} .tab-thuvien .tabs-navigation li{margin-bottom:10px} .tab-thuvien .tabs-navigation li a{text-align:center;text-transform:uppercase;color:#ffffff;background:no-repeat;border:none;line-height:1;font-size:13px;font-weight:400;padding:12px 20px 10px;margin-right:12px;border-radius:4px;transition:.2s} .tab-thuvien .tabs-navigation li.active a,.tab-thuvien .tabs-navigation li.active a:focus,.tab-thuvien .tabs-navigation li.active a:hover,.tab-thuvien .tabs-navigation li:hover a,.tab-thuvien .tabs-navigation li a:hover{background:none;color:#fff;border-color:var(--c1);background: linear-gradient(to left,#B16F27,#EAA724);} .tab-thuvien .tabs-content{border:none;padding:0;margin:0;position: relative;} .tab-thuvien .tabs-content .tab-pane{opacity:0;display: block;} .tab-thuvien .tabs-content .tab-pane.active{opacity:1} .tab-thuvien .tabs-content .waitactive{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: block!important; } .tab-thuvien .tabs-content .waitactive.active{z-index:1;} .box-position { position: absolute; left: 0; top: 0; width: calc(100% + 150px); height: calc(100% + 150px); will-change: transform; -webkit-animation: bgPos 100s linear infinite; animation: bgPos 100s linear infinite; -webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg); transform: translate3d(-75px, -75px, 0) rotate(0.001deg); background-position: 50% 50%; background-size: cover; z-index: -1; opacity: 1; } @-webkit-keyframes bgPos { 25% { -webkit-transform:translate3d(-150px, -150px, 0) rotate(0.001deg); transform:translate3d(-150px, -150px, 0) rotate(0.001deg) } 75% { -webkit-transform:translate3d(0, 0, 0) rotate(0.001deg); transform:translate3d(0, 0, 0) rotate(0.001deg) } } @keyframes bgPos { 25% { -webkit-transform:translate3d(-150px, -150px, 0) rotate(0.001deg); transform:translate3d(-150px, -150px, 0) rotate(0.001deg) } 75% { -webkit-transform:translate3d(0, 0, 0) rotate(0.001deg); transform:translate3d(0, 0, 0) rotate(0.001deg) } } .owl-carousel { display: flex !important; /* To override display:block I added !important */ flex-direction: row; justify-content: center; /* To center the carousel */ } @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(--c2);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) { .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) { .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} .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { white-space: initial; } .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) { .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:19px;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} .topbar-dropdown .list-entry img, .topbar-dropdown .title img{ height: 20px; }} @media only screen and (max-width:480px) and (min-width:350px) { .grid-layout .grid-item{width:50%!important} } .i1{} .i2{} .i3{} .i4{} .i5{} .i6{} .i7{} .i8{} .i9{} .i10{} .i11{} .i12{} .i13{} .i14{} .i15{} .i16{} .i17{} .i18{} .i19{} .i20{} .i21{} .i22{} .i23{} .i24{} .i25{} .i26{} .i27{} .i28{} .i29{} .i30{} .i31{} .i32{} .i33{} .i34{} .i35{} .i36{} .i37{} .i38{} .i39{} .i40{} .i41{} .i42{} .i43{} .i44{} .i45{} .i46{} .i47{} .i48{} .i49{} .i50{} .i51{} .i52{} .i53{} .i54{} .i55{} .i56{} .i57{} .i58{} .i59{} .i60{} .i61{} .i62{} .i63{} .i64{} .i65{} .i66{} .i67{} .i68{} .i69{} .i70{} .i71{} .i72{} .i73{} .i74{} .i75{} .i76{} .i77{} .i78{} .i79{} .i80{} .i81{} .i82{} .i83{} .i84{} .i85{} .i86{} .i87{} .i88{} .i89{} .i90{} .i91{} .i92{} .i93{} .i94{} .i95{} .i96{} .i97{} .i98{} .i99{} .i100{} .i101{} .i102{} .i103{} .i104{} .i105{} .i106{} .i107{} .i108{} .i109{} .i110{} .i111{} .i112{} .i113{} .i114{} .i115{} .i116{} .i117{} .i118{} .i119{} .i120{} .i121{} .i122{} .i123{} .i124{} .i125{} .i126{} .i127{} .i128{} .i129{} .i130{} .i131{} .i132{} .i133{} .i134{} .i135{} .i136{} .i137{} .i138{} .i139{} .i140{} .i141{} .i142{} .i143{} .i144{} .i145{} .i146{} .i147{} .i148{} .i149{} .i150{} .i151{} .i152{} .i153{} .i154{} .i155{} .i156{} .i157{} .i158{} .i159{} .i160{} .i161{} .i162{} .i163{} .i164{} .i165{} .i166{} .i167{} .i168{} .i169{} .i170{} .i171{} .i172{} .i173{} .i174{} .i175{} .i176{} .i177{} .i178{} .i179{} .i180{} .i181{} .i182{} .i183{} .i184{} .i185{} .i186{} .i187{} .i188{} .i189{} .i190{} .i191{} .i192{} .i193{} .i194{} .i195{} .i196{} .i197{} .i198{} .i199{} .i200{} .i201{} .i202{} .i203{} .i204{} .i205{} .i206{} .i207{ border-radius: 16px; } .i208{} .i209{} .i210{} .i211{} .i212{} .i213{} .i214{} .i215{} .i216{} .i217{} .i218{} .i219{} .i220{} .i221{} .i222{} .i223{} .i224{} .i225{} .i226{} .i227{} .i228{} .i229{} .i230{} .i231{} .i232{} .i233{} .i234{} .i235{} .i236{} .i237{} .i238{} .i239{} .i240{} .i241{} .i242{} .i243{} .i244{} .i245{} .i246{} .i247{} .i248{} .i249{} .i250{} .i251{} .i252{} .i253{} .i254{} .i255{} .i256{} .i257{} .i258{} .i259{} .i260{} .i261{} .i262{} .i263{} .i264{} .i265{} .i266{} .i267{} .i268{} .i269{} .i270{} .i271{} .i272{} .i273{} .i274{} .i275{} .i276{} .i277{} .i278{} .i279{} .i280{} .i281{} .i282{} .i283{} .i284{} .i285{} .i286{} .i287{} .i288{} .i289{} .i290{} .i291{} .i292{} .i293{} .i294{} .i295{} .i296{} .i297{} .i298{} .i299{} .i300{} .i301{} .i302{} .i303{} .i304{} .i305{} .i306{} .i307{} .i308{} .i309{} .i310{} .i311{} .i312{} .i313{} .i314{} .i315{} .i316{} .i317{} .i318{} .i319{} .i320{} .i321{} .i322{} .i323{} .i324{} .i325{} .i326{} .i327{} .i328{} .i329{} .i330{} .i331{} .i332{} .i333{} .i334{} .i335{} .i336{} .i337{} .i338{} .i339{} .i340{} .i341{} .i342{} .i343{} .i344{} .i345{} .i346{} .i347{} .i348{} .i349{} .i350{} .i351{} .i352{} .i353{} .i354{} .i355{} .i356{} .i357{} .i358{} .i359{} .i360{} .i361{} .i362{} .i363{} .i364{} .i365{} .i366{} .i367{} .i368{} .i369{} .i370{} .i371{} .i372{} .i373{} .i374{} .i375{} .i376{} .i377{} .i378{} .i379{} .i380{} .i381{} .i382{} .i383{} .i384{} .i385{} .i386{} .i387{} .i388{} .i389{} .i390{} .i391{} .i392{} .i393{} .i394{} .i395{} .i396{} .i397{} .i398{} .i399{} .i400{} .i401{} .i402{} .i403{} .i404{} .i405{} .i406{} .i407{} .i408{} .i409{} .i410{} .i411{} .i412{} .i413{} .i414{} .i415{} .i416{} .i417{} .i418{} .i419{} .i420{} .i421{} .i422{} .i423{} .i424{} .i425{} .i426{} .i427{} .i428{} .i429{} .i430{} .i431{} .i432{} .i433{} .i434{} .i435{} .i436{} .i437{} .i438{} .i439{} .i440{} .i441{} .i442{} .i443{} .i444{} .i445{} .i446{} .i447{} .i448{} .i449{} .i450{} .i451{} .i452{} .i453{} .i454{} .i455{} .i456{} .i457{} .i458{} .i459{} .i460{} .i461{} .i462{} .i463{} .i464{} .i465{} .i466{} .i467{} .i468{} .i469{} .i470{} .i471{} .i472{} .i473{} .i474{} .i475{} .i476{} .i477{} .i478{} .i479{} .i480{} .i481{} .i482{} .i483{} .i484{} .i485{} .i486{} .i487{} .i488{} .i489{} .i490{} .i491{} .i492{} .i493{} .i494{} .i495{} .i496{} .i497{} .i498{} .i499{} .i500{} .i501{} .i502{} .i503{} .i504{} .i505{} .i506{} .i507{} .i508{} .i509{} .i510{} .i511{} .i512{} .i513{} .i514{} .i515{} .i516{} .i517{} .i518{} .i519{} .i520{} .i521{} .i522{} .i523{} .i524{} .i525{} .i526{} .i527{} .i528{} .i529{} .i530{} .i531{} .i532{} .i533{} .i534{} .i535{} .i536{} .i537{} .i538{} .i539{} .i540{} .i541{} .i542{} .i543{} .i544{} .i545{} .i546{} .i547{} .i548{} .i549{} .i550{} .i551{} .i552{} .i553{} .i554{} .i555{} .i556{} .i557{} .i558{} .i559{} .i560{} .i561{} .i562{} .i563{} .i564{} .i565{} .i566{} .i567{} .i568{} .i569{} .i570{} .i571{} .i572{} .i573{} .i574{} .i575{} .i576{} .i577{} .i578{} .i579{} .i580{} .i581{} .i582{} .i583{} .i584{} .i585{} .i586{} .i587{} .i588{} .i589{} .i590{} .i591{} .i592{} .i593{} .i594{} .i595{} .i596{} .i597{} .i598{} .i599{} .i600{} .i601{} .i602{} .i603{} .i604{} .i605{} .i606{} .i607{} .i608{} .i609{} .i610{} .i611{} .i612{} .i613{} .i614{} .i615{} .i616{} .i617{} .i618{} .i619{} .i620{} .i621{} .i622{} .i623{} .i624{} .i625{} .i626{} .i627{} .i628{} .i629{} .i630{} .i631{} .i632{} .i633{} .i634{} .i635{} .i636{} .i637{} .i638{} .i639{} .i640{} .i641{} .i642{} .i643{} .i644{} .i645{} .i646{} .i647{} .i648{} .i649{} .i650{} .i651{} .i652{} .i653{} .i654{} .i655{} .i656{} .i657{} .i658{} .i659{} .i660{} .i661{} .i662{} .i663{} .i664{} .i665{} .i666{} .i667{} .i668{} .i669{} .i670{} .i671{} .i672{} .i673{} .i674{} .i675{} .i676{} .i677{} .i678{} .i679{} .i680{} .i681{} .i682{} .i683{} .i684{} .i685{} .i686{} .i687{} .i688{} .i689{} .i690{} .i691{} .i692{} .i693{} .i694{} .i695{} .i696{} .i697{} .i698{} .i699{} .i700{} .i701{} .i702{} .i703{} .i704{} .i705{} .i706{} .i707{} .i708{} .i709{} .i710{} .i711{} .i712{} .i713{} .i714{} .i715{} .i716{} .i717{} .i718{} .i719{} .i720{} .i721{} .i722{} .i723{} .i724{} .i725{} .i726{} .i727{} .i728{} .i729{} .i730{} .i731{} .i732{} .i733{} .i734{} .i735{} .i736{} .i737{} .i738{} .i739{} .i740{} .i741{} .i742{} .i743{} .i744{} .i745{} .i746{} .i747{} .i748{} .i749{} .i750{} .i751{} .i752{} .i753{} .i754{} .i755{} .i756{} .i757{} .i758{} .i759{} .i760{} .i761{} .i762{} .i763{} .i764{} .i765{} .i766{} .i767{} .i768{} .i769{} .i770{} .i771{} .i772{} .i773{} .i774{} .i775{} .i776{} .i777{} .i778{} .i779{} .i780{} .i781{} .i782{} .i783{} .i784{} .i785{} .i786{} .i787{} .i788{} .i789{} .i790{} .i791{} .i792{} .i793{} .i794{} .i795{} .i796{} .i797{} .i798{} .i799{} .i800{} .i801{} .i802{} .i803{} .i804{} .i805{} .i806{} .i807{} .i808{} .i809{} .i810{} .i811{} .i812{} .i813{} .i814{} .i815{} .i816{} .i817{} .i818{} .i819{} .i820{} .i821{} .i822{} .i823{} .i824{} .i825{} .i826{} .i827{} .i828{} .i829{} .i830{} .i831{} .i832{} .i833{} .i834{} .i835{} .i836{} .i837{} .i838{} .i839{} .i840{ background: #000; } .i841{} .i842{} .i843{} .i844{} .i845{} .i846{} .i847{} .i848{} .i849{} .i850{} .i851{} .i852{} .i853{} .i854{} .i855{} .i856{} .i857{} .i858{} .i859{} .i860{} .i861{} .i862{} .i863{} .i864{} .i865{} .i866{} .i867{} .i868{} .i869{} .i870{} .i871{} .i872{} .i873{} .i874{} .i875{} .i876{} .i877{} .i878{} .i879{} .i880{} .i881{} .i882{} .i883{} .i884{} .i885{} .i886{} .i887{} .i888{} .i889{} .i890{} .i891{} .i892{} .i893{} .i894{} .i895{} .i896{} .i897{} .i898{} .i899{} .i900{} .i901{} .i902{} .i903{} .i904{} .i905{} .i906{} .i907{} .i908{} .i909{} .i910{} .i911{} .i912{} .i913{} .i914{} .i915{} .i916{} .i917{} .i918{} .i919{} .i920{} .i921{} .i922{} .i923{} .i924{} .i925{} .i926{} .i927{} .i928{} .i929{} .i930{} .i931{} .i932{} .i933{} .i934{} .i935{} .i936{} .i937{} .i938{} .i939{} .i940{} .i941{} .i942{} .i943{} .i944{} .i945{} .i946{} .i947{} .i948{} .i949{} .i950{} .i951{} .i952{} .i953{} .i954{} .i955{} .i956{} .i957{} .i958{} .i959{} .i960{} .i961{} .i962{} .i963{} .i964{} .i965{} .i966{} .i967{} .i968{} .i969{} .i970{} .i971{} .i972{} .i973{} .i974{} .i975{} .i976{} .i977{} .i978{} .i979{} .i980{} .i981{} .i982{} .i983{} .i984{} .i985{} .i986{} .i987{} .i988{} .i989{} .i990{} .i991{} .i992{} .i993{} .i994{} .i995{} .i996{} .i997{} .i998{} .i999{} .i1000{} .i1001{} .i1002{} .i1003{} .i1004{} .i1005{} .i1006{} .i1007{} .i1008{} .i1009{} .i1010{} .i1011{} .i1012{} .i1013{} .i1014{} .i1015{} .i1016{} .i1017{} .i1018{} .i1019{} .i1020{} .i1021{} .i1022{} .i1023{} .i1024{} .i1025{} .i1026{} .i1027{} .i1028{} .i1029{} .i1030{} .i1031{} .i1032{} .i1033{} .i1034{} .i1035{} .i1036{} .i1037{} .i1038{} .i1039{} .i1040{} .i1041{} .i1042{} .i1043{} .i1044{} .i1045{} .c116{} .c117{ padding: 0; } .c118{ /* position: absolute; */ /* top: 50%; */ /* left: 50%; */ /* transform: translate(-50%,-50%); */ /* height: 100vh; */ /* width: 100vw; */ width: 100%; height: 100%; } .c119{/* height: 100%; *//* width: auto; *//* right: 0; *//* bottom: 0; *//* min-width: 100vw; *//* min-height: 100vh; *//* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%,-50%); */object-fit: cover;width: 100vw;height: 100vh;/* position: fixed; */top: 0;left: 0;} .c120{} .c121{ width: 100%; height: 100%; display: block; background-size: cover; background-position: center; } .h121{ /* padding: 0; */ /* top: -80px; */ /* margin-bottom: -80px; */ } .h122{ margin: 0; } .h123{ /* width: 100%; */ /* height: auto; */ } .m1{} .m2{} .m3{} .m4{} .m5{} .m6{} .m7{} .m8{} .m9{} .m10{} .m11{} .m12{} .m13{} .m14{} .m15{} .m16{} .m17{} .m18{} .m19{} .m20{} .m21{} .m22{} .m23{} .m24{} .m25{} .m26{} .m27{} .m28{} .m29{} .m30{} .m31{} .m32{} .m33{} .m34{} .m35{} .m36{} .m37{} .m38{} .m39{} .m40{} .m41{} .m42{} .m43{} .m44{} .m45{} .m46{} .m47{} .m48{} .m49{} .m50{} .m51{} .m52{} .m53{} .m54{} .m55{} .m56{} .m57{} .m58{} .m59{} .m60{} .m61{} .m62{} .m63{} .m64{} .m65{} .m66{} .m67{} .m68{} .m69{} .m70{} .m71{} .m72{} .m73{} .m74{ position: fixed; top: 14%; right: 30px; z-index: 2; /* transform: translateY(-50%); */ } .m75{ margin-bottom: 13px; } .m76{ opacity: 0; transition: 0.3s; } .m75x:hover .m76,.m75x.active .m76{opacity:1} .m77{ font-size: 12px; line-height: 1; color: #fff; margin-left: 9px; } .m78{} .m79{} .m80{} .m81{} .m82{} .m83{} .m84{} .m85{ position: fixed; bottom: 20px; right: 30px; z-index: 2; } .m86{ margin-left: 12px; } .m87{} .m88{} .m89{} .m90{} .m91{} .m92{} .m93{} .m94{} .m95{ position: relative; /* padding-left: 70px; */ padding-right: 50px; } .m96{ position: absolute; top: 0; left: -50px; width: 28px; height: 100%; display: block; overflow: hidden; } .m97{ position: absolute; top: 67px; width: 100%; height: auto; left: 0; } .m98,.m99{ position: absolute; top: 0; left: 13px; width: 1px; height: 57px; display: block; background: var(--c2); } .m99{ top: 164px; height: 100%; } .m100{} .m101{ text-align: center; margin-bottom: 30px; } .m102{ height: 100px; } .m103{} .m103 b{ color: var(--c2); } .m104,.m103 p{ color: #fff; font-weight: 300; line-height: 1.3; margin-bottom: 20px; } .m105{} .m106{} .m107{} .m108{} .m109{} .m110{} .m111{} .m112{} .m113{} .m114{} .m115{} .m116{} .m117{} .m118{} .m119{} .m120{} .m121{} .m122{} .m123{} .m124{ width: 50%; height: 100vh; position: absolute; top: 0; left: 50%; } .m125{} .m126{} .m127{} .m128{} .m129{} .m130{} .m131{ position: relative; /* margin-top: 8%; */ } .m132{} .m133{} .m134{ position: absolute; top: 10%; left: 0.7%; z-index: 10; width: 95.7%; height: 100%; display: block; opacity: 1; } .m135{} .m136{} .m137{} .m137 .m96,.m206 .m96,.container-right .m96{ right: -50px; left: auto; } .m138{ text-align: center; margin-bottom: 22px; } .m139{} .m140{ color: #fff; font-size: 15px; font-weight: 300; line-height: 1.3; margin-bottom: 18px; } .m141{ background: #132a4c; margin-bottom: 10px; padding: 13px 22px 1px; } .m141 p.m142{ color: var(--c2); font-family: 'SVN-Moneta'!important; font-size: 18px; line-height: 1; margin-bottom: 10px; } .m143,.m142 span{ font-size: 28px; line-height: 1; } .m144{} .m145{} .m146{} .m147, .m141 p{ color: #fff; font-weight: 300; font-size: 10px; margin-bottom: 15px; line-height: 1.6; } .m148{} .m149{} .m150{} .m151{} .m152{} .m153{} .m154{} .m155{} .m156{} .m157{} .m158{} .m159{} .m160{} .m161{} .m162{} .m163{} .m164{} .m165{} .m166{} .m167{} .m168{} .m169{} .m170{} .m171{} .m172{} .m173{} .m174{} .m175{} .m176{} .m177{} .m178{} .m179{} .m180{} .m181{} .m182{} .m183{} .m184{} .m185{} .m186{} .m187{} .m188{} .m189{ position: relative; height: 480px; } .m190{ /* position: absolute; */ /* top: 0; */ /* left: 0; */ width: 10%; height: 100%; float: left; transition: 0.3s; position: relative; cursor: pointer; }.m190.active{width: 60%;} .m191{ position: absolute; bottom: 15px; text-align: center; width: 100%; } .m192{ cursor: pointer; transition: 0.3s; } .m190.active .m192{opacity:0} .m193{} .m194{} .m195{} .m196{} .m197{} .m198{} .m199{} .m200{} .m201{} .m202{} .m203{} .m204{} .m205{} .m206{} .m207{} .m208{} .m209,.m209x p{ color: #fff; line-height: 1.3; font-weight: 300; text-align: justify; margin-bottom: 19px; } .m210{} .m211{} .m212{} .m213{} .m214{} .m215{ margin-bottom: 20px; } .m216{ text-align: center; } .m217{} .m218{} .m219{ text-align: center; } .m220{ max-height: calc(100vh - 228px); margin: auto; } .m221{ display: none; } .m222{} .m223{} .m224{} .m225{} .m226{} .m227{} .m228{} .m229{} .m230{} .m231{} .m232{} .m233{} .m234{} .m235{} .m236{} .m237{} .m238{} .m239{} .m240{} .m241{} .m242{} .m243{} .m244{} .m245{} .m246{} .m247{} .m248{} .m249{} .m250{} .m251{} .m252{} .m253{} .m254{} .m255{} .m256{} .m257{} .m258{ text-align: center; position: relative; margin-bottom: 20px; } .m259{ width: 35px; } .m260{ position: absolute; left: calc(50% + 37px); width: 20%; height: 1px; background: var(--c2); top: 50%; } .m261{ position: absolute; right: calc(50% + 37px); width: 20%; height: 1px; background: var(--c2); top: 50%; } .m262{ /* margin-bottom: 42vh; */ } .m263{} .m264{ text-align: center; } .m265{} .m266{} .m267{ color: #fff; text-align: center; font-weight: 300; line-height: 1.5; } .m268{ margin-bottom: 20px; /* display: none; */ transition: 1s; position: relative; opacity: 0; }.m268.active{opacity:1} .m269{ z-index: -1; opacity: 0; transition: 0.5s; } .m269-1{} .m269-2{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; }.m269.active{z-index: 1; opacity: 1;} .m270{} .m271{ border: 1px var(--c2) solid; } .m272{ padding: 60px 92px; } .m273{ text-align: center; margin-bottom: 30px; } .m274{ width: auto!important; margin: auto; width: 448px!important; } .m275{ text-align: center; color: #fff; line-height: 1.5; font-weight: 300; } .m276{ border: 1px var(--c2) solid; } .m277{} .m278{} .m279{ padding: 40px 40px 40px 70px; } .m280{ margin-bottom: 23px; } .m281{} .m282{} .m283{} .m284{} .m285,.m282 p{ line-height: 1.6; color: #fff; font-weight: 300; }.m282 p b{color:var(--c2)} .m286{} .m287{} .m288{} .m289{} .m290{} .m291{} .m292{} .m293{} .m294{} .m295{} .m296{} .m297{} .m298{} .m299{} .m300{} .m301{} .m302{} .m303{} .m304{} .m305{ margin: 0; } .m306{} .m307{ border: 1px var(--c2) solid; padding: 20px 56px; } .m308{} .m309{ text-align: center; margin-bottom: 18px; } .m310{ font-family: 'SVN-Moneta',sans-serif!important; color: #fff; border: 1px var(--c2) solid; padding: 1px 9px; border-radius: 20em; margin-right: 5px; transition: 0.3s; }.m310.active,.m310:hover{ background: var(--c2); color: var(--c1); } .m311{} .m312{} .m313{} .m314{} .m315{} .m316{ display: none; }.m316.active{display:block} .m317{} .m318{ padding-right: 0; } .m319{ background: var(--c1); padding: 25px; position: relative; }.m319x{ position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 50px); } .m320{ text-align: center; } .m321{ width: auto!important; margin: auto; } .m322{ font-size: 30px; font-family: 'SVN-Moneta',sans-serif!important; color: var(--c2); text-align: center; } .m323{ color: #fff; line-height: 1.4; text-align: center; font-weight: 300; } .m324{} .m325{} .m326{} .m327{ text-align: center; position: relative; } .m328,.m329{ background: var(--c1); color: var(--c2); font-family: 'SVN-Moneta',sans-serif!important; font-size: 20px; padding: 5px 36px; transition: 0.3s; }.m328:hover,.m329:hover,.m328.active,.m329.active{ background: var(--c2); color: var(--c1); } .m329{} .m330{ position: absolute; top: 50%; left: -100%; height: 1px; width: 300%; background: var(--c2); z-index: -1; } .m331{} .m332{} .m333{} .m334{} .m335{} .m336{ margin-bottom: 30px; } .m337{ text-align: center; } .m338{} .m339{ margin-bottom: 40px; } .m340{ margin-bottom: 30px; } .m341{} .m342{ background: #fff; } .m343{} .m344{} .m345{ padding: 3px 17px; } .m346{ line-height: 1.2; font-size: 14px; text-align: justify; font-weight: 500; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; } .m347{ font-size: 13px; font-weight: 300; line-height: 1.5; text-align: justify; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden; } .m348{ font-weight: 300; font-size: 14px; } .owl-carousel .owl-item img.m349{ width: auto; display: inline; margin-left: 11px; vertical-align: baseline; height: 12px; } .m350{} .m351{ text-align: center; } .m352{ color: #fff; }.m352:hover{ text-decoration: underline; color: #fff; } .m353{} .m354{} .m355{ margin: 0; } .m356{ margin-bottom: 42px; } .m357{ text-align: center; } .m358{} .m359{ padding: 0; } .m360,.m364{ height: 51vh; position: relative; } .m361,.m365{ position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); font-size: 29px; line-height: 1; font-family: 'SVN-Moneta',sans-serif!important; color: #fff; } .m362{ margin-right: 12px; height: 45px; } .m363{ padding: 0; } .m364{} .m365{ text-align: right; } .m366{ margin-left: 12px; height: 45px; } .m367{} .m368{ /* height: 100vh; */ } .m369{} .m370{} .m371{ padding: 60px; background: #1a487a; position: relative; }.m371::before{content:' ';position: absolute;top: -100%;left: 0;width: 100%;height: 300%;background: #1a487a;z-index: -1;box-shadow: 0px 0px 20px 0px #00000040;} .m372{ box-shadow: 0px 0px 20px 0px #00000040; padding: 80px; } .m373{} .m374{ text-align: center; margin-bottom: 28px; } .m375{} .m376{ font-size: 30px; text-align: center; font-family: 'SVN-Moneta',sans-serif!important; color: var(--c2); margin-bottom: 41px; } .m377{} .m378{} .m379{} .m380{} .m381{} .m382{} .m383{} .m384{} .m385{} .m386{} .m387{} .m388{} .m389{} form .btn.m390{ border-radius: 20em; background: transparent; border: 1px var(--c2) solid; color: var(--c2); font-weight: 300; text-transform: none; padding: 16px 11px; } .m391{} .m392{} .m393{ margin-bottom: 40px; } .m394{} .m395{} .m396{ text-align: center; font-family: SVN-Moneta, sans-serif!important; color: var(--c2); font-size: 35px; line-height: 1.2; } .m397{} .m398{} .m399{} .m400{ text-align: center; } .m401{ width: 78%; } .m402{} .m403{} .m404,.m397 p{ color: #fff; font-weight: 300; } .m397 p b{ color: var(--c2); } .m405{} .m406,.m410{ position: relative; padding-left: 120px; line-height: 1.4; border-bottom: 1px var(--c2) solid; padding-top: 4px; min-height: 60px; padding-bottom: 23px; } .m407,.m411{ position: absolute; top: 0; left: 0; width: 97px; } .m408{} .m409{} .m410{} .m411{} .m412{} .m413{} .m414{} .m415{ background: var(--c2); padding: 5px 13px; font-weight: 600; border-radius: 6px; } .m416{} .m417{} .m418{} .m419{} .m420{ line-height: 1.4; } .m421{} .m422{} .m423{} .m424{} .m425{} .m426{} .m427{} .m428{} .m429{} .m430{} .m431{} .m432{} .m433{} .m434{} .m435{} .m436{} .m437{} .m438{} .m439{} .m440{} .m441{} .m442{} .m443{} .m444{} .m445{} .m446{} .m447{} .m448{} .m449{} .m450{} .m451{} .m452{} .m453{} .m454{} .m455{} .m456{} .m457{} .m458{} .m459{} .m460{} .m461{} .m462{} .m463{} .m464{} .m465{} .m466{} .m467{} .m468{} .m469{} .m470{} .m471{} .m472{} .m473{} .m474{} .m475{} .m476{} .m477{} .m478{} .m479{} .m480{} .m481{} .m482{} .m483{} .m484{} .m485{} .m486{} .m487{} .m488{} .m489{} .m490{} .m491{} .m492{} .m493{} .m494{} .m495{} .m496{} .m497{} .m498{} .m499{} .m500{} .m501{} .m502{} .m503{} .m504{} .m505{} #header.header-sticky.sticky-active #header-wrap{ /* border-bottom: 1px #ffffff29 solid; */ } #header #header-wrap #logo{ width: calc(100% - 60px); /* z-index: -1; */ border: none!important; } .owl-carousel .owl-nav [class*=owl-],.owl-carousel .owl-nav [class*=owl-]:hover{ opacity: 1; background: transparent; border: none; } .owl-carousel .owl-nav [class*=owl-] i{ color: var(--c2); font-size: 52px; } .owl-carousel:hover .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-prev{ left: 10px; } .owl-carousel:hover .owl-nav .owl-next,.owl-carousel .owl-nav .owl-next{ right: 10px; } @media only screen and (max-width: 1380px) { body, p, a, li { font-size: 15px; }.m104, .m103 p{ margin-bottom: 10px; }.m141{ padding-top: 9px; margin-bottom: 3px; }.m141 p.m142{ font-size: 14px; }.m143, .m142 span{font-size: 24px;}.m257 {display: none;} .m270{ width: 80%; margin: auto; }.m272 { padding: 10px 30px; }.m279 { padding: 20px 8px 10px 55px; }.m372 { /* box-shadow: 0px 0px 20px 0px #00000040; */ padding: 40px; } } .not-index-page #header.header-sticky.sticky-active #header-wrap{ background: var(--c1)!important; } @media only screen and (max-width:1024px) { #mainMenu nav > ul > li > a { padding: 12px 13px 11px; }#mainMenu nav > ul:last-child > li > a { padding: 12px 9px 11px; } } @media only screen and (max-width:991px) { #header.dark.header-colored #header-wrap .lines, #header.dark.header-colored #header-wrap .lines:after, #header.dark.header-colored #header-wrap .lines:before, #header.dark.header-colored-transparent #header-wrap .lines, #header.dark.header-colored-transparent #header-wrap .lines:after, #header.dark.header-colored-transparent #header-wrap .lines:before, #header.dark.header-transparent #header-wrap .lines, #header.dark.header-transparent #header-wrap .lines:after, #header.dark.header-transparent #header-wrap .lines:before, #header.header-transparent #header-wrap .lines, #header.header-transparent #header-wrap .lines:after, #header.header-transparent #header-wrap .lines:before{ background: #fff; }#header{ /* display: none; */ }.m74{display: none;}.btn-hotline-noi{ display: block; left: 20px; background: var(--c2)!important; color: var(--c1)!important; transform: none; }.m124{ position: relative; width: 100%; height: 93vw; left: 0; }.m92 {padding-top: 0;}.m95{ padding-top: 40px; }.m130 {margin-bottom: 60px;}.m141 { padding-top: 20px; margin-bottom: 9px; }.m140{ text-align: center; }.m185 {padding-top: 0;}.m207 {text-align: center;}.m206 {padding-top: 40px;} .m318{ width: 100%; }.m319 {height: auto!important;}.m319x{ position: relative; top: auto; transform: none; margin: auto; }.m318{ padding-right: 15px; }.m326 {height: auto!important;}.m310{ display: inline-table; margin-bottom: 9px; }.m324 {float: left;display: block;}.m325 {height: auto!important;} .m306 {}.m361, .m365{ text-align: center; }.m398,.m402,.m416 {width: 100%;float: left;clear: inherit;margin-bottom: 30px;} .m401 { max-width: 200px; } } @media only screen and (max-width:480px) { .c119{object-fit: inherit;width: 100%;height: auto;}.m141 p.m142 { font-size: 18px; }.m141 p.m142 { font-size: 14px; }.m189{ height: 60vw; }.m328, .m329{ margin-bottom: 7px; display: block; }.m270{ width: 100%; }.m279 { padding: 20px 26px 10px 26px; }.m304 {min-height: 46vw;}.m320{ display: none; }.m307 { /* border: 1px var(--c2) solid; */ padding: 20px 16px; }.m360, .m364{ height: 32vh; }.m371{ padding: 20px; }.m372{padding: 20px;} } .b1{} .b2{} .b3{} .b4{} .b5{} .b6{} .b7{} .b8{} .b9{} .b10{} .b11{} .b12{} .b13{} .b14{} .b15{} #header #header-wrap #logo.b16{ /* width: calc(100% - 30px); */ } .b17{} .b18{} .b19{} .b20{} .b21{} .b22{} .b23{} .b24{} .b25{} .b26{} .b27{} .b28{} .b29{} .b30{} .b31{} .b32{} .b33{} .b34{} .b35{} .b36{} .b37{} .b38{} .b39{} .b40{} .b41{} .b42{} .b43{} .b44{} .b45{} .b46{} .b47{} .b48{} .b49{} .b50{} .b51{} .b52{} .b53{} .b54{} .b55{} .b56{} .b57{} .b58{} .b59{} .b60{} .b61{} .b62{} .b63{} .b64{} .b65{} .b66{} .b67{} .b68{} .b69{} .b70{} .b71{} .b72{} .b73{} .b74{} .b75{ position: fixed; top: 22px; left: 25px; z-index: 1000; }.b75x{ transition: 0.3s; border: 1px #fff solid; padding: 5px 14px 7px; color: #fff; border-radius: 5px; text-transform: uppercase; display: inline-block; margin-right: 8px; }.b75x2{ height: 15px; border-right: 1px #fff solid; padding-right: 7px; margin-right: 9px; }.b75x:hover{ background: var(--c1); border-color: var(--c1); color: #fff; } .b76{ /* margin-top: 80px; */ } .b77{ padding-top: 0!important; } .b78{} .b79{} .b80{} .b81{} .b82{} .b83{ position: absolute; top: 31%; right: 13%; width: 32%; background: #ffffffd6; padding: 20px 36px; border-radius: 14px; } .b84,.b85{ margin: 0; font-size: 38px; line-height: 1.2; font-weight: 600; color: var(--c1); font-family: SVN-Moneta,sans-serif!important; } .b85{ text-align: right; margin-bottom: 14px; } .b86{} .b87,.b86 p{ line-height: 1.3; text-align: justify; } .b88{ position: absolute; bottom: 15%; left: 68%; width: 138px; } .b89{ position: relative; text-align: center; /* FLOAT: LEFT; */ margin: 0; } .b90{} .b91{ position: absolute; top: 34%; left: 40%; width: 27%; } .b92{ /* FLOAT: LEFT; */ POSITION: ABSOLUTE; TOP: 50%; left: 142px; background: var(--c1); color: #fff; width: max-content; padding: 4px 11px; border-radius: 5px; transform: translateY(-50%); font-family: SVN-Moneta,sans-serif!important; } .b93{} .b94{} .b95{} .b96{} .b97{} .b98{} .b99{} .b99 p,.b167 p{ color: #fff; position: relative; padding-left: 20px; line-height: 1.3; } .b167 p span{ color: #e3a46a; } .b99 p img,.b167 p img{ width: 11px; position: absolute; top: 6px; left: 0; } .b100{} .b101,section h2{ /* font-family: SVN-Moneta,sans-serif!important; */ color: var(--c2); } .b102:not(:last-child){ border-bottom: 1px #d5dde2 solid; padding-bottom: 12px; margin-bottom: 13px; } .b103{} .b104{} .b105{} .b106{} .b107{} .b108{ padding-right: 0; } .b109,.b111{ text-align: center; } .b110{} .b111{} .b112{} .b113{} .b114{} .b115{} .b116{} .b117{} .b118{} .b119{} .b120{} .b121{} .b122{} .b123{} .b124{} .b125{} .trang31 .b125 {min-height: 46vw;} .b126{} .b127{} .b128{} .b129{ margin-bottom: 23px; } .b130{ color: #1a74bb; } .b131{ position: relative; } .b132{} .b133{ position: absolute; top: 3%; left: 20%; width: 84%; } .b134{ font-size: 27px; font-weight: 700; color: #1e72b4; } .b134x{display:none} .b134 span{ font-size: 62%; } .b135{ line-height: 1.3; font-size: 15px; } .b136{} .b137{} .b138{} .b139{ top: 54%; left: 44%; width: 66%; } .b140{} .b141{} .b142{} .b143{} .b144{} .b145{} .b146{ top: 93%; left: 18%; width: 66%; } .b147{} .b148{} .b149{} .b150{} .b151{} .b152{ width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: -1; object-fit: cover; width: 100vw; height: 100vh; } .b153{} .b154{} .b155{} .b156{} .b157{ padding-top: 73px; } .b158{ /* text-align: center; */ } .b159{ text-align: center; } .b160{} .b161{} .b162{} .b163{ margin: 0; } .b164{ margin: 0; position: relative; } .b165{} .b166{} .b167{} .b168{ margin: 0; } .b169,.b189{ padding: 0; } .b170{} .b171{} .b172{} .b173{} .b174,.b191{ padding: 30px; } .b175{} .b176{} .b177{} .b178{} .b179{} .b180{} .b181{} .b182{} .b183{} .b184{} .b185{} .b186{} .b187{} .b188{} .b189{} .b190{} .b191{} .b167 p.b192,.b167 p.b175{ padding-left: 0; color: #e3a46a; font-weight: 700; font-size: 21px; margin-bottom: 10px; } .b193{} .b194{} .b195{} .b196{} .b197{} .b198{} .b199{} .b200{} .b201{} .b202{} .b203{} .b204{} .b205{} .b206{} .b207{} .b208{} .b209{} .b210{ margin-bottom: 50px; } .b211{ text-align: center; } .b212{} .b213{} .b214{} .b215{} .b216{ height: 57vh; } .b217{ position: absolute; /* top: 70%; */ /* left: 49%; */ width: 50%; background: #1a76b9; padding: 10px 20px 20px; color: #fff; min-height: 125px; bottom: 20px; right: 20px; } .b217 p.b218{ color: #fff; font-weight: 600; border-bottom: 1px #fff solid; font-size: 16px; margin-bottom: 8px; padding-bottom: 6px; line-height: 1.3; } .b219{} .b220{} .b221{} .b222{} .b223{} .b224{} .b225{} .b226,.b217 p{ font-size: 12px; color: #fff; line-height: 1.5; margin: 0; } .b227{} .b228{} .b229{} .b230{} .b231{} .b232{} .b233{} .b234{} .b235{} .b236{} .b237{} .b238{} .b239{ padding-top: 63px; } .b240{ margin-bottom: 30px; } .b241{ text-align: right; } .b242{ margin-bottom: 20px; } .b243{ text-align: right; color: #fff; margin: 0; } .b244{} .b245{} .b246{ margin-bottom: 24px; } .b247,.b246 p{ color: #fff; text-align: right; } .b248{} .b249{ text-align: right; color: #8c8379; font-weight: 600; font-size: 20px; } .b250{} .b251{ text-align: right; } .b252{} .b253{ text-align: center; } .b254{ width: auto; height: 60vh; } .b255{} .b256{} .b257{} .b258{} .b259{ margin-bottom: 21px; opacity: 0; z-index: -1; } .b259x{ position: relative; } .b259-1{} .b259:not(.b259-1){ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .b259.active{ opacity: 1; z-index: 1; } .b260{ height: 54vh; } .b261{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 4px 20px; z-index: 1; color: #fff; text-align: center; font-size: 19px; } .b262{} .b263{} .b264{} .b265{} .b266{} .b267{} .b268{} .b269{} .b270{ text-align: right; } .b271{} .b272{} .b273{} .b274{ border: 1px #8d8e97 solid; color: var(--c2); padding: 7px 33px; display: inline-block; text-align: center; font-size: 18px; transition: 0.3s; } .b274:hover,.b274.active{ background: var(--c2); color: var(--c1); } .b275{} .b276{} .b277{} .fp-section{ padding-top: 80px; } .b278{} .b279{} .b280{ margin-left: 17vw; } .b281{} .b282{} .b283{} .b284{ margin-top: 19px; } .b285{} .container.b286{ width: 60%; } .b287{} .b288{} .b289{} .b290{ position: relative; width: 75%; margin-bottom: 30px; } .b291{} .b292{ position: absolute; top: 60%; left: 13.7%; width: 86%; color: #fff; font-size: 13px; line-height: 1.3; } .b293,.b299,.b307,.b313,.b319{ margin-left: 25%; } .b294{} .b295{ top: 68%; left: 14.7%; } .b296{} .b297{} .b298{ top: 65%; left: 14.7%; } .b299{} .b300{} .b301{ top: 65%; left: 16.7%; } .b302{} .b303{} .b304{ top: 80%; left: 17.4%; } .b305{} .b306{} .b307{} .b308{} .b309{ top: 63%; left: 16.3%; } .b310{} .b311{} .b312{ top: 67%; left: 17.1%; } .b313{} .b314{} .b315{ top: 80%; left: 16.5%; } .b316{} .b317{} .b318{ top: 78%; left: 16.7%; } .b319{} .b320{} .b321{ top: 75%; left: 23.2%; } .b322{} .b323{} .b324{} .b325{} .b326{ margin-bottom: 30px; } .b327{ text-align: center; } .b328{} .b329{} .b330{ margin-bottom: 30px; } .b331{} .b332{} .b333{} .b334{} .b335{} .b336{} .b337{} .b338{ color: #fff; text-align: center; font-size: 65px; margin-bottom: 0; line-height: 1; } .b339{ color: #fff; text-align: center; font-size: 20px; } .b340{ border-left: 2px var(--c2) solid; } .b341{ /* border-left: 2px var(--c2) solid; */ margin-top: 11px; } .b342{ color: #fff; font-size: 18px; line-height: 1.3; } .b343{ color: var(--c2); border: 1px var(--c2) solid; width: fit-content; padding: 0px 12px; font-style: italic; transition: 0.3s; } .b343:hover{background:var(--c2);color:var(--c1)} .b344{padding-bottom: 100px;} .b345{} .b346{} .b347{} .b348{} .b349{} .b350, .b348 p, .b348 p a{ color: #fff; line-height: 1.2; margin-bottom: 20px; } .b351{} .b352{} .b353{ margin-bottom: 20px; } .b354{ color: #dda76f; font-size: 20px; font-weight: 600; } .b355{} .b356{} .b357{ padding-right: 5px; } .b358{} .b359{} .b360{ padding-left: 5px; } .b361{} .b362{} .b363{} .b364{} .b365{} .b366{} .b367{} .b368{ letter-spacing: 0; background: #c88827; } .b369{} .b370, .b369, .b369 p, .b369 p a{ color: #fff; font-style: italic; line-height: 1.3; font-size: 13px; } .b369 p a{ text-decoration: underline; } .b371{} .b372{} .b373{} .b374{} .b375{} .b376{} .b377{} .b378{} .b379{} .b380{} .b381{} .b382{} .b383{} .b384{} @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } .b385{} .b386{ border-radius: 13px; } .b387{} .b388{} .b389{} .b390{} .b391{} .b392{} .b393{} .b394{} .b395{} .b396{} .b397{} .b398,.b394{ font-size: 150%; margin-right: 4px; } .b399{} .b400{} .b401{ position: absolute; top: 12px; left: 0px; width: 8px; height: 8px; background: #fff; border-radius: 20em; } .b402{ position: absolute; top: 18px; left: 3.3px; width: 1px; height: 41px; background: #fff; border-radius: 20em; } .b403,.b409{ font-size: 150%; } .b404{} .b405{} .b406{} .b407{} .b408{} .b409{} .b410{} .b411{} .b412{} .b413{} .b414{} .b415{} .b416{} .b417{} .b418{} .b419{ height: 63vh; } .b420{} .b421{} .b422{} .b423{} .b424{} .b425{} .b426{} .b427{} .b428{} .b429{} .b430{} .b431{} .b432{} .b433{} .b434{} .b435{} .b436{} .b436x{ position: absolute; top: 30.9%; left: 19%; width: 8%; z-index: 1; } .b436x2{ opacity: 0; z-index: 2; transition:0.5s; } .b436x2:hover{opacity:1} .b436x3{ /* z-index: 2; */ } .elementToFadeInAndOut { opacity: 0.7; animation: fade 2s linear; animation-iteration-count: infinite; } @keyframes fade { 0%,100% { opacity: 0 } 50% { opacity: 0.7 } } .b437{} .b438{} .b439{} .b440{} .b441{} .b442{} .b443{} .b444{} .b445{} .b446{} .b447{} .b448{} .b449{} .b450{} .b451{} .b452{} .b453{} .b454{} .b455{} .b456{} .b457{} .b458{} .b459{} .b460{} .b461{} .b462,.b167 p img{ width: 10px; } .b463{} .b464{} .b465{} .b466{} .b467{} .b468{} .b469{} .b470{} .b471{} .b472{} .b473{} .b474{} .b475{} .b476{ width: 11px; margin-left: 12px; } .b477{} .b478{} .b479{ color: #fff; background: #e2a660; padding: 5px 10px; margin-left: 11px; width: 183px; text-align: center; display: inline-block; border-radius: 3px; transition: 0.3s; }.b479:hover{background:var(--c1);color: #fff;} .b480{} .b481{} .b482{} .b483{} .b484{} .b485{} .b486{} .b487{} .b488{} .b489{} .b490{} .b491{} .b492{} .b493{} .b494{} .container{ width: 80%; } .b167 p{ font-weight: 600; margin-bottom: 0px; } @media only screen and (max-width: 1600px) { .b99 p, .b167 p{ margin-bottom: 5px; /* line-height: 1.3; */ }.b157 { padding-top: 0; }.b217{ width: 70%; /* top: auto; */ /* left: auto; */ bottom: 20px; right: 20px; }.b290{ margin-bottom: 30px; }.b312{ width: 120%; }.b339{ font-size: 17px; }.b342{ font-size: 15px; } } @media only screen and (max-width:1450px) { .b83{ top: 32%; right: 7%; width: 42%; }.b92{ left: 106px; }.b88{ /* bottom: 15%; */ left: 72%; /* width: 7%; */ }.b133{ left: 23%; }.b139{left: 54%;}.b292{ font-size: 12px; }.b338{ font-size: 55px; }.b339 { font-size: 14px; } } @media only screen and (max-width:1380px) {.container.b286 { width: 80%; } .container { width: 95%; } .b83 { top: 23%; width: 38%; right: 5%; }.b99 p img, .b167 p img{ width: 8px; top: 2px; }.b99 p, .b167 p{ padding-left: 15px; }.b135{ font-size: 13px; }.b133 { width: 100%; left: 24%; }.b139 { left: 56%; top: 51%; }.b174, .b191 { padding: 10px 30px; }.b210 { margin-bottom: 20px; }.b239 { /* padding-top: 0; */ }.b240 { margin-bottom: 11px; }.b292{ width: 93%; }.b350, .b348 p, .b348 p a{ margin-bottom: 5px; }.b84, .b85{ font-size: 2.4vw; }#mainMenu nav > ul:last-child > li > a { padding: 12px 5px 11px; } } @media only screen and (max-width:1024px) { .b83 { top: 15%; width: 40%; right: 5%; }.b84, .b85{ font-size: 27px; }.b92 { left: 78px; }.b88{ left: 67%; }.c119{height: auto;}.b101, section h2{ font-size: 26px; }.b132 {display: none;}.b133{ position: relative; left: auto; top: auto; margin-bottom: 30px; }.b217 p.b218{ font-size: 13px; }.b217{ width: calc(100% - 40px); min-height: auto; }.b247{ line-height: 1.5; }.b479{ width: auto; font-size: 14px; padding: 3px 19px; }.b249{ font-size: 18px; }.b274{ font-size: 14px; padding: 1px 16px; }.b290 { margin-bottom: 58px; }.container.b286 { width: 80%; }.b280 { margin-left: 10vw; }.b278 {margin-bottom: 30px;}.b292 { width: 86%; }.b338 { font-size: 30px; }.b339 { font-size: 8px; line-height: 1.2; }.b341{ margin: 0; }.b343{ display: none; }.b349:not(:last-child) {margin-bottom: 10px;} } @media only screen and (max-width:991px) { .b75{ bottom: 10px; top: auto; left: 10px; }#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{ color: #fff; text-align: center; font-size: 16px!important; } #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before{ color: #fff; padding: 0px 14px; z-index: -1; top: 5px; } .index-page #header #header-wrap, .index-page #header.header-sticky #header-wrap, #header.header-fullwidth.header-transparent #header-wrap{ background: var(--c1)!important; }#header #header-wrap #logo{ width: auto; }.b88 { bottom: 9%; left: 45%; width: 10%; }.b83{ position: relative; top: auto; left: auto; width: 100%; padding: 40px; right: auto; background: linear-gradient(180deg, #1a4a91, #1e4485); border-radius: 0; }.b84, .b85{ text-align: center; color: #fff; }.b87, .b86 p{ text-align-last: center; color: #fff; }.container,.container.b286 { width: 100%; padding: 0 30px; }.b96 {margin-bottom: 40px;}.b99 {width: 100%;} .b101, section h2{ text-align: center; font-size: 30px; }.b99 p, .b167 p { text-align: left; }.b114,.b116 { }.b152{ position: relative; top: 0; left: 0; object-fit: initial; width: 100%; height: auto; margin-bottom: 30px; }.b134x{display: inline-block;width: 26px;margin-right: 10px;} .b434 {max-width: 250px;}.b235,.b344 {background-image: url("/public/upload/7-1.jpg")!important;background-size: cover;background-position: center;} .b241,.b243,.b247,.b249,.b251 { text-align: center; }.b238 {margin-bottom: 40px;} .b282 {display: none;} .b350, .b348 p, .b348 p a { margin-bottom: 15px; }.b135 { font-size: 15px; }.b280 { margin-left: 0; padding: 0 30px; }.container.b286 { /* width: 80%; */ }.b292 { width: 76%; font-size: 14px; }.b81x {position: relative;} } @media only screen and (max-width:480px) { .b88{ width: 18%; left: 42%; }.col-xs-7 { width: 58.33333333%!important; }.col-xs-8 { width: 66.66666667%!important; }.b159 { margin-bottom: 30px; }.b174, .b191 { padding: 30px 30px; }.b270 { text-align: center; }.b273 {text-align: center; }.b269 {margin-bottom: 10px;}.b266 {margin-bottom: 20px;} .b290{ width: 100%; margin-left: 0; }.col-xs-9 { width: 75%!important; }.b357{ padding-right: 15px; } .b358{} .b359{} .b360{ padding-left: 15px; }.b75x{ font-size: 13px; padding: 2px 9px 4px; background: var(--c1); }#goToTop{ bottom: 19px!important; right: 10px; } } .m6{ position: absolute; background: #ffffff; z-index: 0; transition: 0.2s; opacity: 0; } .m6:hover{ background: var(--c1); cursor: pointer; color: #fff; z-index: 4; opacity: 1; transform: scale(1.15); } .m7{ text-align: center; font-weight: bold; font-size: 0.5vw; transform: translateX(-50%) translateY(-50%) rotate(-90deg); line-height: 1.2; letter-spacing: -0.9px!important; width: 2.4vw; /* margin-left: -89%; */ /* margin-top: 15px; */ position: absolute; top: 50%; left: 50%; } .m8{ position: absolute; background: #ffffff; display: none; transition: none; width: 240px; padding: 10px; border-radius: 12px; box-shadow: 4px 4px 10px 0px #00000075; left: 50%; bottom: calc(100% + 16px); transform: translateX(-50%); z-index: 5; } .m8::before{content:' ';position: absolute;background: #ffffff;width: 12px;height: 12px;left: 50%;bottom: 0;transform: translate(-50%,50%) rotate(45deg);} .m6:hover .m8{ display: block; } .m8 p{ font-size: 12px; line-height: 1.5; margin: 0; font-weight: 600; } .m9{} .m10{} .m6x{ position: absolute; z-index: 1; background: transparent; display: block; opacity: 1; } .m6x18{top: 31.3%;left: 35.7%;width: 25.6%;height: 15.1%;} .m6x19{top: 54.3%;left: 32%;width: 29.3%;height: 14.9%;} .m6x20{top: 31.7%;left: 66.1%;width: 9.9%;height: 37.1%;} .m6x20 .m7{ transform: translateX(-50%) translateY(-50%); } .m6-33{top: 0%;left: 0%;width: 6.7%;height: 46%;} .m6-34{top: 0%;left: 6.2%;width: 6.7%;height: 46%;} .m6-35{top: 0%;left: 12.9%;width: 6.7%;height: 46%;} .m6-36{top: 0%;left: 18.8%;width: 6.7%;height: 46%;} .m6-37{top: 0%;left: 24.9%;width: 6.7%;height: 46%;} .m6-38{top: 0%;left: 31.3%;width: 6.7%;height: 46%;} .m6-39{top: 0%;left: 37.9%;width: 6.7%;height: 46%;} .m6-40{top: 51%;left: 37.1%;width: 6.8%;height: 48.8%;} .m6-41{top: 51%;left: 31%;width: 6.8%;height: 48.8%;} .m6-42{top: 51%;left: 24.9%;width: 6.8%;height: 48.8%;} .m6-43{top: 51%;left: 19%;width: 6.8%;height: 48.8%;} .m6-44{top: 51%;left: 12.5%;width: 6.8%;height: 48.8%;} .m6-45{top: 51%;left: 6.6%;width: 6.8%;height: 48.8%;} .m6-46{top: 51%;left: 0;width: 6.8%;height: 48.8%;} .m6-47{top: 0%;left: 48.1%;width: 6.2%;height: 48%;} .m6-48{top: 0%;left: 54.1%;width: 6.2%;height: 48%;} .m6-49{top: 0%;left: 60.1%;width: 6.2%;height: 48%;} .m6-50{top: 0%;left: 66.3%;width: 6.2%;height: 48%;} .m6-51{top: 0%;left: 72.7%;width: 6.2%;height: 48%;} .m6-52{top: 0%;left: 79.5%;width: 6.2%;height: 48%;} .m6-53{top: 0%;left: 85.2%;width: 6.2%;height: 48%;} .m6-54{top: 0%;left: 91.1%;width: 9.2%;height: 48%;} .m6-55{top: 53%;left: 91.3%;width: 8.6%;height: 46%;} .m6-56{top: 53%;left: 85%;width: 6.6%;height: 46%;} .m6-57{top: 53%;left: 78.7%;width: 6.6%;height: 46%;} .m6-58{top: 53%;left: 72.5%;width: 6.6%;height: 46%;} .m6-59{top: 53%;left: 66.4%;width: 6.6%;height: 46%;} .m6-60{top: 53%;left: 60.2%;width: 6.6%;height: 46%;} .m6-61{top: 53%;left: 54.2%;width: 6.6%;height: 46%;} .m6-62{top: 53%;left: 47.6%;width: 6.6%;height: 46%;} .m6-63{top: 0%;left: 0%;width: 8.3%;height: 45.2%;} .m6-64{top: 0%;left: 8%;width: 5.4%;height: 45.2%;} .m6-65{top: 0%;left: 13.1%;width: 5.4%;height: 45.2%;} .m6-66{top: 0%;left: 18.6%;width: 5.4%;height: 45.2%;} .m6-67{top: 0%;left: 24.2%;width: 5.4%;height: 45.2%;} .m6-68{top: 0%;left: 29.3%;width: 5.4%;height: 45.2%;} .m6-69{top: 0%;left: 34.7%;width: 5.4%;height: 45.2%;} .m6-70{top: 0%;left: 39.7%;width: 5.4%;height: 45.2%;} .m6-71{top: 0%;left: 45.6%;width: 5.4%;height: 45.2%;} .m6-72{top: 52%;left: 45.5%;width: 5.5%;height: 48%;} .m6-73{top: 52%;left: 39.9%;width: 5.5%;height: 48%;} .m6-74{top: 52%;left: 34.8%;width: 5.5%;height: 48%;} .m6-75{top: 52%;left: 29.4%;width: 5.5%;height: 48%;} .m6-76{top: 52%;left: 23.9%;width: 5.5%;height: 48%;} .m6-77{top: 52%;left: 18.5%;width: 5.5%;height: 48%;} .m6-78{top: 52%;left: 13.5%;width: 5.5%;height: 48%;} .m6-79{top: 52%;left: 7.9%;width: 5.5%;height: 48%;} .m6-80{top: 52%;left: 0%;width: 8%;height: 47%;} .m6-81{top: 0%;left: 54.5%;width: 5.7%;height: 48%;} .m6-82{top: 0%;left: 59.7%;width: 5.7%;height: 48%;} .m6-83{top: 0%;left: 65.3%;width: 5.7%;height: 48%;} .m6-84{top: 0%;left: 70.5%;width: 5.7%;height: 48%;} .m6-85{top: 0%;left: 75.7%;width: 5.7%;height: 48%;} .m6-86{top: 0%;left: 81.2%;width: 5.7%;height: 48%;} .m6-87{top: 0%;left: 86.8%;width: 5.7%;height: 48%;} .m6-88{top: 0%;left: 91.9%;width: 8%;height: 48%;} .m6-89{top: 52.8%;left: 91.9%;width: 8.2%;height: 48%;} .m6-90{top: 52.8%;left: 86.6%;width: 5.4%;height: 48%;} .m6-91{top: 52.8%;left: 81.4%;width: 5.4%;height: 48%;} .m6-92{top: 52.8%;left: 75.8%;width: 5.4%;height: 48%;} .m6-93{top: 52.8%;left: 70.5%;width: 5.4%;height: 48%;} .m6-94{top: 52.8%;left: 65.4%;width: 5.4%;height: 48%;} .m6-95{top: 52.8%;left: 59.9%;width: 5.4%;height: 48%;} .m6-96{top: 52.8%;left: 54.6%;width: 5.4%;height: 48%;} .m6-97{top: 0%;left: 0%;width: 43%;height: 8.4%;} .m6-98{top: 8%;left: 0%;width: 43%;height: 7%;} .m6-99{top: 15%;left: 0%;width: 43%;height: 7%;} .m6-100{top: 22%;left: 0%;width: 43%;height: 7%;} .m6-101{top: 28.5%;left: 0%;width: 43%;height: 7%;} .m6-102{top: 35.2%;left: 0%;width: 43%;height: 7%;} .m6-103{top: 42.7%;left: 0%;width: 43%;height: 7%;} .m6-104{top: 49.3%;left: 0%;width: 43%;height: 7%;} .m6-105{top: 55.8%;left: 0%;width: 43%;height: 7%;} .m6-106{top: 62.8%;left: 0%;width: 43%;height: 7%;} .m6-107{top: 70%;left: 0%;width: 43%;height: 7%;} .m6-108{top: 76.9%;left: 0%;width: 43%;height: 7%;} .m6-109{top: 83.6%;left: 0%;width: 43%;height: 7%;} .m6-110{top: 90.1%;left: 0%;width: 43%;height: 9.9%;} .m6-111{top: 0%;left: 57%;width: 44%;height: 10%;} .m6-112{top: 9.1%;left: 57%;width: 43%;height: 9.9%;} .m6-113{top: 18.1%;left: 57%;width: 43%;height: 9.9%;} .m6-114{top: 27.1%;left: 57%;width: 43%;height: 8.9%;} .m6-115{top: 36.1%;left: 57%;width: 43%;height: 8.9%;} .m6-116{top: 44.1%;left: 57%;width: 43%;height: 8.9%;} .m6-117{top: 53.1%;left: 57%;width: 43%;height: 9.9%;} .m6-118{top: 61.7%;left: 57%;width: 43%;height: 9.9%;} .m6-119{top: 71.1%;left: 57%;width: 43%;height: 8.9%;} .m6-120{top: 79.1%;left: 57%;width: 43%;height: 9%;} .m6-121{top: 88.8%;left: 57%;width: 43%;height: 10.9%;} @media only screen and (max-width:991px) { #header #mainMenu:not(.menu-overlay) nav>ul li.hover-active>.dropdown-menu, #header #mainMenu:not(.menu-overlay) nav>ul li>.dropdown-menu, #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu{ background: var(--c1); }#header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li .dropdown-menu>li>a{ white-space: normal; line-height: 1.3; font-size: 12px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!; padding-bottom: 0; text-align: left; } } .trang122.not-index-page #header #header-wrap,.trang122.not-index-page #header.header-fullwidth.header-transparent #header-wrap{ background: linear-gradient(90deg, #f7936c, #822419) !important;!i;!; } .ct1{ margin: 0; }.ct2{}.ct3{}.ct4{}.ct5{}.ct6{}.ct7{}.ct8,.trang122 .heading h2{background: -webkit-linear-gradient(left,#963925, #c96b4b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: SVN-Moneta, sans-serif !important;font-size: 44px;padding-top: 6px;}.ct9{}.ct10,.b99.ct6 p{ color: #925f49; }.ct11{}.ct12{}.ct13{}.ct14{}.ct15{}.ct16{}.ct17{}.ct18{}.ct19{}.ct20{}.ct21{}.ct22,.ct6 .b102:not(:last-child){ border-color: #b6583b; }.ct23{}.ct24{}.ct25{}.ct26{}.ct27{}.ct28{}.ct29{}.ct30,.ct28 .b401{ top: 8px; background: #b75a3d; }.ct31{}.ct32{}.ct33{}.ct34{}.ct35{}.ct36{}.ct37{}.ct38{}.ct39{}.ct40{}.ct41{}.ct42{}.ct43{}.ct44{}.ct45{}.ct46{}.ct47{}.ct48{}.ct49{}.ct50{}.ct51{}.ct52{}.ct53,.trang122 section{ padding: 60px 0; } .trang122 section.b344{ background-image: url('../upload/caotang/PC02_View Logo mặt chính view quảng trường L1.jpg')!important;!i;!; } .trang122 section.b344::before{content:' ';position: absolute;top: 0;right: 0;width: 80%;height: 100%;background: linear-gradient(-90deg, #924d38, #924d38b3, transparent);} .trang122 .b349{ color: #fff; } .ct54{}.ct55{}.ct56{}.ct57{ position: relative; }.ct58{ margin: 0; }.ct59{}.ct60{ position: absolute; background: #fff; opacity: 0.7; top: 19.8%; left: 5.2%; width: 15.7%; height: 21.8%; opacity: 0; transition: 0.3s; cursor: pointer; }.ct60:hover{opacity:0.7}.ct61{}.ct62{}.ct63{}.ct64{}.ct65{}.ct66{}.ct67{}.ct68{}.ct69{}.trang122 section.ct70{ padding: 0; }.ct71{ padding: 20px 30px 40px; }.ct72{}.ct73{ margin: 0; }.ct74{ padding: 0; }.ct75{ padding: 0; }.ct76{}.ct77{}.ct78{}.ct79{}.ct80{ line-height: 1.5; color: #925f49; text-align: center; }.ct81{}.ct82{}.ct83{}.ct84{}.ct85{}.ct86{}.ct87{ text-align: center; line-height: 1.5; color: #925f49; margin-bottom: 0; }.ct88{}.ct89{ /* height: 100%; */ }.ct90{ margin: 0; /* height: 100%; */ }.owl-carousel .owl-item img.ct91{ height: 570px; object-fit: cover; border-radius: 0; }.ct92{}.ct93{}.ct94{}.ct95{}.ct96{}.ct97{}.ct98{}.trang122 .heading h2.ct99{ text-align: left; }.ct100{}.ct101{}.ct102{}.ct103{}.ct104{}.ct105{}.ct106{}.ct107{}.ct108{}.ct109{}.ct110{}.ct111{}.ct112{}.ct113{}.ct114{}.ct115{}.ct116{}.ct117{}.ct118{}.ct119{}.ct120{}.ct121{}.ct122{}.ct123{}.ct124{}.ct125{}.ct126{}.ct127{}.ct128{}.ct129{}.ct130{}.ct131{}.ct132{}.ct133{}.ct134{}.ct135{}.ct136{}.ct137{}.ct138{}.ct139{}.ct140{}.ct141{}.ct142{}.ct143{}.ct144{}.ct145{}.ct146{}.ct147{}.ct148{}.ct149{}.ct150{}.ct151{}.ct152{ /* top: 19.8%; */ left: 21%; /* width: 15.7%; */ /* height: 21.8%; */ }.ct153{ left: 56.1%; width: 14.7%; }.ct154{ left: 74.8%; width: 20%; }.ct155{ left: 5.2%; width: 20%; top: 46.3%; }.ct156{ left: 25.2%; width: 8.9%; top: 46.3%; }.ct157{ left: 34.1%; width: 15.8%; top: 46.3%; }.ct158{ left: 75%; width: 19.8%; top: 46.3%; }.ct159{ left: 49.8%; width: 16.1%; top: 46.3%; }.ct160{ left: 65.9%; width: 9.1%; top: 46.3%; }.ct161{}.ct162{}.ct163{}.ct164{}.ct165{}.ct166{}.ct167{}.ct168{}.ct169{}.trang122 .heading h2.ct170{ background: -webkit-linear-gradient(#fdf0e3, #cdb48e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }.ct171{ color: #fff; /* line-height: 1.5; */ }.ct172{}.ct173{}.ct174{}.ct175{}.ct176{}.ct177{}.ct178{}.trang122 section.ct179{ padding: 0; }.ct81 .ct180{ padding: 60px; }.ct181{}.ct182{ margin-bottom: 30px; }.ct183{}.ct184{ height: 150px; width: auto; }.ct185{}.ct186{}.ct187{}.ct188{}.ct189{}.ct190{}.ct191{}.ct192{}.ct193{}.ct194{}.ct195{}.ct196{}.ct197{} .trang122 .owl-carousel .owl-nav [class*=owl-] i{ color: #fff; } @media only screen and (max-width:1380px) { .ct1{}.ct2{}.ct3{}.ct4{}.ct5{}.ct6{}.ct7{}.ct8{}.ct9{}.ct10{}.ct11{}.ct12{}.ct13{}.ct14{}.ct15{}.ct16{}.ct17{}.ct18{}.ct19{}.ct20{}.ct21{}.ct22{}.ct23{}.ct24{}.ct25{}.ct26{}.ct27{}.ct28{}.ct29{}.ct30{}.ct31{}.ct32{}.ct33{}.ct34{}.ct35{}.ct36{}.ct37{}.ct38{}.ct39{}.ct40{}.ct41{}.ct42{}.ct43{}.ct44{}.ct45{}.ct46{}.ct47{}.ct48{}.ct49{}.ct50{}.ct51{}.ct52{}.ct53{}.ct54{}.ct55{}.ct56{}.ct57{}.ct58{}.ct59{}.ct60{}.ct61{}.ct62{}.ct63{}.ct64{}.ct65{}.ct66{}.ct67{}.ct68{}.ct69{}.ct70{}.ct71{}.ct72{}.ct73{}.ct74{}.ct75{}.ct76{}.ct77{}.ct78{}.ct79{}.ct80{}.ct81{}.ct82{}.ct83{}.ct84{}.ct85{}.ct86{}.ct87{}.ct88{}.ct89{}.ct90{}.ct91{}.ct92{}.ct93{}.ct94{}.ct95{}.ct96{}.ct97{}.ct98{}.ct99{}.ct100{}.ct101{}.ct102{}.ct103{}.ct104{}.ct105{}.ct106{}.ct107{}.ct108{}.ct109{}.ct110{}.ct111{}.ct112{}.ct113{}.ct114{}.ct115{}.ct116{}.ct117{}.ct118{}.ct119{}.ct120{}.ct121{}.ct122{}.ct123{}.ct124{}.ct125{}.ct126{}.ct127{}.ct128{}.ct129{}.ct130{}.ct131{}.ct132{}.ct133{}.ct134{}.ct135{}.ct136{}.ct137{}.ct138{}.ct139{}.ct140{}.ct141{}.ct142{}.ct143{}.ct144{}.ct145{}.ct146{}.ct147{}.ct148{}.ct149{}.ct150{}.ct151{}.ct152{}.ct153{}.ct154{}.ct155{}.ct156{}.ct157{}.ct158{}.ct159{}.ct160{}.ct161{}.ct162{}.ct163{}.ct164{}.ct165{}.ct166{}.ct167{}.ct168{}.ct169{}.ct170{}.ct171{}.ct172{}.ct173{}.ct174{}.ct175{}.ct176{}.ct177{}.ct178{}.ct179{}.ct180{}.ct181{}.ct182{}.ct183{}.ct184{}.ct185{}.ct186{}.ct187{}.ct188{}.ct189{}.ct190{}.ct191{}.ct192{}.ct193{}.ct194{}.ct195{}.ct196{}.ct197{} } @media only screen and (max-width:1024px) { .trang122 .heading h2{ font-size: 33px; line-height: 1.2; } .ct1{}.ct2{}.ct3{}.ct4{}.ct5{}.ct6{}.ct7{}.ct8{}.ct9{}.ct10{}.ct11{}.ct12{}.ct13{}.ct14{}.ct15{}.ct16{}.ct17{}.ct18{}.ct19{}.ct20{}.ct21{}.ct22{}.ct23{}.ct24{}.ct25{}.ct26{}.ct27{}.ct28{}.ct29{}.ct30{}.ct31{}.ct32{}.ct33{}.ct34{}.ct35{}.ct36{}.ct37{}.ct38{}.ct39{}.ct40{}.ct41{}.ct42{}.ct43{}.ct44{}.ct45{}.ct46{}.ct47{}.ct48{}.ct49{}.ct50{}.ct51{}.ct52{}.ct53{}.ct54{}.ct55{}.ct56{}.ct57{}.ct58{}.ct59{}.ct60{}.ct61{}.ct62{}.ct63{}.ct64{}.ct65{}.ct66{}.ct67{}.ct68{}.ct69{}.ct70{}.ct71{}.ct72{}.ct73{}.ct74{}.ct75{}.ct76{}.ct77{}.ct78{}.ct79{}.ct80{}.ct81{}.ct82{}.ct83{}.ct84{}.ct85{}.ct86{}.ct87{}.ct88{}.ct89{}.ct90{}.ct91{}.ct92{}.ct93{}.ct94{}.ct95{}.ct96{}.ct97{}.ct98{}.ct99{}.ct100{}.ct101{}.ct102{}.ct103{}.ct104{}.ct105{}.ct106{}.ct107{}.ct108{}.ct109{}.ct110{}.ct111{}.ct112{}.ct113{}.ct114{}.ct115{}.ct116{}.ct117{}.ct118{}.ct119{}.ct120{}.ct121{}.ct122{}.ct123{}.ct124{}.ct125{}.ct126{}.ct127{}.ct128{}.ct129{}.ct130{}.ct131{}.ct132{}.ct133{}.ct134{}.ct135{}.ct136{}.ct137{}.ct138{}.ct139{}.ct140{}.ct141{}.ct142{}.ct143{}.ct144{}.ct145{}.ct146{}.ct147{}.ct148{}.ct149{}.ct150{}.ct151{}.ct152{}.ct153{}.ct154{}.ct155{}.ct156{}.ct157{}.ct158{}.ct159{}.ct160{}.ct161{}.ct162{}.ct163{}.ct164{}.ct165{}.ct166{}.ct167{}.ct168{}.ct169{}.ct170{}.ct171{}.ct172{}.ct173{}.ct174{}.ct175{}.ct176{}.ct177{}.ct178{}.ct179{}.ct81 .ct180{ padding: 60px 30px; }.ct181{}.ct182{}.ct183{}.ct184{ height: 120px; }.ct185{}.ct186{}.ct187{}.ct188{}.owl-carousel .owl-item img.ct91{ height: 480px; }.ct190{}.ct191{}.ct192{}.ct193{}.ct194{}.ct195{}.ct196{}.ct197{} #mainMenu nav > ul:last-child > li > a{ /* padding: 12px 5px 11px; */ font-size: 13px; } } @media only screen and (max-width:991px) { .ct1{}.ct2{}.ct3{}.ct4{}.ct5{}.ct6{}.ct7{}.ct8{}.ct9{}.ct10{}.ct11{}.ct12{}.ct13{}.ct14{}.ct15{}.ct16{}.ct17{}.ct18{}.ct19{}.ct20{}.ct21{}.ct22{}.ct23{}.ct24{}.ct25{}.ct26{}.ct27{}.ct28{}.ct29{}.ct30{}.ct31{}.ct32{}.ct33{}.ct34{}.ct35{}.ct36{}.ct37{}.ct38{}.ct39{}.ct40{}.ct41{}.ct42{}.ct43{}.ct44{}.ct45{}.ct46{}.ct47{}.ct48{}.ct49{}.ct50{}.ct51{}.ct52{}.ct53{}.ct54{}.ct55{}.ct56{}.ct57{}.ct58{}.ct59{}.ct60{}.ct61{}.ct62{}.ct63{}.ct64{}.ct65{}.ct66{}.ct67{}.ct68{}.ct69{}.ct70{}.ct71{}.ct72{}.ct73{}.ct74{}.ct75{}.ct76{}.ct77{}.ct78{}.ct79{}.ct80{}.ct81{}.ct82{}.ct83{}.ct84{}.ct85{}.ct86{}.ct87{}.ct88{}.ct89{}.ct90{}.ct91{}.ct92{}.ct93{}.trang122 section.ct94{ background: url('../upload/caotang/Asset 2@2x-80x.jpg')!important;!i;!; padding-bottom: 0; }.ct95{ margin-bottom: 50px; }.ct96{}.ct97{}.ct98{}.trang122 .heading h2.ct99{ text-align: center; }.ct100{}.ct101{}.ct102{}.ct103{}.ct104{}.ct105{}.ct106{}.ct107{}.ct108{}.ct109{}.ct110{}.ct111{}.ct112{}.ct113{}.ct114{}.ct115{}.ct116{}.ct117{}.ct118{}.ct119{}.ct120{}.ct121{}.ct122{}.ct123{}.ct124{}.ct125{}.ct126{}.ct127{}.ct128{}.ct129{}.ct130{}.ct131{}.ct132{}.ct133{}.ct134{}.ct135{}.ct136{}.ct137{}.ct138{}.ct139{}.ct140{}.ct141{}.ct142{}.ct143{}.ct144{}.ct145{}.ct146{}.ct147{}.ct148{}.ct149{}.ct150{}.ct151{}.ct152{}.ct153{}.ct154{}.ct155{}.ct156{}.ct157{}.ct158{}.ct159{}.ct160{}.ct161{}.ct162{}.ct163{}.ct164{}.ct165{}.ct166{}.ct167{}.ct168{}.ct169{}.ct170{}.ct171{}.ct172{}.ct173{}.ct174{}.ct175{}.ct176{}.ct177{}.ct178{}.ct179{}.ct180{}.ct181{}.ct182{}.ct183{}.ct184{}.ct185{}.ct186{}.ct187{}.ct188{}.ct189{}.ct190{}.ct191{}.ct192{}.ct193{}.ct194{}.ct195{}.ct196{}.ct197{} .trang122 section.b344::before{z;background: #b16e56c2;width: 100%;} } @media only screen and (max-width:480px) { .ct1{}.ct2{}.ct3{}.ct4{}.ct5{}.ct6{}.ct7{}.ct8{}.ct9{}.ct10{}.ct11{}.ct12{}.ct13{}.ct14{}.ct15{}.ct16{}.ct17{}.ct18{}.ct19{}.ct20{}.ct21{}.ct22{}.ct23{}.ct24{}.ct25{}.ct26{}.ct27{}.ct28{}.ct29{}.ct30{}.ct31{}.ct32{}.ct33{}.ct34{}.ct35{}.ct36{}.ct37{}.ct38{}.ct39{}.ct40{}.ct41{}.ct42{}.ct43{}.ct44{}.ct45{}.ct46{}.ct47{}.ct48{}.ct49{}.ct50{}.ct51{}.ct52{}.ct53{}.ct54{}.ct55{}.ct56{}.ct57{}.ct58{}.ct59{}.ct60{}.ct61{}.ct62{}.ct63{}.ct64{}.ct65{}.ct66{}.ct67{}.ct68{}.ct69{}.ct70{}.ct71{}.ct72{}.ct73{}.ct74{}.ct75{}.ct76{}.ct77{}.ct78{}.ct79{}.ct80{}.ct81{}.ct82{}.ct83{}.ct84{}.ct85{}.ct86{}.ct87{}.ct88{}.ct89{}.ct90{}.ct91{}.ct92{}.ct93{}.ct94{}.ct95{}.ct96{}.ct97{}.ct98{}.ct99{}.ct100{}.ct101{}.ct102{}.ct103{}.ct104{}.ct105{}.ct106{}.ct107{}.ct108{}.ct109{}.ct110{}.ct111{}.ct112{}.ct113{}.ct114{}.ct115{}.ct116{}.ct117{}.ct118{}.ct119{}.ct120{}.ct121{}.ct122{}.ct123{}.ct124{}.ct125{}.ct126{}.ct127{}.ct128{}.ct129{}.ct130{}.ct131{}.ct132{}.ct133{}.ct134{}.ct135{}.ct136{}.ct137{}.ct138{}.ct139{}.ct140{}.ct141{}.ct142{}.ct143{}.ct144{}.ct145{}.ct146{}.ct147{}.ct148{}.ct149{}.ct150{}.ct151{}.ct152{}.ct153{}.ct154{}.ct155{}.ct156{}.ct157{}.ct158{}.ct159{}.ct160{}.ct161{}.ct162{}.ct163{}.ct164{}.ct165{}.ct166{}.ct167{}.ct168{}.ct169{}.ct170{}.ct171{}.ct172{}.ct173{}.ct174{}.ct175{}.ct176{}.ct177{}.ct178{}.ct179{}.ct180{}.ct181{}.ct182{}.ct183{}.ct184{}.ct185{}.ct186{}.ct187{}.ct188{}.ct189{}.ct190{}.ct191{}.ct192{}.ct193{}.ct194{}.ct195{}.ct196{}.ct197{} .b436x2{ opacity: 1; }.b76{ margin-top: 80px;} } .product .product-image > a, .product .product-image img,.owl-item img{height: auto} section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}