@charset "UTF-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
* {
	font-family: "Helvetica Neue Thin", sans-serif;
}

body {
	background-color: #000000;
	color:            #FFFFFF;
	font-size:        16px;
	word-wrap:        break-word;
	-ms-word-break:   break-all;
	word-break:       break-all;
	word-break:       break-word;
	-webkit-hyphens:  auto;
	-moz-hyphens:     auto;
	hyphens:          auto;
}

body.mceContentBody {
	/*background-color: #FFF;*/
	background-image: none;
	/*color:                                                                                                             #000;*/
}

a,
input,
textarea,
select,
img,
#logo,
#menu-btn,
#menu .container,
header,
#header .text *,
.box,
.caption,
#browser .img,
#browser .contents,
.slideshow .slide .text-box .text,
.slideshow-nav a,
.social-icns {
	-webkit-transition: all 200ms ease-in-out 0s;
	-moz-transition:    all 200ms ease-in-out 0s;
	-ms-transition:     all 200ms ease-in-out 0s;
	-o-transition:      all 200ms ease-in-out 0s;
	transition:         all 200ms ease-in-out 0s;
}

.admin-edit-btn *,
.slideshow a,
.promo-img,
.promo-img_m {
	-webkit-transition: none !important;
	-moz-transition:    none !important;
	-ms-transition:     none !important;
	-o-transition:      none !important;
	transition:         none !important;
}

h1 {
	font-family: "Helvetica Neue UltraLight", sans-serif;
	font-weight: normal;
	font-size:   2.5em;
	line-height: 1em;
}

h2 {
	font-family: "Helvetica Neue UltraLight", sans-serif;
	font-weight: normal;
	font-size:   2.5em;
	line-height: 1em;
}

a {
	color:           #FFF;
	text-decoration: none;
}

a:hover {
	color:           #FFF;
	text-decoration: underline;
}

img,
object,
embed,
video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		2;
	dw-num-cols-tablet:		3;
	dw-num-cols-desktop:	3;
	dw-gutter-percentage:	50;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	margin-left:          0%;
	width:                100%;
	float:                left;
	/* [disabled]display: block;
*/
	clear:                both;
	margin-right:         0px;
	-webkit-box-sizing:   border-box;
	-moz-box-sizing:      border-box;
	box-sizing:           border-box;
	position:             relative;
}

.fluidList {
	list-style:       none;
	list-style-image: none;
	margin:           0;
	padding:          0;
}

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left:   auto;
	margin-right:  auto;
	width:         100%;
	padding:       0px;
	clear:         none;
	float:         none;
	margin-top:    0px;
	margin-bottom: 0px;
}

#bg {
	width:               100%;
	height:              500px;
	min-height:          100vh;
	z-index:             -1;
	position:            fixed;
	background-repeat:   no-repeat;
	background-position: center top;
	background-size:     cover;
	top:                 0px;
	left:                0px;
}

#header {
	width:    100%;
	height:   114px;
	position: relative;
	z-index:  9999;
}

#header::after {
	content:          " ";
	display:          block;
	width:            inherit;
	height:           inherit;
	z-index:          1;
	position:         fixed;
	top:              0px;
	left:             0px;
	background-color: rgba(0, 0, 0, 0.80)
}

#header .text {
	display:  block;
	z-index:  3;
	position: absolute;
	bottom:   75px;
	left:     75px;
}

#header h3 {
	font-family:   "AcrosstheRoad", sans-serif;
	font-weight:   normal;
	margin-top:    0px;
	margin-right:  0px;
	margin-left:   0px;
	margin-bottom: 10px;
	padding:       0px;
	font-size:     40px;
}

#header p {
	margin:     0px;
	padding:    0px;
	font-size:  14px;
	font-style: oblique;
}

.media #header,
.contact #header {
	height:     114px;
	min-height: 114px;
}

.media #header .text,
.contact #header .text {
	display: none;
}

.slideshow {
	width:        100%;
	/*height:                                                 56.25vw;*/
	height:       90vw;
	/*min-height: 250px;*/
	/*max-height: 90vh;*/
	overflow:     hidden;
	position:     relative;
	z-index:      5;
	left:         0px;
	top:          0px;
	cursor:       e-resize;
}

.slideshow .slide {
	width:               100%;
	height:              inherit;
	/*min-height:                                                                                     250px;*/
	position:            absolute;
	z-index:             1000;
	left:                100%;
	top:                 0%;
	background-repeat:   no-repeat;
	background-position: center center;
	background-size:     cover;
	/*padding-top:                                                                         4%;
	padding-right:                                                                         4%;
	padding-left:                                                                                     4%;
	padding-bottom:                                                             4%;*/
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:     border-box;
	box-sizing:          border-box;
}

.slideshow .slide .text-box {
	width:              100%;
	/*height:                                                                                                                         inherit;*/
	display:            block;
	position:           absolute;
	z-index:            1;
	bottom:             0px;
	left:               0px;
	padding-top:        50px;
	padding-right:      10px;
	padding-bottom:     0px;
	padding-left:       10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	/*display:                                                                                                             -webkit-box;
	display:                                                                                                                                     -moz-box;
	display:                                                                                                                                     -ms-flexbox;
	display:                                                                                                                                     -webkit-flex;
	display:                                                                                                                                     flex;
	flex-grow:                                                                                                             1;
	flex-direction:                                                 column;*/
	justify-content:    center;
	text-align:         center;
	background-image:   -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
	background-image:   -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
	background-image:   -o-linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
	background-image:   linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.slideshow .slide .text-box .text {
	color:          #FFFFFF;
	padding-bottom: 10px;
}

.slideshow .slide .text-box .text .title {
	font-family:   arkibalheavy, Verdana, sans-serif;
	font-size:     2.4em;
	margin-bottom: 20px;
}

.slideshow .slide .text-box .text .brief {
	font-size: 1.2em;
}

.slideshow .morenews {
	position:           absolute;
	width:              100%;
	bottom:             0px;
	left:               0px;
	z-index:            2000;
	padding-top:        4%;
	padding-right:      4%;
	padding-left:       4%;
	padding-bottom:     40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	overflow:           hidden;
	background-image:   -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
	background-image:   -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
	background-image:   -o-linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
	background-image:   linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.slideshow .morenews span {
	display:          inline-block;
	width:            60px;
	height:           6px;
	margin-right:     20px;
	background-color: #FFFFFF;
	margin-top:       9px;
	float:            left;
	margin-bottom:    5px;
}

.slideshow .morenews a {
	color:       #FFFFFF;
	font-size:   20px;
	line-height: 1em;
	display:     inline-block;
	float:       left;
}

.slideshow-nav {
	display:    none;
	position:   absolute;
	z-index:    3000;
	bottom:     15px;
	left:       0px;
	height:     10px;
	width:      100%;
	text-align: center;
}

.slideshow-nav a {
	width:            10px;
	height:           inherit;
	display:          inline-block;
	margin-right:     10px;
	opacity:          0.6;
	border-radius:    10px;
	text-decoration:  none;
	background-color: #FFFFFF;
}

.slideshow-nav a.active {
	opacity: 1;
}

#scrollIcon {
	width:               27px;
	height:              42px;
	background-image:    url(../graphics/scroll-icn.png);
	background-image:    url(../graphics/scroll-icn.svg), none;
	background-position: center center;
	background-size:     contain;
	background-repeat:   no-repeat;
	position:            fixed;
	top:                 36px;
	left:                50%;
	margin-left:         -14px;
	z-index:             99999;
}

#footer {
	background-color: #000000;
	font-size:        10px;
	padding:          20px;
	width:            100%;
	position:         relative;
	bottom:           0px;
	z-index:          9999;
}

#footer.fixed {
	position: fixed;
}

#footer .table {
	width:              100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	display:            block;
}

#footer .table .td {
	font-family:    Verdana, Geneva, sans-serif;
	display:        block;
	text-align:     center;
	vertical-align: middle;
}

#footer a {
	font-family: Verdana, Geneva, sans-serif;
}

.social-icns a {
	font-family:             socicon !important;
	font-size:               20px;
	text-decoration:         none;
	font-style:              normal;
	font-variant:            normal;
	font-weight:             normal;
	display:                 inline-block;
	-webkit-font-smoothing:  antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:             1px 1px 1px rgba(0, 0, 0, 0.004);
	margin-top:              5px;
	margin-bottom:           5px;
	padding-top:             5px;
	padding-right:           5px;
	padding-bottom:          5px;
	padding-left:            5px;
}

.social-icns a+a {
	margin-left: 20px;
}

#footer .social-icns a {
	color: #FFFFFF;
}

#footer .social-icns a:hover {
	color: #999;
}

#logo {
	background-image:    url(../graphics/logo.png);
	background-image:    url(../graphics/logo.svg), none;
	background-position: center center;
	background-size:     contain;
	background-repeat:   no-repeat;
	width:               70px;
	height:              94px;
	position:            fixed;
	top:                 10px;
	left:                10px;
	z-index:             2;
	text-decoration:     none;
}

#menu-btn {
	width:               50px;
	height:              30px;
	margin:              0px;
	padding:             0px;
	background-color:    transparent;
	background-image:    url(../graphics/menu-btn.png);
	background-image:    url(../graphics/menu-btn.svg), none;
	background-position: center center;
	background-size:     contain;
	background-repeat:   no-repeat;
	position:            fixed;
	top:                 42px;
	right:               10px;
	display:             block;
	text-decoration:     none;
	z-index:             2;
}

#menu {
	font-size:          18px;
	color:              #000000;
	width:              100%;
	/*min-height:                                                                         100vh;
	min-width:                                                                                                             100vw;*/
	display:            block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:           absolute;
	z-index:            9999;
	top:                0px;
	right:              0px;
}

#menu .container {
	background-color:   #FFFFFF;
	width:              100%;
	min-height:         100vh;
	padding:            0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:           relative;
	z-index:            1000;
	right:              0px;
	top:                0px;
	float:              right;
}

#menu .container table td {
	padding:        20px;
	vertical-align: middle !important;
}

#menu .container .bottom {
	vertical-align: bottom !important;
	height:         150px;
	padding-left:   40px;
}

#menu .container .bottom .cc {
	font-family: Verdana, Geneva, sans-serif;
	font-size:   10px;
}

#menu .nav-main {
	margin-top:    20px;
	margin-right:  70px;
	margin-left:   20px;
	margin-bottom: 20px;
}

#menu .nav-main * {
	font-family:    "Helvetica Neue Medium", sans-serif;
	text-transform: uppercase;
}

#menu .nav-main li {
	margin-bottom: 10px;
}

#menu .nav-main a {
	color: #000;
}

#menu .nav-main a.active {
	text-decoration: underline;
}

#menu .social-icns a {
	color: #000;
}

#menu .social-icns a:hover {
	color: #999;
}

#menu-close-btn {
	width:               50px;
	height:              50px;
	margin:              0px;
	padding:             0px;
	background-color:    transparent;
	background-image:    url(../graphics/close-btn.png);
	background-image:    url(../graphics/close-btn.svg), none;
	background-position: center center;
	background-size:     contain;
	background-repeat:   no-repeat;
	position:            fixed;
	top:                 32px;
	right:               10px;
	display:             block;
	text-decoration:     none;
	z-index:             1;
}

#__dimScreen {
	width: 100% !important;
}

#insidePopin,
#insidePopin .popin-close-btn {
	-webkit-box-shadow: -10px -10px rgba(0, 0, 0, 0.70);
	box-shadow:         -10px -10px rgba(0, 0, 0, 0.70);
}

#insidePopin .popin-close-btn a {
	width:               inherit;
	height:              inherit;
	background-image:    url(../graphics/close-btn.png);
	background-image:    url(../graphics/close-btn.svg), none;
	background-position: center center;
	background-size:     contain;
	background-repeat:   no-repeat;
	display:             block;
}

.boxset {
	width:            100%;
	display:          -webkit-box;
	display:          -moz-box;
	display:          -ms-flexbox;
	display:          -webkit-flex;
	display:          flex;
	flex-wrap:        wrap;
	flex-direction:   column;
	background-color: rgba(0, 0, 0, 0.75);
	position:         relative;
	top:              0px;
	left:             0px;
	z-index:          1;
	float:            none;
}

.boxset .box {
	width:                   100%;
	padding:                 2%;
	-webkit-box-sizing:      border-box;
	-moz-box-sizing:         border-box;
	box-sizing:              border-box;
	min-height:              380px;
	display:                 -webkit-box;
	display:                 -moz-box;
	display:                 -ms-flexbox;
	display:                 -webkit-flex;
	display:                 flex;
	justify-content:         center;
	-webkit-justify-content: center;
	flex-direction:          column;
	-webkit-flex-direction:  column;
	flex-grow:               1;
	background-position:     center top;
	background-repeat:       no-repeat;
	background-size:         cover;
	float:                   none;
	clear:                   both;
}

.boxset .box {
	background-color: #999;
}

.boxset .box+.box {
	background-color: #666;
}

.boxset .box+.box+.box {
	background-color: #333;
}

.boxset:nth-of-type(3n-1) .box {
	background-color: #666;
}

.boxset:nth-of-type(3n-1) .box+.box {
	background-color: #333;
}

.boxset:nth-of-type(3n-1) .box+.box+.box {
	background-color: #999;
}

.boxset:nth-of-type(3n) .box {
	background-color: #333;
}

.boxset:nth-of-type(3n) .box+.box {
	background-color: #999;
}

.boxset:nth-of-type(3n) .box+.box+.box {
	background-color: #666;
}


.boxset.services {
	flex-direction: row !important;
	height:         30vw;
	min-height:     150px;
}

.boxset.services .box {
	background-color: #FFFFFF !important;
	color:            #000000;
	width:            40%;
	height:           auto;
	min-height:       inherit;
}

.boxset.services .box {
	order: 0;
}

.boxset.services .box+.box {
	order: 1;
	width: 60%;
}

.boxset.services:nth-child(even) .box {
	order: 1;
}

.boxset.services:nth-child(even) .box+.box {
	order: 0;
}

.boxset.services .box .caption {
	color: #000000;
}

.boxset.services .box .caption h2 {
	font-size: 1.5em;
}

.boxset.services-gallery {
	flex-direction: row !important;
	height:         30vw;
	min-height:     150px;
}

.boxset.services-gallery .box {
	background-color: #000000 !important;
	color:            #FFFFFF;
	width:            25%;
	height:           auto;
	min-height:       inherit;
}

.boxset.services-gallery .box {
	order: 0;
}

.boxset.services-gallery .box:nth-child(1n) {
	order: 5;
}

.boxset.services-gallery .box.box:nth-child(2n) {
	order: 10;
}

.boxset.services-gallery .box.box:nth-child(3n) {
	order: 20;
}

.boxset.services-gallery .box.box:nth-child(4n) {
	order: 30;
}

.boxset.services-gallery:nth-of-type(4n-2) .box:nth-child(1n) {
	order: 25;
}

.boxset.services-gallery:nth-of-type(4n-2) .box:nth-child(2n) {
	order: 10;
}

.boxset.services-gallery:nth-of-type(4n-2) .box:nth-child(3n) {
	order: 20;
}

.boxset.services-gallery:nth-of-type(4n-2) .box:nth-child(4n) {
	order: 30;
}

.boxset.services-gallery:nth-of-type(4n-1) .box:nth-child(1n) {
	order: 15;
}

.boxset.services-gallery:nth-of-type(4n-1) .box:nth-child(2n) {
	order: 10;
}

.boxset.services-gallery:nth-of-type(4n-1) .box:nth-child(3n) {
	order: 20;
}

.boxset.services-gallery:nth-of-type(4n-1) .box:nth-child(4n) {
	order: 30;
}

.boxset.services-gallery:nth-of-type(4n) .box:nth-child(1n) {
	order: 35;
}

.boxset.services-gallery:nth-of-type(4n) .box:nth-child(2n) {
	order: 10;
}

.boxset.services-gallery:nth-of-type(4n) .box:nth-child(3n) {
	order: 20;
}

.boxset.services-gallery:nth-of-type(4n) .box:nth-child(4n) {
	order: 30;
}

.boxset.services-gallery .box.box:nth-child(4n) {
	display: none;
}

.boxset.services-gallery .box .caption {
	color: #FFFFFF;
}

.boxset.services-gallery .box .caption h2 {
	font-size: 1.5em;
}

.objectset {
	width:            100%;
	/*padding-top:                                     100px;*/
	background-color: rgba(0, 0, 0, 0.75);
	display:          -webkit-box;
	display:          -moz-box;
	display:          -ms-flexbox;
	display:          -webkit-flex;
	display:          flex;
	flex-direction:   column;
	flex-wrap:        wrap;
	float:            none;
	position:         relative;
	top:              0px;
	left:             0px;
	z-index:          1;
}

.to-be-removed {
	height:     0px !important;
	min-height: 0px !important;
	padding:    0px !important;
	margin-top: 0px !important;
}

.objectset .box {
	width:                   100%;
	padding:                 2%;
	-webkit-box-sizing:      border-box;
	-moz-box-sizing:         border-box;
	box-sizing:              border-box;
	min-height:              100vw;
	display:                 -webkit-box;
	display:                 -moz-box;
	display:                 -ms-flexbox;
	display:                 -webkit-flex;
	display:                 flex;
	flex-grow:               1;
	justify-content:         center;
	-webkit-justify-content: center;
	flex-direction:          column;
	-webkit-flex-direction:  column;
	background-position:     center top;
	background-repeat:       no-repeat;
	background-size:         cover;
	overflow:                hidden;
	float:                   none;
}

.objectset section.box {
	background-color: #333;
}

.objectset div.box:nth-of-type(3n-2) {
	background-color: #666;
}

.objectset div.box:nth-of-type(3n-1) {
	background-color: #999;
}

.objectset div.box:nth-of-type(3n) {
	background-color: #AAAAAA;
}

.objectset div.box.withIMG .caption {
	color:    #000;
	opacity:  0;
	position: relative;
	z-index:  1000;
}

.objectset div.box.withIMG:hover .caption,
.objectset div.box.withIMG.active .caption {
	opacity: 1;
}

.objectset div.box.withIMG::after {
	content:            " ";
	display:            block;
	width:              100%;
	height:             100%;
	position:           absolute;
	top:                0px;
	left:               0px;
	z-index:            1;
	background-color:   #FFF;
	-webkit-transition: all 200ms ease-in-out 0s;
	-moz-transition:    all 200ms ease-in-out 0s;
	-ms-transition:     all 200ms ease-in-out 0s;
	-o-transition:      all 200ms ease-in-out 0s;
	transition:         all 200ms ease-in-out 0s;
	opacity:            0;
}

.objectset div.box.withIMG:hover::after,
.objectset div.box.withIMG.active::after {
	opacity: 1;
}

.objectset .withIMG a,
#browser a {
	color: #000;
}

.objectset .withIMG a.btn,
#browser a.btn {
	color:  #000;
	border: 1px solid #000;
}

.objectset .withIMG a.btn:hover,
#browser a.btn:hover {
	color:            #FFF;
	background-color: #000;
}

.objectset.home-featured div.box.withIMG .caption {
	color:   #FFFFFF;
	opacity: 1;
}

.objectset.home-featured div.box.withIMG .caption * {
	/*font-family: 'Helvetica Neue Medium', sans-serif;*/
	text-transform: uppercase;
}

.objectset.home-featured div.box.withIMG:after {
	background-color: rgba(0, 0, 0, 0.50);
	opacity:          1;
}

.objectset.home-featured div.box.withIMG:hover::after,
.objectset.home-featured div.box.withIMG.active::after {
	opacity: 0;
}

.objectset.home-featured div.box.withIMG:hover .caption,
.objectset.home-featured div.box.withIMG.active .caption {
	opacity: 0;
}

.objectset .box a.url,
.boxset .box a.url {
	text-decoration: none;
	width:           100%;
	height:          100%;
	position:        absolute;
	top:             0px;
	left:            0px;
	z-index:         2000;
}

.no-bgcolor {
	background-color: rgba(0, 0, 0, 0.50) !important;
}

.white-box {
	background-color: #FFF !important;
	color:            #000 !important;
}

.white-box a {
	color: #000;
}

.caption {
	/*	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
*/
}

a.btn {
	padding-top:     10px;
	padding-right:   20px;
	padding-bottom:  10px;
	padding-left:    20px;
	min-width:       40%;
	text-decoration: none;
	color:           #FFFFFF;
	border:          1px solid #FFFFFF;
	display:         inline-block;
	text-align:      center;
	text-transform:  uppercase;
	margin-top:      10px;
}

a.btn.brochure {
	text-transform:  initial;
	text-decoration: none;
	display:         inline-flex;
	gap:             1ch;
	padding-inline:  10px;
}

a.btn.brochure::before {
	content:             "";
	width:               1em;
	height:              auto;
	background-color:    currentcolor;
	-webkit-mask-image:  url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMSI+PGRlZnMvPjxwYXRoIGQ9Ik0wIDMuOTU5QzAgMS4zNiAxLjM2OSAwIDMuOTk0IDBoMTYuMDA4QzIyLjYzMSAwIDI0IDEuMzYgMjQgMy45NTl2MjMuMDg2QzI0IDI5LjY0MiAyMi42MzEgMzEgMjAuMDAyIDMxSDMuOTk0QzEuMzY5IDMxIDAgMjkuNjQyIDAgMjcuMDQ1VjMuOTU5em00LjA1IDI1Ljk0M2gxNS45YzEuOTQgMCAyLjk0Mi0uOTk0IDIuOTQyLTIuODkzVjMuOTg5YzAtMS44OTYtMS4wMDItMi44OTUtMi45NDItMi44OTVINC4wNWMtMS45NCAwLTIuOTQyLjk5OS0yLjk0MiAyLjg5NXYyMy4wMmMwIDEuODk5IDEuMDAyIDIuODkzIDIuOTQyIDIuODkzek0zLjY4NyA2LjExYzAtLjcyMy41OTQtMS4zMSAxLjMyOC0xLjMxLjcyOSAwIDEuMzE2LjU4MiAxLjMxNiAxLjMxIDAgLjcyLS41ODcgMS4zMDItMS4zMTYgMS4zMDItLjczNCAwLTEuMzI4LS41ODUtMS4zMjgtMS4zMDJ6bTAgNC43NDljMC0uNzE1LjYwMy0xLjI5NSAxLjMyOC0xLjI5NS43MjkgMCAxLjMxNi41NzYgMS4zMTYgMS4yOTUgMCAuNzE4LS41ODcgMS4zMTItMS4zMTYgMS4zMTJhMS4zMyAxLjMzIDAgMDEtMS4zMjgtMS4zMTJ6bTAgNC43OTljMC0uNzE4LjU5NC0xLjMwMiAxLjMyOC0xLjMwMmExLjMwNiAxLjMwNiAwIDExMCAyLjYxMmMtLjczNCAwLTEuMzI4LS41OS0xLjMyOC0xLjMxek04LjY0NiA2LjExYzAtLjI4Ny4yMTItLjQ4Ny40OTMtLjQ4N0gxOS44MmMuMjc4IDAgLjQ5My4yLjQ5My40ODdhLjQ4My40ODMgMCAwMS0uNDkzLjQ5M0g5LjEzOWEuNDgyLjQ4MiAwIDAxLS40OTMtLjQ5M3ptMCA0Ljc0OWMwLS4yNzkuMjA4LS40ODYuNDkzLS40ODZIMTkuODJjLjI4NiAwIC40OTMuMjA3LjQ5My40ODYgMCAuMjkyLS4yMDcuNDg4LS40OTMuNDg4SDkuMTM5Yy0uMjg1IDAtLjQ5My0uMTk2LS40OTMtLjQ4OHptMCA0Ljc5OWMwLS4yNzkuMjA4LS40ODguNDkzLS40ODhIMTkuODJjLjI4NiAwIC40OTMuMjA5LjQ5My40ODhhLjQ3Ni40NzYgMCAwMS0uNDkzLjQ4N0g5LjEzOWEuNDc0LjQ3NCAwIDAxLS40OTMtLjQ4N3oiLz48L3N2Zz4=');
	mask-image:          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIzMSI+PGRlZnMvPjxwYXRoIGQ9Ik0wIDMuOTU5QzAgMS4zNiAxLjM2OSAwIDMuOTk0IDBoMTYuMDA4QzIyLjYzMSAwIDI0IDEuMzYgMjQgMy45NTl2MjMuMDg2QzI0IDI5LjY0MiAyMi42MzEgMzEgMjAuMDAyIDMxSDMuOTk0QzEuMzY5IDMxIDAgMjkuNjQyIDAgMjcuMDQ1VjMuOTU5em00LjA1IDI1Ljk0M2gxNS45YzEuOTQgMCAyLjk0Mi0uOTk0IDIuOTQyLTIuODkzVjMuOTg5YzAtMS44OTYtMS4wMDItMi44OTUtMi45NDItMi44OTVINC4wNWMtMS45NCAwLTIuOTQyLjk5OS0yLjk0MiAyLjg5NXYyMy4wMmMwIDEuODk5IDEuMDAyIDIuODkzIDIuOTQyIDIuODkzek0zLjY4NyA2LjExYzAtLjcyMy41OTQtMS4zMSAxLjMyOC0xLjMxLjcyOSAwIDEuMzE2LjU4MiAxLjMxNiAxLjMxIDAgLjcyLS41ODcgMS4zMDItMS4zMTYgMS4zMDItLjczNCAwLTEuMzI4LS41ODUtMS4zMjgtMS4zMDJ6bTAgNC43NDljMC0uNzE1LjYwMy0xLjI5NSAxLjMyOC0xLjI5NS43MjkgMCAxLjMxNi41NzYgMS4zMTYgMS4yOTUgMCAuNzE4LS41ODcgMS4zMTItMS4zMTYgMS4zMTJhMS4zMyAxLjMzIDAgMDEtMS4zMjgtMS4zMTJ6bTAgNC43OTljMC0uNzE4LjU5NC0xLjMwMiAxLjMyOC0xLjMwMmExLjMwNiAxLjMwNiAwIDExMCAyLjYxMmMtLjczNCAwLTEuMzI4LS41OS0xLjMyOC0xLjMxek04LjY0NiA2LjExYzAtLjI4Ny4yMTItLjQ4Ny40OTMtLjQ4N0gxOS44MmMuMjc4IDAgLjQ5My4yLjQ5My40ODdhLjQ4My40ODMgMCAwMS0uNDkzLjQ5M0g5LjEzOWEuNDgyLjQ4MiAwIDAxLS40OTMtLjQ5M3ptMCA0Ljc0OWMwLS4yNzkuMjA4LS40ODYuNDkzLS40ODZIMTkuODJjLjI4NiAwIC40OTMuMjA3LjQ5My40ODYgMCAuMjkyLS4yMDcuNDg4LS40OTMuNDg4SDkuMTM5Yy0uMjg1IDAtLjQ5My0uMTk2LS40OTMtLjQ4OHptMCA0Ljc5OWMwLS4yNzkuMjA4LS40ODguNDkzLS40ODhIMTkuODJjLjI4NiAwIC40OTMuMjA5LjQ5My40ODhhLjQ3Ni40NzYgMCAwMS0uNDkzLjQ4N0g5LjEzOWEuNDc0LjQ3NCAwIDAxLS40OTMtLjQ4N3oiLz48L3N2Zz4=');
	display:             block;
	text-decoration:     none;
	-webkit-mask-repeat: no-repeat;
	mask-repeat:         no-repeat;
	-webkit-mask-size:   contain;
	mask-size:           contain;
}

a.btn:not(.black):hover {
	opacity: 0.75
}

a.btn.black {
	color:  #000;
	border: 1px solid #000;
}

a.btn.black:hover {
	color:            #FFF;
	background-color: #000;
}

.center {
	text-align: center;
}

.doublelined {
	font-size:   22px;
	line-height: 2em;
	text-align:  center;
}

.doublelined:before,
.doublelined:after {
	content:          " ";
	width:            100px;
	height:           1px;
	background-color: #FFF;
	display:          block;
	margin-right:     auto;
	margin-left:      auto;
}

.doublelined:before {
	margin-top:    10px;
	margin-bottom: 30px;
}

.doublelined:after {
	margin-top:    30px;
	margin-bottom: 10px;
}

.line-under:after {
	content:          " ";
	width:            100px;
	height:           1px;
	background-color: #CCC;
	display:          block;
	margin-right:     auto;
	margin-left:      auto;
	margin-top:       5px;
	margin-bottom:    5px;
}

.zeroMargin_mobile {
	margin-left: 0;
}

.hide_mobile {
	display: none;
}

#browser {
	background-color:   #FFF;
	width:              100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position:           absolute;
	left:               0px;
	top:                0px;
	z-index:            88888;
	color:              #000;
}

#browser .container {
	background-color:   #FFF;
	width:              100%;
	min-height:         100vh;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color:              #000;
	padding-top:        46px;
	padding-right:      60px;
	padding-left:       10px;
	padding-bottom:     36px;
	position:           relative;
	z-index:            1000;
	left:               0px;
	top:                0px;
}

#browser .container .contents {
	position: relative;
}

#browser .container .contents .img {
	float:               right;
	margin-top:          0px;
	margin-right:        0px;
	margin-bottom:       10px;
	margin-left:         0px;
	background-repeat:   no-repeat;
	background-size:     contain;
	background-position: center top;
	width:               100%;
	height:              80vw;
}

#browser .close-btn {
	width:               50px;
	height:              50px;
	margin:              0px;
	padding:             0px;
	background-color:    transparent;
	background-image:    url(../graphics/close-btn.png);
	background-image:    url(../graphics/close-btn.svg), none;
	background-position: center center;
	background-size:     contain;
	background-repeat:   no-repeat;
	position:            fixed;
	top:                 32px;
	right:               10px;
	display:             block;
	text-decoration:     none;
	z-index:             1;
}

#contactForm {
	width:              100%;
	display:            block;
	padding-left:       10px;
	padding-right:      10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-top:         100px;
	margin-bottom:      100px;
	float:              left;
	clear:              both;
}

#contactForm .table {
	width:              100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	display:            block;
}

#contactForm .table .td {
	padding-left:   0px;
	padding-top:    10px;
	padding-right:  0px;
	padding-bottom: 10px;
	display:        block;
}

#contactForm p {
	width:              100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	padding-top:        10px;
	padding-right:      0px;
	padding-bottom:     10px;
	padding-left:       0px;
}

input[type=text],
input[type=password],
input[type=file],
textarea,
select {
	font-size:        16px;
	border:           1px solid #FFF;
	background-color: #FFFFFF;
	width:            100%;
	color:            #000000;
	margin:           0px;
}

input[type=text],
input[type=password],
input[type=file],
textarea,
option {
	padding-top:    5px;
	padding-right:  10px;
	padding-left:   10px;
	padding-bottom: 5px;
	font-weight:    300;
}

input[type=submit],
input[type=reset],
input[type=button],
.force-button {
	padding-top:      10px;
	padding-right:    20px;
	padding-bottom:   10px;
	padding-left:     20px;
	color:            #FFFFFF;
	border:           1px solid #FFFFFF;
	display:          inline-block;
	text-align:       center;
	text-transform:   uppercase;
	cursor:           pointer;
	vertical-align:   middle;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.00);
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.force-button:hover {
	color:            #333;
	background-color: #FFF;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

	.gridContainer {
		width:         100%;
		padding:       0px;
		clear:         none;
		float:         none;
		margin-left:   auto;
		margin-right:  auto;
		margin-top:    0px;
		margin-bottom: 0px;
	}

	#bg {}

	#header {}

	#header h3 {
		font-size: 40px;
	}

	.media #header,
	.contact #header {
		/*height: 244px;
	min-height: 244px;*/
	}

	#menu .nav-main {
		margin-top:  50px;
		margin-left: 100px;
	}

	#menu .container .bottom {
		padding-left: 120px;
	}


	.slideshow {
		height: 50vw;
	}

	.slideshow .slide .text-box {
		padding-top:    70px;
		padding-bottom: 30px;
	}

	.slideshow .slide .text-box .text {
		padding-bottom: 20px;
	}

	.slideshow .slide .text-box .text .title {
		font-size:   2.6em;
		line-height: 1em;
	}

	.slideshow .slide .text-box .text .brief {
		font-size:                1.5em;
		/* [disabled]line-height: 1em;
*/
	}

	.slideshow-nav {
		bottom:  20px;
		display: block;
	}

	.slideshow .morenews {}

	.slideshow .morenews span {
		width:        40px;
		height:       4px;
		margin-right: 10px;
	}

	.slideshow .morenews a {
		font-size: 16px;
	}


	#footer {}

	.social-icns {
		white-space: nowrap;
	}

	.social-icns a+a {
		margin-left: 40px;
	}

	.boxset {
		flex-direction:    row;
		/*justify-content: space-between;*/
	}

	.boxset .box {
		width: 49%;
		clear: none;
	}

	.boxset .box-full {
		width: 100% !important;
	}

	.boxset.services {
		flex-direction: row !important;
	}

	.boxset.services .box {
		width:      40%;
		height:     auto;
		min-height: inherit;
	}

	.boxset.services .box+.box {
		width: 60%;
	}

	.boxset.services .box .caption h2 {
		font-size: 2.5em;
	}

	.boxset.services-gallery {
		flex-direction: row !important;
	}

	.boxset.services-gallery .box {
		width:      25%;
		height:     auto;
		min-height: inherit;
	}

	.boxset.services-gallery .box .caption h2 {
		font-size: 2.5em;
	}

	.boxset.services-gallery .box.box:nth-child(4n) {
		display: inherit;
	}

	.objectset {
		flex-direction: row;
	}

	.objectset .box {
		width:      49%;
		min-height: 50vw;
		clear:      none;
	}

	.zeroMargin_tablet {
		margin-left: 0;
	}

	.hide_tablet {
		display: none;
	}

	#browser .container {
		padding: 75px;
	}

	#browser .container .contents .img {
		width:         100%;
		height:        60vw;
		margin-top:    0px;
		margin-right:  0px;
		margin-bottom: 40px;
		margin-left:   0px;
	}

	#browser .close-btn {
		position: fixed;
	}


	.order-1.full,
	.order-2.full,
	.order-3.full {
		width: 100%
	}

	.cols-3 .box {
		width: 33% !important;
	}

	.cols-3 .box:not(.to-be-removed) {
		min-height: 32vw !important;
	}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

	body {
		word-wrap:       normal;
		-ms-word-break:  normal;
		word-break:      normal;
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		hyphens:         none;
	}

	.gridContainer {
		width:              100%;
		margin-top:         0px;
		margin-right:       auto;
		margin-left:        auto;
		margin-bottom:      0px;
		clear:              none;
		float:              none;
		padding:            0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}

	#bg {}

	#header {}

	#header h3 {
		font-size: 60px;
	}

	.media #header,
	.contact #header {
		/*height: 280px;
	min-height: 280px;*/
	}

	.slideshow {
		height: 40vw;
	}

	.slideshow .slide .text-box .text .title {
		font-size:   3em;
		line-height: 1em;
	}

	.slideshow .slide .text-box .text .brief {
		font-size:                2em;
		/* [disabled]line-height: 1em;*/
	}

	.slideshow .morenews {}

	.slideshow .morenews span {
		width:        60px;
		height:       6px;
		margin-right: 20px;
	}

	.slideshow .morenews a {
		font-size: 20px;
	}


	#scrollIcon {}

	#footer {
		padding-top:    20px;
		padding-right:  75px;
		padding-bottom: 20px;
		padding-left:   75px;
	}


	#footer .table {
		width:              100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		display:            table;
	}

	#footer .table .td {
		display: table-cell;
	}

	#footer .table .td.left {
		text-align: left;
	}

	#footer .table .td.right {
		text-align: right;
	}

	#logo {}

	#menu-btn {}

	#menu .container {
		width:     50%;
		min-width: 50vw;
	}

	#menu-close-btn {}

	.boxset {
		width:      100%;
		min-height: 380px;
	}

	.boxset .box {
		min-height: 380px;
		width:      40%;
		clear:      none;
	}

	.boxset .box-small {
		width: 20% !important;
	}

	.boxset .box-big {
		width: 60% !important;
	}

	.objectset .box {
		width:      24%;
		min-height: 30vw;
		clear:      none;
	}

	.objectset.media .box {
		width:      24%;
		min-height: 25vw;
		clear:      none;
	}

	.zeroMargin_desktop {
		margin-left: 0;
	}

	.hide_desktop {
		display: none;
	}

	#browser .container .contents .img {
		float:         right;
		width:         40%;
		height:        30vw;
		margin-top:    0px;
		margin-right:  40px;
		margin-bottom: 40px;
		margin-left:   40px;
	}

	#browser .close-btn {}

	#contactForm {
		padding-left:  75px;
		padding-right: 75px;
	}

	#contactForm .table {
		width:              100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		display:            table;
	}

	#contactForm .table .td {
		display: table-cell;
	}

	#contactForm .table .mid {
		padding-left:  20px;
		padding-right: 20px;
	}

	.order-1,
	.order-2,
	.order-3 {
		order: 0;
	}

}