@charset "UTF-8";

#support_widget {position: fixed;bottom: 5px;right: 5px;font-size: 14px;z-index: 200;text-align: left;-webkit-transform: translateZ(0);transform: translateZ(0);}
#support_widget .w {background: rgba(0, 0, 0, 0.75);border-radius: 7px;padding: 0;overflow: hidden;white-space: nowrap;transition: background-color .25s ease;}

#support_widget .toggle {cursor: pointer;position: relative;z-index: 2;padding-right: 35px;transition: padding-right .25s ease;}
#support_widget .toggle a {line-height: 42px;height: 42px;overflow: hidden;pointer-events: none;transition: padding .5s ease;}
#support_widget .toggle b {display: block;position:absolute;right: 2px;bottom: 2px;width: 38px;height: 38px; border-radius: 5px; z-index: 1;-webkit-tap-highlight-color: transparent;}
#support_widget .toggle b:before {content:"";display: block;width: 24px;height: 24px;position: absolute;top: 50%;margin-top: -12px;left: 50%;margin-left: -12px;background: url(../i/support.svg) -135px -38px no-repeat;}
	
#support_widget .toggle a:before,
#support_widget .toggle b:before {opacity: .8;}


#support_widget .menu {min-width: 42px;/* height: 186px; */height: 150px;opacity: 1;padding: 2px 0 4px;transition: all .5s ease, padding .25s linear;}
#support_widget a {display: block;text-decoration: none;font-size: 14px;height: 36px;line-height: 36px;padding: 0px 20px 0;padding-left: 44px;position: relative;min-width: 42px;color: #c3c3c3;-webkit-tap-highlight-color: transparent;}

#support_widget .menu a:hover {color: #fff;background: rgba(255, 255, 255, 0.1);}
#support_widget a:before {content: "";display: block;width: 26px;height: 26px;top: 50%;margin-top: -13px;left: 9px;position: absolute;background: url(../i/support.svg) -84px -38px no-repeat;}
#support_widget a > span {display: inline-block;vertical-align: middle;line-height: 16px;opacity: 1;max-width: 90px;transition: all .5s ease, max-width .5s ease, opacity .5s ease .15s;white-space: nowrap;margin-top: -2px;}


#support_widget a.tg:before {background-position: -185px -38px;}
#support_widget a.fb:before {background-position: -284px -38px;}
#support_widget a.vb:before {background-position: -234px -38px;}
#support_widget a.vk:before {background-position: -333px -38px;}
#support_widget a.em:before {background-position: -384px -37px;}
#support_widget a.chat:before {background-position: -434px -37px;}


#support_widget.min {}
#support_widget.min .w {background: rgba(0, 0, 0, 0.4);}
#support_widget.min.hovered .w {background: rgba(0, 0, 0, 0.75);}

#support_widget.min a {padding: 0;padding-left: 42px;}
#support_widget.min a > span {max-width: 0; opacity: 0;}

#support_widget.min .menu {padding: 0;height: 0;opacity: 0;overflow: hidden;pointer-events: none;}

#support_widget.min .toggle {padding-right: 0;}
#support_widget.min .toggle a {padding-right: 0;}

#support_widget.min .toggle b {width: 100%;right: 0;bottom: 0;top: 0;height: auto;border-radius: 0;background: none !important;}
#support_widget.min .toggle b:before {display: none; content: none;}

@media only screen and (min-width: 721px) {

	#support_widget.min .toggle a:before {left: 8px;}
	
	#support_widget.hovered .toggle a {padding-right: 20px; padding-left: 44px; }
	#support_widget.hovered .toggle span {opacity: 1;max-width: 90px;}
	#support_widget.hovered .toggle b:hover {background: rgba(255, 255, 255, 0.1);}
}


@media only screen and (max-width: 720px) {
	
	#support_widget {bottom: 62px;right: 0;}
	#support_widget .w {border-radius: 14px;border-bottom-right-radius: 0;}

	#support_widget a {min-width: 46px;height: 46px;line-height: 46px;padding-left: 45px;}
	#support_widget a:before {left: 11px;}

	#support_widget .toggle {padding-right: 25px; }
	#support_widget .toggle a {line-height: 48px;height: 48px;/* padding-right: 40px; */pointer-events: none;}
	
	
	#support_widget .menu {height: 194px;/* max-width: 180px; */padding: 4px 0 6px;min-width: 46px;}

	#support_widget.min a {min-width: 48px;}
	
	#support_widget.min .toggle {padding: 0;}
	#support_widget.min .toggle a {}
	#support_widget.min .toggle b:before {content: none;}
}






#floating_agreement {position: fixed;z-index: 600;bottom: 0;left: 0;right: 0;background: rgba(43, 44, 48, 0.95);font-size: 14px;color: #87979a; line-height: 34px; -webkit-transform: translateZ(0);}

#floating_agreement .block_m {padding: 26px 10px;padding-left: 65px;position: relative;display: flex;flex-flow: row;}
#floating_agreement .block_m:before {content: "";display: block;width: 40px;height: 36px;position: absolute;left: 10px;top: 28px;/* top: 50%; *//* margin-top: -18px; */background: url(../i/common.svg?v=3) -178px -389px no-repeat;}

#floating_agreement .content a {color: #fff; text-decoration: none; }
#floating_agreement .content a:hover {color: #bfac73; text-decoration: underline; }

#floating_agreement p {display: inline-block;margin: 0;line-height: 17px;vertical-align: middle;}
#floating_agreement .content {}
#floating_agreement .buttons {margin-left: 10px;flex-shrink: 0;}
#floating_agreement .button {display: inline-block;padding: 0 20px;height: 34px;line-height: 34px;cursor: pointer;border-radius: 17px;background: rgba(255, 255, 255, 0.07);color: #fff;text-decoration: none;}
#floating_agreement .button + .button {margin-left: 4px;}
#floating_agreement .button:hover {text-decoration: none; background: rgba(255, 255, 255, 0.17); }

#floating_agreement .button.ok {background-image: linear-gradient(to top, #847138 0%, #a69359 100%);}
#floating_agreement .button.ok:hover {background-image: linear-gradient(to top, rgba(132, 113, 56, 0.85) 0%, rgba(166, 147, 89, 0.85) 100%);}

@media only screen and (max-width: 679px) {
	#floating_agreement .block_m {padding-top: 20px; padding-bottom: 20px; display: block;}
	#floating_agreement .content {line-height: 18px;margin: 0 auto 20px;}
	#floating_agreement p {line-height: 18px;}
	#floating_agreement .buttons {clear: both;text-align: left;margin-left: 0;}
}