/* #region Constants */
/* #endregion */
/* #region Mixins */
/*.transition-rotate() {
    .transform-two(translateY(0%), rotateY(720deg));
    opacity: 0;
}*/
.scale {
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
/* #endregion */
h2,
.link-element a {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #090909;
}
footer .inner-wrapper {
  display: flex;
  justify-content: space-between;
  width: 88%;
  padding-top: 100px;
  padding: 100px 0 75px 0;
}
footer .inner-wrapper .social {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 40%;
}
footer .inner-wrapper .social .title {
  width: 100%;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
}
footer .inner-wrapper .social .column {
  width: 50%;
}
footer .inner-wrapper .social a {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  color: #adadad;
}
footer .inner-wrapper .social a:hover {
  color: #bf1e2e;
}
footer .inner-wrapper .social a:hover .icon.face {
  background-position: -134px center;
}
footer .inner-wrapper .social a:hover .icon.li {
  background-position: -160px center;
}
footer .inner-wrapper .social a:hover .icon.insta {
  background: url(../img/instagram-over.svg) center no-repeat;
}
footer .inner-wrapper .social a:hover .icon.tw {
  background-position: right center;
}
footer .inner-wrapper .social a:hover .icon.yt,
footer .inner-wrapper .social a:hover .icon.qa,
footer .inner-wrapper .social a:hover .icon.med,
footer .inner-wrapper .social a:hover .icon.podcast {
  background-position: bottom left;
}
footer .inner-wrapper .social a .icon {
  margin-right: 30px;
}
footer .inner-wrapper .social a .icon.face {
  background: url(../img/icons-footer.svg) -26px center no-repeat;
}
footer .inner-wrapper .social a .icon.li {
  background: url(../img/icons-footer.svg) -51px center no-repeat;
}
footer .inner-wrapper .social a .icon.insta {
  background: url(../img/instagram.svg) center no-repeat;
}
footer .inner-wrapper .social a .icon.tw {
  background: url(../img/icons-footer.svg) -77px center no-repeat;
}
footer .inner-wrapper .social a .icon.yt {
  width: 24px;
  height: 28px;
  background: url(../img/yt-icon.png) 0 0 no-repeat;
}
footer .inner-wrapper .social a .icon.qa {
  margin-right: 32px;
  background: url(../img/quora-icon.png) 0 0 no-repeat;
}
footer .inner-wrapper .social a .icon.med {
  width: 24px;
  height: 18px;
  background: url(../img/medium-icon.png) 0 0 no-repeat;
}
footer .inner-wrapper .social a .icon.podcast {
  width: 18px;
  height: 25px;
  margin-left: 7px;
  margin-right: 33px;
  background: url(../img/podcast-icon.png) 0 0 no-repeat;
}
footer .inner-wrapper .social a .text {
  font-size: 14px;
}
footer .inner-wrapper .brands .title {
  width: 100%;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
}
footer .inner-wrapper .brands .link.ia {
  display: block;
  width: 120px;
  height: 34px;
  margin-bottom: 30px;
  background: url(../img/ia-logo.svg) 0 0 no-repeat;
}
footer .inner-wrapper .brands .link.eng {
  display: block;
  width: 120px;
  height: 32px;
  background: url(../img/eng-london-logo.svg) 0 0 no-repeat;
}
footer .inner-wrapper .subscribe {
  width: 20%;
}
footer .inner-wrapper .subscribe .title {
  width: 100%;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
}
footer .inner-wrapper .subscribe input {
  width: calc(100% - 10px);
  height: 45px;
  margin-bottom: 25px;
  padding-left: 10px;
  background: none;
  border-width: 0 0 1px 0;
  border-color: #ddd;
  outline: none;
  color: #fff;
  border-radius: 0;
}
footer .inner-wrapper .subscribe button {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #bf1e2e;
  border: none;
  outline: none;
  font-family: 'Gotham-Bold', sans-serif;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
footer .inner-wrapper .subscribe button:hover {
  background-color: #ea2438;
}
footer h2 {
  cursor: default;
}
footer h2.book-lnk {
  cursor: pointer;
}
footer .logo {
  margin: 0 0 20px 0;
  background: url('../img/logo-white.svg') left top no-repeat;
  background-size: 100%;
}
footer .info {
  width: 16%;
  /*height: 100%;*/
  /*float: left;*/
}
footer .locations {
  margin-bottom: 60px;
  padding-left: 25px;
  background: url('../img/location.svg') 0 4px no-repeat;
}
footer .locations p {
  text-align: left;
  line-height: 18px;
  padding: 0 0 0 5px;
  margin-bottom: 14px;
}
footer .tel-number {
  font-family: 'Gotham-Light';
  font-size: 18px;
  color: #fff;
}
footer .links {
  width: 73%;
  height: 100%;
  float: right;
}
footer ul {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
}
footer li {
  position: relative;
  padding: 10px 0 10px 15px;
  cursor: pointer;
}
footer li:hover {
  color: #bf1e2e;
}
footer li:hover:before {
  color: #fff;
}
footer li:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "- ";
  font-size: 19px;
  line-height: 19px;
  color: #bf1e2e;
}
footer .link-element,
footer .link-element a {
  cursor: pointer;
}
footer .link-element:hover,
footer .link-element a:hover {
  color: #bf1e2e;
}
footer li,
footer p {
  font-family: 'Gotham-Light';
  font-size: 14px;
  color: #adadad;
}
footer .group {
  width: 21%;
  float: left;
  padding-right: 4%;
}
footer .group:last-of-type {
  padding-right: 0;
}
footer .social-networks {
  width: 100%;
  height: 138px;
  display: table;
  background-color: #000;
}
footer .social-wrapper {
  display: table-cell;
  vertical-align: middle;
}
footer .social-icons {
  width: 190px;
  margin: 0 auto 8px;
  text-align: center;
}
footer .icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
footer .icon.fb {
  background: url('../img/icons-footer.svg') -26px center no-repeat;
}
footer .icon.fb:hover {
  background: url('../img/icons-footer.svg') -134px center no-repeat;
}
footer .icon.twitter {
  background: url('../img/icons-footer.svg') -77px center no-repeat;
}
footer .icon.twitter:hover {
  background: url('../img/icons-footer.svg') right center no-repeat;
}
footer .icon.linkedin {
  background: url('../img/icons-footer.svg') -51px center no-repeat;
}
footer .icon.linkedin:hover {
  background: url('../img/icons-footer.svg') -160px center no-repeat;
}
footer .icon.mail {
  background: url('../img/icons-footer.svg') left no-repeat;
}
footer .icon.mail:hover {
  background: url('../img/icons-footer.svg') -109px center no-repeat;
}
footer .icon.instagram {
  background: url("../img/instagram.svg") center center no-repeat;
}
footer .icon.instagram:hover {
  background: url('../img/instagram-over.svg') center center no-repeat;
}
/*#region home page */
#statistics {
  width: 100%;
  display: block;
}
#statistics .stat {
  position: relative;
  width: 33.3%;
  height: 100%;
  float: left;
  padding: 135px 0 0 128px;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#statistics .stat.first {
  background: #F6F6F6 url(../img/projects.png) bottom right no-repeat;
}
#statistics .stat.first img {
  position: absolute;
  bottom: 0;
  right: 0;
}
#statistics .stat.second {
  background: #F0F0F0 url(../img/experience.png) bottom right no-repeat;
}
#statistics .stat.second img {
  position: absolute;
  bottom: 0;
  right: 0;
}
#statistics .stat.third {
  background: #E8E8E8 url(../img/industry.png) bottom right no-repeat;
}
#statistics .stat.third img {
  position: absolute;
  bottom: 0;
  right: 0;
}
#statistics .number {
  font-family: 'Gotham-ExtraLight';
  font-size: 150px;
  color: #000;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
#statistics .number.fade {
  opacity: 0;
}
#statistics .number .sign {
  display: none;
}
#statistics .line {
  float: left;
  width: 46px;
  height: 1px;
  margin: 0 auto;
  background-color: #000;
}
#statistics .info {
  font-family: 'Gotham-Book';
  font-size: 14px;
  color: #000;
  margin-top: 25px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 19px;
}
#statistics.about-us {
  position: relative;
  padding: 125px 0 60px;
  background: #ececec;
}
#statistics.about-us h1 {
  margin-bottom: 40px;
}
#statistics.about-us h3 {
  width: 65%;
  margin: 0 auto;
}
#statistics.about-us .stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
}
#statistics.about-us .stat {
  width: 33.33%;
  padding: 80px 50px 0 50px;
}
#statistics.about-us .info {
  margin-left: 10px;
}
#statistics.about-us .hex {
  position: absolute;
  bottom: -17px;
  left: 0;
  right: 0;
  height: 34px;
  width: 72px;
  margin: 0 auto;
  background: #f2f2f2 url(../img/down-arrow-black.svg) center center no-repeat;
  z-index: 1;
  bottom: auto;
  top: -17px;
  z-index: 2;
  z-index: 4;
}
#statistics.about-us .hex:before,
#statistics.about-us .hex:after {
  top: -20px;
  border-bottom: 20px solid #f2f2f2;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
}
#statistics.about-us .hex:after {
  bottom: -20px;
  top: auto;
  border-bottom: none;
  border-top: 20px solid #f2f2f2;
}
#statistics.about-us .hex.to-top {
  cursor: pointer;
}
#statistics.home-stat {
  height: 535px;
}
#statistics.home-stat .stat {
  text-align: left;
}
#contactus {
  position: relative;
  height: 811px;
  width: 100%;
  background: #131313 url('../img/hexagon-background.png') center top;
  background-size: cover;
  z-index: 1;
}
#contactus .sucess-message {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1;
  opacity: 0;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#contactus .sucess-message.showed {
  visibility: visible;
  opacity: 1;
}
#contactus .sucess-message .message {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -223px;
  padding-bottom: 80px;
  color: #fff;
  background: url('../img/engineers-logo-small.png') center bottom no-repeat;
}
#contactus .hex {
  background: #090909 url(../img/up-arrow.svg) center center no-repeat;
}
#contactus .hex:before,
#contactus .hex:after {
  border-bottom: 20px solid #090909;
}
#contactus .hex:after {
  border-bottom: none;
  border-top: 20px solid #090909;
}
#contactus .inner-wrapper {
  width: 870px;
  padding-top: 70px;
}
#contactus h1 {
  color: #fff;
}
#contactus .heading {
  position: relative;
  width: 810px;
  margin: 0 auto;
  padding: 0 30px;
  font-family: 'Gotham-Light';
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2.9px;
  line-height: 19px;
}
#contactus .heading:after,
#contactus .heading:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: #666666;
}
#contactus .heading:after {
  top: 8px;
  left: 0;
}
#contactus .heading:before {
  top: 8px;
  right: 0;
}
#contactus .line {
  width: 40px;
  height: 1px;
  margin: 20px auto 25px;
  background-color: #BBBBBB;
}
#contactus #contact-form,
#contactus #nda-form {
  margin-top: 50px;
}
#contactus #contact-form .form-title,
#contactus #nda-form .form-title {
  font-family: 'Gotham-Book';
  font-size: 18px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
#contactus #contact-form input,
#contactus #nda-form input,
#contactus #contact-form textarea,
#contactus #nda-form textarea,
#contactus #contact-form .custom-select,
#contactus #nda-form .custom-select {
  width: 412px;
  height: 45px;
  margin-bottom: 25px;
  padding-left: 10px;
  background: none;
  border-width: 0 0 1px 0;
  border-color: #dddddd;
  outline: none;
  color: white;
  border-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
#contactus #contact-form textarea,
#contactus #nda-form textarea {
  width: 100%;
  height: 65px;
  margin-top: 20px;
  margin-bottom: 17px;
  line-height: 15px;
  resize: none;
  /*background: url('../img/star.png') -2px 0 no-repeat;*/
}
#contactus #contact-form .custom-select,
#contactus #nda-form .custom-select {
  position: relative;
  border: none;
  border-bottom: 1px solid #ddd;
  overflow: visible;
  cursor: pointer;
}
#contactus #contact-form .custom-select .drop-arrow,
#contactus #nda-form .custom-select .drop-arrow {
  position: absolute;
  top: 19px;
  right: 10px;
  width: 13px;
  height: 7px;
  background: url('../img/drop-arrow.png') 0 0 no-repeat;
}
#contactus #contact-form .custom-select.multi-select,
#contactus #nda-form .custom-select.multi-select {
  width: 100%;
  height: auto;
  min-height: 45px;
}
#contactus #contact-form .custom-select.multi-select .custom-dropdown,
#contactus #nda-form .custom-select.multi-select .custom-dropdown {
  width: 100%;
}
#contactus #contact-form .custom-select.opened,
#contactus #nda-form .custom-select.opened {
  border-color: #ea2438;
}
#contactus #contact-form .custom-select.opened .drop-arrow,
#contactus #nda-form .custom-select.opened .drop-arrow {
  background-position: bottom left;
}
#contactus #contact-form .custom-select .selected-value,
#contactus #nda-form .custom-select .selected-value {
  height: 100%;
  line-height: 44px;
  text-transform: uppercase;
  font-size: 14px;
  color: #666;
}
#contactus #contact-form .custom-select .selected-value.full,
#contactus #nda-form .custom-select .selected-value.full {
  text-transform: none;
  font-size: 16px;
  color: #fff;
}
#contactus #contact-form .custom-select .selected-value .proj-type,
#contactus #nda-form .custom-select .selected-value .proj-type {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-right: 20px;
  text-transform: none;
  font-size: 16px;
  color: #fff;
}
#contactus #contact-form .custom-select .selected-value .proj-type span,
#contactus #nda-form .custom-select .selected-value .proj-type span {
  position: absolute;
  top: 15px;
  right: 0;
  width: 13px;
  height: 13px;
  background: url('../img/red-close-icon.png') 0 0 no-repeat;
}
#contactus #contact-form .custom-select .custom-dropdown,
#contactus #nda-form .custom-select .custom-dropdown {
  position: absolute;
  top: 46px;
  width: 412px;
  margin-left: -10px;
  background-color: #fff;
  z-index: 2;
}
#contactus #contact-form .custom-select .custom-dropdown .drop-item,
#contactus #nda-form .custom-select .custom-dropdown .drop-item {
  position: relative;
  padding: 15px 20px;
  border-bottom: 1px solid #2d2d2d;
  color: #c4c4c4;
  background-color: #353535;
}
#contactus #contact-form .custom-select .custom-dropdown .drop-item:hover,
#contactus #nda-form .custom-select .custom-dropdown .drop-item:hover {
  background-color: #404040;
}
#contactus #contact-form input:required,
#contactus #nda-form input:required,
#contactus #contact-form textarea:required,
#contactus #nda-form textarea:required {
  box-shadow: none;
}
#contactus #contact-form .invalid,
#contactus #nda-form .invalid {
  border-color: #ea2438;
}
#contactus #contact-form .form-element,
#contactus #nda-form .form-element {
  position: relative;
  display: table;
}
#contactus #contact-form .form-element.project-type,
#contactus #nda-form .form-element.project-type {
  width: 100%;
}
#contactus #contact-form .error-message,
#contactus #nda-form .error-message {
  position: absolute;
  top: 52px;
  width: 100%;
  color: #ea2438;
  font-size: 13px;
}
#contactus #contact-form ::-webkit-input-placeholder,
#contactus #nda-form ::-webkit-input-placeholder {
  font-family: 'Gotham-Book';
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
#contactus #contact-form :-moz-placeholder,
#contactus #nda-form :-moz-placeholder {
  font-family: 'Gotham-Book';
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
#contactus #contact-form ::-moz-placeholder,
#contactus #nda-form ::-moz-placeholder {
  font-family: 'Gotham-Book';
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
#contactus #contact-form :-ms-input-placeholder,
#contactus #nda-form :-ms-input-placeholder {
  font-family: 'Gotham-Book';
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
#contactus #contact-form input[type=number]::-webkit-inner-spin-button,
#contactus #nda-form input[type=number]::-webkit-inner-spin-button,
#contactus #contact-form input[type=number]::-webkit-outer-spin-button,
#contactus #nda-form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#contactus #contact-form input[placeholder="full name"],
#contactus #nda-form input[placeholder="full name"],
#contactus #contact-form input[placeholder="email address"],
#contactus #nda-form input[placeholder="email address"] {
  background: url('../img/star.png') -2px 12px no-repeat;
}
#contactus #contact-form button,
#contactus #nda-form button {
  position: relative;
  width: 100%;
  height: 50px;
  margin-top: 25px;
  background-color: #bf1e2e;
  border: none;
  outline: none;
  font-family: 'Gotham-Bold';
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
#contactus #contact-form button:hover,
#contactus #nda-form button:hover {
  background-color: #ea2438;
}
#contactus #contact-form button[disabled],
#contactus #nda-form button[disabled] {
  opacity: 0.5;
  background-color: #bf1e2e;
}
#contactus #contact-form button .loading,
#contactus #nda-form button .loading {
  position: absolute;
  top: 5px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background: url('../img/loader.svg') 0 0 no-repeat;
  background-size: 40px;
}
#contactus.hidden-contact {
  display: none;
}
#contactus.about-us {
  margin-bottom: 0;
}
#contactus.about-us .hex {
  position: absolute;
  bottom: -17px;
  left: 0;
  right: 0;
  height: 34px;
  width: 72px;
  margin: 0 auto;
  background: #1e1e1e url(../img/down-arrow-black.svg) center center no-repeat;
  z-index: 1;
  bottom: auto;
  top: -17px;
  z-index: 2;
  background-image: url(../img/up-arrow.svg);
}
#contactus.about-us .hex:before,
#contactus.about-us .hex:after {
  top: -20px;
  border-bottom: 20px solid #1e1e1e;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
}
#contactus.about-us .hex:after {
  bottom: -20px;
  top: auto;
  border-bottom: none;
  border-top: 20px solid #1e1e1e;
}
#contactus.about-us .hex.to-top {
  cursor: pointer;
}
#contactus.about-us .heading {
  width: 830px;
}
/*#endregion */
/*#region conference page */
.conf {
  width: 100%;
  height: 640px;
  background-color: #ECECEC;
}
.conf .content {
  position: relative;
}
.conf .content:after {
  position: absolute;
  right: -20px;
  border-left: 20px solid #ECECEC;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  content: "";
  display: block;
  top: 50%;
  z-index: 1;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.conf .left {
  position: relative;
  display: table;
  width: 50%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.conf.even .content {
  float: right;
  text-align: right;
}
.conf.even .content:after {
  right: auto;
  left: -20px;
  border-left: none;
  border-right: 20px solid #ECECEC;
}
.conf .event-wrapper {
  display: table-cell;
  vertical-align: middle;
  padding: 0 13.5%;
}
.conf .heading {
  margin-bottom: 15px;
  font-family: 'Gotham-Black';
  font-size: 36px;
  color: #000;
}
.conf .date {
  margin-bottom: 27px;
  font-family: 'Gotham-ExtraLight';
  font-size: 36px;
  color: #010101;
  text-transform: uppercase;
}
.conf .text {
  font-family: 'Gotham-Book';
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.conf .text a {
  font-weight: 700;
}
.conf .conf-logo {
  background: url(../img/events-logos.png) center top no-repeat;
  height: 148px;
  width: 148px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%) rotateZ(0deg);
  -ms-transform: translateY(-50%) rotateZ(0deg);
  -o-transform: translateY(-50%) rotateZ(0deg);
  -webkit-transform: translateY(-50%) rotateZ(0deg);
  transform: translateY(-50%) rotateZ(0deg);
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.conf .conf-logo.hide.rotate-in {
  -moz-transform: translateY(0) rotateZ(360deg);
  -ms-transform: translateY(0) rotateZ(360deg);
  -o-transform: translateY(0) rotateZ(360deg);
  -webkit-transform: translateY(0) rotateZ(360deg);
  transform: translateY(0) rotateZ(360deg);
  opacity: 0;
}
.conf .conference1 {
  background: url('../img/conference1.jpg') center center no-repeat;
  background-size: cover;
}
.conf .conference1 .conf-logo {
  background-position: center top;
}
.conf .conference2 {
  background: url('../img/conference2.jpg') center center no-repeat;
  background-size: cover;
}
.conf .conference2 .conf-logo {
  background-position: center -148px;
}
.conf .conference3 {
  background: url('../img/conference3.jpg') center center no-repeat;
  background-size: cover;
}
.conf .conference3 .conf-logo {
  background-position: center -296px;
}
.conf .conference4 {
  background: url('../img/conference4.jpg') center center no-repeat;
  background-size: cover;
}
.conf .conference4 .conf-logo {
  background-position: center -444px;
}
.conf .conference5 {
  background: url('../img/conference5.jpg') center center no-repeat;
  background-size: cover;
}
.conf .conference5 .conf-logo {
  background-position: center -592px;
}
.conf .conference6 {
  background: url('../img/conference6.jpg') center center no-repeat;
  background-size: cover;
}
.conf .conference6 .conf-logo {
  background-position: center -740px;
}
.conf .conference7 {
  background: url('../img/conference7.jpg') center center no-repeat;
  background-size: cover;
}
.conf .conference7 .conf-logo {
  background-position: center -888px;
}
.conf .conference8 {
  background: url('../img/conference8.jpg') center center no-repeat;
  background-size: cover;
}
.conf .conference8 .conf-logo {
  background-position: center -148px;
}
/*#endregion */
/*#region portfolio page */
#apps #about {
  position: relative;
  margin: 0 auto;
  padding: 130px 0 100px 0;
  background: #ECECEC;
  text-align: center;
  overflow: hidden;
}
#apps #about img {
  position: absolute;
}
#apps #about img.joystick {
  top: 77px;
  right: 0;
}
#apps #about img.cube {
  left: 0;
}
#apps #about .inner-wrapper {
  width: 870px;
}
#apps #about h1 {
  color: #bf1e2e;
}
#apps #about button {
  width: 229px;
  height: 51px;
  background-color: #bf1e2e;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Gotham-Bold';
  outline: 0;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 43px;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
#apps #about button:hover {
  background-color: #ea2438;
}
#platforms {
  position: relative;
  height: 1006px;
  background: #f3f3f3;
}
#platforms img {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#platforms .inner-wrapper {
  width: 1664px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#platforms .platform-holder {
  width: 100%;
  height: 360px;
  display: table;
  margin-bottom: 112px;
  padding-top: 120px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#platforms .platform-holder img {
  display: none;
}
#platforms .platform {
  width: 505px;
  height: 100%;
  padding-top: 75px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#platforms .platform.ios {
  background: url('../img/ios-logo.png') top left no-repeat;
}
#platforms .platform.android {
  background: url('../img/android-logo.png') top right no-repeat;
}
#platforms .platform.windows {
  background: url('../img/windows-logo.png') top left no-repeat;
}
#platforms .platform.hybrid {
  background-image: url('../img/ios-logo.png'), url('../img/android-logo.png'), url('../img/windows-logo.png');
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: right 100px top, right 52px top, right top;
}
#platforms .platform.android h1,
#platforms .platform.hybrid h1,
#platforms .platform.android h3,
#platforms .platform.hybrid h3,
#platforms .platform.android p,
#platforms .platform.hybrid p {
  color: #000;
  text-align: right;
}
#platforms .platform h1,
#platforms .platform h3,
#platforms .platform p {
  color: #000;
  text-align: left;
}
/*#endregion */
#case-wrapper {
  /* #region market place icons*/
  /*#endregion */
}
#case-wrapper .inner-wrapper {
  position: relative;
  display: table;
  width: 1145px;
}
#case-wrapper .inner-wrapper .animated-line {
  position: absolute;
  background-color: #fff;
  -moz-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  -webkit-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
#case-wrapper .inner-wrapper .services {
  display: table;
}
#case-wrapper .inner-wrapper .services p {
  margin: 3px 0;
  cursor: pointer;
  width: auto;
}
#case-wrapper .inner-wrapper .services a {
  color: #9f9f9f;
}
#case-wrapper .inner-wrapper .part1 {
  left: -9px;
  top: 50px;
  width: 1px;
  height: 112px;
}
#case-wrapper .inner-wrapper .part2 {
  left: -9px;
  top: 198px;
  width: 1px;
  height: 647px;
}
#case-wrapper .inner-wrapper .part3 {
  left: -9px;
  top: 845px;
  width: 1103px;
  height: 1px;
}
#case-wrapper .inner-wrapper .part4 {
  left: 1094px;
  top: 845px;
  width: 1px;
  height: 170px;
}
#case-wrapper .inner-wrapper .part5 {
  left: 1094px;
  top: 35px;
  width: 1px;
  height: 611px;
}
#case-wrapper .inner-wrapper .part6 {
  right: 50px;
  top: 646px;
  width: 1085px;
  height: 1px;
}
#case-wrapper .inner-wrapper .part7 {
  left: 9px;
  top: -184px;
  width: 1px;
  height: 162px;
}
#case-wrapper .inner-wrapper .part8 {
  left: 9px;
  top: 35px;
  width: 1px;
  height: 611px;
}
#case-wrapper .inner-wrapper .part9 {
  left: 9px;
  top: 646px;
  width: 1085px;
  height: 1px;
}
#case-wrapper .inner-wrapper .part10 {
  left: 1094px;
  top: 646px;
  width: 1px;
  height: 160px;
}
#case-wrapper .inner-wrapper .part11 {
  left: 1094px;
  top: 35px;
  width: 1px;
  height: 611px;
}
#case-wrapper .inner-wrapper .part12 {
  right: 50px;
  top: 646px;
  width: 1085px;
  height: 1px;
}
#case-wrapper .inner-wrapper .part13 {
  left: 9px;
  top: 646px;
  width: 1px;
  height: 162px;
}
#case-wrapper .inner-wrapper .part14 {
  left: 9px;
  top: 64px;
  width: 1px;
  height: 833px;
  z-index: 1;
}
#case-wrapper .inner-wrapper .part15 {
  left: 9px;
  top: 187px;
  width: 121px;
  height: 1px;
}
#case-wrapper .desc {
  float: left;
  margin: 0 10px 0 -40px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Gotham-Light';
}
#case-wrapper .section-info {
  width: 545px;
  float: left;
  margin: -6px 0 0 105px;
}
#case-wrapper .heading {
  margin-bottom: 15px;
  font-family: 'Gotham-Black';
  font-size: 30px;
  color: #fff;
}
#case-wrapper .line {
  width: 51px;
  height: 2px;
  margin-bottom: 30px;
  background-color: #fc5939;
}
#case-wrapper p {
  margin-bottom: 28px;
  text-align: left;
  font-family: 'Gotham-Book';
  font-size: 16px;
  color: #9f9f9f;
}
#case-wrapper .sub-heading {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 28px;
}
#case-wrapper .align-right .desc {
  float: right;
}
#case-wrapper .align-right .section-info {
  float: right;
  text-align: right;
  margin: -6px 105px 0 0;
}
#case-wrapper .align-right .line {
  display: inline-block;
  text-align: right;
}
#case-wrapper .align-right p {
  text-align: right;
}
#case-wrapper .align-right .sub-heading {
  font-size: 18px;
}
#case-wrapper #case-study {
  position: relative;
  height: 1100px;
  padding-top: 184px;
  background-image: url('../img/verso-logo-big.png'), url('../img/verso-background-one.jpg');
  background-position: center right, bottom center;
  background-repeat: no-repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#case-wrapper #case-study img {
  position: absolute;
  top: 13%;
  right: 21%;
  -moz-transition: -moz-transform 1s, opacity 1s;
  -o-transition: -o-transform 1s, opacity 1s;
  -webkit-transition: -webkit-transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
}
#case-wrapper #case-study h1 {
  margin: 0 0 128px -30px;
  color: #fff;
  text-align: left;
}
#case-wrapper #case-study .sub-heading {
  margin-bottom: 0;
}
#case-wrapper #case-study .sub-heading.year {
  margin: 50px 0 25px 0;
}
#case-wrapper #fonts {
  height: 830px;
  padding-top: 118px;
  background: #090909 url('../img/font section.png') left center no-repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#case-wrapper #fonts .desc {
  margin: 0 -2px 0 -28px;
}
#case-wrapper #fonts .first-font {
  font-family: 'ProximaNova-Regular';
}
#case-wrapper #fonts .sub-heading.first-font {
  font-family: 'ProximaNova-Regular';
}
#case-wrapper #fonts .second-font {
  font-family: 'open_sansregular';
}
#case-wrapper #fonts .capitals {
  color: #787878;
}
#case-wrapper #fonts .regular {
  color: #525252;
}
#case-wrapper #fonts .numbers {
  color: #2e2d2d;
}
#case-wrapper #colours {
  height: 830px;
  padding-top: 118px;
  background: #0f0f0f url('../img/colours section.png') right center no-repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* Verso colors
            
            .first {
            .left {
                background-color: #401529;
            }

            .right {
                background-color: #4e1a32;
            }
        }

        .second {
            .left {
                background-color: #ca1e2e;
            }

            .right {
                background-color: #d81e2f;
            }
        }

        .third {
            .left {
                background-color: #d6d6d6;
            }

            .right {
                background-color: #d6d6d6;
            }
        }

        .fourth {
            .left {
                background-color: #fe5433;
            }

            .right {
                background-color: #fd6547;
            }
        }

        .fifth {
            .left {
                background-color: #3b5999;
            }

            .right {
                background-color: #3f60a7;
            }
        }*/
}
#case-wrapper #colours .desc {
  margin: 0 6px 0 -36px;
}
#case-wrapper #colours .palete {
  width: 460px;
  display: table;
}
#case-wrapper #colours .sample {
  float: left;
  margin: 60px 128px 26px 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-perspective: 220px;
  -ms-perspective: 220px;
  -webkit-perspective: 220px;
  perspective: 220px;
}
#case-wrapper #colours .color {
  position: relative;
  height: 62px;
  width: 100%;
  margin-bottom: 7px;
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#case-wrapper #colours .sample,
#case-wrapper #colours .left,
#case-wrapper #colours .right {
  width: 83px;
  height: 62px;
}
#case-wrapper #colours .left,
#case-wrapper #colours .right {
  position: absolute;
  left: 0;
  top: 0;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#case-wrapper #colours .left {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  z-index: 2;
}
#case-wrapper #colours .right {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#case-wrapper #colours .code {
  font-family: 'Gotham-Book';
  color: #787878;
}
#case-wrapper #icons {
  height: 817px;
  padding-top: 111px;
  background: #090909 url('../img/icons-background-verso.png') left center no-repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#case-wrapper #icons .section-info {
  width: auto;
}
#case-wrapper #icons .line {
  margin-bottom: 50px;
}
#case-wrapper #icons .sub-heading {
  font-size: 14px;
}
#case-wrapper #icons .icon-group {
  margin-bottom: 57px;
}
#case-wrapper #icons .desc {
  margin: 0 -17px 0 17px;
}
#case-wrapper #mockup {
  height: 827px;
  padding-top: 118px;
  background: url('../img/verso-device-mockup.jpg') center center no-repeat;
  background-size: cover;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#case-wrapper #mockup .desc {
  margin-left: -67px;
  background: url('../img/mockup-circle.png') center center no-repeat;
  line-height: 50px;
}
#case-wrapper #preview {
  position: relative;
  height: 1862px;
  background: url('../img/verso-background-two.jpg') center center no-repeat;
  background-size: cover;
  overflow: hidden;
}
#case-wrapper #preview img {
  position: absolute;
}
#case-wrapper #preview .app-logo {
  margin: 160px 0 0 27.8%;
  width: auto;
}
#case-wrapper #preview .first {
  top: 297px;
  left: 1152px;
}
#case-wrapper #preview .second {
  top: 372px;
  left: 518px;
}
#case-wrapper #preview .third {
  top: 689px;
  left: 1133px;
}
#case-wrapper #preview .fourth {
  top: 745px;
  left: 461px;
}
#case-wrapper #preview .fifth {
  top: 856px;
  left: -134px;
}
#case-wrapper #preview .sixth {
  top: 1173px;
  left: 480px;
}
#case-wrapper #preview .seventh {
  top: 1266px;
  left: -154px;
}
#case-wrapper .mobile-preview {
  display: none;
}
#case-wrapper .app-market {
  position: absolute;
  bottom: 0;
  right: 442px;
  margin-right: 10px;
}
#case-wrapper .app-market .store {
  float: left;
}
#case-wrapper .app-market .store .icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 5px;
  cursor: pointer;
}
#case-wrapper .app-market .store .icon .arrow-container {
  display: none;
  position: absolute;
  bottom: 55px;
  right: 105px;
  width: 155px;
  height: 60px;
  background: url('../img/arrow-box-wider.png') center center no-repeat;
}
#case-wrapper .app-market .store .icon .arrow-container .top {
  display: none;
  position: absolute;
  top: 9px;
  left: 11px;
  color: #ffffff;
  font-size: 13px;
  z-index: 1;
}
#case-wrapper .app-market .store .icon .arrow-container .top span {
  text-transform: uppercase;
  display: block;
  font-family: 'Gotham-Bold';
}
#case-wrapper .app-market .store .icon.play {
  background: #fff url('../img/google-play.png') center center no-repeat;
}
#case-wrapper .app-market .store .icon.store {
  background: #fff url('../img/app-store.png') center center no-repeat;
}
#case-wrapper .app-market .store .icon.android {
  background: #fff url('../img/android-market.png') center center no-repeat;
}
#case-wrapper .app-market .store .icon.web {
  background: #fff url('../img/web-icon.png') center center no-repeat;
}
#case-wrapper .app-market .store .icon.play:hover .top,
#case-wrapper .app-market .store .icon.store:hover .top,
#case-wrapper .app-market .store .icon.android:hover .top,
#case-wrapper .app-market .store .icon.web:hover .top {
  display: block;
}
#case-wrapper .app-market .store .icon.play:hover .arrow-container,
#case-wrapper .app-market .store .icon.store:hover .arrow-container,
#case-wrapper .app-market .store .icon.android:hover .arrow-container,
#case-wrapper .app-market .store .icon.web:hover .arrow-container {
  display: block;
}
#case-wrapper .app-market .store .icon.store:hover .arrow-container {
  right: 93px;
}
#case-wrapper .app-market .store .icon.android:hover .arrow-container {
  right: 28px;
}
#case-wrapper .app-market .store .icon.web:hover .arrow-container {
  right: -36px;
}
#case-wrapper.family-first .line {
  background-color: #1282ae;
}
#case-wrapper.family-first #case-study {
  background-image: url('../img/family-first-background-one.jpg');
  background-size: cover;
}
#case-wrapper.family-first #mockup {
  background: url('../img/family-first-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.family-first #preview {
  background: url('../img/family-first-background-two.jpg') center center no-repeat;
}
#case-wrapper.family-first #fonts .first-font {
  font-family: 'SegoeUI-Regular';
}
#case-wrapper.family-first #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.family-first #icons {
  background: #090909 url('../img/icons-background-ff.png') left center no-repeat;
}
#case-wrapper.family-first #colours .sample:nth-child(1) {
  background-color: #045475;
}
#case-wrapper.family-first #colours .sample:nth-child(1) .right {
  background-color: #055d81;
}
#case-wrapper.family-first #colours .sample:nth-child(2) {
  background-color: #04202e;
}
#case-wrapper.family-first #colours .sample:nth-child(2) .right {
  background-color: #0d2531;
}
#case-wrapper.family-first #colours .sample:nth-child(3) {
  background-color: #46ae3d;
}
#case-wrapper.family-first #colours .sample:nth-child(3) .right {
  background-color: #49ba3f;
}
#case-wrapper.family-first #colours .sample:nth-child(4) {
  background-color: #fe3500;
}
#case-wrapper.family-first #colours .sample:nth-child(4) .right {
  background-color: #ff5326;
}
#case-wrapper.family-first #colours .sample:nth-child(5) {
  background-color: #b500bd;
}
#case-wrapper.family-first #colours .sample:nth-child(5) .right {
  background-color: #c000c9;
}
#case-wrapper.family-first #preview .app-logo {
  margin: 150px 0 0 27.8%;
}
#case-wrapper.wardrobic #case-study {
  background-image: url('../img/wardrobic-logo-big.png'), url('../img/wardrobic-background-one.jpg');
  background-position: center right, bottom center;
  background-repeat: no-repeat;
}
#case-wrapper.wardrobic #case-study .line {
  background-color: #fff;
}
#case-wrapper.wardrobic #case-study img {
  right: 15%;
}
#case-wrapper.wardrobic #case-study .icon.store:hover .arrow-container {
  right: -36px;
}
#case-wrapper.wardrobic p {
  color: #fff;
}
#case-wrapper.wardrobic #mockup {
  background: url('../img/wardrobic-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.wardrobic #preview {
  background: url('../img/wardrobic-background-two.jpg') center center no-repeat;
}
#case-wrapper.wardrobic #icons {
  background: #090909 url('../img/icons-background-wardrobic.png') left center no-repeat;
}
#case-wrapper.wardrobic #fonts .second-font {
  font-family: 'MinionPro-Regular';
}
#case-wrapper.wardrobic #colours .sample:nth-child(1) {
  background-color: #ee8e76;
}
#case-wrapper.wardrobic #colours .sample:nth-child(1) .right {
  background-color: #ff9c83;
}
#case-wrapper.wardrobic #colours .sample:nth-child(2) {
  background-color: #efefef;
}
#case-wrapper.wardrobic #colours .sample:nth-child(2) .right {
  background-color: #d6d6d6;
}
#case-wrapper.wardrobic #colours .sample:nth-child(3) {
  background-color: #e7e7e7;
}
#case-wrapper.wardrobic #colours .sample:nth-child(3) .right {
  background-color: #d6d6d6;
}
#case-wrapper.wardrobic #colours .sample:nth-child(4) {
  background-color: #fe5433;
}
#case-wrapper.wardrobic #colours .sample:nth-child(4) .right {
  background-color: #fd6547;
}
#case-wrapper.wardrobic #colours .sample:nth-child(5) {
  background-color: #3b5999;
}
#case-wrapper.wardrobic #colours .sample:nth-child(5) .right {
  background-color: #3f60a7;
}
#case-wrapper.wardrobic #preview .app-logo {
  margin: 133px 0 0 24.8%;
}
#case-wrapper.klowd .line {
  background-color: #ef8f1d;
}
#case-wrapper.klowd #case-study {
  background-image: url('../img/klowd-background-one.jpg');
}
#case-wrapper.klowd #case-study img {
  right: 5.6%;
  top: 5.5%;
}
#case-wrapper.klowd #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.klowd #colours .sample:nth-child(1) {
  background-color: #fff;
}
#case-wrapper.klowd #colours .sample:nth-child(1) .right {
  background-color: #f3f3f3;
}
#case-wrapper.klowd #colours .sample:nth-child(2) {
  background-color: #019ee5;
}
#case-wrapper.klowd #colours .sample:nth-child(2) .right {
  background-color: #0197db;
}
#case-wrapper.klowd #colours .sample:nth-child(3) {
  background-color: #f5a924;
}
#case-wrapper.klowd #colours .sample:nth-child(3) .right {
  background-color: #e89f1e;
}
#case-wrapper.klowd #colours .sample:nth-child(4) {
  background-color: #757575;
}
#case-wrapper.klowd #colours .sample:nth-child(4) .right {
  background-color: #6b6b6b;
}
#case-wrapper.klowd #colours .sample:nth-child(5) {
  background-color: #3eaeed;
}
#case-wrapper.klowd #colours .sample:nth-child(5) .right {
  background-color: #379ad2;
}
#case-wrapper.klowd #icons {
  background: #090909 url('../img/icons-background-klowd.png') left center no-repeat;
}
#case-wrapper.klowd #mockup {
  background: url('../img/klowd-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.klowd #mockup .desc {
  color: #000;
}
#case-wrapper.klowd #preview {
  background: url('../img/klowd-background-two.jpg') center center no-repeat;
}
#case-wrapper.klowd #preview .first {
  top: 205px;
  left: 403px;
}
#case-wrapper.klowd #preview .second {
  top: 326px;
  left: 808px;
}
#case-wrapper.klowd #preview .third {
  top: 542px;
  left: -211px;
}
#case-wrapper.klowd #preview .app-logo {
  margin: 136px 0 0 27.8%;
}
#case-wrapper.emerge .line {
  background-color: #3ea39d;
}
#case-wrapper.emerge #case-study {
  background-image: url('../img/emerge-background-one.jpg');
}
#case-wrapper.emerge #case-study img {
  right: 12.6%;
}
#case-wrapper.emerge #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.emerge #fonts .first-font {
  font-family: 'GillSansMT-Regular';
}
#case-wrapper.emerge #colours .sample:nth-child(1) {
  background-color: #57375e;
}
#case-wrapper.emerge #colours .sample:nth-child(1) .right {
  background-color: #613d69;
}
#case-wrapper.emerge #colours .sample:nth-child(2) {
  background-color: #44a9a5;
}
#case-wrapper.emerge #colours .sample:nth-child(2) .right {
  background-color: #48b4af;
}
#case-wrapper.emerge #colours .sample:nth-child(3) {
  background-color: #1f3038;
}
#case-wrapper.emerge #colours .sample:nth-child(3) .right {
  background-color: #253943;
}
#case-wrapper.emerge #colours .sample:nth-child(4) {
  background-color: #6ec46d;
}
#case-wrapper.emerge #colours .sample:nth-child(4) .right {
  background-color: #75d174;
}
#case-wrapper.emerge #colours .sample:nth-child(5) {
  background-color: #e7d80a;
}
#case-wrapper.emerge #colours .sample:nth-child(5) .right {
  background-color: #ffef14;
}
#case-wrapper.emerge #colours .sample:nth-child(6) {
  background-color: #de483c;
}
#case-wrapper.emerge #colours .sample:nth-child(6) .right {
  background-color: #ff4f41;
}
#case-wrapper.emerge #icons {
  background: #090909 url('../img/icons-background-emerge.png') left center no-repeat;
}
#case-wrapper.emerge #mockup {
  background: url('../img/emerge-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.emerge #mockup .desc {
  color: #000;
}
#case-wrapper.emerge #preview {
  background: url('../img/emerge-background-two.jpg') center center no-repeat;
}
#case-wrapper.emerge #preview .first {
  top: 186px;
  left: 380px;
}
#case-wrapper.emerge #preview .second {
  top: 391px;
  left: 1161px;
}
#case-wrapper.emerge #preview .third {
  top: 540px;
  left: -323px;
}
#case-wrapper.emerge #preview .fourth {
  top: 689px;
  left: 476px;
}
#case-wrapper.emerge #preview .fifth {
  top: 1080px;
  left: 951px;
}
#case-wrapper.emerge #preview .sixth {
  top: 1061px;
  left: -133px;
}
#case-wrapper.emerge #preview .app-logo {
  margin: 176px 0 0 27.8%;
  width: auto;
}
#case-wrapper.mcd .line {
  background-color: #3ea39d;
}
#case-wrapper.mcd #case-study {
  background-image: url('../img/mcd-background-one.jpg');
  background-size: cover;
}
#case-wrapper.mcd #case-study img {
  right: 8.6%;
  top: 8%;
}
#case-wrapper.mcd #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.mcd #fonts .first-font {
  font-family: 'TitilliumWeb-Regular';
}
#case-wrapper.mcd #colours .sample:nth-child(1) {
  background-color: #502d56;
}
#case-wrapper.mcd #colours .sample:nth-child(1) .right {
  background-color: #5b3362;
}
#case-wrapper.mcd #colours .sample:nth-child(2) {
  background-color: #44a9a4;
}
#case-wrapper.mcd #colours .sample:nth-child(2) .right {
  background-color: #48b4af;
}
#case-wrapper.mcd #colours .sample:nth-child(3) {
  background-color: #7b8591;
}
#case-wrapper.mcd #colours .sample:nth-child(3) .right {
  background-color: #87929f;
}
#case-wrapper.mcd #colours .sample:nth-child(4) {
  background-color: #99a4b2;
}
#case-wrapper.mcd #colours .sample:nth-child(4) .right {
  background-color: #a3b0c1;
}
#case-wrapper.mcd #colours .sample:nth-child(5) {
  background-color: #f9cc00;
}
#case-wrapper.mcd #colours .sample:nth-child(5) .right {
  background-color: #fee014;
}
#case-wrapper.mcd #icons {
  background: #090909 url('../img/icons-background-mcd.png') left center no-repeat;
}
#case-wrapper.mcd #mockup {
  background: url('../img/mcd-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.mcd #mockup .desc {
  color: #000;
}
#case-wrapper.mcd #preview {
  background: url('../img/mcd-background-two.jpg') center center no-repeat;
}
#case-wrapper.mcd #preview img.hide-bottom {
  width: 1090px;
}
#case-wrapper.mcd #preview .first {
  top: 186px;
  left: 1007px;
}
#case-wrapper.mcd #preview .second {
  top: 477px;
  left: 309px;
}
#case-wrapper.mcd #preview .third {
  top: 714px;
  left: 814px;
}
#case-wrapper.mcd #preview .fourth {
  top: 837px;
  left: -297px;
}
#case-wrapper.mcd #preview .fifth {
  top: 1055px;
  left: 138px;
}
#case-wrapper.mcd #preview .app-logo {
  margin: 153px 0 0 27.8%;
}
#case-wrapper.sis .line {
  background-color: #cb2936;
}
#case-wrapper.sis #case-study {
  background-image: url('../img/sis-background-one.jpg');
}
#case-wrapper.sis #case-study img {
  right: 8.6%;
  top: 8%;
}
#case-wrapper.sis #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.sis #fonts .first-font {
  font-family: 'TitilliumWeb-Regular';
}
#case-wrapper.sis #colours .sample:nth-child(1) {
  background-color: #00598d;
}
#case-wrapper.sis #colours .sample:nth-child(1) .right {
  background-color: #00649e;
}
#case-wrapper.sis #colours .sample:nth-child(2) {
  background-color: #cb2936;
}
#case-wrapper.sis #colours .sample:nth-child(2) .right {
  background-color: #df2a39;
}
#case-wrapper.sis #colours .sample:nth-child(3) {
  background-color: #f7f7f7;
}
#case-wrapper.sis #colours .sample:nth-child(3) .right {
  background-color: #fff;
}
#case-wrapper.sis #colours .sample:nth-child(4) {
  background-color: #49bd52;
}
#case-wrapper.sis #colours .sample:nth-child(4) .right {
  background-color: #4ecd58;
}
#case-wrapper.sis #colours .sample:nth-child(5) {
  background-color: #0078d7;
}
#case-wrapper.sis #colours .sample:nth-child(5) .right {
  background-color: #0083ea;
}
#case-wrapper.sis #icons {
  background: #090909 url('../img/icons-background-sis.png') left center no-repeat;
}
#case-wrapper.sis #mockup {
  background: url('../img/sis-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.sis #mockup .desc {
  color: #000;
}
#case-wrapper.sis #preview {
  background: url('../img/sis-background-two.jpg') center center no-repeat;
}
#case-wrapper.sis #preview .first {
  top: 167px;
  left: 1085px;
}
#case-wrapper.sis #preview .second {
  top: 503px;
  left: 1199px;
}
#case-wrapper.sis #preview .third {
  top: 372px;
  left: 190px;
}
#case-wrapper.sis #preview .fourth {
  top: 838px;
  left: 552px;
}
#case-wrapper.sis #preview .fifth {
  top: 797px;
  left: -342px;
}
#case-wrapper.sis #preview .sixth {
  top: 1173px;
  left: -133px;
}
#case-wrapper.envite .line {
  background-color: #4dbdcd;
}
#case-wrapper.envite #case-study {
  background-image: url('../img/envite-logo-big.png'), url('../img/envite-background-one.jpg');
}
#case-wrapper.envite #colours .sample:nth-child(1) {
  background-color: #57bfd3;
}
#case-wrapper.envite #colours .sample:nth-child(1) .right {
  background-color: #76d6e9;
}
#case-wrapper.envite #colours .sample:nth-child(2) {
  background-color: #1c1c1e;
}
#case-wrapper.envite #colours .sample:nth-child(2) .right {
  background-color: #252429;
}
#case-wrapper.envite #colours .sample:nth-child(3) {
  background-color: #1fa75f;
}
#case-wrapper.envite #colours .sample:nth-child(3) .right {
  background-color: #1eb867;
}
#case-wrapper.envite #colours .sample:nth-child(4) {
  background-color: #9a9a9a;
}
#case-wrapper.envite #colours .sample:nth-child(4) .right {
  background-color: #b7b7b7;
}
#case-wrapper.envite #colours .sample:nth-child(5) {
  background-color: #f1f1f1;
}
#case-wrapper.envite #colours .sample:nth-child(5) .right {
  background-color: #fff;
}
#case-wrapper.envite #icons {
  background: #090909 url('../img/icons-background-envite.png') left center no-repeat;
}
#case-wrapper.envite #mockup {
  background: url('../img/envite-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.envite #mockup .desc {
  color: #fff;
}
#case-wrapper.envite #preview {
  background: url('../img/envite-background-two.jpg') center center no-repeat;
}
#case-wrapper.envite #preview .app-logo {
  margin: 156px 0 0 27.8%;
}
#case-wrapper.fresh .line {
  background-color: #37b34a;
}
#case-wrapper.fresh #case-study {
  background-image: url('../img/fresh-background-one.jpg');
  background-size: cover;
}
#case-wrapper.fresh #case-study img {
  right: 7.6%;
  top: 5.5%;
}
#case-wrapper.fresh #fonts .first-font {
  font-family: 'Cabin-Regular';
}
#case-wrapper.fresh #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.fresh #colours .sample:nth-child(1) {
  background-color: #37b34a;
}
#case-wrapper.fresh #colours .sample:nth-child(1) .right {
  background-color: #41d057;
}
#case-wrapper.fresh #colours .sample:nth-child(2) {
  background-color: #c2262d;
}
#case-wrapper.fresh #colours .sample:nth-child(2) .right {
  background-color: #e5161d;
}
#case-wrapper.fresh #colours .sample:nth-child(3) {
  background-color: #fff;
}
#case-wrapper.fresh #colours .sample:nth-child(3) .right {
  background-color: #e7e7e7;
}
#case-wrapper.fresh #colours .sample:nth-child(4) {
  background-color: #f6662e;
}
#case-wrapper.fresh #colours .sample:nth-child(4) .right {
  background-color: #f6842e;
}
#case-wrapper.fresh #colours .sample:nth-child(5) {
  background-color: #3eaeed;
}
#case-wrapper.fresh #colours .sample:nth-child(5) .right {
  background-color: #379ad2;
}
#case-wrapper.fresh #icons {
  background: #090909 url('../img/icons-background-fresh.png') left center no-repeat;
}
#case-wrapper.fresh #mockup {
  background: url('../img/fresh-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.fresh #mockup .desc {
  color: #000;
}
#case-wrapper.fresh #preview {
  background: url('../img/fresh-background-two.jpg') center center no-repeat;
}
#case-wrapper.fresh #preview .app-logo {
  margin: 102px 0 0 27.8%;
}
#case-wrapper.fresh #preview .first {
  top: 149px;
  left: 634px;
}
#case-wrapper.fresh #preview .second {
  top: 465px;
  left: 1133px;
}
#case-wrapper.fresh #preview .third {
  top: 391px;
  left: -134px;
}
#case-wrapper.fresh #preview .fourth {
  top: 875px;
  left: -557px;
}
#case-wrapper.fresh #preview .fifth {
  left: -38px;
  top: 1192px;
}
#case-wrapper.techclack p {
  color: #fff;
}
#case-wrapper.techclack .services p a {
  color: #fff;
}
#case-wrapper.techclack .line {
  background-color: #fff;
}
#case-wrapper.techclack #case-study {
  background-image: url('../img/techclack-background-one.jpg');
  background-size: cover;
}
#case-wrapper.techclack #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.techclack #fonts .first-font {
  font-family: 'TitilliumWeb-Regular';
}
#case-wrapper.techclack #colours .sample:nth-child(1) {
  background-color: #61ae24;
}
#case-wrapper.techclack #colours .sample:nth-child(1) .right {
  background-color: #67b926;
}
#case-wrapper.techclack #colours .sample:nth-child(2) {
  background-color: #efefef;
}
#case-wrapper.techclack #colours .sample:nth-child(2) .right {
  background-color: #fff;
}
#case-wrapper.techclack #colours .sample:nth-child(3) {
  background-color: #bbc3c6;
}
#case-wrapper.techclack #colours .sample:nth-child(3) .right {
  background-color: #cfd7da;
}
#case-wrapper.techclack #colours .sample:nth-child(4) {
  background-color: #000;
}
#case-wrapper.techclack #colours .sample:nth-child(4) .right {
  background-color: #151515;
}
#case-wrapper.techclack #icons {
  background: #090909 url('../img/icons-background-techclack.png') left center no-repeat;
}
#case-wrapper.techclack #mockup {
  background: url('../img/techclack-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.techclack #mockup .desc {
  color: #000;
}
#case-wrapper.techclack #preview {
  background: url('../img/techclack-background-two.jpg') center center no-repeat;
}
#case-wrapper.techclack #preview .app-logo {
  margin: 169px 0 0 27.8%;
}
#case-wrapper.techclack #preview .first {
  top: 223px;
  left: 891px;
}
#case-wrapper.techclack #preview .second {
  top: 410px;
  left: 56px;
}
#case-wrapper.techclack #preview .third {
  top: 745px;
  left: 724px;
}
#case-wrapper.techclack #preview .fourth {
  top: 838px;
  left: -390px;
}
#case-wrapper.sl .section-info .line,
#case-wrapper.sl .align-right .line {
  background-color: #fff;
}
#case-wrapper.sl #case-study {
  background-image: url('../img/sl-background-one.jpg');
  background-position: center right, bottom center;
  background-repeat: no-repeat;
}
#case-wrapper.sl #case-study .line {
  background-color: #fff;
}
#case-wrapper.sl #case-study img {
  top: 21%;
  right: 21%;
}
#case-wrapper.sl #case-study .icon.store:hover .arrow-container {
  right: -36px;
}
#case-wrapper.sl p {
  color: #fff;
}
#case-wrapper.sl #mockup {
  background: url('../img/sl-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.sl #preview {
  background: url('../img/sl-background-two.jpg') center center no-repeat;
}
#case-wrapper.sl #preview .app-logo {
  margin: 133px 0 0 26.8%;
}
#case-wrapper.sl #preview .first {
  top: 223px;
  left: 315px;
}
#case-wrapper.sl #preview .second {
  top: 456px;
  left: -47px;
}
#case-wrapper.sl #preview .third {
  top: 647px;
  left: -524px;
}
#case-wrapper.sl #preview .fourth {
  top: 897px;
  left: -31px;
}
#case-wrapper.sl #icons {
  background: #090909 url('../img/icons-background-sl.png') left center no-repeat;
}
#case-wrapper.sl #icons .icon-group:nth-child(4) img {
  margin-right: 17px;
}
#case-wrapper.sl #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.sl #fonts .first-font {
  font-family: 'FuturaStd-Book';
}
#case-wrapper.sl #colours .sample:nth-child(1) {
  background-color: #1a1a1a;
}
#case-wrapper.sl #colours .sample:nth-child(1) .right {
  background-color: #000;
}
#case-wrapper.sl #colours .sample:nth-child(2) {
  background-color: #EDEDED;
}
#case-wrapper.sl #colours .sample:nth-child(2) .right {
  background-color: #FFF;
}
#case-wrapper.sl #colours .sample:nth-child(3) {
  background-color: #8D8D8D;
}
#case-wrapper.sl #colours .sample:nth-child(3) .right {
  background-color: #747474;
}
#case-wrapper.ciao #case-study {
  background-image: url('../img/ciao-first-img.jpg');
  background-position: center right, bottom center;
  background-repeat: no-repeat;
}
#case-wrapper.ciao #case-study .line {
  background-color: #fff;
}
#case-wrapper.ciao #case-study img {
  top: 21%;
  right: 21%;
}
#case-wrapper.ciao #case-study .icon.store:hover .arrow-container {
  right: 100px;
}
#case-wrapper.ciao p {
  color: #fff;
}
#case-wrapper.ciao #mockup {
  background: url('../img/ciao-second-image.jpg') center center no-repeat;
}
#case-wrapper.ciao #preview {
  background: url('../img/ciao-third-image.jpg') center center no-repeat;
}
#case-wrapper.ciao #preview .app-logo {
  margin: 141px 0 0 30%;
}
#case-wrapper.ciao #preview .first {
  top: 310px;
  right: 300px;
}
#case-wrapper.ciao #preview .second {
  top: 340px;
  left: 470px;
}
#case-wrapper.ciao #preview .third {
  top: 643px;
  left: 1061px;
}
#case-wrapper.ciao #preview .fourth {
  top: 720px;
  left: 470px;
}
#case-wrapper.ciao #preview .fifth {
  top: 780px;
  left: -100px;
}
#case-wrapper.ciao #preview .sixth {
  top: 1101px;
  left: 470px;
}
#case-wrapper.ciao #preview .seventh {
  top: 1130px;
  left: -160px;
}
#case-wrapper.ciao #icons {
  background: #090909 url('../img/ciao-big-icon.png') left center no-repeat;
}
#case-wrapper.ciao #icons .icon-group:nth-child(4) img {
  margin-right: 17px;
}
#case-wrapper.ciao #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.ciao #fonts .first-font {
  font-family: 'Montserrat-UltraLight';
}
#case-wrapper.ciao #colours .sample:nth-child(1) {
  background-color: #25acc0;
}
#case-wrapper.ciao #colours .sample:nth-child(1) .right {
  background-color: #229eb0;
}
#case-wrapper.ciao #colours .sample:nth-child(2) {
  background-color: #404a54;
}
#case-wrapper.ciao #colours .sample:nth-child(2) .right {
  background-color: #323a42;
}
#case-wrapper.ciao #colours .sample:nth-child(3) {
  background-color: #ebeff2;
}
#case-wrapper.ciao #colours .sample:nth-child(3) .right {
  background-color: #dadde0;
}
#case-wrapper.ciao #colours .sample:nth-child(4) {
  background-color: #5bd197;
}
#case-wrapper.ciao #colours .sample:nth-child(4) .right {
  background-color: #51b584;
}
#case-wrapper.ciao #colours .sample:nth-child(5) {
  background-color: #e1304a;
}
#case-wrapper.ciao #colours .sample:nth-child(5) .right {
  background-color: #c92b42;
}
#case-wrapper.jumpNroll .app-market .store .icon.android:hover .arrow-container {
  right: -35px;
}
#case-wrapper.jumpNroll #case-study {
  background-image: url('../img/jnr-first-image.jpg');
  background-position: center right, bottom center;
  background-repeat: no-repeat;
}
#case-wrapper.jumpNroll #case-study .line {
  background-color: #fff;
}
#case-wrapper.jumpNroll #case-study img {
  top: 21%;
  right: 21%;
}
#case-wrapper.jumpNroll #case-study .icon.store:hover .arrow-container {
  right: -36px;
}
#case-wrapper.jumpNroll p {
  color: #fff;
}
#case-wrapper.jumpNroll #mockup {
  background: url('../img/jnr-second-image.jpg') center center no-repeat;
}
#case-wrapper.jumpNroll #preview {
  background: url('../img/jnr-third-image.jpg') center center no-repeat;
}
#case-wrapper.jumpNroll #preview .app-logo {
  margin: 115px 0 0 29%;
}
#case-wrapper.jumpNroll #preview .first {
  top: 310px;
  right: 300px;
}
#case-wrapper.jumpNroll #preview .second {
  top: 340px;
  left: 470px;
}
#case-wrapper.jumpNroll #preview .third {
  top: 643px;
  left: 1061px;
}
#case-wrapper.jumpNroll #preview .fourth {
  top: 720px;
  left: 470px;
}
#case-wrapper.jumpNroll #preview .fifth {
  top: 810px;
  left: -100px;
}
#case-wrapper.jumpNroll #preview .sixth {
  top: 1115px;
  left: 500px;
}
#case-wrapper.jumpNroll #preview .seventh {
  top: 1165px;
  left: -160px;
}
#case-wrapper.jumpNroll #icons {
  background: #090909 url('../img/jnr-big-icon.png') left center no-repeat;
}
#case-wrapper.jumpNroll #icons .icon-group:nth-child(4) img {
  margin-right: 17px;
}
#case-wrapper.jumpNroll #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.jumpNroll #fonts .first-font {
  font-family: 'FredokaOne-Regular';
}
#case-wrapper.jumpNroll #colours .sample:nth-child(1) {
  background-color: #94c718;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(1) .right {
  background-color: #88b618;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(2) {
  background-color: #fec041;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(2) .right {
  background-color: #dfa631;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(3) {
  background-color: #562178;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(3) .right {
  background-color: #4c1e6a;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(4) {
  background-color: #ed1d24;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(4) .right {
  background-color: #d51b21;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(5) {
  background-color: #00aeef;
}
#case-wrapper.jumpNroll #colours .sample:nth-child(5) .right {
  background-color: #009ed9;
}
#case-wrapper.gathr #case-study {
  background-image: url('../img/gathr-background-one.jpg');
  background-position: center right, bottom center;
  background-repeat: no-repeat;
}
#case-wrapper.gathr #case-study .line {
  background-color: #fff;
}
#case-wrapper.gathr #case-study img {
  top: 21%;
  right: 21%;
}
#case-wrapper.gathr p {
  color: #fff;
}
#case-wrapper.gathr #mockup {
  background: url('../img/gathr-device-mockup.jpg') center center no-repeat;
}
#case-wrapper.gathr #preview {
  background: url('../img/gathr-background-two.jpg') center center no-repeat;
}
#case-wrapper.gathr #icons {
  background: #090909 url('../img/icons-background-gathr.png') left center no-repeat;
}
#case-wrapper.gathr #fonts .sub-heading {
  margin-top: 140px;
}
#case-wrapper.gathr #fonts .first-font {
  font-family: 'MuseoSansRounded-300';
}
#case-wrapper.gathr #colours .sample:nth-child(1) {
  background-color: #ff5b62;
}
#case-wrapper.gathr #colours .sample:nth-child(1) .right {
  background-color: #EB444A;
}
#case-wrapper.gathr #colours .sample:nth-child(2) {
  background-color: #d2d2d2;
}
#case-wrapper.gathr #colours .sample:nth-child(2) .right {
  background-color: #B9B9B9;
}
#case-wrapper.gathr #colours .sample:nth-child(3) {
  background-color: #262626;
}
#case-wrapper.gathr #colours .sample:nth-child(3) .right {
  background-color: #1D1D1D;
}
#case-wrapper.gathr #colours .sample:nth-child(4) {
  background-color: #f8f8f8;
}
#case-wrapper.gathr #colours .sample:nth-child(4) .right {
  background-color: #E7E7E7;
}
#case-wrapper.gathr #preview .app-logo {
  margin: 171px 0 0 27.8%;
}
#case-wrapper.verso #colours .sample:nth-child(1) {
  background-color: #341423;
}
#case-wrapper.verso #colours .sample:nth-child(1) .right {
  background-color: rgba(52, 20, 35, 0.86);
}
#case-wrapper.verso #colours .sample:nth-child(2) {
  background-color: #fc5939;
}
#case-wrapper.verso #colours .sample:nth-child(2) .right {
  background-color: rgba(252, 89, 57, 0.86);
}
#case-wrapper.verso #colours .sample:nth-child(3) {
  background-color: #262626;
}
#case-wrapper.verso #colours .sample:nth-child(3) .right {
  background-color: #1D1D1D;
}
#case-wrapper.verso #colours .sample:nth-child(4) {
  background-color: #f8f8f8;
}
#case-wrapper.verso #colours .sample:nth-child(4) .right {
  background-color: #E7E7E7;
}
#games #games-page {
  background-image: url('../img/jump-background-first.jpg');
}
#games .store {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9%;
  margin: 0 auto;
  display: inline-block;
  width: 212px;
  height: 65px;
  background: #000000 url(../img/play-store.svg) center center no-repeat;
  background-size: 85%;
  outline: 0;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: background-color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
}
#games .store:hover {
  background-color: #313131;
}
#games .preview {
  position: relative;
  display: table;
  width: 100%;
  background: #241711 url('../img/jump-background-second.png') center center no-repeat;
}
#games .preview h1 {
  margin-top: 237px;
  color: #fff;
  -moz-transition: -moz-transform 1s, opacity 1s;
  -o-transition: -o-transform 1s, opacity 1s;
  -webkit-transition: -webkit-transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
}
#games .preview p {
  width: 850px;
  margin: 35px auto 0;
  color: #fff;
  text-align: center;
  -moz-transition: -moz-transform 1s, opacity 1s;
  -o-transition: -o-transform 1s, opacity 1s;
  -webkit-transition: -webkit-transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
}
#games .preview .game-logo {
  position: absolute;
  top: 9%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -moz-transition: -moz-transform 1s, opacity 1s;
  -o-transition: -o-transform 1s, opacity 1s;
  -webkit-transition: -webkit-transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
}
#games .preview .mobile-wrapper {
  position: relative;
  right: 0;
  left: 0;
  width: 935px;
  height: 456px;
  margin: 65px auto 0;
  background: url('../img/video-background.png') center center no-repeat;
}
#games .preview iframe {
  position: absolute;
  top: 41px;
  width: 568px;
  height: 316px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: transparent;
  cursor: pointer;
}
#games .preview .buttons-wrapper {
  display: table;
  width: 470px;
  margin: 0 auto;
  padding-bottom: 90px;
}
#games .preview .buttons-wrapper .store {
  position: static;
  margin: auto;
}
#games .preview .buttons-wrapper .store.android {
  float: left;
}
#games .preview .buttons-wrapper .store.ios {
  float: right;
  background: #000000 url(../img/app-store-disabled.png) center center no-repeat;
}
#games .coming-soon .game {
  width: 33.3%;
  float: left;
  background: #131313;
}
#games .coming-soon img {
  width: 100%;
  height: 100%;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
/*IE specific classes*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  footer li,
  footer h1,
  footer h2,
  footer h3 {
    font-family: 'Gotham-Book';
  }
  #products .right img {
    width: 100%;
  }
}
/*Firefox specific classes*/
@-moz-document url-prefix() {
  footer li,
  footer h1,
  footer h2,
  footer h3 {
    font-family: 'Gotham-Book';
  }
}
.test {
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 5;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -moz-transform: skewX(-41deg);
  -ms-transform: skewX(-41deg);
  -o-transform: skewX(-41deg);
  -webkit-transform: skewX(-41deg);
  transform: skewX(-41deg);
}
.test ul {
  height: 40px;
  line-height: 40px;
  list-style: none;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: color 0.1s ease-out;
  -o-transition: color 0.1s ease-out;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
}
.test li {
  height: 40px;
  line-height: 40px;
  list-style: none;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: color 0.1s ease-out;
  -o-transition: color 0.1s ease-out;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
}
.test li.active {
  color: #bf1e2e;
}
.slide-left.ng-enter,
.slide-left.ng-leave,
.slide-right.ng-enter,
.slide-right.ng-leave {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  /*-webkit-transition: 1.1s ease-in-out;
    -moz-transition: 1.1s ease-in-out;
    -o-transition: 1.1s ease-in-out;
    transition: 1.1s ease-in-out;*/
}
.portfolio-container.remove-anim {
  -moz-transition: none !important;
  -o-transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.slide-left.ng-enter,
.slide-right.ng-enter {
  z-index: 2;
  -moz-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  -webkit-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}
.slide-left.ng-leave,
.slide-right.ng-leave {
  -moz-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  -webkit-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}
.slide-right.ng-enter {
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.slide-right.ng-enter-active {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slide-right.ng-leave-active {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.slide-left.ng-enter {
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.slide-left.ng-enter-active {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slide-left.ng-leave-active {
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
#wrapper {
  min-height: 1500px;
  z-index: 2;
  /*overflow: hidden;*/
}
/*.foo {
    width: 100px;
    height: 100px;
    background: #fff;
    position: absolute;
    left: -50px;
    transform: rotateZ(45deg);
    top: -50px;
    transition: all 0.7s ease-out;

    &.active {
        width: 1500px;
        height: 2000px;
        background: #fff;
        position: absolute;
        transform: rotateZ(30deg) translateX(-86%) translateY(5%);
    }
}*/
@media (max-width: 1000px) {
  #contactus .inner-wrapper {
    padding-top: 60px;
  }
}