* {
  box-sizing: border-box;
}

:root{
	--safe-top 		: env(safe-area-inset-top);
	--safe-bottom 	: env(safe-area-inset-bottom); 
}

html{
	font-size:10px;
	/* safari update */
	min-height: calc(100% + env(safe-area-inset-top));
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);	
	display:block;
	height: -moz-fill-available;
	height: -webkit-fill-available;
	height: 100%;	
}


body{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:relative;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	line-height:135%;
	margin:0;
	padding:0;
	background-color:#0C141A;
	color:#ffffff;
	height:100%;
	min-height: -moz-fill-available;
	min-height: -webkit-fill-available;
	background: linear-gradient(#4987B6, #03131F);
	/*
	min-height:calc(100% + env(safe-area-inset-top));*/
}




/* global */

h1{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size:3rem;
	font-weight:100;
	line-height:135%;
	margin:0 0 3rem 0;
	padding:0;
}

h3{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size:2rem;
	line-height:135%;
	margin:4rem 0 1rem 0 ;
	padding:0;
}


a{
	display:inline-block;
	position:relative;
	color:rgba(41,77,126,1.00);
	text-decoration:underline;
	text-decoration-color:rgba(41,77,126,0.2);
	text-decoration-style:dashed;
}

.ajaxSpinner{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:1rem;
	background-color:red;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="number"],
input[type="datetime"],
input[type="submit"],
input[type="datetime-local"],
select,
textarea{
	display:block;
	position: relative;
	padding:0.5rem;
	font-size:1.6rem;
	line-height:100%;
	border:#b0b0b0 solid 1px;
	border-radius:0.5rem;
	width:100%;
	background-color: white;
}

.form-error input[type="text"],
.form-error input[type="email"],
.form-error input[type="date"],
.form-error input[type="time"],
.form-error input[type="number"],
.form-error input[type="datetime"],
.form-error input[type="datetime-local"],
.form-error select,
.form-error textarea{
	border:#B00000 solid 1px;
}


.qrResponceForm__text{
	min-height:10rem;
}

.button,
input[type="button"],
input[type="submit"]{
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 1.2rem 2rem 1rem 1rem;
    line-height: 100%;
    background-color: #202020;
    color: #ffffff;
    margin-top: 2.5rem;
	text-align:center;
}
	
	

label{
	display:block;
	color:#303030;
	font-weight:300;
	font-size:1.4rem;
	line-height:100%;
	margin-bottom:0.5rem;
}


input[disabled]{
	background-color:#f0f0f0;
}

.form-item{
	margin:0 0 1rem 0;
}

.adminPage__error{
	color: #cc0000;
    font-weight: 400;
}


/* form */
/*select{
	border-radius:0.5rem;
	border-color:#a0a0a0;
	font-size:1.4rem;
	color:#303030;
	font-weight:300;
}


select:active,
select:hover,
select:focus,
select:focus-visible{
	border-color:#a0a0a0;
}

*/



/**/

.queryMarker{
	display:flex;
	position:fixed;
	z-index:10000;
	width:5px;
	height:5px;
	right:3px;
	top:3px;
	background-color:#c0f0FF;
	border-radius:50%;
	opacity:0;
	transition: ease 100ms; 
}

.queryMarker.active{
	opacity:1;
}


/**/
.design__men{
    display: block;
    position: fixed;
    left: 10vw;
    top: 5vh;
    width: 100vw;
    height: 95vh;
	background-image:url('../images/men2_opt.svg');
	background-position:right top;
	background-repeat:no-repeat;
	background-size:60%;
	mix-blend-mode: soft-light;
	opacity:0.1;
	z-index: -1;
	transition: ease 400ms;
}

/**/
.master{
	display:flex;
	flex-direction:column;
	height:100%;
	width:100%;
	position:relative;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	
}

.mainWrapper{
	display:flex;
	position:relative;
	flex-direction:row;
	align-items:flex-start;
	align-content:flex-start;
	height:calc(100% - 8rem);
	width: 100%;	
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	overflow:hidden
}


.mainWrapper_promo{
	height:100%;
}

.slider_frm{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	min-width:0;
	max-width:none;
	min-height:100%;
	max-height:100%;
	left:0;		
	top:0;
	margin:0;
	padding:0;
	z-index:90;
	transition:ease-in-out 100ms;
}


.frame{
	display:flex;
	position:absolute;
	flex-direction:column;
	width:100%;
	height:100%;
	min-width:100%;
	min-height:100%;
	max-width:100%;
	max-height:100%;		
	top:0;
	margin:0;
	padding:0;
	justify-content:flex-start;;
	align-items:flex-start;
	align-content:flex-start;
	z-index:100;
}

.frame .qrBtn__text{
	max-width:100%;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 1.1rem; 
}

.frame#expert_guide .qrBtn__text{
	
}

.frame#qr_experts .qrBtn__text{
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}




.frame__odmen{
    display: block;
    position: relative;
    flex-direction: column;
    width: 100%;
    /* height: 100%; */
    /* min-width: 100%; */
    /* min-height: 100%; */
    /* max-width: 100%; */
    /* max-height: 100%; */
    top: 0;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    z-index: 100;
    overflow-y: scroll;
}



/**/
.teamPage__wrapper{
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
}


.teamPage__top{
	display:flex;
	flex-direction:column;
	width:100%;
	margin-top:11rem;
}

.teamPage__content{
	display:flex;
	flex-direction:column;
	width:100%;
	height:auto;
	justify-content:flex-start;
	align-items:flex-start;
	padding:0 3rem;
	overflow-y:scroll;
}

.statTeam,
.statTeam__frozen,
.statTeamTitle,
.statTeamPoints,
.statTeamMembers,
.statGlobal{
	display:flex;
	flex-direction:column;
	height:auto;
	justify-content:flex-start;
	align-items:flex-start;
	width:100%;	
}

.statTeam__frozen{
	margin-top:3rem;
}

.statGlobal{
	margin-top:3rem;
}

.statTeamTitle{
	font-size:1.3rem;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:0.1rem;;
	line-height:100%;
}

.statGlobalTitle{
	font-size:1.3rem;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:0.1rem;;
	line-height:100%;
	margin:0 0 2rem 0;
}

.statTeam__frozen .statTeamTitle{
	margin:0 0 2rem 0;
	width:100%:
}

.statTeam__frozen .statTeamMembers__itemRight{
	opacity:0.1;
}

.statTeamPoints{
	font-size:1.3rem;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:1rem;
	color:RGBA(255,255,255,0.4);
}

.statTeamBubble{
	display:block;
	width:32px;
	height:32px;
	border-radius:50px;
}

.statTeamBubble.striped{
	background-image:url('../images/stripes.png');
	background-position:center;
	background-repeat:no-repeat;
}


.statTeamMembers__item{
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:flex-start;
	padding:0.5rem;
	background-color:RGBA(0,0,0,0.7);
	min-height:6rem;
	height:6rem;
	border-radius:1rem; 
	width:100%;
	margin-bottom:1.2rem;
}


.statTeamMembers__itemLeft{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:4.8rem;
	height:6rem;
	flex-grow:0;
	margin-right:1rem;
	margin-left:0.5rem;
}

.statTeamMembers__itemCenter{
	display:flex;
	align-items: flex-start;
	justify-content:center;
	flex-direction:column;
	height:5.6rem;
	flex-grow:1;
	font-size:1.4rem;
	font-weight:300;
}

.statTeamMembers__isCap{
	display: inline-block;
    background-color: #CF6D17;
    color: #ffffff;
    margin: 0;
    padding: 2px;
    line-height: 100%;
    font-size: 0.9rem;
    position: relative;
    top: -1px;
}



.statTeamMembers__itemName{
	font-size:1.4rem; 
	font-weight:300;
	line-height:120%;	
}

.statTeamMembers__itemDescription{
	display:block;
	font-size:11px;
	color:RGBA(255,255,255,0.4);
	line-height:100%;
	padding:2px 10px 0 0;
}

.statTeamMembers__image{
	display:block;
	position:relative;
	width:4.8rem;
	height:4.8rem;
	border-radius:50%;
	object-fit:cover;
}



/* QR_reader */
.QR_reader{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	position:absolute;
	right:3rem;
	top:4rem;
	width:4.8rem;
	height:4.8rem;
	background-color:#000000;
	border-radius:1rem;
	z-index:90;
	border:#78AFDA solid 1px;
	cursor:pointer;
}


.baApp__bottomLine{
    display: flex;
    position: relative;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #070D11;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 125%;
    font-weight: 300;
    height: -moz-available;
    height: -webkit-fill-available;
    height: stretch;
    width: calc(100vw - 5rem);
    left: 0;
    padding: 10px;
	max-height:40px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

/* QR_reader */
.mainMenu{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	position:absolute;
	left:3rem;
	top:4rem;
	width:4.8rem;
	height:4.8rem;
	background-color:#000000;
	border-radius:1rem;
	z-index:90;
	border:#78AFDA solid 1px;
	cursor:pointer;
}

.mainMenu__back{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	position:absolute;
	left:3rem;
	top:4rem;
	width:4.8rem;
	height:4.8rem;
	background-color:#000000;
	border-radius:1rem;
	z-index:90;
	border:#78AFDA solid 1px;
	cursor:pointer;
}



/**/
.navion{
	display:flex;
	position:relative;
	height: 8rem;
	width: calc(100% - 2rem);
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;
	padding:0 1rem;
	justify-content:space-between;
}


.navion__itm{
	display:flex;
	flex-direction:column;
	justify-content: center;
	flex-grow:0.25;
	align-items:center;
	align-content:stretch;;
	height:100%;
	width:auto;
}


.navion__itmLink{
	display:block;
	text-decoration:none;
	outline:none;
}

.design{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}

.design__clouds{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 50vh;
	background-image:url('../images/clouds.svg');
	background-position: -19rem -7rem;
 	background-size: 63rem;
	background-repeat:no-repeat;
	z-index:0;
}





/* Space test */


.frSelectPanel{
	display:flex;
	flex-direction:column;
	justify-content:flex-start; 
	align-items: flex-start;
	align-content:center;
	font-size:1.5rem;
	line-height:100%;
	width:calc(100vw - 4rem);
	z-index:10;
	padding:1rem;
	margin:0 2rem 2rem 2rem;
	background-color:#0C202F;
	border:#4D6479 solid 1px;
	border-radius:1.5rem;
	overflow:hidden;
}

.frOperator{
	display:flex;
	flex-direction:column;
	justify-content:flex-start; 
	align-items: flex-start;
	align-content:center;
	font-size:1.5rem;
	line-height:100%;
	width:calc(100% - 4rem);
	z-index:10;
	padding:1rem;
	margin:2rem;
	background-color:#0C202F;
	border:#4D6479 solid 1px;
	border-radius:1.5rem;
	overflow:hidden;
}

.frPosition{
	display:flex;
	flex-direction:column;
	justify-content:flex-start; 
	align-items: flex-start;
	align-content:center;
	font-size:1.5rem;
	line-height:100%;
	width:calc(100% - 4rem);
	z-index:10;
	padding:1rem;
	margin:0 2rem 2rem  2rem;
	background-color:#0C202F;
	border:#4D6479 solid 1px;
	border-radius:2rem;
	overflow:hidden;
}

.frPosition__cell{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	align-content:flex-start;
	padding:1rem 1rem 0 1rem;
	font-weight:300;
	flex-grow:1;
	font-size:1.6rem;
}

.frPosition__cell:last-child{
	margin-bottom:1.5rem;
}

.frPosition__term{
	display:flex;
	position:relative;
	width:20rem;
	min-width:20rem;
	max-width:20rem;
}

.frPosition__title{
	display:flex;
	position:relative;
	font-size:1.8rem;
	width:100%;
	font-weight:400;
	margin-top:1rem;
}

.frPosition__title:first-child{
	margin-top:0;
}

.frPosition__net.hidden{
	display:none;
}



.button__default{
    display: block;
    position: relative;
    padding: 2rem;
    background-color: #0880d5;
    border: #4c90d7 solid 1px;
    margin: 0 2rem;
    border-radius: 1rem;
    color: #ffffff;
    font-size: 1.8rem;
    text-transform: uppercase;
    line-height: 100%;
    text-decoration: none;
    text-align: center;
    box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.2);
	transition:ease 100ms;
}


.button__default:active{
    background-color: #F3C814;
}







.frErrors{
 	display:flex;
	flex-direction:column;
	justify-content:flex-start; 
	align-items: flex-start;
	align-content:center;
	font-size:1.2rem;
	line-height:100%;
	width:calc(100vw - 4rem);
	z-index:10;
	padding:1rem;
	margin:0 2rem 2rem  2rem;
	background-color:#0C202F;
	border:#4D6479 solid 1px;
	border-radius:1.5rem;
	max-height:10rem;
	overflow:hidden;
	color:#c0c0c0;
} 

.frErrors.hidden{
	display:none;
}


/* points */
.statMyPoints{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	font-weight:300;
	text-transform:uppercase;
}

.statMyPoints__title{
	font-size:1.2rem;
	margin-bottom:1rem;
	line-height: 110%;
	text-align: center;
}

.statMyPoints__value{
	display:flex;
	flex-direction:row;
	justify-content:center;
	font-size:10rem;
	margin-bottom:1rem;
	line-height: 74%;
	font-weight:100;
	letter-spacing:-0.05em;
	width:auto;
	text-align:center;
	font-kerning: auto;
	
}

.statMyPoints__sub{
	font-size:2.2rem;
	margin-bottom:1rem;
	border-top:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	line-height: 100%;
	width:100%;
	padding: 5px;
	text-align:center;

}

.statMyPoints__posotion{
	font-size:1rem;
	line-height: 100%;
}



/* calendar */
.calendarPage__wrapper{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	justify-content:center; 
	width:100%;
	height:100%;
	padding-top:4rem;
}

.calendarPage__top{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	justify-content:center; 
	width:100%;
	/*height:60%;
	min-height:60%;
	max-height:60%;*/
	flex-grow:1;
}


.calendarPage__bottom{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	justify-content:center; 
	width:100%;
	/*height:40%;*/
	min-height:40%;
	/*max-height:40%;*/
}

.calendarPage__buttons{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	justify-content:center; 
	width:100%;
	flex-wrap:wrap;
}


.calendarBtn__wrapper{
	display:flex;
	position:relative;
	justify-content:center;
	flex-direction:column;
	width:25vw;
	min-width:25vw;
	max-width:25vw;
	height:25vw;
	min-height:25vw;
	max-height:25vw;
	border:#4C668C solid 1px;
	background-color:rgba(3,10,22,0.8);
	border-radius:1.1rem;
	align-content:center;
	align-items:center;
	font-size:0.9rem;
	text-transform:uppercase;
	font-weight:300;
	line-height:115%;
	margin:0.5rem 0.6rem;
	padding:0;
	overflow:hidden;
}

.calendarBtn__icon{
	display:flex;
	flex-direction:column;
	position:relative;
	width:5rem;
	height:5rem;
	min-width:5rem;
	min-height:5rem;
	max-width:5rem;
	max-height:5rem;
	align-items:center;
	justify-content:center;		
}

.calendarBtn__text{
	display: block;
    position: relative;
    text-align: center;
    padding: 0.3rem 0 0 0;
    font-size: 1.1rem;
    line-height: 110%;
}


.calendarBtn__time{
	display:block;
	position:relative;
	text-align:center;
	padding:0.3rem 0 0 0;
	font-size:1.0rem;
	color:#4C8C83;
}

.calendarBtn__text .fbCalendar__xxs{
	font-size:0.9rem;
	word-break: break-all;
}


.calendarBtn__wrapper.finished{
	opacity: 0.2;
    filter: blur(.5px) grayscale(80%);
}


.calendarBtn__wrapper.now .calendarBtn__time{
	color:#CB3A05;
}

.calendarBtn__wrapper.finished .calendarBtn__time{
	color:#c0c0c0;
}

.calendarModal__wrapper{
	display:block;
	position:relative;
	width:100%;
}

.calendarModal__title{
	display:flex;
	flex-direction:column;
	position:relative;
	font-size:2.2rem;
	font-weight:300;
	line-height:100%;
	margin-bottom:1.5rem;
	margin-top:1.5rem;
	text-transform:uppercase;
	color:#000000;
	padding: 2rem;
}

.calendarModal__content{
	display:block;
	position:relative;
	font-size:1.6rem;
	line-height:145%;
	color:#000000;
	margin-bottom:2rem;
	padding: 0 2rem 2rem 2rem;
}

.calendarModal__content ul {
	padding-left:1.5rem;
}

.calendarModal__image{
	display:flex;
	position:relative;
	left:-1rem;
	top:-1rem;
	width:calc(100vw - 5rem);
	height:calc(100vw - 6rem);
	object-fit:contain;
	flex-direction:column;
	border-radius:1.5rem 1.5rem 0 0;
}


.calendarModal__noImage{
	display:flex;
	position:relative;
	left:0;
	top:0;
	width:calc(100vw - 5rem);
	height:auto;
	object-fit:contain;
	flex-direction:column;
	border-radius:1.5rem 1.5rem 0 0;
}

.calendarModal__image64{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:1.5rem 1.5rem 0 0;
}

.calendarModal__desctiption{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	background-color:RGBA(28,59,86,0.9);
	padding:2rem;
	color:#ffffff;
	width:70%;
}
 
.calendarModal__noImage .calendarModal__desctiption{
	position:relative;
	bottom:auto;
}

.calendarModal__times{
	display:flex;
	width:100%;
	font-weight:300;
	font-size:2.5rem;
	margin:0 0 0.5rem 0;
}

.calendarModal__status{
	font-size:1.6rem;
	font-weight:300;
	text-transform:uppercase; 
}


.calendarModal__wrapper.fbScrollActive {
    display: block;
    position: relative;
    width: calc(100vw - 5rem);
    margin:0;
    padding: 0;
	overflow-y: scroll;
}


.calendarModal__wrapper.fbScrollActive  .calendarModal__image{
	position:absolute;
	left:0;
	top:0;
}

.calendarModal__wrapper.fbScrollActive   .calendarModal__title{
	margin-top:calc(100vw - 5rem);
}


.calendarModal__wrapper.fbScrollActive  .calendarModal__noImage + .calendarModal__title{
	margin-top:0;
}


.calendarModal__geo{
	display:flex;
	flex-direction:column;
	width:100%;
	font-size:1.2rem;
	font-weight:300;
	text-transform:uppercase;
	color:#101010;
	padding:0 2rem 4rem 2rem;
}

.calendarModal__geoText{
	padding:0 2rem;
}

.miniMap__wrapper{
	display:block;
	position:relative;
	width:calc(100vw - 9rem);
	height:calc(100vw - 9rem);
	overflow:hidden;
	border: #808080 solid 1px;
}

.miniMap__pointer{
	display:block;
	position:absolute;
	left:calc(50% - 5px);
	top:calc(50% - 5px);
	width:10px;
	height:10px;
	background-color:#8F0C0E;
	z-index:100;
	border-radius:50%;
}

.miniMap__map{
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}


/* modal */


/* qr list panel */
.qrPage__top{
	margin-top:11rem;
}

.qrPage__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.qrBtn__wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
  height: 25vw;
  min-height: 25vw;
  max-height: 25vw;
  border: #4C668C solid 1px;
  background-color: rgba(3,10,22,0.8);
  border-radius: 1.1rem;
  align-content: center;
  align-items: center;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 100%;
  margin: 1rem;
  padding: 0;
 /* overflow: hidden;*/
}

.qrBtn__icon{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:relative;
	width:calc(100% - 1rem);
	max-width:calc(100% - 1rem);
	max-height:3.6rem;
	margin: 0 auto 5px auto;
    text-align: center;	
		
}

.qrBtn__text {
	display: flex;
    position: relative;
    text-align: center;
    padding: 0.3rem 0 0 0;
    font-size: 1.3rem;
    min-height: 3.2rem;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	padding: 0 5px;
}

.qrBtn__markup{
	display: block;
    position: absolute;
    height: auto;
    /*background-color: #c00000;*/
    bottom: -0.7em;
    padding: 3px 5px 2px 5px;
    margin: 0;
    text-align: center;
    border-radius: 10px;
    width: 40px;
	color:#000000;
	line-height:100%;
}

.qrBtn__mode_0 .qrBtn__markup{
	display:none;
}

.qrBtn__mode_1 .qrBtn__markup{
	background-color: #5C7D9A;
}

.qrBtn__mode_2 .qrBtn__markup{
	background-color: #BEBEBE;
}

.qrBtn__mode_3 .qrBtn__markup{
	background-color: #DBC476;
}


.qrPage__wrapper{
	display:block;
	position:relative;
	width: 100%;	
	width: -moz-available;
	width: -webkit-fill-available;
    height: 100%;
}

.qrPage__wrapper.scroll{
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-width: thin;
}


.qrPage__content{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin:1rem;
	padding:0;
	align-items:flex-start;
	align-content:flex-start;
	width:calc(100% - 2rem);
}


#baApp__modalQRContent{
	display:block;
	width: calc(100vw - 5rem);
	height: calc(100vw - 5rem);
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
	margin:-2.5rem 0 0 -2.5rem;
	border-radius:15px 15px 0 0;
}

.fbQrModalBody #baApp__modalQRContent{
	margin:0;
	padding:0;
	border-radius:15px 15px 0 0;
}


/* QR */
.qrModal__image{
	display: block;
    width: calc(100vw - 5rem);
    height: calc(100vw - 5rem);
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
    margin: -2.5rem 0 0 -2.5rem;	
}

.qrModal__image64{
	display: block;
    width: calc(100vw - 5rem);
    height: calc(100vw - 5rem);
    object-fit: cover;
    /*overflow-clip-margin: content-box;*/
    overflow: clip;
    margin: 0;
	padding:0;	
	border-radius: 15px 15px 0 0;
}



/**/
.fbPreloader__wrapper{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	z-index: 1000;
}

.fbPreloader__wrapper.active{
	display:block;
}

.fbPreloader__back{
	display:flex;
	position:fixed;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	overflow:hidden;
	background-color:RGBA(0,0,0,0.8);
	z-index:1000;
}

.fbPreloader{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:relative;
	width:80vw;
	height:40vh;
	background-color:#E7E7E7;
	border-radius:1rem;
	border:#ffffff solid 1px;
	padding:2rem;
}


.fbPreloaderTitle{
	display:block;
	position:relative;
	font-size:2.4rem;
	font-weight:300;
	color:#000000;
}


.fbPreloaderBody{
	display:block;
	position:relative;
	font-size:1.6rem;
	font-weight:300;
	color:#000000;
}



.fbPreloader__progress{
	display:block;
	position:relative;
	width:100%;
	height:3rem;
	border:#c0c0c0 solid 1px;
	
}

.fbPreloader__indicator{
	display:block;
	position:absolute;
	left:2px;
	top:2px;
	width:50%;
	height:calc(100% - 4px);
	background: linear-gradient(to right, #03131f 0%,#3297e5 100%);	
}

.fbPreloader__percentage{
	display:block;
	position:absolute;
	left:2px;
	top:-100%;
	width:100%;
	height:100%;
	color:#000000;
	font-size:2rem;
	font-weight:300;
	text-align:center;
}


.qr_content__image,
.qr_content__video{
	display: block;
    width: calc(100vw - 5rem);
    height: calc(100vw - 5rem);
    object-fit: cover;
    /* overflow-clip-margin: content-box; */
    overflow: clip;
    margin: 0;
    padding: 0;
}



/* main menu */
.fbMenu__back{
	display:flex;
	position:fixed;
	z-index:2000;
	left:-110vw;
	top:0;
	width:100vw;
	height:100vh;
	background-color:RGBA(0,0,0,0.9);
	transition:ease-in-out 150ms;
	opacity:0;
}


.fbMenu__back.visible{
	top:0;
	left:0;
	opacity:1;
	
}

.fbMenu{
	display:block;
	position:fixed;
	left:-100vw;
	top:1vh;
	width:96vw;
	height:98vh;
	background-color:#05263D;
	transition:ease-in-out 150ms;
}


.fbMenu__back.visible .fbMenu{
	top:1vh;
	left:2vw;
	opacity:1;
}




.fbMenuCloseButton{
	display:block;
	position:absolute; 
	width:5.4rem;
	height:5.4rem;
	top:2rem;
	right:2rem;
}



.qrMessages__items{
	display:flex;
	flex-direction:column;
}

.qrMessages__wrapper{
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	width: -moz-available;
	width: -webkit-fill-available;
	padding:12rem 3rem 2rem 3rem;
	overflow-y: scroll
}

.qrMessages__title{
	display:block;
	position:relative;
	font-size:2rem;
	line-height:100%;
	margin-bottom:2rem;
	text-transform:uppercase;
	font-weight:300;
}


.qrMessage{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	width:100%;
	width: -moz-available;
	width: -webkit-fill-available;
	background-color:RGBA(255,255,255,0.8);
	border-radius:15px;
	border:#ffffff solid 1px;
	margin-bottom: 2rem;
	padding: 10px;
	color:#000000;
}




.qrMessage__body{
	display:block;
	position:relative;
	white-space:normal; 
	text-wrap: balance;
	width:100%;
	max-width:100%;
	word-break: break-word;
	font-size:1.7rem;
	font-weight:300;
	line-height:130%;
	padding:10px 0; 
}


.qrMessage__from{
	display:block;
	font-size:1.2rem;
	line-height:100%;
	font-weight:500;
	text-transform:uppercase;	
	margin-bottom:5px;
}

.qrMessage__to{
	display:block;
	font-size:1.2rem;
	line-height:100%;
	font-weight:300;
	text-transform:uppercase;	
	padding-bottom:10px;
	margin-bottom:4px;
	border-bottom:#ffffff dashed 1px;
}

.qrMessage__re{
	display:inline-block;
	font-weight:500;
}

.qrMessage__header{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	width:100%;
}


.qrMessage__likeButton_default{
	display:flex;
	flex-direction:column;
	width:35px;
	height:35px;
	justify-content:center;
	align-items:center;
	background-color:#ffffff;
	border-radius:8px;
	border: #c0c0c0 solid 1px;
}

.qrMessage__likeButton.active{
	background-color:#0075FF;
	border: #0075FF solid 1px;
}

.qrMessage__footer{ 
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    width:100%;
}

.qrMessage__likeButton.active svg path{
	stroke: rgb(255 255 255 / 1);
}



/* login page */
.mainWrapper_login{
	height:40vh;
	flex-grow:0;
}

.centralFrame{
	display:flex;
	position:relative;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-grow:1;
	width: 100%;
}

.userinfo{
	display:flex;
	position:relative;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	flex-grow:0;
}


.backgroundVideo__wrapper{
	display:block;
	position:relative;
	width:100vw;
	height:47vh;
}


.backgroundVideo__wrapper{
	display:block;
	position:relative;
	width:100vw;
	height:40vh;
	top:7vh;
}


.backgroundVideo__body{
	display:block;
	position:relative;
	width:100vw;
	height:40vh;
	object-fit:cover;
}


.trafaret{
	display:block;
	position:absolute;
	width:100vw;
	height:20vh;
	top:0;
	left:0;
	background-image:url('../images/trafaret_blue.svg');
	background-repeat:no-repeat;
	background-position: bottom left;
	background-size:cover; 
	
}

.master_login{
	justify-content:flex-start;
}

.QR_reader_login {
	right:auto;
	top:auto;
	position:relative;
	width: calc(100vw - 8rem);
	height:5.6rem;
	font-size:2rem;
	font-weight:100;
	text-transform:uppercase;
	background-color:#05121C;
	border:#657D91 solid 1px;
	letter-spacing:0.1em;
}



.FAQ__wrapper{
	display:flex;
	flex-direction:column;
	margin:0 0 4rem 4rem;
}


a.FAQ__item{
	display:block;
	position:relative;
	font-size:1.5rem;
	line-height:110%;
	padding:1rem 0;
	color:#FFFFFF;
	font-weight:100;
}

a.FAQ__item_static{
	display:block;
	position:relative;
	font-size:1.5rem;
	line-height:110%;
	padding:1rem 0;
	color:#FFFFFF;
	font-weight:100;
}
/* odmen */
.adminPage__wrapper{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	max-height:100%;
	overflow-y:scroll;
}

.adminPage__top{
	display:flex;
	margin-top:11rem;
	flex-grow:0;
}

.adminPage__content{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	flex-grow:1;
	position:relative;
	height:calc(100% - 11rem);
	padding:0 3rem;
	font-size:1.3rem;
	line-height:145%;
	font-weight:300;
	color:#000000;
}

.adminPage__panel{
	display:inline-flex;
	flex-direction:column;
	padding:1rem;
	margin:0 0 1.5rem 0;
	background-color: RGBA(255,255,255,0.95);
	border-radius:1rem;
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;
}

.adminPage__row{
	margin-bottom:0.5rem;
}

.adminPage__row:last-child{
	margin-bottom:00;
}


.adminPage__row_title{
	font-size:2rem;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:2rem;
}

.adminPage__alarm{
	font-weight:400;
	color:#933200;
	font-size:1.1rem;
	line-height:135%;
	margin:1rem 0;
}



/* flexdatalist custom */
.flexdatalist-results .item .item-title{
	display: block;
    font-size: 11px;
}


.teamBonusList{
	width:100%;
	font-size:11px
}

.teamBonusList th,
.teamBonusList td{
	text-align:left;
}

.teamBonusList th:last-child,
.teamBonusList td:last-child{
	text-align:right;
}







.feedPage__wrapper{
	display: flex;
    flex-direction: column;
    padding: 11rem 0 0 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
	margin:0;
	padding: 11rem 0 0 0;
	overflow-y:scroll;
}

	
.feedPage__items{
	display:flex;
	flex-direction:column;
	width:calc(100% - 6rem);
	align-items:flex-start;
	align-content:flex-start;
	justify-content:flex-start;
	padding:0;
	margin:0 3rem 2rem 3rem;
	
	
}
	

.pagesFeedItem__wrapper{
	display:flex;
	flex-direction:column;
	width:calc(100vw - 6rem);
	margin:0 0 1.5rem 0;
	padding:0;
	background-color:#ffffff;
	color:#303030;
	border-radius: 1rem;
}


.pagesFeedItem__mediaWrapper{
	display: block;
	position:relative;
	width:calc(100vw - 6rem);
	height:calc(100vw - 6rem);
	border-radius: 1rem 1rem 0 0;
}

.pagesFeedItem__image,
.pagesFeedItem__video{
	display:block;
	width:calc(100vw - 6rem);
	height:calc(100vw - 6rem);
	object-fit:cover;
	border-radius: 1rem 1rem 0 0;
}


.pagesFeedItem__title{
	font-size:1.8rem;
	font-weight:300;
	line-height:120%;
	padding: 1rem 1rem 0 1rem;
}


.pagesFeedItem__content{
	font-size:1.5rem;
	font-weight:300;
	line-height:145%;
	padding: 1rem 1rem 1.5rem 1rem;
}






	
/* install modal */
	

.bkiInstallAppPanel__wrapper{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	align-content:center;
	background-color:RGBA(0,0,0,0.85);
	z-index:1001;
}

.bkiInstallAppPanel__wrapper.visible{
	display:flex;
}


.bkiInstallAppPanel__body{
	display:flex;
	flex-direction:column;
	position:relative;
	width:90vw;
	height:80vw;
	background-color:#ffffff;
	border-radius:1rem;
	color:#000000;
	font-weight:300;
	font-size:1.6rem;
	padding:1.5rem;
}


.bkiInstallAppPanel__closeButton{
	display:flex;
	position:absolute;
	right:0rem;
	top:0rem;
	width:3.5rem;
	height:3.5rem;
	flex-direction:column;
	align-items:center;
	align-content:center;
	justify-content:center;
	cursor:pointer;
	z-index:101;
	background-color:RGBA(255,255,255,1);
	border:#ffffff solid 1px;
	border-radius: 0 15px 0 15px;
}


. bkiInstallAppPanel__buttonWrapper{
	display:block;
}


.bkiInstallAppPanel__buttonWrapper{
	text-align:center;
}



/**/
.fbMenuItems{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	padding:2rem 1rem;
}

.fbMenuItems{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	padding:8rem 1rem 2rem 1rem;
	font-size:1.7rem;
}

.fbMenuItems .fbMenuItem__title{
	display:block;
	position:relative;
	font-size:1.1rem;
	line-height:100%;
	text-transform:uppercase;
	font-weight:300;
	color:#33779C;
	padding:1rem 0;
}

.fbMenuItem{
	display:block;
	position:relative;
	width:100%;
	border-bottom:solid 1px RGBA(255,255,255,0.1);
}

.fbMenuItem + .fbMenuItem__title{
	margin-top:2rem;
}

a.fbMenuItem__link{
	display: block; 
    position: relative;
    font-size: 1.7rem;
    line-height: 110%;
    padding: 1rem 0;
    color: #FFFFFF;
    font-weight: 300;	
}



.feedLogo{
	display:block;
	position:relative;
	z-index:1000;
	width:134px;
	height:36px;
	margin:0 auto;
	top:-6rem;
}


.qrModal__content blockquote{
	display:block;
	position:relative;
	margin:1rem 0;
	padding:1.5rem;
	border-left:#c0c0c0 solid 5px;
	font-style:italic;
	font-weight:400;
}

.qrModal__content blockquote p{
	display:block;
	margin:0;
	padding:0;

}

.qrModal__content ul{
    margin: 1.5rem 0;
    padding: 0 0 0 2rem;
}

.qrModal__content ul li{
	margin:0 0 1rem 0;
	padding:0 0 0 0.5rem;
}


.mapPage__items{
	display:flex;
	position:relative;
	width:calc(100% - 3rem);
	height:calc(100vh - 17rem);
	margin: 0 1.5rem;
}



.avatarPage__getPhoto{
	display:flex;
	position:relative;
	width:60%;
	height: 380px;
	margin:0 auto;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}


.avatarPage__preview{
	display:block;
	position:relative;
	width:300px;
	height:300px;
	min-height:300px;
	border-radius:50%;
	cursor:pointer;
}


.avatarPage__previewDefault{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	position:absolute;
	left:0;
	top:0;
	width:300px;
	height:300px;
	border-radius:50%;
	background-position:center;
	background-size:cover;
	z-index:0;
	border:#ffffff solid 1px;
	background-color:#a0a0a0;
}

.avatarPage__previewImage{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:300px;
	height:300px;
	border-radius:50%;
	background-position:center;
	background-size:cover;
	z-index:1;
}


.avatarPage__getPhoto #image{
	display:block;
	position:absolute;
	left:-3000px;
	top:-3000px;
	width:1px;
	height:1px;
	opacity:0.1;
	overflow:hidden;
}

.avatarPage__getPhoto .btn{
	padding:10px 30px;
	background-color:#f5f5f5;
	border-color:#ffffff;
	color:#303030;
	cursor:pointer;
}

.avatarPage__getPhoto .btn.hidden{
	display:none;
}



.eTransmitSuccess{
	display:block;
	position:relative;
	padding:10px;
	background-color:#72B62B;
	text-align: center;
	color:#ffffff;
	font-weight:400;
	border-radius:15px;
}

.eTransmitError{
	display:block;
	position:relative;
	padding:10px;
	background-color:#E5191E;
	text-align: center;
	color:#ffffff;
	font-weight:400;
	border-radius:15px;
}




.userLog__wrapper{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	font-size:1.4rem;
	color:#404040;
	width:100%;
	height:100%;
	overflow-y:scroll;
	scrollbar-width: thin;
	scrollbar-color: #c0c0c0 #ffffff;		
}

.userLog__item{
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	padding:0.8rem 1.5rem;
	width:100%;
	border-bottom:#e0e0e0 solid 1px;
}

.userLog__day + .userLog__item{
	border-top:#e0e0e0 solid 1px;
}

.userLog__itemLeft{
	display:flex;
	position:relative;
	flex-direction:column;
	justify-content:center;
	align-items: flex-start;;
	width:6rem;
	min-width:6rem;
	max-width:6rem;
	text-align:left;
	flex-grow:0;
}

.userLog__itemCenter{
	display:flex;
	flex-direction:column;
	position:relative;
	text-align:left;
	flex-grow:1;
	font-size:1.2rem;
	line-height:110%;
}

.userLog__day{
	display:block;
	position:relative;
	font-size:2rem;
	font-weight:300;
	margin:1.5rem;
}


.userLog__header{
	display:block;
	position:relative;
	font-size:2rem;
	font-weight:400;
	margin:1.5rem 1.5rem 0 1.5rem ;
}




.messagePage__wrapper{
	display:flex;
}


.messagePage__wrapper {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	margin: 0 3rem;
	padding:5px;
	background-color:#f0f0f0;
	border-radius:15px;
}

.messagePage__wrapper .form-item {
	display:block;
	width:100%;
}

.messagePage__wrapper #message{
	height:calc(100vh - 45rem);
}

.messagePage__wrapper .form-inline{
	display:flex;
	flex-direction:column;
	margin:0;
	padding:0;
	width:100%;
}


.qrFormClassic__block{
	display:flex;
	flex-direction:column;
	line-height:145%;
	width:100%;
	color:#303030;
	margin-bottom:10px;
}


.messagePage__wrapper .inform{
	display:flex;
	flex-direction:column;
	width:100%;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
}


.messagePage__wrapper .baApp__modalInfoline {
	font-size:12px;
	background-color:#940002;
	width:100%;
	border-radius:13px;
	padding:10px;
	margin-bottom:20px;
}

.messagePage__wrapper .info-text{
	color:red;
	font-size:12px;
	line-height:100%;
	margin:0;
	padding:0;
}


.pageWarning__item{
	display:none;
}

.InForm__messageSucces{
	font-size:2rem;
	font-weight:300;
	line-height:100%;
	color:#000000;
	padding:25px 5px;
}


.qrModal__alternative{
	display: flex;
	flex-direction:column;
	width:100%;
	margin:-2rem 2rem 4rem 0;
	color:#808080;
	text-align:center
}



.messagesOldStyle__wrapper{
	display:flex;
	flex-direction:column;
	font-size:14px;
	margin:0 0 4rem 0;
	border:#c0c0c0 solid 1px;
	padding:10px;
	background-color:#f0f0f0;
}

.messagesOldStyle__head{
	display:flex;
	flex-direction:column;
}

.messagesOldStyle__likeItForm{
	cursor:pointer;
	display:inline-block;
}

.messagesOldStyle__wrapper {
	width:100%;
}




/* */
@media screen and (min-width: 900px) {
	.mainWrapper{
		max-width:640px;
		margin:0 auto;
		background-color:#203B50;
	}
	.master {
		max-width:640px;
		margin:0 auto;
		background-color:rgba(0,0,0,0.15);
		box-shadow:0 0 60px RGBA(0,0,0,0.6);
	}
	
	.frOperator,
	.frPosition{
		max-width:calc(100% - 4rem);	
	}
	
	.pagesFeedItem__wrapper,
	.pagesFeedItem__mediaWrapper{
		width:100%;
		min-width:100%;
		max-width:100%;	
		height:auto
	}
	
	.pagesFeedItem__image,
	.pagesFeedItem__video{
		width:100%;
		min-width:100%;
		max-width:100%;
		height:40rem;
		min-height:40rem;
	}
	
	.feedPage__wrapper{
		margin: 0 auto;
		scrollbar-width: thin;
		scrollbar-color: #C3D9EA #203B50;
	}
	
	.QR_reader_login{
		width:calc(100% - 4rem);
	}
	
	.trafaret,
	.backgroundVideo__wrapper,
	.backgroundVideo__body{
		width:100%;
	}
	
	.fbModal__wrapper{
		width: 720px;
		min-width: 720px;
		max-width: 720px;
		height: calc(100vh - 5rem);
		min-height: calc(100vh - 5rem);
		max-height: calc(100vh - 5rem);		
	}
	
	
	#baApp__modalQRContent {
		width: 640px;
    	height: 640px;		
	}
	
	.baApp__bottomLine{
		width:640px;
	}
	
	.design__clouds{
		height:200px;
	}
	
	.design__men{
		width:640px;
		left: calc(50% - 320px) !important;
    	top: 0;
		height: 91.5vh;
		opacity: 0.03;
	}
	
	.qrBtn__wrapper,
	.calendarBtn__wrapper{
		width: 150px;
		min-width: 150px;
		max-width: 150px;
		height: 150px;
		min-height: 150px;
		max-height: 150px;
	}
	
	.navion{
		background-color: #1A354A;
	}

	.qrPage__wrapper.scroll,
	.adminPage__wrapper,
	.qrMessages__wrapper,
	.teamPage__content{
		scrollbar-width: thin;
		scrollbar-color: #C3D9EA #203B50;		
	}
	
	.fbMenu__wrapper{
		width:640px;
	}
	.fbMenu__back.visible .fbMenu{
		left:0;
	}
	.backgroundVideo__wrapper{
		top:2rem;
	}
}