/*.disabled { opacity: .5; filter:alpha(opacity=50); }*/

img.logo {
	position: absolute;
	top: 26px;
	left: 0;
}

a.grey {
	color: #999;	
}

.pad { padding: 1.2em; }

.section_title {
	margin-bottom: 1em;	
	color: #4c6578;
}

.phone {
	font-size: 120%;
}

/* ----- Navigation -------*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


.menu-link {
	display: none;
	float: right;
	text-decoration: none;
	padding: 0 15px 0 0;
}
.menu { 
	margin-top: -55px;
	float: right; max-width: 60em;
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; 
}

.menu ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	color: #47adb6;
}

.menu ul:after {
	content: ""; clear: both; display: block;
}
.menu ul li {
	padding: 0px;
	/*margin-right: 4px;*/
/*	float: left;*/
}

.menu > ul > li { 
	display: inline-block;
}

.menu ul li a { 
	display: block;
	text-decoration: none;
	color: #eee;
	font-size: 1.2em;
}
 
.menu ul li a {
	color: #eee;
}

.menu ul li > a { 
	height:58px;
	padding: 19px 12px;
}

@media screen and (max-width: 768px) {
    
    a.menu-link {
		display: block;
		color: #fff;
		margin-top: 15px;
		padding-bottom: 5px;
	}
	
	.menu {
		clear: both;
		min-width: inherit;
		float: none;
		overflow: hidden;
		max-height: 0;
		background-color: #f4f4f4;
	}
	
	.menu.active {
		max-height: 55em;
	}
	.menu ul {
		display: inline;
	}
	.menu > ul {
		border-top: 1px solid #808080;
	}
	.menu li, .menu > ul > li {
		display: block;
		width: 100%;
	}
	.menu li a {
		color: #000;
		display: block;
		padding: 0.8em;
		border-bottom: 1px solid #bbb;
		position: relative;
	}
}

#homefolio {
	margin-top: 30px;
	margin-bottom: 50px;					
}

#homefolio img {
	width: 1000px;
	height: 450px;	
}

.slideshow_unpad {
	padding: 0;
}

.rsDefaultInv {
	margin-bottom: 45px;	
}

.rsSlideTitle {
  padding: 13px 13px 14px 13px;
  color: #082B45;
  margin: 0;
  line-height: 25px;
}

/* Slide Animated Block position */
.rsSlideMainTitle { left: 0; top: 90%; font-size: 1.4em; font-weight: bold; }

/* Fixed Top control and Social icons bar */
.social-nav-bar {
	height:184px; 
	width:44px;
	position:fixed;
	right:0;
	top:18%;
	z-index:999;
}

.social-nav-bar ul.sticky-top {
	padding: 0;
	margin: 0 0 8px 0;
}

.social-nav-bar ul.sticky-social {
	padding: 0;
	margin: 0;
}

.social-nav-bar li {
	list-style: none;	
}

.social-nav-bar .social-btn a {
	display:block;
	text-align:center;
	transition-property: background;
	transition-duration: 0.5s;
	transition-timing-function: linear;
	background-color: #009dc8;
	padding-top: 11px;
	padding-bottom: 5px;
}

ul.sticky-top .social-btn a {
	background-color: #acacac;	
}

ul.sticky-top .social-btn:hover a {
	background-color: #d9d9d9;	
}

ul.sticky-social .social-btn:hover a {
	background-color: #082b45;
}


.video-monitor {
	box-sizing: border-box;
    background: url("/images/monitor.png") left center no-repeat;
    background-size: contain;
    padding: 3% 29% 14.2% 3.2%;
    width: 100%;
    height: 100%;
}

img.placeholder {
	display: none;	
}



video {
  width: 100%    !important;
  height: auto   !important;
  border: 1px solid #bbb;
}



.colblocks ul, colsblock ol { width: auto; overflow: hidden; }


#col-icon {
	width: 20%;
	float: left;
	padding: 0 1em 1em 0;	
}

#col-text {
	width: 80%;
	float:right;
	padding: 0 1em 1em 0;
}

/* 404 - Page Not Found */

#pagenotfound {
  position: relative;
  height: 100vh;
}

#pagenotfound .pagenotfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pagenotfound {
  max-width: 767px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
  padding: 15px;
}

.pagenotfound .pagenotfound-404 {
  position: relative;
  height: 220px;
}

.pagenotfound .pagenotfound-404 h1 {
  font-family: sans-serif;
  font-size: 186px;
  font-weight: 200;
  margin: 0px;
  color:#36A8E0;
  text-transform: uppercase;
}

.pagenotfound h2 {
  font-family: sans-serif;
  font-size: 33px;
  font-weight: 200;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 25px;
  letter-spacing: 3px;
}


.pagenotfound p {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 200;
  margin-top: 0px;
  margin-bottom: 25px;
}


.pagenotfound a {
  font-family: sans-serif;
  color: #36A8E0;
  font-weight: 200;
  text-decoration: none;
  border-bottom: 1px dashed #36A8E0;
  border-radius: 2px;
}

.pagenotfound-social>a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  font-size: 14px;
  color: #ff6f68;
  border: 1px solid #efefef;
  border-radius: 50%;
  margin: 3px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
.pagenotfound-social>a:hover {
  color: #fff;
  background-color: #004388;
  border-color: #004388;
}

@media only screen and (max-width: 480px) {
  .pagenotfound .pagenotfound-404 {
    position: relative;
    height: 168px;
  }

  .pagenotfound .pagenotfound-404 h1 {
    font-size: 142px;
  }

  .pagenotfound h2 {
    font-size: 22px;
  }
}