.icon-panel {
	display: inline-block;
	background-repeat: no-repeat;
    background-size: 31px 31px;
	width: 31px;
	height: 31px;
}

.icon-phone-white {
	background-image: url('/wp-content/uploads/icon-phone-white.png');
}

.icon-coffee-white {
	background-image: url('/wp-content/uploads/icon-coffee-white.png');
}

.icon-chat-white {
	background-image: url('/wp-content/uploads/icon-chat-white.png');
}

.icon-envelop-white {
	background-image: url('/wp-content/uploads/icon-envelop-white.png');
}

.icon-contactform-white {
    background-image: url('/wp-content/uploads/icon-contactform-white.png');
}

.icon-arrow-down-white {
	background-image: url('/wp-content/uploads/icon-arrow-down-white.png');
	width: 31px;
	height: 16px;
	background-position-y: -7px;
}

.sticky-panel-container .toggle-contact {
    background: #2b3843;
    border: 1px solid #fff;
    color: #fff;
    font-family: Montserrat, sans-serif;
}

.sticky-panel-container .contact-item {
    background: #2b3843;
    color: #fff;
    border: 1px solid #fff;
}

.sticky-panel-container .toggle-contact:hover,
.sticky-panel-container .contact-item:hover {
    background-color: #be6503;
}

/**/

html .sticky-panel-container {
    position: fixed;
    z-index: 101;
    bottom: 0;
    right: 10px;
	
	font-family: 'Open Sans'!important;
    font-size: 12px;
	letter-spacing: 0.05em;
}

.sticky-panel-container:after,
.sticky-panel-container:before {
    content: "";
    display: table
}

.sticky-panel-container:after {
    clear: both
}

.sticky-panel-container .toggle-contact {
    position: relative;
    z-index: 2;
    float: right;
    width: 100px;
    text-align: center;
    padding: 10px 0px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.sticky-panel-container .contact-item {
    top: 60px;
    position: absolute;
    display: block;
    text-decoration: none;
    width: 100px;
    height: 72px;
    padding: 8px 0;
    text-align: center;
    opacity: 0;
    box-sizing: border-box;
    font-weight: normal;

	-webkit-transition: all .3s ease-in-out; 
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.sticky-panel-container .contact-item .say {
    font-weight: normal;
    position: relative;
    top: -2px;
    color: white;
}

.sticky-panel-container.active .contact-item {
    opacity: 1
}

/* CHAT: Offline */
.sticky-panel-container.active .chat-offline.contact-item-mail {
    top: -240px;
    right: 0
}

.sticky-panel-container.active .chat-offline.contact-item-phone {
    top: -160px;
    right: 0
}

.sticky-panel-container.active .chat-offline.contact-item-visit {
    top: -80px;
    right: 0
}

.sticky-panel-container.active .chat-offline.contact-item-chat {
    display: none;
}

/* CHAT: Online! */
.sticky-panel-container.active .chat-online.contact-item-chat {
    top: -240px;
    right: 0
}

.sticky-panel-container.active .chat-online.contact-item-phone {
    top: -160px;
    right: 0
}

.sticky-panel-container.active .chat-online.contact-item-mail {
    top: -80px;
    right: 0
}

.sticky-panel-container.active .chat-online.contact-item-visit {
    display: none;
}

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {
    .sticky-panel-container .toggle-contact,
    .sticky-panel-container .contact-item {
        font-size: 14px;
        width: 120px;
    }
}