#notfound {
position: relative;
height: 100vh;
}
.notfound {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 52rem;
width: 100%;
line-height: 1.4;
text-align: center;
}
.notfound h2 {
font-size: 2rem;
font-weight: 400;
text-transform: uppercase;
color: #000;
margin-top: 0;
margin-bottom: 2.5rem;
}
.notfound a {
display: inline-block;
color: #1d1d1d;
text-transform: uppercase;
border: 1px solid rgba(112, 112, 112, 0.2);
padding: 1rem;
border-radius: 999px;
-webkit-transition: 0.3s cubic-bezier(0.61, 0.22, 0.23, 1);
transition: 0.3s cubic-bezier(0.61, 0.22, 0.23, 1);
font-weight: bold;
}
.notfound a:hover {
background-color: rgba(29, 29, 29, 0.2);
}
.notfound-404 {
position: relative;
height: 24rem;
}
.notfound-404 h3 {
position: relative;
font-size: 1.6rem;
font-weight: 700;
text-transform: uppercase;
color: #262626;
margin: 0;
letter-spacing: 0.3rem;
padding-left: 0.6rem;
}
.notfound-404 h1 {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25.2rem;
font-weight: 900;
margin: 0;
color: #262626;
text-transform: uppercase;
letter-spacing: -4rem;
margin-left: -2rem;
}
.notfound-404 span {
text-shadow: -0.8rem 0 0 #fff;
}
@media screen and (max-width: 991px) {
.notfound-404 {
height: 20rem;
}
.notfound-404 h1 {
font-size: 20rem;
}
}
@media screen and (max-width: 767px) {
.notfound h2 {
font-size: 1.6rem;
}
.notfound-404 {
height: 16.2rem;
}
.notfound-404 h1 {
font-size: 16.2rem;
height: 15rem;
line-height: 16.2rem;
}
}
.is-loading-btn.processing {
opacity: 0.50 !important;
position: relative;
pointer-events: none !important;
}
.is-loading-btn.processing::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: '';
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//luxquartzvietnam.com/wp-content/themes/monatheme/public/helpers/images/icon-loading-ring.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75);
z-index: 99;
}
.is-loading-group.processing {
opacity: 0.50 !important;
position: relative;
pointer-events: none !important;
}
.is-loading-group.processing::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: '';
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//luxquartzvietnam.com/wp-content/themes/monatheme/public/helpers/images/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75);
z-index: 99;
}
.is-loading-group-2.processing {
opacity: 0.50 !important;
position: relative;
pointer-events: none !important;
}
.is-loading-group-2.processing::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: '';  background: url(//luxquartzvietnam.com/wp-content/themes/monatheme/public/helpers/images/loader-2.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75);
z-index: 99;
}
.alert {
background: #ffdb9b;
padding: 20px 40px;
min-width: 420px;
position: fixed;
right: 0;
line-height: 1.7;
top: 3rem;
border-radius: 6px;
border-left: 4px solid #ffa502;
overflow: hidden;
opacity: 0;
pointer-events: none;
z-index: 9999999999999;
box-shadow: 0px 1px 21px #adacac;
}
.alert.showAlert {
opacity: 1;
pointer-events: auto;
}
.close-btn span {
display: none;
}
.alert.show {
animation: show_slide 1s ease forwards;
}
@keyframes show_slide {
0% {
transform: translateX(100%);
}
40% {
transform: translateX(-10%);
}
80% {
transform: translateX(0%);
}
100% {
transform: translateX(-10px);
}
}
.alert.hide {
animation: hide_slide 1s ease forwards;
}
@keyframes hide_slide {
0% {
transform: translateX(-10px);
}
40% {
transform: translateX(0%);
}
80% {
transform: translateX(-10%);
}
100% {
transform: translateX(100%);
}
}
.alert .m-bold-text {
font-weight: 700;
font-size: 17px;
}
.alert .m-css-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
color: #ce8500;
font-size: 30px;
}
.alert .msg {
padding: 0 17px;
font-size: 15px;
color: #000000;
font-weight: 400;
line-height: 1.9;
}
.alert span.msg {
display: flex;
flex-direction: column;
margin-left: 2rem;
}
.alert .close-btn {
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%);
background: #ffd080;
border-radius: 50%;
width: 2rem;
height: 2rem;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
}
.alert .close-btn:hover {
background: #ffc766;
}
.alert .close-btn .fas {
color: #ce8500;
font-size: 22px;
line-height: 40px;
} .alert.success {
background: #d4ffc1;
border-color: #0eff42;
}
.alert.success .m-css-icon {
color: #2cc518;
}
.alert.success .close-btn .fas {
color: #2bc217;
}
.alert.success .close-btn {
background: #a6fd9b98;
transition: 0.3s;
}
.alert.success .msg .m-bold-text {
color: #10b60b;
}
.alert.success .close-btn:hover {
background: #d7fbc7;
transition: 0.3s;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.alert.success .close-btn .fas {
color: #19d600;
font-size: 22px;
line-height: 40px;
} .alert.error {
background: #ffa6a6;
border-color: #ff0202;
}
.alert.error .m-css-icon {
color: #c00a0a;
}
.alert.error .close-btn .fas {
color: #c00a0a;
}
.alert.error .close-btn {
background: #ff8484;
transition: 0.3s;
}
.alert.error .msg .m-bold-text {
color: #b80101;
}
.alert.error .close-btn:hover {
background: #ff7575;
transition: 0.3s;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.alert.error .close-btn .fas {
color: #ce0000;
font-size: 22px;
line-height: 40px;
}
.alert {
scale: 75%;
right: -4rem;
background-color: white !important;
}
.alert .close-btn .fas {
color: #000000 !important;
}
.alert .close-btn {
background: unset !important;
}
@media screen and (max-width: 421px) {
.alert {
min-width: 350px;
}
.alert .m-bold-text {
display: none;
}
}
.alert::before {
position: absolute;
content: "";
inset: 0;
width: 100%;
height: 100%;
background-color: #64e216;
background-size: 400% 400%;
animation: gradientColor 15s ease infinite;
border-radius: 100rem;
opacity: 0;
transition: opacity 0.5s ease-in-out;
} #wpadminbar #wp-admin-bar-wp-logo>.ab-item img {
width: 100%;
height: 100%;
}
.blog-info-tag span:before {
content: ",";
position: absolute;
bottom: 6px;
right: 0;
height: 100%;
font-size: 16px;
width: auto;
padding-right: 5px;
}
.blog-info-tag span {
position: relative;
display: inline-block;
padding-right: 10px;
}
.blog-info-tag span:last-child:before {
display: none;
}
.wpcf7 form .wpcf7-response-output {
border: 0;
margin: 15px 0;
padding: 0;
font-weight: bold;
font-size: 12px;
}
.wpcf7 form.sent .wpcf7-response-output {
color: #46b450;
}
.wpcf7 form.invalid .wpcf7-response-output {
color: red !important;
}
.wpcf7-not-valid-tip {
position: absolute;
display: none;
} .widget_nav_menu .mona-widget-title {
display: none;
}
#submit_ft {
display: none;
}
.wpcf7-spinner {
position: absolute;
left: 50%;
transform: translateX(-150%);
}
.wpcf7-response-output {
position: absolute;
}
.popup-block-wr .wpcf7-response-output {
width: 100%;
text-align: center;
position: absolute;
margin: 0 !important;
right: 50%;
transform: translatex(50%);
}
.mona-content {
color: #fff;
}
.mona-content .agency-title { font-weight: 500;
line-height: 130%;
text-transform: uppercase;
font-family: var(--font-sec);
color: #fff;
margin-bottom: 2.25rem;
display: flex;
flex-direction: column;
.mona-content .agency-title {
font-size: 3.5rem;
@media screen and (max-width: 1199.98px) {
font-size: 3rem;
}
@media screen and (max-width: 575.98px) {
font-size: 2.4rem;
}
}
}
.wpcf7 {
width: 100%;
}
.wpcf7 .form-it {
width: 100%;
margin: 0 0 2.4rem;
}
.mona-content #ez-toc-container {
display: none;
}
.blog-dt-sub .wpcf7-response-output {
margin-top: 3rem !important;
}
.mona-empty-product {
text-align: center;
}
.mona-empty-product .image-empty-product {
width: 25%;
margin: 0 auto;
padding: 3rem;
}
.mona-empty-product .text {
padding-bottom: 2rem;
margin: 0 30rem;
}
.mona-empty-product .btn--thi {
margin-bottom: 2rem;
}
.main .space-custom {
padding-top: 0;
padding-bottom: 5rem;
}
.acc-fir-sec .page-numbers .current {
background: #ffff;
border-color: #0077b3;
color: #0077b3;
border: 0.1rem solid #0077b3;
}
.main .pro-bg .item-pro-custom {
display: none;
}
.title-dic {
text-transform: none;
}
.acc-fir-sec .mona-empty-product .text {
margin: 0 10rem;
}
.main-heading-text {
display: none;
}
.mona-content iframe {
height: 500px;
width: 100%;
}
@media screen and (max-width: 992px) {
.mona-content iframe {
height: 400px;
}
}
@media screen and (max-width: 767px) {
.mona-content iframe {
height: 300px;
}
}
.contact-fixed .btn-box.box-mess .btn img {
animation: unset;
}
.mona-content table.border-hidden th, 
.mona-content table.border-hidden td {
border: 0;
}
.blog-dt .blog-dt-ct .mona-content ul li:first-child {
margin-top: 0;
}
.blog-dt .blog-dt-ct .mona-content ul li {
margin-top: 1rem;
}
.blog-dt .blog-dt-hd .title-md {
font-size: 3.2rem;
}
@media only screen and (max-width: 800px) {
.blog-dt .blog-dt-hd .title-md {
font-size: 2.7rem;
}
}
@media screen and (max-width: 600px) {
.blog-dt .blog-dt-hd .title-md {
font-size: 2.2rem;
}
}
.mona-content img, .mona-content iframe {
margin: 0 auto;
}