
.show-menu img{filter: brightness(0) invert();}
.modal.up .modal-dialog {position: fixed;margin: auto;max-width: 380px; width: 100%;transform: translate3d(0%, 0, 0);}
.modal.up .modal-content{overflow-y: auto;}
.modal.up .modal-body {padding: 15px;}
.modal.up.fade .modal-dialog {bottom: -320px; transition: opacity 0.3s linear, bottom 0.3s ease-out;}
.modal.up.fade.show .modal-dialog {bottom: 0;}
#popup .header{padding: 32px 12px; color: #fff; margin-bottom: 12px; background-size: cover; position: relative;}
#popup .header::after{position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0; z-index:1;} 
#popup .header .header-content{position: relative; z-index: 2;;}
#popup .modal-body{position: relative;}
#popup .btn-close{position: absolute; z-index: 2; color: #fff; top: 10px; right: 10px;}
#popup .form{padding: 15px 15px 32px;}
#popup .form .row{margin: -7px}
#popup .form .row div[class*='col-']{padding: 7px} 
#popup .form .btn-modal{margin-top: 24px;}
#arcontactus{bottom: 100px;}
@media only screen and (max-width: 480px) {
    .modal.up .modal-dialog{max-width: 300px;}
    #popup .header{padding: 24px 10px;}
}
#test-my-custom-button .my-text-typing {border-right: .15em solid #835e38!important}
.add-plus {position: fixed;z-index: 999;bottom: 0; overflow: hidden;font-size: 15px;left: 2%;-webkit-transition: all 1.25s ease;-moz-transition: all 1.25s ease;-o-transition: all 1.25s ease;transition: all 1.25s ease;cursor: pointer;text-align: left;letter-spacing: 1px;width: auto;justify-content: flex-start;padding: 15px 10px;display: -webkit-flex;align-items: center;height: 45px;background: #f3d8a1;color: #79542f;border-top: 2px solid #79542f;border-right: 2px solid #79542f;border-left: 2px solid #79542f}
/*Effect iconhover -> icon*/
.my-icon-top {margin-top: -40px;margin-bottom: 10px;visibility: hidden;transition: all .2s linear}
.my-icon-bottom {visibility: visible}
#test-my-custom-button.add-plus:hover > .icon-bao-gia > .my-icon-top {margin-top: 31px!important;visibility: visible;transition: all .2s linear}
.my-text-typing{animation:tp-typing 4s steps(20) infinite;display:inline-block;overflow:hidden;white-space:nowrap;padding:0;margin:0;border-right:.15em solid #fff}@keyframes tp-typing{0%{width:0}50%{width:100%}55%,65%,75%{opacity:1}60%,70%{opacity:0}80%{width:100%}100%{width:0}}

