/* Contact buttons widget */

/*<link href="css/system/contact-buttons.css" rel="stylesheet" media="screen" type="text/css" />*/


/*a{text-decoration: none;}*/
.center {  display: flex;  justify-content: center;  align-items: center;  height: 90%;  overflow-y: hidden;}
	
/* [START] Contact widget button */
#contact_widget_button {font-family: sans-serif; font-size: 14px; line-height: 1.15; font-weight: 400;}
#contact_widget_button * {outline: none;}
#contact_widget_button *, #contact_widget_button *::before, #contact_widget_button *::after {box-sizing: border-box;}
#contact_widget_button .text-center {text-align: center !important;}
#contact_widget_button .align-items-center {-ms-flex-align: center !important;align-items: center !important;}
#contact_widget_button .justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;}
#contact_widget_button {display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
#contact_widget_button .d-flex {display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
#contact_widget_button .d-none {display: none !important;}
#contact_widget_button .align-items-start {-ms-flex-align: start !important;align-items: flex-start !important;}
#contact_widget_button .flex-column {-ms-flex-direction: column !important;flex-direction: column !important;}

@-webkit-keyframes pulsation { 0%{-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);opacity:1} 50%{opacity:.5} to{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@keyframes pulsation { 0%{-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);opacity:1} 50%{opacity:.5} to{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@-webkit-keyframes iconOpacity {0%{opacity:0}	40%{opacity:.96}	60%{opacity:1}	80%{opacity:.96}	100%{opacity:0}}
@keyframes iconOpacity {0%{opacity:0} 40%{opacity:.96} 60%{opacity:1} 80%{opacity:.96} 100%{opacity:0}}
	
#contact_widget_button{background:rgb(226,0,26); position:fixed;right:30px;bottom:30px;width:50px;height:50px;border-radius:100%;cursor:pointer;z-index:1001} 
	
#contact_widget_button.clicked{z-index:1041}
#contact_widget_substrate{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:0;display:none}
#contact_widget_substrate.active{z-index:1020;display:block}
	
.contact-widget-pulsation{background:rgb(226,0,26); width:80px;height:80px;border-radius:50px;position:absolute;left:-15px;top:-15px;z-index:-1;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-animation:pulsation 2s infinite;animation:pulsation 2s infinite}
	
.contact-widget-icon{color:#fff;width:100%;font-size:20px;overflow:hidden}
.contact-widget-icon .fa-circle-question{-webkit-animation:iconOpacity 3s infinite;animation:iconOpacity 3s infinite;width:35px;height:20px}
.contact-widget-text{font-size:7px;font-weight:600;text-transform:uppercase;line-height:9px;color:#fff}
	
.contact-widget-dropdown{position:absolute;bottom:75px;right:0;left:0;gap:0;padding-top:5px;padding-bottom:5px;border-radius:7px;background:#D5D5D5; display:block;opacity:0;z-index:-1;margin-bottom:10px; -webkit-transition:margin-bottom .3s ease,opacity .3s ease;transition:margin-bottom .3s ease,opacity .3s ease; visibility:hidden;box-shadow:3px 5px 10px rgba(0,0,0,.35); min-width:0px;min-height:0;}
	
.contact-widget-dropdown.expanded{margin-bottom:0;opacity:.97;z-index:1;visibility:visible}
		
.contact-widget-item{color:#333}                    /* Убрать?*/
.contact-widget-item:hover {color:rgb(10,120,191)}   /* Убрать?*/
.contact-widget-item:not(:last-child){margin-bottom:-5px}
.contact-widget-item{text-decoration:none}	

.contact-widget-item:hover {
	color:#BF0996!important; 	/* Убрать?*/
	background:#E0E0E0;
	border-radius:100%;
}	

.contact-widget-item-icon{font-size:30px; display:block;-ms-flex:0 0 60px;flex:0 0 60px;
max-width:50px;width:50px;height:50px;border-radius:100%;margin-right:0px;}
.contact-widget-item-icon svg{width:20px!important;height:20px}	

.contact-widget-telegram{color:#229ED9}
.contact-widget-whatsapp{color:#2BB741}
.contact-widget-viber{color:#7c529d}
.contact-widget-messenger{color:#0084ff}
.contact-widget-email{color:#FFA600}
.contact-widget-call{color:#009F48}
	

@media (min-width: 420px) {
	#contact_widget_button{right:30px;width:60px;height:60px}
	.contact-widget-pulsation{width:90px;height:90px}
	.contact-widget-icon{font-size:28px}
	.contact-widget-icon .fa-circle-question{width:28px;height:28px}
	.contact-widget-text{font-size:9px;line-height:10px}
	.contact-widget-dropdown{right:10px}
}
	
@media (min-width: 992px) {
/*	#contact_widget_button{bottom:30px}*/
	#contact_widget_button .contact-widget-viber-mobile{display:none!important}
/*	#contact-icons-item~~ .contact-icons-viber-mobile{display:none!important}*/
/*	#contact_widget_button .contact-widget-item{text-decoration:none!important}*/
}

@media (max-width: 991px) {
	#contact_widget_button .contact-widget-viber-desktop{display:none!important}
/*	#contact-icons-item~~ .contact-icons-viber-desktop{display:none!important}*/
/*	#contact_widget_button .contact-widget-item{text-decoration:none!important}*/
}