@media only screen and (max-width: 767px) { .site-logo{display:none;}}

.custom-btn-custom { position: relative; display: inline-block; vertical-align: middle; background-color: transparent; border: 2px solid #333333; -webkit-box-shadow: none; box-shadow: none; line-height: 1; font-weight: 700; font-family: "Oxygen", sans-serif; text-align: center; text-decoration: none; outline: none; overflow: hidden; z-index: 2; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.custom-btn-custom.medium { min-width: 155px; font-size: 14px; -webkit-border-radius: 30px; border-radius: 30px; }

.custom-btn-custom.medium::after, .custom-btn-custom.medium span { padding: 16px 30px; }

.custom-btn-custom.small { min-width: 115px; font-size: 12px; -webkit-border-radius: 20px; border-radius: 20px; }

.custom-btn-custom.small::after, .custom-btn-custom.small span { padding: 10px 25px; }

.custom-btn-custom.inverted { background-color: #333333; color: #fff; }

.custom-btn-custom.inverted::after { color: #484848; }

.custom-btn-custom.inverted:hover { background-color: transparent; }

.custom-btn-custom.dark-color { color: #484848; }

.custom-btn-custom.light-color { color: #fff; }

.custom-btn-custom::after, .custom-btn-custom span { -webkit-transition: opacity 0.3s, transform 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.custom-btn-custom::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); }

.custom-btn-custom span { display: block; }

.custom-btn-custom:hover { text-decoration: none; background-color: #333333; }

.custom-btn-custom:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.custom-btn-custom:hover span { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); }