@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700&subset=vietnamese"); header { background: white; } header .logo { display: block; margin: 10px 0; } header .logo img { height: 120px; } header .top { padding: 15px 0; } header .top .search { float: right; max-width: 250px; margin: 5px 20px; } header .top .search input { border-color: #800000; border-right: 0; border-radius: 15px; } header .top .search input :focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } header .top .search button { background: transparent; border-radius: 15px; border-color: #800000; color: #800000; } header .top .search button :focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } header .top .hotline { float: right; display: block; position: relative; color: #800000; padding-left: 50px; } header .top .hotline p { margin: 0; font-weight: bold; text-transform: uppercase; font-size: 20px; } header .top .hotline i { position: absolute; left: 0; font-size: 45px; } header .hd_menu { position: sticky; top: 0; z-index: 10000; } header .hd_menu ul { text-align: center; padding: 0; margin: 0; display: block; } header .hd_menu ul .fa.fa-caret-down { float: right; padding-left: 5px; margin-top: 3px; line-height: 18px; } header .hd_menu ul li { list-style: none; display: inline-block; position: relative; } header .hd_menu ul li a { position: relative; padding: 10px 15px; display: block; color: #800000; transition: all 0.3s; font-size: 20px; /*font-weight: bold;*/ } header .hd_menu ul li a i { margin-left: 5px; line-height: 22px; } header .hd_menu ul li:hover .sub_menu { opacity: 1; visibility: visible; transition: all 0.3s; } header .hd_menu ul li .sub_menu { position: absolute; padding: 10px; width: 300px; text-align: left; display: block; border-radius: 0; z-index: 10; opacity: 0; visibility: hidden; background: white; box-shadow: 0px 5px 11px 0px rgba(128, 128, 128, 0.3); transition: all 0.3s; border: 1px solid #eaeaea; } header .hd_menu ul li .sub_menu li { list-style: none; padding: 0px !important; position: relative; margin: 0; display: block; border: 0px !important; } header .hd_menu ul li .sub_menu li a { font-size: 14px; height: auto; display: block; width: 100%; line-height: 30px; text-transform: none; margin: 0; color: #333; padding: 5px 10px !important; border-bottom: 1px solid #eaeaea; } header .hd_menu ul li .sub_menu li a:before { background: none; } header .hd_menu ul li .sub_menu li a i { line-height: 30px; } header .hd_menu ul li .sub_menu li:last-child a { border: 0; } body { font-family: 'Helvetica', sans-serif; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; } a { text-decoration: none !important; } .intro { padding: 30px 0; } .intro .item { text-align: center; } .intro .item p { margin-top: 15px; font-size: 18px; } .intro .item p a { color: #800000; font-size: 20px; } .news_home { padding: 30px 0; } .news_home .more { text-align: center; } .news_home .more a { display: inline-block; color: #800000; border: 1px solid #eaeaea; border-radius: 15px; padding: 5px 10px; } .news_home .title-company h3 { background: #f5f5f5; } .news_home img { height: 200px; object-fit: cover; width: 100%; } .news_home p { margin: 15px 0; font-size: 18px; line-height: 24px; } .news_home p a { color: #800000; } .hoidap { padding-top: 20px; } .hoidap h3.title { border-bottom: 1px solid #eaeaea; color: #800000; padding: 5px 0; font-size: 22px; font-weight: bold; } .hoidap .card { border: 0; } .hoidap .card .card-header { margin: 5px 0; border: 0; font-weight: bold; cursor: pointer; background-color: #f7f8f9; } .hoidap .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f068"; float: right; } .hoidap .accordion .card-header.collapsed:after { /* symbol for "collapsed" panels */ content: "\f067"; } .chinhanh { padding-top: 20px; } .chinhanh h3.title { border-bottom: 1px solid #eaeaea; color: #800000; padding: 5px 0; font-size: 22px; font-weight: bold; } .chinhanh div { font-size: 18px; margin: 10px 0; } .chinhanh div a { color: #800000; } .chinhanh p { color: #666666; } .chinhanh ul { padding: 0; } .chinhanh ul li { margin-bottom: 12px; list-style: none; } .chinhanh ul li a { color: #800000; font-size: 18px; } .chinhanh .more { text-align: right; } .chinhanh .more a { color: #800000; } .service-item { box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); margin-bottom: 20px; transition: all 0.3s; } .service-item:hover { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); } .fix-top { position: fixed !important; width: 90%; } .slider-partner { padding: 50px 0; } .slider-partner .item .partner-name { font-size: 16px; margin: 0; margin-top: 10px; } .slider-partner .item img { height: 200px; object-fit: cover; } .slider-partner .item ul { padding: 0; margin: 5px 0; } .slider-partner .item ul li { list-style: none; display: inline-block; color: #e7c307; font-size: 20px; } footer { background: #333; color: #fff; padding: 40px 0; overflow: hidden; } footer .title-footer { text-transform: uppercase; font-size: 20px; padding: 10px 0; width: 100%; position: relative; margin-bottom: 20px; color: #cf0106; } footer .title-footer:after { content: ""; height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; bottom: 0; left: 0; width: 100%; } footer ul { padding: 0; margin: 0; } footer ul li { list-style: none; margin: 20px 0; } footer ul li a { color: white; } .space-200 { height: 120px; position: relative; } .content-post { padding: 10px 0; } .content-post .img-post { overflow: hidden; } .content-post .img-post:hover img { transform: scale(1.2); } .content-post .img-post img { max-width: 100%; transition: all 0.5s; } .content-post .detail-post .title-post { font-size: 20px; color: #800000; font-weight: 700; transition: all 0.3s; } .content-post .detail-post .title-post a { color: #800000; } .content-post .detail-post .read-more { color: #800000 !important; transition: all 0.3s; } .content-post .detail-post .read-more i { margin-left: 5px; transition: all 0.5s; } .content-post .detail-post .read-more:hover { color: #800000 !important; } .content-post .detail-post .read-more:hover i { margin-left: 10px; } .site-main { padding: 20px 0 40px 0; } .title-form { color: #800000; text-align: center; margin: 10px 0; text-transform: uppercase; font-size: 16px; font-weight: 700; } .contact_page .contact_address ul { padding: 0; margin: 15px 0; } .contact_page .contact_address ul li { padding: 5px 0; list-style: none; } .contact_page .contact_address ul li a { color: #800000; } .contact_page .contact_address ul li i { margin-right: 10px; } .contact_page .google_map_main iframe { width: 100%; } .contact_page form input { width: 100%; padding: 5px; margin: 5px 0; } .contact_page form textarea { width: 100%; padding: 5px; margin: 5px 0; } .menu-mobile { background: #f6f6f6; position: fixed; top: 0; left: 0; z-index: 9999 !important; width: 300px; height: 100%; -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); transform: translateX(-300px); overflow: auto; transition: all 0.4s; } .menu-mobile .nav_mobile { padding: 20px 15px; } .menu-mobile .nav_mobile h2 { color: #333; font-weight: 700; font-size: 24px; margin: 0; margin-bottom: 10px; position: relative; } .menu-mobile .nav_mobile h2 img { max-height: 50px; } .menu-mobile .nav_mobile h2 i { font-size: 20px; font-weight: 400; position: absolute; right: 0; color: #000; } .menu-mobile .nav_mobile ul { list-style: none; padding: 0; overflow: hidden; } .menu-mobile .nav_mobile ul li { clear: both; border-top: 1px solid #e9e9e9; position: relative; } .menu-mobile .nav_mobile ul li:first-child { border: none; } .menu-mobile .nav_mobile ul li a { color: #000; padding: 10px 0; display: inline-block; } .menu-mobile .nav_mobile ul li a:hover { opacity: 0.8; } .menu-mobile .nav_mobile ul li .sub-menu { padding: 0; max-height: 0; transition: all 0.5s; overflow: hidden; } .menu-mobile .nav_mobile ul li .sub-menu li:first-child { border-top: 1px solid #e9e9e9; } .menu-mobile .nav_mobile ul li .sub-menu li a { padding-left: 20px; display: inline-block; } .menu-mobile .nav_mobile ul .active a { font-weight: 700; } .menu-mobile .accordion { color: #000; cursor: pointer; width: 10%; border: none; text-align: left; outline: none; font-size: 15px; transition: all 0.4s; position: absolute; top: 0; right: 0; padding: 8px 0; background: none; } .menu-mobile .accordion:after { content: "\f067"; font-family: fontAwesome; color: #000; font-weight: bold; margin-left: 5px; } .menu-mobile .accordion.active:after { content: "\f068"; font-family: FontAwesome; } .open-nav { margin: 0 auto; font-size: 25px; color: white; background-color: #800000; padding: 7px 15px; } .scroll-to-top { display: block; width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; border: 1px solid #fff; outline: none; background: #2e6187; border-radius: 6px; transition: all 0.3s; z-index: 99; } .scroll-to-top:hover { bottom: 30px; } .scroll-to-top i { color: #fff; } footer { overflow: hidden; } .phone_center1 { display: none; } .phone_center1 .alo-phone { background-color: transparent; cursor: pointer; height: 130px; position: fixed; left: -20px; bottom: -20px; -webkit-transition: visibility 0.5s ease 0s; transition: visibility 0.5s ease 0s; visibility: hidden; width: 150px; z-index: 20; } .phone_center1 .alo-phone.alo-show { visibility: visible; } .phone_center1 .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } .phone_center1 .alo-phone.alo-static { opacity: 0.6; } .phone_center1 .alo-phone.alo-hover, .phone_center1 .alo-phone:hover { opacity: 1; } .phone_center1 .alo-phone.alo-hover .alo-ph-text, .phone_center1 .alo-phone:hover .alo-ph-text { background-color: #75eb50; } .phone_center1 .alo-ph-circle { -webkit-animation: 1.2s ease-in-out 0s normal none infinite running alo-circle-anim; animation: 1.2s ease-in-out 0s normal none infinite running alo-circle-anim; background-color: transparent; border: 2px solid rgba(117, 235, 80, 0.4); border-radius: 100%; height: 100px; left: 30px; opacity: 0.1; position: absolute; top: -10px; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100px; } .phone_center1 .alo-phone.alo-active .alo-ph-circle { -webkit-animation: 1.1s ease-in-out 0s normal none infinite running alo-circle-anim !important; animation: 1.1s ease-in-out 0s normal none infinite running alo-circle-anim !important; } .phone_center1 .alo-phone.alo-static .alo-ph-circle { -webkit-animation: 2.2s ease-in-out 0s normal none infinite running alo-circle-anim !important; animation: 2.2s ease-in-out 0s normal none infinite running alo-circle-anim !important; } .phone_center1 .alo-phone.alo-hover .alo-ph-circle, .phone_center1 .alo-phone:hover .alo-ph-circle { border-color: #cd3121; opacity: 0.5; } .phone_center1 .alo-phone.alo-green.alo-hover .alo-ph-circle, .phone_center1 .alo-phone.alo-green:hover .alo-ph-circle { border-color: #75eb50; opacity: 0.5; } .phone_center1 .alo-phone.alo-green .alo-ph-circle { border-color: #800000; opacity: 0.5; } .phone_center1 .alo-phone.alo-gray.alo-hover .alo-ph-circle, .phone_center1 .alo-phone.alo-gray:hover .alo-ph-circle { border-color: #ccc; opacity: 0.5; } .phone_center1 .alo-phone.alo-gray .alo-ph-circle { border-color: #75eb50; opacity: 0.5; } .phone_center1 .alo-ph-circle-fill { -webkit-animation: 2.3s ease-in-out 0s normal none infinite running alo-circle-fill-anim; animation: 2.3s ease-in-out 0s normal none infinite running alo-circle-fill-anim; background-color: #75eb50; border: 2px solid transparent; border-radius: 100%; height: 70px; left: 45px; opacity: 0.1; position: absolute; top: 4px; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 70px; } .phone_center1 .alo-phone.alo-active .alo-ph-circle-fill { -webkit-animation: 1.7s ease-in-out 0s normal none infinite running alo-circle-fill-anim !important; animation: 1.7s ease-in-out 0s normal none infinite running alo-circle-fill-anim !important; } .phone_center1 .alo-phone.alo-static .alo-ph-circle-fill { -webkit-animation: 2.3s ease-in-out 0s normal none infinite running alo-circle-fill-anim !important; animation: 2.3s ease-in-out 0s normal none infinite running alo-circle-fill-anim !important; opacity: 0 !important; } .phone_center1 .alo-phone.alo-hover .alo-ph-circle-fill, .phone_center1 .alo-phone:hover .alo-ph-circle-fill { background-color: rgba(233, 59, 53, 0.5); opacity: 0.75 !important; } .phone_center1 .alo-phone.alo-green.alo-hover .alo-ph-circle-fill, .phone_center1 .alo-phone.alo-green:hover .alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: 0.75 !important; } .phone_center1 .alo-phone.alo-green .alo-ph-circle-fill { background-color: rgba(233, 59, 53, 0.5); opacity: 0.75 !important; } .phone_center1 .alo-phone.alo-gray.alo-hover .alo-ph-circle-fill, .phone_center1 .alo-phone.alo-gray:hover .alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: 0.75 !important; } .phone_center1 .alo-phone.alo-gray .alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: 0.75 !important; } .phone_center1 .alo-ph-img-circle { -webkit-animation: 1s ease-in-out 0s normal none infinite running alo-circle-img-anim; animation: 1s ease-in-out 0s normal none infinite running alo-circle-img-anim; border: 2px solid transparent; color: #fff; font-size: 25px; line-height: 40px; text-align: center; border-radius: 100%; height: 40px; left: 60px; opacity: 0.7; position: absolute; top: 020px; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; width: 40px; } .phone_center1 .alo-ph-text { background-color: #800000; color: #fff; border-radius: 4px; padding: 3px 5px; bottom: 30px; display: block; font-size: .875rem; margin-right: -50px; position: absolute; left: 20%; text-align: center; text-transform: uppercase; width: 115px; font-size: 15px; font-weight: 600; } .phone_center1 .alo-phone.alo-active .alo-ph-img-circle { -webkit-animation: 1s ease-in-out 0s normal none infinite running alo-circle-img-anim !important; animation: 1s ease-in-out 0s normal none infinite running alo-circle-img-anim !important; } .phone_center1 .alo-phone.alo-static .alo-ph-img-circle { -webkit-animation: 0s ease-in-out 0s normal none infinite running alo-circle-img-anim !important; animation: 0s ease-in-out 0s normal none infinite running alo-circle-img-anim !important; } .phone_center1 .alo-phone.alo-hover .alo-ph-img-circle, .phone_center1 .alo-phone:hover .alo-ph-img-circle { background-color: #cd3121; } .phone_center1 .alo-phone.alo-green.alo-hover .alo-ph-img-circle, .phone_center1 .alo-phone.alo-green:hover .alo-ph-img-circle { background-color: #75eb50; } .phone_center1 .alo-phone.alo-green .alo-ph-img-circle { background-color: #800000; } .phone_center1 .alo-phone.alo-gray.alo-hover .alo-ph-img-circle, .phone_center1 .alo-phone.alo-gray:hover .alo-ph-img-circle { background-color: #ccc; } .phone_center1 .alo-phone.alo-gray .alo-ph-img-circle { background-color: #75eb50; } .phone_center1 .bg-eee { padding-bottom: 20px; margin-bottom: 20px; font-size: 15px; } .phone_center1 .bg-eee .row { margin: 0px; background: #75eb50; } .phone_center1 .bg-eee .row:last-child { padding-bottom: 30px; } .phone_center1 .bg-eee .title { background: #46be8a; color: #fff; margin: 0px -15px 15px -15px; padding: 15px 15px; } .phone_center1 .panel-title i { margin-right: 10px; } .phone_center1 .panel-body { font-size: 15px; line-height: 25px; } @-webkit-keyframes alo-circle-anim { 0% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.6; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes alo-circle-anim { 0% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.6; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } @-webkit-keyframes alo-circle-fill-anim { 0% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; } 100% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } } @keyframes alo-circle-fill-anim { 0% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; } 100% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } } @-webkit-keyframes alo-circle-img-anim { 0% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes alo-circle-img-anim { 0% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } } @keyframes alo-circle-anim { 0% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes alo-circle-anim { 0% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes alo-circle-fill-anim { 0% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } 100% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } } @keyframes alo-circle-fill-anim { 0% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } 100% { opacity: 0.2; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } } @keyframes alo-circle-img-anim { 0% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } .phone_center { position: fixed; left: 20px; bottom: 20px; z-index: 20; } .phone_center .alo-phone { display: block; width: 150px; font-size: 16px; padding: 5px 10px; border-radius: 5px; background: red; color: white; } .phone_center .alo-phone .fa { margin-right: 7px; } .phone_center .zalo { margin-top: 10px; display: block; width: 150px; font-size: 14px; padding: 5px 10px; border-radius: 5px; background: #017cc2; color: white; } .scrollup { position: fixed; right: 2%; bottom: 5%; background-color: #800000; z-index: 99999 !important; text-align: center; border-radius: 2px; cursor: pointer; width: 40px; height: 40px; border-radius: 50%; } .scrollup a { color: #fff; line-height: 40px; font-size: 25px; text-decoration: none; font-weight: 700; } .scrollup a:hover { background: #800000; } .heading { text-align: center; /*margin: 30px 0;*/ margin-bottom: 30px; } .heading p { font-size: 30px; line-height: 24px; color: #800000; margin: 0; } .heading h2 { font-size: 30px; line-height: 24px; color: #800000; margin: 0; line-height: 40px; } .heading h1 { font-size: 30px; line-height: 24px; color: #800000; margin: 0; line-height: 40px; } .services { padding: 20px 0; color: white; } .services p { color: black; text-align: center; font-size: 18px; } .services .left { padding: 0; margin: 0; text-align: right; } .services .left li { list-style: none; position: relative; padding-right: 50px; margin: 40px 0; } .services .left li:after { content: '\f21b'; font-family: Fontawesome; position: absolute; top: -30px; color: #800000; font-size: 50px; right: 0; width: 50px; } .services .left li h3 { font-size: 20px; margin: 0; } .services .left li a { color: #800000; font-size: 18px; } .services .right { padding: 0; margin: 0; text-align: left; } .services .right li { list-style: none; position: relative; padding-left: 50px; margin: 40px 0; } .services .right li:after { content: '\f21b'; font-family: Fontawesome; font-size: 50px; position: absolute; top: -30px; color: #800000; left: 0; } .services .right li a { color: #800000; font-size: 18px; } .services .right li h3 { font-size: 20px; margin: 0; } .services h4 { background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%); background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0); background-repeat: repeat-x; border: 1px solid #dca7a7; font-size: 18px; padding: 20px; text-align: center; color: red; } .down-file { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: white; border-radius: 5px; z-index: 9999; display: none; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); padding: 20px; } .down-file .position-popup { position: relative; } .down-file .position-popup label { color: #333; } .down-file .position-popup p { margin: 0; } .down-file .position-popup .title { text-align: center; color: #800000; font-size: 20px; /*margin-bottom: 1px;*/ } .down-file .position-popup .close-popup { position: absolute; top: 0px; right: 0px; color: #333; cursor: pointer; font-size: 20px; } .down-file .position-popup textarea { width: 100%; margin: 10px 0; height: 100px; border: 1px solid #ccc; padding: 6px 12px; } .down-file .position-popup .content-pp { padding: 20px; } .down-file .position-popup .content-pp .wpcf7-text { padding: 6px 12px; outline: none; border: 1px solid #ccc; background: #fff; border-radius: 4px; margin-top: 10px; width: 100%; } .down-file .position-popup .content-pp .wpcf7-submit { background-color: #800000; color: #fff; padding: 8px 20px; font-weight: 600; transition: 0.4s; font-size: 18px; font-weight: 300; border-radius: 4px; display: inline-block; border: 1px solid #ccc; cursor: pointer; width: 100%; } .down-file .position-popup .content-pp .wpcf7-submit:hover { background: #cf0106; } @media only screen and (max-width: 650px) { header .logo img { height: 70px; } .down-file { width: 330px; } .phone_center1 { display: block; } .alo-phone { background-color: transparent; cursor: pointer; height: 130px; position: fixed; left: auto !important; bottom: 50% !important; right: 10px !important; -webkit-transition: visibility 0.5s ease 0s; transition: visibility 0.5s ease 0s; visibility: hidden; width: 150px; z-index: 20; } .services .left { padding: 0; text-align: left; } .services .left li { list-style: none; position: relative; padding-left: 50px; margin: 40px 0; } .services .left li:after { left: 0; } .services .left li a { color: #800000; font-size: 18px; } .services .right { margin-top: -45px; } } article img, article figure { max-width: 100%; height: auto; } article img figcaption, article figure figcaption { font-style: italic; margin: 5px 0; } article .title { font-size: 30px; color: #800000; margin-bottom: 15px; } .breadcrumb ul { padding: 0; margin: 0; } .breadcrumb ul li { list-style: none; display: inline-block; } .breadcrumb ul li:before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/"; } .breadcrumb ul li a { color: black; } .breadcrumb ul .item-home:before { display: none; } .sidebar .form { border: 1px solid #ccc; border-radius: 10px; padding: 20px 20px 10px 20px; } .sidebar .form .logo { text-align: center; } .sidebar .form .logo img { width: 80px; } .sidebar .form input { margin: 5px 0; border: 2px solid #800000; padding: 5px 10px; border-radius: 5px; width: 100%; } .sidebar .form textarea { margin: 5px 0; border: 2px solid #800000; padding: 5px 10px; border-radius: 5px; width: 100%; } .sidebar .form .wpcf7-submit { background-color: #800000; color: white; } .sidebar .post { margin: 20px 0; } .sidebar .post p { font-size: 30px; line-height: 24px; color: #800000; margin-bottom: 20px; padding: 10px 0; border-bottom: 1px solid #eaeaea; } .sidebar .post .item { margin: 15px 0; } .sidebar .post .item .row { margin: 0 -10px; } .sidebar .post .item .row [class*="col-"] { padding: 10px; } .sidebar .post .item img { border-radius: 8px; } .sidebar .post .item p { border: 0; font-size: 18px; line-height: 24px; } .sidebar .post .item p a { color: #800000; } .pagination { margin-top: 10px; } .pagination li { margin: 0 5px; } .pagination li a { padding: 7px 12px; border: 1px solid #eaeaea; color: black; } .pagination li span { padding: 7px 10px; border: 1px solid #800000; background-color: #800000; color: white; } #respond label { display: block; } #respond input { width: 100%; padding: 5px; } #respond textarea { width: 100%; } #comments ol { padding: 0; } #comments ol li { list-style: none; } #comments ol li footer { padding: 0; background: white; color: black; } #formcmmaxweb { overflow: hidden; position: relative; margin-bottom: 20px; } #formcmmaxweb .nameuser { text-align: left; } #formcmmaxweb .avatarmw img { float: left; margin: 5px 10px 0 0; border: 1px solid #ccc; padding: 5px; } .comments-title-maxweb { margin: 30px 0; font-weight: normal; } .commentlist { margin-top: 10px; } .comment-author.vcard { float: left; clear: both; z-index: 2; position: relative; } .commentlist li { overflow: hidden; clear: both; margin-bottom: 10px; } .commentlist .children { margin-top: 10px; } .commentBody em { color: red; } .commentBody { position: relative; margin-left: 82px; border-bottom: 1px solid #d7d7d7; overflow: hidden; } .comment-meta.commentmetadata { position: relative; padding: 0; margin: 0; } .cancel-comment-reply a { font-size: 14px; text-decoration: none; color: #a9883f; } .nocomments { border-color: #D98D8D; background-color: #FFCECE; background-position: left -792px; color: #665252; padding: 10px; } .comment-meta.commentmetadata .ngaythang { position: absolute; top: 0; right: 10px; color: #a9883f; } .commentBody .reply { float: right; margin: 0 0 5px 0; } .comment-meta.commentmetadata .fn { font-weight: bold; color: #a9883f !important; } #formcmmaxweb input[type="submit"], #formcmmaxweb input[type="button"], #formcmmaxweb input[type="reset"], #formcmmaxweb article.post-password-required input[type=submit], #formcmmaxweb li.bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); } #formcmmaxweb button, #formcmmaxweb input, #formcmmaxweb textarea { border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-family: inherit; padding: 6px; padding: 0.428571429rem; } #formcmmaxweb button, #formcmmaxweb input[type="submit"], #formcmmaxweb input[type="button"], #formcmmaxweb input[type="reset"] { cursor: pointer; } .reply a.comment-reply-link { color: #a9883f; text-decoration: none; font-weight: 700; font-size: 14px; } .reply a.comment-reply-link:hover { color: #c7a611; } #formcmmaxweb p, #formcmmaxweb input, #formcmmaxweb textarea { width: 100%; background: transparent; outline: none; font-size: 14px; } #formcmmaxweb input, #formcmmaxweb textarea { border: 1px solid #d7d7d7; color: #2e2e2e; } #formcmmaxweb input:focus, #formcmmaxweb textarea:focus { border-color: #a9883f; } #formcmmaxweb p { margin-bottom: 10px; text-align: center; } #formcmmaxweb #commentform p { overflow: hidden; } #formcmmaxweb .name-email p { width: 50%; float: left; } #formcmmaxweb .name-email p:first-child { padding-right: 5px; } #formcmmaxweb .name-email p:last-child { padding-left: 5px; } #formcmmaxweb input#submit { width: auto; font-weight: 700; color: #fff; background: #a9883f; padding: 10px 25px; border: none; float: left; font-size: 14px; outline: none; } #formcmmaxweb input#submit:hover { background: #c7a611; } #formcmmaxweb ::-webkit-input-placeholder { color: #999999; } #formcmmaxweb ::-moz-placeholder { /* Firefox 18- */ color: #999999; } #formcmmaxweb ::-moz-placeholder { /* Firefox 19+ */ color: #999999; } #formcmmaxweb ::-ms-input-placeholder { color: #999999; } ol.commentlist_mw, ol.commentlist_mw ul.children { list-style: none; } ol.commentlist_mw li { margin-bottom: 10px; } ol.commentlist_mw ul.children { margin-top: 10px; margin-left: 50px; } .fz18 { font-size: 18px; text-transform: uppercase; font-weight: 700; } #comments .title { margin: 30px 0; } p.nameuser a { color: #a9883f; } div.error { color: red; font-size: 12px; text-align: left; line-height: 15px; } /*# sourceMappingURL=style.css.map */