/*

                   .sssssssss.
              .yssssssssssssssssssssy.
           .ssssssssssssssssssssssssssy.
        .sssssssssssssssssssssssssssssssy.
      .sssssssssssssssssssssssssssssssssssy.
     .ysssssssssssssso//::::/+ossso::::/sssss
    sssssssssssso:.           ` /+     ssssssy
   sssssssssss+.                   ``` sssssssy
 .sssssssssss      `:/ossso+/       `` ssssssss.
 hssssssssss.    `/ssssssssssso:     `:sssssssssh
 ssssssssss:    .ossssssssssssss+     :ssssssssss
.ssssssssss`    ossssssssssssssss:     ssssssssso
.ssssssssso    `sssssssssssssssss/     ssssssssso
.ssssssssss`    +ssssssssssssssss/     ssssssssso
 ssssssssss:    `ossssssssssssss+.     ssssssssss
 dssssssssss     `/ssssssssssso:.`     sssssssssd
  yssssssssss:       /+oooo+:.````     ssssssssd
   .ssssssssssso              `````     sssssssh
    .yssssssssssso/ `         `.:+/     ssssssh
     .hsssssssssssssso+/////+ossss/     sssssd
       ysssssssssssssssssssssssss     :sssh .
         ysssss++sssssssssssssss/    `osh .
           .h:.    ossssssssssso      od
                   .:+oosoo+:.



*/
@font-face {
  font-family: 'msans';
  src: url("../font/msans100-webfont.eot");
  src: url("../font/msans100-webfont.eot?#iefix") format("embedded-opentype"), url("../font/msans100-webfont.woff2") format("woff2"), url("../font/msans100-webfont.woff") format("woff"), url("../font/msans100-webfont.ttf") format("truetype"), url("../font/msans100-webfont.svg#museo_sans_cyrl100") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'msans';
  src: url("../font/msans300-webfont.eot");
  src: url("../font/msans300-webfont.eot?#iefix") format("embedded-opentype"), url("../font/msans300-webfont.woff2") format("woff2"), url("../font/msans300-webfont.woff") format("woff"), url("../font/msans300-webfont.ttf") format("truetype"), url("../font/msans300-webfont.svg#museo_sans_cyrl300") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'msans';
  src: url("../font/msans500-webfont.eot");
  src: url("../font/msans500-webfont.eot?#iefix") format("embedded-opentype"), url("../font/msans500-webfont.woff2") format("woff2"), url("../font/msans500-webfont.woff") format("woff"), url("../font/msans500-webfont.ttf") format("truetype"), url("../font/msans500-webfont.svg#museo_sans500") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'mslab';
  src: url("../font/mslab300-webfont.eot");
  src: url("../font/mslab300-webfont.eot?#iefix") format("embedded-opentype"), url("../font/mslab300-webfont.woff2") format("woff2"), url("../font/mslab300-webfont.woff") format("woff"), url("../font/mslab300-webfont.ttf") format("truetype"), url("../font/mslab300-webfont.svg#museo_slab300") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'mslab';
  src: url("../font/mslab500-webfont.eot");
  src: url("../font/mslab500-webfont.eot?#iefix") format("embedded-opentype"), url("../font/mslab500-webfont.woff2") format("woff2"), url("../font/mslab500-webfont.woff") format("woff"), url("../font/mslab500-webfont.ttf") format("truetype"), url("../font/mslab500-webfont.svg#museo_slab500") format("svg");
  font-weight: 500;
  font-style: normal; }
/* Global animations */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fade-out {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-out {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fade-out {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fade-out {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-out {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes delayed-fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes delayed-fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes delayed-fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes delayed-fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes delayed-fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
html, body {
  padding: 0;
  margin: 0;
  background: #E83C45;
  color: #666666;
  width: 100%;
  height: 100%;
  font-family: 'msans', Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  text-rendering: optimizeLegibility;
  overflow: visible;
  position: relative;
  right: 0%;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -ms-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-touch-action: manipulation;
  -moz-touch-action: manipulation;
  -ms-touch-action: manipulation;
  -o-touch-action: manipulation;
  touch-action: manipulation; }

html, body, p, h1, h2, h3, h4, h5, span, div, a {
  cursor: default;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
                             /* Non-prefixed version, currently
								not supported by any browser */ }

a {
  cursor: pointer; }

#loading_view {
  opacity: 1;
  -webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -ms-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in; }

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  background-color: white;
  border-radius: 1px;
  height: 4px; }

h1, h2, h3 {
  font-family: 'mslab', Arial, sans-serif;
  font-weight: 100;
  text-transform: uppercase; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.24em; }

.slab_title {
  font-family: 'mslab', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase; }

.slab_title.thick {
  font-weight: 500; }

.sans_title {
  font-family: 'msans', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase; }

.sans_title.thin {
  font-weight: 100; }

.sans_title.thick {
  font-weight: 500; }

.sans_title.normalcase {
  text-transform: none; }

.darkercolor {
  color: #222 !important; }

.darkcolor {
  color: #444 !important; }

.notsodarkcolor {
  color: #666 !important; }

.lightercolor {
  color: #fff !important; }

.lightcolor {
  color: #eee !important; }

.maincolor {
  color: #E83C45 !important; }

.darker-main-color {
  color: #361E1F !important; }

p {
  font-size: 16px;
  line-height: 1.55;
  font-weight: normal;
  margin: 12px 0; }
  @media only screen and (max-width: 1190px) {
    p {
      line-height: 1.4; } }

a {
  color: #E83C45;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a.c_anchor {
  display: block;
  position: absolute;
  top: -100px; }

#page_block {
  overflow: hidden; }

#scroll_content {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  top: 600px;
  background: #ffffff;
  z-index: 1; }

#std_content {
  position: relative;
  background: #ffffff;
  z-index: 1; }

#scroll_content.trans {
  -webkit-transition: top 1.5s ease-in-out;
  -moz-transition: top 1.5s ease-in-out;
  -ms-transition: top 1.5s ease-in-out;
  -o-transition: top 1.5s ease-in-out;
  transition: top 1.5s ease-in-out; }

#goDownHint {
  border: 3px solid rgba(255, 255, 255, 0.9);
  border-top: 0;
  border-left: 0;
  position: absolute;
  bottom: 150px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 50%;
  margin-left: -14.1421px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
  z-index: 0;
  -webkit-animation: fade-in ease-in-out 2s both 3s;
  -moz-animation: fade-in ease-in-out 2s both 3s;
  -ms-animation: fade-in ease-in-out 2s both 3s;
  -o-animation: fade-in ease-in-out 2s both 3s;
  animation: fade-in ease-in-out 2s both 3s; }
  @media only screen and (max-width: 1000px) {
    #goDownHint {
      bottom: 100px; } }

/* Header */
#header {
  display: table;
  position: fixed;
  width: 100%;
  min-height: 100px;
  z-index: 7;
  background-color: #e83c45;
  text-transform: uppercase;
  /* Mobile */ }
  @media only screen and (max-width: 1190px) {
    #header {
      min-height: 75px;
      display: block; } }

#header.static {
  display: block;
  position: relative;
  box-shadow: none;
  height: 100px;
  min-height: 0px; }
  @media only screen and (max-width: 1190px) {
    #header.static {
      height: 75px; } }

#header .content {
  height: 100%;
  width: 1150px;
  text-align: right;
  margin: 0 auto;
  /* Mobile */ }
  @media only screen and (max-width: 1190px) {
    #header .content {
      width: 90%; } }

#header.static .content {
  height: 100px; }

body.ready #header .content a {
  font-size: 14px;
  font-weight: 600;
  line-height: 7;
  color: #ffffff;
  margin-left: 28px;
  padding: 5px 0px;
  opacity: 0.85;
  /* Mobile */ }
  @media only screen and (max-width: 1190px) {
    body.ready #header .content a {
      display: block;
      line-height: 3;
      margin-right: 30px;
      font-size: 16px;
      font-family: 'dejavu_sans', Arial, sans-serif;
      color: rgba(255, 240, 255, 0.9); } }

body.ready.top #header .content a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-animation: fade-in ease-in-out 1s both;
  -moz-animation: fade-in ease-in-out 1s both;
  -ms-animation: fade-in ease-in-out 1s both;
  -o-animation: fade-in ease-in-out 1s both;
  animation: fade-in ease-in-out 1s both; }

#header .content a:hover {
  opacity: 1;
  text-decoration: none; }

#mini_logo_header {
  position: relative;
  top: 24px;
  float: left;
  width: 50px;
  height: 50px;
  background: url("../img/mini_logo_header.png") no-repeat center;
  background-size: cover;
  cursor: pointer;
  /* Mobile */ }
  @media only screen and (max-width: 1190px) {
    #mini_logo_header {
      height: 40px;
      width: 40px;
      top: 15px; } }

#hamburguerMenu {
  display: none; }
  @media only screen and (max-width: 1190px) {
    #hamburguerMenu {
      display: block;
      opacity: 0;
      float: right;
      margin-top: 11px;
      margin-right: -12px;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8); } }

@media only screen and (max-width: 1190px) {
  .ready #hamburguerMenu {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation: fade-in ease-in-out 1s both 2s;
    -moz-animation: fade-in ease-in-out 1s both 2s;
    -ms-animation: fade-in ease-in-out 1s both 2s;
    -o-animation: fade-in ease-in-out 1s both 2s;
    animation: fade-in ease-in-out 1s both 2s; } }

@media only screen and (max-width: 1190px) {
  #header .actualContent {
    top: 75px;
    left: 0;
    right: 0;
    position: absolute;
    max-height: 0%;
    background: rgba(232, 60, 69, 0.9);
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); } }

@media only screen and (max-width: 1190px) {
  #header .actualContent.enabled {
    opacity: 1;
    max-height: 300%;
    top: 75px; } }

.splink {
  text-transform: uppercase;
  font-weight: 400; }

.g_button {
  text-transform: uppercase;
  font-size: 24px;
  padding: 10px 16px;
  border: 2px solid #E83C45;
  font-weight: 400;
  display: inline-block;
  color: #E83C45;
  line-height: 1.15;
  min-width: 200px; }

.g_button.dark {
  border-color: #361E1F !important;
  color: #361E1F !important; }

.g_button:hover {
  text-decoration: none;
  background: rgba(232, 60, 69, 0.05);
  border-color: #eb535b;
  color: #eb535b; }

a.g_button.dark:hover {
  text-decoration: none;
  background: rgba(54, 30, 31, 0.05);
  border-color: #462728;
  color: #462728; }

.g_button span {
  vertical-align: middle;
  font-size: 26px;
  margin-left: 10px;
  float: right; }

.subtle_links a {
  color: #333333 !important; }

.subtle_links a:hover {
  text-decoration: underline; }

/* Home Jumbotron */
#jumbotron_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#home_jumbotron {
  background-color: #E83C45;
  background-size: 100%;
  position: fixed;
  width: 100%;
  height: 600px;
  z-index: 0; }

#home_jumbotron.trans {
  -webkit-transition: height 1.5s ease-in-out;
  -moz-transition: height 1.5s ease-in-out;
  -ms-transition: height 1.5s ease-in-out;
  -o-transition: height 1.5s ease-in-out;
  transition: height 1.5s ease-in-out; }

@-webkit-keyframes latest_products_in {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 120px;
    bottom: 0px; } }
@-moz-keyframes latest_products_in {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 120px;
    bottom: 0px; } }
@-ms-keyframes latest_products_in {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 120px;
    bottom: 0px; } }
@-o-keyframes latest_products_in {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 120px;
    bottom: 0px; } }
@keyframes latest_products_in {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 120px;
    bottom: 0px; } }
@-webkit-keyframes latest_products_in_mobile {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 60px;
    bottom: 0px; } }
@-moz-keyframes latest_products_in_mobile {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 60px;
    bottom: 0px; } }
@-ms-keyframes latest_products_in_mobile {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 60px;
    bottom: 0px; } }
@-o-keyframes latest_products_in_mobile {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 60px;
    bottom: 0px; } }
@keyframes latest_products_in_mobile {
  0% {
    height: 0px;
    bottom: 0px; }
  100% {
    height: 60px;
    bottom: 0px; } }
#latest_products {
  background: #ffe5e6;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 120px;
  overflow: hidden;
  z-index: 50;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  -webkit-animation: latest_products_in ease-out 0.5s backwards;
  -moz-animation: latest_products_in ease-out 0.5s backwards;
  -ms-animation: latest_products_in ease-out 0.5s backwards;
  -o-animation: latest_products_in ease-out 0.5s backwards;
  animation: latest_products_in ease-out 0.5s backwards;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s; }
  @media only screen and (max-width: 1190px) {
    #latest_products {
      bottom: 0px; } }
  @media only screen and (max-width: 1000px) {
    #latest_products {
      height: 60px;
      bottom: 0px !important;
      -webkit-animation: latest_products_in_mobile ease-out 0.4s backwards;
      -moz-animation: latest_products_in_mobile ease-out 0.4s backwards;
      -ms-animation: latest_products_in_mobile ease-out 0.4s backwards;
      -o-animation: latest_products_in_mobile ease-out 0.4s backwards;
      animation: latest_products_in_mobile ease-out 0.4s backwards;
      -webkit-animation-delay: 2s;
      -moz-animation-delay: 2s;
      -ms-animation-delay: 2s;
      -o-animation-delay: 2s;
      animation-delay: 2s; } }

.product_preview {
  width: 700px;
  height: 100%;
  position: relative;
  display: block;
  margin: 0 auto; }
  @media only screen and (max-width: 1190px) {
    .product_preview {
      width: 100%;
      background: none; } }

.product_preview .img {
  width: 80px;
  height: 80px;
  margin: 20px;
  position: relative;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    .product_preview .img {
      width: 30px;
      height: 30px;
      margin: 15px; } }

.product_preview .img img {
  width: 100%;
  height: 100%; }

.product_preview h3 {
  color: #333;
  font-family: 'msans', Arial, sans-serif;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 25px;
  display: inline-block;
  position: absolute;
  left: 120px;
  right: 20px;
  text-align: left; }
  @media only screen and (max-width: 1000px) {
    .product_preview h3 {
      left: 60px;
      top: -4px;
      font-size: 14px; } }

.product_preview h3 a {
  color: #333; }

.product_preview h3:hover,
.product_preview h3 a:hover {
  color: #E83C45; }

.product_preview p {
  line-height: 1.25;
  position: absolute;
  left: 120px;
  right: 20px;
  top: 40px; }
  @media only screen and (max-width: 1000px) {
    .product_preview p {
      left: 15px;
      right: 15px;
      top: 50px;
      display: none; } }

#logo_container {
  width: 300px;
  height: 100px;
  position: relative;
  margin: -50px auto;
  top: 50%;
  /* Mobile */ }
  @media only screen and (max-width: 1190px) {
    #logo_container {
      width: 200px;
      height: 70px;
      margin: -35px auto; } }

body.ready #logo_container h4 {
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-size: 18px;
  font-family: 'dejavu_sans_extralight', Arial, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  margin: 0;
  margin-top: 14px;
  /* Mobile */ }
  @media only screen and (max-width: 1190px) {
    body.ready #logo_container h4 {
      font-size: 12px;
      margin-top: 3px; } }

body.ready.top #logo_container h4 {
  -webkit-animation: fade-in ease-in-out 2s both;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
  animation: fade-in ease-in-out 2s both;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s; }

#anim_container {
  width: 100%;
  height: 100%;
  background: url("../img/logo_anim.gif") no-repeat center;
  background-size: contain; }

/* About */
body.ready.top #header .content a {
  -webkit-animation: fade-in ease-in-out 1s both;
  -moz-animation: fade-in ease-in-out 1s both;
  -ms-animation: fade-in ease-in-out 1s both;
  -o-animation: fade-in ease-in-out 1s both;
  animation: fade-in ease-in-out 1s both;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -ms-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s; }

.content_block {
  width: 1150px;
  position: relative;
  margin: 0 auto;
  padding: 75px 0;
  z-index: 1;
  /* Mobile */ }
  @media only screen and (max-width: 1190px) {
    .content_block {
      width: 90%;
      padding: 10px 0; } }

#intro_block, #about_block, #for_you_and_business_block, #services_short, #philosophy_block, #contact_form, #footer {
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
  width: 100%; }

#intro_block {
  background: #fff;
  z-index: 1; }
  @media only screen and (max-width: 1190px) {
    #intro_block {
      padding: 20px 0;
      padding-top: 40px; } }

#intro_block h1 {
  font-size: 32px;
  text-align: center;
  color: #E83C45;
  padding: 10px 0;
  margin: 3px 0px; }
  @media only screen and (max-width: 1190px) {
    #intro_block h1 {
      font-size: 24px;
      text-align: left; } }

#intro_block .subtitle {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 100px;
  font-size: 20px;
  line-height: 1.4; }
  @media only screen and (max-width: 1190px) {
    #intro_block .subtitle {
      font-size: 16px;
      line-height: 1.3;
      width: 100%;
      text-align: left;
      margin-bottom: 40px; } }

#intro_block .design .img {
  background: url("../img/design_icon.png") no-repeat center; }

#intro_block .development .img {
  background: url("../img/development_icon.png") no-repeat center; }

#intro_block .product .img {
  background: url("../img/product_icon.png") no-repeat center; }

#intro_block .design .img,
#intro_block .development .img,
#intro_block .product .img {
  background-size: auto 120px;
  width: 100%;
  height: 120px;
  margin-bottom: 50px;
  margin-top: -20px; }
  @media only screen and (max-width: 1190px) {
    #intro_block .design .img,
    #intro_block .development .img,
    #intro_block .product .img {
      background-position-x: 0;
      background-size: auto 90px;
      margin-bottom: 20px;
      margin-top: 0px;
      height: 90px; } }

#intro_block .dep_col3 {
  width: 29%;
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 1190px) {
    #intro_block .dep_col3 {
      width: 90%;
      display: block;
      margin-bottom: 40px; } }

#intro_block .dep_col3 + .dep_col3 {
  margin-left: 5%; }
  @media only screen and (max-width: 1190px) {
    #intro_block .dep_col3 + .dep_col3 {
      margin-left: 0; } }

#intro_block .dep_col3 h3 {
  font-size: 24px;
  margin: 5px 0px; }

#intro_block .dep_col3 h4 {
  font-size: 16px;
  margin: 0px; }

#intro_block .dep_col3 img {
  width: 100px;
  margin-bottom: 20px; }

#intro_block .dep_col3 p {
  height: 100px; }
  @media only screen and (max-width: 1190px) {
    #intro_block .dep_col3 p {
      height: auto; } }

#about_block {
  background: #f2f2f2; }
  @media only screen and (max-width: 1190px) {
    #about_block {
      padding: 40px 0; } }

#about_block .icon {
  width: 55px;
  display: inline-block; }

#about_block h2 {
  font-size: 48px;
  color: #444444;
  margin: 12px 0px; }
  @media only screen and (max-width: 1190px) {
    #about_block h2 {
      font-size: 32px; } }

#about_block h3 {
  margin: 9px 0px;
  font-size: 20px;
  color: #555; }

#about_block p {
  color: #666666;
  width: 650px; }
  @media only screen and (max-width: 1190px) {
    #about_block p {
      width: 90%; } }

#about_block .pseudoparalax {
  position: absolute;
  background: url("../img/about.jpg") no-repeat right;
  background-size: auto 100%;
  top: 0;
  right: 0;
  bottom: 0;
  width: 75%;
  max-width: 1400px;
  z-index: 0; }
  @media only screen and (max-width: 1190px) {
    #about_block .pseudoparalax {
      width: 100%;
      background: none; } }

#for_you_and_business_block {
  background: #361E1F url("../img/by_diag.gif") center no-repeat;
  -webkit-transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  -moz-transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  -ms-transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  -o-transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  position: relative;
  height: 500px;
  width: 100%;
  z-index: 1;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 1190px) {
    #for_you_and_business_block {
      background: #361E1F;
      height: auto;
      display: none; } }

#for_you_and_business_block .bga {
  background: #E83C45;
  position: absolute;
  right: -30px;
  top: 0;
  bottom: 0;
  width: 50%;
  -webkit-transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  -moz-transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  -ms-transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  -o-transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990);
  transition: all 0.4s cubic-bezier(0.125, 1.385, 0.670, 0.990); }
  @media only screen and (max-width: 1190px) {
    #for_you_and_business_block .bga {
      display: none; } }

#for_you_and_business_block .content_block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  @media only screen and (max-width: 1190px) {
    #for_you_and_business_block .content_block {
      display: block;
      position: relative;
      width: 100%;
      padding: 30px 0; } }

#business_services_intro, #products_intro {
  padding: 75px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  @media only screen and (max-width: 1190px) {
    #business_services_intro, #products_intro {
      padding: 0;
      display: block;
      position: relative;
      width: 100%; } }

#business_services_intro {
  left: 0;
  width: 45%;
  display: inline-block; }
  @media only screen and (max-width: 1190px) {
    #business_services_intro {
      display: block;
      position: relative;
      width: 100%;
      margin: 0 auto; } }

@media only screen and (max-width: 1190px) {
  #business_services_intro .wrapper, #products_intro .wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0; } }

#business_services_intro h2 {
  color: #E83C45; }

#business_services_intro h3 {
  color: rgba(232, 60, 69, 0.65); }

#business_services_intro p {
  color: #d6989c;
  background: none; }

#products_intro {
  right: 0;
  width: 45%;
  text-align: right; }
  @media only screen and (max-width: 1190px) {
    #products_intro {
      text-align: left;
      display: block;
      position: relative;
      width: 100%;
      margin: 0 auto;
      background: #E83C45; } }

#products_intro h2 {
  color: #361E1F; }

#products_intro h3 {
  color: rgba(54, 30, 31, 0.65); }

#products_intro p {
  color: #ffffff; }

#for_you_and_business_block h2 {
  font-size: 36px;
  font-weight: 500;
  margin: 0; }

#for_you_and_business_block h3 {
  font-family: 'msans', Arial, sans-serif;
  font-size: 20px;
  margin: 7px 0 30px 0;
  font-weight: 400; }

.g_button.soon {
  background: #361E1F !important;
  color: #E83C45 !important;
  opacity: 0.7; }

#services_short {
  background: #070707;
  height: 400px; }

#services_short_2 {
  margin-top: -100px;
  background: #070707; }

#services_short .pseudoparalax {
  position: absolute;
  background: url("../img/services_banner_1.jpg") no-repeat center;
  background-size: 900px auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0; }

#services_short_2 .icons {
  position: relative;
  text-align: center;
  color: #e5e5e5;
  font-size: 40px;
  width: 600px;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 150px; }

#services_short_2 .icons .icon {
  padding: 14px;
  cursor: pointer;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out; }

#services_short_2 .icons .icon:hover {
  color: #E83C45; }

#services_short_2 .icons .icon .desc {
  opacity: 0;
  position: absolute;
  width: 100%;
  margin: 0;
  margin-top: 40px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }

#services_short_2 .icons .icon:hover .desc {
  opacity: 1; }

#services_short_2 .icons .icon .desc h4 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 24px;
  color: #E83C45; }

#services_short_2 .icons .icon .desc p {
  width: 500px;
  margin: 0 auto;
  color: #ddd; }

#services_short_2 h2 {
  color: #e5e5e5;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 0; }

#services_short_2 h3 {
  color: #888;
  text-align: center;
  font-size: 18px;
  width: 900px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 auto;
  font-family: 'msans', Arial, sans-serif;
  text-transform: none; }

#services_short_2 .icons .learn {
  opacity: 1;
  z-index: 2;
  height: 300px;
  margin-bottom: -360px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }

#services_short_2 .icons:hover .learn {
  opacity: 0; }

#services_short_2 .icons:hover .learn:hover {
  opacity: 1; }

#services_short_2 .learn .icon {
  margin-top: 20px; }

#services_short_2 .learn h4 {
  font-size: 21px;
  margin-top: 90px;
  font-weight: 400; }

@-webkit-keyframes learn-arrow {
  0% {
    margin-top: 0;
    margin-bottom: 0; }
  10% {
    margin-top: -5px;
    margin-bottom: 5px; }
  20% {
    margin-top: 0;
    margin-bottom: 0; }
  30% {
    margin-top: -5px;
    margin-bottom: 5px; }
  40% {
    margin-top: 0;
    margin-bottom: 0; }
  100% {
    margin-top: 0;
    margin-bottom: 0; } }
@-moz-keyframes learn-arrow {
  0% {
    margin-top: 0;
    margin-bottom: 0; }
  10% {
    margin-top: -5px;
    margin-bottom: 5px; }
  20% {
    margin-top: 0;
    margin-bottom: 0; }
  30% {
    margin-top: -5px;
    margin-bottom: 5px; }
  40% {
    margin-top: 0;
    margin-bottom: 0; }
  100% {
    margin-top: 0;
    margin-bottom: 0; } }
@-ms-keyframes learn-arrow {
  0% {
    margin-top: 0;
    margin-bottom: 0; }
  10% {
    margin-top: -5px;
    margin-bottom: 5px; }
  20% {
    margin-top: 0;
    margin-bottom: 0; }
  30% {
    margin-top: -5px;
    margin-bottom: 5px; }
  40% {
    margin-top: 0;
    margin-bottom: 0; }
  100% {
    margin-top: 0;
    margin-bottom: 0; } }
@-o-keyframes learn-arrow {
  0% {
    margin-top: 0;
    margin-bottom: 0; }
  10% {
    margin-top: -5px;
    margin-bottom: 5px; }
  20% {
    margin-top: 0;
    margin-bottom: 0; }
  30% {
    margin-top: -5px;
    margin-bottom: 5px; }
  40% {
    margin-top: 0;
    margin-bottom: 0; }
  100% {
    margin-top: 0;
    margin-bottom: 0; } }
@keyframes learn-arrow {
  0% {
    margin-top: 0;
    margin-bottom: 0; }
  10% {
    margin-top: -5px;
    margin-bottom: 5px; }
  20% {
    margin-top: 0;
    margin-bottom: 0; }
  30% {
    margin-top: -5px;
    margin-bottom: 5px; }
  40% {
    margin-top: 0;
    margin-bottom: 0; }
  100% {
    margin-top: 0;
    margin-bottom: 0; } }
#services_short_2 .learn .icon {
  position: absolute;
  top: 90px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 40px;
  -webkit-animation: learn-arrow ease-in-out 4s infinite;
  -moz-animation: learn-arrow ease-in-out 4s infinite;
  -ms-animation: learn-arrow ease-in-out 4s infinite;
  -o-animation: learn-arrow ease-in-out 4s infinite;
  animation: learn-arrow ease-in-out 4s infinite; }

#services_short_2 .learn h4,
#services_short_2 .learn .icon {
  color: rgba(232, 60, 69, 0.75) !important; }

#services_short_2 .separator {
  position: relative;
  width: 100px;
  border-top: 1px solid #444;
  margin: 0 auto;
  margin-bottom: 40px; }

#services_short_2 h4 {
  color: #E83C45;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 30px; }

#services_short_2 .tech_grid {
  background: url("../img/tech_logos.png") no-repeat center;
  background-size: contain;
  width: 1000px;
  height: 200px;
  margin: 0 auto; }

#services_short_2 .tech_logos p {
  text-align: center;
  margin: 0 auto;
  text-transform: none;
  color: #555;
  width: 700px;
  font-size: 11px;
  font-weight: 400;
  margin-top: 50px;
  margin-bottom: -40px; }

#services_short_2 .tech_logos.tech_logos h5 {
  margin: 0 auto;
  margin-top: 20px;
  color: #ddd;
  text-align: center;
  text-transform: uppercase; }

#philosophy_block {
  z-index: 1;
  background: #ffffff; }

#philosophy_block .title_dot {
  background: #E83C45;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  top: 97px;
  z-index: 11;
  margin-left: -29px;
  border: 6px solid #ffffff; }

#philosophy_block .title_dot:before {
  content: " ";
  display: block;
  position: absolute;
  width: 58px;
  height: 58px;
  position: absolute;
  left: -9px;
  top: -9px;
  z-index: -1;
  border: 4px solid #E83C45;
  border-radius: 100%; }

#philosophy_block .branch {
  display: block;
  position: absolute;
  right: -82px;
  width: 80px;
  top: -118px;
  height: 150px;
  border-bottom: 4px solid #E83C45;
  border-right: 4px solid #E83C45;
  border-bottom-right-radius: 30px;
  box-shadow: 2px 2px 0 #ffffff, -2px 2px 0 #ffffff; }

#philosophy_block .branch .dot {
  background: #E83C45;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: -18px;
  left: -3px; }

#philosophy_block .odd .branch {
  left: -82px;
  right: auto;
  width: 78px;
  border-right: none;
  border-left: 4px solid #E83C45;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 30px; }

#philosophy_block .odd .branch .dot {
  left: auto;
  right: -7px; }

#philosophy_block .main_branch {
  position: absolute;
  width: 50%;
  height: 68%;
  border-right: 4px solid #E83C45;
  top: 104px;
  margin-left: -2px; }

#philosophy_block .value {
  display: block;
  position: relative;
  float: left;
  clear: both;
  width: 495px;
  text-align: right; }

#philosophy_block h2.title {
  color: #E83C45;
  font-size: 36px;
  text-align: right;
  font-weight: 500;
  margin-bottom: 0; }

#philosophy_block h3.title {
  color: #333333;
  font-size: 18px;
  font-family: 'msans', Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  margin-top: 7px; }

#philosophy_block h2.title, #philosophy_block h3.title {
  width: 30%;
  position: relative;
  left: 15%;
  text-align: right;
  z-index: 11; }

#philosophy_block .value {
  opacity: 0; }

@-webkit-keyframes value-anim {
  0% {
    opacity: 0; }
  5% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes value-anim {
  0% {
    opacity: 0; }
  5% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes value-anim {
  0% {
    opacity: 0; }
  5% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes value-anim {
  0% {
    opacity: 0; }
  5% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes value-anim {
  0% {
    opacity: 0; }
  5% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes branch-dot-anim {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  25% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  75% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes branch-dot-anim {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  25% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  75% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-ms-keyframes branch-dot-anim {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  25% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  75% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes branch-dot-anim {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  25% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  75% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes branch-dot-anim {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  25% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  75% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
#philosophy_block .value.visible {
  opacity: 1;
  -webkit-animation: value-anim ease-in-out 0.5s;
  -moz-animation: value-anim ease-in-out 0.5s;
  -ms-animation: value-anim ease-in-out 0.5s;
  -o-animation: value-anim ease-in-out 0.5s;
  animation: value-anim ease-in-out 0.5s; }

#philosophy_block .value.visible .dot {
  -webkit-animation: branch-dot-anim ease-in-out 0.6s;
  -moz-animation: branch-dot-anim ease-in-out 0.6s;
  -ms-animation: branch-dot-anim ease-in-out 0.6s;
  -o-animation: branch-dot-anim ease-in-out 0.6s;
  animation: branch-dot-anim ease-in-out 0.6s; }

#philosophy_block .value.visible h3 {
  -webkit-animation: fade-in ease-out 1s both;
  -moz-animation: fade-in ease-out 1s both;
  -ms-animation: fade-in ease-out 1s both;
  -o-animation: fade-in ease-out 1s both;
  animation: fade-in ease-out 1s both;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s; }

#philosophy_block .value.visible h4 {
  -webkit-animation: fade-in ease-out 1s both;
  -moz-animation: fade-in ease-out 1s both;
  -ms-animation: fade-in ease-out 1s both;
  -o-animation: fade-in ease-out 1s both;
  animation: fade-in ease-out 1s both;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s; }

#philosophy_block .value.visible p {
  -webkit-animation: fade-in ease-out 2s both;
  -moz-animation: fade-in ease-out 2s both;
  -ms-animation: fade-in ease-out 2s both;
  -o-animation: fade-in ease-out 2s both;
  animation: fade-in ease-out 2s both;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s; }

#philosophy_block .value .content {
  width: 90%;
  margin: 20px auto; }

#philosophy_block .value.odd {
  float: right;
  text-align: left; }

#philosophy_block .value.root {
  float: none; }

#philosophy_block .content h3 {
  color: #E83C45;
  font-size: 24px;
  margin: 0px;
  z-index: 11; }

#philosophy_block .content h4 {
  color: #444;
  font-size: 18px;
  margin: 5px 0px;
  text-transform: uppercase;
  font-weight: 400;
  z-index: 11; }

#philosophy_block .value.v1 {
  z-index: 9; }

#philosophy_block .value.v2 {
  margin-top: -170px;
  z-index: 8; }

#philosophy_block .value.v3 {
  margin-top: -50px;
  z-index: 7; }

#philosophy_block .value.v4 {
  margin-top: -450px;
  z-index: 5; }

#philosophy_block .value.v5 {
  margin-top: -150px;
  z-index: 4; }

#philosophy_block .value.v6 {
  margin-top: -50px;
  z-index: 3; }

#philosophy_block .value.v7 {
  margin-top: -150px;
  z-index: 2; }

#philosophy_block .value.v8 {
  position: relative;
  top: -100px;
  margin: 0 auto;
  text-align: center;
  padding-top: 200px; }

#philosophy_block .value.v8 .branch {
  border-bottom: none;
  border-radius: 0;
  width: 0;
  top: 30px;
  left: 50%;
  margin-left: -2px; }

#philosophy_block .value.v8 .branch .dot {
  left: -14px; }

/* Contact form */
#contact_form {
  background: #eee; }
  @media only screen and (max-width: 1190px) {
    #contact_form {
      display: none; } }

#contact_form form,
#contact_form fieldset {
  border: none;
  padding: 0;
  margin: 0; }

#contact_form .agreement {
  line-height: 4.2; }

#contact_form .agreement a {
  color: #222;
  font-weight: 400; }

#contact_form .selectize-input.dropdown-active:before {
  height: 0;
  display: none !important; }

#contact_form .selectize-input {
  border: #E83C45 solid 2px;
  border-radius: 0;
  color: #E83C45;
  background: transparent;
  box-shadow: none; }

#contact_form .selectize-input:after {
  margin-right: 10px;
  border-color: #E83C45 transparent transparent transparent;
  border-width: 10px 8px 0 8px; }

#contact_form .selectize-input.input-active:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

#contact_form .item {
  margin-right: 45px; }

#contact_form .option {
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333; }

#contact_form .option h2,
#contact_form .option h3 {
  text-transform: none;
  font-family: 'msans', Arial, sans-serif;
  margin: 0; }

#contact_form .option h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 2px; }

#contact_form .option h3 {
  font-size: 14px;
  font-weight: 400;
  color: #999; }

#contact_form .option.selected {
  color: #E83C45; }

#contact_form .option.active {
  color: #ffffff;
  background: #E83C45; }

#contact_form .option.active h3 {
  color: #fff;
  opacity: 0.6; }

#contact_form .selectize-dropdown {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05); }

#contact_form .selectize-dropdown-content {
  max-height: 500px; }

#contact_form .selectize-dropdown {
  margin: 0px 0 0 0; }

#contact_form .selectize-input input {
  color: transparent !important;
  display: none !important; }

#contact_form .selectize-input,
#contact_form #subjectLabel {
  padding: 20px 15px;
  font-size: 28px;
  font-family: 'mslab', Arial, sans-serif;
  text-transform: uppercase;
  line-height: 1; }
  @media only screen and (max-width: 1190px) {
    #contact_form .selectize-input,
    #contact_form #subjectLabel {
      font-size: 24px; } }

@media only screen and (max-width: 1190px) {
  #contact_form .selectize-input {
    font-size: 18px;
    max-width: 85%;
    width: 85%;
    line-height: 1.2; } }

#contact_form #subjectLabel {
  color: #333;
  padding-left: 0; }

#fields .selectize-input {
  padding: 21px 20px; }

#fields .selectize-input:after {
  border-color: #333 transparent transparent transparent;
  border-width: 6px 5px 0 5px; }

#fields .selectize-dropdown-content {
  max-height: 220px; }

#fields .selectize-input .item {
  font-weight: 400; }

#contact_form .selectize-control, #subjectLabel {
  display: inline-block;
  vertical-align: middle; }

#fields label.error {
  position: absolute;
  width: 363px;
  margin-left: -356px;
  margin-top: 68px;
  color: #E83C45; }

#fields label.error:last-child {
  margin-top: 208px;
  text-align: right;
  width: 346px; }

#fields .selectize-input {
  font-size: 18px;
  font-weight: 300;
  background: #fff;
  border: none;
  text-transform: none;
  font-family: 'msans', Arial, sans-serif;
  color: #333; }

#fields .selectize-input .item {
  margin-right: 5px; }

#fields input,
#fields .selectize-control,
#fields textarea {
  background: #fff;
  border: none;
  padding: 18px 20px;
  font-size: 18px;
  width: 363px;
  font-weight: 300;
  border: 2px solid transparent;
  outline: none;
  margin-bottom: 40px;
  vertical-align: middle;
  -webkit-transition: border-color 0.2s ease-in-out;
  -moz-transition: border-color 0.2s ease-in-out;
  -ms-transition: border-color 0.2s ease-in-out;
  -o-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out; }

#fields .selectize-control {
  padding: 0;
  border: none; }

#fields .selectize-control, #email, #phone, #company {
  margin-left: 26px; }

#fields textarea {
  width: 100%;
  height: 200px;
  resize: none; }

#fields input:focus,
#fields textarea:focus {
  outline: none;
  border-color: #E83C45; }

#submit_contact_form {
  background: #E83C45;
  padding: 18px 45px;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  border: none;
  float: right;
  cursor: pointer; }

#submit_contact_form:focus {
  outline: none; }

#submit_contact_form:disabled {
  opacity: 0.5; }

#contact_success,
#contact_error {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -50px;
  top: 0;
  right: -50px;
  bottom: 0;
  background: #eeeeee;
  z-index: 11;
  text-align: center;
  -webkit-transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  -ms-transition: opacity 1.5s ease-in-out;
  -o-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out; }

#contact_success .icon,
#contact_error .icon {
  font-size: 80px;
  margin-top: 300px;
  display: block;
  color: #E83C45; }

#contact_form.success #contact_success .icon,
#contact_form.error #contact_error .icon {
  -webkit-animation: branch-dot-anim ease-in-out 0.8s both;
  -moz-animation: branch-dot-anim ease-in-out 0.8s both;
  -ms-animation: branch-dot-anim ease-in-out 0.8s both;
  -o-animation: branch-dot-anim ease-in-out 0.8s both;
  animation: branch-dot-anim ease-in-out 0.8s both;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s; }

#contact_form.success #contact_success {
  visibility: visible;
  opacity: 1; }

#contact_form.error #contact_error {
  visibility: visible;
  opacity: 1; }

#contact_form form {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
  filter: blur(0px); }

#contact_form.success form,
#contact_form.error form {
  -webkit-filter: blur(7px);
  -moz-filter: blur(7px);
  -ms-filter: blur(7px);
  -o-filter: blur(7px);
  filter: blur(7px); }

#contact_form.success #contact_success .msg,
#contact_form.error #contact_error .msg {
  color: #444;
  font-size: 28px;
  -webkit-animation: fade-in ease-in-out 1s both;
  -moz-animation: fade-in ease-in-out 1s both;
  -ms-animation: fade-in ease-in-out 1s both;
  -o-animation: fade-in ease-in-out 1s both;
  animation: fade-in ease-in-out 1s both;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s; }

/* Footer */
#footer, #footer .apendix {
  background: #353535;
  overflow: visible; }

#footer_stub {
  background: #353535;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 300px; }

#footer .content_block {
  padding: 40px 0 30px 0;
  font-size: 12px; }

#footer .logo_footer {
  width: 80px;
  height: 80px;
  background: url("../img/logo_footer.gif") no-repeat center;
  background-position: 50% 0%;
  background-size: cover;
  margin: 0 auto;
  margin-bottom: 20px; }

#footer .sitemap,
#footer .copyright {
  margin-bottom: 12px;
  position: relative;
  text-align: left;
  width: 50%; }
  @media only screen and (max-width: 1190px) {
    #footer .sitemap,
    #footer .copyright {
      text-align: center;
      width: 100%;
      margin-top: -10px;
      margin-bottom: 25px; } }

@media only screen and (max-width: 1190px) {
  #footer .copyright {
    text-align: center;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px; } }

#footer .social {
  float: right;
  margin-top: -45px; }
  @media only screen and (max-width: 1190px) {
    #footer .social {
      display: none; } }

#footer .social a {
  background: url("../img/social.gif") no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-left: 3px;
  opacity: 0.9;
  background-size: 128px; }

#footer .social a:hover {
  opacity: 1; }

#footer .social .twitter {
  background-position: 0 50%; }

#footer .social .facebook {
  background-position: -32px 50%; }

#footer .social .google {
  background-position: -64px 50%; }

#footer .social .linkedin {
  background-position: -96px 50%; }

#footer a {
  color: #bbb; }
  @media only screen and (max-width: 1190px) {
    #footer a {
      font-size: 14px; } }

#footer a:hover {
  color: #ccc; }

#m_contact {
  display: none; }
  @media only screen and (max-width: 1190px) {
    #m_contact {
      display: inline-block; } }

#classic_contact {
  display: inline-block; }
  @media only screen and (max-width: 1190px) {
    #classic_contact {
      display: none; } }

/* Legal */
#legal_notice p {
  font-size: 14px;
  color: #555555; }

#legal_notice h2 {
  color: #333333;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400; }

#legal_notice h3 {
  color: #E83C45;
  font-family: 'msans', Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400; }

#legal_notice h4 {
  color: #333333;
  font-size: 14px;
  text-transform: none;
  font-weight: 500; }

/*# sourceMappingURL=style.css.map */