#contact-button-hint {
    color: #fff;
    position: fixed;
    z-index: 11;
    transition: right .3s;
    background: 0 0;
    border-radius: 20px;
    max-height: 60px;
    max-width: 290px;
    right: 50px;
    bottom: 54px;
    overflow: hidden;
    padding: 12px 34px 5px 27px;
    font-size: 17px;
    letter-spacing: 1px
}

#contact-button-hint p {
    margin: 0 0 8px;
    font-weight: 700
}

#contact-button-hint::before {
    content: "";
    background: #282828;
    border-radius: 20px;
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 8px;
    right: 16px;
    z-index: -1
}

#contact-button-hint::after {
    bottom: 14px;
    right: 15px;
    top: auto;
    border-width: 0 0 12px 12px;
    border-color: #282828;
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    transform: rotate(150deg);
    z-index: -1
}

#contact-button {
    position: fixed;
    right: 14px;
    bottom: 40px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 10;
    transition: right .3s
}

.contact-hidden {
    right: -200px
}

#contact-button:hover,.scroll-arrow:hover {
    transform: scale(1.04);
    transition: transform .2s
}

@keyframes animateHeart {
    0%,100%,14%,55% {
        transform: scale(1)
    }

    7% {
        transform: scale(1.08)
    }

    21% {
        transform: scale(1.16)
    }
}

.pulsate {
    -moz-animation: 2s infinite animateHeart;
    -webkit-animation: 2s infinite animateHeart;
    animation: 2s infinite animateHeart
}

.hide-mobile2 {
	display: block
}

@media only screen and (min-width: 768px) and (max-width:995px) {
	.hide-mobile2 {
        display: block
    }
}

@media only screen and (min-width: 500px) and (max-width:767px) {
	.hide-mobile2 {
        display: none
    }
}

@media only screen and (max-width: 499px) {
	.hide-mobile2 {
        display: none
    }
}

@media only screen and (max-width: 767px) {
	.hide-mobile2 {
        display: none;
        padding-top: 15px;
    }
}