/* Copyright (c) All Rights Reserved. */
/* Protected by the Copyright Laws and Trademark Laws and other International Laws. */
/* Use must comply with the Terms and Conditions. */


@font-face {
	font-family: 'Lato Light';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/KT3KS9Aol4WfR6Vas8kNcg.woff') format('woff');
	}

@font-face {
	font-family: 'Oswald Light';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
	}

@font-face {
	font-family: 'Open Sans Light';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
	}

@font-face {
	font-family: 'Ubuntu Light';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
	}
	
@font-face {
	font-family: 'Proxima Nova Thin';
	font-style: normal;
	font-weight: 100;
	src: url('fonts/proximanova-thin-webfont.woff') format('woff');
	}
	
@font-face {
	font-family: 'Proxima Nova Light';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/proximanova-light-webfont.woff') format('woff');
	}

@font-face {
	font-family: 'Proxima Nova Regular';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/proximanova-regular-webfont.woff') format('woff');
	}

@font-face {
	font-family: 'Proxima Nova Bold';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/proximanova-bold-webfont.woff') format('woff');
	}

html {
	margin:0px; padding:0px; 
	width:100%; height:100%;
	min-height:100%;
	overflow: auto;	
	}

.body_1 {
	margin:0px; padding:0px; 
	text-align:center; 
	width:100%; height:100%;
	min-height:100%;
	overflow: auto;		
	display:-webkit-flex; display:-webkit-box; display:-moz-box; display:-ms-flexbox; 
	display:flex;
	-webkit-flex:1 0 auto; -webkit-box-flex:1; -moz-box-flex:1 0 auto; -ms-flex:1 0 auto;
	flex:1 0 auto;
	-webkit-flex-direction:column; -moz-box-flex-direction:column; -ms-flex-direction:column; 
	flex-direction:column;
	background-image:url('../images/world.jpg');
	border:0px;
	background-color:#000000; 
	background-position:center center; 
	background-repeat:no-repeat;
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;   
	}

.body_2 {
	margin:0px; padding:0px; 
	text-align:center; 
	min-height:100%;	
	overflow: auto;	
	-webkit-overflow-scrolling: touch;		
	display:-webkit-flex; display:-webkit-box; display:-moz-box; display:-ms-flexbox; 
	display:flex;
	-webkit-flex:1 0 auto; -webkit-box-flex:1; -moz-box-flex:1 0 auto; -ms-flex:1 0 auto;
	flex:1 0 auto;
	-webkit-flex-direction:column; -moz-box-flex-direction:column; -ms-flex-direction:column; 
	flex-direction:column;
	background-image:url('');
	border:0px;
	background-color:#000000; 
	background-position:center center; 
	background-repeat:no-repeat;
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	font-family: 'Proxima Nova Regular', Arial;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;   
	}

.body_2:after {
	content:"";
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:-9999;
	display:block;
	background:url('../images/world.jpg') no-repeat 50% 50%;
	background-size:cover;
	}

	
* {
	margin:0px; border:0px;
}	

img {
	border:0px; border-style:none;
}

.content {
	-webkit-flex:1 1 0%; -webkit-box-flex:1; -ms-flex:1 1 0%;
	flex: 1 1 0%;
	padding: 20px;
	min-height: 1px; 
	border: 0px;
}

.header {
	padding: 10px;
	min-height: 50px;
	-webkit-flex:none; -webkit-box-flex:0; -ms-flex:none;
	flex: none;
}

.footer {
	padding: 10px;
	-webkit-flex:none; -webkit-box-flex:0; -ms-flex:none;
	flex: none;
}

header {
	background: none;
	border-bottom: 0px;
}

footer {
	background: none;
	border-top: 0px;
}

.table {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0px;	
	border-spacing: 0px;
	border: 0px;	
}

.row {
	display: table-row;
}

.cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 0px;
	width:100%; height:100%;
}

.centered-panel {
	display: block;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}

.table_f {
	display: table;
	background: ;
	width: 100%;
	padding: 0px;	
	border-spacing: 0px;
	border: 0px;	
}

.row_f {
	display: table-row;
}

.cell_f1 {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	border: 0px;		
}

.cell_f2 {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	border: 0px;
	float: right;
}

.panel_f {
	display: inline-block;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}


::selection {background: #E5CC7F; background-color: #E5CC7F; color: #B78900;}
::-moz-selection {background: #E5CC7F; background-color: #E5CC7F; color: #B78900;}
::-webkit-selection {background: #E5CC7F; background-color: #E5CC7F; color: #B78900;}


A:link {text-decoration: none; color: #E5CC7F;}
A:visited {text-decoration: none; color: #E5CC7F;}
A:focus {text-decoration: none; color: #EFE0B2;}
A:hover {text-decoration: none; color: #EFE0B2;}
A:active {text-decoration: none; color: #EFE0B2;}


a.red-anchor {color: inherit; text-decoration: none; border-bottom: solid 1px #FFFFB1;}
a.red-anchor:visited {color: inherit; text-decoration: none; border-bottom: solid 1px #FFFFB1;}
a.red-anchor:focus {color: inherit; text-decoration: none; border-bottom: solid 1px #FF0000;}
a.red-anchor:hover {color: inherit; text-decoration: none; border-bottom: solid 1px #FF0000;}
a.red-anchor:active {color: inherit; text-decoration: none; border-bottom: solid 1px #FF0000;}


a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

.font_compact {
	font-size: 0.90em; 
	}

.font_legal {
	font-family: 'Open Sans Light', 'Lato Light', 'Proxima Nova Regular', 'Helvetica Neue', Arial; 
	font-size: 10px; 
	font-weight: normal; 
	color: #B78900; 
	line-height:1.5;
	}

.font_legal_xs {
	font-family: 'Open Sans Light', 'Lato Light', 'Proxima Nova Regular', 'Helvetica Neue', Arial; 
	font-size: 9px; 
	font-weight: normal; 
	color: #B78900; 
	line-height:1.5;
	}
	
.font_main {
	font-family: 'Proxima Nova Thin', 'Lato Light', 'Open Sans Light', 'Segoe UI Light', 'Helvetica Neue', Arial; 
	font-size: 58px; 
	font-weight: normal; 
	color: #FFFFFF; 
	line-height:1.3;
	}

.font_scribe {
	font-family: 'Proxima Nova Light', 'Lato Light', 'Open Sans Light', 'Segoe UI Light', 'Helvetica Neue', Arial; 
	font-size: 28px; 
	font-weight: normal; 
	color: #FFFFFF; 
	line-height:1.3;
	}

.font_main_tm {
	font-family: 'Proxima Nova Thin', 'Lato Light', 'Open Sans Light', 'Segoe UI Light', 'Helvetica Neue', Arial; 
	font-size: 40px; 
	vertical-align:20%;
	font-weight: normal; 
	color: #FFFFFF; 
	line-height:1.3;
	}

.font_business {
	font-family: 'Proxima Nova Bold', 'Lato Light', 'Open Sans Light', 'Segoe UI Light', 'Helvetica Neue', Arial; 
	font-size: 18px; 
	font-weight: normal; 
	color: #AA0000; 
	line-height:1.3;
	}
	
.font_header {
	font-family: 'Proxima Nova Regular', 'Lato Light', 'Open Sans Light', 'Helvetica Neue', Arial; 
	font-size: 12px; 
	font-weight: normal; 
	color: #FFFFFF; 
	line-height:1.5;
	}

.font_gateway {
	font-family: 'Proxima Nova Regular', 'Lato Light', 'Open Sans Light', 'Helvetica Neue', Arial; 
	font-size: 18px; 
	font-weight: normal; 
	color: #333333; 
	line-height:1.5;
	}

div.box {
	margin: 0px; border: 0px;
	}
	
div.blazeanewfrontier {
	margin: 0px; border: 0px; text-align: left;
	}	

div.legal-shown-xs {
	display:none !important;
	}

div.slate {
	margin: 0px; 
	border: 0px; 
	background-color: rgba(0, 0, 0, 0.45);
	z-index:-1;
	height: 100%;
	width: 100%;	
	}

div.slatelight {
	margin: 0px; 
	border: 0px; 
	background-color: rgba(0, 0, 0, 0.00);
	z-index:-1;
	height: 100%;
	width: 100%;	
	}

div.slab {
	margin: 0px; 
	border: 0px; 
	background-color: rgba(255, 255, 255, 0.15);
	z-index:-1;
	height: 100%;
	width: 100%;	
	}

div.logopanel {
	background-color: rgba(255, 0, 0, 0.0);
	width: 28%;
	margin: 0px auto;
	padding: 1px;
	border: 0px;
	vertical-align: middle;
	text-align: center;
	z-index: 9000;
	}

div.logobrand {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 1px;
	border: 0px;
	-webkit-animation: fadein 5s;
	-moz-animation: fadein 5s;
	-ms-animation: fadein 5s;
	-o-animation: fadein 5s;
	animation: fadein 5s;
	vertical-align: middle;
	text-align: center;
	z-index: 9001;
	}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

div.textualpanel {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	border: 0px;
	}

div.portraitpanel {
	max-width: 345px;
	padding: 1px;
	border: 0px;
	vertical-align: middle;
	text-align: center;
	z-index: 1000;
}
	
div.contactpanel {
	font-size:85px; 
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0);	
	}

img.desaturate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

img.desaturate:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}

div.industries img {
	display: block;
	float: left;
	margin: 0 15px 15px 0;
	height: 150px;
	opacity:0.4; filter:alpha(opacity=40);	
}

div.industries img:focus {
	opacity:1.0; filter:alpha(opacity=100);
}

div.industries img:hover {
	opacity:1.0; filter:alpha(opacity=100);
}	


#contact span:first-child:after {content: " @ ";}


/* Do not Keep scroll on Menu */

.menu-expanded::-webkit-scrollbar {display:none; width:0 !important } 
.menu-expanded {-ms-overflow-style:none; overflow:-moz-scrollbars-none;} 


@media (max-device-width: 42mm) and (min-device-width: 38mm) { }
/* apple watch */

@media (max-device-width: 218px) and (max-device-height: 281px) { }
/* motorola 360 watch */


@media only screen and (max-width: 320px) { 
	.font_main {font-size: 28px;}
	.font_main_tm {font-size: 20px;}
	.font_business {font-size: 14px; line-height:1.3;}
	.font_scribe {font-size: 24px; line-height:1.3;} 
	div.logopanel {width: 90%;}
	div.contactpanel {font-size:45px;}
	div.wallpanel {padding-top:12%; padding-left:4%; padding-right:2%;}
	div.blazeanewfrontier {padding-top:22%; padding-left:0%; padding-right:0%;}
	div.legal-hidden-xs {display:none !important}
	div.legal-shown-xs {display:none !important}	
} 

@media only screen and (min-width: 321px) and (max-width: 360px) { 
	.font_main {font-size: 34px;}
	.font_main_tm {font-size: 20px;}
	.font_business {font-size: 14px; line-height:1.3;}
	.font_scribe {font-size: 26px; line-height:1.3;} 	
	div.logopanel {width: 90%;}
	div.contactpanel {font-size:55px;}	
	div.wallpanel {padding-top:12%; padding-left:4%; padding-right:2%;}	
	div.blazeanewfrontier {padding-top:26%; padding-left:0%; padding-right:0%;}
	div.legal-hidden-xs {display:none !important}
	div.legal-shown-xs {display:none !important}	
} 

@media only screen and (min-width: 361px) and (max-width: 432px) {
	.font_main {font-size: 36px;}
	.font_main_tm {font-size: 22px;}
	.font_business {font-size: 14px; line-height:1.3;}
	.font_scribe {font-size: 26px; line-height:1.3;} 	
	div.logopanel {width: 60%;}
	div.wallpanel {padding-top:12%; padding-left:4%; padding-right:4%;}	
	div.blazeanewfrontier {padding-top:10%; padding-left:0%; padding-right:0%;}
	div.legal-hidden-xs {display:none !important}
	div.legal-shown-xs {display:block !important}	
} 

@media only screen and (min-width: 433px) and (max-width: 480px) {
	.font_main {font-size: 38px;}
	.font_main_tm {font-size: 24px;}
	.font_business {font-size: 14px; line-height:1.3;}
	.font_scribe {font-size: 26px; line-height:1.3;} 	
	div.logopanel {width: 60%;}
	div.wallpanel {padding-top:12%; padding-left:4%; padding-right:4%;}	
	div.blazeanewfrontier {padding-top:10%; padding-left:0%; padding-right:0%;}
	div.legal-hidden-xs {display:none !important}
	div.legal-shown-xs {display:block !important}	
} 

@media only screen and (min-width: 481px) and (max-width: 640px) { 
	.font_main {font-size: 38px;}
	.font_main_tm {font-size: 24px;}
	.font_business {font-size: 16px; line-height:1.3;}
	.font_scribe {font-size: 26px; line-height:1.3;} 	
	div.logopanel {width: 60%;}
	div.wallpanel {padding-top:12%; padding-left:4%; padding-right:4%;}	
	div.blazeanewfrontier {padding-top:1%; padding-left:0%; padding-right:0%;}
	div.legal-hidden-xs {display:none !important}
	div.legal-shown-xs {display:block !important}	
} 

/* Not needed */
/* {.p-hidden-xs {display:none !important}} */

@media only screen and (min-width: 641px) and (max-width: 768px) { 
	.font_main {font-size: 48px;}
	.font_main_tm {font-size: 32px;}
	.font_business {font-size: 17px; line-height:1.3;}
	.font_scribe {font-size: 28px; line-height:1.3;} 	
	div.logopanel {width: 70%;}
	div.wallpanel {padding-top:12%; padding-left:4%; padding-right:4%;}	
	div.blazeanewfrontier {padding-top:12%; padding-left:0%; padding-right:0%;} 
} 

@media only screen and (min-width: 769px) and (max-width: 1280px) { 
	.font_main {font-size: 58px;}
	.font_main_tm {font-size: 38px;}
	.font_business {font-size: 18px; line-height:1.3;}
	.font_scribe {font-size: 30px; line-height:1.3;} 	
	div.logopanel {width: 70%;}
	div.wallpanel {padding-top:12%; padding-left:4%; padding-right:4%;}	
	div.blazeanewfrontier {padding-top:12%; padding-left:0%; padding-right:0%;} 
} 

@media only screen and (min-width: 1281px) and (max-width: 1440px) { 
	div.wallpanel {padding-top:3%; padding-left:25%; padding-right:85px; max-width:800px;}	
	div.blazeanewfrontier {padding-top:3%; padding-left:0%; padding-right:0%;}
} 

@media only screen and (min-width: 1441px) and (max-width: 1920px) { 
	.font_main {font-size: 90px;}
	.font_main_tm {font-size: 88px;}
	.font_business {font-size: 28px; line-height:1.3;}
	.font_scribe {font-size: 40px; line-height:1.3;} 	
	div.logopanel {width: 40%;}
	div.contactpanel {font-size:125px;}	
	div.wallpanel {padding-top:12%; padding-left:25%; padding-right:120px; max-width:1100px;}	
	div.blazeanewfrontier {padding-top:3%; padding-left:0%; padding-right:0%;} 
} 

@media only screen and (min-width: 1921px) { 
	.font_main {font-size: 90px;}
	.font_main_tm {font-size: 88px;}
	.font_business {font-size: 28px; line-height:1.3;}
	.font_scribe {font-size: 40px; line-height:1.3;} 		
	div.logopanel {width: 40%;}
	div.contactpanel {font-size:125px;}
	div.wallpanel {padding-top:12%; padding-left:25%; padding-right:120px; max-width:1100px;}	
	div.blazeanewfrontier {padding-top:3%; padding-left:0%; padding-right:0%;} 	
} 


/* End */

