@media screen and (min-width: 1023px) {
  .for-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .for-desktop {
    display: none !important;
  }
}
@font-face {
  font-family: 'Open Sans';
  src: url("opensans-semibold-wf.eot");
  src: url("opensans-semibold-wf.eot?#iefix") format('embedded-opentype'), url("opensans-semibold-wf.woff2") format('woff2'), url("opensans-semibold-wf.woff") format('woff'), url("opensans-semibold-wf.ttf") format('truetype'), url("opensans-semibold-wf.svg#open_sanssemibold") format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'icons';
  src: url("icons.eot");
  src: url("icons.eot?#iefix") format('embedded-opentype'), url("icons.woff") format('woff'), url("icons.ttf") format('truetype'), url("icons.svg#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo';
  src: url("museo-slab-300.eot");
  src: url("museo-slab-300.eot?#iefix") format('embedded-opentype'), url("museo-slab-300.woff") format('woff'), url("museo-slab-300.ttf") format('truetype'), url("museo-slab-300.svg#7b3822210222b32bda062ef31191681b") format('svg');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'museo';
  src: url("museo_slab_500.eot");
  src: url("museo_slab_500.eot?#iefix") format('embedded-opentype'), url("museo_slab_500.woff") format('woff'), url("museo_slab_500.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'px';
  src: url("proximanova-bold-wf.eot");
  src: url("proximanova-bold-wf.eot?#iefix") format('embedded-opentype'), url("proximanova-bold-wf.woff2") format('woff2'), url("proximanova-bold-wf.woff") format('woff'), url("proximanova-bold-wf.ttf") format('truetype'), url("proximanova-bold-wf.svg#proxima_nova_rgbold") format('svg');
  font-weight: bold;
  font-style: normal;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
time {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  height: 100%;
}
body {
  margin: 0;
  font-size: 16px;
  line-height: 1.625;
  text-align: center;
  color: #000;
  background: #fff;
  min-height: 100%;
  height: 100%;
}
body,
button,
input,
select,
textarea {
  font-family: 'Open Sans', Arial, sans-serif;
}
a {
  color: #000;
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: none;
  color: #3fbe30;
}
abbr[title] {
  border-bottom: 1px dotted;
}
* {
  outline: none;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
ins {
  background: none;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol,
.no {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
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"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"] {
  -webkit-search-decoration: none;
  -webkit-appearance: none;
}
input {
  outline: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
hr {
  display: block;
  font: 0/0 a;
  height: 1px;
  overflow: hidden;
  border: 0;
  border-top: 1px solid #ebebeb;
  background: #fff;
  margin: 0 0 18px;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}
.hide {
  display: none;
}
p {
  margin: 0;
  padding: 0 0 1.5em 0;
}
.small {
  font-size: 0.85em;
}
.vm,
section.intro .mdintro,
section.intro .lgintro,
.complex,
.service-section aside {
  font-size: 0;
}
.vm:after,
section.intro .mdintro:after,
section.intro .lgintro:after,
.complex:after,
.service-section aside:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.slide-button {
  display: inline-block;
  position: relative;
  border: 1px solid #000;
  height: 50px;
  padding: 0 40px 0 65px;
  font: bold 14px/50px 'Proxima Nova', 'px', Arial, sans-serif;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: padding 0.3s ease;
  -moz-transition: padding 0.3s ease;
  -o-transition: padding 0.3s ease;
  -ms-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.slide-button > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-button > div div {
  width: 65px;
  height: 35px;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -18px 7px 0;
}
.slide-button span.dr {
  display: block;
  width: 33px;
  height: 33px;
  border: 1px solid #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -18px 7px 0;
  text-align: center;
  z-index: 1;
  cursor: pointer;
}
.slide-button .nm {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  display: inline-block;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.slide-button img {
  width: 8px;
  vertical-align: top;
  position: relative;
  top: 9px;
  left: 1px;
}
.slide-button.sliding .nm {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
@media screen and (max-width: 1023px) {
  .slide-button {
    -webkit-transform: scale(0.86);
    -moz-transform: scale(0.86);
    -o-transform: scale(0.86);
    -ms-transform: scale(0.86);
    transform: scale(0.86);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
.align-center {
  text-align: center;
}
.b-button {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font: bold 14px 'Open Sans', Arial, sans-serif;
  text-align: center;
  padding: 14px 45px;
  min-width: 116px;
  background: #3fbe30;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 0;
  position: relative;
}
.b-button:before {
  content: '';
  display: block;
  text-align: right;
  position: absolute;
  top: 50%;
  right: 45px;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 14px;
  height: 12px;
  background: url("../i/barr.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-top: -6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.b-button:hover {
  color: #fff;
}
.b-button:hover:before {
  right: 20px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.b-button.large {
  font-size: 18px;
  padding: 18px 30px;
  min-width: 204px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-weight: normal;
}
@media screen and (max-width: 1023px) {
  .b-button {
    font-size: 12px;
  }
}
.border-button {
  display: inline-block;
  text-transform: uppercase;
  font: bold 14px 'Open Sans', Arial, sans-serif;
  text-align: center;
  padding: 12px 43px;
  min-width: 112px;
  background: none;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 2px solid #000;
  position: relative;
  color: #000;
}
.border-button:before {
  content: '';
  display: block;
  text-align: right;
  position: absolute;
  top: 50%;
  right: 45px;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 14px;
  height: 12px;
  background: url("../i/barrblack.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-top: -6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.border-button:hover {
  color: #000;
}
.border-button:hover:before {
  right: 20px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.border-button.large {
  font-size: 18px;
  padding: 18px 30px;
  min-width: 204px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-weight: normal;
}
@media screen and (max-width: 1023px) {
  .border-button {
    font-size: 12px;
  }
}
.images-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.images-wrapper:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.images-wrapper .loader {
  z-index: 4;
}
.images-wrapper.loaded {
  z-index: 1;
}
.images-wrapper.loaded .loader,
.images-wrapper.loaded:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  background-color: #444;
  overflow: hidden;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.loader .base {
  position: absolute;
  width: 100%;
  height: 100%;
}
.loader .base .a-45 {
  border-bottom-color: #3fbe30;
  border-bottom-width: 50px;
}
.loader .base .a-135 {
  border-left-color: #3fbe30;
  border-left-width: 50px;
}
.loader .base .a-225 {
  border-top-color: #3fbe30;
  border-top-width: 50px;
}
.loader .base .a-315 {
  border-right-color: #3fbe30;
  border-right-width: 50px;
}
.loader .cover {
  position: absolute;
  width: 100%;
  height: 100%;
}
.loader .triangle {
  position: absolute;
  width: 0;
  height: 0;
}
.loader .mask {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 102px;
  height: 102px;
}
.wrap {
  text-align: left;
  margin: 0 auto;
  max-width: 1074px;
  width: 96%;
}
@media screen and (max-width: 1023px) {
  .wrap {
    width: 100%;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  -ms-transition: background 0.4s ease;
  transition: background 0.4s ease;
}
header > h1 {
  padding: 0;
  margin: 0;
  font: 500 24px/75px 'museo', sans-serif;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  color: #fff;
  z-index: 101;
}
header.flying {
  background: #fff;
}
header.flying + .top-overlay + .p-intro h1,
header.flying > h1 {
  color: #000;
}
header .progressbar {
  height: 5px;
  background: rgba(143,143,143,0.23);
}
header .progressbar .control {
  height: 5px;
  margin-right: 2%;
}
header .progressbar .ui-slider-range {
  background: #3fbe30;
}
header .progressbar .ui-slider-handle {
  width: 2%;
  background: #91de8d;
  margin: 0;
  top: 0;
  height: 5px;
  cursor: pointer;
}
header .head {
  padding: 17px 35px 18px 35px;
}
header .logo {
  float: left;
  width: 135.5px;
  height: 39.5px;
  background: url("../i/logo.png");
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  z-index: 1;
}
header .nav-control {
  float: right;
  position: relative;
  top: 1px;
  cursor: pointer;
}
header .nav-control span {
  font: bold 12px 'Proxima Nova', 'px', Arial, sans-serif;
  position: relative;
  top: 1px;
}
header .nav-control div {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border: 1px solid #000;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 0 0 0 12px;
  position: relative;
  background: url("../i/icon-menu.png") 50% 50% no-repeat;
  -webkit-background-size: 23px 13px;
  -moz-background-size: 23px 13px;
  background-size: 23px 13px;
}
header.light .logo {
  background-image: url("../i/logo-white.png");
}
header.light .nav-control {
  color: #fff;
}
header.light .nav-control div {
  border-color: #fff;
  background-image: url("../i/icon-menu-white.png");
}
header.light.flying .logo {
  background-image: url("../i/logo.png");
}
header.light.flying .nav-control {
  color: #000;
}
header.light.flying .nav-control div {
  border-color: #000;
  background-image: url("../i/icon-menu.png");
}
@media screen and (max-width: 1023px) {
  header .logo {
    width: 93px;
    height: 27px;
    margin-top: 1px;
  }
  header .head {
    padding: 20px;
  }
  header .nav-control {
    top: -3px;
  }
  header .nav-control span {
    font-size: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 4px 0 0 1px;
  }
  header .nav-control div {
    width: 24px;
    height: 24px;
    -webkit-background-size: 16px 9px;
    -moz-background-size: 16px 9px;
    background-size: 16px 9px;
    margin: 0;
  }
  header .progressbar,
  header .control,
  header .ui-slider-handle {
    height: 5px;
  }
  header > h1 {
    display: none;
  }
}

	/*! jQuery UI - v1.11.4 - 2015-07-30
	* http://jqueryui.com
	* Includes: core.css, draggable.css, slider.css
	* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

	.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}
.prallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1) translate3d(0px, 0px, 0px) !important;
  -moz-transform: scale(1.1) translate3d(0px, 0px, 0px) !important;
  -o-transform: scale(1.1) translate3d(0px, 0px, 0px) !important;
  -ms-transform: scale(1.1) translate3d(0px, 0px, 0px) !important;
  transform: scale(1.1) translate3d(0px, 0px, 0px) !important;
}
.prallax .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
section.intro {
  overflow: hidden;
  width: 100%;
  position: relative;
}
section.intro .active {
  z-index: 2;
}
section.intro .mdintro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
section.intro .mdintro .inner > img {
  width: 265px;
  margin: 0 0 22px;
}
section.intro .lgintro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
section.intro .lgintro .inner > img {
  margin: 32px 0 28px;
}
section.intro .wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 3;
}
section.intro .inner p {
  padding: 0 0 37px;
  font: 300 20px/1.4 'museo', sans-serif;
}
section.intro .inner .lead {
  font: 500 48px/1 'museo', sans-serif;
  padding: 0 0 10px;
}
section.intro .scroll-icon {
  position: absolute;
  left: 50%;
  bottom: 22px;
  width: 28px;
  margin-left: -14px;
}
section.intro .mc1 {
  width: 365.5px;
  position: absolute;
  bottom: -5%;
  left: -15%;
}
section.intro .mc2 {
  width: 605.5px;
  position: absolute;
  top: -30%;
  left: 24%;
  z-index: 2;
}
section.intro .mc3 {
  width: 622.5px;
  position: absolute;
  bottom: -5%;
  right: -50%;
}
section.intro .lg1 {
  width: 444px;
  position: absolute;
  top: 50%;
  right: -50%;
  margin-top: -300px;
}
@media screen and (max-width: 1023px) {
  section.intro .mdintro,
  section.intro .lgintro {
    position: static;
    width: auto;
    padding: 0 20px 130px;
    display: none;
  }
  section.intro .mdintro.active,
  section.intro .lgintro.active {
    display: block;
  }
  section.intro .mdintro {
    background: url("../i/mcbg.jpg") 50% 100% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  section.intro .lgintro {
    background: url("../i/lg1.jpg") 100% 91px no-repeat;
    -webkit-background-size: auto 150px;
    -moz-background-size: auto 150px;
    background-size: auto 150px;
  }
  section.intro .lgintro .inner > img {
    width: auto;
    margin-bottom: 38px;
  }
  section.intro .lgintro .lg1 {
    display: none;
  }
  section.intro .wrap {
    padding: 111px 0 0 0;
  }
  section.intro .scroll-icon,
  section.intro .mc2,
  section.intro .mc1,
  section.intro .mc3 {
    display: none;
  }
  section.intro .inner p {
    padding: 0 0 22px;
    font-size: 12px;
  }
  section.intro .inner .lead {
    font-size: 30px;
  }
  section.intro .inner > img {
    width: 176px;
    margin: 0 0 18px;
  }
}
.complex {
  background: #444;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.complex .wrap {
  display: inline-block;
  vertical-align: middle;
}
.complex .wrap.inview-visible p,
.complex .wrap.inview-visible .description {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.complex .wrap p {
  font: 500 77px/1 'museo', sans-serif;
  color: #fff;
  position: relative;
  z-index: 5;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
  padding: 0 0 5px;
}
.mobile-device .complex .wrap p {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.complex .wrap .description {
  font: 300 20px/1.3 'museo', sans-serif;
  color: #fff;
  position: relative;
  z-index: 5;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.mobile-device .complex .wrap .description {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.complex .prallax {
  -webkit-transform: scale(1.21) translate3d(0px, 0px, 0px) !important;
  -moz-transform: scale(1.21) translate3d(0px, 0px, 0px) !important;
  -o-transform: scale(1.21) translate3d(0px, 0px, 0px) !important;
  -ms-transform: scale(1.21) translate3d(0px, 0px, 0px) !important;
  transform: scale(1.21) translate3d(0px, 0px, 0px) !important;
}
@media screen and (max-width: 1023px) {
  .complex {
    background: #444 url("../i/rice.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  .complex .prallax {
    display: none;
  }
  .complex .wrap p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-size: 27px;
    margin: 0 20px;
  }
  .complex .wrap .description {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-size: 12px;
    margin: 0 20px;
  }
}
.ux {
  padding: 50px 0 74px 0;
  background: #f3f3f3;
  position: relative;
  overflow: hidden;
}
.ux h1 {
  display: none;
}
.ux .head {
  text-align: center;
  padding: 0 0 85px;
}
.ux .head > * {
  display: inline-block;
  vertical-align: middle;
}
.ux .head p {
  padding: 0;
}
.ux .head .lg {
  font: 500 100px/1 'museo', sans-serif;
  margin: 0 80px 0 0;
}
.ux .head .lg span {
  display: block;
  font: 300 40px/1 'museo', sans-serif;
  color: #3fbe30;
  letter-spacing: 0.1em;
  border-top: 2px solid #000;
  margin: -8px 2px 0 8px;
  padding: 8px 0 0 0;
}
.ux .head .description {
  text-align: left;
  width: 720px;
}
.ux .head .description p {
  font: 300 20px/1.4 'museo', sans-serif;
}
.ux .list {
  text-align: center;
  font-size: 0;
  max-width: 90%;
  margin: 0 auto;
  padding: 0 0 17px;
  position: relative;
}
.ux .list .item {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 0 0 42px;
  position: relative;
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  transition: all 1.2s ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
.mobile-device .ux .list .item {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.ux .list .item .img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #000;
  width: 103px;
  margin: 0 auto;
  background: #f3f3f3;
}
.ux .list .item .img img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
}
.ux .list .item .name {
  font: 500 12px/1.166 'Open Sans', Arial, sans-serif;
  padding: 14px 0 0 0;
}
.ux .list .item:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.ux .list .item:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ux .list .item:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.ux .list .item:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.ux .list .item:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.ux .list .item:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.ux .list .item:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  -ms-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.ux .list .item:nth-child(8) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -ms-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.ux .list .item:nth-child(9) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.ux .list .item:nth-child(10) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -ms-transition-delay: 1s;
  transition-delay: 1s;
}
.ux .list.inview-visible .item {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 1023px) {
  .ux {
    padding: 30px 20px 60px 20px;
    background: #fff;
  }
  .ux .head {
    padding: 0;
  }
  .ux .head .lg {
    font: 300 56px/1 'museo', sans-serif;
    margin: 0 25px 0 0;
    vertical-align: top;
  }
  .ux .head .lg span {
    font-size: 20px;
    padding: 4px 0 0 0;
  }
  .ux .head .description {
    width: 160px;
  }
  .ux .head .description p {
    font-size: 12px;
  }
  .ux .list {
    max-width: 100%;
    padding: 35px 0 17px;
  }
  .ux .list .item {
    width: 33%;
    padding: 0 0 18px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .ux .list .item .img {
    width: 80%;
    background: #fff;
  }
  .ux .list .item .name {
    font-size: 8px;
    padding: 10px 0 0 0;
  }
}
.awards .wrap {
  font-size: 0;
  text-align: center;
  padding: 52px 0 50px;
}
.awards .column {
  display: inline-block;
  vertical-align: top;
  padding: 40px 50px 55px;
}
.awards .column+.column {
  border-left: 1px solid #c8c8c8;
  padding-right: 0;
  padding-left: 50px;
}
.awards .column img+img {
  margin-left: 40px;
}
.awards .column img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.mobile-device .awards .column img {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.awards .name {
  font: 500 26px 'museo', sans-serif;
  padding: 0 0 96px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: relative;
  top: 40px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.mobile-device .awards .name {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.awards .inview-visible img {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.awards .inview-visible .name {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  top: 0;
}
@media screen and (max-width: 1023px) {
  .awards .wrap {
    padding: 46px 0 50px;
  }
  .awards .column {
    display: block;
    padding: 0 0 42px;
    margin: 0 20px;
  }
  .awards .column+.column {
    border-top: 1px solid #c8c8c8;
    border-left: 0;
    padding: 0;
  }
  .awards .column+.column img {
    width: 140px;
  }
  .awards .column+.column img+img {
    width: 52px;
  }
  .awards .column img {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    width: 54px;
  }
  .awards .column img+img {
    width: 92px;
  }
  .awards .column img+img+img {
    width: 76px;
  }
  .awards .column img+img {
    margin-left: 25px;
  }
  .awards .name {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    font-size: 20px;
    padding: 0 0 70px;
  }
}
.innovation {
  background: #000 url("../i/innovationbg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
}
.innovation .wrap {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  position: relative;
  z-index: 1;
}
.innovation .name {
  font: 500 77px/1 'museo', sans-serif;
  padding: 0 0 5px;
}
.innovation p {
  padding: 0 0 22px;
  font: 300 20px/1.3 'museo', sans-serif;
  max-width: 820px;
}
.innovation .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.innovation .video-wrapper video {
  position: absolute;
}
@media screen and (max-width: 1023px) {
  .innovation {
    padding: 0 20px;
  }
  .innovation .wrap {
    text-align: center;
  }
  .innovation .name {
    font-size: 37px;
  }
  .innovation p {
    font-size: 12px;
  }
}
.clients {
  padding: 0 0 28px;
}
.clients .head {
  font-size: 0;
  padding: 68px 0 54px;
}
.clients .head > * {
  display: inline-block;
  vertical-align: middle;
}
.clients .head .name {
  font: 500 54px/1 'museo', sans-serif;
  width: 34%;
}
.clients .head .description {
  font: 300 20px/1.3 'museo', sans-serif;
  width: 65%;
}
.clients .list {
  padding: 0 0 22px;
}
.clients .list .item {
  float: left;
  width: 20%;
  position: relative;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  overflow: hidden;
}
.mobile-device .clients .list .item {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.clients .list .item img {
  width: 100%;
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}
.clients .list .item a {
  display: block;
  position: relative;
}
.clients .list .item a:before {
  content: '';
  width: 33px;
  height: 33px;
  display: block;
  background: url("../i/ilink.png");
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -o-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
}
.clients .list .item a:hover:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.clients .list .item:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.clients .list .item:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.clients .list .item:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.clients .list .item:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.clients .list .item:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.clients .list .item:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.clients .list .item:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  -ms-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.clients .list .item:nth-child(8) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -ms-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.clients .list .item:nth-child(9) {
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.clients .list .item:nth-child(10) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -ms-transition-delay: 1s;
  transition-delay: 1s;
}
.clients .list.inview-visible .item {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 1023px) {
  .clients .head {
    padding: 30px 20px;
    text-align: center;
  }
  .clients .head .name {
    width: 100%;
    font-size: 37px;
    color: #3fbe30;
    padding: 0 0 16px;
  }
  .clients .head .description {
    width: 100%;
    font-size: 12px;
  }
  .clients .list {
    padding: 0 20px 28px 20px;
  }
  .clients .list .item {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    width: 50%;
  }
  .clients .list .item+.item+.item {
    display: none;
  }
  .clients .list .item:nth-child(6),
  .clients .list .item:nth-child(7) {
    display: block !important;
  }
  .clients .align-center h4 {
    margin: 0;
  }
}
section.usability {
  color: #fff;
  background: #000;
  -webkit-background-size: 110% auto;
  -moz-background-size: 110% auto;
  background-size: 110% auto;
  height: 800px;
  position: relative;
  overflow: hidden;
}
section.usability .wrap {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 20;
}
section.usability h3 {
  margin: 0;
  font: 500 77px/1 'museo', sans-serif;
  padding: 0 0 5px;
}
section.usability p {
  padding: 0 0 42px;
  font: 300 20px/1.3 'museo', sans-serif;
}
@media screen and (max-width: 1023px) {
  section.usability {
    height: auto;
    padding: 0 20px;
    background: #000 url("../i/usabilitybg1.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  section.usability .prallax {
    display: none;
  }
  section.usability h3 {
    font-size: 37px;
    padding: 0 0 16px;
  }
  section.usability p {
    font-size: 14px;
    padding: 0 0 28px;
  }
}
.contactus .wrap {
  text-align: center;
  padding: 190px 0;
}
.contactus .name {
  display: inline-block;
  font: 300 28px/1 'museo', sans-serif;
  margin: 0 40px 0 0;
}
@media screen and (max-width: 1023px) {
  .contactus {
    padding: 0 20px;
    background: #f3f3f3;
  }
  .contactus .wrap {
    padding: 118px 0;
  }
  .contactus .name {
    font-size: 24px;
    margin: 0 0 20px;
  }
}
footer {
  color: #fff;
  background: #221f1f;
  padding: 63px 0 56px 0;
}
footer .wrap {
  width: auto;
  display: inline-block;
}
footer .bottom-menu {
  padding: 0 0 30px;
  margin: 0;
  list-style: none;
  font-size: 0;
}
footer .bottom-menu li {
  display: inline-block;
  margin: 0 17px 0 0;
  padding-left: 17px;
}
footer .bottom-menu li+li {
  border-left: 1px solid #9c9c9c;
}
footer .bottom-menu li a {
  font: 300 18px 'museo', sans-serif;
  color: #fff;
}
footer .ocs {
  float: left;
  padding: 10px 0 0 17px;
}
footer .ocs a {
  font: 500 12px/1 'museo', sans-serif;
  color: #3fbe30;
}
footer .ocs .dlIco {
  margin: 0 15px 0 0;
  top: -1px;
}
footer .socials {
  float: right;
  padding: 0 17px 0 0;
  text-align: right;
}
footer .group {
  font-size: 0;
  padding: 0 0 14px;
}
footer .group a {
  display: inline-block;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0 0 0 10px;
  overflow: hidden;
  position: relative;
}
footer .group a div {
  overflow: hidden;
  position: relative;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
footer .group a div:hover img {
  top: 0;
}
footer .group a div:hover img+img {
  top: 45px;
}
footer .group img {
  width: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: relative;
  top: -45px;
  -webkit-transition: top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
footer .group img+img {
  -webkit-transition: top 0.3s ease;
  -moz-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  -ms-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
footer .copyright {
  font: 11px 'Open Sans', Arial, sans-serif;
  color: #9d9d9d;
}
@media screen and (max-width: 1023px) {
  footer {
    padding: 0 20px;
  }
  footer .wrap {
    width: 100%;
  }
  footer .bottom-menu {
    padding: 34px 0 26px;
    border-bottom: 1px solid #575555;
  }
  footer .bottom-menu li {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
  }
  footer .bottom-menu li+li {
    border-left: 0;
    padding-top: 15px;
  }
  footer .ocs {
    float: none;
    padding: 27px 0 78px 0;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #575555;
  }
  footer .ocs a {
    font-size: 14px;
  }
  footer .ocs .dlIco {
    position: absolute;
    top: 62px;
    left: 50%;
    font-size: 36px;
    margin-left: -20px;
  }
  footer .socials {
    float: none;
    padding: 0;
    text-align: center;
  }
  footer .socials .name {
    font: 500 14px 'museo', sans-serif;
    padding: 23px 0 6px 0;
  }
  footer .socials .group {
    padding: 0;
  }
  footer .socials .group a {
    margin: 0 4px;
  }
  footer .socials .copyright {
    padding: 30px 0 22px 0;
  }
}
.top-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #242424;
  color: #fff;
  z-index: 102;
}
.top-overlay > .name {
  font: 500 12px 'museo', sans-serif;
  text-transform: uppercase;
  position: absolute;
  top: 30px;
  left: 60px;
  z-index: 7;
}
.top-overlay > .name img {
  vertical-align: middle;
  width: 19.5px;
  position: relative;
  top: -2px;
  margin: 0 2px;
}
.top-overlay .nav-control {
  position: absolute;
  top: 18px;
  right: 35px;
  cursor: pointer;
  z-index: 7;
}
.top-overlay .nav-control span {
  font: bold 12px 'Proxima Nova', 'px', Arial, sans-serif;
  position: relative;
  top: 4px;
}
.top-overlay .nav-control div {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 0 0 0 12px;
  position: relative;
  background: url("../i/icon-close.png") 50% 50% no-repeat;
  -webkit-background-size: 17px 17px;
  -moz-background-size: 17px 17px;
  background-size: 17px 17px;
}
.top-overlay > .wrap {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  .top-overlay > .name {
    font-size: 10px;
    left: 20px;
  }
  .top-overlay > .name img {
    width: 12px;
  }
  .top-overlay .nav-control {
    top: 17px;
    right: 20px;
  }
  .top-overlay .nav-control span {
    font-size: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 4px 0 0 0;
  }
  .top-overlay .nav-control div {
    width: 24px;
    height: 24px;
    -webkit-background-size: 14px auto;
    -moz-background-size: 14px auto;
    background-size: 14px auto;
    margin: 0;
  }
}
nav {
  min-height: 500px;
  display: none;
}
nav .b-bar {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
nav .b-bar .name {
  font: 500 18px/1 'museo', sans-serif;
  padding: 0 0 18px;
}
nav .b-bar a {
  color: #3fbe30;
  font: 500 13px/1 'museo', sans-serif;
  display: inline-block;
}
nav .b-bar .corner {
  width: 1px;
  height: 108px;
  background: #525252;
  margin: 0 60px;
}
nav .b-bar > * {
  display: inline-block;
  vertical-align: top;
}
nav .b-bar .dlIco,
nav .b-bar .nxIco {
  font-size: 34px;
  border-width: 3px;
  display: block;
  margin: 12px auto 0;
}
nav .wrap > ul {
  margin: 0;
  padding: 0 5%;
  list-style: none;
  text-align: justify;
}
nav .wrap > ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}
nav .wrap > ul li {
  display: inline-block;
  vertical-align: top;
  width: 144px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  will-change: opacity;
  -webkit-backface-visibility: hidden;
}
nav .wrap > ul li > a {
  display: block;
  font: bold 18px/40px 'Proxima Nova', 'px', Arial, sans-serif;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 4px 6px 4px;
  color: #fff;
  text-align: center;
}
nav .wrap > ul li > a:before {
  content: '';
  display: block;
  height: 3px;
  background: #242424;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
nav .wrap > ul li > a:hover:before {
  background: #3fbe30;
}
nav .wrap > ul li.active .number {
  color: #3fbe30;
}
nav .wrap > ul li.active > a:before {
  background: #3fbe30;
}
nav .wrap > ul li:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
nav .wrap > ul li:nth-child(1) .description {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
nav .wrap > ul li:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
nav .wrap > ul li:nth-child(2) .description {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
nav .wrap > ul li:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
nav .wrap > ul li:nth-child(3) .description {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
nav .wrap > ul li:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
nav .wrap > ul li:nth-child(4) .description {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
nav .wrap > ul li:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
nav .wrap > ul li:nth-child(5) .description {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
nav .wrap > ul li:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
nav .wrap > ul li:nth-child(6) .description {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
nav .wrap > ul .number {
  font: 300 12px 'museo', sans-serif;
  text-align: right;
  color: #fff;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding: 0 0 7px;
}
nav .wrap > ul .description {
  font: 300 12px/1.5 'museo', sans-serif;
  text-align: left;
  color: #bcbcbc;
  padding: 14px 0 0 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
nav .wrap > ul .description a {
  color: #3fbe30;
}
nav.open > .wrap > ul li,
nav.open > .wrap > ul li .description {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
nav.open {
  touch-action: none;
}
@media screen and (min-width: 1023px) {
  .mobile-device nav .wrap > ul {
    padding: 0 1%;
  }
}
@media screen and (max-width: 1023px) {
  nav .b-bar {
    bottom: 46px;
  }
  nav .b-bar .name {
    font-size: 15px;
    padding: 0 0 9px;
  }
  nav .ga,
  nav .corner {
    display: none;
  }
  nav .wrap > ul {
    padding: 0 20px 80px;
  }
  nav .wrap > ul li {
    margin-bottom: 7px;
    width: 125px;
  }
  nav .wrap > ul li > a {
    font-size: 16px;
  }
  nav .wrap > ul .number {
    font-weight: 500;
  }
  nav .wrap > ul .description {
    display: none;
  }
}
.contactovl {
  min-height: 650px;
  display: none;
  overflow: hidden;
}
.contactovl h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 26px 0 0 0;
  margin: 0;
  font: 500 24px 'museo', sans-serif;
  background: #242424;
  z-index: 6;
}
.contactovl .foot-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 6;
  background: #242424;
}
.contactovl .foot-bar .wrap {
  border-top: 1px solid #7d7d7d;
  padding: 0 0 34px;
  text-align: center;
}
.contactovl .foot-bar .description {
  text-align: center;
  font: 500 18px/1.33 'museo', sans-serif;
  color: #9e9e9e;
  padding: 40px 0 36px 0;
}
.contactovl .foot-bar .opt {
  font: 500 13px 'museo', sans-serif;
  color: #9e9e9e;
  display: inline-block;
  vertical-align: top;
  margin: 0 46px 0 0;
}
.contactovl .foot-bar .opt:last-child {
  margin-right: 0;
}
.contactovl .foot-bar .opt a {
  color: #3fbe30;
}
.contactovl .foot-bar .opt span {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .contactovl {
    height: 100%;
    min-height: 100%;
  }
  .contactovl h1 {
    padding: 26px 0 0 0;
    font-size: 16px;
  }
  .contactovl > .name {
    display: none;
  }
  .contactovl .foot-bar {
    padding: 0;
  }
  .contactovl .foot-bar .wrap {
    padding: 0 0 19px;
    text-align: left;
  }
  .contactovl .foot-bar .description {
    text-align: center;
    font-size: 8px;
    padding: 19px 20px;
  }
  .contactovl .foot-bar .opts {
    position: relative;
  }
  .contactovl .foot-bar .opt {
    display: block;
    font-size: 8px;
    margin: 0 0 0 20px;
  }
  .contactovl .foot-bar .opt a {
    display: block;
  }
  .contactovl .foot-bar .opt.emailus {
    padding-top: 6px;
  }
  .contactovl .foot-bar .opt.address {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .contactovl .foot-bar .opt.address span+span {
    display: block;
    color: #9e9e9e;
  }
}
.cform {
  padding: 0;
  position: relative;
  height: 380px;
  text-align: center;
}
.cform .caption,
.cform .field,
.cform .step,
.cform .next-button,
.cform .back-button,
.cform .b-button,
.cform .info {
  position: relative;
  top: 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.16s ease, top 0.8s ease;
  -moz-transition: opacity 0.16s ease, top 0.8s ease;
  -o-transition: opacity 0.16s ease, top 0.8s ease;
  -ms-transition: opacity 0.16s ease, top 0.8s ease;
  transition: opacity 0.16s ease, top 0.8s ease;
}
.cform .step {
  font: 300 22px/1 'museo', sans-serif;
  padding: 0 0 42px;
}
.cform .step span {
  font-weight: 500;
  color: #9e9e9e;
}
.cform .caption {
  font: 500 36px 'museo', sans-serif;
  padding: 0 0 47px;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  -o-transition-duration: 0.88s;
  -ms-transition-duration: 0.88s;
  transition-duration: 0.88s;
}
.cform .info,
.cform .field {
  position: relative;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s;
  transition-duration: 0.96s;
}
.cform .field input[type="text"] {
  background: none;
  border: 0;
  padding: 0;
  border-bottom: 1px solid #585858;
  text-align: center;
  font: 500 48px 'museo', sans-serif;
  color: #3fbe30;
  width: 574px;
  margin: 0 0 44px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.cform .field textarea {
  border: 1px solid #585858;
  padding: 12px 26px;
  font: 500 28px 'museo', sans-serif;
  color: #3fbe30;
  background: none;
  width: 525px;
  height: 122px;
  margin: 0 0 28px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.cform .field .error-message {
  font: 500 12px/1 'museo', sans-serif;
  position: absolute;
  top: -18px;
  left: 0;
  width: 100%;
  color: #e22f31;
}
.cform .field .error-message + input[type="text"],
.cform .field .error-message + textarea {
  color: #e22f31;
}
.cform .back-button {
  margin: 0 44px 0 0;
}
.cform .next-button,
.cform .back-button,
.cform .b-button {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 1.04s;
  -moz-transition-duration: 1.04s;
  -o-transition-duration: 1.04s;
  -ms-transition-duration: 1.04s;
  transition-duration: 1.04s;
}
.cform .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.cform .slide:nth-child(3) {
  margin-top: -50px;
}
.cform .slide.unvisible {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  z-index: 1;
}
.cform .info {
  font: 300 28px/1.28 'museo', sans-serif;
  max-width: 380px;
  margin: -5px auto 40px;
}
.cform .topState .caption,
.cform .topState .field,
.cform .topState .step,
.cform .topState .next-button,
.cform .topState .back-button,
.cform .topState .b-button,
.cform .topState .info {
  top: -500px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.cform .bottomState .caption,
.cform .bottomState .field,
.cform .bottomState .step,
.cform .bottomState .next-button,
.cform .bottomState .back-button,
.cform .bottomState .b-button,
.cform .bottomState .info {
  top: 500px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.cform .inverse .step {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 1.04s;
  -moz-transition-duration: 1.04s;
  -o-transition-duration: 1.04s;
  -ms-transition-duration: 1.04s;
  transition-duration: 1.04s;
}
.cform .inverse .caption {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s;
  transition-duration: 0.96s;
}
.cform .inverse .field,
.cform .inverse .info {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  -o-transition-duration: 0.88s;
  -ms-transition-duration: 0.88s;
  transition-duration: 0.88s;
}
.cform .inverse .next-button,
.cform .inverse .back-button,
.cform .inverse .b-button {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
@media screen and (max-width: 1023px) {
  .cform {
    height: 220px;
  }
  .cform .step {
    font-size: 14px;
    padding: 0 0 30px;
  }
  .cform .caption {
    font-size: 20px;
    padding: 0 0 20px;
  }
  .cform .field input[type="text"] {
    font-size: 20px;
    width: 80%;
    margin: 0 0 29px;
  }
  .cform .field textarea {
    padding: 6px 12px;
    font-size: 14px;
    width: 80%;
    height: 58px;
    margin: 0 0 20px;
  }
  .cform .field .error-message {
    font-size: 9px;
    top: -12px;
  }
  .cform .back-button {
    margin: 0 26px 0 0;
  }
  .cform .slide {
    margin-top: -20px;
  }
  .cform .slide:nth-child(3) {
    margin-top: -50px;
  }
  .cform .info {
    font-size: 18px;
    max-width: 86%;
    margin: -5px auto 20px;
  }
  .cform .b-button {
    padding: 8px 20px 7px;
    min-width: 110px;
  }
}
::-webkit-input-placeholder {
  opacity: 0.08;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
  filter: alpha(opacity=8);
  color: #fff;
}
::-moz-placeholder {
  opacity: 0.08;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
  filter: alpha(opacity=8);
  color: #fff;
}
:-moz-placeholder {
  opacity: 0.08;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
  filter: alpha(opacity=8);
  color: #fff;
}
:-ms-input-placeholder {
  opacity: 0.08;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
  filter: alpha(opacity=8);
  color: #fff;
}
.next-button {
  border: 2px solid #fff;
  text-align: center;
  display: inline-block;
  font: bold 17px/47px 'Proxima Nova', 'px', Arial, sans-serif;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  min-width: 128px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  text-transform: uppercase;
}
@media screen and (max-width: 1023px) {
  .next-button {
    border-width: 1px;
    font: bold 11px/30px 'Proxima Nova', 'px', Arial, sans-serif;
    min-width: 68px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}
.back-button {
  font: bold 16px/47px 'Proxima Nova', 'px', Arial, sans-serif;
  display: inline-block;
  color: #fff;
}
.back-button img {
  width: 32px;
  height: 32px;
  margin: 0 20px 0 0;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 1023px) {
  .back-button {
    font: bold 13px/30px 'Proxima Nova', 'px', Arial, sans-serif;
  }
  .back-button img {
    width: 26px;
    height: 26px;
    margin: 0 9px 0 0;
    top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-intro.innovation-intro p {
    font-size: 19px;
    padding-top: 50px;
  }
}
.thematic {
  padding: 102px 0 65px 0;
}
.thematic .wrap {
  text-align: center;
}
.thematic h2 {
  font: 500 40px 'museo', sans-serif;
  margin: 40px 0;
}
.thematic p {
  font: 300 20px/1.4 'museo', sans-serif;
  margin: 0 auto 13px;
  max-width: 800px;
}
.thematic p b {
  font-weight: 500;
}
.thematic .award {
  padding: 18px 0 56px 0;
}
.thematic img.inview {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.8s ease 0.1s;
  -moz-transition: all 0.8s ease 0.1s;
  -o-transition: all 0.8s ease 0.1s;
  -ms-transition: all 0.8s ease 0.1s;
  transition: all 0.8s ease 0.1s;
}
.thematic img.inview.inview-visible,
.mobile-device .thematic img.inview {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 1023px) {
  .thematic {
    padding: 32px 20px 37px;
  }
  .thematic h2 {
    font-size: 25px;
    margin: 0;
    padding: 26px 0 20px;
  }
  .thematic .logo img {
    width: 148px;
  }
  .thematic p {
    font-size: 13px;
    margin: 0 auto 13px;
  }
  .thematic .award {
    padding: 12px 0 34px 0;
  }
  .thematic .award img {
    max-width: 100%;
  }
  .thematic img.inview {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    max-width: 100%;
  }
}
.scratch {
  background: #dbe4e6;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.scratch:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../i/scratchbg.jpg") 100% 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transition: left 1.2s ease 0.1s;
  -moz-transition: left 1.2s ease 0.1s;
  -o-transition: left 1.2s ease 0.1s;
  -ms-transition: left 1.2s ease 0.1s;
  transition: left 1.2s ease 0.1s;
}
.mobile-device .scratch:before {
  left: 0;
}
.scratch.inview-visible:before {
  left: 0;
}
.scratch .wrap {
  position: relative;
  padding: 224px 0 168px 0;
  z-index: 1;
}
.scratch .wrap .logo {
  position: absolute;
  top: 0;
  left: 0;
}
.scratch .inner {
  width: 406px;
  padding: 0 0 0 140px;
}
.mobile-device .scratch .inner {
  padding-left: 0;
}
.scratch h3 {
  font: 300 28px/1.32 'museo', sans-serif;
  margin: 0;
  padding: 0 0 50px;
}
.scratch p {
  font: 300 18px/1.55 'museo', sans-serif;
}
.scratch .demo {
  display: inline-block;
  margin: 0 0 52px;
}
.scratch .demo .name {
  text-align: center;
  color: #4a5153;
  font: 300 20px 'museo', sans-serif;
}
.scratch .demo .video {
  width: 378px;
  height: 236px;
  background: #fba52b;
  position: relative;
  cursor: pointer;
  margin: 0 0 10px;
}
.scratch .demo .video img {
  width: 100%;
}
.scratch .demo .video video {
  width: 100%;
  height: auto;
}
.scratch .demo .video:before {
  content: '\25B6';
  color: #fff;
  font: 16px/48px 'Open Sans', Arial, sans-serif;
  text-align: center;
  display: block;
  width: 48px;
  height: 48px;
  background: #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
}
.scratch .demo .video.with-video {
  width: 100%;
  height: auto;
  background: none;
}
.scratch .demo .video.with-video:before {
  display: none;
}
.scratch .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(36,36,36,0.92);
  font-size: 0;
  z-index: 2;
}
.scratch .overlay .vwrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.scratch .overlay .container {
  background: #f7a817;
  position: relative;
  width: 854px;
  height: 480px;
}
.scratch .overlay .close {
  position: absolute;
  top: -29px;
  right: -33px;
}
.scratch .overlay .play-control {
  cursor: pointer;
  color: #fff;
  font: 16px/48px 'Open Sans', Arial, sans-serif;
  text-align: center;
  display: block;
  width: 48px;
  height: 48px;
  background: #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.scratch .overlay .play-control:before {
  content: '\25B6';
}
.scratch .overlay .playing .play-control {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -o-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
}
@media screen and (max-width: 1023px) {
  .scratch {
    background: #dbe4e6;
  }
  .scratch:before {
    display: none;
  }
  .scratch .wrap {
    padding: 0 38px 30px 38px;
    width: auto;
  }
  .scratch .wrap .logo {
    position: static;
    width: 100%;
    text-align: center;
  }
  .scratch .wrap .logo img {
    width: 168px;
  }
  .scratch .inner {
    width: 100%;
    padding: 0;
  }
  .scratch h3 {
    font-size: 18px;
    padding: 24px 0 33px;
  }
  .scratch p {
    font-size: 12px;
  }
  .scratch .demo {
    display: block;
    margin: 0 0 34px;
  }
  .scratch .demo .name {
    font-size: 13px;
  }
  .scratch .demo .video {
    width: 100%;
    height: auto;
    background: none;
  }
  .scratch .demo .video.with-video:before {
    display: none;
  }
  .scratch .demo .video:before {
    font: 12px/30px 'Open Sans', Arial, sans-serif;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
  }
  .scratch video {
    width: 100%;
    height: auto;
  }
}
.awp {
  background: #000 url("../i/awpbg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  padding: 100px 0 110px 0;
}
.awp .wrap {
  text-align: center;
  color: #fff;
}
.awp h3 {
  margin: 0;
  padding: 0 0 34px;
  font: 300 40px 'museo', sans-serif;
}
.awp .soon {
  font: 500 38px 'museo', sans-serif;
}
.awp p {
  font: 300 20px/1.32 'museo', sans-serif;
  margin: 0 0 60px;
}
.awp p b {
  font-weight: 500;
}
.awp .comingsoon {
  font: 500 40px 'museo', sans-serif;
  padding: 48px 0 0 0;
}
.awp .inview {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
.awp .inview.inview-visible,
.mobile-device .awp .inview {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 1023px) {
  .awp {
    padding: 63px 20px 72px 20px;
  }
  .awp h3 {
    padding: 0 0 22px;
    font-size: 25px;
  }
  .awp p {
    font-size: 13px;
    margin: 0 0 5px;
  }
  .awp .comingsoon {
    font-size: 24px;
    padding: 38px 0 0 0;
  }
  .awp .inview {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .awp img {
    max-width: 210px;
  }
}
.p-intro {
  background: #000;
  overflow: hidden;
  position: relative;
}
.p-intro > h1 {
  padding: 0;
  margin: 0;
  font: 500 24px/75px 'museo', sans-serif;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  color: #fff;
  z-index: 101;
}
.p-intro > h1.in-flying {
  color: #000;
}
.p-intro .wrap {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  position: relative;
  z-index: 2;
}
.p-intro p {
  padding: 0;
  font: 300 36px/1.3 'museo', sans-serif;
  text-align: center;
}
.p-intro p b {
  font-weight: 500;
  color: #3fbe30;
}
.p-intro .prallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.p-intro .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-intro .video-wrapper video {
  position: absolute;
}
@media screen and (max-width: 1023px) {
  .p-intro {
    padding-left: 22px;
    padding-right: 22px;
  }
  .p-intro .wrap {
    padding-top: 50px;
  }
  .p-intro p {
    font-size: 24px;
  }
  .p-intro .prallax {
    display: none;
  }
  .p-intro > h1 {
    position: absolute;
    width: 100%;
    font-size: 15px;
    line-height: 1;
    margin: 0;
    left: 0;
    top: 118px;
    z-index: 1;
  }
}
.team-intro {
  background: #000 url("../i/teambg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.work-intro {
  background: #000 url("../i/workbg.jpg") 50% 50% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.innovation-intro {
  background: #000 url("../i/innovationbg.jpg") 20% 100% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.mobile-device .innovation-intro:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
}
@media screen and (max-width: 1023px) {
  .p-intro.team-intro {
    background-image: url("../i/mteambg.jpg");
  }
  .p-intro.team-intro .wrap p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-intro.usability-intro {
    background: #000 url("../i/musbg.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
.meetteam {
  padding: 60px 0 0 0;
}
.meetteam h2 {
  text-align: center;
  font: 500 50px/1.3 'museo', sans-serif;
  padding: 0 0 44px;
  margin: 0;
}
.meetteam .wrap p {
  font: 300 20px/1.4 'museo', sans-serif;
}
.meetteam hr {
  display: block;
  height: 1px;
  overflow: hidden;
  border: 0;
  background: #4a4a4a;
  margin: 0 0 64px;
}
.meetteam .dlOurCapabilities {
  margin-top: 0;
  margin-bottom: 82px;
}
.meetteam .center {
  text-align: center;
}
.meetteam .team-list {
  border-bottom: 1px solid #4a4a4a;
}
@media screen and (max-width: 1023px) {
  .meetteam {
    padding: 60px 20px 0 20px;
  }
  .meetteam h2 {
    font-size: 29px;
    padding: 0 0 28px;
  }
  .meetteam .wrap p {
    font-size: 12px;
  }
  .meetteam hr {
    height: 2px;
    background: #f2f2f2;
    margin: -25px 0 44px;
  }
  .meetteam .dlOurCapabilities {
    margin-bottom: 65px;
  }
  .meetteam .team-list {
    border-bottom: 0;
  }
}
.dlOurCapabilities {
  border: 3px solid #000;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 33px 46px 38px;
  margin: 0 auto;
  max-width: 880px;
  text-align: left;
}
.dlOurCapabilities.light {
  border: 0;
}
.dlOurCapabilities .text {
  display: inline-block;
  vertical-align: middle;
  width: 430px;
  margin: 0 140px 0 0;
}
.dlOurCapabilities .text div {
  font: 300 18px/1.33 'museo', sans-serif;
}
.dlOurCapabilities h5 {
  margin: 0;
  padding: 0 0 12px;
  font: 500 23px/1.3 'museo', sans-serif;
}
@media screen and (max-width: 1023px) {
  .dlOurCapabilities {
    border-width: 1px;
    padding: 27px 20px 32px;
    text-align: center;
  }
  .dlOurCapabilities h5 {
    padding: 0 0 22px;
    font-size: 20px;
  }
  .dlOurCapabilities .text {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 26px;
  }
  .dlOurCapabilities .text div {
    font-size: 12px;
    line-height: 1.6;
  }
}
.naics {
  padding: 38px 0 62px 0;
  text-align: center;
  font-size: 0;
}
.naics > * {
  display: inline-block;
  vertical-align: middle;
  width: 27%;
}
.naics .column:last-child {
  text-align: left;
  width: 36%;
}
.naics .name {
  font: 500 16px 'Open Sans', Arial, sans-serif;
  padding: 0 0 10px;
}
.naics table td {
  padding: 0 0 0 0;
  vertical-align: top;
  font: 14px/1.5 'Open Sans', Arial, sans-serif;
}
.naics table td+td {
  padding-left: 14px;
  max-width: 282px;
}
@media screen and (max-width: 1023px) {
  .naics {
    padding: 12px 0 0 0;
  }
  .naics > .column {
    width: 60%;
  }
  .naics > .column img {
    max-width: 80%;
  }
  .naics > .column+.column {
    width: 40%;
  }
  .naics > .column+.column+.column {
    width: 100%;
    padding: 34px 0 38px;
  }
  .naics table td {
    padding: 0 0 0 0;
    vertical-align: top;
    font: 12px/1.5 'Open Sans', Arial, sans-serif;
  }
}
.team-list {
  font-size: 0;
  padding: 15px 0 37px 0;
  text-align: center;
}
.team-list .item {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  max-width: 304px;
  margin: 0 1% 39px;
}
.team-list .img {
  margin: 0 0 29px;
  width: 304px;
  height: 304px;
  overflow: hidden;
}
.team-list .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.team-list .img img {
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.team-list .name {
  font: 500 28px/1.3 'museo', sans-serif;
  padding: 0 0 6px;
}
.team-list .type {
  font: 300 18px/1.3 'museo', sans-serif;
}
@media screen and (max-width: 1023px) {
  .team-list {
    padding: 15px 0 17px 0;
  }
  .team-list .item {
    width: 50%;
    margin: 0 0 23px;
    padding: 0 5px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .team-list .item:nth-child(even) {
    padding-right: 0;
    padding-left: 5px;
  }
  .team-list .img {
    margin: 0 0 13px;
    width: 100%;
    height: auto;
  }
  .team-list .img:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .team-list .img img {
    width: 100%;
    height: auto;
  }
  .team-list .name {
    font-size: 13px;
    padding: 0 0 2px;
  }
  .team-list .type {
    font-size: 8px;
  }
}
.topProjects {
  padding: 130px 0 0;
}
.topProjects .wrap {
  max-width: 944px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 43px;
}
.topProjects .item {
  float: left;
  width: 451px;
}
.topProjects .item .title {
  font: 300 24px/1.2 'museo', sans-serif;
  padding: 0 0 15px;
}
.topProjects .item .img {
  margin: 0 0 20px;
  width: 451px;
  height: 259px;
  overflow: hidden;
}
.topProjects .item .img img {
  max-width: 100%;
  display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  will-change: transform;
}
.topProjects .item .img img:hover {
  -webkit-transform: scale(1.10421286031042);
  -moz-transform: scale(1.10421286031042);
  -o-transform: scale(1.10421286031042);
  -ms-transform: scale(1.10421286031042);
  transform: scale(1.10421286031042);
}
.topProjects .item .description {
  font: 300 18px/2 'museo', sans-serif;
}
.topProjects .item .description a {
  color: #3fbe30;
  font-weight: 500;
}
.topProjects .item+.item {
  float: right;
}
@media screen and (max-width: 1023px) {
  .topProjects {
    padding: 30px 0 0;
  }
  .topProjects .wrap {
    max-width: 944px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
  }
  .topProjects .item {
    float: none;
    width: auto;
    margin: 0 20px;
  }
  .topProjects .item .img {
    margin: 0 0 27px;
    width: 100%;
    height: auto;
  }
  .topProjects .item .img img {
    max-width: 100%;
    display: block;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .topProjects .item .img img:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .topProjects .item .description {
    font-size: 13px;
    padding: 0 0 16px 0;
  }
  .topProjects .item .description a {
    display: block;
  }
  .topProjects .item+.item {
    float: none;
    border-top: 2px solid #f1f1f1;
    padding-top: 30px;
  }
}
.brands {
  padding: 51px 0 0 0;
}
.brands .wrap {
  max-width: 944px;
}
.brands h2 {
  font: 300 36px/1.333 'museo', sans-serif;
  margin: 0;
  padding: 0 0 52px;
}
.brands+.contactus .wrap {
  padding: 115px 0;
}
@media screen and (max-width: 1023px) {
  .brands {
    padding: 27px 0 0 0;
  }
  .brands h2 {
    display: none;
  }
}
.brandList {
  text-align: center;
}
.brandList .title {
  font: 300 20px/1.3 'museo', sans-serif;
  padding: 0 0 25px;
  text-align: left;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mobile-device .brandList .title {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.brandList .list {
  display: inline-block;
  padding: 0 0 16px;
}
.brandList .list+.title {
  padding-top: 5px;
}
.brandList .item {
  width: 228px;
  float: left;
  margin: 0 10px 10px 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.7s ease;
  -moz-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;
  -ms-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}
.mobile-device .brandList .item {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.brandList .item img {
  max-width: 100%;
}
.brandList .item:last-child {
  margin-right: 0;
}
.brandList .item:nth-child(1) {
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.brandList .item:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.brandList .item:nth-child(3) {
  -webkit-transition-delay: 0.45s;
  -moz-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  -ms-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
.brandList .item:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.brandList .inview-visible .title,
.brandList .inview-visible .item {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 1023px) {
  .brandList {
    padding: 0 20px;
  }
  .brandList .title {
    font-size: 18px;
    padding: 0 0 19px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .brandList .list {
    display: block;
    width: 100%;
    padding: 0 0 16px;
  }
  .brandList .list+.title {
    padding-top: 5px;
  }
  .brandList .item {
    width: 50%;
    float: left;
    margin: 0 0 10px 0;
    padding-right: 5px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .brandList .item img {
    max-width: 100%;
  }
  .brandList .item:nth-child(even) {
    padding-right: 0;
    padding-left: 5px;
  }
}
.ut {
  padding: 85px 0 0 0;
}
.ut .wrap {
  text-align: center;
}
.ut h2 {
  font: 500 50px/1 'museo', sans-serif;
  max-width: 570px;
  margin: 0 auto;
  padding: 0 0 55px;
}
.ut .description {
  font: 300 20px/1.4 'museo', sans-serif;
  padding: 0 0 102px;
}
.ut .description ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.ut .description ul li:before {
  content: '\2022';
  margin: 0 10px 0 0;
}
.ut .dlOurCapabilities {
  margin-bottom: 30px;
}
.ut hr {
  margin: 0;
  border: 0;
  background: #4a4a4a;
}
@media screen and (max-width: 1023px) {
  .ut {
    padding: 54px 20px 0;
  }
  .ut h2 {
    font-size: 29px;
    padding: 0 0 33px;
  }
  .ut .description {
    font-size: 12px;
    padding: 0 0 15px;
    text-align: left;
  }
  .ut .fset {
    display: none;
  }
  .ut .dlOurCapabilities {
    margin-bottom: 8px;
  }
  .ut hr {
    height: 2px;
    background: #ededed;
  }
}
.rservices .wrap {
  border-bottom: 1px solid #4a4a4a;
  text-align: center;
  padding: 110px 0 85px;
}
.rservices h2 {
  font: 500 50px/1 'museo', sans-serif;
  max-width: 570px;
  margin: 0 auto;
  padding: 0 0 55px;
}
.rservices .description {
  font: 300 20px/1.4 'museo', sans-serif;
  padding: 0 0 90px;
}
.rservices .list {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 0 29px;
  list-style: none;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-width: 30%;
  -moz-column-width: 30%;
  column-width: 30%;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  text-align: left;
}
.rservices .list li {
  padding: 0 0 28px 18px;
  position: relative;
  font: 400 18px Roboto;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.rservices .list li:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #3fbe30;
  position: absolute;
  top: 0.5em;
  left: 0;
}
.rservices .b-button {
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (max-width: 1023px) {
  .rservices {
    padding: 0 20px;
  }
  .rservices .wrap {
    padding: 40px 0 44px;
    border-bottom: 2px solid #eee;
  }
  .rservices h2 {
    font-size: 30px;
    padding: 0 0 33px;
    text-transform: uppercase;
  }
  .rservices .description {
    font-size: 12px;
    padding: 0 0 40px;
  }
  .rservices .list {
    padding: 0 0 19px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    display: inline-block;
  }
  .rservices .list li {
    padding: 0 0 25px 14px;
    font-size: 14px;
    display: block;
  }
  .rservices .list li:before {
    width: 4px;
    height: 4px;
  }
  .rservices .b-button {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.experience .wrap {
  padding: 70px 0 38px 0;
  border-bottom: 1px solid #4a4a4a;
}
.experience .wrap h2 {
  font: 500 50px/1 'museo', sans-serif;
  max-width: 570px;
  margin: 0 auto;
  padding: 0 0 72px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .experience {
    padding: 0 20px;
  }
  .experience .wrap {
    padding: 36px 0 38px 0;
    border-bottom: 0;
  }
  .experience .wrap h2 {
    font-size: 29px;
    padding: 0 0 42px;
    text-transform: uppercase;
  }
}
.fset {
  border: 2px solid #000;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  padding: 45px 30px;
  margin-bottom: 38px;
}
.fset .legend {
  font: 500 28px/1 'museo', sans-serif;
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
}
.fset .legend div {
  display: inline-block;
  background: #fff;
  padding: 0 20px;
}
.plans {
  width: 100%;
}
.plans td,
.plans th {
  border-bottom: 1px dashed #bbb;
  text-align: left;
  padding: 10px 30px;
}
.plans td+td,
.plans th+th {
  border-left: 1px solid #707070;
  width: 21.3%;
  text-align: center;
}
.plans td {
  font: 500 16px Roboto;
}
.plans th {
  font: 400 24px Roboto;
  color: #fff;
  text-transform: uppercase;
}
.plans th span {
  font-weight: 500;
}
.plans th+th {
  background: #b6d0d3;
  text-align: center;
}
.plans th+th+th {
  background: #75bf75;
}
.plans th+th+th+th {
  background: #4b86ba;
}
.services-intro {
  background: #000;
}
.services-intro .inner {
  padding: 0 5%;
}
.services-intro .inner p {
  text-align: left;
  max-width: 600px;
}
@media screen and (max-width: 1023px) {
  .services-intro {
    background: #000 url("../i/servicesbg.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  .services-intro .inner {
    padding: 0;
  }
  .services-intro .inner p {
    text-align: center;
    max-width: 100%;
  }
}
.service-section {
  position: relative;
  background: #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.service-section .wrap {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.service-section .wrap p {
  padding: 0;
  font: 300 20px/1.4 'museo', sans-serif;
  min-height: 114px;
}
.service-section .in {
  -webkit-transition: padding 0.6s ease;
  -moz-transition: padding 0.6s ease;
  -o-transition: padding 0.6s ease;
  -ms-transition: padding 0.6s ease;
  transition: padding 0.6s ease;
}
.service-section .in {
  padding-right: 378px;
}
.service-section .wide + .wrap .in {
  padding-right: 530px;
}
.service-section h2 {
  font: 500 55px/1 'museo', sans-serif;
  margin: 0;
  padding: 0 0 46px;
}
.service-section aside {
  position: absolute;
  top: 0;
  right: -378px;
  height: 100%;
  background: #f3f3f3;
  width: 378px;
  -webkit-transition: right 0.6s ease;
  -moz-transition: right 0.6s ease;
  -o-transition: right 0.6s ease;
  -ms-transition: right 0.6s ease;
  transition: right 0.6s ease;
}
.service-section aside.wide {
  width: 530px;
  right: -530px;
}
.service-section aside .aside {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 100%;
}
.service-section aside .caption {
  font: 500 16px Roboto;
  color: #000;
  padding: 0 0 30px 50px;
}
.service-section aside ul+.caption {
  padding-top: 78px;
}
.mobile-device .service-section aside ul+.caption {
  padding-top: 48px;
}
.service-section aside .b-button {
  margin: 70px 0 0 70px;
}
.service-section aside ul {
  font: 300 16px Roboto;
  margin: 0;
  padding: 0 0 0 50px;
  list-style: none;
}
.service-section aside ul li {
  padding: 0 0 0 21px;
  position: relative;
}
.service-section aside ul li:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #3fbe30;
  position: absolute;
  top: 0.5em;
  left: 0;
}
.service-section aside ul li+li {
  margin-top: 17px;
}
.service-section aside .column {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
.service-section aside .column+.column+.column {
  padding-top: 76px;
}
.service-section .toggleControl img {
  width: 16px;
  position: absolute;
  bottom: 26px;
  right: 23px;
}
.service-section.visible aside,
.service-section.visible aside.wide {
  right: 0;
}
.service-section.ss-ux {
  background-image: url("../i/ssux.jpg");
}
.service-section.ss-usability {
  background-image: url("../i/ssusability.jpg");
}
.service-section.ss-creative {
  background-image: url("../i/sscreative.jpg");
}
.service-section.ss-marketing {
  background-image: url("../i/ssmarketing.jpg");
}
.service-section.ss-development {
  background-image: url("../i/ssdevelopment.jpg");
}
@media screen and (min-width: 1023px) {
  .mobile-device .service-section .toggleControl {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .service-section .wrap p {
    font-size: 14px;
    min-height: 0;
  }
  .service-section .in,
  .service-section .wide + .wrap .in {
    padding: 0 20px;
  }
  .service-section h2 {
    font-size: 34px;
    padding: 0 0 21px;
  }
  .service-section aside {
    right: -100%;
    width: 100%;
    z-index: 1;
  }
  .service-section aside.wide {
    width: 100%;
    right: -100%;
  }
  .service-section aside .caption {
    font-size: 10px;
    padding: 0 0 20px 26px;
  }
  .service-section aside ul+.caption {
    padding-top: 23px;
  }
  .service-section aside .b-button {
    margin: 35px 0 0 48px;
  }
  .service-section aside ul {
    font-size: 9px;
    padding: 0 0 0 26px;
  }
  .service-section aside ul li {
    padding: 0 0 0 14px;
  }
  .service-section aside ul li:before {
    width: 4px;
    height: 4px;
    background: #3fbe30;
    position: absolute;
    top: 0.5em;
    left: 0;
  }
  .service-section aside ul li+li {
    margin-top: 13px;
  }
  .service-section aside .column {
    width: 49.5%;
  }
  .service-section aside .column+.column+.column {
    padding-top: 54px;
  }
  .service-section aside .revert {
    color: #000;
    font: 500 20px/1 'museo', sans-serif;
    display: inline-block;
    margin: 0 0 22px 26px;
  }
  .service-section aside .revert img {
    width: 11px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 11px 0 0;
  }
  .service-section.ss-usability aside ul {
    padding-top: 9px;
    font-size: 14px;
    padding-left: 48px;
  }
  .service-section.ss-creative aside ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 48%;
    -moz-column-width: 48%;
    column-width: 48%;
  }
  .service-section.ss-marketing .revert span {
    display: inline-block;
    width: 22px;
  }
  .service-section.ss-marketing aside ul {
    padding-left: 48px;
  }
  .service-section.ss-marketing aside ul li+li {
    margin-top: 26px;
  }
  .service-section.ss-development aside ul li+li {
    margin-top: 10px;
  }
}
.md {
  color: #1a1a1a;
  font: 300 18px/2 'museo', sans-serif;
}
.md .intro {
  position: relative;
  background: #b52921 url("../i/md/md-intro.jpg") 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.md .intro .status {
  width: 100%;
  text-align: center;
  font-size: 0;
  color: #fff;
  padding: 43px 0 33px;
}
.md .intro .status .p-column {
  display: inline-block;
  vertical-align: top;
  height: 91px;
  font: 12px/1.41 'museo', sans-serif;
  padding: 9px 42px 0;
}
.md .intro .status .p-column span {
  display: block;
  font: 200 60px/1 'museo', sans-serif;
  letter-spacing: -0.05em;
}
.md .intro .status .p-column img {
  position: relative;
  top: -5px;
  left: 5px;
}
.md .intro .status .p-column+.p-column {
  border-left: 1px solid #e0a19d;
}
.md .intro+.p-wrap {
  padding-top: 54px;
  text-align: center;
  padding-bottom: 18px;
}
.md .intro .inner {
  display: inline-block;
  vertical-align: middle;
  padding: 100px 0 16px;
}
.md blockquote {
  font: 500 36px/1.36 'museo', sans-serif;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 25px;
  border: 0;
  color: #1a1a1a;
  max-width: 810px;
}
.md .caption {
  text-align: center;
  font: 300 20px/1 'museo', sans-serif;
  padding: 0 0 16px;
}
.md hr {
  display: block;
  max-width: 940px;
  margin: 0 auto 56px;
  height: 2px;
  background: #eee;
  border: 0;
}
.md h2 {
  font: 500 30px 'museo', sans-serif;
  margin: 0;
  padding: 0 0 38px;
  text-transform: none;
}
.md h3 {
  font: normal 24px 'museo', sans-serif;
  margin: 0;
  padding: 6px 0 32px 0;
  text-transform: none;
}
.md .description-block .l-side {
  float: left;
  width: 570px;
  padding-bottom: 32px;
}
.md .description-block .r-side {
  float: right;
  width: 180px;
  padding-bottom: 32px;
}
.md .description-block .services {
  text-transform: uppercase;
  font: 500 12px/2.5 'museo', sans-serif;
}
.md .old {
  clear: both;
  text-align: center;
  margin-top: -20px;
  padding: 0 0 66px;
}
.md .old h3 {
  color: #535353;
  padding-bottom: 22px;
}
.md .old .text {
  font: 300 14px/1.7 Roboto;
  max-width: 607px;
  margin: 0 auto;
  padding: 19px 0 0;
}
.md .solution {
  background: url("../i/md/solutionbg.jpg") 50% 3px no-repeat;
}
.md .solution .text {
  max-width: 620px;
  padding: 0 0 60px;
}
.md .mockup {
  background: url("../i/md/mockupbg.jpg") 50% 0 no-repeat;
  height: 717px;
  margin: 0 0 45px;
}
.md .f-mobile {
  background: url("../i/md/formobilebg.jpg") 100% 0 no-repeat;
  min-height: 374px;
}
.md .f-mobile .text {
  max-width: 644px;
}
.md .mobile {
  text-align: center;
  padding: 60px 0 78px;
}
.md .mobile > img {
  margin-bottom: 10px;
}
.md .mobile .w3 {
  font: 22px/1 'museo', sans-serif;
  width: 212px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #535353;
}
.md .mobile .w3 span {
  display: block;
  font: 300 160px/1 'museo', sans-serif;
  color: #ffc231;
}
.md .mobile .text {
  margin: 14px 0 0 30px;
  width: 594px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.md .product-detail {
  background: url("../i/md/product-detail.jpg") 50% 0 no-repeat;
  padding: 384px 0 185px 0;
}
.md .product-detail .text {
  max-width: 450px;
}
.md .rollout {
  background: url("../i/md/rollout.jpg") 0 22px no-repeat;
  margin: -70px 0 50px;
  min-height: 638px;
}
.md .rollout .w3 {
  font: 22px/1 'museo', sans-serif;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #535353;
  padding: 0 0 30px;
}
.md .rollout .w3 span {
  display: block;
  font: 300 160px/1 'museo', sans-serif;
  color: #ffc231;
  letter-spacing: -0.05em;
  position: relative;
  left: -10px;
}
.md .rollout .text {
  padding-left: 50%;
}
.md .screen {
  text-align: center;
  padding: 0 0 96px;
}
.md .screen .text {
  text-align: left;
  font: 300 14px Roboto;
}
.md .order {
  text-align: center;
  padding: 50px 0 130px;
}
.md .amesvideo {
  padding: 20px 0 90px 0;
}
.md .amesvideo .alogo {
  float: left;
  padding: 56px 0 0 0;
  margin: 0 0 0 -5px;
}
.md .amesvideo .video {
  float: right;
  text-align: center;
  max-width: 40%;
}
.md .amesvideo .video .video-bar + div {
  font: 300 18px Roboto;
  padding: 12px 0 0 0;
}
.md .amesvideo .video .video-bar {
  position: relative;
}
.md .amesvideo .video .video-bar a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
}
.mobile-device .md .amesvideo .video .video-bar img {
  max-width: 100%;
}
.mobile-device .md .amesvideo .video .video-bar video {
  width: 100%;
  height: 56%;
}
.md .amesvideo .video .video-wrap {
  position: relative;
  width: 386px;
  padding-bottom: 59.326424870466%;
}
.md .amesvideo .video .video-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.md .results .w3 {
  font: 300 20px/1.63 'museo', sans-serif;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #535353;
  padding: 0 0 30px;
  max-width: 280px;
}
.md .results .w3 span {
  display: block;
  font: 300 160px/1 'museo', sans-serif;
  color: #ffc231;
  letter-spacing: -0.05em;
  position: relative;
  left: -10px;
}
.md .results .p26 {
  zoom: 1;
  padding: 25px 0 90px 0;
}
.md .results .p26:before,
.md .results .p26:after {
  content: "";
  display: table;
}
.md .results .p26:after {
  clear: both;
}
.md .results .p26 .w3 {
  float: left;
  width: 33.7%;
  padding: 5px 0 0 0;
}
.md .results .p26 .img {
  float: right;
  width: 66.3%;
}
.md .results .p77 {
  zoom: 1;
  padding: 0 0 65px;
}
.md .results .p77:before,
.md .results .p77:after {
  content: "";
  display: table;
}
.md .results .p77:after {
  clear: both;
}
.md .results .p77 .w3 {
  float: right;
  width: 42.5%;
  padding: 70px 0 0 0;
}
.md .results .p77 .img {
  float: left;
  margin-left: -18px;
}
.md .rates {
  padding: 0 0 68px;
  text-align: center;
}
.md .rates .item {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  text-align: center;
}
.md .rates .item .name {
  font: 300 22px 'museo', sans-serif;
}
.md .rates .item .value {
  color: #fcc617;
  font: 300 80px/1 'museo', sans-serif;
  padding: 0 0 17px;
}
.md .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(36,36,36,0.92);
  font-size: 0;
  z-index: 101;
  text-align: center;
  min-height: 660px;
}
.md .overlay .vwrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.md .overlay .container {
  background: #f7a817;
  position: relative;
  width: 720px;
  height: 576px;
}
.md .overlay .close {
  position: absolute;
  top: -29px;
  right: -33px;
}
.md .overlay .play-control {
  cursor: pointer;
  color: #fff;
  font: 16px/48px 'Open Sans', Arial, sans-serif;
  text-align: center;
  display: block;
  width: 48px;
  height: 48px;
  background: #000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.md .overlay .play-control:before {
  content: '\25B6';
}
.md .overlay .playing .play-control {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -o-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
}
@media screen and (min-width: 1023px) {
  .md .mobile .bulls,
  .md > .bulls {
    display: none;
  }
}
@media screen and (min-width: 1023px) {
  .md .rollout {
    background-position: -100px 22px;
  }
}
@media screen and (max-width: 960px) {
  .md .amesvideo .video video {
    width: 100%;
    height: 80%;
  }
  .md .amesvideo .video .video-bar a {
    position: static;
  }
  .md .amesvideo .video .video-wrap {
    width: 100%;
  }
  .md .amesvideo .video .video-bar + div {
    font-size: 10px;
  }
  .md .amesvideo.playing .video .video-wrap {
    z-index: 2;
  }
}
@media screen and (max-width: 960px) {
  .md .intro .caption {
    color: #fff;
    font-size: 15px;
    padding: 0 40px 50px 40px;
  }
  .md .description-block .l-side,
  .md .description-block .r-side {
    float: none;
    width: auto;
    padding-bottom: 40px;
  }
  .md .description-block .r-side {
    border-top: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .md .old {
    border-top: 1px solid #eee;
    padding-top: 30px;
  }
  .md .old h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .md .old .text {
    font-size: 8px;
  }
  .md .mockup {
    -webkit-background-size: 130% auto;
    -moz-background-size: 130% auto;
    background-size: 130% auto;
    height: 0;
    padding-bottom: 67.0064608758077%;
  }
  .md .description-block .services {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-size: 8px;
    text-align: center;
  }
  .md {
    font-size: 12px;
  }
  .md h3 {
    font-size: 15px;
    text-align: center;
  }
  .md .p-wrap .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .md h2 {
    text-align: center;
    font-size: 18px;
  }
  .md blockquote {
    font-size: 23px;
    font-weight: 300;
  }
  .md .intro .status {
    padding-top: 70px;
  }
  .md .intro .status + img {
    display: none;
  }
  .md .intro img {
    max-width: 180px;
  }
  .md .intro .status .p-column {
    padding: 9px 20px;
    font-size: 7px;
    vertical-align: top;
    height: 54px;
  }
  .md .intro .status .p-column span {
    font-size: 32px;
    padding-bottom: 8px;
  }
  .md .intro .status .p-column img {
    display: none;
  }
  .md .screen {
    margin: 0 auto;
    width: 90%;
    padding: 0;
  }
  .md .screen .p-wrap {
    display: none;
  }
  .md .screen img {
    max-width: 100%;
  }
  .md .rates {
    padding: 0;
  }
  .md .rates .p-wrap {
    text-align: center;
  }
  .md .rates h2 {
    font-size: 15px;
  }
  .md .rates .item {
    width: 49%;
    padding-bottom: 20px;
  }
  .md .rates .item .value {
    font-size: 38px;
    padding: 0 0 6px;
  }
  .md .rates .item .name {
    font-size: 10px;
  }
  .md .amesvideo {
    padding-bottom: 20px;
  }
  .md .amesvideo .alogo {
    margin: 0;
    float: none;
    padding: 20px 0 34px 0;
    text-align: center;
  }
  .md .amesvideo .alogo img {
    width: 90%;
  }
  .md .amesvideo .video {
    float: none;
  }
  .md .amesvideo .video img {
    max-width: 100%;
  }
  .md .amesvideo .video div {
    font-size: 15px;
  }
  .md .results {
    border-top: 1px solid #eee;
    padding-top: 40px;
  }
  .md .results .p77,
  .md .results .p26 {
    padding-bottom: 0;
  }
  .md .results .p77 .img,
  .md .results .p26 .img {
    display: none;
  }
  .md .results .p77 .w3,
  .md .results .p77 .img,
  .md .results .p26 .w3,
  .md .results .p26 .img,
  .md .mobile .text {
    margin: 0;
    float: none;
    width: auto;
    padding-bottom: 40px;
  }
  .md .results .p77 .w3 {
    padding-top: 20px;
  }
  .md .old {
    padding-bottom: 40px;
  }
  .md .old .img-sliding {
    overflow: auto;
  }
  .md .old .img-sliding img {
    margin: 0 70px;
  }
  .md .solution {
    background: none;
    border-top: 1px solid #eee;
    padding-top: 40px;
  }
  .md .solution .text {
    padding-bottom: 40px;
  }
  .md .f-mobile {
    background: none;
    padding-top: 0;
    min-height: 0;
  }
  .md .mobile {
    padding: 30px 0 30px;
  }
  .md .mobile img {
    max-width: 0;
  }
  .md .mobile .w3 {
    display: none;
  }
  .md .product-detail {
    -webkit-background-size: auto 360px;
    -moz-background-size: auto 360px;
    background-size: auto 360px;
    padding-bottom: 85px;
  }
  .md .results .w3 {
    display: block;
    text-align: center;
    font-size: 12px;
  }
  .md .results .w3 span {
    font-size: 100px;
  }
  .md .order {
    padding: 40px 0 50px;
  }
  .md .order .b-button.large {
    font-size: 15px;
    min-width: 164px;
  }
}
.lg-pf {
  color: #1a1a1a;
  font: 300 18px/2 'museo', sans-serif;
}
.lg-pf .intro {
  position: relative;
  background: #000 url("../i/lg/lg-intro.jpg") 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.lg-pf .intro .status {
  width: 100%;
  text-align: center;
  font-size: 0;
  color: #fff;
  padding: 43px 0 33px;
}
.lg-pf .intro .status .p-column {
  display: inline-block;
  vertical-align: top;
  height: 91px;
  font: 12px/1.41 'museo', sans-serif;
  padding: 9px 42px 0;
}
.lg-pf .intro .status .p-column span {
  display: block;
  font: 200 60px/1 'museo', sans-serif;
  letter-spacing: -0.05em;
}
.lg-pf .intro .status .p-column+.p-column {
  border-left: 1px solid #9e9e9e;
}
.lg-pf .intro+.p-wrap {
  padding-top: 54px;
  text-align: center;
  padding-bottom: 18px;
}
.lg-pf .intro .inner {
  display: inline-block;
  vertical-align: middle;
  padding: 100px 0 16px;
}
.lg-pf blockquote {
  font: 500 35px/1.36 'museo', sans-serif;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 25px;
  border: 0;
  color: #1a1a1a;
}
.lg-pf .caption {
  text-align: center;
  font: 300 20px/1 'museo', sans-serif;
  padding: 0 0 16px;
}
.lg-pf hr {
  display: block;
  max-width: 940px;
  margin: 0 auto 56px;
  height: 2px;
  background: #eee;
  border: 0;
}
.lg-pf h2 {
  font: 500 30px 'museo', sans-serif;
  margin: 0;
  padding: 0 0 38px;
  text-transform: none;
}
.lg-pf h3 {
  font: 500 24px 'museo', sans-serif;
  margin: 0;
  padding: 6px 0 32px 0;
  text-transform: none;
}
.lg-pf .description-block .l-side {
  float: left;
  width: 570px;
}
.lg-pf .description-block .r-side {
  float: right;
  width: 180px;
}
.lg-pf .description-block .services {
  text-transform: uppercase;
  font: 500 12px/30px 'museo', sans-serif;
}
.lg-pf .description-block .percents {
  clear: both;
  padding: 10px 0 85px 0;
}
.lg-pf .description-block .percents > div {
  display: inline-block;
  vertical-align: middle;
}
.lg-pf .description-block .percents .value {
  color: #bd0055;
  font: 300 112px/1 'museo', sans-serif;
}
.lg-pf .description-block .percents .name {
  font: 300 22px/1.63 'museo', sans-serif;
  color: #535353;
  padding: 10px 0 0 12px;
}
.lg-pf .old {
  text-align: center;
  margin-top: -20px;
}
.lg-pf .old h3 {
  color: #535353;
  margin-bottom: 14px;
}
.lg-pf .old .text {
  font: 300 14px/1.7 Roboto;
  max-width: 607px;
  margin: 0 auto;
  padding: 34px 0 104px;
}
.lg-pf .solution {
  background: url("../i/lg/solutionbg.jpg") 100% 40px no-repeat;
}
.lg-pf .solution .text {
  max-width: 572px;
  padding: 0 0 60px;
}
.lg-pf .book {
  height: 467px;
  background: url("../i/lg/book.jpg") 50% 0 no-repeat;
  margin: 0 0 115px;
}
.lg-pf .mockup {
  text-align: center;
}
.lg-pf .mockup .text {
  margin: 0 auto;
  max-width: 730px;
  font: 300 14px/1.7 Roboto;
  padding: 44px 0 54px 0;
}
.lg-pf .usability {
  width: 878px;
  margin: 0 auto;
}
.lg-pf .usability .text {
  padding: 30px 0 122px;
}
.lg-pf .mobile {
  text-align: center;
  padding: 0 0 78px;
}
.lg-pf .mobile .m8 {
  font: 300 22px/1 'museo', sans-serif;
  width: 212px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #535353;
}
.lg-pf .mobile .m8 span {
  display: block;
  font: 300 160px/1 'museo', sans-serif;
  color: #bd0055;
}
.lg-pf .mobile .text {
  margin: 14px 0 0 30px;
  width: 606px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.lg-pf .tablet {
  text-align: center;
  width: 100%;
  overflow: hidden;
  background: url("../i/lg/tabletbg.jpg") 100% 0 no-repeat;
}
.lg-pf .tablet .in {
  background: url("../i/lg/tabletbg2.jpg") 0 554px no-repeat;
}
.lg-pf .tablet .in > img {
  max-width: 100%;
}
.lg-pf .tablet .text-one {
  width: 368px;
  text-align: left;
  padding: 376px 0 280px 0;
}
.lg-pf .tablet .text-two {
  padding: 0 0 180px 318px;
  text-align: left;
}
.lg-pf .hpercent {
  padding: 40px 0 680px 0;
  background: url("../i/lg/hpercentbg.jpg") 100% 165px no-repeat;
}
.lg-pf .hpercent .value {
  color: #bd0055;
  font: 300 160px/1 'museo', sans-serif;
  margin: 0 0 10px -15px;
}
.lg-pf .hpercent .text {
  font: 300 22px 'museo', sans-serif;
  color: #535353;
}
.lg-pf .total {
  clear: both;
  padding: 70px 0 95px 0;
  text-align: center;
}
.lg-pf .total > div {
  display: inline-block;
  vertical-align: middle;
}
.lg-pf .total .value {
  color: #bd0055;
  font: 300 160px/1 Roboto;
}
.lg-pf .total .name {
  font: 300 22px/1.63 'museo', sans-serif;
  color: #535353;
  padding: 10px 0 0 32px;
  text-align: left;
}
.lg-pf .order {
  text-align: center;
  padding: 0 0 130px;
}
@media screen and (min-width: 1023px) {
  .lg-pf .mobile .bulls {
    display: none;
  }
  .lg-pf .tablet {
    background-position: 200% 0;
  }
  .lg-pf .tablet .in {
    background-position: -100px 554px;
  }
}
@media screen and (max-width: 1260px) {
  .lg-pf .solution {
    -webkit-background-size: 90% auto;
    -moz-background-size: 90% auto;
    background-size: 90% auto;
  }
}
@media screen and (max-width: 960px) {
  .lg-pf hr {
    margin-bottom: 44px;
  }
  .lg-pf .intro .caption {
    color: #fff;
    font-size: 15px;
    padding: 20px 40px 70px 40px;
  }
  .lg-pf .description-block .l-side,
  .lg-pf .description-block .r-side {
    float: none;
    width: auto;
    padding-bottom: 40px;
  }
  .lg-pf .description-block .r-side {
    border-top: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .lg-pf .mockup .img-sliding {
    overflow: auto;
  }
  .lg-pf .mockup .img-sliding img {
    display: block;
    margin: 0 30px;
  }
  .lg-pf .mockup .text {
    font-size: 9px;
    padding-bottom: 30px;
  }
  .lg-pf .old img {
    max-width: 100%;
  }
  .lg-pf .old h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .lg-pf .old .text {
    font-size: 9px;
    padding: 24px 0 30px;
  }
  .lg-pf .description-block .services {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    font-size: 8px;
    text-align: center;
  }
  .lg-pf {
    font-size: 12px;
  }
  .lg-pf h3 {
    font-size: 15px;
    text-align: center;
  }
  .lg-pf .p-wrap .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-pf h2 {
    text-align: center;
    font-size: 18px;
  }
  .lg-pf .description-block .percents {
    padding-bottom: 40px;
  }
  .lg-pf .description-block .percents .value {
    font-size: 72px;
  }
  .lg-pf .description-block .percents .name {
    font-size: 12px;
    width: 130px;
    padding-top: 0;
  }
  .lg-pf .description-block .percents .name br {
    display: none;
  }
  .lg-pf .intro .status {
    padding-top: 64px;
  }
  .lg-pf .intro .status .p-column {
    padding: 9px 17px;
    font-size: 7px;
    vertical-align: top;
    height: 54px;
  }
  .lg-pf .intro .status .p-column span {
    font-size: 32px;
    padding-bottom: 8px;
  }
  .lg-pf .intro .status + img {
    display: none;
  }
  .lg-pf blockquote {
    font-size: 23px;
    font-weight: 300;
    margin: 0 20px;
  }
  .lg-pf .solution {
    background: none;
  }
  .lg-pf .solution .text {
    max-width: 100%;
  }
  .lg-pf .usability {
    border-top: 1px solid #eee;
    width: 100%;
    padding: 30px 0 10px 0;
  }
  .lg-pf .usability img {
    max-width: 100%;
    margin: 0 0 20px;
  }
  .lg-pf .usability .text {
    padding: 0 5%;
  }
  .lg-pf .mobile {
    border-top: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .lg-pf .mobile .m8 {
    display: none;
  }
  .lg-pf .mobile img {
    max-width: 80%;
  }
  .lg-pf .mobile .text {
    width: auto;
    margin: 0;
  }
  .lg-pf .tablet {
    background: none;
  }
  .lg-pf .tablet .inner {
    text-align: center;
  }
  .lg-pf .tablet img {
    max-width: 100%;
    margin: 30px 0 25px;
  }
  .lg-pf .tablet .in {
    background: none;
  }
  .lg-pf .tablet .text-two {
    text-align: left;
    padding: 0 0 40px;
  }
  .lg-pf .tablet .text-one {
    width: auto;
    padding: 0;
    text-align: left;
  }
  .lg-pf .results {
    border-top: 1px solid #eee;
    padding: 40px 0 0 0;
  }
  .lg-pf .total {
    padding: 40px 0 0;
  }
  .lg-pf .total .value {
    font-size: 100px;
  }
  .lg-pf .total .name {
    font-size: 14px;
    text-align: center;
    padding: 10px 0 0 0;
  }
  .lg-pf .order {
    padding: 40px 0 50px;
  }
  .lg-pf .order .b-button.large {
    font-size: 15px;
    min-width: 164px;
  }
}
.p-wrap {
  max-width: 940px;
  margin: 0 auto;
  width: 90%;
  text-align: left;
}
.p-wrap .inner {
  padding: 0 20px;
  zoom: 1;
}
.p-wrap .inner:before,
.p-wrap .inner:after {
  content: "";
  display: table;
}
.p-wrap .inner:after {
  clear: both;
}
.g-button {
  font: 22px Roboto;
  background: #54b03d;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 15px 42px;
}
.g-button:hover {
  color: #fff;
  background: #60c049;
}
.dlIco {
  display: inline-block;
  border: 2px solid #3fbe30;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  position: relative;
}
.dlIco div {
  margin: 0 auto;
}
.dlIco .arr {
  width: 0.42em;
  height: 0.52em;
  overflow: hidden;
  position: relative;
  top: 0.12em;
}
.dlIco .arr img {
  width: 0.42em;
  height: 0.52em;
  position: relative;
  top: -0.52em;
  -webkit-transition: top 0.3s ease;
  -moz-transition: top 0.3s ease;
  -o-transition: top 0.3s ease;
  -ms-transition: top 0.3s ease;
  transition: top 0.3s ease;
  display: block;
}
.dlIco .br {
  text-align: center;
  position: relative;
  top: 0.07em;
}
.dlIco .br img {
  display: block;
  margin: 0 auto;
  width: 0.63em;
  position: relative;
  top: 0;
}
a:hover .dlIco .arr img {
  top: 0;
}
a:hover .dlIco .br img {
  -webkit-animation: br 0.3s ease 0.2s 1;
  -moz-animation: br 0.3s ease 0.2s 1;
  -o-animation: br 0.3s ease 0.2s 1;
  -ms-animation: br 0.3s ease 0.2s 1;
  animation: br 0.3s ease 0.2s 1;
}
.nxIco {
  display: inline-block;
  border: 2px solid #3fbe30;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  position: relative;
}
.nxIco div {
  margin: 0 auto;
}
.nxIco .arr {
  width: 0.5em;
  height: 0.4em;
  overflow: hidden;
  position: relative;
  top: 0.3em;
}
.nxIco .arr img {
  width: 100%;
  position: relative;
  left: 0;
  -webkit-transition: left 0.3s ease;
  -moz-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  -ms-transition: left 0.3s ease;
  transition: left 0.3s ease;
  display: block;
}
.nxIco .arr img+img {
  top: -0.4em;
  left: -0.6em;
}
a:hover .nxIco .arr img {
  left: 0.5em;
}
a:hover .nxIco .arr img+img {
  left: 0;
}
.img-sliding {
  width: 100%;
  overflow: hidden;
}
.img-sliding table {
  width: 100%;
  table-layout: fixed;
}
.img-sliding table td {
  padding: 0 0 20px;
  vertical-align: middle;
  text-align: center;
}
.img-sliding table img {
  display: block;
  max-width: 80%;
  margin: 0 auto;
}
.img-sliding.half table img {
  max-width: 100%;
}
.bulls {
  font-size: 0;
  padding: 0 0 30px;
}
.bulls a {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 5px;
  background: #cdcdcd;
}
.bulls a.active {
  background: #3fbe30;
}
.prallax-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.prallax-wrapper:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #242424;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.prallax-wrapper .prallax {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.prallax-wrapper.loaded {
  z-index: 1;
}
.prallax-wrapper.loaded .loader,
.prallax-wrapper.loaded:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.prallax-wrapper.loaded .prallax {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.mobile-device .video-wrapper {
  display: none;
}
.video-wrapper:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #242424;
  z-index: 1;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.video-wrapper .loader {
  z-index: 2;
}
.video-wrapper.loaded {
  z-index: 1;
}
.video-wrapper.loaded .loader,
.video-wrapper.loaded:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.a-0,
.a-45 {
  left: 50px;
  bottom: 50px;
}
.a-90,
.a-135 {
  left: 50px;
  top: 50px;
}
.a-180,
.a-225 {
  top: 50px;
  right: 50px;
}
.a-270,
.a-315 {
  bottom: 50px;
  right: 50px;
}
.a-0 {
  border-top: 50px solid #3fbe30;
  border-right: 0 solid transparent;
}
.a-45 {
  left: 50%;
  border-bottom: 51px solid #444;
  border-left: 50px solid transparent;
}
.a-90 {
  border-right: 50px solid #3fbe30;
  border-bottom: 0px solid transparent;
}
.a-135 {
  border-left: 51px solid #444;
  border-top: 50px solid transparent;
}
.a-180 {
  border-bottom: 50px solid #3fbe30;
  border-left: 0px solid transparent;
}
.a-225 {
  border-top: 51px solid #444;
  border-right: 50px solid transparent;
}
.a-270 {
  border-left: 50px solid #3fbe30;
  border-top: 0px solid transparent;
}
.a-315 {
  border-right: 51px solid #444;
  border-bottom: 50px solid transparent;
}
body > section,
body > footer {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
body.screens-ready-state > section,
body.screens-ready-state > footer {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@-moz-keyframes br {
  0% {
    top: 0;
  }
  50% {
    top: 0.08em;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes br {
  0% {
    top: 0;
  }
  50% {
    top: 0.08em;
  }
  100% {
    top: 0;
  }
}
@-o-keyframes br {
  0% {
    top: 0;
  }
  50% {
    top: 0.08em;
  }
  100% {
    top: 0;
  }
}
@keyframes br {
  0% {
    top: 0;
  }
  50% {
    top: 0.08em;
  }
  100% {
    top: 0;
  }
}