html {
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  background: #00356f;
  color: #f2f2f2;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KCQkJCTxyYWRpYWxHcmFkaWVudCBpZD0iZzc1NiIgZng9IjUwJSIgZnk9IjUwJSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4NCgkJCQkJPHN0b3Agc3RvcC1jb2xvcj0iIzAwNzhDMCIgb2Zmc2V0PSIwIi8+DQoJCQkJCTxzdG9wIHN0b3AtY29sb3I9IiMwMDJENjYiIG9mZnNldD0iMTAwJSIvPg0KCQkJCTwvcmFkaWFsR3JhZGllbnQ+DQoJCQkJPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnNzU2KSIgLz4NCgkJCTwvc3ZnPg==);
  background-repeat: none;
  font-family: 'Roboto', sans-serif;
  color: #bcbdc0;
  font-size: 18px;
	cursor: default;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(188, 189, 192, 0.75);
}

a:hover,
a:focus {
	border-bottom-color: #fff;
}

button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	display: table;
	cursor: pointer;
	box-sizing: border-box;
}


/* COMMON ------------------------------------------------------------------ */

.zoom-controls {
	position: fixed;
	top: 0;
	right: 0;
	padding: 2.5vh;
	z-index: 101;
}

.zoom-button {
	margin: 0;
	width: 4vh;
	height: 4vh;
	background: #7c94ab;
	text-align: center;
	display: table;
	line-height: 1;
	border: none;
	transition: 0.1s;
	border-radius: 5%;
	color: #fff;
	opacity: 0.5;
}

.zoom-button.clickable {
	opacity: 1;
}

.zoom-button.in {
	margin-bottom: 1vh;
}

.zoom-button.clickable:active,
.zoom-button.clickable:hover {
	background: #bcbdc0;
}

.zoom-text {
	vertical-align: middle;
	display: table-cell;
	width: 100%;
	height: 100%;
}

.white {
	color: #fff;
}

.page-wrapper {
  min-height: 100%;
  position: relative;
}

.menu-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	z-index: 20;
}

.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	padding: 0;
	text-transform: lowercase;
	display: inline-block;
}

.menu li a {
	line-height: 2.1;
	padding: 0.6em 1em 0.2em 1em;
	border: none;
	display: block;
	color: #bcbdc0;
}

.menu li a:hover {
	background-color: rgba(188, 189, 192, .33);
	box-shadow: inset 0px 16px 16px -16px rgba(0, 0, 0, 0.15);
	color: #fff;
}

.menu-button {
	padding: 14px 1em;
	cursor: pointer;
	float: left;
}

.hamburger {
	border-radius: 1px;
	height: 3px;
	width: 28px;
	background: #bcbdc0;
	display: block;
	content: '';
	margin: 6px 0;
}

.menu-button:hover .hamburger {
	background: #fff;
}

.main-content {
  width: 100vw;
  height: 66.67vw;
  max-height: 100vh;
  max-width: 150vh;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*border: 1px solid rgba(255, 255, 255, 0.2);*/
	z-index: 10;
}

.main-content.wide {
	width: 100vw;
	height: 56.25vw;
	max-height: 100vh;
	max-width: 177.77vh;
	/*border: 1px solid rgba(255, 255, 255, 0.2);*/
}

/*.branding {
  float: left;
  width: 45%;
  margin-top: 7%;
  text-align: right;
  text-transform: lowercase;
}*/

.branding {
	position: absolute;
	left: 0;
	right: 55%;
  top: 10.5%;
  text-align: right;
	z-index: 100;
}

.branding h1,
.branding-text {
  font-weight: normal;
  font-size: 3em;
  letter-spacing: -0.03em;
  margin: 0;
}

.branding .secondary {
  float: right;
  font-size: 0.52em;
  margin-top: -0.5em;
  margin-right: 2px;
  letter-spacing: -0.02em;
}

.branding a {
  color: #bcbdc0;
	border: none;
  text-decoration: none;
}

.branding a:hover,
.branding a:focus {
  color: #fff;
}

.bottom-right {
  position: absolute;
  bottom: 4vh;
  right: 3vw;
  text-align: right;
}

.tagline {
  text-transform: lowercase;
  font-size: 2vw;
  font-style: italic;
  color: #fff;
}

.bottom-right .logo {
	height: 3em;
	margin-bottom: -0.75em;
	margin-left: 1em;
}


/* HOME PAGE --------------------------------------------------------------- */

.home-menu {
	position: absolute;
	top: 35.25%;
	left: 0;
	right: 55%;
	list-style-type: none;
	font-size: 2em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: right;
}

.home-menu a {
  color: #bcbdc0;
  text-decoration: none;
	border: none;
}

.home-menu a:hover,
.home-menu a:focus {
  color: #fff;
	border-bottom: 1px solid #fff;
}

.bulb-image {
	position: absolute;
	top: 13.5%;
	left: 46.5%;
	width: 40%;
}

.bulb-image img {
	width: 100%;
	margin: 0;
}

.shadow.bulb {
	position: absolute;
	bottom: 3%;
	left: 58%;
	width: 17%;
	height: 6%;
}

.coop-overlay {
	display: block;
	position: absolute;
	bottom: 14%;
	left: 11%;
	width: 14.5%;
	border: none;
	z-index: 10;
}

.coop-overlay img {
	display: block;
	width: 100%;
	transition: transform 0.1s;
	-webkit-filter: drop-shadow( 0 0.2vw 0.5vw rgba(0, 0, 0, 0.2));
  filter: drop-shadow( 0 0.2vw 0.5vw rgba(0, 0, 0, 0.2));
}

.coop-overlay:hover img {
	transform: scale(1.05);
}

/* END HOME PAGE */


/* COMMON */

/*.chevron-block {
	position: absolute;
	width: 100%;
	left: 100%;
	top: 0;
	opacity: 0.75;
	z-index: 40;
}*/

.chevron-block {
	float: left;
	width: 50%;
	opacity: 0.75;
	z-index: 40;
}

.chevron-block.left img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
}

.chevron-block.branch-media {
	margin-top: -5%;
}

.chevron-target {
	position: absolute;
	top: 20%;
	bottom: 64%;
	left: 50%;
	right: 42.5%;
	z-index: 41;
}

.chevron {
  position: relative;
  text-align: center;
  padding: 0.5px;
  margin: 0px auto;
  height: 3px;
  width: 32px;
	transform: rotate(-90deg);
}

.chevron.left {
	transform: rotate(90deg);
}

.box:hover .chevron:before,
.box:hover .chevron:after {
	background: #bcbdc0;
}

.chevron:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background: #7c94ab;
  -webkit-transform: skew(0deg, 20deg);
  -moz-transform: skew(0deg, 30deg);
  -ms-transform: skew(0deg, 30deg);
  -o-transform: skew(0deg, 30deg);
  transform: skew(0deg, 30deg);
}
.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: #7c94ab;
  -webkit-transform: skew(0deg, -20deg);
  -moz-transform: skew(0deg, -30deg);
  -ms-transform: skew(0deg, -30deg);
  -o-transform: skew(0deg, -30deg);
  transform: skew(0deg, -30deg);
}

.content-about .zoom-target-1,
.page-about .zoom-target-1,
.content-services .zoom-target-2 {
	position: absolute;
	width: 30%;
	height: 30%;
}

.clickable {
	cursor: pointer;
}

.orange {
	color: #ff5000;
}

.purple {
	color: #b319ab;
}

.green {
	color: #3fae29;
}

.magenta {
	color: #ec008b;
}

.red {
	color: #cf0a2c;
}

.cyan {
	color: #00adef;
}

.blue {
	color: #001588;
}


/* ABOUT PAGE -------------------------------------------------------------- */

.image-about {
	position: absolute;
	top: 18%;
	left: 46.5%;
	width: 40%;
}

.image-about img {
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/*img.about {
  margin: 12% 0 0 1.5%;
  width: 40%;
}*/

.shadow.about {
	position: absolute;
	bottom: 4.5%;
	left: 50%;
	width: 33.3%;
	height: 7%;
}

.content-about {
	position: relative;
	width: 100%;
	height: 100%;
}

.overview {
	/*left: 31%;
	top: 24%;*/
	left: 28%;
	top: 42%;
	top: 40.5%;
}

.process {
	right: 8%;
	top: 24%;
	top: 23%;
}

.qualities {
	right: 0;
	bottom: 15%;
	bottom: 17%;
}

.philosophy {
	left: 39.5%;
	bottom: 15%;
	bottom: 17%;
}

.about-heading {
	text-transform: lowercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.overview .about-heading {
	text-indent: 30.1%;
	margin-top: 11.2%;
	margin-bottom: 2%;
}

.about-overview {
	position: absolute;
	left: 72.2%;
	top: 17.5%;
	width: 10%;
}

.process .about-heading {
	text-indent: 40%;
}

.qualities .about-heading {
	text-indent: 55%;
}

.philosophy .about-heading {
	text-indent: 5%;
	margin-top: 50%;
}

.zt-wrapper {
	background: rgba(192, 255, 255, 0.1);
}

.overview p {
	margin-left: 30.4%;
	width: 30%;
}

.process p {
	margin-left: 30%;
	margin-top: 22%;
	width: 40%;
}

.zt-2 {
	position: absolute;
}

.process .zt-2 {
	width: 20%;
	height: 30%;
	top: 56.8%;
	left: 6.08%;
	border-radius: 50%;
}

.about-processes {
	width: 100%;
}

.philosophy .zt-2 {
	width: 20.5%;
	height: 58.5%;
	right: -1.35%;
	top: 0.2%;
	text-align: center;
}

.about-philosophy {
	max-height: 100%;
	height: 100%;
	max-width: 100%;
}

.philosophy p {
	text-align: right;
	margin-top: -53%;
	margin-left: 38%;
	width: 40%;
}

.branch-qualities p {
	margin-left: 49.6%;
	width: 40%;
	margin-top: 3.5%;
	/*background: rgba(255, 255, 255, 0.2);*/
	padding-left: 1.5em;
	text-indent: -0.75em;
}

.branch-qualities dl {
	position: absolute;
	top: 30%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

.branch-qualities dt {
	position: absolute;
	margin: 0;
	text-align: center;
	margin-left: 0.4%;
	/*background: rgba(0, 0, 0, 0.15);*/
}

.branch-qualities dd {
	position: absolute;
	width: 40%;
	margin: 0;
	text-indent: -0.75em;
	margin-left: 0.75em;
	/*background: rgba(255, 255, 255, 0.15);*/
}

.branch-qualities dl .item-1 {
	top: 0;
}

.branch-qualities dl .item-2 {
	top: 10%;
}

.branch-qualities dl .item-3 {
	top: 20%;
}

.branch-qualities dl .item-4 {
	top: 30%;
}

.branch-qualities dl .item-5 {
	top: 40%;
}

.branch-qualities dl .item-6 {
	top: 50%;
}

.branch-qualities dl .item-7 {
	top: 60%;
}


dt.item-1 {
	left: 34.9%;
	width: 11.5%;
}

dd.item-1 {
	left: 49.8%;
}

dt.item-2 {
	left: 32.95%;
	width: 12%;
}

dd.item-2 {
	left: 48.55%;
}

dt.item-3 {
	left: 30.4%;
	width: 12.5%;
}

dd.item-3 {
	left: 46.7%;
}

dt.item-4 {
	left: 27.15%;
	width: 13.3%;
}

dd.item-4 {
	left: 44.5%;
}

dt.item-5 {
	left: 23%;
	width: 14.4%;
}

dd.item-5 {
	left: 41.7%;
}

dt.item-6 {
	left: 17.5%;
	width: 16.2%;
}

dd.item-6 {
	left: 38.5%;
}

dt.item-7 {
	left: 9.8%;
	width: 19.3%;
}

dd.item-7 {
	left: 34.5%;
}

.zt-1-content {
	width: 100%;
	/*background: rgba(255, 255, 255, 0.05);*/
	line-height: 1.2;
}

.about-heading span.clickable:hover {
	color: #fff;
}

.shadow {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 70%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.25)), color-stop(70%,rgba(0,0,0,0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 70%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 70%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 70%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}

.shadow.phone {
	margin: 2% 0 0 53%;
  height: 8%;
	width: 25.3%;
	position: relative;
}

/* SERVICES */

.content-services {
	position: relative;
	height: 100%;
	text-align: center;
}

img.services {
  height: 96%;
  margin: 0 auto;
}

.box {
	position: relative;
	float: left;
	width: 50%;
	height: 30%;
}

.box.right {
	float: right;
}

.box img {
	display: block;
}

.box .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 30;
}

.box .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 36;
}

.box .title {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 35;
	text-align: right;
	color: #58595b;
	padding: 7% 14% 0 0;
	margin: 0;
	font-weight: normal;
	letter-spacing: -0.02em;
}

.box .title .subject {
	display: block;
	font-size: 0.55em;
	margin-top: -0.5em;
}

.box ul {
	position: absolute;
	top: 97%;
	line-height: 1.5;
	left: 0;
	margin: 0;
	width: 100%;
	padding: 0 14% 0 0;
	list-style-type: none;
	text-align: right;
	color: #58595b;
	z-index: 37;
}

.box .chevron {
	position: relative;
	left: 67%;
	top: 113%;
	
}

.clients {
	position: absolute;
	top: 32%;
	left: 0;
	width: 50%;
	height: 100%;
}

.clients.right {
	left: 50%;
}

.clients.branch-media {
	top: 17.5%;
}

.clients .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

.clients .include {
	position: absolute;
	top: 26%;
	right: 14%;
	width: 86%;
	text-align: right;
	z-index: 12;
}

.clients .logo-wrapper {
	position: absolute;
	top: 32%;
	width: 100%;
	height: 12%;
	z-index: 13;
}

.clients .logo-wrapper a {
	border: none;
}

.clients .logo {
	display: inline-block;
	height: 100%;
	margin: 0 1em;
	z-index: 14;
}

.zoom-target-2.design {
	right: -10%;
	top: 18%;
}

.zoom-target-2.hosting {
	right: 0;
	top: 52%;
}

.zoom-target-2.events {
	right: 2%;
	top: 76%;
}

.zoom-target-2.promotions {
	left: -1.5%;
	top: 76%;
}

.zoom-target-2.premiums	 {
	left: -7%;
	top: 45%;
}

.zoom-target-2.consulting {
	left: -9.5%;
	top: 5%;
}

.zoom-target-2.media {
	left: 55.5%;
	top: 1%;
}

.ztrigger-1 {
	position: absolute;
	background: transparent;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.0001);
}

.ztrigger-1.clickable:hover {
	background: rgba(255, 255, 255, 0.1);
}

.ztrigger-1.consulting {
	left: 22.4%;
	top: 8.3%;
	width: 23.3%;
	height: 34.95%;
}

.ztrigger-1.media {
	left: 46.63%;
	top: 13.92%;
	width: 11%;
	height: 16.5%;
}

.ztrigger-1.design {
	left: 57.14%;
	top: 18.15%;
	width: 20.2%;
	height: 30.3%;
}

.ztrigger-1.hosting {
	left: 59.77%;
	top: 49.88%;
	width: 7.8%;
	height: 11.7%;
}

.ztrigger-1.events {
	left: 45.2%;
	top: 60%;
	width: 20.8%;
	height: 31.2%;
}

.ztrigger-1.promotions {
	left: 29.5%;
	top: 61.2%;
	width: 13.4%;
	height: 20.1%;
}

.ztrigger-1.premiums {
	left: 25.4%;
	top: 45.9%;
	width: 8.8%;
	height: 13.2%;
}

.service-details {
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
	width: 40%;
	height: 80%;
}

.service-details.branch-media {
	height: 65%;
}

.service-details.left {
	text-align: right;
}

.right {
	right: 0;
}

.left {
	left: 0;
}

.service-details ul {
	margin: 0;
	padding-left: 3.5em;
	padding: 0;
	position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.service-details li {
	padding: 0 0 0.35em 0;
}

.service-details.branch-media {
	bottom: 55%;
}

.service-details.branch-media ul {
	top: 12%;
	transform: none;
}

.service-details .video-links {
	position: absolute;
	height: 15%;
	width: 100%;
	top: 56.5%;
	left: -5%;
}

.service-details .pdf-link {
	position: absolute;
	height: 1em;
	width: 100%;
	top: 90%;
	left: -1.375em;
}

.service-details .pdf-link .icon-pdf {
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	margin-right: 0.225rem;
}

.video-links img {
	border: 0;
}

.service-details .include {
	margin: 1em 0 0.5em 0;
	opacity: 0.75;
}

.service-details .logo {
	display: block;
	height: 100%;
	margin: 0;
}

/*.service-details .play {
	height: 10%;
	position: absolute;

}*/

.service-details .play-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: none;
}

.service-details .play {
	/*display: block;
	margin: auto;
	height: 50%;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	height: 60%;
	opacity: 0;
}

.service-details a:hover .play {
	opacity: 1;
}

.service-details a {
	border: none;
	float: left;
	/*clear: left;*/
	height: 100%;
	position: relative;
}

.service-details a.right {
	margin-left: 10%;
}

.services-branding {
	position: absolute;
	display: block;
	width: 18%;
	height: 16%;
	left: 38.5%;
	top: 41%;
	border-radius: 25%;
	cursor: pointer;
	border: none;
}


/* FREE STUFF */

.free-item {
	width: 20%;
	/*background: rgba(255, 255, 255, 0.1);*/
	float: left;
	/*border: 1px solid rgba(255, 255, 255, 0.2);*/
	position: relative;
	border: none;
}

/*.free-item .text-box-image {
	margin: 50% 10% 0 10%;
	display: block;
}*/

/*.free-item .icon {
	margin: -10% 12% 0 12%;
	display: block;
}*/

.free-item img {
	border: 0;
}

.free-item .text-box-image {
	/*top: 20%;
	left: 7.5%;
	right: 7.5%;*/
	margin-top: 45%;
	padding: 0 10%;
	width: 100%;
}

.free-item .image-box {
	position: relative;
	width: 100%;
	margin-top: -12%;
}

.free-item .circle,
.free-item .icon,
.free-item .crossfade-image {
	position: absolute;
	width: 76%;
	left: 12%;
	right: 12%;
}

.shadow.banner {
	position: absolute;
	height: 12%;
	top: 153%;
	left: 15%;
	right: 15%;
}

.free-item .text-box {
	position: absolute;
	top: 42.5%;
	bottom: 65%;
	left: 25%;
	right: 25%;
	text-align: center;
}

.free-item .text-box h2 {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.1;
	margin: 0.5em 0 0.3em 0;
	color: #fff;
}

.free-item .text-box h2 span {
	display: block;
}

.free-item .text-box p {
	color: rgba(255, 255, 255, 0.75);
	margin: 0;
	line-height: 1.1;
}

.content-contact {
	height: 100%;
}

/* CONTACT */

.phone-wrapper {
	margin: 15% 0 0 55%;
  height: 63%;
	width: 42%;
	/*background: rgba(255, 255, 255, 0.1);*/
	position: relative;
}

.image-contact {
	/*margin: 16% 0 0 12%;
  height: 64%;*/
	height: 100%;
	width: 50%;
}

.ftrigger {
	position: absolute;
	width: 9.2%;
	height: 10.5%;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.0001);
}

.ftrigger.email {
	left: 6.7%;
	top: 20.2%;
}

.ftrigger.phone {
	left: 15.9%;
	top: 20.2%;
}

.ftrigger.address {
	left: 25.1%;
	top: 20.2%;
}

.ftrigger.speaking {
	left: 34.3%;
	top: 20.2%;
}

.ftrigger.linkedin {
	left: 6.7%;
	top: 30.7%;
}

.ftrigger.twitter {
	left: 15.9%;
	top: 30.7%;
}

.ftrigger.skype {
	left: 25.1%;
	top: 30.7%;
}

.ftrigger.copyright {
	left: 34.3%;
	top: 30.7%;
}

.ftarget {
	position: absolute;	
	width: 20%;
}

.ftarget.left {
	left: 33%;
	top: 37%;
	text-align: right;
}

.ftarget.right {
	left: 78%;
	top: 37%;
	text-align: left;
}

.content-404 {
	position: absolute;
	width: 34%;
	left: 52%;
	top: 34%;
}

.content-404 p {
	line-height: 1.5
}