.contactList svg {
    width: 25px;
	color: #ffb51d;
    fill: #ffb51d;
} 
.socialList, .contactList {
    list-style: none;
    padding: 0;
    margin: 0;
}
.loadContactForm input, 
.loadContactForm textarea{
	background-color: #02010100 !important;
    border-style: solid;
    border-width:1px;
    border-color: #202020;
    border-radius: 5px;
    color: #d7d7d7 !important;
}
.loadContactForm ::placeholder {
  color: #888; 
  opacity: 1; /* Required for Firefox */
}
.contact-me{
	border: 1px solid #cccccc2e !important;
}
.loadContactForm input.thm-btn{
	background-color: #ffb51d !important;
	color: var(--stchp-black) !important;
} 
#zaloButton {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.7);
    background: #fe8515 url(../images/zalo3f.png) center center no-repeat;
    margin-bottom: 10px;
	outline: 0;
}
a#zaloButton span {
    z-index: 10;
    display: none;
    padding: 10px;
    right: 45px;
    width: 163px;
    line-height: 16px;
    border-radius: 4px; 
}
a#zaloButton:hover {
    text-decoration: none;
    background: #f16029 url(../images/zalo3_a.png) center center no-repeat;
}
a#zaloButton:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffaf0;
}
.animalload {
    position: absolute;
    top: 0;
    background: #0f0b23;
    width: 100%;
    padding: 17px;
    z-index: 10;
    border: 1px solid #cccccc54;
    visibility: hidden;
}

@media (max-width: 1199px) {
    #contactButton .ctb {
        
    }
}

@media (max-width: 499px) {
    #contactButton {
        right: auto;
        left: 0;
        width: 90%;
    }
}
