/* P5 WEB TEMPLATE 1.9 */
audio,canvas,video{display:inline;zoom:1;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}button,input,select,textarea{font-family:sans-serif;color:#222;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:700;}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}fieldset,figure,form,ul,ol,body{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;overflow:visible;}table button,table input{overflow:auto;}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}input[type=checkbox],input[type=radio]{box-sizing:border-box;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;}audio:not([controls]),[hidden],.ir br{display:none;}::-moz-selection,::selection{background:#666;color:#fff;text-shadow:none;}
* { -moz-box-sizing: border-box; box-sizing: border-box; }
a:link, a:visited, a:active { text-decoration : none; color : black; transition: all 0.3s ease-out; }
a:hover { color : red; outline: 0;}
a:focus, a:active { outline: 0; }
.hidden, .hide { display : none !important; }
.show, article { display : block; }
.invisible { visibility: hidden;}
.clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;}
.disabled { pointer-events: none; filter: alpha(opacity=50); opacity: 0.5;}

/* Styles */
html {
    height: 100%;
    overflow: auto;
	overflow-x: hidden;
}

body {
    background: white;
    color: #37474f;
    font-family: 'Maven Pro', sans-serif;
    font-size: 23px;
    position: relative;
    line-height: 1.4;
	padding: 10px 10px 0 10px;
}
.disable-hover { pointer-events: none; }
body, input, button { -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4 { font-weight: normal; margin: 0; font-family: 'Montserrat', sans-serif; line-height: 1; }
h1 { font-size: 2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.17em; }
h4 { font-size: 16px; }

.darkblue { color: #90a4ae; }
.lightblue { color: #cfd8dc; }
.red { color: #e74c3c; }
.bg_red, .bar_clients.open .fab { background: #e74c3c; }
.bg_lightgrey { background: #eee; }
.bg_grey { background: #113145; }
.bg_white { background: transparent; }
.bar_abe { background: #48544f; }
.bar_btoo { background: #d32f2f; }
.bar_trax { background: #2196f3; }
.logo {
	display: block;
	width: 90%;
	max-width: 436px;
	margin-bottom: 34px;
}
	.loadinglogo {
		position: absolute;
		z-index: 6;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: translate(0,50px);
		-moz-transform: translate(0,50px);
		-o-transform: translate(0,50px);
		-ms-transform: translate(0,50px);
		transform: translate(0,50px);
	}
		.loadinglogo.show {
			filter: alpha(opacity=100);
			opacity: 1;
			-webkit-transform: translate(0,0);
			-moz-transform: translate(0,0);
			-o-transform: translate(0,0);
			-ms-transform: translate(0,0);
			transform: translate(0,0);
		}
	a.footerLink { font-size: 14px; color: #90a4ae; }

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 100;
    display: none;
}
    #overlayContainer {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 101;
        background: white;
        display: none;
        cursor: pointer;
    }
    .overlayClose {
        position: absolute;
        right: 10px;
        cursor: pointer;
        background: white;
    }
        .overlayTestImage {
            position: fixed;
            top: 0;
            left: 0;
            visibility: hidden;
        }
        .overlayContent {
            display: block;
            height: 100%;
        }
    .absoluteCenter {
        margin: auto;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 110;
        display: none;
    }
        img.absoluteCenter {
            max-height: 100%;
            max-width: 100%;
            cursor: pointer;
            -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
            -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
            -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
            -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
        }
    .pvArrow {
        display: none;
        width: 26px;
        height: 45px;
        background: url('../img/def_sprite.png') no-repeat 0 -95px;
        position: fixed;
        top: 50%;
        margin-top: -22px;
        z-index: 150;
        left: 15px;
        cursor: pointer;
    }
        .pvArrow.next {
            right: 15px;
            left: auto;
            background-position: -26px -95px;
        }
        .pvArrow:hover, .siteBy:hover {
            filter: alpha(opacity=70);
            opacity: 0.7;
        }

/* Bars */
	.bar {
		display: block;
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
		background-size: cover;
		background-position: 50% 50%;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: translate(0,25px);
		-moz-transform: translate(0,25px);
		-o-transform: translate(0,25px);
		-ms-transform: translate(0,25px);
		transform: translate(0,25px);
	}
		.showbars .bar, header.bar, .directload .bar, #bar-expanded .bar {
			filter: alpha(opacity=100);
			opacity: 1;
			-webkit-transform: translate(0,0);
			-moz-transform: translate(0,0);
			-o-transform: translate(0,0);
			-ms-transform: translate(0,0);
			transform: translate(0,0);
		}
		.bar .c {
			width: 96%;
			max-width: 1425px;
			display: block;
			margin: 0px auto;
			position: relative;
			padding: 105px 0 100px 0;
			color: white;
			z-index: 4;
		}
			.bar.bg_white .c { color: #37474f; }
			header .c { padding-top: 100px; }
			header { border-left: 5px solid #e74c3c; z-index: 2; }
		.bar-column1 {
			float: left;
			width: 650px;
			margin-right: 90px;
		}
		aside {
			float: left;
			width: 375px;
			color: #90a4ae;
		}
		.bar h2 { margin-bottom: 20px; }
		.bar-buttons { margin-top: 24px; }

	header .bar-column1 { font-size: 30px; }
		.bar aside a {
			color: #90a4ae;
			display: block;
		}
			#bar-expanded aside a { display: inline-block; }
		aside a:hover, .header-small u:hover { color: #fff; cursor: pointer; }
		#bar-expanded aside div span { color: #37474f; }
	.header-small { font-size: 18px; margin-top: 20px;}
	header aside h4 { margin-bottom: 20px; margin-top: -32px;}
/* End-Bars */
/* Buttons */
	.button, a.button {
        background: #fff;
        border: 1px solid #e74c3c;
        color: #e74c3c;
        padding: 13px 21px;
        display: inline-block;
		margin-right: 10px;
        cursor: pointer;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }
		.button_large, a.button_large {
			font-size: 18px;
			padding: 16px 30px;
		}
		.button_red, a.button_red,
        .button:hover, a.button:hover {
        	color: white;
            background: #e74c3c;
        }
		.button_red:hover, a.button_red:hover {
			color: #e74c3c;
			background: white;
		}
        .button:active, a.button:active {
            -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.4);
            -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.4);
            box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.4);
        }
	.button_right { float: right; }
	.bar-buttons span { font-size: 18px; }
	.bar_contact .bar-buttons { margin: 40px 0; }

	.fab {
		cursor: pointer;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 5px 14px rgba(0,0,0,0.4), inset 0 4px 0 rgba(255,255,255,0.3);
		-moz-box-shadow: 0 5px 14px rgba(0,0,0,0.4), inset 0 4px 0 rgba(255,255,255,0.3);
		box-shadow: 0 5px 14px rgba(0,0,0,0.4), inset 0 4px 0 rgba(255,255,255,0.3);
		position: absolute;
		right: 60px;
		bottom: -20px;
		width: 100px;
		height: 100px;
		z-index: 5;
		filter: alpha(opacity=100);
		opacity: 1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
	}
		.bar_clients .fab { right: 50%; margin-right: -35px; width: 70px; height: 70px; }
		.bar_clients.open .fab svg {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			fill: #fff;
		}
		.fab svg { width: 50%; height: 50%; margin: 25% auto; display: block; }
		.bar_clients .fab:hover { background: white; }
		.fab.bg_red:hover, .open .fab:hover { background-color: #FB9C92; }
		.fab:active {
			-webkit-box-shadow: 0 5px 1px rgba(0,0,0,0.4), inset 0 4px 0 rgba(0,0,0,0.3);
			-moz-box-shadow: 0 5px 1px rgba(0,0,0,0.4), inset 0 4px 0 rgba(0,0,0,0.3);
			box-shadow: 0 5px 1px rgba(0,0,0,0.4), inset 0 4px 0 rgba(0,0,0,0.3);
			bottom: -23px;
		}

	body:not(.directload) .fab.notvisible {
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: translate(0,-25px);
		-moz-transform: translate(0,-25px);
		-o-transform: translate(0,-25px);
		-ms-transform: translate(0,-25px);
		transform: translate(0,-25px);
	}
/* End-Buttons */
/* Header animation */
	header:after {
		content: '';
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background: #e74c3c;
		position: absolute;
		top: 50%;
		left: 0;
		width: 250%;
		height: 0;
		padding-top: 100%;
		z-index: 5;
		-webkit-transform: translate3d(-50%,-50%,0);
		-moz-transform: translate3d(-50%,-50%,0);
		-o-transform: translate3d(-50%,-50%,0);
		-ms-transform: translate3d(-50%,-50%,0);
		transform: translate3d(-50%,-50%,0);
		-webkit-transition: width 0.5s ease;
		-moz-transition: width 0.5s ease;
		-o-transition: width 0.5s ease;
		transition: width 0.5s ease;
	}
		.directload header:after,
		header.endstate:after { width: 0%; }
		.directload header:after { padding-top: 0; }
		header.endstate .numbers, .directload header .numbers { opacity: 0.05; z-index: 1;}
	header .numbers {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		z-index: 6;
	}
	header .numbers-cont {
		display: block;
		height: 550%;
		opacity: 0;
		-webkit-transform-origin: 100% 50%;
		-moz-transform-origin: 100% 50%;
		-o-transform-origin: 100% 50%;
		-ms-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: translate3d(16%,-1%,0);
		-moz-transform: translate3d(16%,-1%,0);
		-o-transform: translate3d(16%,-1%,0);
		-ms-transform: translate3d(16%,-1%,0);
		transform: translate3d(16%,-1%,0);
	}
		header.animate .numbers-cont {
			opacity: 1;
			-webkit-animation: numbers 2s ease-in;
			-moz-animation: numbers 2s ease-in;
			-o-animation: numbers 2s ease-in;
			animation: numbers 2s ease-in;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}
		.directload header .numbers-cont {
			opacity: 1; filter: alpha(opacity=100);
			-webkit-transform: scale(1) translate3d(16%,-81%,0);-moz-transform: scale(1) translate3d(16%,-81%,0);-o-transform: scale(1) translate3d(16%,-81%,0);-ms-transform: scale(1) translate3d(16%,-81%,0);transform: scale(1) translate3d(16%,-81%,0);
		}
		.directload header { overflow: visible; }
	header .numbers svg {
		display: block;
		height: 20%;
		width: 100%;
	}
	@media(max-width:1100px){
		header:after {
			width: 100%;
			top: 0;
			bottom: 0;
			height: auto;
			padding-top: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
			transform: none;
		}
		header .numbers-cont { height: 500%;}
	}
	@media(max-width:850px){
		header .numbers-cont { width: 100vw; height: 550vw; }
	}
	@-webkit-keyframes numbers {
		0% { -webkit-transform: scale(0.7) translate3d(16%,-1%,0);-moz-transform: scale(0.7) translate3d(16%,-1%,0);-o-transform: scale(0.7) translate3d(16%,-1%,0);-ms-transform: scale(0.7) translate3d(16%,-1%,0);transform: scale(0.7) translate3d(16%,-1%,0);}
		100% { -webkit-transform: scale(1) translate3d(16%,-81%,0);-moz-transform: scale(1) translate3d(16%,-81%,0);-o-transform: scale(1) translate3d(16%,-81%,0);-ms-transform: scale(1) translate3d(16%,-81%,0);transform: scale(1) translate3d(16%,-81%,0); }
	}
	@keyframes numbers {
		0% { -webkit-transform: scale(0.7) translate3d(16%,-1%,0);-moz-transform: scale(0.7) translate3d(16%,-1%,0);-o-transform: scale(0.7) translate3d(16%,-1%,0);-ms-transform: scale(0.7) translate3d(16%,-1%,0);transform: scale(0.7) translate3d(16%,-1%,0);}
		100% { -webkit-transform: scale(1) translate3d(16%,-81%,0);-moz-transform: scale(1) translate3d(16%,-81%,0);-o-transform: scale(1) translate3d(16%,-81%,0);-ms-transform: scale(1) translate3d(16%,-81%,0);transform: scale(1) translate3d(16%,-81%,0); }
	}
/* End-Header animation */
/* Clients */
	.bar_clients { overflow: visible; z-index: 2; }
	.bar_clients .c { padding: 70px 0; }
	.bar_clients .c div { text-align: center; font-size: 0; max-height: 150px; overflow: hidden; }
	.bar_clients.open .c div { max-height: 1200px; }
	.bar_clients a {
		display: inline-block;
		width: 18%;
		margin: 0 1% 2% 1%;
	}
		.bar_clients a:nth-child(n+6){ opacity: 0; }
		.bar_clients.open a{ opacity: 1; }

	/*! Gray v1.4.2 (https://github.com/karlhorky/gray) | MIT */
	.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
	@media(max-width:1250px){
		.bar_clients a { width: 24%; margin: 0 0.5% 1.5% 0.5%; }
		.bar_clients a:nth-child(n+5){ opacity: 0; }
		.bar_clients.open a{ opacity: 1; }
	}
	@media(max-width:1000px){
		.bar_clients a { width: 32.33%; }
		.bar_clients a:nth-child(n+4){ opacity: 0; }
		.bar_clients.open a{ opacity: 1; }
	}
	@media(max-width:750px){
		.bar_clients a { width: 49%; }
		.bar_clients a:nth-child(n+3){ opacity: 0; }
		.bar_clients.open a{ opacity: 1; }
	}
/* End-Clients */
/* Specifics */
	@media(min-width:975px){
		.trax-img1 {
			position: absolute;
			width: 427px;
			height: 556px;
			display: block;
			right: -52px;
			bottom: 0;
			z-index: 2;
			-webkit-transform-origin: 90% 100%;
			-moz-transform-origin: 90% 100%;
			-o-transform-origin: 90% 100%;
			-ms-transform-origin: 90% 100%;
			transform-origin: 90% 100%;
			-webkit-animation: trax1 10s ease infinite;
			-moz-animation: trax1 10s ease infinite;
			-o-animation: trax1 10s ease infinite;
			animation: trax1 10s ease infinite;
		}
		.trax-img2 {
			position: absolute;
			width: 297px;
			height: 531px;
			display: block;
			right: 270px;
			top: -30px;
			z-index: 1;
			-webkit-transform-origin: 100% 0%;
			-moz-transform-origin: 100% 0%;
			-o-transform-origin: 100% 0%;
			-ms-transform-origin: 100% 0%;
			transform-origin: 100% 0%;
			-webkit-animation: trax2 15s ease infinite;
			-moz-animation: trax2 15s ease infinite;
			-o-animation: trax2 15s ease infinite;
			animation: trax2 15s ease infinite;
		}
	}
	@-webkit-keyframes trax1 {
		0% { -webkit-transform: rotateZ(-14deg); -moz-transform: rotateZ(-14deg); -o-transform: rotateZ(-14deg); -ms-transform: rotateZ(-14deg); transform: rotateZ(-14deg);}
		50% { -webkit-transform: rotateZ(-17deg); -moz-transform: rotateZ(-17deg); -o-transform: rotateZ(-17deg); -ms-transform: rotateZ(-17deg); transform: rotateZ(-17deg);}
		100% { -webkit-transform: rotateZ(-14deg); -moz-transform: rotateZ(-14deg); -o-transform: rotateZ(-14deg); -ms-transform: rotateZ(-14deg); transform: rotateZ(-14deg);}
	}
	@keyframes trax1 {
		0% { -webkit-transform: rotateZ(-14deg); -moz-transform: rotateZ(-14deg); -o-transform: rotateZ(-14deg); -ms-transform: rotateZ(-14deg); transform: rotateZ(-14deg);}
		50% { -webkit-transform: rotateZ(-17deg); -moz-transform: rotateZ(-17deg); -o-transform: rotateZ(-17deg); -ms-transform: rotateZ(-17deg); transform: rotateZ(-17deg);}
		100% { -webkit-transform: rotateZ(-14deg); -moz-transform: rotateZ(-14deg); -o-transform: rotateZ(-14deg); -ms-transform: rotateZ(-14deg); transform: rotateZ(-14deg);}
	}
	@-webkit-keyframes trax2 {
		0% { -webkit-transform: rotateZ(22deg); -moz-transform: rotateZ(22deg); -o-transform: rotateZ(22deg); -ms-transform: rotateZ(22deg); transform: rotateZ(22deg);}
		50% { -webkit-transform: rotateZ(19deg); -moz-transform: rotateZ(19deg); -o-transform: rotateZ(19deg); -ms-transform: rotateZ(19deg); transform: rotateZ(19deg);}
		100% { -webkit-transform: rotateZ(22deg); -moz-transform: rotateZ(22deg); -o-transform: rotateZ(22deg); -ms-transform: rotateZ(22deg); transform: rotateZ(22deg);}
	}
	@keyframes trax2 {
		0% { -webkit-transform: rotateZ(22deg); -moz-transform: rotateZ(22deg); -o-transform: rotateZ(22deg); -ms-transform: rotateZ(22deg); transform: rotateZ(22deg);}
		50% { -webkit-transform: rotateZ(19deg); -moz-transform: rotateZ(19deg); -o-transform: rotateZ(19deg); -ms-transform: rotateZ(19deg); transform: rotateZ(19deg);}
		100% { -webkit-transform: rotateZ(22deg); -moz-transform: rotateZ(22deg); -o-transform: rotateZ(22deg); -ms-transform: rotateZ(22deg); transform: rotateZ(22deg);}
	}

	.trh-imgs {
		position: absolute;
		right: -13px;
		top: -90px;
		bottom: 0;
		width: 500px;
		text-align: right;
	}
		@media(min-width:850px){
			.trh-imgs img {
				display: inline-block;
				width: 100%;
				margin-bottom: 10px;
				-webkit-transform: translate3d(100%,0,0);
				-moz-transform: translate3d(100%,0,0);
				-o-transform: translate3d(100%,0,0);
				-ms-transform: translate3d(100%,0,0);
				transform: translate3d(100%,0,0);
			}
			.trh-imgs img.show, .expanded-firstbar .trh-imgs img {
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}
		}
		.trh-imgs .trh-img2, .trh-imgs .trh-img3 { width: 85%; }


	.abe-img2 {
		position: absolute;
		top: 0; left: 0;
		display: block;
		width: 176px;
	}
	.abe-img1 {
		position: absolute;
		top: 0; bottom: 0; right: 130px;
		width: 40%;
		max-width: 298px;
		margin: auto;
	}

	.classie-imgs {
		position: absolute;
		bottom: 0; right: 40px;
		top: -72px;
		display: block;
	}
		.classie-img1 { display: block; height: 100%; float: right; }

	.fifty { float: left; width: 49%; margin-right: 1%; margin-bottom: 24px; }
	.footerfoto {
		margin: -100px auto 0 auto;
		display: block;
		width: 110%;
		position: relative;
		max-width: 780px;
	}
		.footerfoto img {
			backface-visibility: hidden;
			transition: all 0.7s ease;
		}
		.footerfoto .img2 {
			position: absolute;
			top: 0; left: 0; width: 100%; height: 100%;
			transform: rotateY(-180deg);
		}
		.footerfoto.rotate img {
			transform: rotateY(180deg);
		}
		.footerfoto.rotate img.img2 {
			transform: rotateY(0);
		}
	.bar_contact { margin-bottom: 0; }

	@media(min-width:850px){
		.btoo-imgs {
			position: absolute;
			right: 0; top: 0; bottom: 0;
		}
			.btoo-imgs img {
				-webkit-animation: btoo 30s ease infinite;
				-moz-animation: btoo 30s ease infinite;
				-o-animation: btoo 30s ease infinite;
				animation: btoo 30s ease infinite;
				float: right;
			}
		img.btoo-img1 { width: 435px; margin-right: 18px; }
		img.btoo-img2 {
			width: 177px;
			-webkit-animation-delay: -15s;
			animation-delay: -15s;
		}
		.bar_classie { overflow: visible; }
	}
	@-webkit-keyframes btoo {
		0% { -webkit-transform: translate3d(0,-100px,0);-moz-transform: translate3d(0,-100px,0);-o-transform: translate3d(0,-100px,0);-ms-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
		50% { -webkit-transform: translate3d(0,-20px,0);-moz-transform: translate3d(0,-20px,0);-o-transform: translate3d(0,-20px,0);-ms-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
		100% { -webkit-transform: translate3d(0,-100px,0);-moz-transform: translate3d(0,-100px,0);-o-transform: translate3d(0,-100px,0);-ms-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
	}
	@keyframes btoo {
		0% { -webkit-transform: translate3d(0,-100px,0);-moz-transform: translate3d(0,-100px,0);-o-transform: translate3d(0,-100px,0);-ms-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
		50% { -webkit-transform: translate3d(0,-20px,0);-moz-transform: translate3d(0,-20px,0);-o-transform: translate3d(0,-20px,0);-ms-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
		100% { -webkit-transform: translate3d(0,-100px,0);-moz-transform: translate3d(0,-100px,0);-o-transform: translate3d(0,-100px,0);-ms-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
	}

	@media(max-width:1400px) and (min-width:975px) {
		.trax-img1 { width: 367px; height: 478px; right: -82px; }
		.trax-img2 { width: 257px; height: 459px; right: 190px; top: 0; }
		.trh-imgs { width: 480px; top: 42px; }
		.abe-img1 { max-width: 270px; }
		img.btoo-img1 { width: 370px; margin-right: 14px; }
		img.btoo-img2 { width: 150px; }
	}
	@media(max-width:1275px){
		.bar-column1 { width: 560px; }
		aside { width: 345px; }
	}
	@media(max-width:1185px) and (min-width:975px) {
		.bar .c { padding: 75px 0 70px 0; }
		.footerfoto { margin-top: -75px; }
		.trax-img1 { right: -42px; }
		.trax-img2 { display: none; }
		.trh-imgs { width: 400px; top: -20px; }
		.abe-img1 { max-width: 230px; right: 100px; }
		.classie-imgs { top: -64px; right: 10px; }
		img.btoo-img1 { width: 296px; margin-right: 10px; }
		img.btoo-img2 { width: 120px; }
	}
	@media(max-width:1090px){
		header .bar-column1 { font-size: 23px; float: none;}
		header aside h4 { margin-top: 40px; }
		header aside { float: none; display: block; overflow: auto; }
		.fab { width: 80px; height: 80px; right: 40px; bottom: -15px; }
	}
	@media(max-width:1050px){
		.bar-column1 { width: 550px; }
		.abe-img1 { right: 70px; }
		.trh-imgs { width: 380px; right: -23px; }
		.btoo-imgs { right: -90px; }
		.classie-imgs { top: 20px; }
	}

	@media(max-width:975px){
		.bar-column1 { margin: 0; width: 60%;}
		#bar-expanded aside { margin-top: 50px; width: 60%; }
		.bar .c { padding: 55px 0 50px 0; }
		.footerfoto { margin-top: -35px; }
		.trax-img1 {
			position: absolute;
			width: 35%; right: -25px;
			display: block;
			bottom: 0;
			z-index: 2;
		}
		.trax-img2, .btoo-img2 { display: none; }
		.trh-imgs { width: 360px; right: -33px; top: -12px; }
		.abe-img1 { max-width: 208px; }
		.abe-img2 { top: -40px }
		.classie-imgs { right: 10px; }
		img.btoo-img1 { width: 392px; margin-right: 0; }
	}
	@media(max-width:850px){
		body { padding: 0; font-size: 21px; }
		.bar-column1 { width: 90%;}
		#bar-expanded aside { width: 90%; }
		.bar .c { padding: 45px 20px 40px 20px; }
		.footerfoto { margin-top: -15px; }
		.trax-img1, .classie-img1 { position: relative; padding: 0 20px; right: 0; width: 100%; max-width: 360px; margin-bottom: -90px; float: none; }
		.trh-imgs { position: relative; margin: 0 auto; right: 0; top: 0; text-align: center; width: 100%; max-width: 360px; padding: 20px 20px 0 20px; margin-bottom: -50px; }
		.classie-imgs { position: relative; right: 0; }
		.trh-imgs img {
			position: relative; width: 100%; display: inline-block; z-index: 2;
			filter: alpha(opacity=0);
			opacity: 0;
			-webkit-transform: translate(0,100%);
			-moz-transform: translate(0,100%);
			-o-transform: translate(0,100%);
			-ms-transform: translate(0,100%);
			transform: translate(0,100%);
		}
			.trh-imgs .trh-img2 { margin-bottom: -89px; }
			.trh-imgs .trh-img3 {
				position: absolute;
				top: 0;
				width: 65%;
				z-index: 1;
			}
			.trh-imgs img.trh-img3 {
				-webkit-transform: translate(-50%, 100%);
				-moz-transform: translate(-50%, 100%);
				-o-transform: translate(-50%, 100%);
				-ms-transform: translate(-50%, 100%);
				transform: translate(-50%, 100%);
			}
		.trh-imgs img.show, .expanded-firstbar .trh-imgs img {
			filter: alpha(opacity=100);
			opacity: 1;
			-webkit-transform: translate(0%, 0%);
			-moz-transform: translate(0%, 0%);
			-o-transform: translate(0%, 0%);
			-ms-transform: translate(0%, 0%);
			transform: translate(0%, 0%);
		}
			.trh-imgs img.trh-img3.show, .expanded-firstbar .trh-imgs img.trh-img3 {
				-webkit-transform: translate(-50%,0);
				-moz-transform: translate(-50%,0);
				-o-transform: translate(-50%,0);
				-ms-transform: translate(-50%,0);
				transform: translate(-50%,0);
			}
		.abe-img1 { display: none; }

		.btoo-imgs { height: 180px; overflow: hidden; right: 0; padding: 0 0 0 20px;}
		img.btoo-img1 { width: 69%; margin-right: 1%; float: right; }
		img.btoo-img2 {	width: 30%; float: right; display: block;}

		header .bar-column1 { font-size: 21px;}
		.header-small { display: none; }
		.fab { width: 70px; height: 70px; right: 20px; }
	}
	@media(max-width:550px){
		.button_map, a.button_map { display: none; }
		.fifty { width: 100%; margin: 0; float: none; display: block; }
	}
	@media(max-width:500px){
		.bar-column1, #bar-expanded aside { width: 100%; }
		.btoo-imgs { height: 140px; }
	}

	#map-canvas { display: block; height: 90vh; }
/* End-Specifics */
/* Expanded view */
	#bar-expanded {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: hidden;
		overflow-x: hidden;
		z-index: -1;
	}
		.expanded-firstbar { filter: alpha(opacity=0); opacity: 0; padding: 10px; background: white; }
		.expanded-firstbar.loaded { filter: alpha(opacity=100); opacity: 1; }
		.expanded-firstbar .bar { margin-bottom: 0; }
		.expanded-content {
			background: white;
			filter: alpha(opacity=0);
			opacity: 0;
			position: relative;
			-webkit-transform: translate(0,100px);
			-moz-transform: translate(0,100px);
			-o-transform: translate(0,100px);
			-ms-transform: translate(0,100px);
			transform: translate(0,100px);
			padding: 10px;
		}
		.expanded-content.loaded {
			filter: alpha(opacity=100);
			opacity: 1;
			-webkit-transform: translate(0,0);
			-moz-transform: translate(0,0);
			-o-transform: translate(0,0);
			-ms-transform: translate(0,0);
			transform: translate(0,0);
		}
		.expanded-close, .overlayClose {
			position: absolute;
			top: 10px;
			right: 20px;
			padding: 10px;
			z-index: 15;
		}
			.expanded-close svg, .overlayClose svg { fill: #37474f; }
			.expanded-close:hover svg, .overlayClose:hover svg { fill: #e74c3c; }
		@media(max-width:850px){
			.expanded-close { right: 10px; }
			.overlayClose { right: 0; top:0; }
			.expanded-firstbar, .expanded-content { padding: 0; }
		}
/* End-Expanded view */
/* Highfives */
	.h5 {
		display: block;
		float: left;
		background: white;
		border-radius: 4px;
		color: black;
		overflow: hidden;
		position: relative;
	}
	.h5-img { display: block; background-size: cover; background-position: 50% 50%; position: absolute; z-index: 3; }
	.h5 svg { position: absolute; fill: #113145; z-index: 2; }
	.h5-title { padding: 10px; display: block; position: relative; z-index: 4; margin: 0; }

	@media(min-width:750px){
		.h5-one {
			width: 68%; height: 280px;
			margin-bottom: 10px;
		}
		.h5-two {
			float: right; width: 31%;
			height: 570px;
		}
		.h5-three {
			clear: left;
			width: 23.5%;
			margin-right: 1%;
			height: 331px;
		}
		.h5-four {
			width: 43.5%;
			height: 230px;
			margin-right: 1%;
			margin-bottom: 10px;
		}
		.h5-five {
			width: 43.5%;
			height: 230px;
		}

		.h5-one .h5-img { top: 0; right: 0; bottom: 0; width: 64%; }
		.h5-one svg { width: 20%; height: 100%; left: 0; bottom: -20%; }
		.h5-one .h5-title { width: 35%; }

		.h5-two .h5-img { right: 0; left: 0; bottom: 0; height: 70%; }
		.h5-two svg { position: absolute; right: -17%; top: -2%; height: 38%; width: 70%;}
		.h5-two .h5-title { width: 60%; }

		.h5-three .h5-img { right: 0; left: 0; top: 0; height: 70%; }
		.h5-three svg { position: absolute; left: -17%; bottom: -2%; height: 38%; width: 70%; }
		.h5-three .h5-title { position: absolute; right: 0; bottom: 0; left: 0; text-align: right; }

		.h5-four .h5-img { top: 0; left: 0; bottom: 0; width: 60%; }
		.h5-four svg { width: 40%; height: 100%; right: -10%; bottom: -15%; }
		.h5-four .h5-title { width: 39%; float: right; }

		.h5-five .h5-img { top: 0; right: 0; bottom: 0; width: 60%; }
		.h5-five svg { width: 20%; height: 100%; left: 25%; bottom: -20%; }
		.h5-five .h5-title { width: 37%; }
	}

	@media(max-width:1275px) and (min-width:750px){
		.h5-two {
			float: left; width: 65%;
			height: 310px; margin-right: 1%;
		}
			.h5-two .h5-img { right: auto; left: 0; top: 0; height: 100%; width: 64%; }
			.h5-two .h5-title { float: right; width: 35%; }
			.h5-two svg { width: 20%; height: 100%; right: 0; bottom: -20%; top: auto; }
		.h5-one { width: 100%; }
		.h5-three { clear: none; width: 34%; margin-right: 0; margin-bottom: 10px; height: 310px; }
		.h5-three .h5-title { padding-top: 45%; }
		.h5-four, .h5-five { width: 49.5%; }
	}
	@media(max-width:750px) and (min-width:500px){
		.h5 { width: 100%; margin-bottom: 10px; height: 300px;}
		.h5 .h5-img { top: 0; right: 0; bottom: 0; width: 64%; }
		.h5 svg { width: 20%; height: 100%; left: 0; bottom: -20%; fill: #113145; }
		.h5 .h5-title { width: 35%; }
	}
	@media (max-width:500px){
		.h5 { width: 100%; margin-bottom: 10px; height: auto;}
		.h5 .h5-title { display: block; position: relative; width: 100%; }
		.h5-img { width: 100%; position: relative; height: 200px; }
		.h5 svg { width: 50px; height: 50px; right: 0; }
	}

/* End-Highfives */

.fullWidth { display: block; width: 100%; }

    .transition, .loadinglogo, .bar {
        -webkit-transition: all 450ms ease;
        -moz-transition: all 450ms ease;
        -ms-transition: all 450ms ease;
        -o-transition: all 450ms ease;
        transition: all 450ms ease;
    }
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
/* Print Stylesheet */
    @media print {
      * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
      a, a:visited { text-decoration: underline; }
      thead { display: table-header-group; }
      tr, img { page-break-inside: avoid; }
      img { max-width: 100% !important; }
      @page { margin: 0.5cm; }
      p, h2, h3 { orphans: 3; widows: 3; }
      h2, h3 { page-break-after: avoid; }
		.fab { display: none; }
		body { font-size: 18px; }
    }
/* End-Print stylesheet */