/*
Theme Name: Design Ngon
Description: This is a child theme for Design Ngon
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.one-half, .onethird, .onequard{position: relative; margin-right: 1%; float: left;  margin-bottom: 10px;} .one-half { width: 48%; } .onethird{width: 37%;} .onequard{width: 22%;} .last { margin-right: 0 !important;  clear: right;}	.grecaptcha-badge { visibility: hidden! important; opacity: 0! important; display: none !important;} .post-item .col-inner {border-radius: 10px; border:solid 1px;} .post-item .box-image{border-top-left-radius: 10px; border-top-right-radius:10px;} .post-item .blog-post-inner {padding-left:10px;padding-right:10px; text-align:justify;} .large-columns-3 .box-blog-post .is-divider{min-width:100%;} .large-columns-3 .post-item h5{ color:black; font-weight: 400; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; height: 45px; display: -webkit-box; -webkit-box-orient: vertical;} .large-columns-3 .post-item .box-text-inner p{overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 75px; display: -webkit-box; -webkit-box-orient: vertical;} .post-sidebar .wp-block-search__button {padding:0;text-transform:none;text-wrap: nowrap; padding-left:5px; padding-right:5px; font-size: 12px; font-weight: 200; line-height:1; min-height: 10px;max-height:40px;} .post-sidebar button {margin-bottom:0px;} .widget-calendar-month { line-height: 1.2!important; top: 36px!important;} .post-sidebar .wp-block-search__button {padding:0;text-transform:none;text-wrap: nowrap; padding-left:5px; padding-right:5px; font-size: 12px; font-weight: 200;} .post-sidebar button {margin-bottom:0px;} .mot img, .ba img, .nam img{padding-top:15px;}.bon img, .sau img{padding-top:25px;} .datxe{background: rgba(0, 0, 0, 0.35); padding-top: 30px;padding-left:20px; padding-right:20px; border-radius:20px;} .datxe input[type=email], .datxe input[type=number], .datxe input[type=tel], .datxe input[type=text], .datxe input[type=date]{min-height: 60px; background-color: rgba(0, 0, 0, 0.25); border-radius:10px; color:white; font-size: 18px;} .datxe input::placeholder{color:white;} .lien-he input::placeholder, .lien-he textarea::placeholder{font-weight: 200} .fter h4{font-weight:600;} .fter{color:black;} .badau .col {
 padding: 0 15px 18px;} .badau .box-text-inner {background-color:rgba(0, 0, 0, 0.5); border-radius: 10px; padding:10px; display:flex;} .badau .box-text-inner h5{order:2; padding-left: 10px;} .badau .post-meta {font-size:16px; border-right:solid 1px white;padding-right: 3px;} .truhai .post-item:nth-child(1) {display:none;} .bao-gia .col-inner{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .bao-gia .col-inner:hover{box-shadow: rgba(0, 0, 0, 0.44) 0px 4px 10px;} .bao-gia .col-inner:hover h4{color:red;}
.bao-gia  h4{font-weight:600;color:blue;} .dich-vu .col-inner{border:solid 1px; border-radius:10px;} .dich-vu .box-image{border-top-left-radius:10px;border-top-right-radius:10px;} .tieude-ly-do{ text-shadow: .1em .1em 0 hsl(200 50% 30%); background:rgba(255, 0, 25, 0.7);border-top-left-radius: 20px; border-top-right-radius:20px; padding-top:15px;} .tiu-de-lydo{ border-bottom:solid 2px; box-shadow: rgba(33, 35, 38, 0.1) 0px 30px 20px -20px;} .tiu-de-lydo .col{padding-bottom:0;} .bg-ly-do .col-inner{background:rgba(20, 160, 55, 0.8); border-radius:20px; padding: 10px;} .bg-ly-do:hover .col-inner{background:rgba(255, 0, 25, 0.9)} .am-left{left:-18%;} .am-right{right:-18%;} .bold700 h1, .bold700 h2, .bold700 h3, .bold700 h4{font-weight:700;} .duoi-sli{position:relative; z-index: 999; margin-top: -50px; background: white; border-radius: 20px; padding-top: 20px; padding-left: 10px; padding-right:10px; text-align:justify;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;} .duoi-sli .col-inner {padding:10px;} .topfone span {color: #ffcd06; font-weight:600;font-size: 30px;} .header-nav-main.nav-right {font-size:20px;} .logo-center .logo{   background: white;  border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; margin-bottom:20px;} .logo img{padding-top:15px;padding-bottom:5px;} .header-bottom-nav li a{font-weight:400!important; padding-left:5px; padding-right:5px;}.fone {font-size: 16px; color: #f00; line-height: 40px;font-weight: bold;padding-left: 10px; margin: 0 0; min-width:350px;} .fix_tel { position:fixed; bottom:15px; right:20px!important; z-index:999;display:flex;} .fix_tel a {text-decoration: none; display:block;} .tel { background: #eee;width:250px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:none;} .ring-alo-phone {background-color: transparent; cursor: pointer; height: 80px; position: absolute; transition: visibility 0.5s ease 0s;visibility: hidden; width: 80px;z-index: 200000 !important;} .ring-alo-phone.ring-alo-show {visibility: visible;} .ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {opacity: 1;} .ring-alo-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 70px;right: -190px;opacity: 0.1;position: absolute; top: -15px;transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 70px;} .ring-alo-phone.ring-alo-active .ring-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;} .ring-alo-phone.ring-alo-static .ring-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {border-color: #009900; opacity: 0.5;}.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {border-color: #baf5a7;opacity: 0.5;} .ring-alo-phone.ring-alo-green .ring-alo-ph-circle {border-color: #009900;opacity: 0.5;} .ring-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;background-color: #000;border: 2px solid transparent;border-radius: 100%;height: 30px;right: -170px;opacity: 0.1;position: absolute; top: 6px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 30px;} .ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5);opacity: 0.75 !important;} .ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5);opacity: 0.75 !important;} .ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5);opacity: 0.75 !important;} .ring-alo-ph-img-circle {animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;border: 2px solid transparent; border-radius: 100%;height: 30px;right: -170px; opacity: 1;position: absolute;top: 6px;transform-origin: 50% 50% 0; width: 30px;}.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {background-color: #009900;} .ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {background-color: #75eb50;} .ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {background-color: #009900;} .ring-alo-ph-img-circle a img {padding: 1px 0 12px 1px;width: 30px;position: relative;top: -1px;}.bottom-contact{display:none;}.blog-wrapper .is-divider{display:none;}
@media only screen and (min-width: 900px){.bottom-contact{display:none;}}
@media only screen and (max-width: 900px){ .one-half, .onethird, .onequard{width:98%;}.fix_tel, .fcta-zalo-vi-tri-nut{display:none;} #logo {width: 100px;} .bottom-contact{display: block; position: fixed; bottom: 0; background: white; width: 100%; z-index: 999999; box-shadow: 2px 1px 9px #dedede; border-top: 1px solid #eaeaea;} .bottom-contact ul li{width: 25%; float: left; list-style: none; text-align: center; font-size:13.5px;}.bottom-contact ul li span{color:black} .bottom-contact ul li img{ width: 35px; margin-top: 10px; margin-bottom: 0px;} #goidien img{animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;} .am-left{left:0%;} .am-right{right:0%;}}
@keyframes ring-alo-circle-anim {
0% {
opacity: 0.1;
transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
opacity: 0.5;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
opacity: 0.6;
transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes ring-alo-circle-img-anim {
0% {
transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes ring-alo-circle-fill-anim {
0% {
opacity: 0.2;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
opacity: 0.2;
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
opacity: 0.2;
transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
*/