.bg-img {
	overflow-y: visible;
}

.header-m {
    background: rgba(0,0,0,.85);
    width: 100%;
	height: 12vh;
	float: none;
    color: #fff;
    position: relative;
	transform: translateX(100vw);
	-webkit-transform: -webkit-translateX(100vw);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	z-index: 2;
}

.header-m-transition {
	animation-name: header-m-tr;
	animation-duration: 800ms;
	animation-fill-mode: forwards;
}

@keyframes header-m-tr {
    from {transform: translateX(100vw);}
    to {transform: none;}
}

.hamburger-holder {
	position: absolute;
	top: 10px;
	right: 10px;
}
.hamburger-holder span {
	font-size: 7vmin;
}
.h-m-logo-holder {
	position: absolute;
	width: 30%;
	height: 100%;
	left: 35%;
	padding-top: 10px;
	padding-bottom: 10px;
    text-align: center;
}
.h-m-menu-holder {
	position: absolute;
	background: rgba(0,0,0,.85);
	transform: translateY(-100vh);
	height: 88vh;
	width: 100%;
	padding: 4vh 0;
	z-index: 1;
}
.h-m-menu-holder-transition {
	animation-name: menu-holder-tr;
	animation-duration: 450ms;
	animation-fill-mode: forwards;
}
@keyframes menu-holder-tr {
    from {transform: translateY(-100vh);}
    to {transform: none;}
}

.h-m-menu-holder .menu-item {
    color: #fff;
    text-decoration: none;
	display: inline-block;
	font-family: "segoeProLight";
	font-size: 4vh;
	letter-spacing: 3px;
	line-height: 3;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	background: transparent;
	border: none;
}
.h-m-menu-holder .menu-item:hover {
    color: #ebd800;
	text-decoration: none;
}
.h-m-menu-holder .active {
	color: #ebd800;
	font-family: "segoeProMedium";
}

.white-m {
    background: rgba(255,255,255,.8);
/*  height: 50%;    */
    width: 100%;
	float: none;
    color: #000;
	padding: 2.5%;
	position: relative;
	transform: translateX(100vw);
}

.white-m-transition {
	animation-name: white-m-tr;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes white-m-tr {
	from {transform: translateX(100vw);}
	to {transform: none;}
}

.white-m h1 {
    display: inline-block;
    font-family: "segoeProMedium";
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    font-size: 1.7em;
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 5px;
    padding-bottom: 10px;
    border-bottom: 3px solid #ebd800;
    margin-top: 0;
    letter-spacing: 3px;
}
.white-m p {
    font-family: "segoeProLight";
    color: #000;
    line-height: 1.2;
    font-size: 14px;
    font-size: 1.1em;
    margin-bottom: 10px;
}
.team-content-m {
    height: 88vh;
    width: 100%;
	float: none;
    color: #000;
	padding: 1% 2.5%;
	position: relative;
/*	transform: translateX(60vw); */
}
.team-content-m-item {
	height: 28%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	margin-top: 2%;
	margin-bottom: 2%;
}
.team-m-srdjan {
	background-image: url("/media/images/srdjan.jpg");
	transform: translateX(100vw);
}
.team-m-maja {
	background-image: url("/media/images/maja.jpg");
	transform: translateX(100vw);
}
.team-m-naledi {
	background-image: url("/media/images/naledi.jpg");
	transform: translateX(100vw);
}
.team-m-transition {
	animation-name: team-m-tr;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes team-m-tr {
	from {transform: translateX(100vw);}
	to {transform: none;}
}

.team-content-m-item .team-item-name {
	display: inline-block;
	color: #fff;
	float: right;
	width: 100%;
	position: absolute;
	bottom: 14%;
	right: 3%;
	text-align: right;
	font-family: 'segoeProMedium';
	font-size: 5vmin;
	text-shadow: 0px 0px 8px #000;
}
.team-content-m-item .team-item-position {
	display: inline-block;
	color: #fff;
	float: right;
	width: 100%;
	position: absolute;
	bottom: 4%;
	right: 3%;
	text-align: right;
	font-family: 'segoeProLight';
	font-size: 4vmin;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px #000;
}

.intro-m {
    background-image: url(/media/images/intro-mask-m.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .85;
    height: 100%;
    width: 100%;
	float: none;
	position: absolute;
/*	transform: translateY(45vh);	*/
}

.intro-m-transition {
	animation-name: intro-m-tr;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes intro-m-tr {
	from {transform: none;}
	to {transform: translateY(52vh);}
}

.enter-button-m {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
/*	padding: .6% 4.5%;	*/
	position: absolute;
	text-align: center;
	width: 40%;
	transform: translate(30vw, 24vh);
	cursor: pointer;
	opacity: 0;
}
.enter-button-m:hover {
	box-shadow: 0 0 25px rgba(255,255,255,.4);
}
.enter-button-m-active {
	-webkit-transition: opacity 2.0s ease-in;
	-moz-transition: opacity 2.0s ease-in;
	-o-transition: opacity 2.0s ease-in;
	opacity: 1;
}
.enter-button-m span {
	display: inline-block;
	color: #fff;
	font-family: 'segoeProLight';
	font-size: 2em;
	line-height: normal;
}
.enter-button-m .flip-e {
	display: inline-block;
	font-family: 'segoeProMedium';
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.header-logo-img {
	display: block;
    max-height: 100%;
    width: auto;
}
.gallery-thumbs-m-holder {
	height: 88%;
	width: 100%;
	position: relative;
/*	transform: translateX(57vw);	*/
}
.gallery-thumbs-m {
	height: 25%;
	width: 33.3333%;
	float: left;
	position: relative;
	overflow: hidden;
	opacity: 0;
}
.gallery-thumbs-active {
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	opacity: 1;
}
.gallery-thumbs-m img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  height: 100%;
  width: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.gallery-thumbs img.portrait {
  width: 100%;
  height: auto;
}

.gallery-image-m-holder {
	background: rgba(255,255,255,.8);
	height: 88%;
	width: 100%;
	position: relative;
/*	transform: translateX(30vw);	*/
}
.gallery-wrap-m {
	height: 80%;
	width: 80%;
	position: relative;
	top: 10%;
	left: 10%;
}
.gallery-controls-m {
	height: 60px;
	width: 60px;
	color: #fff;
	float: left;
	transform: none;
	cursor: pointer;
}
.gallery-image-m {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.gallery-image-m img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}

.contact-content-m {
	background: rgba(35,31,32,.85);
	width: 90%;
	float: none;
	color: #000;
	position: absolute;
	transform: translate(100vw, 3vh);
	padding: 3vmin;
}

.contact-content-m-transition {
	animation-name: contact-m-tr;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes contact-m-tr {
	from {transform: translate(100vw, 3vh);}
	to {transform: translate(5vw, 3vh);}
}


.contact-content-m .contact-text {
	width: 100%;
	float: left;
}
.contact-content-m .contact-form {
	width: 100%;
	float: left;
}
.contact-content-m .contact-form input {
	font-family: 'segoeProLight';
	font-size: .9em;
	line-height: 1;
	width: 100%;
	color: #fff;
	border: 1px solid #fff;
	background: transparent;
	margin-bottom: 2vmin;
	padding: 1vmin 2vmin;
}
.contact-content-m .contact-form textarea {
	font-family: 'segoeProLight';
	font-size: .9em;
	line-height: 1;
	width: 100%;
	color: #fff;
	border: 1px solid #fff;
	background: transparent;
	margin-bottom: 2vmin;
	padding: 1vmin 2vmin;
}
.contact-form button {
	font-family: 'segoeProLight';
	font-size: .9em;
	line-height: 1;
	color: #fff;
	border: 1px solid #fff;
	background: transparent;
	padding: 1.5vmin 2.5vmin;
	float: right;
}
.contact-content-m h1 {
    display: inline-block;
    font-family: "segoeProMedium";
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4em;
    margin-bottom: 15px;
    padding: 5px;
    padding-bottom: 15px;
    border-bottom: 3px solid #ebd800;
    margin-top: 0;
    letter-spacing: 3px;
}
.contact-content-m p {
    font-family: "segoeProLight";
    color: #fff;
    line-height: 1.2;
    font-size: 1em;
    margin-bottom: 1.5vh;
}
.contact-content-m h2 {
	font-family: "segoeProBold";
	color: #fff;
	line-height: 1.2;
	font-size: 1.2em;
	margin-bottom: .5vh;
}

.gallery-controls-holder-m {
	position: absolute;
	width: 100%;
	z-index: 1;
}

@media (orientation: landscape) {
	.team-content-m-item {
		height: 90%;
		width: 30%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
		margin: 10px;
		float: left;
	}
	.team-content-m-item .team-item-name {
    display: inline-block;
    color: #fff;
    float: right;
    width: 100%;
    position: absolute;
    bottom: 14%;
    right: 3%;
    text-align: right;
    font-family: 'segoeProMedium';
    font-size: 5vmin;
    text-shadow: 0px 0px 8px #000;
	}
	.intro-m {
	    background-image: url(/media/images/intro-mask.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		opacity: .85;
	    height: 100%;
	    width: 100%;
		float: none;
		position: absolute;
	/*	transform: translateX(67vw); */
	}

	.intro-m-transition {
		animation-name: intro-m-tr;
		animation-duration: 2s;
		animation-fill-mode: forwards;
	}
	@keyframes intro-m-tr {
		from {transform: none;}
		to {transform: translateX(67vw);}
	}

	.enter-button-m {
		display: inline-block;
		border: 1px solid #fff;
		color: #fff;
	/*	padding: .6% 4.5%;	*/
		position: absolute;
		text-align: center;
		width: 23%;
		transform: translate(5vw, 70vh);
		cursor: pointer;
		opacity: 0;
	}
	.gallery-thumbs-m {
		height: 33.3333%;
		width: 25%;
	}
	.contact-content-m .contact-text {
		width: 50%;
		float: left;
	}
	.contact-content-m .contact-form {
		width: 50%;
		float: left;
	}
	.gallery-wrap-m {
		height: 70%;
		width: 80%;
		position: relative;
		top: 15%;
		left: 10%;
	}
	.gallery-image-m img {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  height: auto;
	  width: 100%;
	  -webkit-transform: translate(-50%,-50%);
	      -ms-transform: translate(-50%,-50%);
	          transform: translate(-50%,-50%);
		-webkit-user-select: none; /* Chrome/Safari */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+ */
		-o-user-select: none;
		user-select: none;
	}
}

.enter-button-m-active {
	-webkit-transition: opacity 2.0s ease-in;
	-moz-transition: opacity 2.0s ease-in;
	-o-transition: opacity 2.0s ease-in;
	opacity: 1;
}