/*
 Theme Name:   Lamx Child
 Template:     flatsome
 Version:      3.15.6
 Description:  Child theme for Flatsome (renamed from 'computer' to 'lamx')
 Text Domain:  lamx
*/


.contact-box-bottom{position: fixed;bottom: 85px;right: 10px;z-index: 10000;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transform: translateX(2000px) scale(.7);transform: translateX(2000px) scale(.7);}
@-webkit-keyframes backInRight {
0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}
80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes backInRight {
0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}
80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}
.contact-box-wrapper{display:flex;align-items:center;padding:5px 10px;border-radius:10px;color: #000;}
.contact-icon-box{display:block;text-align:center;width:40px;height:40px;font-size:16px;line-height:38px;border:1px solid #e5e5e5;border-radius:999px;margin-right: 10px;}
.contact-info span{color:#868686;font-size:12px;display: block;}
.article-detail-page .article-product{display:flex;flex-wrap:wrap;border-top:1px solid #E5EAF1;border-left:1px solid #E5EAF1}
.article-detail-page .article-product .p-item{border-bottom:1px solid #E5EAF1;border-right:1px solid #E5EAF1;width:calc(100% / 3);padding:10px}
.article-detail-page .article-product .p-item .p-img{margin-bottom:12px}
.fixed-right-menu.active, .contact-info {
    display: none;
}
.header-static-group{
    display: block !important;
    float: right !important;
    margin-right: 20px !important;
}
.header-nav-main li a{
    padding-right: 20px !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.animate__backInRight {
    display: none !important;
}
.fixed-right-menu.active {
    display: block;
}
}