body {
    text-align: left;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:300;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:#4B6CD9;
}
h3 {
   font-weight: 200 !important
}
.nav {
    position: fixed;
    width: 100%;
    height:66px;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    text-align: left;
    padding:10px;
    display:inline;
    background:rgba(255,255,255,0.96);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
}
.logo {
    width:195px;
    height:24px;
    background-image: url(img/logo-eonfour.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.bottombar {
    font-size:12px;
    text-align: center;
}
i {cursor:pointer}
#thumbnails {display:inline-block;margin-top:20px;width:100%;/*max-width:1000px;*/text-align:center}
#overlay {
	width:100%;height:100%;position:fixed;top:0%;left:100%;z-index:100;
	background-color:white;/*#2b2e32;*/
	color:#D8D8D8;text-align:center;
}
#slider {margin-top:104px;}
.topbarbutton {height:50px;float:right;padding:30px 10px 0px 10px;font-size:16px;font-weight:300;margin-right:10px;cursor:pointer}
.topbarbutton i {font-size:24px;}
.topbarbutton i.toggle {opacity:0.3}
.topbarbutton i.toggle.selected {opacity:1.0}
.topbarbutton.submenu {float:none;display:inline}
.thumbcontainer {
	display:inline-block;
	width:320px;
	margin:0px;
	padding:0px;
	/*background:yellow;*/
	text-align: center;
}
.thumb {
	display:inline-block;
	width:94%;
    height:250px;
	background:rgba(0,0,0,0.04);
    border:1px solid rgba(0,0,0,0.03);
	/*background:rgba(0,0,0,.06);*//*border:1px solid #3D3D3D;*/padding:0px;padding-bottom:2px;margin-bottom:20px;text-align:center;color:#CCC;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.thumb p {text-align:left;padding-top:8px;line-height:14px;margin-left:10px;}
.thumbtitle{font-size:14px;font-weight:300;color:#3498db;/*#17a4cc*/}
.thumbsubtitle{font-size:12px;font-weight:300;color:#BBB}
#projectDescription {color:white}
.thumbimage {
	width:100%;
	height:200px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	border-bottom:1px solid #F9F9F9;

	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

@media (max-width: 767px) {
	.topbar {/*height:44px*/}
	#thumbnails {margin-top:20px;}
	#slider {margin-top:60px;}
	.topbarbutton {height:34px;padding:10px 10px 0px 10px}
	.thumbcontainer {width:100%;margin:0px;}
	/*.thumb {-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
	.thumbimage {-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}*/
}

.progress-linear {width:88px;height:8px;background:url(images/progress-line@2x.gif) no-repeat;background-size:88px 8px;}
.progress-radial {width:56px;height:56px;background:url(images/progress-circle-68@2x.gif) no-repeat;background-size:56px 56px;}
.info {float:right;margin-right:80px;font-size: 13px;font-weight:300;color:#999;border-radius: 3px;padding: 6px;}
.shadow {
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0, 0.6);
	box-shadow:         0px 1px 3px rgba(0,0,0, 0.6);
	-moz-box-shadow:    0px 1px 3px rgba(0,0,0, 0.6);
}
.reverseshadow {
	-webkit-box-shadow: 0px -1px 3px rgba(0,0,0, 0.6);
	box-shadow:         0px -1px 3px rgba(0,0,0, 0.6);
	-moz-box-shadow:    0px -1px 3px rgba(0,0,0, 0.6);
}
.innershadow {
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.75);
	box-shadow:         inset 0px 1px 4px rgba(0,0,0, 0.75);
	-moz-box-shadow:    inset 0px 1px 3px rgba(0,0,0, 0.75);
}
.rotate180 {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */
	-o-transform:rotate(180deg); /* Opera */
}
.gray {-webkit-filter:grayscale(100%)}
.rotateTransition {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.sliderContainer {
  overflow: hidden;
  position: relative;
}
.sliderContainer > div {
  float:left;
  width:100%;
  position: relative;
}
#wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}
.placeholder {opacity:0.2;}

.contain {
	background-size:contain;
}
.cover {
	background-size:cover;
}
.photo {
	width:100%;height:100%;background-repeat:no-repeat;background-position:center center;
}

h1 {
    font-size: 1.5em;
    font-weight: 300;
    line-height:1em;
}
h2 {
    font-size: 1.2em;
    font-weight: 400;
    line-height:1em;
}
h3 {
    font-size: 2.4em;
    font-weight: 200;
    line-height:1em;
}


.fullWidth {
    width: 100%;
    overflow:hidden;
}
.gallery {
    width:2000px;
    height:400px;
}
.box {
    float:left;
    background:#CCC;
    height:100%;
    width:120px;
    margin-right:2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border:1px solid #f7f7f7;
}

.navButton {
    float:left;
    text-align: center;
    width:80px;
    margin: 12px 0px 0px 0px;
    cursor:pointer;
    color:#4B6CD9;
}
.showcase {
    text-align:center;
    height:400px;
    background-image:url(img/header-assets/header@2x.png);
    background-size:800px 400px;
    background-repeat:none;
    background-position: center;
}
.service {
    border-radius:10px;
    display:inline-block;
}
.blue {
    color:#3498db;
}
.sectionSpace {
    height:100px;
}
.sectionHalfSpace {
    height:50px;
}
.sectionQuarterSpace {
    height:25px;
}
.darkSection {
    /*background-color:#f5f5f5;*/
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
}
button {
    font-size:16px;
    font-weight:300;
    height:38px;
    margin:0;
    padding:0px 20px 0px 20px;
    border-radius:4px;
    background-color:#3498db;
    border:1px solid #3498db;
    color:#FFF;
}
button:hover {
    background-color:#3498db;
}
button:disabled {
    background-color:transparent;
    color:#999;
    border:1px solid #999;
}
button:disabled:hover {
    background-color:transparent;
    color:#999;
    border:1px solid #999;
}


.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
}
.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 100;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
}
.video-container .title-container {
  z-index: 1000;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom:0;
}
.video-container video.fillWidth {
  width: 100%;
}

a {

}

.hide {
	display:none;
}

.tabs-title a {
	padding:10px;
}

::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }