/* font-face */ 
@font-face {
    font-family: 'LarsseitMedium';
    src: url('/fonts/LarsseitMedium.eot');
    src: url('/fonts/LarsseitMedium.eot') format('embedded-opentype'),
         url('/fonts/LarsseitMedium.woff2') format('woff2'),
         url('/fonts/LarsseitMedium.woff') format('woff'),
         url('/fonts/LarsseitMedium.ttf') format('truetype'),
         url('/fonts/LarsseitMedium.svg#LarsseitMedium') format('svg');
}
@font-face {
    font-family: 'LarsseitLight';
    src: url('/fonts/LarsseitLight.eot');
    src: url('/fonts/LarsseitLight.eot') format('embedded-opentype'),
         url('/fonts/LarsseitLight.woff2') format('woff2'),
         url('/fonts/LarsseitLight.woff') format('woff'),
         url('/fonts/LarsseitLight.ttf') format('truetype'),
         url('/fonts/LarsseitLight.svg#LarsseitLight') format('svg');
}
@font-face {
    font-family: 'LarsseitBold';
    src: url('/fonts/LarsseitBold.eot');
    src: url('/fonts/LarsseitBold.eot') format('embedded-opentype'),
         url('/fonts/LarsseitBold.woff2') format('woff2'),
         url('/fonts/LarsseitBold.woff') format('woff'),
         url('/fonts/LarsseitBold.ttf') format('truetype'),
         url('/fonts/LarsseitBold.svg#LarsseitBold') format('svg');
}

.grid_1 {
                width: 6.5%;
}
.grid_2 {
                width: 20%;
}
.grid_3 {
                width: 23.5%;
}
.grid_4 {
                width: 32%;
}
.grid_5 {
                width: 35%;
}
.grid_6 {
                width: 50%;
}
.grid_7 {
                width: 65%;
}
.grid_8 {
                width: 64%;
}
.grid_9 {
                width: 74.5%;
}
.grid_10 {
                width: 80%;
}
.grid_11 {
                width: 91.5%;
}
.grid_12 {
                width: 100%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
               
                float: left;
                display: block;
}
.halfl,.halfr
{
    float:left;
    width:calc(50% - 25px);
    margin:0 50px 25px 0
}
.halfr
{
   
    margin:0 0 25px 0;
 
}
.absright
{

	position:absolute;
	right:0;	
		top:50%;
	 -webkit-transform-origin:center center;
		 -webkit-transform:translate(50%,-50%) rotate(-90deg);

		transform-origin:center center;
		transform:translate(49%,-50%) rotate(-90deg);
	}
	header .container
	{
		padding:0
	}

label
{
    text-align:left;
    display: block;
    margin-bottom:5px;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	cursor: pointer;
    outline:none;

}
.leftalign
{
	text-align: left;
}
.container
{
	width:1160px;
	max-width: calc(100% - 100px);

	margin: 0 auto;
	padding: 60px 0;
    position: relative;

}
.container.sml
{
	width:1060px;
}
img {
	border: none;
	max-width: 100%;
}
a, img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
textarea:focus, input:focus, select:focus {
	outline: none;
}
/* General */
body {
    font-family: 'LarsseitMedium';
	font-size: 13px;
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center
}
.fixtop 
{
	padding-top:80px
}
.abstopright
{
	display:inline-block;
	position:absolute;
	top:60px;
	right:0
}
.absbootomright
{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0
}
.btn{position:absolute;
bottom:60px;
right:-9px;
        background:url(/images/btns/arrow-right.png) right center  no-repeat;
		width:18.5px;
		height:11px;
		transform:rotate(90deg);
		transform-origin:center;
		background-size:cover;

}
.fullwidth {
	width: 100%;
	margin: 0;
	display: block;
}
/* Headings */
h1, h2, h3, h4, h5 {
        font-family: 'LarsseitBold';
	margin: 0;
	font-weight: normal;
}
p {
	text-align: left;
	margin: 0;
        font-family: 'LarsseitLight';
        letter-spacing:1px;
        line-height:1.8em
}
h1 {
	font-size: 60px;
}
h2 {
    font-size:34px;
letter-spacing: 0.4em;
margin-right: -0.4em;
}
h3 {
    font-size:26px;
    letter-spacing:10px;
    line-height:1.5;
    margin-bottom:40px;
}
h4{
        font-family: 'LarsseitBold';
    font-size:12px;
    letter-spacing:0.3em;
     margin-right:-0.3em;
    word-spacing:1px;

}
#home .middle h4{
font-family: 'LarsseitMedium';	
	 font-size:13px;
}
.h4{
        font-family: 'LarsseitBold';
    font-size:11pt;
    letter-spacing:0.2em;
     margin-right:-0.2em;


}
h5{
       font-family: 'LarsseitLight';
       letter-spacing:0.3em;
}
.h5{
           font-family: 'LarsseitLight';
    font-size:13px;
    text-align: left;
    display: block;
           letter-spacing:0.1em;

 

}
.underline
{
	text-decoration:underline;
}
#page-home #home,#page-location #home 
{
	color: #fff;
}

.fullheight
{
	width:100%;
	position: 	relative;
	height: 100vh;
	width: 100%;
	background-position:center;
	display: block;
    background-size:cover;
}
.middle
{
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
}
#page-building .fullheight h2, #page-building .fullheight h4, #page-team .fullheight h2, #page-team .fullheight h4{
	color: #ffffff;
}
.more
{
	display: inline-block;
	position: relative;
	text-align: right;
	padding-right: 30px;
text-align:left;
    font-family: 'LarsseitBold';
    margin-top:40px;
    color:#000;
	z-index:5;
        background:url(/images/btns/arrow-right.png) right center no-repeat;
    background-size: 18.5px 11px;

}

.arrow
{
	display: inline-block;
	position: absolute;
	text-align: center;
	padding-bottom: 30px;
	color:#fff;
margin: 0  auto;
	position: absolute;
	bottom: 61px;
	left: 0;
	right: 0;
text-align: center;
z-index:6;
	
}
#page-team .arrow
{

	color:#fff;
}
.arrow:after
{
	content: '';
	display: block;
	position: absolute;
width:5px;
	height: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform-origin: center;
	transform: rotate(45deg);
	bottom: 0;
		left: 0;
	right: 0;
	margin: 0  auto;
}
.arrow:before
{
width:1px;
	height: 20px;
background: #fff;
		content: '';
	display: block;
	position: absolute;
	bottom: 0;
		left: 0;
	right: 0;
	margin: 0  auto;
}
.cross {
    position: relative;
 
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
    background:url(/images/btns/croos.png) no-repeat center;
    background-size:cover;

    text-align: center;
}


.bwholder
{
	position: relative
}
.bw
{
	position: relative;
	z-index: 1;
		transition:opacity 0.3s;
}
#home
{
    overflow:hidden;
}
.fullyvideo {
    position: absolute;
    width: 100vw;
    height: 80vw;
    min-height: 130vh;
    min-width: 177.77vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index:1;
    background-image: url(/images/poster.jpg);
    background-size: cover;
}
.max1
{
	max-width: 650px;
	
}
.max2
{
	max-width: 450px;
	
}
.max3
{
    max-width:300px;
}
.icon1
{
	width: 16px;
	height: 16px;
	background: url(/images/btns/icon1.png) no-repeat;
display: inline-block;
}
.marginauto
{
	margin-left: auto;
	margin-right: auto;
}
.borderbottom
{
	border-bottom: 1px solid #000;
}
.parallexcholder
{
	position:absolute;
    top:0;
	/*overflow: hidden;*/
}
.ph0
{
    width:45%;
    height:100%;
    top:-25%;
}
.ph5
{
    width:35%;
    height:1000px;
    top:-100%;
}
.ph2
{
    width:45%;
    height:1000px;
    top:-55%;
}
.ph1
{
  position: absolute;
top: 25%;
right: -156px;
width: 552px;
height: 100%;



}
.ph3
{
position: absolute;
top: -25%;
right: -50px;
width: 38%;
height: 1000px;
}
.ph4
{
    position: absolute;
top: 35%;
right: 0;
width: 44%;
height:1000px
}
.pr33
{
width: 100%;
height: 1000px;
position: absolute;
	top:0;
z-index: 4;
overflow: hidden;
}
.pr1
{
width: 515px;
height: 515px;
position: absolute;
	top:0;
z-index: 4;
overflow: hidden;
}
.pr5
{
width: 550px;
top:200px;
position: absolute;
	top:0;
z-index: 4;
left:-130px;
overflow: hidden;
}
.pr2
{
width: 100%;

position: absolute;
	top:0;
z-index: 4;
overflow: hidden;
}
.hasside
{
	padding-left:50px;
	position: relative;
}
.hasside span.desc
{
position: absolute;
right: 100%;
display: inline-block;
top: 0;
transform-origin: top right;
transform: rotate(-90deg) translate(-0.6em,-0%);
color:#b2b2b2;
font-size:10px;
letter-spacing:0.3em;


}
.caption
{
	padding:10px 0 0 0;
	font-size: 13px;
    position: relative;
z-index: 8;
}
.caption span
{
font-weight: bold;
	display: inline-block;
	margin-right: 18px;
        font-family: 'LarsseitBold';
}
/* Navigation */ 
header {
    margin: 0 auto;
    width: 100%;
    display: block;
    position: fixed;
    background: transparent;
    text-align: center;
    padding:40px 0;
    top: 0;
    left: 0;
	z-index: 10;
    	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


.fixtop header,header.bg{
	background:#fff ;
}
.fixtop .logosvg .cls-1
{
fill:#000;
}
.logosvg .cls-1
{
fill:#fff;
}
header.bg  .logosvg .cls-1
{
fill:#000;
}
.active_nav .logosvg .cls-1
{
fill:#000;
}
.logo {
	margin: 0 auto;
	display: block;
}
.logosvg
{
    height:50px;
	transform: translateY(15px);
}
.logo img{
	height: 50px;
}
nav {
	margin: 0 auto;
	padding: 0;
}
#nav
{
	padding: 0;
	margin: 0;
	display: table;
	width: 100%;
}
#nav li {
	list-style: none;
	display:table-cell;
	 width:20%;
	font-size: 18px;
line-height: 1;
	position: relative;
	vertical-align: middle;
}
.fixtop  #nav li a,header.bg  #nav li a {
	color: #000;
}
.container.abs
{
    position:absolute;
    bottom:40px;
    z-index:1;
    left: 0;
right: 0;
}
img.icons
{
    position:absolute;
    left:0;
    bottom:20px;
    width:15px;
}
.sl {
	width: 25px;
        position:absolute;
    right:0;
    bottom:14px;

    display:inline-block;
    
    color:#fff;
}
#nav li a {
	color: #fff;
	text-transform: uppercase;
    font-family: 'LarsseitMedium';
font-size: 11pt;
letter-spacing: 0.2em;
	
}
#page-location  #nav li a.location,#page-building #nav li a.building,#page-team #nav li a.team
	{
	border-bottom: 1px solid #ffffff;

	
}

#page-location .bg #nav li a.location,#page-building .bg #nav li a.building,#page-team .bg #nav li a.team
	{
	border-bottom: 1px solid #000000;

	
}

.morez
{
    position:relative;
    z-index:6;


}

/* nav-toggle */
#nav-toggle {
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 10;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: none;
}
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
	cursor: pointer;
	height: 3px;
	width: 30px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	top: 10px;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
.bg #nav-toggle span, .bg #nav-toggle span:after, .bg #nav-toggle span:before {

	background: #000;

}
.fixtop #nav-toggle span, .fixtop #nav-toggle span:after, .fixtop #nav-toggle span:before {

	background: #000;

}
#nav-toggle span:before {
	top: -10px
}
#nav-toggle span:after {
	bottom: -10px
}
#nav-toggle.active span {
	background-color: transparent !important;
}
#nav-toggle.active span:after, #nav-toggle.active span:before {
	top: 0
}
#nav-toggle.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: a rotate(45deg)
}
#nav-toggle.active span:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: a rotate(-45deg)
}
/* enquiry */

.formbox {



}
#register {
    background: #f7f7f7;
    padding:110px 0;
    margin:60px 0 0 0 
 }
input, select {
	font-size: 12px;
	margin: 0 auto;
	padding: 5px 0;
	width: 100%;
	color: #000;
	border: 0 none;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border-bottom: 1px solid #b2b2b2;
	text-align: left;
	letter-spacing: 2px;
        font-family: 'LarsseitLight';
}
select {
		padding: 0;
	text-align-last: left; text-align: left;
    color:#000;
	padding-bottom: 9px;

}
select option {
	padding: 5px 0;
	background: #fff;
    color:#b2b2b2;

}
.privacy {
	font-size: 10px;
}
.privacy a {
color:#000;
}
.chk_holder {
	margin: 10px auto 0 auto;

}
.b_submit
{
    border: 1px solid #000;
    width: 135px;
    padding: 12px 24px 12px 0;
    text-align: center;
        font-family: 'LarsseitMedium';
        background:url(/images/btns/arrow-right.png) 95px center  no-repeat;
        background-size:18.5px 11px;
        letter-spacing:4px;
        font-size:11px;
margin-top:35px


}

#chkInternational {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 25px;
	width: 20px;
	text-align: left;
}
#chkInternational + label {
	background: url("/images/btns/uncheck.png") no-repeat left center;

	padding: 2px 0 2px 26px;
}
#chkInternational:checked + label {
	background: url(/images/btns/check.png) no-repeat left center;
}
input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
color: #b2b2b2;
    font-family: 'LarsseitLight';
opacity: 1;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #b2b2b2;
    font-family: 'LarsseitLight';
opacity: 1;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color: #b2b2b2;
    font-family: 'LarsseitLight';
opacity: 1;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
color: #b2b2b2;
    font-family: 'LarsseitLight';
opacity: 1;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #b2b2b2;
    font-family: 'LarsseitLight';
opacity: 1;
}
 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent;
}
 input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent;
}
 input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent;
}
 input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent;
}
/*footer*/ 
footer {
background:#000;
padding:20px 0;
}
footer *

{
	color:#fff;
}
footer h5{
	line-height: 1.6em;
}
/* Token Style */
ul.token-input-list-project {
	border: none;
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
	text-align: left;
	text-align-last: left;
	text-align: -moz-left;
	text-align: -webkit-left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border-bottom: 1px solid #b2b2b2;
	clear: both;
}
li.token-input-input-token-project {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%
}
ul.token-input-list-project li input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100% !important;
	margin-bottom: 0;
}
li.token-input-token-project p {
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
	line-height: 20px;
	font-size: 11px
}
li.token-input-token-project {
	overflow: hidden;
	height: 25px;
	margin: 0;
	padding: 2px 5px;
	background-color: translate;
	color: #000;
	cursor: default;
	border: 0 none;
	font-size: 12px;
	white-space: nowrap;
	list-style: none;
	display: inline-block;
}
div.token-input-dropdown-project {
	position: absolute;
	width: 100%;
	background-color: #fff;
	overflow-x: hidden;
	cursor: default;
	font-size: 11px;
	z-index: 13;
}
div.token-input-dropdown-project ul {
	margin: 0;
	padding: 0;
	display: block !important;
	max-height: 205px;
}
div.token-input-dropdown-project ul li {
	background-color: #fff;
	font-size: 14px;
	padding: 3px;
	margin: 0;
	list-style-type: none;
	font-weight: 100 !important;
}
div.token-input-dropdown-project ul li.token-input-dropdown-item-project {
	background-color: #fff;
}
div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
	background-color: #fff;
}
div.token-input-dropdown-project ul li em {
	font-weight: bold;
	font-style: normal;
}
div.token-input-dropdown-project ul li.token-input-selected-dropdown-item-project {
	background-color: #ccc;
	color: #fff;
}
/* Parsley-error */
ul.parsley-errors-list.filled, ul.parsley-errors-list {
	font-size: 10px;
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	top: 0;
}
ul.parsley-errors-list.filled li, ul.parsley-errors-list li {
	padding:0;
	text-align: left;
	color: #F00D0D;
}
.underline{
	text-decoration: underline;
}
.bb{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 0;
}
header.bg  .bb{
	border-bottom: 1px solid #000000;
}
.none{
	display: none;
}

*.inlineblock
{
	display: inline-block
}
.centeralign
{
    text-align:center;
}
*.margin-b-40{
    margin-bottom:40px;
}
.margin-r-40
{
    margin-right:40px;
}
.padding-t-40{
    padding-top:40px;
}
.padding-l-50{
    padding-left:50px

}
.padding-t-170
{
    padding-top:170px
}
.padding-r-50
{
        padding-right:50px
}
.leftfloat
{
    float:left;
}
.rightalign
{
    text-align:right;
}
.rightfloat
{
    float:right;
}
.max50{
    max-width:50%
}
.max75{
    max-width:75%
}
.max33{
    max-width:calc(35% - 50px)
}
.mgt1
{
margin-top:25%;
position:relative;
}
.transright50
{
    transform:translateX(50px)
}
.transleft50
{
    transform:translateX(-50px)
}
.bold
{
    font-family: 'LarsseitBold';
}
.fullh
{
	position:absolute;

	left:0;
	top:0;
	height:100%;
}
.absbottom 
{
	position:absolute;
	right:60px;
	bottom:60px

}
.abslogos
{
	position:absolute;
	left:0;
	bottom:80px;
    text-align:left;
}
.made
{
    display:inline-block;
    margin-right:40px;
}
.signup
{
    width:100%;
    padding-bottom:8px;
    color:#fff;
    background:url(/images/btns/arrow-right-white.png) right center no-repeat;
    background-size: 18.5px 11px;
    display:block;
    margin-top:30px;
    border-bottom:1px solid #fff;
}
#totop
{
    position:absolute;
    bottom:60px;
    left:0;
   width:15px;
   display:block
}

.logomobile
{
    display:none;
    position:absolute;
    top:15px;
    left:0;
    width:200px;
}
    .logomobile svg {
height:35px;
    }
    *.margin-b-15
    {
        margin-bottom:15px;
    }
.width80per{
	width: 80%;
}
 header .container{
	width: 80%;
}
#register p.bold{
	padding-top: 12px;
}
footer *{
	line-height: 1.5em;
}
#page-building .middle h2, #page-team .middle h2{
	text-shadow: 3px 5px 12px rgba(0,0,0,0.8);
}
.signup.h5{
	visibility: hidden;
}



/*///////////////////////////////////  Stylesheet for hidden video   ////////////////////////////*/
.video_wrapper {
	position: fixed;
	z-index: 1000;
	width:100vw;
	height: 100vh;
	background: #000000;
	opacity: 1;
	transition: all 0.6s ease-in-out;
	display: none;
}
.video_wrapper.show {
	display: block;
}
.video_wrapper.hide {
	opacity: 0;
}
.close_btn {
	position: absolute;
	top:5%;
	left: 0;
	right: 0;
	margin: auto;
	width:20px;
	height:20px;
	background: transparent;
}
.close_btn:after {
	position: absolute;
	content: '';
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width:20px;
	height:2px;
	background: #ffffff;
	transform: rotate(45deg);
}
.close_btn:before {
	position: absolute;
	content: '';
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width:2px;
	height:20px;
	background: #ffffff;
	transform: rotate(45deg);
}
.hidden_video {
	position: absolute;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	margin: auto;
	width:80%;
	height:80%;
}

/*////////////////////////////////////////////////////////////////////////////*/




@media screen and (max-width : 1500px) {
.ph1
{

right: -50px;
width:38%;



}
.pr5 {
    
    left: -50px;
    
}
}
@media screen and (max-width : 1024px) {
    .logosvg {
    height: 65px;
}


}

@media screen and (max-width : 980px) {
	.bb.scrollto{
	border-bottom: none;
	}
	#page-location #nav li a.location, #page-building #nav li a.building, #page-team #nav li a.team{
		border-bottom: 1px solid #000000;
	}
    .desktop
    {
        display:none;
    }
    .grid_5,.grid_7,.grid_6 {
    width:100%;
}

    .container {
 
    max-width: calc(100% - 40px);
     overflow:hidden;
    padding: 20px 0;

}
    #register {

    padding: 40px 0;

}
    .container.padding-t-170 {
    padding-top:60px;
}
    .abslogos {
    position: relative;
    left: 0;
    bottom: auto;
    text-align: left;
    margin-top: 40px;
}
    .middle.norm

    {
            position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0%,-0%);
    transform: translate(-0%);
     margin-bottom:20px;
}

    .absbottom {
    position: relative;
    right: auto;
    bottom: auto;
    float:left;
}
    .fullh {
        position: relative;
        left: 0;
        top: 0;
        height: auto;
    }
    .marginbm
    {
        margin-bottom:40px;
    }
    #totop {
    
    bottom: -50px;

}
    footer {
    background: #000;
    padding: 55px 0;
}
    .halfl, .halfr {

    width: 100%;
margin: 0 0 40px 0;
}
    .transright50 {
        margin-top:20px;
    transform: translateX(0);
}
    .max50, .max33 {
    max-width: 100%;
}
    .mgt1 {
    margin-top: 0;
    margin-bottom:20px

}
    .container.abs
    {
        overflow:initial;
    }
.transleft50 {
    transform: translateX(0);
    margin-bottom:20px
}
#nav-toggle {
	display: block;
	z-index: 10;
}
	.active_nav #nav-toggle span,.active_nav #nav-toggle span:after,.active_nav #nav-toggle span:before{
		background: #000000;
	}
	
ul#nav {
	display: none;
	margin-top:80px;
	clear:both;
}
ul#nav li {
	display: block;
	margin:2vh 0 !important;
	width: 100%;
	text-align: center;
	padding:0;
}
ul#nav li a{
	margin: 0;
	text-align: center;
	width: 100%;
	line-height: normal;
	color: #000000;
	padding: 10px 0;
	font-size: 16px;
	padding-bottom: 2px;
	margin-bottom: 8px;

}
#page-team .arrow {
    bottom: 60px;
    color: #fff;
}
header {

    padding: 29px 0 40px 0;
  
}
header.active_nav
{
    background:#fff;
}
ul#nav {

    height: 100vh;
    padding-top:calc(50vh - 250px);
    background:#fff;
}

.logomobile
{
    display:block;
	z-index: 10;
	
}
	.rightalign{
		text-align: left;
	}
}

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