.contact-button {
position: fixed;
width: 60px;
height: 60px;
bottom: 59px;
right: 40px;
color: black;
background-color: #00bd56;
border-radius: 50px;
text-align: center;
z-index: 20000!important;
cursor: pointer;
font-size: 27px;
line-height: 60px;
text-indent: -3px;
}

.close-button {
position: fixed;
width: 60px;
height: 60px;
bottom: 59px;
right: 40px;
color: black;
background-color: #00bd56;
border-radius: 50px;
text-align: center;
z-index: 30000!important;
cursor: pointer;
font-size: 27px;
line-height: 60px;
text-indent: -3px;
display:none;
}
    
    .contact-popup {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: fixed;
width: 350px;
bottom: -150%;
min-height: 430px;
right: 40px;
overflow-y: auto;
border-radius: 5px;
background-color: #fff;
-webkit-box-shadow: 0 5px 15px 1px rgba(0,0,0,.1);
box-shadow: 0 5px 15px 1px rgba(0,0,0,.1);
z-index: 20000!important;
overflow:hidden;
/*
bottom: 122px;
display:none;
*/
}


.contact-popup.active {
bottom: 122px;
-webkit-animation: bounceInUp .75s ease-out;
animation: bounceInUp .75s ease-out;
}


@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.contact-popup p {
padding: 15px 20px;
background-color: #3f3f3f;
color: #fff;
font-weight: 300;
font-size: 15px;
line-height: 1.5;
margin: 0;
}

.contact-popup form {
padding: 20px;
}

.contact-popup form input {
background-color: #f6f6f6;
border-color: #f6f6f6;
padding: 20px 15px;
font-size: 12px!important;
}

.contact-popup form button {
background-color: #3f3f3f;
border-color: #3f3f3f;
}

.contact-popup form button:hover, .contact-popup form button:focus {
color: #fff;
background-color: #3f3f3f;
opacity: 0.75;
border-color: #3f3f3f;
transform: none;
-webkit-transform: none;
}

.contact-popup form .btn-primary:not(:disabled):not(.disabled).active, .contact-popup form .btn-primary:not(:disabled):not(.disabled):active, .contact-popup form .show>.btn-primary.dropdown-toggle {
outline: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
background: #3f3f3f;
border-color: #3f3f3f;
transform: none;
-webkit-transform: none;
}

.contact-popup form .btn-primary.focus, .contact-popup form .btn-primary:focus, .contact-popup form .btn-primary:not(:disabled):not(.disabled).active:focus, .contact-popup form .btn-primary:not(:disabled):not(.disabled):active:focus, .contact-popup form .show>.btn-primary.dropdown-toggle:focus {
box-shadow: none;
}

.contact-popup form .form-group {
margin-bottom: 8px;
}

.contact-popup form .form-check-inline {
width: 49%;
display: inline-block;
margin: 0 0 10px;
position: relative;
}

.contact-popup form .form-check-inline .form-check-input {
width: 14px;
height: 14px;
position: relative;
cursor: pointer;
top: 2px;
padding: 0;
border-radius: 100%;
background: #fff;
border-color: #dfdfdf;
}

.contact-popup form .form-check-inline .form-check-input:checked {
box-shadow: inset 0px 0px 0px 3px #FFF;
background: #000;
border-color: #000;
}

.contact-popup form .form-check-inline .form-check-label {
cursor: pointer;
display: block;
}
.contact-popup form .form-check-inline .form-check-input:hover {
border-color: #000;
}

.contact-popup form span {
padding: 5px 0 10px;
display: block;
font-weight: 600;
font-size: 15px;
}

.popup-close {
display:none;
text-align: right;
}

.popup-close a {
display: inline-block;
color: #000;
font-size: 22px;
padding: 10px 15px;
line-height: 1;
}

.contact-icon{
font-size:33px;
line-height:68px;
text-indent:0px;
}