/*! thanks to JS Studio - Global Stylesheet (c) 2018 */

.full_bg, .unload {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}
.full_bg, .unload, div#wrapper {
	bottom: 0
}
.full_bg {
	position: absolute
}
.SM_Heading_bg {
	will-change: transform
}
.filters>ul>li, .ft_side>a *, .in_pro_side>ul>li>span>a, .menu_inline, .social>a, .srv_slide * {
	-webkit-transition: color .15s linear;
	-moz-transition: color .15s linear;
	-ms-transition: color .15s linear;
	transition: color .15s linear
}
body.isMobile #TopVisual, body.isMobile #Title1 {
	overflow-y: scroll
}
.side_nav {
	cursor: pointer
}
.side_nav {
	position: fixed; 
	z-index: 9999; 
	top: 0.125vw;
	right: 4.6875vw;
	margin-top: 0.9642857142857142vw;
	padding-right: 52px; 
	opacity: .4;
	mix-blend-mode: exclusion 
}
.side_nav>span {
	font-size: 18px;
	color: #fff;
	display: block;
	margin-top: 0px
}
.snav_icons {
	position: absolute;
	right: 0;
	top: 0;
	max-width: 28px;
	max-height: 28px;
	width: 5vw;
	height: 5vw;
} 
.snav_dots {
	background-image: url("/assets/media/icons/menu_dots_white.svg"); 
	background-size: 100% auto; 
}
.snav_expand {
	background-image: url("/assets/media/icons/menu_expand_grey.svg");
	background-size: 100% auto;
	z-index: 99;
	visibility: hidden 
}
div#mainMenu {
	height: 100%;
	position: fixed;
	z-index: 9999;
	background: rgba(255,255,255,.5);  /* White */
	visibility: hidden
}
.SideMenu>h1 {
	color: #fff; */
	color: #fff;
	font-size: 20px;
	position: relative;
	z-index: 99;
	margin: 20px 0
}
.SideMenu {
	text-align: left;
	position: relative;
	z-index: 199
}
.MenuCover {
	z-index: 2999;
	position: fixed;
	top: 0;
	bottom: 0;
	cursor: pointer
}
.in_MenuCover {
	background-size: cover;
	background-position: center
}
.in_MenuCover:after {
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	background: rgba(0,0,0,.1)
}
.SM-Headings {
	font-size: 0;
	width: 43.4895vw;
	min-width: 510px;
	height: auto;
	min-height: 250px;
	position: relative;
	padding: 0 0 20 0;	
/*	background: rgba(0,47,165,.5;	*/   /* PH5VE Blue (#002FA5) */
/*	background: rgba(196,40,26,.5);	 */  /* PH5VE Red (#C4281A) */
/*	background: rgba(252,184,39,.5); */	/* PH5VE Yellow (#FCB827)  */
	background: rgba(250,76,0,.25);	   /* PH5VE Orange (#FA4C00) */
/*	background: rgba(13,158,44,.5);	 */  /* PH5VE Green 1 (#0D9E2C) */
	z-index: 399;
	text-align: center
}
.SM-Details.ready, .SM-Headings.ready {
	clip-path: inset(0 0 0 0);
	-webkit-clip-path: inset(0 0 0 0);
	-moz-transition: clip-path 1s cubic-bezier(.6, 0, .36, 1);
	transition: clip-path 1s cubic-bezier(.6, 0, .36, 1);
	-webkit-transition: -webkit-clip-path 1s cubic-bezier(.6, 0, .36, 1)
}
.SM-Details.active, .SM-Headings.active {
	clip-path: inset(0 0 0 0);
	-webkit-clip-path: inset(0 0 0 0)
}
.SM-Headings.hide {
	clip-path: inset(0 100% 0 0);
	-webkit-clip-path: inset(0 100% 0 0)
}
.SM-num>strong, .SM-Heading1>h1>a, .SM-Heading2>ul>li>a>span {
	-webkit-transition: color .3s cubic-bezier(.22, .61, .36, 1);
	-moz-transition: color .3s cubic-bezier(.22, .61, .36, 1);
	transition: color .3s cubic-bezier(.22, .61, .36, 1);
	color: rgba(255,255,255,.5)
}
.SM-num {
	float: left;
	height: 100px;
	position: absolute;
	padding-right: 75px
}
.SM-num>strong {
	transform: rotate(-90deg);
	line-height: 100px;
	display: block;
	transform-origin: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	font-size: 33px
}
.SM-num>span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background: rgba(255,255,255,.5)
}
.SM-num>span>i {
	position: absolute;
	background: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform-origin: center;
	transform: scaleY(0);
	transition: all .3s cubic-bezier(.22, .61, .36, 1)
}
.SM-num>span>i, .SM-Heading1 {
	-webkit-transition: all .3s cubic-bezier(.22, .61, .36, 1);
	-moz-transition: all .3s cubic-bezier(.22, .61, .36, 1)
}
.SM-Detail-Description>h1, .SM-num>strong {
	font-family: 'Bauhaus'; 
	font-weight: 500;
}
.SM-Heading1 {
	overflow: hidden;
	padding: 35px 5 40 5;
	display: inline-block;
	text-align: left;
	width: 38vw;
	min-width: 450px;
	height: auto;
	min-height: 180px;
	cursor: pointer;
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
	transition: all .3s cubic-bezier(.22, .61, .36, 1)
}
.SM-Heading1:first-child {
	padding-top: 16px
}
.SM-Heading1>h1>a {
	font-family: 'Bauhaus'; 
	font-weight: 400;
	font-size: 68px;
	line-height: 1;
	padding-left: 130px;
	position: relative;
	top: 16px 
}
.SM-Heading1.selected .SM-num>span>i {
	transform: scaleY(1)
}
.SM-Heading1.selected .SM-num>strong, .SM-Heading1.selected>h1>a, .SM-Heading2.selected>ul>li>a>span {
	color: #fff
}
.SM-Heading1.selected {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.SM-Heading2> {
	overflow: hidden;
	display: inline-block;
	text-align: left;
	width: 400px;
	cursor: pointer;
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
	transition: all .3s cubic-bezier(.22, .61, .36, 1);
	margin-bottom: 40px
}
.SM-Heading2>ul>li>a {
	font-family: 'Roboto'; 
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.4;
	padding: 1px 75px 1px 130px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.SM-Heading2>ul>li>a:not(:last-child):after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #363535; 
	top: 0;
	right: 0
}
.SM-Heading2>ul>li:first-child {
	padding-left: 0
}
.SM-Heading2>ul>li>:last-child {
	padding-right: 0
}
/*.SM-Heading2>ul>li>a>span {
	color: #555 		
}*/
.SM-Heading2>ul>li>a>strong {
	font-family: 'Roboto'; 
	font-weight: 500;
/*	color: #777; */
	padding-left: 10px;
}
.SM-Heading2>ul>li>a>span:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	transform: scaleY(1.2);
	color: #fff
}
.SM-Details.hide {
	clip-path: inset(0 0 0 100%);
	-webkit-clip-path: inset(0 0 0 100%)
}
.SM-Details {
	position: fixed;
	top: 0;
	right: 0;
	width: 27.6vw;
	min-width: 450px;
	background: rgba(250,76,0,.5);	   /* PH5VE Orange (#FA4C00) */
	transform-origin: center right;
	z-index: 499
}
.SM-Detail-Description {
	position: fixed;
	color: #fff; 
	bottom: 120px;
	padding: 0 60px
}
.SM-Detail-Description>h1 {
	font-size: 28px;
	margin-bottom: 20px;
	position: relative
}
.SM-Detail-Info>ul>li {
	font-size: 14px;
	padding: 0 25px;
	position: relative;
	display: inline-block;
	vertical-align: middle
}
.SM-Detail-Info>ul>li:not(:last-child):after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #363535; 
	top: 0;
	right: 0
}
.col_set>h2:after, .menu_inline:after {
	height: 1px;
	content: ''
}
.SM-Detail-Info>ul>li:first-child {
	padding-left: 0
}
.SM-Detail-Info>ul>li:last-child {
	padding-right: 0
}
.SM-Detail-Info>ul>li>span {
	color: #555 		
}
.SM-Detail-Info>ul>li>strong {
	font-family: 'Bauhaus'; 
	font-weight: 400;
	color: #777; 
	padding-left: 10px
}
.SM-Detail-Info {
	margin-bottom: 40px
}
.SM-Detail-Description>p {
	font-size: 16px;
	line-height: 24px;
	color: rgba(255,255,255,.75)
}
.menu_inline {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-top: 25px;
	cursor: pointer;
	color: rgba(255,255,255,.6)
}
.menu_inline:hover {
	color: rgba(255,255,255,1)
}
.in_SM-Head h1, .in_SM-Heading1 {
	font-family: 'Bauhaus'; 
	font-weight: 400;
	color: #fff
}
.menu_inline:after {
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff; 
	position: absolute;
	-webkit-transform: translateX(-101%);
	-moz-transform: translateX (-101%);
	-ms-transform: translateX(-101%);
	-o-transform: translateX(-101%);
	transform: translateX(-101%);
	-webkit-transition: all .3s cubic-bezier(.22, .61, .36, 1);
	-moz-transition: all .3s cubic-bezier(.22, .61, .36, 1);
	transition: all .5s cubic-bezier(.65, .05, .36, 1)
}
.menu_inline:hover:after {
	-webkit-transform: translateX(101%);
	-moz-transform: translateX(101%);
	-ms-transform: translateX(101%);
	-o-transform: translateX(101%);
	transform: translateX(101%)
}
.SM_Heading_bg {
	background-size: cover;
	background-position: center;
	visibility: hidden
}
.SM_bgs {
	background: rgba(250,76,0,.1);	   /* PH5VE Orange (#FA4C00) */
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}
.SM_bgs:after {
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	background: rgba(0,0,0,.3);
	-webkit-transition: background .15s linear;
	-moz-transition: background .15s linear;
	-ms-transition: background .15s linear;
	transition: background .15s linear
}
.SM_bgs.hover:after {
	background: rgba(0,0,0,.1)
}
.SM_bgs.clicked:after {
	background: rgba(0,0,0,.1)
}

@media (max-width:1290px) {
.SM-Detail-Description {
	padding-left: 40px;
	padding-right: 40px
}
}

@media (max-width:1080px) {
.SM-Details {
	visibility: hidden
}
}

@media (max-width:960px) {
.SM-Heading1:first-child {
	padding-top: 16px
}
.side_nav {
	margin-top: 0px;
	top: 30px
}
.side_nav>span {
	font-size: 18px
}
}

@media (max-width:768px) {
.side_nav>span, .wo_footer>ul>li:first-child {
	display: none
}
}

@media (max-width:640px) {
.SM-Headings {
	width: 100%;
	min-width: auto;
	height: auto;
	padding: 0 0 20 0;
}
.SM-num {
	height: 75px;
	padding-right: 50px
}
.SM-num>strong {
	font-size: 20px;
	line-height: 80px
}
.SM-Heading1 {
	padding: 55 0 0 55;
	width: auto;
	min-width: 330px;
	height: auto;
	min-height: 151px;
}
.SM-Heading1>h1>a {
	font-size: 40px;
	padding-left: 70px;
	top: 10px 
}
.SM-Heading2> {
	width: auto;
	min-width: 280px;
	margin-bottom: 30px
}
.SM-Heading2>ul>li>a {
	font-size: 15px;
	line-height: 1;
	padding: 1px 50px 1px 75px;
}
.SM-Heading2>ul>li>a>strong {
	padding-left: 10px;
}
}

@media (max-height:700px) {
.SM-Detail-Description {
	bottom: 80px
}
}