/*body.pwa_use{padding-top: 85px;}
body.pwa_use--login .header,body.pwa_use--login .main__container{margin-top: 85px;}*/
/**/
.wrap_app_banner{font-family: 'MyriadPro-Regular', sans-serif;}
.wrap_app_banner,.wrap_app_banner.block__top{height: 85px;min-width: 320px;margin: 20px auto 0;text-align: center;top: 0;width: 100%;background: #efefef;z-index: 100000;overflow: hidden;max-width: 100%;border-radius:var(--border-radius-midle);}

.app_banner_wrap{display: flex;flex-wrap:wrap;justify-content:space-between;width: calc(100% - 50px);height: 63px;padding: 10px 0px 10px 5px;margin:0 auto;text-align: left;background: #efefef;position: relative;border-radius: 4px;}
.app_banner_text, .app_banner_text--safari {width:calc(100% - 350px);font-size: 16px;padding: 0;overflow: hidden;text-overflow: ellipsis;color: #4C4C4C;text-align: left;height: 100%;max-width: 400px;padding-top: 8px;}
.app_banner_text b{font-family: 'MyriadPro-Bold', sans-serif;font-weight: bold;font-size: 16px;}
.app_banner_img{float:left;height:45px;margin:8px 3px 8px 10px;}
.app_banner_img--mobile{display: none;}
.app_banner_button{float:right;}
.app_banner_button{height: 70px;line-height: 60px;}
.app_banner_button a,.pwa_popup--link a{
	display: inline-block;padding:10px 20px;text-decoration: none;font-size: 14px;background: var(--bg-color1);height: 18px;
	line-height: 18px;vertical-align: middle;color: #fff;margin-top: 15px;
	font-family: 'MyriadPro-Bold', sans-serif;font-weight: bold; width: auto; height: auto; 
	text-align: center; vertical-align: middle; display: flex; flex-wrap: wrap; justify-content: center; 
	align-items: center; font-size: 24px; border-radius: var(--border-radius-big); }
.app_banner_button a:hover,.pwa_popup--link a:hover{opacity: 0.8;}	
.app_banner_close{opacity:1;width:14px;height: 14px;display: block;background: none;position: absolute;
  right:-15px;top:5px;margin-top:-4px;cursor: pointer;z-index: 10;padding: 1px;}


body[class*="class-chats"] #pwa_banner_block{
    display: none !important;
}
  /**/
  .pwa_popup{font-family: 'MyriadPro-Regular', sans-serif; width: 320px; border-radius: 20px; padding: 30px; text-align: center;cursor: default !important;}
.pwa_popup--content--text h1{color: #7696FD; font-size: 26px; margin:10px 0; font-weight: bold; margin-bottom: 20px; }
.pwa_popup--content--text--safari h1{color: #7696FD; font-size: 26px; margin:10px 0; font-weight: bold; margin-bottom: 20px; }
.pwa_popup--content--text p{color: #2F2F2F;font-size: 18px;}
.pwa_popup--content--text--safari p{color: #2F2F2F;font-size: 18px;}
.pwa_popup--link{color: #8D8D8D;font-size: 12px;margin-top: 20px;}
.pwa_popup--link a{text-decoration: none;border:none;outline: none;}
.pwa_popup .fancybox-button svg{color: #D0D4DD;}
/**/
.pwa_popup2{font-family: 'MyriadPro-Regular', sans-serif; width: 320px; border-radius: 20px; padding: 15px; text-align: center; }
.pwa_popup2--head{display: flex;flex-wrap: wrap;}
.pwa_popup2--head h1{line-height: 32px;font-weight: 18px;color: #7696FD;font-family: 'MyriadPro-Bold', sans-serif;font-weight: 600;}
.pwa_popup2--head img{width: 32px;height: 32px;margin-right: 20px;}
.pwa_popup2--content--text h1{color: #7696FD; font-size: 26px; margin:10px 0; font-weight: bold; margin-bottom: 20px; }
.pwa_popup2--content--text p{color: #2F2F2F;}
.pwa_popup2--link{color: #8D8D8D;font-size: 12px;margin-top: 20px;}
.pwa_popup2--link a{text-decoration: none;border:none;outline: none;}
.pwa_popup2 .fancybox-button svg{color: #D0D4DD;}
.pwa_popup2 .pwa_popup--content--text{text-align: left;} 
.pwa_popup--small_text{color: #8D8D8D;font-size: 12px;margin:15px 0;}
.pwa_popup--btns{margin-top:15px;display: flex;justify-content: space-between;}
.pwa_popup--btns a{text-decoration: none !important;display: inline-block;font-size: 16px;border-radius: 30px;background: #FF5790;color: #fff;padding: 5px 20px;border:none !important;outline: none !important;}
.pwa_popup--btns a:nth-child(even){background: #7696FD;}
.pwa_popup--content--footer .pwa_popup--link a{max-width: 210px;margin: 0 auto;padding-top:20px;padding-bottom: 20px;}
.app_banner_button--safari{display: flex;align-items: center;}
.app_banner_button--safari span{display: inline;margin: 0 8px;}
.app_banner_button--safari a{cursor: text !important;}
body:not(.safari_browser) .app_banner_button--safari{display: none !important;}
body.safari_browser .app_banner_button,body.safari_browser .pwa_popup--link{display: none !important;}
.pwa_popup--content--footer .app_banner_button--safari{justify-content: center;margin-top: 20px;}
@media screen and (max-width:1180px) {
	.app_banner_img{display: none}
	.app_banner_img--mobile{display: inline-block;}
}
@media screen and (max-width:800px) {
	.app_banner_text, .app_banner_text--safari {font-size: 16px;overflow: visible;padding-top: 0;}
}

@media screen and (max-width:650px) {
	.app_banner_text, .app_banner_text--safari{width: calc(100% - 250px);text-align: left;}
	.app_banner_button a{font-size: 18px;}
}

@media screen and (max-width:550px) {
	.app_banner_text, .app_banner_text--safari{font-size: 14px;width: calc(100% - 200px);}
	.app_banner_button a{font-size: 16px;}
	.app_banner_wrap{width: calc(100% - 10px);}
	.app_banner_close{right: -5px;}
	.app_banner_img{height: 35px;margin: 8px 3px 8px 0px;}
}

@media screen and (max-width:450px) {
	.app_banner_text, .app_banner_text--safari {font-size: 12px;}
	.app_banner_button--safari{flex-direction: column;position: relative;top: 7px;right: 5px;}
}

@media screen and (max-width:380px) {
	.app_banner_text, .app_banner_text--safari {font-size: 12px;width: calc(100% - 160px);}
	.app_banner_button a{font-size: 12px;padding: 5px 10px;}
}

body:not(.safari_browser) .app_banner_text--safari{display: none !important;}
body:not(.safari_browser) .pwa_popup--content--text--safari{display: none !important;}
body.safari_browser .app_banner_text{display: none !important;}
body.safari_browser .pwa_popup--content--text{display: none !important;}