@charset "utf-8";
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
	background:none;
	background-color:transparent;
	text-align:left;
	border:none;
	outline:none;
}

@font-face {
  font-family: 'i';
  src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*="el-icon-"] {font-family: 'i';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
















@font-face{font-family:'SL';src:url('fonts/SuisseIntl-Ultralight-WebXL.woff2') format('woff2'),url('fonts/SuisseIntl-Ultralight-WebXL.woff') format('woff');font-weight:300;font-style:normal}
@font-face{font-family:'SR';src:url('fonts/SuisseIntl-Regular-WebXL.woff2') format('woff2'),url('fonts/SuisseIntl-Regular-WebXL.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'SB';src:url('fonts/SuisseIntl-Bold-WebXL.woff2') format('woff2'),url('fonts/SuisseIntl-Bold-WebXL.woff') format('woff');font-weight:700;font-style:normal}





































html {scroll-behavior: smooth;}
body {min-height: 100vh; max-width:100vw; overflow-x:hidden; text-align:center;}

#sitename{ display:none; position:absolute; z-index:-1; font-size:0; line-height:0; opacity:0;}
.mmHOMELINK{margin-left:0; margin-right:0;}
/********************************************************************
*********************************************************************
*********************************************************************
HEADER
*********************************************************************
*********************************************************************
********************************************************************/
.innerHEADER ul li, .innerHEADER ul li a, .innerHEADER ul li a:link, .innerHEADER ul li a span{
	min-height:64px;
	font-size:14px;
	line-height:14px;
}

.innerHEADER ul.c
{
	max-width:64px;
}
.headerScroll {
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}
.headerScroll nav ul li { min-height:0; vertical-align:middle; }
.headerScroll nav ul li a, .headerScroll nav ul li a:link { padding-top:14px; padding-bottom:14px; min-height:0; color:#000;   }
.headerScroll nav ul li a span { color:#000; padding-top:10px; padding-bottom:10px;}
.headerScroll nav ul li a span, .headerScroll nav ul li ul li a, .headerScroll nav ul li ul em li a:link { font-size:14px; line-height:14px; }
.headerScroll nav ul.c
{
	width:80px;
	min-width:80px !important;
}
.headerScroll nav 
{
	margin-top: 0px;
    margin-bottom: 0px;
}
.headerScroll:before {
	display:none !important;
}
.headerScroll nav ul li.drop:after{ color:#000; }

/*
header:hover{background:rgba(255,255,255,1); box-shadow:0px 0px 5px rgba(0,0,0,0.4);}
header:hover nav ul li a, header:hover nav ul li a:link, .headerScroll nav ul li a span { color:#000 !important;   }
header:hover:before{ opacity:0;}
*/



header
{
	position:fixed;
	z-index:97;
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	transition: all 0.5s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition:all 0.5s ease-in-out;
background:rgba(255,255,255,1); box-shadow:0px 0px 5px rgba(0,0,0,0.4);	
}
/*
header:before
{
	content:'';
	width:100%;
	height:200px;
	background: linear-gradient(0deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.45) 100%);
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	pointer-events: none;
	
}
*/
header div
{
	position:absolute;
	top:40px;
	right:5vw;
	width:40px;
	height:40px;
	overflow:visible;
	display:block;
	z-index:49;
	margin-right:-20px;
}

.mBUTopen span
{
	left:1000% !important;
}
header div button
{
	position:relative;
	width:40px;
	height:30px;
	display:block;
	cursor:pointer;	
	transform:rotate(-45deg);
}
header div button span
{
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
	position:absolute;
	background:rgba(0,0,0,0);
	height:4px;
	display:block;	
}
header div button span:nth-child(1)
{
	transition-delay: 0.125s;
	width:50%;
	top:0%;
	left:25%;
	background:rgba(0,0,0,1);
}
header div button span:nth-child(2)
{
	width:100%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:rgba(0,0,0,1);	
}
header div button span:nth-child(3)
{
	transition-delay: 0.25s;
	width:50%;
	bottom:0%;
	left:25%;
	background:rgba(0,0,0,1);
}
.mBUThide { display:none;}
.mBUThide span{	left:1000% !important; }







header nav
{
	display:inline-table;
	width:94%;
	max-width:1400px;
	box-sizing:border-box;
	padding:0;
	margin:0;
	height:auto;
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
}
header nav ul, header nav ul.c
{
	display:table-cell;
	vertical-align:middle;
	box-sizing:border-box;
	position:relative;
}
header nav ul.c
{
	transition: all 0.5s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition:all 0.5s ease-in-out;
	width:6vw;
	min-width:80px;
	text-align:center;	
}
header nav ul.l
{
	text-align:right;
	height:100%;
	padding-right:14px;	
}
header nav ul.r
{
	text-align:left;
	height:100%;	
}
header nav ul, header nav ul li
{
	width:auto;
	list-style:none;
	margin:0;
	padding:0;
	white-space:nowrap;
	position:relative;
}
header nav ul li
{
	display:inline-block;
	position:relative;
	text-align:left;
	height:100%;
	min-height:60px;
}

header nav ul li a.cat, header nav ul li a.cat:visited, header nav ul li a.cat:link
{
	color:#fff;
	background:#000;	
}

header nav ul li a, header nav ul li a:visited, header nav ul li a:link
{
	display:table;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	font-family:'SR', sans-serif;
	color:#000;
	position:relative;
	padding:14px;
	margin:0;
	margin-right:40px;
	margin-left:40px;
	text-decoration:none;
	letter-spacing:1px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;	
	min-height:100px;	
}
header nav ul li a span.home 
{
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
	line-height:16px;
	font-family:'i', sans-serif;
	font-weight:normal;
	color:inherit;
}
header nav ul li a span 
{
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	line-height:14px;
	font-family:'SR', sans-serif;
	color:inherit;
}
header nav ul.c a img
{
	transition: all 0.5s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition:all 0.5s ease-in-out;
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	
}
header nav ul li a:hover 
{
	background:#000;
	color:#fff !important;
	
}
/*
header nav ul li.drop:after
{
	position:absolute;
	top:50%;
	right:24px;
	transform:translate(0%,-50%);
    font-family: 'i';
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    color: inherit;
    content: '\F107';
    padding-left: 0px;
	color:#fff;
}
*/
header nav ul li.drop:hover ul
{
	opacity:1;
	height:auto;
	overflow:auto;
	top:100%;
	padding-top:2px;
}

header nav ul li.drop ul
{
	transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;
	position:absolute;
	top:-10000%;
	left:40px;
	display:block;	
	box-sizing:border-box;
	list-style:none;
	display:table;
	opacity:0;
}
header nav ul li.drop ul em
{
	display:table-cell;
	vertical-align:top;
	font-style:normal;
	position:relative;
}

/*
header nav ul li.drop ul em:first-child:before
{
	position:absolute;
	top:-46px;
	left:40px;
	transform:translate(-50%,0%);
	color:#fff;
	font-family:'i';
	content:'\F0D7';
	font-size:48px;
	line-height:48px;
	text-shadow:2px 2px 4px rgba(0,0,0,0.2);
	color:rgba(255,255,255,0.7);
	margin-left:-10px;
}*/

header nav ul li.drop ul em li, .headerScroll nav ul li.drop ul em li
{
	display:block !important;
	position:relative;
	height:auto;
	width:auto;
	padding:0px;
	margin:0;
	margin-top:2px;
	margin-right:4px;
	background:rgba(255,255,255,1);
	backdrop-filter: blur(7px) !important;
	min-height:0 !important;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
	border-radius:1px;
	
}

.headerScroll nav ul li.drop ul em li
{
	background:rgba(255,255,255,1);
}
header nav ul li.drop ul em li img{ 
	width:auto;
	height:24px;
	mix-blend-mode: difference;
}
header nav ul li.drop ul em li a.cat
{
	padding-top:25px;
	padding-bottom:24px;
}
header nav ul li.drop ul em li a
{
	font-size:18px;
	line-height:18px;
	font-weight:400;
	min-height:0 !important;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	margin:0;
	display:block;
	position:relative; box-sizing:border-box;
	width:100%;
	letter-spacing:1px;
	color:#000;
	text-align:center;
}

header nav ul li.drop ul em li:hover { background:rgba(255,255,255,0.8);  }

header nav a:hover, header nav a:hover span, header nav ul li.drop ul em li a:hover,  header nav ul li.drop ul em li a.home:hover
{
	opacity:0.8;
}
/********************************************************************
*********************************************************************
*********************************************************************
END | HEADER
*********************************************************************
*********************************************************************
********************************************************************/



/********************************************************************
*********************************************************************
*********************************************************************
MENU
*********************************************************************
*********************************************************************
********************************************************************/
div#mobileHEADER
{
	transition: opacity 0.5s ease-in-out; -moz-transition: opacity 1s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;
	position:fixed;
	z-index:96;
	opacity:0;
	height:110px;
	width:100vw;
	display:table;
	pointer-events: none;
	left:-1000%;
	background-color:rgba(255,255,255,1);
	backdrop-filter: blur(7px);
	box-shadow:rgba(0,0,0,0.2) 0px 2px 4px;
}
div#mobileHEADER b
{
	transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out;-webkit-transition: opacity 0.25s ease-in-out;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:auto;
	height:auto;
	padding:60px;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:10vw;	
	z-index:11;
}
div#mobileHEADER b img
{
	position:relative;
	width:auto;
	height:60px;
	vertical-align:middle;
}
div#mobileHEADER b span
{
	display:inline-block;
	font-size:24px;
	line-height:24px;
	font-family:'SR', sans-serif;
	font-weight:400;
	vertical-align:middle;
	margin-left:10px;
	text-transform:uppercase;
	color:#000;
}

nav#m
{
	transition: opacity 0.5s ease-in-out; -moz-transition: opacity 1s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;
	position:fixed;
	z-index:97;
	opacity:0;
	height:100vh;
	width:100vw;
	overflow:hidden;
	display:block;
	pointer-events: none;
}
nav#m.mOPEN
{
	z-index:99;
	opacity:1;	
	overflow:hidden;
	height:100vh;
	pointer-events: auto;
}
nav#m section
{
	position:relative;
	width:100%;
	height:100%;
	display:block;
}

nav#m.mOPEN section span
{
	max-height:200%;
	height:200%;
}
nav#m section span
{
	transition: all 0.5s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
	position:absolute;
	background:rgba(255,255,255,1);
	height:100%;
	max-height:0%;
	width:200%;
	display:block;
	content:'';
	transform-origin: center;
}
nav#m section span:nth-child(1)
{
	
	top:0%;
	left:25%;
	z-index:0;
	transform:translate(-50%,-50%) rotate(-45deg) ;
	
}
nav#m section span:nth-child(2)
{
	transition-delay: 0.125s;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(-45deg) ;
	z-index:1;	
}
nav#m section span:nth-child(3)
{
	transition-delay: 0.25s;
	top:0%;
	left:75%;
	z-index:2;
	transform:translate(-26.5%,-25%) rotate(-45deg) ;;
}



nav#m div
{
	position:absolute;
	top:60px;
	right:5vw;
	z-index:51;
}

nav#m div button
{
	position:relative;
	width:40px;
	height:40px;
	display:block;
	cursor:pointer;	
}
nav#m div button span
{
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
	position:absolute;
	background:rgba(0,0,0,1);
	height:4px;
	display:block;	
}
nav#m.mOPEN div button span:nth-child(1)
{
	top:50% !important;
	left:0% !important;	
}
nav#m.mOPEN div button span:nth-child(2)
{
	top:50% !important;
	right:0% !important;	
}
nav#m div button span:nth-child(1)
{
	transition-delay: 0.5s;
	width:100%;
	top:-500%;
	left:500%;
	transform: translate(0%,0%);
	transform:rotate(-45deg);
}
nav#m div button span:nth-child(2)
{
	transition-delay: 0.6255s;
	width:100%;
	top:500%;
	right:-500%;
	transform: translate(0%,0%);
	transform:rotate(45deg);
	transform-origin: center;	
}
#m section ul
{
	position:absolute;
	display:block;
	list-style:none;
	z-index:10;
	bottom:35vh;
	left:10vw;	
}
#m section ul li
{
	position:relative;
	display:block;
	padding:0;
	list-style:none;
	margin:0;
	margin-top:30px;
	height:30px;
	overflow:hidden;	
}
#m.mOPEN section ul li a
{
	
	animation: riseUP 0.5s ease-out;
	animation-fill-mode: forwards;
	color:rgba(0,0,0,1) !important;
}
#m.mOPEN section ul li:nth-child(1) a	{ animation-delay: 0s; }
#m.mOPEN section ul li:nth-child(2) a	{ animation-delay: 0.25s; }
#m.mOPEN section ul li:nth-child(3) a	{ animation-delay: 0.5s; }
#m.mOPEN section ul li:nth-child(4) a	{ animation-delay: 0.75s; }
#m.mOPEN section ul li:nth-child(5) a	{ animation-delay: 1s; }
#m.mOPEN section ul li:nth-child(6) a	{ animation-delay: 1.25s; }
#m.mOPEN section ul li:nth-child(7) a	{ animation-delay: 1.5s; }
#m section ul li a, #m section ul li a:link, #m section ul li a:visited
{
	transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;
	position:relative;
	display:table;
	padding:0;
	list-style:none;
	margin:0;
	font-family:'SR', sans-serif;
	font-weight:400;
	color:rgba(0,0,0,0);
	text-decoration:none;
	font-size:28px;
	line-height:28px;
	padding-top:2px;
	padding-bottom:2px;
	width:auto;
	margin-top:30px;
}
@keyframes riseUP {
	0% {margin-top:40px;}
	100% {margin-top:0px;}
}
#m section ul li a:before
{
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
	content:'';
	background:rgba(0,0,0,0);
	width:100%;
	height:2px;
	position:absolute;
	bottom:2px;
	left:-100%;
}
#m section ul li a:hover:before
{
	left:0%;
	background:rgba(0,0,0,1);
}


#m.mOPEN b
{
	opacity:1;
}
#m b
{
	transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out;-webkit-transition: opacity 0.25s ease-in-out;
	position:relative;
	display:block;
	width:auto;
	height:auto;
	padding:60px;
	padding-left:10vw;	
	z-index:11;
	opacity:0;
}
#m b img
{
	position:relative;
	width:auto;
	height:60px;
	vertical-align:middle;
}
#m b span
{
	display:inline-block;
	font-size:36px;
	line-height:36px;
	font-family:'SR', sans-serif;
	font-weight:400;
	vertical-align:middle;
	margin-left:10px;
	text-transform:uppercase;
	color:#000;
}









/********************************************************************
*********************************************************************
*********************************************************************
END | MENU
*********************************************************************
*********************************************************************
********************************************************************/



/********************************************************************
*********************************************************************
*********************************************************************
HERO
*********************************************************************
*********************************************************************
********************************************************************/
section#hero
{
	position:fixed;
	width:100vw;
	height:98vh;
	display:block;
	z-index:0;
	box-sizing:border-box;
	padding-top:100px;
}
section#hero span
{
	position:absolute;
	width:auto;
	height:auto;
	display:block;
	z-index:12;
	color:#fff;
	font-family:'i';
	font-weight:normal;
	font-size:60px;
	line-height:24px;
	bottom:10px;
	left:50%;
	transform:translate(-50%,0%);
	animation: pulse 2s ease-out infinite;
	text-align:center;
	opacity:0.5;
}
section#hero span b
{
	font-weight:400;
	display:inline-block;
	width:auto;
	height:auto;
	position:relative;
	font-size:14px;
	line-height:16px;
	font-family:'SB', sans-serif;
	font-weight:700;
}
section#hero div
{
	transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out;-webkit-transition: opacity 1.5s ease-in-out;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	opacity:0;
	z-index:0;
}
section#hero div:nth-child(10)
{
	z-index:10;
}
section#hero div:nth-child(9)
{
	z-index:9;
}
section#hero div:nth-child(8)
{
	z-index:8;
}
section#hero div:nth-child(7)
{
	z-index:7;
}
section#hero div:nth-child(6)
{
	z-index:6;
}
section#hero div:nth-child(5)
{
	z-index:5;
}
section#hero div:nth-child(4)
{
	z-index:4;
}
section#hero div:nth-child(3)
{
	z-index:3;
}
section#hero div:nth-child(2)
{
	z-index:2;	
}
section#hero div:nth-child(1)
{
	z-index:1;
	opacity:1;
}
section#hero div:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.15);	
}
section#hero div img
{
	position:absolute;
	top:50%;
	left:50%;	
	width:100%;
	height:auto;
	min-width:100%;
	min-height:100%;
	z-index:0;
}
section#hero div video
{
	position:absolute;
	top:50%;
	left:50%;	
	width:auto;
	height:125%;
	min-width:100%;
	min-height:100%;
	z-index:0;
}
section#hero div.isVID { animation:none !important;}
section#hero div:nth-child(odd) img, section#hero div:nth-child(odd) video{
	transform:translate(-50%,-50%) scale(1, 1);
	/*animation: zoom-in-zoom-out 16s ease-out infinite;*/
}
section#hero div:nth-child(even) img, section#hero div:nth-child(even) video{
	transition-delay: 16s;
	transform:translate(-50%,-50%) scale(1.1, 1.1);
	/*animation: zoom-in-zoom-out-rev 16s ease-out infinite;*/
}
@keyframes zoom-in-zoom-out {
	0% {transform:translate(-50%,-50%) scale(1, 1);}
	50% {transform:translate(-50%,-50%) scale(1.1, 1.1);	}
	100% {transform:translate(-50%,-50%) scale(1, 1);}
}
@keyframes zoom-in-zoom-out-rev {
	0% {transform:translate(-50%,-50%) scale(1.1, 1.1);}
	50% {transform:translate(-50%,-50%) scale(1, 1);}
	100% {transform:translate(-50%,-50%) scale(1.1, 1.1);}
}
@keyframes pulse {
	0% { opacity:0.7;}
	50% { opacity:1;	}
	100% { opacity:0.7;}
}

section#hero section
{
	position:absolute;	
	right:0%;
	z-index:99;
	width:auto;
	padding-right:5vw;
	height:auto;
	text-align:right;
	transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;-webkit-transition: all 1.5s ease-in-out;
	background: rgba(255,255,255,0);
	display:block;
	opacity:0;
	
}
@media (orientation: portrait) 
{
	section#hero section
	{	
		right:auto;
		left:50%;
		transform:translate(-50%,0%);
		
	}
	
}
section#hero section:nth-child(5)
{
	z-index:10;
	bottom:20%;
	
}
section#hero section:nth-child(6)
{
	z-index:11;
	bottom:-50%;
	
}
section#hero section:nth-child(7)
{
	z-index:12;
	bottom:-50%;
	
}
section#hero section:nth-child(8)
{
	z-index:13;
	bottom:-50%;
	
}
section#hero section:nth-child(9)
{
	z-index:14;
	bottom:-50%;
	
}
section#hero section:nth-child(10)
{
	z-index:15;
	bottom:-50%;
	
}
section#hero section:nth-child(11)
{
	z-index:16;
	bottom:-50%;
	
}

section#hero section:nth-child(12)
{
	z-index:17;
	bottom:-50%;
	
}

section#hero section:nth-child(13)
{
	z-index:18;
	bottom:-50%;
	
}
section#hero section b
{
	text-align:left;
	position:relative;
	display:inline-table;
	width:100%;
	height:auto;
	padding:32px;
	padding-top:32px;
	padding-bottom:32px;	
	white-space:nowrap;
	box-sizing:border-box;
}
section#hero section b strong
{
	position:relative;
    font-family:'SR', sans-serif;
    font-size: 16px;
	line-height:16px;
	font-weight:400;
    white-space: nowrap;
	color: #000;
	margin-bottom:10px;
	display:inline-block;
	width:auto;
}
section#hero section b span
{
	display:inline-block;
	position:relative;
    font-family:'SL'; font-weight:300;
    color: #000000;
    font-size: 60px;
	line-height:60px;
	font-weight:100;
	letter-spacing:0px;
	bottom:auto;
	left:auto;
	transform:none;
    white-space: nowrap;
	width:auto;
}
section#hero section b img
{
	position:relative;
	margin-right:10px;
	height:auto;
	width:25wv;
	min-width:320px;
	max-width:480px;
	box-shadow:rgba(0,0,0,0.3) 2px 2px 6px;
	vertical-align:top;
	box-shadow:none;
}
/********************************************************************
*********************************************************************
*********************************************************************
END | HERO
*********************************************************************
*********************************************************************
********************************************************************/



/********************************************************************
*********************************************************************
*********************************************************************
SIDE BY SIDE COLUMNS
*********************************************************************
*********************************************************************
********************************************************************/
.mt100vh{ margin-top:100vh !important;}
.columns {
	display:inline-block;
	text-align: center;
 	width: 100vw;
 	position:relative;
 	padding:20vw;
	padding-bottom:10vw;
 	padding-top:0;
 	margin:0;
 	padding-bottom:0;
	background:rgba(255,255,255,1);
	z-index:1; 
}
.columnsLAST{ padding-bottom:20vh !important;}
.columnsFIRST {padding-top:5vw;}
.columns a, .columns a:link, .columns a:visited {
	text-align: left;
	display:inline-block;
	vertical-align:top;
	height:50vh;
	position:relative;
	text-decoration:none;	
}
.columns a.r { text-align:right; }
.columns a div
{
	position:relative;
	width:99%;
	height:80%;
	overflow:hidden;
	display:inline-block;
}
.columns a div img
{
	transition: all 3s ease-in-out; -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;
	width:100%;
	height:100%;
	min-height:100%;
	min-width:100%;
	position:relative;
	object-fit: cover;
	transform-origin:center;	
}
.columns a:hover div img
{
	/*transform:scale(1.25,1.25);*/
}
.columns a div span
{
	position:absolute;
	bottom:20px;
	right:20px;
	background-color:rgba(204,0,0,1);
	padding:10px;
	color:#fff;
	font-size:10px;
	line-height:10px;
	font-family:'SB', sans-serif;
	font-weight:700;
	z-index:5;
	letter-spacing:2px;
}
.columns a p
{
	display:inline-block;
	font-size:12px;
	line-height:12px;
	font-family:'SR', sans-serif;
	font-weight:400;
	vertical-align:middle;
	text-transform:uppercase;
	color:#000;
	margin-top:10px;
	letter-spacing:5px;
	width:95%;
	text-align:left;
}
.columns a b
{
	display:inline-block;
	width:95%;
	font-size:24px;
	line-height:24px;
	font-family:'SB', sans-serif;
	font-weight:700;
	vertical-align:middle;
	text-transform:uppercase;
	color:#000;
	margin-top:10px;
	text-align:left;
}
.col-33 {width: 33.3%;}
.col-66 {width: 66.6%;}

/********************************************************************
*********************************************************************
*********************************************************************
END | SIDE BY SIDE COLUMNS
*********************************************************************
*********************************************************************
********************************************************************/
.fadeINthis { opacity:0;}
.fadeINanimate{
	-webkit-animation:fadeIN ease-in;
	-moz-animation:fadeIN ease-in;
	animation:fadeIN ease-in;
	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
}
.fadeINanimateD{
	-webkit-animation:fadeIN ease-in;
	-moz-animation:fadeIN ease-in;
	animation:fadeIN ease-in;
	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
	animation-delay:0.25s;
}
@-webkit-keyframes fadeIN { from { opacity:0; } to { opacity:1;} }
@-moz-keyframes fadeIN { from { opacity:0;} to { opacity:1;} }
@keyframes fadeIN{ from { opacity:0;} to { opacity:1;  } }


@-webkit-keyframes underLINE { 
	0% { width:0%; left:100%; }
	50% { width:50%; left:0%;}
	100% { width:20%; left:0%;}
}
@-moz-keyframes underLINE { 
	0% { width:0%; left:100%; }
	50% { width:50%; left:0%;}
	100% { width:20%; left:0%;}
}
@keyframes underLINE{ 
	0% { width:0%; left:100%; }
	50% { width:50%; left:0%;}
	100% { width:20%; left:0%;}
}

/********************************************************************
*********************************************************************
*********************************************************************
HOME ABOUT
*********************************************************************
*********************************************************************
********************************************************************/
.homeABOUT
{
	display:inline-block;
	text-align: center;
 	width: 100vw;
 	position:relative;
 	padding:10vw;
	padding-top:5vw;	
	padding-bottom:5vw;
 	margin:0;		
	background:#212121;
	z-index:1;
}
.homeABOUT section {
    display: inline-table;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: auto;
    max-width: 90%;
    height: auto;
    position: relative;
    background-color: transparent;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
	max-width:1200px;
}
.homeABOUT p
{
	display:inline-block;
	font-size:16px;
	line-height:24px;
	font-family:'SR', sans-serif;
	vertical-align:middle;
	text-transform:uppercase;
	color:#fff;
	margin-top:10px;
	letter-spacing:5px;
	width:100%;
	max-width:1200px;
	text-align:left;
}
.homeABOUT p img
{
	display:inline-block;
	vertical-align:middle;
	height:60px;
	width:auto;
	margin-right:12px;
	margin-bottom:12px;
}
.homeABOUT section strong {
    display: table;
    width: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    height: auto;
    position: relative;
    color: #00b5ec;
    text-align: left !important;
    font-family: 'SB',Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: left;
    text-transform: uppercase;
}

.homeABOUT section em {
    display: table;
    width: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    height: auto;
    position: relative;
    color: #fff;
    text-align: center;
    font-family: 'SL',Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
    font-style: normal;
    text-align: left;
    margin-bottom: 20px;
}
.homeABOUT section p {
    display: table;
    width: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    height: auto;
    position: relative;
    color: #fff;
    text-align: center;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: 2px;
	text-transform:none;
}
.homeABOUT strong
{
	display:inline-block;
	font-size:24px;
	line-height:24px;
	font-family:'SB', sans-serif;
	vertical-align:middle;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:5px;
	width:100%;
	text-align:center; 
	white-space:nowrap;
}
.homeABOUT strong img
{
	display:inline-block;
	vertical-align:middle;
	height:60px;
	width:auto;
	margin-right:12px;
}

/********************************************************************
*********************************************************************
*********************************************************************
END | HOME ABOUT
*********************************************************************
*********************************************************************
********************************************************************/




/********************************************************************
*********************************************************************
*********************************************************************
SCROLL OVER PARALAX BLOCK
*********************************************************************
*********************************************************************
********************************************************************/
.scrollOVERBG
{
	display:block;
	text-align: center;
 	width: 100%;
	height:80vh;
 	position:relative;
	overflow:hidden;
	z-index:0;
	
}
.scrollOVERBG img
{
	z-index: -1;
    display: block;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0;
    margin: 0;
}
.scrollOVERBG div
{
	display:inline-block;
	text-align: left;
	box-sizing:border-box;
 	width: 80%;
	/*max-width:1200px;*/
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
	backdrop-filter: blur(7px);
	padding-left:5%;
	padding-right:5%;
	padding-top:60px;
	padding-bottom:60px;
	background:rgba(0,0,0,0.4);	
}
.scrollOVERBG div h2
{
	font-size:48px;
	line-height:48px;
	font-family:'SL', sans-serif;
	font-weight:200;
	color:#fff;
	display:inline-block;
	margin-bottom:0px;	
}
.scrollOVERBG div h2.home { font-size:0 !important; }
.scrollOVERBG div h2 span
{
	font-weight:400;
	font-size:24px;
	font-family:'SR', sans-serif;
}
.scrollOVERBG div h2 img
{
	display:inline-block;
	vertical-align:baseline;
	height:72px;
	min-width:0 !important;
	min-height:0 !important;
	position:relative;
	top:auto;
	left:auto;
	transform:none;
	margin-right:10px;
}
.scrollOVERBG div p
{
	font-size:18px;
	line-height:28px;
	font-family:'SR', sans-serif;
	font-weight:400;
	color:#fff;
	display:inline-block;
	margin-bottom:30px;
	margin-top:24px;	
}
.scrollOVERBG div a, .scrollOVERBG div a:link, .scrollOVERBG div a:visited
{
	display:inline-block;
	position:relative;
	background-color:rgba(0,0,0,0.95);
	color:#eee;
	font-size:16px;
	line-height:16px;
	font-family:'SR', sans-serif;
	font-weight:400;
	padding:28px;
	text-decoration:none;
	overflow:hidden;	
}
.scrollOVERBG div a:before
{
	transition: all 0.5s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
	position:absolute;
	background:rgba(0,0,0,1);
	height:200%;
	max-height:0%;
	width:400%;
	display:block;
	content:'';
	transform-origin: center;	
	top:50%;
	left:50%;
	z-index:-1;
	transform:translate(-50%,-50%) rotate(-45deg) ;
}
.scrollOVERBG div a:hover
{
	background-color:rgba(0,0,0,0);
}
.scrollOVERBG div a:hover:before
{
	max-height:400%;
}


/********************************************************************
*********************************************************************
*********************************************************************
END | SCROLL OVER PARALAX BLOCK
*********************************************************************
*********************************************************************
********************************************************************/

footer {
 display: block;
 text-align: center;
 width: 100vw;
 position:relative;
 padding:0;
 margin:0;
 background-color:#000; 
}
footer div{
 display: inline-table;
 text-align: left;
 width: 80vw;
 padding-top:18px;
 position:relative;
}
footer div div{
 display: table-cell;
 position:relative;
 vertical-align:top;
 width:auto;
}
footer div div:last-child{
	min-with:300px;
	text-align:right;
}
footer div div a, footer div div a:link, footer div div a:visited{
	transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    font-family:'SB', sans-serif;
	font-weight:normal;
    text-transform: uppercase;
    font-size: 12px;
	line-height:12px;
	letter-spacing:2px;
    color:rgba(255,255,255,0.45);
    text-decoration: none;
	display:inline-block;
	
}
footer div div:first-child a
{
	margin-right:36px;
}
footer div div a:hover {opacity:1;}
footer div div:last-child a {width:277px;}
footer div div:last-child a strong
{
    font-family:'SR', sans-serif;
	font-weight:400;
    font-size: 46px;
	line-height:46px;
    white-space: nowrap;
	color: #fff;
	margin-bottom:10px;
	display:inline-block;
	vertical-align:top;
}
footer div div:last-child a span
{
    font-family:'SR', sans-serif;
    color: #fff;
    font-size: 31px;
	font-weight:400;
	letter-spacing:0px;
	vertical-align:top;
}
footer div div:last-child img
{
	float:left;
	margin-right:10px;
	height:60px;
	width:auto;
	box-shadow:rgba(0,0,0,0.3) 2px 2px 6px;
	vertical-align:top;
}
footer div div:last-child address
{
	display:inline-block;
	width:277px;
	text-align:left;
	font-style:normal;
	padding-top:14px;
	padding-bottom:60px;
	padding-left:10px;
}
footer div div:last-child address span
{
	font-family:'SR', sans-serif;
    font-size: 12px;
	line-height:24px;
	font-weight:400;
	color: #fff;
	margin-bottom:10px;
	display:inline;
	letter-spacing:1px;
	text-transform:uppercase;
}
footer div div:last-child address span.phone, footer div div:last-child address span.fax
{
	letter-spacing:1px;
}
footer div div:last-child b{
	transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    font-family:'SR', sans-serif;
	font-weight:400;
    text-transform: uppercase;
    font-size: 16px;
	line-height:16px;
    color: #fff;
    text-decoration: none;
	display:inline-block;
	width:277px;
	text-align:left;
	margin-top:12px;
	padding-left:10px;
}











/********************************************************************
*********************************************************************
*********************************************************************
WROK HEADER
*********************************************************************
*********************************************************************
********************************************************************/
.headerWORK
{
	display:inline-block;
	text-align: center;
 	width: 100vw;
 	position:relative;
 	padding:10vw;
	padding-top:270px;	
	padding-bottom:5vw;
	margin-top:60px;
 	margin:0;
 	padding-bottom:0;		
	background:rgba(255,255,255,1);
	z-index:1;
	overflow:visible;
}
.pageTITLE
{
	display:block;
	font-size:90px;
	line-height:90px;
	font-family:'SB', sans-serif;
	font-weight:700;
	vertical-align:middle;
	text-transform:uppercase;
	color:#000;
	margin-top:10px;
	letter-spacing:5px;
	width:auto;
	text-align:left;	
	position:absolute;
	top:180px;
	left:10vw;
	z-index:5;
	transform:rotate(0deg);
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
}
.headerWORK p
{
	display:inline-block;
	font-size:18px;
	line-height:36px;
	font-family:'SR', sans-serif;
	font-weight:400;
	vertical-align:middle;
	color:#000;
	margin-top:10px;
	letter-spacing:1px;
	width:100%;
	text-align:left;
}
.headerWORK nav
{
	display:block;
	text-transform:uppercase;
	color:#000;
	margin-top:24px;
	width:100%;
	text-align:left;
}
.headerWORK nav a, .headerWORK nav a:link, .headerWORK nav a:visited
{
	display:inline-block;
	font-size:14px;
	line-height:14px;
	font-family:'SB', sans-serif;
	font-weight:700;
	vertical-align:middle;
	text-transform:uppercase;
	color:#000;
	letter-spacing:2px;
	width:auto;
	white-space:nowrap;
	text-align:left;
	margin-right:24px;
	text-decoration:none;
	position:relative;
	padding-bottom:6px;
}
.headerWORK nav a:before
{
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
	width:0%;
	height:2px;
	background-color:#C00;
	content:'';
	display:block;
	position:absolute;
	bottom:0px;
	left:0;
}
.headerWORK nav a.curr:before, .headerWORK nav a:hover:before
{
	width:100%;
}


.headerWORKitem
{
	display:inline-block;
	text-align: center;
 	width: 100vw;
	height:auto;
 	position:relative;
 	padding:10vw;
	padding-top:270px;	
	padding-bottom:270px;
	margin-top:60px;
 	margin:0;	
	background:rgba(255,255,255,1);
	z-index:1;
	overflow:visible;
}
.headerWORKitem b
{
	display:block;
	font-size:12px;
	line-height:12px;
	font-family:'SB', sans-serif;
	font-weight:700;
	vertical-align:middle;
	text-transform:uppercase;
	color:rgba(0,0,0,0.5);
	margin-top:10px;
	margin-bottom:12px;
	letter-spacing:12px;
	width:auto;
	text-align:left;
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
}
.headerWORKitem b span
{
	display:inline-block;
	font-size:12px;
	line-height:12px;
	font-family:'SB', sans-serif;
	font-weight:700;
	vertical-align:middle;
	text-transform:uppercase;
	background-color:#c00;
	color:#fff;
	padding:6px;
	margin-right:6px;
	letter-spacing:1px;
	width:auto;
	text-align:left;
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
}
.headerWORKitem h2
{
	display:block;
	font-size:60px;
	line-height:60px;
	font-family:'SB', sans-serif;
	font-weight:700;
	vertical-align:middle;
	color:#000;
	margin-top:10px;
	margin-bottom:24px;
	letter-spacing:1px;
	width:auto;
	text-align:left;
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
}
.headerWORKitem address
{
	display:block;
	font-size:24px;
	line-height:24px;
	font-family:'SR', sans-serif;
	font-weight:400;
	vertical-align:middle;
	color:#000;
	margin-top:10px;
	letter-spacing:1px;
	width:auto;
	text-align:left;
	font-style:normal;
	margin-bottom:48px;
}
.headerWORKitem ul
{
	list-style:none;
	display:block;
	width:auto;
	height:auto;
	text-align:left;
}
.headerWORKitem ul li
{
	list-style:none;
	display:block;
	font-size:14px;
	line-height:14px;
	font-family:'SB', sans-serif;
	font-weight:700;
	vertical-align:middle;
	text-transform:uppercase;
	color:#000;
	margin-top:10px;
	letter-spacing:1px;
	width:auto;
	text-align:left;
	font-style:normal;
}
.headerWORKitem ul li:before
{
	font-family:'i';
	font-size:16px;
	font-weight:normal;
	color:rgba(0,0,0,0.5);
	margin-right:12px;
}
.headerWORKitem ul li.clientName:before
{
	content:'\F007';
}
.headerWORKitem ul li.projectYear:before
{
	content:'\F073';
}

.headerIMG
{
	display:block;
	width:100%;
	height:70vh;
	min-height:400px;
	overflow:hidden;
	position:relative;
	background-color:#CCC;
}
.headerIMG img
{
	width:auto;
	height:auto;
	min-height:110%;
	min-width:110%;
	position:absolute;
	top:10%;
	left:50%;
	transform: translate3d(-50%, -148.65px, 0px);
}
	
.textBLOCK
{
	display:block;
	width:100%;
	height:70vh;
	min-height:400px;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.textBLOCK div
{
	display:inline-table;
	width:80vw;
	height:100%;
	max-width:1100px;
}
.textBLOCK div p
{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	font-size:18px;
	line-height:36px;
	font-family:'SB', sans-serif;
	font-weight:700;
	letter-spacing:2px;
}
/********************************************************************
*********************************************************************
*********************************************************************
END | HOME ABOUT
*********************************************************************
*********************************************************************
********************************************************************/





.pics_in_a_row 
{
	display: flex; 
	flex-wrap: wrap ;
	width: 100%;
  	height: auto;
	align-content: space-between;
	position:relative;
}
.pics_in_a_row div { position:relative; cursor:pointer; overflow:hidden; max-height:80vh;}
.pics_in_a_row div:before
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	padding:0;
	margin:0;
	background-color:rgba(0,0,0,0.25);
	content:'';
}
.pics_in_a_row div:hover:before
{
	background-color:rgba(0,0,0,0.0);
}
.pics_in_a_row div img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  object-fit:contain;
}











/********************************************************************
*********************************************************************
*********************************************************************
SLIDER COLUMNS
*********************************************************************
*********************************************************************
********************************************************************/
.mt100vh{ margin-top:100vh !important;}
.mt90vh{ margin-top:98vh !important;}
.columnsSIDER {
	display:inline-block;
	text-align: center;
 	width: 100vw;
 	position:relative;
 	padding:10vw;
 	padding-top:0;
 	margin:0;
 	padding-bottom:0;
	background:rgba(255,255,255,1);
	z-index:1;
	white-space:nowrap;
	margin-top:20vh;
	margin-bottom:20vh;
	overflow:hidden; 
	
}
.columnsSIDER button
{
	position:absolute;
	top:0;
	width:5vw;
	min-width:80px;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.65+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	backdrop-filter: blur(7px);
	border:none;
	outline:none;
	font-family:'i';
	font-weight:normal;
	font-size:36px;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.columnsSIDER button.left
{	
	z-index:2;
	left:0;	
}
.columnsSIDER button.right
{
	z-index:2;
	right:0;	
}
.columnsSIDER h3 {
    display: table;
    font-size: 18px;
    line-height: 18px;
    font-family: 'SB', sans-serif;
    font-weight: 700;
    vertical-align: middle;
    color: #000;
    margin-top: 10px;
	padding-top:10px;
    margin-bottom: 24px;
    letter-spacing: 5px;
	text-transform:uppercase;
    width: auto;
    text-align: left;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
	position:relative;
}
.columnsSIDER h3:before
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	content:'';
	height:1px;
	background-color:rgba(204,0,0,1);
	z-index:1;
}
.columnsSIDER a, .columnsSIDER a:link, .columnsSIDER a:visited {
	text-align: left;
	display:inline-block;
	vertical-align:top;
	height:50vh;
	position:relative;
	text-decoration:none;
	white-space:normal;
	margin-right:2.5vw;	
}
.columnsSIDER a div
{
	position:relative;
	width:100%;
	height:80%;
	overflow:hidden;
	display:inline-block;
}
.columnsSIDER a div img
{
	transition: all 0.125s ease-in; -moz-transition: all 0.125s ease-in;-webkit-transition: all 0.125s ease-in;
	width:100%;
	height:100%;
	min-height:100%;
	min-width:100%;
	position:relative;
	object-fit: cover;
	transform-origin:center;	
}
.columnsSIDER a:hover div img
{
	transform:scale(1.25,1.25);
}
.columnsSIDER a div span
{
	position:absolute;
	bottom:20px;
	right:20px;
	background-color:rgba(204,0,0,1);
	padding:10px;
	color:#fff;
	font-size:10px;
	line-height:10px;
	font-family:'SB', sans-serif;
	font-weight:700;
	z-index:5;
	letter-spacing:2px;
}
.columnsSIDER a p
{
	display:inline-block;
	font-size:12px;
	line-height:12px;
	font-family:'SB', sans-serif;
	font-weight:700;
	vertical-align:middle;
	text-transform:uppercase;
	color:#000;
	margin-top:10px;
	letter-spacing:5px;
	width:95%;
	text-align:left;
}
.columnsSIDER a b
{
	display:inline-block;
	width:95%;
	font-size:24px;
	line-height:24px;
	font-family:'SR', sans-serif;
	font-weight:400;
	vertical-align:middle;
	text-transform:uppercase;
	color:#000;
	margin-top:10px;
	text-align:left;
}
.colS-33 {width: 35%;}
.colS-66 {width: 50%;}

/********************************************************************
*********************************************************************
*********************************************************************
END | SIDE BY SIDE COLUMNS
*********************************************************************
*********************************************************************
********************************************************************/


.infoBAR {
	display:block;
	padding:0;
	margin:0;
	box-sizing:border-box;
	width:100vw;
	height:auto;
	position:relative;
	background-color:#222;
	text-align:center;
	z-index:0;
}
.infoBAR section {
	display:inline-table;
	padding:0;
	margin:0;
	box-sizing:border-box;
	width:90%;
	max-width:90%;
	height:auto;
	position:relative;
	background-color:transparent;
	text-align:left;
	padding-top:90px;
	padding-bottom:90px;
}
.infoBAR section.infoBARstats {width:auto !important;}
.infoBAR section strong {
	display:table;
	width:auto;
	padding:0;
	margin:0;
	box-sizing:border-box;
	height:auto;
	position:relative;
	color:#00b5ec;
	text-align:center;
	font-family:'SB',Verdana, Geneva, sans-serif;
	font-weight:700;
	font-size:24px; 
	line-height:24px;
	margin-bottom:12px;
	text-align:left;
	text-transform:uppercase;
}
.infoBAR section em {
	display:table;
	width:auto;
	padding:0;
	margin:0;
	box-sizing:border-box;
	height:auto;
	position:relative;
	color:#fff;
	text-align:center;
	font-family:'SL',Verdana, Geneva, sans-serif;
	font-weight:300;
	font-size:36px; 
	line-height:36px;
	font-style:normal;
	text-align:left;
	margin-bottom:20px;
}
.infoBAR section p {
	display:table;
	width:auto;
	padding:0;
	margin:0;
	box-sizing:border-box;
	height:auto;
	position:relative;
	color:#fff;
	text-align:center;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:16px; 
	line-height:24px;
	font-style:normal;
	margin-bottom:20px;
	text-align:left;
	letter-spacing:2px;
}
.infoBAR section div {
	display:inline-table;
	width:auto;
	padding:0;
	margin:0;
	box-sizing:border-box;
	height:auto;
	position:relative;
	margin-bottom:20px;
	white-space:nowrap;	
}
.infoBAR section div div{
	display:inline-block;
	width:auto;
	margin-right:120px;
	box-sizing:border-box;
	font-family:'SB',Verdana, Geneva, sans-serif;
	font-weight:700;
	font-size:18px; 
	line-height:22px;
	color:#00b5ec;
	position:relative;
	max-width:none;
	min-width:0;
	text-transform:uppercase;
}
.infoBAR section div div:last-child { margin-right:0 !important;}
.infoBAR section div div span{
	color:#fff;
	text-align:center;
	font-family:'SL',Verdana, Geneva, sans-serif;
	font-weight:300;
	font-size:48px; 
	line-height:48px;
	font-style:normal;
	text-align:left;
}
@media (max-width: 1360px) 
{
	.infoBAR section div div{	margin-right:80px; }
}
@media (max-width: 1000px) 
{
	.infoBAR section div div span{ font-size:48px; line-height:48px; }
	.infoBAR section div div{	margin-right:60px; }
}

@media (max-width: 800px) 
{
	.infoBAR section div div{	margin-right:60px; font-size:12px; line-height:12px; }
	.infoBAR section div div span 
	{
		font-size:36px;
		line-height:36px;
	}
}
@media (max-width: 700px) 
{
	.infoBAR section div div{	margin-right:30px; }
	.infoBAR section div div span{ font-size:36px; line-height:36px; }
	.infoBAR section.infoBARstats p { letter-spacing:0px; }
}
@media (max-width: 600px) 
{	.infoBAR section { text-align:center;}
	.infoBAR section strong{ display:inline-block; text-align:center;}
	.infoBAR section em{ display:inline-block; text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:solid; border-bottom-color:#44b6e5; border-bottom-width:1px;}
	.infoBAR section.infoBARstats em{display:block !important;}
	.infoBAR section div { width:100%;}
	.infoBAR section div div{ display:table; width:100%; text-align:center; margin-bottom:60px; }
	.infoBAR section div div span 
	{
		display:block;
		width:100%;
		text-align:center;
		font-size:48px;
		line-height:60px;
	}
	.infoBAR section p{ display:inline-block; width:90%; text-align:center; }

}





























.ff
	{
		display:block;
		box-sizing:border-box;
		width:100%;
		height:auto;
		padding:0;
		margin:0;
		text-align:center;
		position:relative;
		background:#fff;
	}
	.ff section
	{
		display:block;
		box-sizing:border-box;
		width:100%;
		height:auto;
		min-height:60vh;
		padding:0;
		margin:0;
		text-align:center;
		position:relative;
	}
	.ff section div
	{
		display:inline-block;
		box-sizing:border-box;
		width:50%;
		height:auto;
		min-height:60vh;
		padding:0;
		margin:0;
		text-align:left;
		position:relative;
		vertical-align:top;
	}
	.ff section div ul {
		display: list !important;
		box-sizing: border-box;
		width:auto;
		height: auto;
		margin: 0;
		margin-left:18px;
		text-align: left;
		position: relative;
		font-family: 'Raleway',Verdana, Geneva, sans-serif;
		font-weight: 400;
		font-size: 18px;
		line-height: 32px;
		color: #000;
		overflow:visible;
		padding: 10vw;
    	padding-top: 0vw;
    	padding-bottom: 0px;
		list-style-position:outside;
	}
	
	.ff section div ul li {
		display: list-item !important;
		width:auto;
		height: auto;
		text-align: left;
		position: relative;
		font-family: 'SR',Verdana, Geneva, sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #000;
		overflow: hidden;
		padding-left: 0px;
		margin: auto;
		margin-bottom: 8px;
		padding-left:0px;
		overflow:visible;
	}
	.ff section div.hasIMG {
		overflow:hidden;		
	}
	.ff section div.hasIMG img
	{
		position:absolute;
		top:50%;
		left:50%;
		width:auto;
		min-width:100%;
		height:auto;
		min-height:100%;
		transform:translate(-50%,-50%);
	}
	.ff section div div{background:none;}
	.ff section div h1,.ff section div h2,.ff section div h3
	{
		font-family:'SR',Verdana, Geneva, sans-serif;
		font-weight:400;
		font-size:18px; 
		line-height:18px;
		color:#141f48;
		
		display:inline-block;
		box-sizing:border-box;
		width:auto;
		height:auto;
		padding:10vw;
		padding-top:15vh;
		padding-bottom:0px;
		margin:0;
		text-align:left;
		position:relative;
		text-transform:uppercase;
		
	}
	.ff section div h1 span,.ff section div h2 span,.ff section div h3 span
	{
		font-family:'SL',Verdana, Geneva, sans-serif;
		font-weight:300;
		font-size:72px; 
		line-height:60px;
		color:#141f48;		
		display:block;
		box-sizing:border-box;
		width:100%;
		height:auto;
		padding:0;
		padding-top:0;
		padding-bottom:14px;
		margin:0;
		text-align:left;
		position:relative;
		text-transform:none;
		
	}
	.ff section div h1 em,.ff section div h2 em,.ff section div h3 em
	{
		display:inline-block;
		padding:10px;
		width:auto;
		height:auto;
		font-size:14px;
		font-family:'SR',Verdana, Geneva, sans-serif;
		font-weight:400;
		background:rgba(0,0,0,1);
		color:#fff;
		font-style:normal;		
	}
	.ff section div p
	{
		display:inline-block;
		box-sizing:border-box;
		width:100%;
		height:auto;
		padding:10vw;
		padding-bottom:0;
		padding-top:0;
		margin:0;
		text-align:left;
		position:relative;
		vertical-align:top;
		font-family:'SR',Verdana, Geneva, sans-serif;
		font-weight:400;
		font-size:16px; 
		line-height:28px;
		letter-spacing:1px;
		color:#000;
	}
	
	.ff section div a, .ff section div a:link, .ff section div a:visited
	{
		font-family:'SR',Verdana, Geneva, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:18px; 
		line-height:24px;
		color: #fff;
		background-color: #222;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
		padding: 20px 25px;
		text-align: left;
		text-decoration: none;
		border-radius:2px;
		margin-left:10vw;
		margin-right:10vw;
		margin-top:20px;
		margin-bottom:20px;
		box-sizing:border-box; 
	}
	.ff section div a span,.ff section div a:link span, .ff section div a:visited span
	{		
		font-size:inherit;
		line-height:inherit;
		display:inline-block;	
	}
	.ff section div a:after
	{
		font-family:'i';
		font-weight:normal;
		font-size:24px;
		content:'\F105';
		color:inherit;
		padding-left:20px;
		display:inline-block;
	}
	
	.ff section div a:hover
	{
		background-color:#FFF;
		color: #222;
		box-shadow:rgba(0,0,0,0.25) 2px 2px 4px;
	}
	
	/*GRID EFFECT IMAGE*/
	.ff section div .placeholder{
	  display:inline-block;
	  position:relative;
	  width:100%;
	  height:100%;
	  overflow:hidden;
	  box-sizing:border-box;
	  margin-top:0;
	}	
	.ff section div .gridContainer{
	  width:100%;
	  height:100%;
	}	
	.ff section div .gridTile
	{
	  position:absolute;
	  top:0px;
	  left:0px;
	  width:100%;
	  height:100%;
	  background-size:cover;
	  background-repeat:no-repeat;
	  background-origin:center;
	}





























/********************************************************************
*********************************************************************
*********************************************************************
HERO
*********************************************************************
*********************************************************************
********************************************************************/
section#heroBRAND
{
	position:fixed;
	width:100vw;
	height:100vh;
	display:block;
	z-index:0;
	background:rgba(0,0,0,1);
}
section#heroBRAND span
{
	position:absolute;
	width:auto;
	height:auto;
	display:block;
	z-index:12;
	color:#fff;
	font-family:'i';
	font-weight:normal;
	font-size:60px;
	line-height:24px;
	bottom:60px;
	left:50%;
	transform:translate(-50%,0%);
	animation: pulse 2s ease-out infinite;
	text-align:center;
}
section#heroBRAND span b
{
	font-weight:400;
	display:inline-block;
	width:auto;
	height:auto;
	position:relative;
	font-size:14px;
	line-height:16px;
	font-family:'SB', sans-serif;
	font-weight:700;
}
section#heroBRAND div
{
	transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out;-webkit-transition: opacity 1.5s ease-in-out;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	opacity:1;
	z-index:1;
}
/*
section#heroBRAND div:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.15);	
}
*/
section#heroBRAND div img
{
	position:absolute;
	top:50%;
	left:50%;	
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
	z-index:0;
	transform:translate(-50%,-50%);
	object-fit:cover;
}

section#heroBRAND div img.p
{
	width:100%;
	height:auto;
}
section#heroBRAND div img.l
{
	width:auto;
	height:100%;
}

section#heroBRAND div video
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
	width:auto;
	height:125%;
	min-width:100%;
	min-height:100%;
	z-index:0;
}
section#heroBRAND div.isVID { animation:none !important;}
section#heroBRAND div:nth-child(odd) img, section#hero div:nth-child(odd) video{
	transform:transform:translate(-50%,-50%) scale(1, 1);
	/*animation: zoom-in-zoom-out 24s ease-out infinite;*/
}
section#heroBRAND div:nth-child(even) img, section#hero div:nth-child(even) video{
	transition-delay: 16s;
	transform:transform:translate(-50%,-50%) scale(1.05, 1.05);
	/*animation: zoom-in-zoom-out-rev 24s ease-out infinite;*/
}

section#heroBRAND section
{
	position:absolute;	
	right:0%;
	z-index:99;
	width:100vw;
	height:auto;
	text-align:center;
	transition: all .125s ease-in-out; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out;
	z-index:18;
	bottom:20%;
	background-color:rgba(0,0,0,0.15);
}
section#heroBRAND section b
{
	text-align:center;
	position:relative;
	display:inline-table;
	width:100%;
	height:auto;
	padding:32px;
	padding-top:20px;
	padding-bottom:20px;
	backdrop-filter: blur(20px);	
	white-space:nowrap;
	box-sizing:border-box;
}
section#heroBRAND section b strong
{
	position:relative;
    font-family:'SR', sans-serif;
    font-size: 16px;
	line-height:16px;
	font-weight:400;
    white-space: nowrap;
	color: #fff;
	margin-bottom:10px;
	display:inline-block;
	width:auto;
}
section#heroBRAND section b img
{
	position:relative;
	box-shadow:rgba(0,0,0,0.3) 2px 2px 6px;
	vertical-align:top;
	box-shadow:none;
}
section#heroBRAND section b img.p
{
	
	height:20vh;
	min-height:48px;
	max-height:160px;
	width:auto;
}
section#heroBRAND section b img.l
{
	
	height:auto;
	min-width:0px;
	max-width:600px;
	max-height:120px;
	width:auto;
	
}
@media (max-width: 1200px)
{
	section#heroBRAND section b img.l
	{
		width:60vw;
	}
	section#heroBRAND section b img.p
	{
		height:auto;
		min-height:0;
		max-height:none;
		width:90vw;
	}
}
@media (max-height: 900px)
{
	section#heroBRAND section b img.l
	{
		
		height:25vh;
		width:auto;
		min-width:0px;
		min-height:120px;
	}
}

/********************************************************************
*********************************************************************
*********************************************************************
END | HERO
*********************************************************************
*********************************************************************
********************************************************************/



/********************************************************************
*********************************************************************
*********************************************************************
BRAND LINKS
*********************************************************************
*********************************************************************
********************************************************************/
.brandLINKS
{

	
	display: inline-block;
    text-align: center;
    width: 100vw;
    position: relative;
    padding: 10vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
    margin: 0;
    background: #fff;
    z-index: 1;	
}
.brandLINKS a, .brandLINKS a:link, .brandLINKS a:visited 
{

	
	display: inline-block;
    text-align: center;
    width:auto;
	height:auto;
    position: relative;
    padding:0;
    margin: 0;
    background:none;
}
.brandLINKS strong
{
	position:relative;
    font-family:'SR', sans-serif;
    font-size: 24px;
	line-height:24px;
	font-weight:400;
    white-space: nowrap;
	color: #000;
	margin-bottom:10px;
	display:inline-block;
	width:auto;
	margin-bottom:5vh;
}
.brandLINKS strong img.logo
{
	display:inline-block;
	vertical-align:middle;
	width:20vw;
	min-width:200px;
	mix-blend-mode: difference;
	height:auto;	
	border-right:solid;
	border-right-color:#000;
	border-right-width:1px;
	margin-right:20px;
	max-height:20vh;
}
.brandLINKS a img
{
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
	width:3vw;
	min-width:48px;
	height:auto;
	margin-left:2vw;
	margin-right:2vw;
	opacity:0.3;
}
.brandLINKS a:hover img
{
	opacity:0.8;
}
/********************************************************************
*********************************************************************
*********************************************************************
BRAND LINKS
*********************************************************************
*********************************************************************
********************************************************************/


/********************************************************************
*********************************************************************
*********************************************************************
BRAND LINKS DARK
*********************************************************************
*********************************************************************
********************************************************************/
.brandLINKSdark
{

	
	display: inline-block;
    text-align: center;
    width: 100vw;
    position: relative;
    padding: 10vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
    margin: 0;
    background: #212121;
    z-index: 1;	
}
.brandLINKSdark a, .brandLINKSdark a:link, .brandLINKSdark a:visited 
{

	
	display: inline-block;
    text-align: center;
    width:auto;
	height:auto;
    position: relative;
    padding:0;
    margin: 0;
    background:none;
	
}
.brandLINKSdark strong
{
	position:relative;
    font-family:'SR', sans-serif;
    font-size: 24px;
	line-height:24px;
	font-weight:400;
    white-space: nowrap;
	color: #efefef;
	margin-bottom:10px;
	display:inline-block;
	width:auto;
	margin-bottom:5vh;
}
.brandLINKSdark strong span
{
	display:inline-block;
	width:auto;
	height:auto;
	white-space:nowrap;
	position:relative;
    font-family:'SR', sans-serif;
    font-size: 24px;
	line-height:24px;
	font-weight:400;
    white-space: nowrap;
	color: #efefef;
	vertical-align:middle;
}
.logoR
{
	mix-blend-mode: difference;
}
.brandLINKSdark strong img.logo
{
	display:inline-block;
	vertical-align:middle;
	width:20vw;
	min-width:200px;
	height:auto;	
	border-right:solid;
	border-right-color:#efefef;
	border-right-width:1px;
	margin-right:20px;
}
.brandLINKSdark a img
{
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
	width:3vw;
	min-width:48px;
	height:auto;
	margin-left:0;
	margin-right:24px;
	margin-top:12px;
	opacity:0.3;
	filter: invert(100%);
}
.brandLINKSdark a:hover img
{
	opacity:0.8;
}
/********************************************************************
*********************************************************************
*********************************************************************
BRAND LINKS
*********************************************************************
*********************************************************************
********************************************************************/










.tbARWRAP {
	display:block;
	position:relative;
	width:100vw;
	background-color:#fff;
	text-align:center;
	padding-bottom:90px;
}
.tbAR {
	display:inline-block;
	width:94%;
	height:auto;
	max-width:900px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	position:relative;
	background-color:#FFF;
	
}
.tbAR-first{margin-top:5vh;}
.tbAR section.tbAR-txt{
	font-size:18px;
	line-height:32px;
	font-weight:400;
	font-family:'SR',Verdana, Geneva, sans-serif;
	box-sizing:border-box;
	/*padding-left:2.5vw;
	padding-right:2.5vw;*/
	padding-top:5vh;
	padding-bottom:5vh;
	text-align:left;
	color:#141f48;
}
.tbAR section.tbAR-txt b{ font-weight:700; color:#141f48; font-size:larger;}
.tbAR section.tbAR-txt *
{
	font-size:18px;
	line-height:32px;
	font-weight:400;
	font-family:'SR',Verdana, Geneva, sans-serif;
	box-sizing:border-box;
	color:#141f48;
}
.tbAR section.tbAR-txt ul, .tbAR section.tbAR-txt ol
{
	display:inline-block;
	width:80%;
	max-width:600px;
	text-align:left;
}
.tbAR section.tbAR-txt ul li, .tbAR section.tbAR-txt ol li, .tbAR section.tbAR-txt li
{
	display:list-item;
	width:80%;
	max-width:600px;
	text-align:left;
	padding-left:20px;
	margin-left:40px;
}
.tbAR section.tbAR-txt-l,
.tbAR section.tbAR-txt-r
{
	display:inline-block;
	width:50%;
	height:auto;
	position:relative;
	vertical-align:top;
	text-align:left;
}
.tbAR section.tbAR-txt-t
{
	display:inline-block;
	width:100%;
	height:auto;
	position:relative;
	vertical-align:top;
	text-align:left;
}



.tbAR section.tbAR-img img
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:auto;
	height:100%;
	min-height:100%;
	min-width:100%;
	z-index:1;
}
.tbAR section.tbAR-img img.p
{
	width:100% !important;
	height:auto !important;
}
.tbAR section img.tbAR-img-r,
.tbAR section img.tbAR-img-l
{
	display:inline-block;
	width:50%;
	height:auto;
	min-height:0px;
	overflow:hidden;
	position:relative;
	vertical-align:top;
	margin:0;
	box-shadow:rgba(0,0,0,0.25) 2px 2px 5px;
	box-sizing:border-box;
}
.tbAR section img.tbAR-img-r { float:right; margin-left:45px; margin-bottom:20px;}
.tbAR section img.tbAR-img-l { float:left; margin-right:45px; margin-bottom:20px;}


.tbAR section.tbAR-img-align-t img
{
	position:relative !important;
	width:100% !important;
	height:auto !important;
	padding:0;
	margin:0;
	transform: none !important;
	top:auto;
	left:auto;
}


.tbAR section.tbAR-img-align-t
{
	display:block;
	width:100%;
	height:auto;
	/*min-height:400px;*/
	overflow:hidden;
	position:relative;
	vertical-align:top;
	margin:0;
	padding:0;
}
.TBARarticle
{
	padding-bottom:0 !important;
	margin-bottom:30px !important;
}
.TBARarticle:after
{
	display:none !important;
}
.tbAR-img-portrait { width:100% !important; height:auto !important; }


.pics_in_a_row 
{
	display: flex; 
	flex-wrap: wrap ;
	width: 80%;
	margin-left:10%;
  	height: auto;
	align-content: space-between;
	position:relative;
}
@media (max-width: 1200px)
{
	.pics_in_a_row 
	{
		width: 96%;
		margin-left:2%;
	}
}
.pics_in_a_row div { position:relative; cursor:pointer; overflow:hidden; max-height:400px; background:#000000;}

.pics_in_a_row div a{
  width: 100%;
  height: auto;
  vertical-align: middle;
  position:relative;
  overflow-y:hidden;
  display:inline-block;
	
}
.pics_in_a_row div a:before
{
	width:100%;
	height:100%;
	background:none;
	background-color:transparent;
	content:'';
	border:solid;
	border-width:1px;
	border-color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	
}
.pics_in_a_row div a img {
	
  width: 100%;
  height: auto;
  vertical-align: middle;
  object-fit:contain;
  opacity:0.75;
}
.pics_in_a_row div a:hover img
{
	opacity:1;
}




.cropROWPIC
{
	display:flex;
	width:100% !important;
	height:100% !important;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	max-height:400px;		
}
.cropROWPIC img
{
	width:auto !important;
	height:auto !important;
	min-height:100%;
	min-width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
}


section#photos
{
	display:block;
	position:relative;
	width:100vw;
	height:auto;
	z-index:10;
	text-align:center;
	background-color:#fff;
}

.brandGRID
{
	display:block;
	width:100vw;
	background:rgba(255,255,255,1);
	z-index:1;
	position:relative;
	text-align:center;
	padding-bottom:10vh;
	padding-top:5vh;
}
.row {
	display:inline-block;
	width:90%;
	height:auto;
	position:relative;
	text-align:center;
}
.row div{
	display:inline-block;
	vertical-align:middle;
	width:15%;
	max-width:none;
	height:0;
	position:relative;
	overflow:hidden;
	padding-bottom:15%;
}
.row div img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80%;
	height:auto;
	mix-blend-mode: difference;
}
.row div a { width:auto; height:auto; }
.row div a:hover img {opacity:0.5;}
.row div img.r {mix-blend-mode: difference;}


@media (max-width: 1100px) 
{
	
	.row div{width:20%;}
}
@media (max-width: 900px) 
{
	
	.row div{width:25%; padding-bottom:25%;}
}

@media (max-width: 700px) 
{
	
	.row div{width:33%; padding-bottom:33%;}
}
/********************************************************************
*********************************************************************
*********************************************************************
HERO
*********************************************************************
*********************************************************************
********************************************************************/
section#heroSIMPLE
{
	position:relative;
	width:100vw;
	height:30vh;
	min-height:400px;
	display:block;
	z-index:1;
}
section#heroSIMPLE span
{
	position:absolute;
	width:auto;
	height:auto;
	display:block;
	z-index:12;
	color:#fff;
	font-family:'i';
	font-weight:normal;
	font-size:60px;
	line-height:24px;
	bottom:60px;
	left:50%;
	transform:translate(-50%,0%);
	animation: pulse 2s ease-out infinite;
	text-align:center;
}
section#heroSIMPLE span b
{
	font-weight:400;
	display:inline-block;
	width:auto;
	height:auto;
	position:relative;
	font-size:14px;
	line-height:16px;
	font-family:'SB', sans-serif;
	font-weight:700;
}
section#heroSIMPLE div
{
	transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out;-webkit-transition: opacity 1.5s ease-in-out;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	opacity:1;
	z-index:1;
}

section#heroSIMPLE div:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.15);	
}
section#heroSIMPLE div img
{
	position:absolute;
	top:50%;
	left:50%;	
	width:100%;
	height:auto;
	min-width:100%;
	min-height:100%;
	z-index:0;
}
section#heroSIMPLE div video
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
	width:auto;
	height:125%;
	min-width:100%;
	min-height:100%;
	z-index:0;
}
section#heroSIMPLE div.isVID { animation:none !important;}
section#heroSIMPLE div:nth-child(odd) img, section#heroSIMPLE div:nth-child(odd) video{
	transform:transform:translate(-50%,-50%) scale(1, 1);
	animation: zoom-in-zoom-out 16s ease-out infinite;
}
section#heroSIMPLE div:nth-child(even) img, section#heroSIMPLE div:nth-child(even) video{
	transition-delay: 16s;
	transform:transform:translate(-50%,-50%) scale(1.1, 1.1);
	animation: zoom-in-zoom-out-rev 16s ease-out infinite;
}

section#heroSIMPLE section
{
	position:absolute;	
	right:0%;
	z-index:99;
	width:100vw;
	height:auto;
	text-align:center;
	transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;-webkit-transition: all 1.5s ease-in-out;
	z-index:18;
	bottom:20%;
}
section#heroSIMPLE section b
{
	text-align:center;
	position:relative;
	display:inline-table;
	width:100%;
	height:auto;
	padding:32px;
	padding-top:20px;
	padding-bottom:20px;
	backdrop-filter: blur(20px);	
	white-space:nowrap;
	box-sizing:border-box;
}
section#heroSIMPLE section b strong
{
	position:relative;
    font-family:'SR', sans-serif;
    font-size: 16px;
	line-height:16px;
	font-weight:400;
    white-space: nowrap;
	color: #fff;
	margin-bottom:10px;
	display:inline-block;
	width:auto;
}
section#heroSIMPLE section b img
{
	position:relative;
	box-shadow:rgba(0,0,0,0.3) 2px 2px 6px;
	vertical-align:top;
	box-shadow:none;
}
section#heroSIMPLE section b img.p
{
	
	height:20vh;
	min-height:120px;
	max-height:360px;
	width:auto;
}
section#heroSIMPLE section b img.l
{
	
	height:auto;
	min-width:320px;
	max-width:780px;
	width:80vw;
}
/********************************************************************
*********************************************************************
*********************************************************************
END | HERO
*********************************************************************
*********************************************************************
********************************************************************/






#careers-th{ display:block; padding:0; margin:0; margin-bottom:90px; width:100%; height:auto; text-align:center;}
#careers-th section{ display:inline-block; padding:0; margin:0; margin-top:0px; width:63%; height:auto; text-align:left;}
#careers-th section h3{ 
	font-size:16px; 
	line-height:16px; 
	font-weight: 400; 
	letter-spacing:5px; 
	opacity:0.5;
	display:block; 
	width:100%; 
	height:auto; 
	padding:0; 
	margin:0; 
	margin-top:60px; 
	margin-bottom:10px; 
	padding-bottom:10px;
	border-bottom:solid; 
	border-bottom-width:1px; 
	border-bottom-color:#222222; 
	color:#222222;
	font-family: 'SR',Verdana, Geneva, sans-serif;}		
#careers-th section div{ font-size:16px; line-height:24px; font-weight: 400;
	display:block; width:100%; height:auto; padding:0; margin:0;  padding-bottom:90px;
	border-bottom:none;
	font-family: 'SR',Verdana, Geneva, sans-serif;}
#careers-th section div * {font-size:16px; line-height:24px}
#careers-th section div div{ border:none !important; margin-bottom:0px; padding-bottom:0px; margin-top:0;}
#careers-th section div div.careerdetails{transition: all 1s ease-out; -moz-transition: all 1s ease-out;-webkit-transition: all 1s ease-out; overflow:hidden; height:auto; max-height:0px; color:#222222; font-family: 'SR',Verdana, Geneva, sans-serif; font-weight:400;}
#careers-th section div div.careerdetails b, .careers-th-topINFO b {font-weight:700;}
#careers-th section div h4{ 
	text-transform:uppercase; font-size:36px; line-height:36px; font-weight: 400;
	display:inline-table; width:auto !important; height:auto; padding:0; margin:0; margin-top:30px; margin-bottom:0px; padding-bottom:10px;
	color:#222222;	
	font-family: 'SR',Verdana, Geneva, sans-serif;}
.careers-th-topINFO{ font-size:18px; line-height:18px; font-weight: 400;  color:#222222;
	display:inline-table; width:auto !important; height:auto; padding:0; margin:0; margin-bottom:30px; margin-top:10px; margin-right:30px;
	font-family: 'SR',Verdana, Geneva, sans-serif;}

#careers-th button, #careers-th a.btn-pill-blue, #careers-th a.btn-pill-blue:visited{
	position:relative;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	outline:none; 
	z-index:2; width:auto; display:inline-table; height:auto; 
	text-decoration:none;  
	background-color: #43b6e4; color:#fff; border:solid; border-width:1px; border-color: #09F;font-weight:400; font-family:'SR',Verdana, Geneva, sans-serif; font-size:16px; line-height:16px;	
}
#careers-th button {padding:20px; padding-top:15px; padding-bottom:15px; }
#careers-th a.btn-pill-blue, #careers-th a.btn-pill-blue:visited{ padding:20px; padding-top:19px; padding-bottom:19px; }

#careers-th a.btn-pill-blue:hover{color: #fff;
    border-color: #222;
    background: #222;}

#careers-th button{ position:relative !important; cursor:pointer; margin-top:0px !important; }
#careers-th button.plus{padding-left:48px !important;}
#careers-th button.plus span { font-weight:300; display:block; padding:0; margin:0; position:absolute; top:50%; left:15px; font-size:36px; line-height:36px; transform:translate(0,-50%); color:inherit;}
#careers-th button:hover{ color: #fff;border-color: #222;background: #222;}
#careers-th button.careers-thBUTTON{color: #fff !important;border-color: #fff !important;background: #888 !important;}
#careers-th button.careers-thBUTTON:hover{color:#0c4f9c !important;border-color:#0c4f9c !important;background:none !important;}
@media (max-width: 900px) {#careers-th section{ width:85%;}}
.formSTYLEw38 { position:relative; width:38% !important; vertical-align:top; text-align:left !important;}
.formSTYLEw25 { position:relative; background-color:#eee; width:22.5% !important; padding-left:2.5% !important; vertical-align:top; text-align:left !important; font-family: 'SR',Verdana, Geneva, sans-serif; font-size:16px; line-height:28px; color:#14153f; font-weight:normal;}

#homeServices div.ac {width:100%; text-align:center; margin:0; padding:0;}
.formSTYLE { text-align:left; font-family: 'SR',Verdana, Geneva, sans-serif; width:63%; display:inline-table; padding:0px; margin:0px; height:auto; 
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; overflow:visible; margin-top:-90px; margin-bottom:10%; position:relative;}
@media (max-width: 1580px) {.formSTYLEw38 {width:44% !important;} .formSTYLEw25 {width:30.5% !important; }}
@media (max-width: 1380px) {.formSTYLEw38 {width:54% !important;} .formSTYLEw25 {width:30.5% !important; }}
@media (max-width: 1300px) {.formSTYLE { width:90%;}
.formSTYLE div.info{ display:table-cell; vertical-align:top; width:auto; text-align:left; background-color:#14153f; color:#FFF; position:relative;}
.formSTYLE div.vaTOP{ vertical-align:top !important; padding-top:5% !important; }
.formSTYLE div.info h1{ display:inline-block; position:relative; padding:10%; padding-bottom:5%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 60px;line-height: 60px; font-weight:normal; }
.formSTYLE div.info p, .formSTYLE div.info address{ font-style:normal; display:inline-block; color:#d0d3d4; position:relative; padding:10%; padding-top:0%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 14px;line-height: 24px; font-weight:normal; }
.formSTYLE div.info address{ padding-top:60px !important;} 
.formSTYLE div.info address:before{ position:absolute; top:90; left:-5px; margin:0px; padding:0px; font-size:18px; color:#fff; line-height:18px; font-family:'i'; content:'\E666';}
.formSTYLE div.form{ display:table-cell; vertical-align:middle; width:65%; text-align:left; background-color:#FFF; color:#282d36; position:relative;}
}
@media (max-width: 1160px) {.formSTYLEw38 {width:59% !important;} .formSTYLEw25 {width:30.5% !important; }}
@media (max-width: 900px) {
	.formSTYLEw38 {width:80% !important;} .formSTYLEw25 {width:80% !important;padding-left:0% !important; margin-top:60px; padding-top:30px; background-color:transparent !important; border-top:dotted; border-top-width:1px; border-top-color:#14153f !important; }
	.formSTYLE div.info{ display:table; width:100%; }
	.formSTYLE div.form{ display:table; width:100%;}
	.formSTYLE div.info h1{  padding:5%; padding-bottom:2%;}
	.formSTYLE div.info p{ padding:5%; padding-top:0%; font-size:16px; }

	.formSTYLE div.form form div.c{ display:table !important; width:100% !important; margin-right:0 !important; }
}



.formSTYLE div.myaccountSUCCESS{ background-color:#9C0; color:#fff; display:inline-block; padding:5%; margin:0px; margin-bottom:5% !important; position:relative; width:90%; 
transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; text-align:right;}
.formSTYLE div.myaccountSUCCESS h3 {display:inline-block; width:85% !important; text-align:left; position:relative; padding:0%; padding-left:0%; padding-right:0%; padding-bottom:2%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 48px;line-height: 48px; font-weight:normal;}
.formSTYLE div.myaccountSUCCESS h3:before{ position:absolute; top:0%; left:-15%; content:"\E678"; color:#FFF; font-weight:normal; font-family:'i'; font-size:72px; line-height:72px; padding:0px; margin:0px;}
.formSTYLE div.myaccountSUCCESS p {display:inline-block; width:85% !important; text-align:left; position:relative; padding:0%; padding-left:0%; padding-right:0%; padding-bottom:0%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 16px;line-height: 24px; font-weight:normal;}
.formSTYLE div.myaccountSUCCESS a { cursor:pointer; position:absolute; top:8%; right:2%; padding:0px; margin:0px; color:#fff; font-size:24px; line-height:24px; font-weight:normal; font-family:'i';}
.formSTYLE div.myaccountSUCCESSh{ display:none; visibility:hidden; opacity:0; position:absolute; z-index:-1; width:0px; height:0px; padding:0px; margin:0px; overflow:hidden;}


.formSTYLE div.form h2{
    position: relative;
    background-color: #fff;
    width: auto;
    height: auto;
    padding: 0%;
	padding-top:0px;
	padding-bottom:30px;
    margin: 0px;
    display: block;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #14153f;
    font-weight: normal;
	margin-bottom:0px;
	
	background-image: url(images/shadow960.png);
    background-position: 50% 100%;
    background-size: 100% 12px;
    background-repeat: no-repeat;

}
.formSTYLE div.form h2 span{padding: 5%;
    position: relative;
    display: inline-block;
    margin: 0px;}
.formSTYLE div.form form{ background:none !important; background-color:transparent !important; min-height:180px; display:inline-block; padding:0%; padding-top:0; margin:0px; position:relative; width:100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}

.formSTYLE div.form div.myaccountERROR, .myaccountERROR{ background-color:#C00; color:#fff; display:inline-block; padding:5%; margin:0px; margin-bottom:5% !important; position:relative; width:90%; 
transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; text-align:right;}
.formSTYLE div.form div.myaccountERROR:before, .myaccountERROR:before{ position:absolute; top:50%; left:5%; content:"\F057"; color:#FFF; font-weight:normal; font-family:'i'; font-size:36px; line-height:36px; padding:0px; margin:0px; margin-top:-18px;}
.formSTYLE div.form div.myaccountERROR h3, .myaccountERROR h3 {display:inline-block; width:85% !important; text-align:left; position:relative; padding:0%; padding-left:0%; padding-right:0%; padding-bottom:2%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 48px;line-height: 48px; font-weight:normal;}
.formSTYLE div.form div.myaccountERROR p, .myaccountERROR p {display:inline-block; width:85% !important; text-align:left; position:relative; padding:0%; padding-left:0%; padding-right:0%; padding-bottom:0%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 16px;line-height: 24px; font-weight:normal;}
.formSTYLE div.form div.myaccountERROR a, .myaccountERROR a { cursor:pointer; position:absolute; top:8%; right:2%; padding:0px; margin:0px; color:#fff; font-size:24px; line-height:24px; font-weight:normal; font-family:'i';}
.formSTYLE div.form div.myaccountERRORh, .myaccountERRORh{ display:none; visibility:hidden; opacity:0; position:absolute; z-index:-1; width:0px; height:0px; padding:0px; margin:0px; overflow:hidden;}

#careers-th section div#myaccountERROR{ background-color:#C00; color:#fff; display:inline-block; padding:5%; margin:0px; margin-bottom:5% !important; position:relative; width:90%; 
transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; text-align:right;}
#careers-th section div#myaccountERROR:before{ position:absolute; top:50%; left:5%; transform:translate(0%,-50%); content:"\F057"; color:#FFF; font-weight:normal; font-family:'i'; font-size:60px; line-height:60px; padding:0px; margin:0px;}
#careers-th section div#myaccountERROR h3 { border:none; color:#fff; display:inline-block; width:85% !important; text-align:left; position:relative; padding:0%; padding-left:0%; padding-right:0%; padding-bottom:2%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 48px;line-height: 48px; font-weight:normal;}
#careers-th section div#myaccountERROR p {display:inline-block; width:85% !important; text-align:left; position:relative; padding:0%; padding-left:0%; padding-right:0%; padding-bottom:0%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 16px;line-height: 24px; font-weight:normal;}
#careers-th section div#myaccountERROR a { cursor:pointer; position:absolute; top:8%; right:2%; padding:0px; margin:0px; color:#fff; font-size:24px; line-height:24px; font-weight:normal; font-family:'i';}
#careers-th section div#myaccountERRORh{ display:none; visibility:hidden; opacity:0; position:absolute; z-index:-1; width:0px; height:0px; padding:0px; margin:0px; overflow:hidden;}



#careers-th section div.myaccountSUCCESS, .myaccountSUCCESS{ background-color:#9C0; color:#fff; display:inline-block; padding:5%; margin:0px; margin-bottom:5% !important; position:relative; width:90%; 
transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; text-align:right;}
#careers-th section div.myaccountSUCCESS h3, .myaccountSUCCESS h3 { border:none; color:#fff; display:inline-block; width:85% !important; text-align:left; position:relative; padding:0%; padding-left:0%; padding-right:0%; padding-bottom:2%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 48px;line-height: 48px; font-weight:normal;}
#careers-th section div.myaccountSUCCESS h3:before, .myaccountSUCCESS h3:before{ position:absolute; top:0%; left:-15%; content:"\F058"; color:#FFF; font-weight:normal; font-family:'i'; font-size:72px; line-height:72px; padding:0px; margin:0px;}
#careers-th section div.myaccountSUCCESS p, .myaccountSUCCESS p {display:inline-block; width:85% !important; text-align:left; position:relative; padding:0%; padding-left:0%; padding-right:0%; padding-bottom:0%; margin:0px; font-family: 'SR',Verdana, Geneva, sans-serif; width:auto;font-size: 16px;line-height: 24px; font-weight:normal;}
#careers-th section div.myaccountSUCCESS a, .myaccountSUCCESS a { cursor:pointer; position:absolute; top:8%; right:2%; padding:0px; margin:0px; color:#fff; font-size:24px; line-height:24px; font-weight:normal; font-family:'i';}
#careers-th section div.myaccountSUCCESSh, .myaccountSUCCESSh{ display:none; visibility:hidden; opacity:0; position:absolute; z-index:-1; width:0px; height:0px; padding:0px; margin:0px; overflow:hidden;}




.formSTYLE div.form form div{
	display: table;
	width: 80% !important;
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-bottom:30px !important;
	border: none;
	outline: none;
	font-size:16px;
	position:relative;
	overflow:visible;
}
.formSTYLE div.form form h4 { font-size:18px; line-height:18px; padding:0; margin:0; margin-bottom:15px; margin-top:15px; display:table;font-family:'SR',Verdana, Geneva, sans-serif; color:#151550; text-transform:uppercase; font-weight:normal;}
 
.formSTYLE div.form form div.txtarea{
	display: table;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-bottom:5%;
	border: none;
	outline: none;
	border-bottom:none;
	font-size:16px;
	position:relative;
	overflow:visible;
}
.formSTYLE div.form form div label{font-family: 'SR',Verdana, Geneva, sans-serif; pointer-events:none; transition: all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; 
	position:absolute; color:#14153f; top:50%; left:5%; 
	font-size:14px; line-height:14px !important; text-transform:uppercase; letter-spacing:2px; font-weight:normal; padding:0px; margin:0px; margin-top:-10px;
	z-index:0; }
.formSTYLE div.form form div label.txtarea{ pointer-events:none; transition: all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; 
	position:absolute; color:#14153f; top:9%; left:3%; font-size:14px; font-weight:normal; padding:0px; margin:0px;z-index:0; }
.formSTYLE div.form form div input {
	transition: all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out; 
	display:table-cell;
	width: 100%;
	height: auto;
	padding: 5%;
	padding-left:0%;
	padding-right:0%;
	margin: 0px;
	border: none;
	outline: none;
	font-size:16px;
	/*border-bottom: dotted;
	border-bottom-color: #14153f;
	border-bottom-width:1px;*/
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
	background: rgba(0,0,0,0.1);
	z-index:2;
 }
 .formSTYLE div.form form div input[type="radio"],  .formSTYLE div.form form div input[type="checkbox"] { width:auto !important;}
 .formSTYLE div.form form div input:focus + label, .formSTYLE div.form form div input:valid + label  {top:100%; left:0%; margin-top:5px; font-size:11px; color:#888; letter-spacing:2px; }
 .formSTYLE div.form form div input:focus, .formSTYLE div.form form div input:valid  {
	 background:rgba(0,0,0,0); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; /*border-bottom-color: #ffffff; border-bottom:none;*/ background-color:#141f48; padding-left:5%; padding-right:5%; width: 90%; color:#fff; }
 .formSTYLE div.form form div textarea{
	 z-index:2;
	transition: all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;
	display:table-cell;
	width: 92%;
	height: auto;
	min-height:120px;
	padding: 0px;
	margin: 0px;
	padding: 3%;
	border: none;
	outline: none;
	font-size:16px;
	background: rgba(0,0,0,0.1);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
 }
.formSTYLE div.form form div textarea:focus, .formSTYLE div.form form div textarea:valid  {border:none; background-color:#14153f; color:#fff; }
.formSTYLE div.form form div textarea:focus + label, .formSTYLE div.form form div textarea:valid + label  {top:100%; left:0%; margin-top:5px; font-size:11px; color:#888; letter-spacing:2px; }
.formSTYLE div.form form div.c{ display:inline-table; vertical-align:top; width:48%;}
.formSTYLE div.form form div.c:nth-child(even){ margin-right:2%;}
.formSTYLE div.form form div:nth-last-child(2){ margin-bottom:10%;}
.cCHECK { text-align:left; width:auto !important; }
.cCHECK input, .cCHECK label{width:30px !important; display:inline-table !important;}
.cCHECK label{display:inline-table !important; width:auto !important; position:relative !important; top:auto !important; left:auto !important; font-size:16px !important; letter-spacing:0px !important;}
.formSTYLE div.form form button{
	 
    overflow: hidden;
    position:relative;
    display:inline-table;
    width: 20%;
    height: auto;
    text-align: center;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 16px;
	border:none;
	outline:none;
    color: #ffffff;
    padding: 0%;
    padding-top: 3%;
    padding-bottom: 3%;
    margin: 0%;
	margin-right:60px;
	vertical-align:middle;
    background-color: #14153f;
    text-decoration: none;
	z-index:5;
	cursor:pointer;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
 }
 .formSTYLE div.form form button:after{
    z-index: 1;
    transition: all 0.375s;
    -moz-transition: all 0.375s;
    -webkit-transition: all 0.375s;
    position: absolute;
    right: -105%;
    opacity: 0;
    top: 0px;
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    padding-left: 0%;
    padding-top: 15%;
    padding-bottom: 0%;
    vertical-align: middle;
    background-color:#151550;
    text-decoration: none;
    content: 'LOGIN NOW';
 }
 
 
 
 
 
 
 
 
 
 
 
 
 .formSTYLE div.form form button.add{
	 
    overflow: hidden;
    position:relative;
    display:inline-table;
    width: 20%;
	min-width:170px;
    height: auto;
    text-align: center;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 16px;
	border:none;
	outline:none;
    color: #ffffff;
    padding: 0%;
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 0%;
	margin-right:60px;
	vertical-align:middle;
    background-color: #9C0;
    text-decoration: none;
	z-index:5;
	cursor:pointer;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
 }
 .formSTYLE div.form form button.add:after{ display:none; opacity:0; width:0; height:0; content:''; overflow:hidden;}
 .formSTYLE div.form form button.add:hover{background-color: #14153f;}
 
 
  .formSTYLE div.form form button.remove{
	 
    overflow: hidden;
    position:relative;
    display:inline-table;
    width:40px;
	min-width:0px;
    height: auto;
    text-align: center;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-size: 36px;
    line-height: 30px;
	border:none;
	outline:none;
    color:#fff;
    padding: 0%;
    padding-top: 3px;
    padding-bottom: 7px;
    margin: 0%;
	margin-right:0px;
	margin-left:10px;
	vertical-align:middle;
    background-color: #C00;
    text-decoration: none;
	z-index:5;
	cursor:pointer;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
 }
 .formSTYLE div.form form button.remove:after{ display:none; opacity:0; width:0; height:0; content:''; overflow:hidden;}
 .formSTYLE div.form form button.remove:hover{background-color: #14153f;}
 
 
 
 
 
 
 
 
 button.sendemail:after {content: 'SEND'  !important;}
  button.sendemailfr:after {content: 'ENVOYER'  !important;}
 	.formSTYLE div.form form button:hover{ border-color:#14153f; }
  	.formSTYLE div.form form button:hover:after{  right:0%; opacity:1;}
  	.formHIDE{ display:none !important; position:absolute !important; z-index:-1 !important; opacity:0; width:0px !important; height:0px !important; padding:0% !important; margin:0% !important; left:-1000% !important; top:-1000% !important; overflow:hidden !important;}
	.formSTYLE div.form section{ display:block; width:90%; background:none; background-color:transparent; padding:0px; padding-left:5%; padding-top:5%; margin:0px; margin-bottom:5%; color:#ACB4C1 !important; font-family: 'SR',Verdana, Geneva, sans-serif;}
	.formSTYLE div.form section a{ display:inline-block; color:; padding:0px; margin:0px; margin-right:2%; cursor:pointer; font-size:18px; line-height:18px; } 
	.formSTYLE div.form section a:last-child{ margin-left:2%;}
	.formSTYLE div.form section a.curr{ color:#17a4b3; }
	.formSTYLE div.form section a:hover{ color:#9C0; }
/*********************************************************************************************************
MALE/FEMALE CHECKBOX
*********************************************************************************************************/
.formSTYLE div.form form div.sex { background: #fff; margin:0px;margin-right:5px;margin-top:10px;margin-bottom:5%;vertical-align:middle; -webkit-border-radius: 50px; -moz-border-radius: 50px;	border-radius: 50px; position: relative;-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	display:inline-block;
	width: 140px;
	height: 26px;}
.formSTYLE div.form form div.sex div { background-color:transparent !important; display:block; background-image:url(../zenxoffice/images/zenxoffice/icons/male_user_32.png); width:32px; height:32px; border:none; position:absolute; right:-37px; top:-2px; outline:none;}

.formSTYLE div.form form div.sex:after { font: 12px/26px Arial, sans-serif;color: #555;position: absolute;right: 10px;top:0px;z-index: 0;font-weight: bold;text-shadow: 1px 1px 0px rgba(255,255,255,.15);
	content: 'MALE';}
.formSTYLE div.form form div.sex:before {font: 12px/26px Arial, sans-serif;color: #555;position: absolute;left: 10px;top:0px;z-index: 0;font-weight: bold;text-shadow: 1px 1px 0px rgba(255,255,255,.15);
	content: 'FEMALE';}
.formSTYLE div.form form div.sex label {
	width: 68px;
	height: 20px;
	display: block;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;cursor: pointer;position: absolute;top: 3px;left: 3px;z-index: 1;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background-color: #499bea;	
	background: #72a4f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #72a4f0 0%, #0074e0 76%, #0b67e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72a4f0), color-stop(76%,#0074e0), color-stop(100%,#0b67e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #72a4f0 0%,#0074e0 76%,#0b67e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #72a4f0 0%,#0074e0 76%,#0b67e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #72a4f0 0%,#0074e0 76%,#0b67e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #72a4f0 0%,#0074e0 76%,#0b67e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72a4f0', endColorstr='#0b67e7',GradientType=0 ); /* IE6-9 */}
.formSTYLE div.form form div.sex input[type=checkbox] {visibility: hidden;}
.formSTYLE div.form form div.sex input[type=checkbox]:checked + label {background: #ff2d9a; /* Old browsers */
background: -moz-linear-gradient(top,  #ff2d9a 0%, #cd016a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2d9a), color-stop(100%,#cd016a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff2d9a 0%,#cd016a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff2d9a 0%,#cd016a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff2d9a 0%,#cd016a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff2d9a 0%,#cd016a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2d9a', endColorstr='#cd016a',GradientType=0 ); /* IE6-9 */

	left: 70px;
 	width:68px;}
.formSTYLE div.form form div.sex input[type=checkbox]:checked ~ div{background-image:url(../zenxoffice/images/zenxoffice/icons/female_user_32.png);}
.formSTYLE div.form form div.sex label:after { position:absolute; top:3px; left:13px; color:rgba(255,255,255,0.9); content:''; font-size:10px; font-weight:bold; letter-spacing:1px; }
.formSTYLE div.form form div.sex label:hover:after { content:'CLICK';color:rgba(255,255,255,0.75); padding:0px !important; margin:0px !important; line-height:11px !important; font-size:11px !important; font-family:Verdana, Geneva, sans-serif !important;  }
/*********************************************************************************************************
END | MALE/FEMALE CHECKBOX
*********************************************************************************************************/
/*********************************************************************************************************
YES/NO CHECKBOX
*********************************************************************************************************/
.formSTYLE div.form form div.ynchk { background: #fff; margin:0px;margin-right:5px;margin-top:0px;margin-bottom:5%;vertical-align:middle; -webkit-border-radius: 50px; -moz-border-radius: 50px;	border-radius: 50px; position: relative;-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);display:inline-block;
	width: 140px;
	height: 26px;}

.formSTYLE div.form form div.ynchk:after { font: 12px/26px Arial, sans-serif;color: #555;position: absolute;right: 10px;top:0px;z-index: 0;font-weight: bold;text-shadow: 1px 1px 0px rgba(255,255,255,.15);
	content: 'NO';}
.formSTYLE div.form form div.ynchk:before {font: 12px/26px Arial, sans-serif;color: #555;position: absolute;left: 10px;top:0px;z-index: 0;font-weight: bold;text-shadow: 1px 1px 0px rgba(255,255,255,.15);
	content: 'YES';}
.formSTYLE div.form form div.ynchk label {
	width: 68px;
	height: 20px;
	display: block;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;cursor: pointer;position: absolute;top: 3px !important;left: 3px !important; margin-top:0px !important;z-index: 1;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #ff3019; /* Old browsers */ background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */}
.formSTYLE div.form form div.ynchk input[type=checkbox] {visibility: hidden;}
.formSTYLE div.form form div.ynchk input[type=checkbox]:checked + label {background: #a2e200; /* Old browsers */background: -moz-linear-gradient(top,  #a2e200 11%, #5ebc0c 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#a2e200), color-stop(100%,#5ebc0c)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #a2e200 11%,#5ebc0c 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #a2e200 11%,#5ebc0c 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #a2e200 11%,#5ebc0c 100%); /* IE10+ */background: linear-gradient(to bottom,  #a2e200 11%,#5ebc0c 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2e200', endColorstr='#5ebc0c',GradientType=0 ); /* IE6-9 */

	left: 70px !important;
 	width:68px !important;}
.formSTYLE div.form form div.ynchk label:after { position:absolute; top:3px; left:13px; color:rgba(255,255,255,0.9); content:''; font-size:10px; font-weight:bold; letter-spacing:1px; }
.formSTYLE div.form form div.ynchk label:hover:after { content:'CLICK';color:rgba(255,255,255,0.75); padding:0px !important; margin:0px !important; line-height:11px !important; font-size:11px !important; font-family:Verdana, Geneva, sans-serif !important;  }
/*********************************************************************************************************
END | MALE/FEMALE CHECKBOX
*********************************************************************************************************/
.formSTYLE div.form form span.chklabel {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    font-size: 12px;
	color:#282d36 !important;}
.formSTYLE div.form form div.valCODE { display:block !important; width:100% !important; text-align:left !important; padding:0px !important; margin:0px !important; margin-bottom:5% !important; border:none !important;}
.formSTYLE div.form form div.valCODE img.imgCODE { position:relative !important; left:auto !important; top:auto !important; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); vertical-align:bottom; margin-bottom:3px;}
.formSTYLE div.form form div.valCODE img.imgCODEr { position:relative !important; left:auto !important; top:auto !important;}
.formSTYLE div.form form div.valCODE input.imgCODEvallog {border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
	background: rgba(0,0,0,0.1); color:#14153f !important; font-size:14px; text-transform:none; font-family: inherit !important; width:120px !important; height:auto; padding:2% !important;  display:inline-block !important; margin-left:0px !important; margin-bottom:0px !important;  vertical-align:bottom;}



		@media (max-width: 1400px) {#careers-th section{ width:85%;}}
		@media (max-width: 1100px) {#careers-th section div section{ display:table; width:100%;} #careers-th section div h3{ margin-top:90px;}}

		.heroSM {
				display:block;
				width:100vw;
				height:80vh;
				min-height:400px;
				position:relative;
				overflow:hidden;
				padding-top:64px;
				z-index:0;
			}
			.heroSM:after {
				position: absolute;
				top: 0;
				left: 0;
				width: 100vw;
				height: 100%;
				content: '';
				background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0.5) 100%);
				background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.5) 100%);
				background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.5) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
				z-index: 1;
				opacity: 1;
			}
			.heroSM img{
				position:absolute;
				z-index:0;
				width:auto;
				height:auto;
				min-width:100%;
				min-height:100%;
				top:50%;
				left:50%;
				transform:translate(-50%,-50%);
			}
			.heroSM div {
				display: block;
				text-align: center;
				width: 100vw;
				height: auto;
				position: absolute;
				bottom: 0%;
				left: 50%;
				transform: translate(-50%,0%);
				z-index: 2;
				backdrop-filter: blur(7px);
				padding-left: 5vw;
				padding-right: 5vw;				
				background: rgba(0,0,0,0.2);
				overflow:hidden;
			}
			.heroSM div h1 {
				padding-top: 54px;
				padding-bottom: 54px;
				width:100%;
				white-space:nowrap; 
				display: inline-block; 
				line-height: 36px; 
				overflow:hidden; 
				position:relative;
				text-align:center;
			}
			.heroSM div h1 span{
			
				font-size: 36px;
				line-height: 36px;
				font-family: 'SR', sans-serif;
				font-weight: 400;
				color: #fff;
				display: inline-block;
				letter-spacing:18px;
				white-space:nowrap;
				vertical-align:middle;
			}
			.heroSM img.logo{
				position:absolute;
				z-index:0;
				opacity:0.2;				
				top:0%;
				left:5%;
				height:50vh;
				min-height:400px;
				vertical-align:middle;
				min-width:0 !important;
				-webkit-animation-name: spin;
				-webkit-animation-duration: 36000ms;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-timing-function: linear;
				-moz-animation-name: spin;
				-moz-animation-duration: 36000ms;
				-moz-animation-iteration-count: infinite;
				-moz-animation-timing-function: linear;
				-ms-animation-name: spin;
				-ms-animation-duration: 36000ms;
				-ms-animation-iteration-count: infinite;
				-ms-animation-timing-function: linear;
				animation-name: spin;
				animation-duration: 36000ms;
				animation-iteration-count: infinite;
				animation-timing-function: linear;
			}
			@-ms-keyframes spin {
			  from {
				-ms-transform: rotate(0deg);
			  }
			  to {
				-ms-transform: rotate(360deg);
			  }
			}
			
			@-moz-keyframes spin {
			  from {
				-moz-transform: rotate(0deg);
			  }
			  to {
				-moz-transform: rotate(360deg);
			  }
			}
			
			@-webkit-keyframes spin {
			  from {
				-webkit-transform: rotate(0deg);
			  }
			  to {
				-webkit-transform: rotate(360deg);
			  }
			}
			
			@keyframes spin {
			  from {
				transform: rotate(0deg);
			  }
			  to {
				transform: rotate(360deg);
			  }
			}
			
			
.team{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
}
.team ul{
	display:inline-block;
	width:90%;
	max-width:1100px;
	height:auto;
	position:relative;
	box-sizing:border-box;
	text-align:center;
	list-style:none;
	padding-top:90px;
	padding-bottom:90px;
}
.team ul li{
	display:inline-block;
	width:28%;
	position:relative;
	height:auto;
	padding:0;
	margin:0;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-bottom:90px;
	vertical-align:top;
	box-sizing:border-box;
	text-align:center;
	/*cursor:pointer;*/
}
@media (max-width: 1150px) 
{
	.team ul li{
		display:inline-block;
		width:45%;
		position:relative;
		height:auto;
		padding:0;
		margin:0;
		margin-left:2.5%;
		margin-right:2.5%;
		margin-bottom:90px;
		vertical-align:top;
		box-sizing:border-box;
		/*cursor:pointer;*/
	}
	
}
.team ul li.teamCat
{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:30px;
	text-align:center;
	cursor:default;
}
.team ul li.teamCat h3
{
	position:relative;
	width:94%;
	box-sizing:border-box;
	padding:8px;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:14px;
	color:#fff;
	display:inline-block;
	height:auto;
	text-align:left;
	background-color:#000;
	border-radius:2px;
	box-sizing:border-box;
	letter-spacing:6px;
	padding-left:14px;	
	
}
.team ul li.teamCat h3 img
{
	width:auto;
	height:28px;
	display:inline-block;
	vertical-align:bottom;
	padding:0;
	margin:0;
	margin-right:6px;
	float:right;
	
}








.team ul li.teamCatDetails
{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:30px;
	text-align:center;
	cursor:default;
}
.team ul li.teamCatDetails p
{
	position:relative;
	width:94%;
	box-sizing:border-box;
	padding:8px;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:32px;
	color:#888;
	display:inline-block;
	height:auto;
	text-align:left;
	box-sizing:border-box;
	letter-spacing:1px;	
}




/********************************************************************
*********************************************************************
*********************************************************************
HERO
*********************************************************************
*********************************************************************
********************************************************************/
section.heroFULL
{
	position:relative;
	width:100vw;
	height:80vh;
	min-height:400px;
	display:block;
	z-index:0;
	background:#000000;
	overflow:hidden;
}
section.heroFULL div:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.45);
	z-index:0;
	
}
section.heroFULL span
{
	position:absolute;
	width:auto;
	height:auto;
	display:block;
	z-index:12;
	color:#fff;
	font-family:'i';
	font-weight:normal;
	font-size:60px;
	line-height:24px;
	bottom:60px;
	left:50%;
	transform:translate(-50%,0%);
	animation: pulse 2s ease-out infinite;
	text-align:center;
}
section.heroFULL span b
{
	font-weight:400;
	display:inline-block;
	width:auto;
	height:auto;
	position:relative;
	font-size:14px;
	line-height:16px;
	font-family:'SR', sans-serif;
	font-weight:700;
}
section.heroFULL div
{
	transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out;-webkit-transition: opacity 1.5s ease-in-out;
	position:absolute;
	width:100%;
	height:100%;
	display:table;
	overflow:hidden;
	opacity:1;
	z-index:1;
}


section.heroFULL div h3
{
	display:table-cell;
	width:100%;
	height:100%;
	position:relative;
	vertical-align:middle;
	font-size:3.5vw;
	line-height:3.5vw;
	font-family:'SL', sans-serif;
	font-weight:normal;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	padding:20vw;
	z-index:10;
	
}
section.heroFULL div img
{
	position:fixed;
	top:50%;
	left:50%;	
	width:100%;
	height:auto;
	min-width:100%;
	min-height:100%;
	z-index:0;
	opacity:1;
}
section.heroFULL div img.logo
{
	mix-blend-mode: overlay;
	opacity:0.15;
	width:80% !important;
	min-width:80% !important;
	min-height:80% !important;
}
	
section.heroFULL div video
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
	width:auto;
	height:125%;
	min-width:100%;
	min-height:100%;
	z-index:0;
}
section.heroFULL div.isVID { animation:none !important;}
section.heroFULL div:nth-child(odd) img, section.heroFULL div:nth-child(odd) video{
	transform:transform:translate(-50%,-50%) scale(1, 1);
	animation: zoom-in-zoom-out 16s ease-out infinite;
}
section.heroFULL div:nth-child(even) img, section.heroFULL div:nth-child(even) video{
	transition-delay: 16s;
	transform:transform:translate(-50%,-50%) scale(1.1, 1.1);
	animation: zoom-in-zoom-out-rev 16s ease-out infinite;
}

section.heroFULL section
{
	position:absolute;	
	right:0%;
	z-index:99;
	width:100vw;
	height:auto;
	text-align:center;
	transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;-webkit-transition: all 1.5s ease-in-out;
	z-index:18;
	bottom:20%;
}
section.heroFULL section b
{
	text-align:center;
	position:relative;
	display:inline-table;
	width:100%;
	height:auto;
	padding:32px;
	padding-top:20px;
	padding-bottom:20px;
	backdrop-filter: blur(20px);	
	white-space:nowrap;
	box-sizing:border-box;
}
section.heroFULL section b strong
{
	position:relative;
    font-family:'SR', sans-serif;
    font-size: 16px;
	line-height:16px;
	font-weight:400;
    white-space: nowrap;
	color: #fff;
	margin-bottom:10px;
	display:inline-block;
	width:auto;
}
section.heroFULL section b img
{
	position:relative;
	box-shadow:rgba(0,0,0,0.3) 2px 2px 6px;
	vertical-align:top;
	box-shadow:none;
}
section.heroFULL section b img.p
{
	
	height:20vh;
	min-height:120px;
	max-height:360px;
	width:auto;
}
section.heroFULL section b img.l
{
	
	height:auto;
	min-width:320px;
	max-width:780px;
	width:80vw;
}
/********************************************************************
*********************************************************************
*********************************************************************
END | HERO
*********************************************************************
*********************************************************************
********************************************************************/


/********************************************************************
*********************************************************************
*********************************************************************
HERO 80
*********************************************************************
*********************************************************************
********************************************************************/
section#hero80
{
	position:relative;
	width:100vw;
	height:80vh;
	min-height:400px;
	display:block;
	z-index:10;
}
section#hero80 span
{
	position:absolute;
	width:auto;
	height:auto;
	display:block;
	z-index:12;
	color:#fff;
	font-family:'i';
	font-weight:normal;
	font-size:60px;
	line-height:24px;
	bottom:60px;
	left:50%;
	transform:translate(-50%,0%);
	animation: pulse 2s ease-out infinite;
	text-align:center;
}
section#hero80 span b
{
	font-weight:400;
	display:inline-block;
	width:auto;
	height:auto;
	position:relative;
	font-size:14px;
	line-height:16px;
	font-family:'SB', sans-serif;
	font-weight:700;
}
section#hero80 div
{
	transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out;-webkit-transition: opacity 1.5s ease-in-out;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	opacity:1;
	z-index:10;
}

section#hero80 div:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.15);	
}
section#hero80 div img
{
	position:absolute;
	top:50%;
	left:50%;	
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100vh;
	transform:translate(-50%,-50%);
	z-index:0;
	transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;
}
section#hero80 div video
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
	width:auto;
	height:125%;
	min-width:100%;
	min-height:100%;
	z-index:0;
}
section#hero80 div.isVID { animation:none !important;}


section#hero80 section
{
	position:absolute;	
	right:0%;
	z-index:99;
	width:100vw;
	height:auto;
	text-align:center;
	transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;-webkit-transition: all 1.5s ease-in-out;
	z-index:18;
	bottom:20%;
}
section#hero80 section b
{
	text-align:center;
	position:relative;
	display:inline-table;
	width:100%;
	height:auto;
	padding:32px;
	padding-top:20px;
	padding-bottom:20px;
	backdrop-filter: blur(20px);	
	white-space:nowrap;
	box-sizing:border-box;
}
section#hero80 section b strong
{
	position:relative;
    font-family:'SR', sans-serif;
    font-size: 16px;
	line-height:16px;
	font-weight:400;
    white-space: nowrap;
	color: #fff;
	margin-bottom:10px;
	display:inline-block;
	width:auto;
}
section#hero80 section b img
{
	position:relative;
	box-shadow:rgba(0,0,0,0.3) 2px 2px 6px;
	vertical-align:top;
	box-shadow:none;
}
section#hero80 section b img.p
{
	
	height:20vh;
	min-height:120px;
	max-height:360px;
	width:auto;
}
section#hero80 section b img.l
{
	
	height:auto;
	min-width:320px;
	max-width:780px;
	width:80vw;
}
/********************************************************************
*********************************************************************
*********************************************************************
END | HERO
*********************************************************************
*********************************************************************
********************************************************************/







.team ul li:hover div:before
{
	/*
	background:rgba(0,0,0,0.1);
	backdrop-filter: blur(7px);
	*/
	
}
/*.team ul li:hover div img{ opacity:0.5;}*/
.team ul li div{
	display:block;
	width:100%;
	position:relative;
	height:0;
	padding:0;
	margin:0;
	padding-bottom:110%;
	overflow:hidden;
	text-align:center;
}
.team ul li div:before{
	transition: all 0.125s ease-in-out; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out;
	width:100%;
	height:100%;
	content:'';
	display:block;
	z-index:1;
	background:rgba(0,0,0,0);
	position:absolute;
	top:0;
	left:0;
	backdrop-filter: blur(0px);
}
.team ul li div:after{
	
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
	width:auto;
	height:auto;
	content:'READ BIO';
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	color:#fff;
	display:block;
	z-index:2;
	background:rgba(0,0,0,0);
	position:absolute;
	top:100%;
	left:50%;
	transform:translate(-50%,0%);
}
.team ul li:hover div:after{
	/*
	top:50%;
	transform:translate(-50%,-50%);
	*/
}
.team ul li div img{
	width:100%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	min-height:100%;
	min-width:100%;
	display:block;
	transform:translate(-50%,-50%);
	z-index:0;
	object-fit: cover;
	transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;
}
.team ul li div b{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0%);
	width:90%;
	box-sizing:border-box;
	padding:20px;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:22px;
	line-height:22px;
	color:#000;
	z-index:3;
	background-color:#ffffff;
	text-align:center;
}	
.team ul li strong{
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:0px;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:14px;
	color:#000;
	display:block;
	height:auto;
	text-align:center;				
}	
.team ul li span{
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:0px;
	color:#000;
	display:block;
	height:auto;
	white-space:nowrap;
	margin-top:18px;
	
}
.team ul li span a, .team ul li span a:link, .team ul li span a:visited{
	font-family:'i';
	font-size:18px;
	line-height:18px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	vertical-align:top;
	margin-left:6px;
	margin-right:6px;
}
.team ul li span a:hover{
	color:#43b6e4;
}


.team ul li a.phone,.team ul li a.phone:link,.team ul li a.phone:visited{
	position:relative;
	width:70%;
	box-sizing:border-box;
	padding:0px;
	color:#000;
	display:inline-block;
	height:auto;
	white-space:nowrap;
	margin-top:18px;
	text-align:center;
	font-size:14px;
	line-height:14px;
	color:#000;
	text-decoration:none;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	letter-spacing:1px;
	white-space:nowrap;
	border-top:solid;
	border-top-color:#ddd;
	border-top-width:1px;
	padding-top:10px;	
}
.team ul li a.phone:before
{
	font-family:'i';
	font-size:16px;
	line-height:16px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	vertical-align:top;
	margin-right:6px;
	content:'\F095';
}





@media (max-width: 1024px) 
{	
	section#hero section b span	{font-size:48px;}
}

@media (max-width: 900px) 
{	
	section#hero section b span	{font-size:36px; font-family:'SR'; font-weight:400;}
}

@media (max-width: 600px) 
{	
	.ff section div.hasIMG { display:none;}
	.ff section div{ width:100%;}
	.ff section div ul{ padding-bottom:60px;}
	.ff section div h1, .ff section div h2, .ff section div h3 { text-align:left;}
	.scrollOVERBG div p { font-size:16px; font-family: 'SR', sans-serif; font-weight:normal;}
	.scrollOVERBG div {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.homeABOUT p { display:none; }
}








section.contactP
{
	display:table;
	width:100%; height:auto;
	position:relative;
	padding:0;
	padding-top:90px;
	margin:0;
	margin-bottom:1px;
	border:none;
	text-align:center;
	background:#fff;
	border:none;
}
section.contactP section
{
	display:inline-table;
	width:60%; height:auto;
	position:relative;
	padding:0;
	padding-top:0px;
	margin:0;
	border:none;
	text-align:left;
	background:none;
	z-index:1;
}
section.contactP section section
{
	box-sizing: border-box; 
	display:table-cell;  margin:0; vertical-align:top; text-align:left;
	width:50%;
	
}

section.contactP section section.l{width:40%; text-align:right; border-left:solid; border-left-color:#000; border-left-width:1px;padding:60px; padding-right:15px; padding-top:10px;}
section.contactP section section.r{width:60%; padding:0; padding-bottom:20vh;}

@media (max-width: 1550px){ section.contactP section{ width:70%} }
@media (max-width: 1450px){ section.contactP section{ width:80%} }
@media (max-width: 1350px){ section.contactP section{ width:90%} }
@media (max-width: 1000px){section.contactP section section.l{ border-left:none;} section.contactP section section.l img{ display:none;}}
@media (max-width: 900px){ 
	section.contactP section{ width:95%}
	.homeABOUT section p{ letter-spacing:1px;} 
}
@media (max-width: 750px){
	section.contactP{ padding-top:90px;} section.contactP section section{ display:block; width:100%} 
	section.contactP section section.l, section.contactP section section.r{width:100%;}
	.contactform{ padding-top:0;}
}
section.contactP section section.l img
{
	position:absolute;
	top:35px;
	left:-30px;
	transform:rotate(-90deg);
	width:80px;
	height:auto;
	
}
section.contactP section section strong
{
	font-family: 'SR',Verdana, Geneva, sans-serif;
    font-size: 72px;
    line-height: 72px;
    color: rgba(21,21,80,1);
    font-weight:400;
	display:inline-block;
	height:auto;
	width:100%;
	padding:0;
	padding-bottom:0px;
	margin:0;
	margin-bottom:20px;
	border-bottom:solid;
	border-bottom-color:#222;
	border-bottom-width:1px;
}
section.contactP section section address
{
	font-family:'SR',Verdana, Geneva, sans-serif; font-weight:400; font-size:14px; line-height:18px;
    color: #222;
    font-weight: 400;
	font-style:normal;
	margin:0;
	padding:0;
	width:100%;
	
}
section.contactP section section address b {
    position: relative;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    white-space: nowrap;
    color: #222;
    display: block;
    box-sizing: border-box;
    height: auto;
    padding: 0;
    margin: 0;
	width:100%;
}
section.contactP section section address span
{
	white-space:nowrap;
	display:inline-block;
	padding:0;
	margin:0;
	margin-left:0px;
	width:100%;
	font-size:16px;
	line-height:24px;
}









contactform{
	display:inline-block;
	position:relative;
	height:auto;
	width:100%;
	padding:0;
	padding-top:72px;
	padding-bottom:90px;
	margin:0;
	border:none;
	outline:none;
	font-size:0;
	line-height:0;
	background:none;
	background-color:transparent;
	z-index:0;
	text-align:left;	
}
.contactform div{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	height:auto;
	position:relative;
	padding:0;
	margin:0;
	border:none;
	background-color:#222;
	
	margin-top:30px;
}
.contactform div:first-child{ margin-top:0;}
.contactform div.tarea{
	width:100% !important;
}
.contactform div.tarea textarea{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:200px;
	padding:10px;
	margin:0;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:14px;
	color:#fff;
	z-index:0;
	position:relative;
	background:none;
	background-color:transparent;
	border:none;
	outline:none;
	
}
.contactform div:nth-child(2){ float:right;}
.contactform div input{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:14px;
	color:#fff;
	z-index:0;
	position:relative;
	background:none;
	background-color:transparent;
	border:none;
	outline:none;	
}
.contactform div label{
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:14px;
	color:#fff;
	z-index:1;
	position:absolute;
	top:50%;
	left:10px;
	transform:translate(0%,-50%);
}
.contactform div label.txtlabel{
	transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:auto !important;
	padding:10px;
	margin:0;
	font-family:'SR',Verdana, Geneva, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:14px;
	color:#fff;
	z-index:1;
	position:absolute;
	top:50%;
	left:10px;
	transform:translate(0%,-50%);
}
.contactform div input:focus + label, .contactform div input:valid + label, .contactform div textarea:focus + label, .contactform div textarea:valid + label { top:80%; color:#222; font-size:12px; line-height:12px; left:0px; transform:translate(0%,0%);} 

.contactform button
{
	transition: all 0.125s ease-in-out; -moz-transition: all 0.125s ease-in-out;-webkit-transition: all 0.125s ease-in-out;
	display:block;
	width:auto;
	height:auto;
	padding:20px;
	padding-left:90px; padding-right:90px;
	font-family:'SB',Verdana, Geneva, sans-serif;
	font-weight:700;
	font-size:18px;
	line-height:18px;
	letter-spacing:2px;
	color:#222;
	background:none;
	background-color:rgba(34,34,34,0);
	border:solid;
	border-color:#222;
	border-width:1px;
	text-decoration:none;
	margin-top:60px;
	cursor:pointer;	
}
.contactform button:hover{ background-color:rgba(34,34,34,1); color:#fff; }


section.contactP
{
	display:table;
	width:100%; height:auto;
	position:relative;
	padding:0;
	padding-top:150px;
	margin:0;
	margin-bottom:1px;
	border:none;
	text-align:center;
	background:#fff;section.contactP section section.l img
	border:none;
}
section.contactP section
{
	display:inline-table;
	width:60%; height:auto;
	position:relative;
	padding:0;
	padding-top:0px;
	margin:0;
	border:none;
	text-align:left;
	background:none;
	z-index:1;
	
}
section.contactP section section
{
	box-sizing: border-box; 
	display:table-cell; padding:30px; margin:0; vertical-align:top; text-align:left;
	width:50%;
	padding-bottom:25vh;
}

section.contactP section section.l{width:40%; text-align:right; border-left:solid; border-left-color:#09F; border-left-width:1px;}
section.contactP section section.r{width:60%;}

@media (max-width: 1550px){ section.contactP section{ width:70%} }
@media (max-width: 1500px){header nav ul li.drop ul{ transform:translate(-20%,0%);}}
@media (max-width: 1450px){ section.contactP section{ width:80%} }
@media (max-width: 1350px){ section.contactP section{ width:90%} }
@media (max-width: 1100px) {
	.ff section div h1,.ff section div h2,.ff section div h3
	{
		font-size:36px; 
		line-height:42px;
		margin-bottom:0px;
		padding-bottom:16px;
		
	}
	.ff section div p{font-size:14px; line-height:24px;}
}
@media (max-width: 1080px){		 
		header nav ul li.drop ul em li img{ height:24px;}
	.ff section div h1, .ff section div h2, .ff section div h3 { padding-left: 7vw; padding-right:7vw; }	
	.ff section div h1 span, .ff section div h2 span, .ff section div h3 span { font-size:60px; padding-bottom:0px;}	
	.ff section div p {padding-left: 7vw; padding-right:7vw; letter-spacing:1px; }	
}
@media (max-width: 1000px){
	section.contactP section section.l{ border-left:none;} section.contactP section section.l img{ display:none;}
		
}
@media (max-width: 900px){ section.contactP section{ width:95%} }
@media (max-width: 800px) {
	.ff section div p{ padding-bottom:60px;}
	.ff section{ padding-top:60px;}
	.ff section div h1 span, .ff section div h2 span, .ff section div h3 span { font-size:48px; padding-bottom:0px; }
	.ff section div h1, .ff section div h2, .ff section div h3 { padding-top:0px;  line-height:24px;}
	.ff section div h1, .ff section div h2, .ff section div h3, .ff section div p { padding-left:60px; padding-right:60px;}
	.ff section div p { letter-spacing:1px; }
	section#hero80{ height:50vh;}
}

@media (max-width: 750px){
	section.contactP{ padding-top:90px;} section.contactP section section{ display:block; width:100%} 
	section.contactP section section.l, section.contactP section section.r{width:100%;}
	.contactform{ padding-top:0;}
}




section.contactP section section.l img
{
	position:absolute;
	top:35px;
	left:-20px;
	transform:rotate(-90deg);
	width:80px;
	height:auto;
	z-index:80;
	
}
section.contactP section section strong
{
	font-family: 'SB',Verdana, Geneva, sans-serif;
    font-size: 72px;
    line-height: 72px;
    color: #09F;
    font-weight: 700;
	display:inline-block;
	height:auto;
	width:auto;
	padding:0;
	padding-bottom:0px;
	margin:0;
	margin-bottom:20px;
	border-bottom:solid;
	border-bottom-color:#09F;
	border-bottom-width:1px;
	text-align:left;
}
section.contactP section section address
{
	font-family:'SR',Verdana, Geneva, sans-serif; font-weight:400; font-size:16px; line-height:24px;
    color: #222;
    font-weight: 400;
	font-style:normal;
	margin:0;
	padding:0;
}
section.contactP section section address b {
    position: relative;
    font-family: 'SB',Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    white-space: nowrap;
    color: #222;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 0;
    margin: 0;
}
section.contactP section section address span
{
	white-space:nowrap;
	display:inline-block;
	padding:0;
	margin:0;
	margin-left:0px;
	width:auto;
	
}



.TCIblue { font-size:inherit; line-height:inherit; font-style:normal; color: #00b5ec !important; }





.cookies {
	background: #c00;
  	color: #fff;
  	padding: 12px;
  	text-align: center;
  	position: fixed;
  	bottom: 0;
  	width: 100%;
  	z-index: 100;
  	font-family: 'SR',Verdana, Geneva, sans-serif;
   	font-weight: 400;
  	font-size: 14px;
 	line-height: 14px;
}

.cookies button {
	display:inline-block;
	box-sizing:border-box;
  	text-decoration: none;
  	background: #222;
  	color: #fff;
  	border: none;
  	cursor: pointer;
  	padding: 10px;
	margin-left:14px;
	transition: background 0.125s, color 0.125s, border-color 0.125s;
	font-family: 'SR',Verdana, Geneva, sans-serif;
   	font-weight: 400;
  	font-size: 14px;
 	line-height: 14px;
}

.cookies button:hover {
  	background: #fff;
  	color: #222;
}



.TIblocks 
{ 
	display:table;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	box-sizing:border-box;
	position:relative;
	z-index:0;
	text-align:center;
	overflow:hidden;
	
	background:#444 !important;
}
.TIblocks img
{
	position:fixed;
	width:auto;
	height:auto;
	min-width:100vw;
	min-height:100vh;
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	z-index:-1;
}
.TIblocks section
{ 
	display:inline-block;
	background:rgba(255,255,255,1);
	width:90%;
	max-width:1200px;
	height:auto;
	margin:0;
	box-sizing:border-box;
	position:relative;
	z-index:1;
	padding:10vh;
	padding-top:2vh;
	padding-bottom:2vh;
	z-index:10;
}

.TIblocks section:first-child
{
	padding-top:10vh;
}
.TIblocks section:last-child
{
	padding-bottom:10vh;
}
/*
.TIblocks section:nth-child(1)
{
	margin-left:-15vw;	
}
.TIblocks section:nth-child(3)
{
	margin-left:-5vw;	
}
.TIblocks section:nth-child(5)
{
	margin-left:5vw;	
}
.TIblocks section:nth-child(7)
{
	margin-left:-5vw;	
}
.TIblocks section:nth-child(9)
{
	margin-left:-15vw;	
}
*/
.TIblocks section p
{
	display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
	padding:0;
    margin: 0;
    text-align: left;
    position: relative;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 4;
    line-clamp: 4;*/
    -webkit-box-orient: vertical;
	overflow:visible;
}

.TIblocks section p:before
{
	display:block;
	position:absolute;
	top:-7px;
	left:0;
	content:'';
	width:80px;
	height:2px;
	background:#00b5ec !important;
	padding:0;
	margin:0;
	font-size:24px;
	z-index:3;
}
.TIblocks img.logo {


}

.TIblocks img.l {    

	left: 2%; 
	z-index: 1;
	position: absolute;
    opacity: 0.7;
    top: -10%;
    height: 60%;
	transform:translate(0%,0%);
	transform-origin: center center;
    vertical-align: middle;
    min-width: 0 !important;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 36000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 36000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 36000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 36000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

.TIblocks img.r { 


	right: 0%;
	left:auto !important; 
	z-index: 2;
	position: absolute;
    opacity: 0.7;
    top: 0%;
    height: 40%;
	transform:translate(50%,-50%);
    vertical-align: middle;
    min-width: 0 !important;
	min-height:0 !important; 
	}
.TIblocks img.b { 


	right: 0%;
	left:auto !important; 
	z-index: 2;
	position: absolute;
    opacity: 0.7;
    bottom: 50%;
    height: 75%;
	transform:translate(50%,0%);
    vertical-align: middle;
    min-width: 0 !important;
	min-height:0 !important;
	}
@media (max-width: 900px){ 
	.TIblocks img, .TIblocks img.r, .TIblocks img.l, .TIblocks img.b{ display:none;}
	.TIblocks {background:#FFF !important;}
	.TIblocks section{ width:100%;} 
}




.TIr 
{ 
	display:table;
	width:100%;
	height:50vh;
	padding:30px;
	padding-left:10vw;
	padding-right:10vw;
	margin:0;
	box-sizing:border-box;
	position:relative;
	z-index:1;
	background:rgba(255,255,255,1);
}
.TIr section, .TIr div 
{ 
	display:table-cell;
	width:50%;
	height:auto;
	margin:0;
	box-sizing:border-box;
	position:relative;
}
.TIr section.l
{
	padding-right:0;	
}
.TIr section.r
{
	padding-left:0;	
}
.TIr div 
{	
	padding:0;
	text-align:center;
}
.TIr div div 
{ 
	display:inline-block;
	width:50vh;
	height:50vh;
	padding:0;
	padding-bottom:0;
	margin:0;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	border-radius:50%;
}
.TIr div div img 
{
	min-height:100%;
	min-width:100%;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	/*filter: grayscale(100%);*/
}
.TIr div div img.p 
{
	width:100%;
	height:auto;
}
.TIr div div img.l 
{
	width:auto;
	height:100%;
}

.TIr section 
{
	padding:7vw;
	text-align:left;
	vertical-align:middle;
	position:relative;
	
}
.TIr section h2
{
	display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
	padding:0;
    margin: 0;
	margin-bottom:18px;
    text-align: left;
    position: relative;
    font-family: 'SB',Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #000;
}
.TIr section p
{
	display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
	padding:0;
    margin: 0;
    text-align: left;
    position: relative;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 4;
    line-clamp: 4;*/
    -webkit-box-orient: vertical;
}
.TIr section b
{
	display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
	padding:0;
    margin: 0;
	margin-bottom:36px;
    text-align: left;
    position: relative;
    font-family: 'SB',Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 4;
    line-clamp: 4;*/
    -webkit-box-orient: vertical;
}
.TIr section ul
{
	display:list;
    box-sizing: border-box;
    width: 100%;
    height: auto;
	padding:0;
    margin: 0;
    text-align: left;
    position: relative;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    overflow: hidden;
}
.TIr section ul li
{
	display: list-item;
	box-sizing:border-box;
    width: 90%;
    height: auto;
    text-align: left;
    position: relative;
    font-family: 'SR',Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    overflow: hidden;
    padding-left: 20px;
	margin-left:20px;
	margin-bottom:18px;
}
.TIr section a, .TIr section a:link, .TIr section a:visited
{
	display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
	padding:0;
    margin: 0;
    text-align: left;
    position: relative;
    font-family: 'SB',Verdana, Geneva, sans-serif;
    font-weight: 700;
	text-decoration:none;
    font-size: 16px;
    line-height: 32px;
    color: #c00;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.TIr section a:hover {opacity:0.5;}

.TIrFIRST { padding-top:10vh; }
.TIrLAST { padding-bottom:10vh; }


.TIrHEADER
{
	display:block;
	position:relative;
	width:100vw;
	height:auto;
	text-align:center;
	background:rgba(255,255,255,1);
	z-index:1;
}
.TIrHEADER h3
{
	display:inline-block;
	position:relative;
	width:auto;
	height:auto;
	font-family: 'SR',Verdana, Geneva, sans-serif;
    font-weight: 700;
	text-decoration:none;
    font-size: 3vw;
    line-height: 3vw;
	color:#000;
	padding-top: 10vh;
	padding-bottom:0.5vw;
	opacity:1 !important;
}
.TIrHEADER h3:before
{
	content:'';
	position:absolute;
	bottom:0%;
	left:0;
	width:3vw;
	height:3px;
	background-color:#09F;
	z-index:10;
	

}
.animateUNDERLINErun:before
{
	-webkit-animation:underLINE ease-in;
	-moz-animation:underLINE ease-in;
	animation:underLINE ease-in;
	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.pt0{ padding-top:32px !important; }


.basicHEAD
	{
		display: block;
		z-index:55;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		position: relative;
		background-color: #222;
		text-align: center;
		overflow:hidden;
	}
	.basicHEAD section {
		display: inline-table;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		width: auto;
		max-width: 90%;
		height: auto;
		position: relative;
		background-color: transparent;
		text-align: left;
		padding-top: 190px;
		padding-bottom: 90px;
		max-width:1200px;
		overflow:visible;
	}
	.basicHEAD section h1 {
		display:inline-block;
		width: auto;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		height: auto;
		position: relative;
		color: #00b5ec;
		text-align: center;
		font-family: 'SB',Verdana, Geneva, sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 12px;
		text-align: left;
		text-transform: uppercase;
		letter-spacing:24px;
	}



















/*LAPTOP*/
@media (max-width: 1536px)
{
	header nav ul li a, header nav ul li a:visited, header nav ul li a:link
	{
		margin-right:30px;
		margin-left:30px;	
	}
}


/*SMALL LAPTOP*/
@media (max-width: 1280px)
{
	footer div{ width: 90vw; }
	
	.columnsSIDER button.left
	{
		border-top-right-radius:50%;
		border-bottom-right-radius:50%;
		height:80px;
		width:80px;
		background:rgba(0,0,0,0.2);
		top:50%;
		transform:translate(0%,-50%);
	}
	.columnsSIDER button.right
	{
		border-top-left-radius:50%;
		border-bottom-left-radius:50%;
		height:80px;
		width:80px;
		background:rgba(0,0,0,0.2);
		top:50%;
		transform:translate(0%,-50%);
	}
	header nav ul li a, header nav ul li a:visited, header nav ul li a:link
	{
		margin-right:20px;
		margin-left:20px;	
	}
	header nav ul li.drop:after
	{
		right:7px;
	}
	.heroSM div h1 span { letter-spacing:2px;}
}
/*LARGE TABLET*/
@media (max-width: 1024px)
{
	header div, nav#m div { right:60px;}
	.col-33, .col-66, .columns a div {width: 100%;}	
	.col-33, .col-66 { padding-bottom:60px;}
	.columns a.r{ text-align:left;}	
	.homeABOUT p { font-size:18px; line-height:28px;}
	.scrollOVERBG div h2 { font-size: 36px;	line-height: 36px;}
	.headerWORK nav a, .headerWORK nav a:link, .headerWORK nav a:visited
	{
		margin-bottom:24px;
	}
	header nav ul li a, header nav ul li a:visited, header nav ul li a:link
	{
		font-size:16px; line-height:16px; font-weight:700;
			
	}
	.columns{ padding:10vw; padding-top:0; padding-bottom:0; }
	.columnsFIRST { padding-top:10vw !important; }
	.columns a, .columns a:link, .columns a:visited { height:auto; padding-bottom:5vh; }
	
}
/*SMALL TABLET*/
@media (max-width: 768px)
{
	
	
	footer div{ width: 80vw; }
	footer div div:first-child a
	{
		display:block;
		margin-bottom:24px;
	}
	.textBLOCK
	{
		
	
		height:auto;
		padding-top:60px;
		padding-bottom:60px;
	}
	div#mobileHEADER b
	{
		padding-right: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5vw;
	}
	

}


/*PHONE*/
@media (max-width: 640px)
{
	.heroSM div h1 span { white-space:normal;}
	section#hero section{ width:100%; text-align:center; padding-right:0;}
	section#hero section b { text-align:center; padding-bottom:60px;}
	section#hero section b img
	{
		    width: 90%;
			min-width:0;
	}
	
	.homeABOUT section strong 
	{
		font-weight: 700;
		font-size: 18px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	div#mobileHEADER b span
	{
		font-size: 18px;
		line-height: 18px;
	}
	header div, nav#m div 
	{
    	right: 45px;
	}
	
	
	nav#m div	{ top:30px; right:25px; }
	header a h1, #m b span  { font-size:18px; line-height:18px;}
	header a, header a:link, header a:visited, #m b { padding-top:25px; padding-left: 5vw !important; letter-spacing:0 !important; }
	header a h1{ opacity:1 !important; font-size:18px; line-height:18px; white-space:normal;}
	footer div div:last-child { display:none; }
	footer div div:first-child { text-align:center; padding-bottom:60px; }
	footer div div:first-child a
	{
		display:inline-block;
		margin-bottom:0px;
		margin-right:10px;
		margin-left:10px;
		margin-bottom:20px;
	}
	
	
	.columnsSIDER a, .columnsSIDER a:link, .columnsSIDER a:visited { height:30vh; padding-left:15vw; padding-right:15vw; } 
	.columnsSIDER a b
	{
		font-size:16px; line-height:16px;
	}
	
	.colS-33 {width: 80%;}
	.colS-66 {width: 80%;}
	.columnsSIDER h3 {
		display: table;
		font-size: 18px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	
	.headerWORK p
	{
		line-height:24px;
		font-size:16px;
	}
	
	.columns a div
	{
		height:60%;
	}
	.col-33, .col-66 { padding-bottom:0px;}
	.heroSM { height:50vh; }
	
	.brandLINKSdark strong img.logo{ min-width:120px;} 
	.brandLINKSdark strong span {
		font-size: 12px;
		line-height: 12px;
	}
	.brandLINKSdark a img { min-width:36px; }
	
	section.contactP section section address b{ font-size:18px; line-height:18px;}
	section.contactP section section address span{ font-size:14px; }
	section.contactP { padding-top:45px; }
	.basicHEAD section { width:90%; text-align:center;    padding-top: 165px;    padding-bottom: 0px;} 
	.basicHEAD section h1 { width:100%; letter-spacing:2px; color:#fff; margin-bottom: -12px; font-size:36px;} 
	.columns a b { font-size:18px;}
	.TIblocks section p { font-size:14px; line-height:24px; letter-spacing:1px; color:#000;} 
	
	
	
	section#heroBRAND{ height:90vh; min-height:400px; }
	section#heroBRAND section b{ padding-left:5vw; padding-right:5vw;}
	.mt90vh{ margin-top:90vh !important;}
	.homeABOUT strong img{ height:auto; width:90px; }
	.homeABOUT strong{ font-size:14px; line-height:14px; letter-spacing:1px;}
	.brandLINKS{ padding-top:48px; padding-bottom:48px;} 
	.brandLINKS strong{ margin-bottom:18px;}
	.brandLINKSdark strong{ margin-bottom:0;}
	.brandLINKS a img { min-width:36px;}
	.tbAR section.tbAR-txt *, .tbAR section.tbAR-txt{ font-size:14px; line-height:24px; color:#000;}
	.tbAR section img.tbAR-img-l { margin-right:21px; margin-bottom:14px;}
	.tbAR section img.tbAR-img-r { margin-left:21px; margin-bottom:14px;}
	.tbAR section.tbAR-txt{ padding-top:0;}
	.tbAR section.tbAR-img-align-t img{ margin-bottom:24px; }
	.tbARWRAP{ padding-bottom:0px; }
	.brandGRID{ padding-bottom:5vh; }
	.TIrHEADER h3{ font-size:24px; line-height:24px;}
	.TIr section p, .TIr section ul, .TIr section b, .TIr section ul li{ font-size:14px; line-height:24px;}
}

/*HEIGHT*/
@media (max-height: 640px)
{
	#m section ul { width:80vw; transform:translate(0%,-200%); bottom:60px;}
	#m section ul li { display:inline-block; margin-right:20px; margin-top:0px; }
	#m section ul li a, #m section ul li a:link, #m section ul li a:visited
	{
		font-size:24px; line-height:24px;
		
	}
}

/*ORIENTATION*/
@media (orientation: portrait) 
{
	section#hero div img{width:auto; height:100%; top:50%;}
	.headerIMG img {width:auto; height:140%; top:30%;}
	.headerWORKitem{ min-height:50vh; padding-top:200px; padding-bottom:200px;}	
	.headerIMG{ height:50vh;}
	#m section ul li a, #m section ul li a:link, #m section ul li a:visited
	{
		font-size:24px; line-height:24px;
		
	}
	.scrollOVERBG{ height:auto; width:100%; }
	div#mobileHEADER b {
		padding-right: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5vw;
	}
	.scrollOVERBG div
	{
	    background: rgba(0,0,0,0.7);
		margin-top:0px;
		margin-bottom:0px; 
		padding:30px;
		width:100%;
		height:auto;
		position:relative;
		top:auto;
		left:auto;
		transform:none;
		
	}
	
	
	
	.ff section, .ff section div
	{
		min-height:30vh;
	}
	footer{ padding-bottom:0; }

}
@media (orientation: landscape) 
{
	section#hero div img {width:100%; height:auto;}	
}











 















@media (max-width: 700px)
{
	.TIblocks section { padding-left:7vw; padding-right:7vw; }
}
@media (max-width: 1400px)
{
	.TIr {
		display:block;
		text-align:center;
		height:auto;
		padding:60px;
		padding-left:0;
		padding-right:0;
		width:100%;
		position:relative;
	}
	.TIr section { width:60%;}
	.TIr div { width:40%;}
	.TIr div div { width:70%; height:0%; padding-bottom:70%; margin-left:15%; margin-right:15%;}
}
@media (max-width: 1100px)
{
	.TIr {
		padding-top:30px;
		padding-bottom:30px;
	}


}
@media (orientation: portrait) 
{
	.heroSM img
	{
		height:inherit;		
	}
}



.mobileONLYimg, .moi, .TIr section img.moi, .TIr section.r img { display:none !important; position:relative; }

@media (max-width: 700px) 
{
	.moi, .TIr section img.moi, .TIr section.r img 
	{ 
		display:inline-block !important;
		width:100%;
		height:auto;
		padding:0;
		margin:0;
		margin-bottom:24px;			 
	}

	.TIrIMG { display:none !important;}
	.TIr section, .TIr div { display:inline-block; width:90%; padding-left:0; padding-right:0; padding-bottom:0;}
	section.heroFULL div h3 { font-size:48px; line-height:50px;}
	.scrollOVERBG div { padding:10%;}
	.scrollOVERBG div {
		line-height: 24px !important;
    	font-size: 16px !important;
	}
	
}


@media (max-width: 600px) 
{
	.mobileONLYimg
	{ 
		display:inline-block !important;
		width:100%;
		height:auto;
		padding:0;
		margin:0;
		margin-bottom:24px;			 
	}
	
	
}