@charset "UTF-8";
/* CSS Document */


video {
	position: relative;
	
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: 100%;
  /* Make video to at least 100% wide and tall */
  	min-width: 100%; 
	max-height: 100%;
  
	object-fit: cover;
  	/* Center the video */
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%,-50%);
	object-position: center center;
}

/* ===================================================================================================================== */


.modulBgVideo{
	position:absolute;
	margin: 0;
	padding: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
}

/* ===================================================================================================================== */


.modulContentBgVideo{
	position:absolute;
	margin: 0;
	padding: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
}



/* ===================================================================================================================== */


.modulContainer{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height:auto;
	padding: 0px;
}

/* ===================================================================================================================== */


.modulContentContainer {
	position: relative;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

/* ===================================================================================================================== */


.addUserInfoContainer{
		position: relative;
		margin:0;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		height: auto;
		overflow: hidden;
}

/* ===================================================================================================================== */


.addUserBlock {
	position: relative;
	max-width: 100%;
	height: auto;
	padding: 0px;
	margin: 0;
	background-color: transparent;
	margin-top: 2vw;
	
}


.addUserBlock input{
	width: 100%;
	min-height: calc(2vw + 20px); 
	background-color:rgba(100,100,100,0.2);
   	padding: 15px;
	padding-left: 20px;
	border: 0px solid #fff;
	border-radius:30px;
  	outline-style: none;
  	box-shadow: none;
}

/* ===================================================================================================================== */

.contentTextWrap{
	padding: 3vw !important;
	
}

/* ===================================================================================================================== */

.addUserGrid {
	position: relative;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
  	display: grid;
  	grid-template-columns:40% auto;
 	grid-template-rows:auto;
	grid-gap: 3vw;
}

.addUserGrid .item{
	height: 100%;
	max-width: 100%;
}

/* ===================================================================================================================== */


.addUserGrid .sticky-content{
	height:  auto;
	max-width: 100%;
	position: -webkit-sticky;
    position: sticky;
    top: 5vw;
}


/* ===================================================================================================================== */


.addTeamInfoGrid{
		position: relative;
		z-index: 1;
		margin:0;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		height: auto;
		padding: 3vw;
		display: grid;
		grid-template-columns:100%;
		grid-template-rows: auto;
		grid-gap:2vw;
	 }


.addTeamInfoGrid .item {
		position: relative;
		max-width: 100%;
		height:auto;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		
	 }


/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 956px) {


/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

@media screen and (max-width: 720px) {
	
.contentTextWrap{
	padding: 5vw !important;
}
	
/* ===================================================================================================================== */

	
.addUserBlock {
	margin-top: 2vw;
	margin-bottom: 3vw;
	
}
	
/* ===================================================================================================================== */

	
.addUserGrid {
  	grid-template-columns: 100%;
	grid-gap: 10vw;
}

.addUserGrid .sticky-content{
    position: relative;
    top: auto;
}
	
/* ===================================================================================================================== */

	
.addTeamInfoContainer{
		margin-bottom: 10vw;
	}
	
/* ===================================================================================================================== */

	
.addTeamInfoGrid{
		padding: 5vw;
		grid-column-gap: 3vw;
	}
	

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
	
}