body { font-family: 'Prompt', sans-serif; }
.contact-widget { position: fixed; bottom: 20px; right: 20px; z-index: 1025; }
.contact-widget .item-widget { position: relative; }
.contact-widget .item-widget .item-box { clear: both; display: table; float: right; margin-top: 10px; }
.contact-widget .item-widget .item-box .item-icon, .contact-widget .item-widget .item-box .item-title { float: right; }
.contact-widget .item-widget .item-box .item-icon { 
	position: relative; 
	/* z-index: 9;  */
}
.contact-widget .item-widget .item-box .item-title { font-size: 14px; color: #2f2f2f; background: rgba(255, 255, 255, 0.8); border-radius: 10px 0 0 10px; border: 1px solid #aaa; padding: 3px 15px; position: relative; top: 10px; right: -12px; z-index: -9; -webkit-box-shadow: 0px 1px 13px -2px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 13px -2px rgba(0, 0, 0, 0.4); opacity: 0; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; }
.contact-widget .item-widget .item-box .item-title a { color: #2f2f2f; }
.contact-widget .item-widget .item-box .hvr-popup { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); }
.contact-widget .item-widget .item-box:hover .item-title, .contact-widget .item-widget .item-box:focus .item-title { opacity: 1; }
.contact-widget .item-widget .item-box:hover .hvr-popup, .contact-widget .item-widget .item-box:focus .hvr-popup { -webkit-animation-name: popup; animation-name: popup; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.contact-widget .item-widget-group .item-widget{position:relative}
.contact-widget .item-widget-group .item-widget:nth-last-child(1){-webkit-animation:animatebottom .1s;animation:animatebottom .1s}
.contact-widget .item-widget-group .item-widget:nth-last-child(2){-webkit-animation:animatebottom .2s;animation:animatebottom .2s}
.contact-widget .item-widget-group .item-widget:nth-last-child(3){-webkit-animation:animatebottom .3s;animation:animatebottom .3s}
.contact-widget .item-widget-group .item-widget:nth-last-child(4){-webkit-animation:animatebottom .4s;animation:animatebottom .4s}
.contact-widget .item-widget-group .item-widget:nth-last-child(5){-webkit-animation:animatebottom .5s;animation:animatebottom .5s}
.contact-widget #btn-widget:active { -webkit-animation: rotate 0.3s ease-in; animation: rotate 0.3s ease-in; }

/*animation*/
@-webkit-keyframes popup {
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@keyframes popup {
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@-webkit-keyframes rotate {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
}
@keyframes rotate {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
}
@-webkit-keyframes animatebottom {
  from { bottom: -300px; opacity: 0; }
  to { bottom: 0; opacity: 1; }
}
@keyframes animatebottom {
  from { bottom: -300px; opacity: 0; }
  to { bottom: 0; opacity: 1; }
}

/* Modal */
#contact-support-modal .modal .close, #contact-line-modal .modal .close, #contact-call-modal .modal .close, #contact-facebook-modal .modal .close, #contact-map-modal .modal .close {
	background-color: #fff !important;
}
.modal-content  {
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	margin: 0 auto !important;
}
.modal-backdrop {
    filter: alpha(opacity=70);
    opacity: .7;
}
.modal {
	text-align: center;
	padding: 0!important;
}

#contact-support-modal .modal:before, #contact-line-modal .modal:before, #contact-call-modal .modal:before, #contact-facebook-modal .modal:before, #contact-map-modal .modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px; /* Adjusts for spacing */
}
.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.item-start {
	opacity: 1 !important;
}
#gmaps-canvas {
	width: 100%;
	height: 350px;
}
#contact-call-modal a {
	display: inline-block;
	margin-top: 15px;
	font-size: 26px;
	letter-spacing: 2px;
}
#contact-call-modal .modal-dialog {
	width: 280px !important; 
}
#contact-line-modal .modal-dialog {
	width: 290px !important; 
}
#contact-support-modal .modal-dialog {
	width: 290px !important; 
}
#contact-facebook-modal .modal-dialog {
	width: 310px !important; 
}
@media screen and (max-width: 500px) {
	#contact-facebook-modal .modal-dialog {
		width: 310px !important; 
	}
	#contact-map-modal .modal-dialog {
		width: 310px !important; 
	}
	#contact-call-modal .modal-dialog {
		width: 310px !important; 
	}
}
.modal .close {
	font-size: 30px !important;
	top: 10px !important;
	right: 10px !important;
}
#qrcode, #qrcode-support {
	margin-bottom: 10px;
}
.add-line-box {
	margin-bottom: 0 !important;
}
.add-line-box img {
	width: auto !important;
	height: 40px !important;
}
.call-header, .line-header, .map-header {
	font-size: 18px !important;
}
.map-header {
	color: #49A9F8;
}