/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *

 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400&subset=cyrillic");
/* line 5, app/assets/stylesheets/reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, app/assets/stylesheets/reset.scss */
html {
  line-height: 1;
}

/* line 24, app/assets/stylesheets/reset.scss */
ol, ul {
  list-style: none;
}

/* line 26, app/assets/stylesheets/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, app/assets/stylesheets/reset.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, app/assets/stylesheets/reset.scss */
q, blockquote {
  quotes: none;
}

/* line 103, app/assets/stylesheets/reset.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, app/assets/stylesheets/reset.scss */
a img {
  border: none;
}

/* line 2, app/assets/stylesheets/base/_typography.scss */
body {
  font-family: "HelveticaNeue", sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #3a3a44;
}

@media (max-width: 480px) {
  /* line 2, app/assets/stylesheets/base/_typography.scss */
  body {
    font-size: 14px;
  }
}

/* line 13, app/assets/stylesheets/base/_typography.scss */
h1,
.h1 {
  font-size: 59.92px;
  padding: 22px 0 32px;
  line-height: 1;
  font-weight: 100;
}

/* line 21, app/assets/stylesheets/base/_typography.scss */
h2,
.h2 {
  font-size: 36px;
  font-weight: 300;
  line-height: normal;
  padding: 50px 0 20px;
}

/* line 45, app/assets/stylesheets/base/_typography.scss */
ul.styled-list {
  font-size: 14px;
  line-height: 22px;
}

/* line 49, app/assets/stylesheets/base/_typography.scss */
ul.styled-list > li {
  margin-bottom: 15px;
  padding-left: 56px;
  min-height: 30px;
  position: relative;
  box-sizing: border-box;
}

/* line 56, app/assets/stylesheets/base/_typography.scss */
ul.styled-list > li:last-of-type {
  margin-bottom: 0;
}

/* line 60, app/assets/stylesheets/base/_typography.scss */
ul.styled-list > li:before {
  font-family: "icomoon";
  content: "\e914";
  font-size: 30px;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 479px) {
  font-size: 16px;
  line-height: 24px;
  /* line 79, app/assets/stylesheets/base/_typography.scss */
  h1,
.h1 {
    font-size: 43.34px;
    padding: 0 0 10px;
  }
  /* line 85, app/assets/stylesheets/base/_typography.scss */
  h2,
.h2 {
    font-size: 28.895px;
    line-height: 120%;
    padding: 27.5px 0 20px;
  }
}

/* line 3, app/assets/stylesheets/base/_base.scss */
body {
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
  min-width: 320px;
}

/* line 9, app/assets/stylesheets/base/_base.scss */
h1, h2, .h1, .h2 {
  color: #5b221d;
}

/* line 13, app/assets/stylesheets/base/_base.scss */
.cf {
  *zoom: 1;
}

/* line 15, app/assets/stylesheets/base/_base.scss */
.cf:before, .cf:after {
  content: "";
  display: table;
}

/* line 19, app/assets/stylesheets/base/_base.scss */
.cf:after {
  clear: both;
}

/* line 24, app/assets/stylesheets/base/_base.scss */
.section-header {
  padding: 22px 0 32px;
}

/* line 27, app/assets/stylesheets/base/_base.scss */
.section-header .header-suptitle {
  color: #50C100;
  font-size: 29.975px;
  font-weight: 100;
}

/* line 33, app/assets/stylesheets/base/_base.scss */
.section-header .header-title {
  margin: 0;
}

@media (max-width: 479px) {
  /* line 24, app/assets/stylesheets/base/_base.scss */
  .section-header {
    padding: 0 0 20px;
  }
}

/* line 42, app/assets/stylesheets/base/_base.scss */
#content-section {
  font-weight: 300;
  position: relative;
}

/* line 55, app/assets/stylesheets/base/_base.scss */
#content-section .section-body p {
  line-height: 22px;
}

@media (max-width: 479px) {
  /* line 61, app/assets/stylesheets/base/_base.scss */
  #content-section .section-body p {
    line-height: 24px;
  }
}

/* line 68, app/assets/stylesheets/base/_base.scss */
.btn {
  border: 1px solid #24CAB4;
  border-radius: 0;
  color: #009D87;
  padding: 9px 22px;
}

/* line 74, app/assets/stylesheets/base/_base.scss */
.btn:active, .btn.active {
  box-shadow: none;
}

/* line 79, app/assets/stylesheets/base/_base.scss */
.btn:hover, .btn:focus {
  color: #009D87;
}

/* line 84, app/assets/stylesheets/base/_base.scss */
.btn.btn-more {
  position: relative;
  padding-right: 65px;
}

/* line 88, app/assets/stylesheets/base/_base.scss */
.btn.btn-more:before {
  font-family: "icomoon";
  content: '\e904';
  display: block;
  width: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  font-size: 7px;
}

/* line 104, app/assets/stylesheets/base/_base.scss */
.btn.btn-more:after {
  content: '';
  display: block;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid #24CAB4;
  background-color: #ffffff;
}

/* line 117, app/assets/stylesheets/base/_base.scss */
.btn.btn-orange {
  background-color: #ff9731;
  border-color: #ff9731;
  color: #ffffff;
}

/* line 122, app/assets/stylesheets/base/_base.scss */
.btn.btn-orange:before {
  color: #ffffff;
}

/* line 126, app/assets/stylesheets/base/_base.scss */
.btn.btn-orange:after {
  background-color: #ff7e00;
  border-color: #ff9731;
}

/* line 135, app/assets/stylesheets/base/_base.scss */
.overflow-hidden.overflow-x {
  overflow-x: hidden;
  overflow-y: visible;
}

/* line 140, app/assets/stylesheets/base/_base.scss */
.overflow-hidden.overflow-y {
  overflow-y: hidden;
  overflow-x: visible;
}

/* line 145, app/assets/stylesheets/base/_base.scss */
.overflow-hidden.overflow-xy {
  overflow: hidden;
}

/* line 152, app/assets/stylesheets/base/_base.scss */
.bx-wrapper .bx-controls {
  position: absolute;
  right: 0;
  bottom: 50px;
  left: 0;
  text-align: center;
  z-index: 51;
}

/* line 160, app/assets/stylesheets/base/_base.scss */
.bx-wrapper .bx-controls .bx-controls-direction {
  display: none;
}

/* line 166, app/assets/stylesheets/base/_base.scss */
.bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  vertical-align: top;
}

/* line 170, app/assets/stylesheets/base/_base.scss */
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.bx-pager-link {
  text-decoration: none;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 0;
  letter-spacing: 0;
  margin: 0 10px;
}

/* line 181, app/assets/stylesheets/base/_base.scss */
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.bx-pager-link.active {
  width: 8px;
  height: 8px;
  margin: -2px 8px;
}

/* line 194, app/assets/stylesheets/base/_base.scss */
.slickSlider .slick-dots {
  position: absolute;
  right: 0;
  bottom: 50px;
  left: 0;
  text-align: center;
  z-index: 51;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

/* line 205, app/assets/stylesheets/base/_base.scss */
.projectPage .slickSlider .slick-dots {
  bottom: -65px;
}

/* line 209, app/assets/stylesheets/base/_base.scss */
.slickSlider .slick-dots li {
  margin: 0 8px;
  width: 8px;
  height: 8px;
  position: relative;
}

/* line 215, app/assets/stylesheets/base/_base.scss */
.slickSlider .slick-dots li button {
  border: none;
  text-decoration: none;
  display: block;
  padding: 0;
  width: 4px;
  height: 4px;
  background-color: #ffffff;
  font-size: 0;
  letter-spacing: 0;
  outline: none;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* line 237, app/assets/stylesheets/base/_base.scss */
.slickSlider .slick-dots li.slick-active button {
  width: 100%;
  height: 100%;
}

/* line 248, app/assets/stylesheets/base/_base.scss */
.waves-effect .waves-ripple {
  background: inherit;
}

/* line 252, app/assets/stylesheets/base/_base.scss */
.waves-effect.waves-java .waves-ripple {
  background-color: rgba(36, 202, 180, 0.3);
}

/* line 258, app/assets/stylesheets/base/_base.scss */
.bg_Limeade {
  background-color: #52c200;
}

/* line 262, app/assets/stylesheets/base/_base.scss */
.bg_Flush-Orange {
  background-color: #ff7e00;
}

/* line 266, app/assets/stylesheets/base/_base.scss */
.bg_Emperor {
  background-color: #525252;
}

/* line 270, app/assets/stylesheets/base/_base.scss */
.fc_White {
  color: #ffffff;
}

/* line 273, app/assets/stylesheets/base/_base.scss */
.fc_White h1, .fc_White .h1, .fc_White h2, .fc_White .h2 {
  color: #ffffff;
}

/* line 279, app/assets/stylesheets/base/_base.scss */
blockquote {
  position: relative;
}

/* line 282, app/assets/stylesheets/base/_base.scss */
blockquote:before {
  content: "";
  display: block;
  background: url(/images/quote-left.svg) no-repeat center;
  background-size: cover;
  width: 15px;
  height: 15px;
  position: absolute;
  left: -24px;
  top: -8.5px;
}

/* line 295, app/assets/stylesheets/base/_base.scss */
blockquote:after {
  content: "";
  display: block;
  background: url(/images/quote-right.svg) no-repeat center;
  background-size: cover;
  width: 15px;
  height: 15px;
  position: absolute;
  right: -24px;
  bottom: -8.5px;
}

/* line 5, app/assets/stylesheets/components/_tile-services.scss */
#content-section .tile-services {
  width: 100%;
  position: absolute;
  top: 0;
  right: -45%;
  bottom: 0;
  padding-right: 45%;
}

@media (max-width: 1199px) {
  /* line 5, app/assets/stylesheets/components/_tile-services.scss */
  #content-section .tile-services {
    position: static;
    padding: 0;
  }
}

/* line 21, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item {
  display: block;
  height: 50%;
  min-height: 160px;
  position: relative;
  background: #ff7e00;
  color: #ffffff;
  width: 20%;
  float: left;
  text-decoration: none;
}

/* line 34, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-web .cat-icon {
  font-size: 32px;
}

/* line 39, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-tv {
  background-color: #ff9731;
}

/* line 42, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-tv .cat-icon {
  font-size: 32px;
}

/* line 47, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-mobile {
  background-color: #52c200;
}

/* line 50, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-mobile .cat-icon {
  font-size: 26px;
}

/* line 55, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-api {
  background-color: #ff9731;
}

/* line 58, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-api .cat-icon {
  font-size: 30px;
}

/* line 63, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-iot {
  background-color: #52c200;
}

/* line 66, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-iot .cat-icon {
  font-size: 31px;
}

/* line 73, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item.cat-vr .cat-icon {
  font-size: 34px;
}

@media (min-width: 1024px) {
  /* line 80, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-web {
    width: 40%;
  }
  /* line 84, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-tv {
    width: 20%;
  }
  /* line 88, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-mobile {
    width: 40%;
  }
  /* line 92, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-api {
    width: 20%;
  }
  /* line 96, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-iot {
    width: 20%;
  }
  /* line 100, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-vr {
    width: 60%;
  }
}

@media (max-width: 1023px) {
  /* line 21, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item {
    width: 50%;
  }
  /* line 108, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-api {
    background-color: #ff7e00;
  }
  /* line 112, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-iot {
    background-color: #ff9731;
  }
  /* line 116, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item.cat-vr {
    background-color: #52c200;
  }
}

/* line 121, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item .cat-icon {
  position: absolute;
  top: 34px;
  left: 40px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
}

/* line 131, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item .cat-name {
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  display: block;
  padding: 0 40px;
  position: absolute;
  left: 0;
  bottom: 34px;
}

/* line 141, app/assets/stylesheets/components/_tile-services.scss */
.tile-services .tile-list a.tile-item .cat-name small {
  display: block;
}

@media (max-width: 1439px) and (min-width: 1200px) {
  /* line 131, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item .cat-name {
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  /* line 156, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item {
    height: 33.3%;
    min-height: 33.3%;
  }
  /* line 166, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item .cat-name .m-hide {
    display: none;
  }
}

@media (max-width: 480px) {
  /* line 180, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item .cat-icon {
    top: 26px;
    left: 30px;
  }
  /* line 185, app/assets/stylesheets/components/_tile-services.scss */
  .tile-services .tile-list a.tile-item .cat-name {
    padding: 0 0 0 30px;
    bottom: 22px;
    font-size: 15px;
  }
}

/* line 1, app/assets/stylesheets/components/_support-directions.scss */
#section-support-directions {
  background-color: rgba(0, 0, 0, 0.02);
  text-align: center;
}

/* line 7, app/assets/stylesheets/components/_support-directions.scss */
#section-support-directions .supp-list .supp-item {
  height: 321px;
  line-height: 321px;
  opacity: .1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease .3s;
}

/* line 16, app/assets/stylesheets/components/_support-directions.scss */
#section-support-directions .supp-list .supp-item img {
  display: block;
}

/* line 20, app/assets/stylesheets/components/_support-directions.scss */
#section-support-directions .supp-list .supp-item:hover {
  opacity: .3;
}

/* line 3, app/assets/stylesheets/layout/header.css.scss */
#page-header {
  padding: 42.5px 0 65.5px;
}

/* line 6, app/assets/stylesheets/layout/header.css.scss */
#page-header.menu-on-top {
  padding: 42px 0 0;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 100;
}

/* line 14, app/assets/stylesheets/layout/header.css.scss */
#page-header a.logo {
  display: block;
}

/* line 17, app/assets/stylesheets/layout/header.css.scss */
#page-header a.logo img {
  width: 80px;
  display: block;
}

/* line 23, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main {
  text-align: right;
  font-size: 0;
  letter-spacing: 0;
  padding: 30px 0;
}

/* line 29, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  font-size: 17px;
  font-weight: 300;
  margin-left: 54px;
}

/* line 38, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li:hover .services-vertical-menu {
  visibility: visible;
  opacity: 1;
}

/* line 43, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li:hover .services-vertical-menu__body:before {
  opacity: 1;
}

/* line 51, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li .services-vertical-menu {
  transition: all .4s;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  padding-top: 30px;
  width: 170px;
  text-align: left;
  position: absolute;
}

/* line 58, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li .services-vertical-menu__body {
  padding: 10px 0;
  line-height: 30px;
  background: #595961;
  position: relative;
}

/* line 63, app/assets/stylesheets/layout/header.css.scss */
.homePage #page-header ul.nav-main li .services-vertical-menu__body, .projectPage #page-header ul.nav-main li .services-vertical-menu__body {
  background: #ffffff;
}

/* line 66, app/assets/stylesheets/layout/header.css.scss */
.homePage #page-header ul.nav-main li .services-vertical-menu__body:before, .projectPage #page-header ul.nav-main li .services-vertical-menu__body:before {
  background: #ffffff;
}

/* line 69, app/assets/stylesheets/layout/header.css.scss */
.homePage #page-header ul.nav-main li .services-vertical-menu__body a, .projectPage #page-header ul.nav-main li .services-vertical-menu__body a {
  color: #595961 !important;
}

/* line 71, app/assets/stylesheets/layout/header.css.scss */
.homePage #page-header ul.nav-main li .services-vertical-menu__body a:hover, .projectPage #page-header ul.nav-main li .services-vertical-menu__body a:hover {
  background: rgba(58, 58, 68, 0.1);
}

/* line 78, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li .services-vertical-menu__body:before {
  content: '';
  opacity: 0;
  transition: all .8s;
  display: block;
  background: #595961;
  width: 65px;
  height: 7px;
  position: absolute;
  top: -7px;
  left: 0;
}

/* line 92, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li .services-vertical-menu__body a {
  padding: 0 15px;
  color: #ffffff !important;
  font-size: 0.9em;
}

/* line 96, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li .services-vertical-menu__body a:hover {
  background: rgba(255, 255, 255, 0.6);
}

/* line 112, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li:first-of-type {
  margin-left: 0;
}

/* line 116, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li a {
  color: #5b221d;
  padding: 0;
  display: block;
  text-decoration: none;
  transition: all ease .3s;
  outline: none;
}

/* line 124, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li a.router-link-active {
  color: #50C100;
}

/* line 129, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li a:hover {
  background: none;
}

/* line 133, app/assets/stylesheets/layout/header.css.scss */
.homePage #page-header ul.nav-main li a, .projectPage #page-header ul.nav-main li a {
  color: #ffffff;
}

/* line 144, app/assets/stylesheets/layout/header.css.scss */
#page-header ul.nav-main li.active a, #page-header ul.nav-main li:hover a {
  color: #b8b8b8;
}

@media (max-width: 1023px) {
  /* line 3, app/assets/stylesheets/layout/header.css.scss */
  #page-header {
    text-align: center;
    padding: 63px 0 0;
    margin-bottom: 20px;
  }
  /* line 155, app/assets/stylesheets/layout/header.css.scss */
  #page-header.menu-on-top {
    padding: 63px 0 0;
  }
  /* line 159, app/assets/stylesheets/layout/header.css.scss */
  #page-header a.logo {
    display: inline-block;
    vertical-align: top;
  }
  /* line 163, app/assets/stylesheets/layout/header.css.scss */
  #page-header a.logo img {
    width: 80px;
  }
}

/* line 3, app/assets/stylesheets/layout/footer.css.scss */
#page-footer {
  padding: 70px 0 78px;
}

/* line 10, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .footer-contacts li {
  line-height: 1;
}

/* line 13, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .footer-contacts li.contact-phone {
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 26px;
}

/* line 19, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .footer-contacts li.contact-email {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 32px;
}

/* line 25, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .footer-contacts li.contact-skype {
  color: #00b7e4;
  font-size: 14px;
  font-weight: 300;
  padding-left: 19px;
  position: relative;
}

/* line 32, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .footer-contacts li.contact-skype:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  background: url(/images/icon-skype.png) no-repeat center;
}

/* line 43, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .footer-contacts li a {
  color: #3a3a44;
}

/* line 51, app/assets/stylesheets/layout/footer.css.scss */
.contactPage + #page-footer .footer-row-first .control-request {
  display: none;
}

/* line 62, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .nav-social li {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  margin-left: 40px;
}

/* line 69, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .nav-social li:first-of-type {
  margin-left: 0;
}

/* line 73, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .nav-social li a {
  padding: 0;
  background-color: #fff;
  color: #E1E1E1;
  font-size: 21px;
  transition: all ease .3s;
}

/* line 80, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .nav-social li a img {
  vertical-align: middle;
}

/* line 84, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-first .nav-social li a:hover {
  color: #aeaeae;
}

/* line 92, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-second {
  padding-top: 56px;
}

/* line 95, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-second .site-copyright {
  color: rgba(58, 58, 68, 0.3);
  font-weight: 300;
  text-align: left;
}

/* line 103, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-second .nav-footer li {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  margin-left: 54px;
}

/* line 110, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-second .nav-footer li:first-of-type {
  margin-left: 0;
}

/* line 114, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-second .nav-footer li a {
  padding: 0;
  background: none;
  color: #595961;
}

/* line 118, app/assets/stylesheets/layout/footer.css.scss */
#page-footer .footer-row-second .nav-footer li a.router-link-active {
  color: #ff7e00;
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer {
    text-align: center;
    padding: 0;
  }
  /* line 140, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-first .footer-contacts li.contact-email {
    font-size: 16px;
  }
  /* line 148, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-first .footer-contacts li.contact-skype {
    text-align: center;
    padding: 0;
  }
  /* line 152, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-first .footer-contacts li.contact-skype:before {
    position: static;
    display: inline-block;
    margin-right: 6px;
  }
  /* line 158, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-first .footer-contacts li.contact-skype a {
    color: #00b7e4;
    font-size: 16px;
  }
  /* line 166, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-first .control-request {
    margin: 0 30px 40px;
    padding: 40px 0;
    background: #FAFAFA;
  }
  /* line 171, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-first .control-request .btn {
    width: 100%;
    max-width: 315.5px;
    height: 45px;
    padding: 12px 65px 12px 12px;
  }
  /* line 179, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-first .nav-social {
    text-align: center;
    margin: 0;
    padding: 40px 0;
  }
  /* line 186, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-second {
    padding: 0;
  }
  /* line 189, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-second .site-copyright {
    color: #3a3a44;
    font-size: 18px;
    text-align: center;
    opacity: .3;
    height: 87.5px;
    line-height: 87.5px;
    background: white;
  }
  /* line 199, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-second .nav-footer {
    margin: 0;
    padding: 21px 0;
    text-align: center;
    background: #FAFAFA;
  }
  /* line 205, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-second .nav-footer li {
    margin: 0;
    padding: 0;
    display: block;
    float: none;
  }
  /* line 211, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-second .nav-footer li a {
    font-size: 16px;
    line-height: 48px;
  }
}

@media (max-width: 479px) {
  /* line 226, app/assets/stylesheets/layout/footer.css.scss */
  #page-footer .footer-row-first .control-request .btn {
    max-width: 100%;
  }
}

/* line 234, app/assets/stylesheets/layout/footer.css.scss */
.contact-icon {
  height: 1.5rem;
}

/* line 237, app/assets/stylesheets/layout/footer.css.scss */
.contact-icon:hover {
  filter: brightness(70%);
}

/* line 4, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: all ease .3s;
}

/* line 18, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav + .responsive-nav-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* line 29, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar {
  width: 187.5px;
  position: absolute;
  top: 0;
  right: -187.5px;
  bottom: 0;
  background: #595961;
  z-index: 2;
  padding: 85px 0 246px;
  transition: all ease .3s;
}

/* line 48, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-nav .nav-main li .services-vertical-menu {
  display: none;
}

/* line 52, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-nav .nav-main li a {
  font-size: 16px;
  line-height: 48px;
  color: #fff;
  outline: none;
  display: inline-block;
  vertical-align: top;
  padding: 0 40px;
}

/* line 60, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-nav .nav-main li a:hover {
  color: #595961;
}

/* line 68, app/assets/stylesheets/layout/responsive-nav.css.scss */
.homePage #responsive-nav .sidebar, .projectPage #responsive-nav .sidebar {
  background: #fff;
}

/* line 74, app/assets/stylesheets/layout/responsive-nav.css.scss */
.homePage #responsive-nav .sidebar .nav-main li a, .projectPage #responsive-nav .sidebar .nav-main li a {
  color: #595961;
}

/* line 81, app/assets/stylesheets/layout/responsive-nav.css.scss */
.homePage #responsive-nav .sidebar .container-social li a, .projectPage #responsive-nav .sidebar .container-social li a {
  background-color: #fff;
}

/* line 88, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-social {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0 0 23px;
}

/* line 96, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-social li {
  display: block;
  margin: 0;
  padding: 0;
}

/* line 101, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  outline: none;
  padding: 0;
  background-color: #595961;
  color: #E1E1E1;
  font-size: 21px;
}

/* line 114, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-social li.contact-skype {
  margin-bottom: 25px;
}

/* line 117, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-social li.contact-skype a {
  height: 78px;
  background: #1AB6FF;
  color: #fff;
  font-size: 0;
  letter-spacing: 0;
}

/* line 124, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav .sidebar .container-social li.contact-skype a:before {
  font-family: 'icomoon';
  content: "\e90c";
  font-size: 25px;
}

/* line 135, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav.active {
  width: 100%;
  visibility: visible;
  opacity: 1;
  /*+ .responsive-nav-overlay {
        z-index: 1000;
        @include opacity(.6);
      }*/
}

/* line 140, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav.active + .responsive-nav-overlay {
  display: block;
}

/* line 144, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav.active .sidebar {
  right: 0;
}

/* line 155, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav-toggle {
  position: absolute;
  top: 45px;
  right: 7.87%;
  font-size: 16px;
  color: black;
  z-index: 10000;
}

/* line 163, app/assets/stylesheets/layout/responsive-nav.css.scss */
#responsive-nav-toggle.active {
  color: #363636;
  position: fixed;
}

/* line 168, app/assets/stylesheets/layout/responsive-nav.css.scss */
.homePage #responsive-nav-toggle, .projectPage #responsive-nav-toggle {
  color: #fff;
  transition: all ease .3s;
}

/* line 173, app/assets/stylesheets/layout/responsive-nav.css.scss */
.homePage #responsive-nav-toggle.active, .projectPage #responsive-nav-toggle.active {
  color: #363636;
}

/* line 1, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form {
  padding: 55.5px 0 75px;
  position: relative;
}

/* line 5, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group {
  margin-bottom: 44.5px;
}

/* line 8, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group:last-of-type {
  margin-bottom: 50px;
}

/* line 12, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group input[type="text"],
.contact-us-form .form-group input[type="email"] {
  outline: none;
  background: none;
  border: none;
  padding: 13px 0;
  color: #ffffff;
  line-height: 1;
  border-bottom: 1px solid #75ce33;
  outline: none;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all ease .3s;
}

/* line 26, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group input[type="text"]::placeholder,
.contact-us-form .form-group input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 30, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group input[type="text"]:focus, .contact-us-form .form-group input[type="text"]:active,
.contact-us-form .form-group input[type="email"]:focus,
.contact-us-form .form-group input[type="email"]:active {
  outline: none;
}

/* line 36, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group label {
  padding: 13px 0;
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
}

/* line 42, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group textarea {
  color: #ffffff;
  display: block;
  width: 100%;
  border: none;
  background: #75ce33;
  height: 191px;
  padding: 13px;
  outline: none;
  box-sizing: border-box;
  transition: all ease .3s;
}

/* line 58, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group.error input[type="text"],
.contact-us-form .form-group.error input[type="email"] {
  border-color: #ff4646;
}

/* line 63, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-group.error textarea {
  background: rgba(255, 70, 70, 0.3);
}

/* line 69, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form [type="submit"] {
  border: none;
  background-color: #ffffff;
  color: #3a3a44;
}

/* line 74, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form [type="submit"]:before {
  color: #ffffff;
}

/* line 78, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form [type="submit"]:after {
  background-color: #75ce33;
  border: none;
}

/* line 85, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined {
  position: absolute;
  bottom: 316px;
  right: 22px;
  color: white;
  transform: rotate(-45deg);
  display: flex;
}

/* line 94, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .block-inner {
  display: none;
}

/* line 97, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .block-inner .col-first {
  width: 472px;
  height: 472px;
  background-color: #525252;
  padding: 46px 60px;
  text-transform: uppercase;
}

/* line 104, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .block-inner .col-first .block-title {
  font-size: 34.205px;
  line-height: normal;
  font-weight: 700;
}

/* line 110, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .block-inner .col-first .block-text {
  font-size: 13.98px;
  line-height: normal;
  font-weight: 700;
  position: absolute;
  bottom: 46px;
  left: 60px;
}

/* line 122, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .block-inner .col-second .cell-first {
  background-color: #13B6FD;
  width: 200px;
  height: 66.6%;
}

/* line 127, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .block-inner .col-second .cell-first:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 86px;
  height: 86px;
}

/* line 140, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .block-inner .col-second .cell-second {
  height: 33.3%;
}

/* line 145, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .block-inner.pattern {
  display: none;
}

/* line 150, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message {
  width: 471.5px;
  height: 471.5px;
  background-color: #525252;
  padding: 46px 60px;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}

/* line 159, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message .msg-title {
  font-size: 34.205px;
  line-height: normal;
  font-weight: 700;
}

/* line 165, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message .msg-text {
  font-size: 13.98px;
  line-height: normal;
  font-weight: 700;
  position: absolute;
  bottom: 46px;
  left: 60px;
}

/* line 175, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message-success {
  background-color: #525252;
  text-transform: uppercase;
  color: white;
  font-weight: 700;
  min-width: 400px;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: flex-start;
}

/* line 186, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message-success:before {
  content: '';
  display: block;
  background-color: #525252;
}

/* line 192, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message-success .msg-block {
  font-size: 34.205px;
  background-color: #5f5f5f;
  width: 737px;
  height: 300px;
  padding: 42px 0 0 167.5px;
}

/* line 200, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message-success .arrow {
  font-size: 13.98px;
  background-color: #5f5f5f;
  position: absolute;
}

/* line 206, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message-success .skype-block {
  font-size: 13.98px;
  background-color: #18a9ec;
  width: 291px;
  height: 300px;
  position: relative;
}

/* line 213, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .message-success .skype-block p {
  position: absolute;
  left: 58px;
  bottom: 42.5px;
}

/* line 221, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .skype-us {
  width: 471.5px;
  height: 471.5px;
  background-color: #00B4FF;
  position: relative;
  z-index: 5;
  margin-left: -293px;
}

/* line 229, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .skype-us a {
  text-align: center;
  display: block;
  width: 179px;
  position: absolute;
  top: 0;
  bottom: 178.25px;
  left: 293px;
  text-decoration: none;
}

/* line 239, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .skype-us a [class*='icon-'] {
  color: white;
  font-size: 42.5px;
  position: absolute;
  top: 134px;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(45deg);
}

/* line 252, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .decor-orange-dark {
  width: 356.5px;
  height: 356.5px;
  position: absolute;
  top: 471.5px;
  right: -178.25px;
  z-index: 9;
  background: #FF8200;
}

/* line 262, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .decor-orange {
  width: 356.5px;
  height: 356.5px;
  position: absolute;
  top: 300px;
  right: -178.25px;
  z-index: 8;
  background: #FF9800;
}

/* line 272, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .decor-gray-dark {
  width: 356.5px;
  height: 356.5px;
  position: absolute;
  top: 300px;
  right: 12px;
  z-index: 7;
  background: #3F3F3F;
}

/* line 282, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .decor-green-right {
  width: 356.5px;
  height: 356.5px;
  position: absolute;
  top: 487.5px;
  right: 12px;
  z-index: 6;
  background: #3E9D00;
}

/* line 292, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .decor-green-left {
  width: 356.5px;
  height: 356.5px;
  position: absolute;
  right: 346px;
  top: 300px;
  z-index: 4;
  background: #43AC00;
}

/* line 302, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .decor-green-light {
  position: absolute;
  z-index: 3;
  transform: rotate(45deg);
  width: 876px;
  height: 612px;
  overflow: hidden;
  top: auto;
  bottom: -152px;
  right: 10px;
}

/* line 321, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .decor-green-light:before {
  content: '';
  display: block;
  width: 304.5px;
  height: 612px;
  transform: rotate(45deg);
  background: #49BA00;
  position: absolute;
  bottom: -200px;
  left: 172px;
}

/* line 334, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .block-inclined .decor-gray-light {
  width: 356.5px;
  height: 356.5px;
  position: absolute;
  top: 190px;
  right: -285px;
  z-index: 2;
  background: #F1F1F1;
}

/* line 345, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
.contact-us-form .form-message {
  font-size: 48px;
  height: 763px;
  font-weight: 100;
  line-height: normal;
  padding: 181.5px 0 199px;
}

@media (max-width: 1199px) {
  /* line 1, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form {
    display: flex;
    flex-flow: column;
    padding: 0 0 50px 0 !important;
  }
  /* line 357, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .container {
    order: 2;
    width: 100%;
  }
  /* line 360, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .container button {
    width: 100%;
  }
  /* line 365, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .form-message {
    height: auto;
    padding: 0;
  }
  /* line 371, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    bottom: auto;
    margin-bottom: 40px;
    color: white;
    order: 1;
    transform: rotate(0deg);
    display: flex;
  }
  /* line 387, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .message-success {
    min-width: 100%;
    width: 100%;
  }
  /* line 390, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .message-success .skype-block {
    display: none;
  }
  /* line 393, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .message-success .msg-block {
    min-width: 100%;
    width: 100%;
    padding: 30px 30px;
    height: auto;
  }
  /* line 402, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .skype-us {
    display: none;
  }
  /* line 406, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .message {
    width: 100%;
    height: auto;
    background-color: #525252;
    padding: 30px 30px;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
  }
  /* line 415, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .message .msg-title {
    font-size: 34.205px;
    line-height: normal;
    font-weight: 700;
  }
  /* line 421, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .message .msg-text {
    font-size: 11.184px;
    line-height: normal;
    font-weight: 700;
    position: relative;
    margin-top: 10px;
    bottom: 0;
    left: 0;
  }
  /* line 432, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .skype-us {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 30px;
    bottom: -30px;
    z-index: 50;
    margin: 0 !important;
  }
  /* line 440, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .skype-us a {
    position: relative !important;
    left: 0;
    bottom: 0;
    right: 0;
    top: 30px;
    width: 100%;
    height: 100%;
  }
  /* line 449, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .skype-us a [class*='icon-'] {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(0deg);
  }
  /* line 462, app/assets/stylesheets/pages/../components/_contact-us-form.scss */
  .contact-us-form .block-inclined .decor-orange, .contact-us-form .block-inclined .decor-orange-dark, .contact-us-form .block-inclined .decor-gray-dark, .contact-us-form .block-inclined .decor-green-right, .contact-us-form .block-inclined .decor-green-left, .contact-us-form .block-inclined .decor-green-light, .contact-us-form .block-inclined .decor-gray-light {
    display: none;
  }
}

/* line 4, app/assets/stylesheets/pages/contact_us.css.scss */
.contactPage {
  margin-bottom: 30px;
}

/* line 5, app/assets/stylesheets/pages/contact_us.css.scss */
.contactPage #content-section {
  padding-bottom: 59px;
  position: relative;
}

/* line 10, app/assets/stylesheets/pages/contact_us.css.scss */
.contactPage .help-block {
  color: rgba(255, 255, 255, 0.3);
}

/* line 12, app/assets/stylesheets/pages/contact_us.css.scss */
.contactPage .help-block a {
  color: #69a1d2;
}

/* line 3, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .block-title {
  margin: 0;
  padding: 49px 0 24.5px;
  line-height: 1;
}

/* line 11, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .our-key-values {
  padding: 0 0 57px;
}

/* line 23, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half {
  position: relative;
  overflow: hidden;
}

/* line 29, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half:before, .careers-blocks .in-half:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
}

/* line 40, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half:before {
  right: 50%;
  background-color: #52c200;
}

/* line 45, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half:after {
  left: 50%;
  background-color: #525252;
}

/* line 54, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half .block-btns {
  padding: 37px 0 0;
}

/* line 57, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half .block-btns .btn {
  background-color: #ffffff;
  color: #363636;
  width: 155px;
  height: 40.5px;
  border: none;
}

/* line 66, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half .block-btns .btn.btn-more:before {
  color: #ffffff;
}

/* line 70, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half .block-btns .btn.btn-more:after {
  border: none;
}

/* line 77, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half .electronics-engieneer {
  padding: 0 58.5px 60px 0;
  position: relative;
  z-index: 5;
}

/* line 88, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half .electronics-engieneer .btn.btn-more:before {
  background-color: #75ce33;
}

/* line 100, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half .ror-engieneer {
  padding: 0 0 60px 58.5px;
  position: relative;
  z-index: 5;
}

/* line 109, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half .ror-engieneer .btn.btn-more:before {
  background-color: #757575;
}

/* line 121, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half p {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

/* line 129, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
.careers-blocks .in-half ul {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

@media (max-width: 991px) {
  /* line 143, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
  .careers-blocks .in-half {
    overflow: hidden;
  }
  /* line 146, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
  .careers-blocks .in-half [class*="col-"] {
    position: static;
  }
  /* line 150, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
  .careers-blocks .in-half:before, .careers-blocks .in-half:after {
    display: none;
  }
  /* line 155, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
  .careers-blocks .in-half .electronics-engieneer {
    padding: 0 0 50px;
    position: static;
  }
  /* line 159, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
  .careers-blocks .in-half .electronics-engieneer:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #52c200;
  }
  /* line 171, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
  .careers-blocks .in-half .ror-engieneer {
    padding: 0 0 50px;
    position: static;
  }
  /* line 175, app/assets/stylesheets/pages/../components/_careers-blocks.scss */
  .careers-blocks .in-half .ror-engieneer:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #525252;
  }
}

/* line 5, app/assets/stylesheets/pages/careers.css.scss */
.careersPage #content-section {
  padding-bottom: 59px;
  position: relative;
}

/* line 9, app/assets/stylesheets/pages/careers.css.scss */
.careersPage #content-section:after {
  content: '';
  color: #ffffff;
  width: 242.5px;
  height: 299px;
  position: absolute;
  bottom: -62px;
  right: -45px;
  left: 50%;
  margin: 0 auto;
  background: url(/assets/icon_big_career-0275e8d88c9fd14909b8179fbd8a680974aba178524290d5a1c3e7cddfd4f5ec.svg);
}

@media (max-width: 767px) {
  /* line 24, app/assets/stylesheets/pages/careers.css.scss */
  .careersPage #content-section:after {
    display: none;
  }
}

/* line 31, app/assets/stylesheets/pages/careers.css.scss */
.careersPage .inner_p ul {
  list-style: inherit;
  margin: 3px 18px;
}

/* line 1, app/assets/stylesheets/pages/../components/_facts-list.scss */
#facts-list {
  background-color: #F6F6F6;
  padding-bottom: 111px;
}

/* line 14, app/assets/stylesheets/pages/../components/_facts-list.scss */
#facts-list .section-body.facts-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 19, app/assets/stylesheets/pages/../components/_facts-list.scss */
#facts-list .section-body.facts-list .facts-item {
  width: 25%;
  padding: 10px;
}

/* line 25, app/assets/stylesheets/pages/../components/_facts-list.scss */
#facts-list .section-body.facts-list .facts-item .facts-pic img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) and (min-width: 480px) {
  /* line 41, app/assets/stylesheets/pages/../components/_facts-list.scss */
  #facts-list .section-body.facts-list .facts-item {
    width: 50%;
  }
}

@media (max-width: 479px) {
  /* line 54, app/assets/stylesheets/pages/../components/_facts-list.scss */
  #facts-list .section-body.facts-list .facts-item {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/pages/../components/_deliverability-process.scss */
#deliverability-process {
  padding: 0 0 50.5px;
}

/* line 20, app/assets/stylesheets/pages/../components/_deliverability-process.scss */
#deliverability-process .section-body .deliverability-process-pic {
  text-align: right;
}

/* line 23, app/assets/stylesheets/pages/../components/_deliverability-process.scss */
#deliverability-process .section-body .deliverability-process-pic img {
  margin: -63px 0 0;
  max-width: 100%;
}

@media (max-width: 991px) {
  /* line 34, app/assets/stylesheets/pages/../components/_deliverability-process.scss */
  #deliverability-process .section-body .deliverability-process-pic {
    text-align: center;
    margin-top: 40px;
  }
  /* line 38, app/assets/stylesheets/pages/../components/_deliverability-process.scss */
  #deliverability-process .section-body .deliverability-process-pic img {
    margin: 0;
    max-width: 100%;
  }
}

/* line 4, app/assets/stylesheets/pages/about.css.scss */
#content-section {
  padding-bottom: 0;
  overflow: hidden;
}

/* line 16, app/assets/stylesheets/pages/about.css.scss */
#content-section .if-our-client {
  padding: 11px 0 75px 69.5px;
  position: absolute;
  top: 10px;
  width: 100%;
  left: 48%;
  z-index: 5;
  overflow: hidden;
}

/* line 25, app/assets/stylesheets/pages/about.css.scss */
#content-section .if-our-client:after {
  font-family: "icomoon";
  content: '\e902';
  display: block;
  color: #ffffff;
  font-size: 372.5px;
  position: absolute;
  top: 58px;
  left: 580px;
  line-height: 1;
}

/* line 39, app/assets/stylesheets/pages/about.css.scss */
#content-section .if-our-client .container-inner ul.styled-list {
  width: 22%;
}

/* line 45, app/assets/stylesheets/pages/about.css.scss */
#content-section .row-text-2 {
  margin-top: 20%;
  margin-bottom: 8%;
}

/* line 50, app/assets/stylesheets/pages/about.css.scss */
#content-section .ideal-app {
  padding: 0 0 333.5px 66.6%;
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 48%;
  z-index: 4;
  overflow: hidden;
}

/* line 59, app/assets/stylesheets/pages/about.css.scss */
#content-section .ideal-app:after {
  font-family: "icomoon";
  content: '\e905';
  display: block;
  color: #ffffff;
  font-size: 487.5px;
  position: absolute;
  bottom: -35px;
  right: 90px;
  line-height: 311.5px;
}

/* line 71, app/assets/stylesheets/pages/about.css.scss */
#content-section .ideal-app .container-inner {
  padding-left: 69.5px;
}

/* line 74, app/assets/stylesheets/pages/about.css.scss */
#content-section .ideal-app .container-inner ul.styled-list {
  width: 72%;
}

@media (max-width: 1899px) and (min-width: 1200px) {
  /* line 82, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client {
    width: auto;
    max-width: 100%;
    right: 0;
    padding: 0;
  }
  /* line 88, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client .container-inner {
    width: 580px;
    padding: 11px 0 75px 69.5px;
  }
  /* line 92, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client .container-inner ul.styled-list {
    width: auto;
  }
  /* line 98, app/assets/stylesheets/pages/about.css.scss */
  #content-section .ideal-app {
    width: auto;
    max-width: 100%;
    left: 0;
    padding: 0 2% 333.5px 0;
  }
  /* line 104, app/assets/stylesheets/pages/about.css.scss */
  #content-section .ideal-app .container-inner {
    width: 580px;
    padding: 0 0 0 10px;
    float: right;
  }
}

@media (max-width: 1199px) {
  /* line 114, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client,
#content-section .ideal-app {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: 50px;
    padding: 0 0 60px;
  }
  /* line 124, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client .container-inner,
#content-section .ideal-app .container-inner {
    padding: 0;
  }
  /* line 127, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client .container-inner ul.styled-list,
#content-section .ideal-app .container-inner ul.styled-list {
    width: auto;
  }
  /* line 132, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client:before,
#content-section .ideal-app:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 300%;
    left: -100%;
    z-index: -1;
  }
  /* line 143, app/assets/stylesheets/pages/about.css.scss */
  #content-section .ideal-app {
    overflow: visible;
    padding-bottom: 240px;
  }
  /* line 147, app/assets/stylesheets/pages/about.css.scss */
  #content-section .ideal-app:after {
    font-size: 380px;
    right: 0;
    bottom: -72px;
    left: 0;
    text-align: center;
  }
  /* line 155, app/assets/stylesheets/pages/about.css.scss */
  #content-section .ideal-app:before {
    background: #ff7e00;
  }
  /* line 160, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client {
    overflow: visible;
    padding-bottom: 399px;
  }
  /* line 164, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client:after {
    font-size: 298px;
    top: initial;
    right: 0;
    bottom: 40px;
    left: 0;
    text-align: center;
  }
  /* line 173, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client:before {
    background: #52c200;
  }
  /* line 178, app/assets/stylesheets/pages/about.css.scss */
  #content-section .row-text-2 {
    margin: 0;
  }
}

@media (max-width: 375px) {
  /* line 185, app/assets/stylesheets/pages/about.css.scss */
  #content-section .if-our-client {
    padding-bottom: 370px;
  }
  /* line 189, app/assets/stylesheets/pages/about.css.scss */
  #content-section .ideal-app {
    padding-bottom: 210px;
  }
  /* line 192, app/assets/stylesheets/pages/about.css.scss */
  #content-section .ideal-app:after {
    font-size: 300px;
    bottom: -82px;
  }
}

/* line 1, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider {
  background: #292A2E;
  height: 802.5px;
  position: relative;
  overflow: hidden;
}

/* line 8, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-header {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 321px;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #ffffff;
  font-weight: 100;
  padding: 0;
}

/* line 22, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-header .header-title {
  font-size: 60px;
  max-width: 550px;
  margin: 74px auto 25.5px;
  padding: 0;
  position: relative;
  z-index: 2;
  color: #ffffff;
}

@media (max-width: 599px) and (min-width: 480px) {
  /* line 22, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-header .header-title {
    font-size: 50px;
  }
}

/* line 36, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-header .header-subtitle {
  font-size: 24px;
  position: relative;
  z-index: 2;
}

/* line 42, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-header .page-header-slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  filter: blur(10px);
}

/* line 51, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-header .page-header-slider .slick-list {
  height: 100%;
}

/* line 54, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-header .page-header-slider .slick-list .slick-track {
  width: 100% !important;
  height: 100%;
}

/* line 58, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-header .page-header-slider .slick-list .slick-track .slide-item {
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center -481px !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

/* line 69, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-header .page-header-slider .slick-list .slick-track .slide-item .container {
  display: none;
}

/* line 82, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item {
  height: 802px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}

/* line 88, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .slider-blur-bottom {
  position: absolute;
  height: 321px;
  width: 100%;
  bottom: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center -482px;
}

/* line 99, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container {
  color: white;
  padding-top: 205px;
}

/* line 103, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container .item-desc {
  max-width: 392px;
  margin-left: 80px;
}

/* line 107, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container .item-desc .desc-title {
  font-size: 23.965px;
  font-weight: 700;
}

/* line 112, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container .item-desc .desc-text {
  margin-top: 18.5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

@media (max-width: 1099px) {
  /* line 103, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-desc {
    margin-left: 0;
  }
}

/* line 124, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container .item-review {
  max-width: 390px;
  min-width: 390px !important;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

/* line 131, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container .item-review .review-photo {
  margin-left: 15.5px;
}

/* line 135, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container .item-review .review-text {
  font-style: italic;
}

/* line 137, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container .item-review .review-text:after {
  background: none !important;
}

/* line 142, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
#homepage-slider .section-body .slide-list .slide-item .container .item-review .review-author {
  margin-top: 20px;
}

@media (max-width: 991px) {
  /* line 99, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container {
    padding-top: 180px;
  }
  /* line 150, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-desc {
    max-width: 100%;
    margin-bottom: 40px;
  }
  /* line 155, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-review {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 162, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-desc {
    padding: 0 10%;
  }
  /* line 165, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-desc .desc-title {
    font-size: 17.5px;
  }
  /* line 169, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-desc .desc-text {
    margin-top: 12px;
    font-size: 12px;
    line-height: normal;
  }
  /* line 176, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-review {
    padding: 0 10%;
    font-size: 12px;
    line-height: normal;
    display: none;
  }
  /* line 182, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-review .review-photo {
    margin-left: 10px;
  }
  /* line 186, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-review .review-author {
    margin-top: 12px;
  }
}

@media (max-width: 480px) {
  /* line 99, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container {
    padding-top: 170px;
  }
  /* line 195, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-desc {
    margin-bottom: 30px;
    padding: 0 10px;
  }
  /* line 200, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item .container .item-review {
    padding: 0 10px;
  }
}

@media (max-width: 1600px) {
  /* line 221, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-header .page-header-slider .slick-list .slick-track .slide-item {
    background-size: auto 802px;
    background-position: center bottom;
  }
  /* line 234, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item {
    background-size: auto 100%;
  }
}

@media (max-width: 760px) {
  /* line 1, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider {
    height: 100vh;
  }
  /* line 244, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-header {
    height: 164px;
  }
  /* line 247, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-header .header-title {
    margin: 18px auto 12px;
    font-size: 34px;
    line-height: 1.3;
  }
  /* line 253, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-header .header-subtitle {
    font-size: 15px;
  }
  /* line 267, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-header .page-header-slider .slick-list .slick-track .slide-item .slider-blur-bottom {
    height: 164px;
  }
  /* line 284, app/assets/stylesheets/pages/../components/_homepage-slider.scss */
  #homepage-slider .section-body .slide-list .slide-item {
    height: 667px;
  }
}

/* line 3, app/assets/stylesheets/pages/homepage.css.scss */
.slide-enter-active, .slide-leave-active {
  transition: all .4s ease;
}

/* line 7, app/assets/stylesheets/pages/homepage.css.scss */
.slide-enter, .slide-leave-to {
  transform: translateX(100vw);
  opacity: 0;
}

/* line 16, app/assets/stylesheets/pages/homepage.css.scss */
#homepage-slider .bx-wrapper .bx-controls {
  bottom: 371px;
}

/* line 23, app/assets/stylesheets/pages/homepage.css.scss */
#homepage-slider .slickSlider .slick-dots {
  bottom: 371px;
}

@media (max-width: 479px) {
  /* line 32, app/assets/stylesheets/pages/homepage.css.scss */
  #homepage-slider .slickSlider .slick-dots {
    bottom: 300px;
  }
}

/* line 39, app/assets/stylesheets/pages/homepage.css.scss */
.homepage-about {
  min-height: 321px;
  padding: 52px 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  /* line 39, app/assets/stylesheets/pages/homepage.css.scss */
  .homepage-about {
    padding: 30px 20px 40px;
    min-height: 0;
  }
  /* line 48, app/assets/stylesheets/pages/homepage.css.scss */
  .homepage-about .article-control {
    text-align: center;
  }
  /* line 52, app/assets/stylesheets/pages/homepage.css.scss */
  .homepage-about .btn {
    width: 100%;
    max-width: 315.5px;
    height: 45px;
    padding: 12px 65px 12px 12px;
  }
}

@media (max-width: 479px) {
  /* line 62, app/assets/stylesheets/pages/homepage.css.scss */
  .homepage-about .btn {
    max-width: 100%;
  }
}

/* line 69, app/assets/stylesheets/pages/homepage.css.scss */
.homePage #content-section {
  overflow: hidden;
}

/* line 73, app/assets/stylesheets/pages/homepage.css.scss */
.homePage .blur {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  -webkit-filter: url(#blur-filter);
  filter: url(#blur-filter);
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* line 80, app/assets/stylesheets/pages/homepage.css.scss */
.homePage .blur-svg {
  display: none;
}

/* line 9, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item {
  min-height: 369px;
  position: relative;
  margin-bottom: 138px;
  color: #ffffff;
}

/* line 15, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .container {
  min-height: 369px;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

/* line 23, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .item-info {
  width: 40%;
  min-width: 456px;
  padding: 52.5px 0;
  position: relative;
}

/* line 29, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .item-info:before {
  position: absolute;
  bottom: -6%;
  font-size: 202.5px;
  color: #ffffff;
  display: block;
  content: '\e907';
  font-family: 'icomoon';
}

/* line 39, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .item-info .type-name {
  font-size: 35.975px;
  font-weight: 100;
}

/* line 44, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .item-info .type-desc {
  margin: 30px 0 37.5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

/* line 55, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .item-info .btn {
  background-color: #ffffff;
  color: #363636;
  width: 155px;
  height: 40.5px;
  border: none;
}

/* line 64, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .item-info .btn.btn-more:before {
  color: #ffffff;
}

/* line 68, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .item-info .btn.btn-more:after {
  border: none;
}

/* line 75, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails {
  width: 90%;
  padding: 0 5%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

/* line 81, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .type-name-mobile {
  display: none;
}

/* line 84, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .type-desc-mobile {
  display: none;
}

/* line 88, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item {
  position: relative;
  width: 30%;
  min-width: 283px;
  overflow: hidden;
  margin: 0;
  transition: transform .2s, margin .2s, border-image-slice .35s;
}

/* line 97, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item .item-name {
  transition: height .4s, opacity .2s;
}

/* line 101, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item .item-thumb {
  transition: all .4s;
}

/* line 107, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item:hover {
  cursor: pointer;
}

/* line 111, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item:hover .item-thumb {
  transform: skewX(-15deg) scale(1.08);
}

/* line 118, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item:nth-of-type(2n+1) {
  margin-top: -68px;
  border-left: 20px solid;
  border-image: url(/images/arrow-green-left-top.svg);
  border-image-slice: 0 20 0 20;
}

/* line 122, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item:nth-of-type(2n+1):hover a .item-thumb {
  transform: skewX(15deg) scale(1.08);
}

/* line 126, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item:nth-of-type(2n+1) .item-name {
  bottom: 0;
}

/* line 131, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item:nth-of-type(2n+2) {
  margin-bottom: -68px;
  border-left: 20px solid;
  border-image: url(/images/arrow-green-left-bottom.svg);
  border-image-slice: 0 20 0 20;
}

/* line 135, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item:nth-of-type(2n+2):hover a .item-thumb {
  transform: skewX(15deg) scale(1.08);
}

/* line 139, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item:nth-of-type(2n+2) .item-name {
  top: 0;
}

/* line 144, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item > a * {
  transform: skewX(15deg);
}

/* line 148, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item .item-thumb {
  position: absolute;
  top: 0;
  right: -22%;
  bottom: 0;
  left: -22%;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 160, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item .item-name {
  color: #ffffff;
  font-size: 17.985px;
  font-weight: 300;
  height: 68px;
  line-height: 68px;
  position: absolute;
  right: -22%;
  left: -22%;
  z-index: 2;
  margin: 0 35px;
  padding: 0 22%;
}

/* line 173, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item .projects-thumbnails .project-item .item-name a {
  color: #ffffff;
  text-decoration: none;
}

/* line 183, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+1) .item-info {
  float: left;
  order: 1;
}

/* line 187, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+1) .item-info:before {
  left: 0;
}

/* line 191, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+1) .item-info .btn {
  float: right;
  margin-right: 10%;
}

/* line 197, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+1) .projects-thumbnails {
  float: right;
  order: 2;
  margin-right: -30%;
  justify-content: flex-start;
}

/* line 203, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+1) .projects-thumbnails .project-item {
  transform: skewX(-15deg);
}

/* line 207, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+1) .projects-thumbnails .project-item > * {
  transform: skewX(15deg);
}

/* line 212, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+1) .projects-thumbnails .project-item:nth-of-type(2n+2) {
  left: -1.9%;
}

/* line 222, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+2) .item-info {
  float: right;
  order: 2;
}

/* line 226, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+2) .item-info:before {
  right: 0;
}

/* line 231, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+2) .projects-thumbnails {
  float: left;
  order: 1;
  margin-left: -30%;
  justify-content: flex-end;
}

/* line 237, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+2) .projects-thumbnails .project-item {
  transform: skewX(15deg);
  border-left: 0 !important;
  border-right: 20px solid;
  border-image: url(/images/arrow-orange-right-top.svg);
  border-image-slice: 0 20 0 20;
}

/* line 240, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+2) .projects-thumbnails .project-item a .item-thumb {
  transform: skewX(-15deg);
}

/* line 249, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+2) .projects-thumbnails .project-item:hover a .item-thumb {
  transform: skewX(-15deg) scale(1.08);
}

/* line 257, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+2) .projects-thumbnails .project-item > * {
  transform: skewX(-15deg);
}

/* line 262, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2n+2) .projects-thumbnails .project-item:nth-of-type(2n + 2) {
  border-left: 0 !important;
  border-right: 20px solid;
  border-image: url(/images/arrow-orange-right-bottom.svg);
  border-image-slice: 0 20 0 20;
  right: -1.9%;
}

/* line 276, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+1) {
  background-color: #50C100;
}

/* line 283, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+1) .btn.btn-more:before {
  background-color: #54911f;
}

/* line 298, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+1) .projects-thumbnails .project-item .item-name {
  background-color: #54911f;
}

/* line 306, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+2) {
  background-color: #FD7E00;
}

/* line 313, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+2) .btn.btn-more:before {
  background-color: #c56102;
}

/* line 328, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+2) .projects-thumbnails .project-item .item-name {
  background-color: #c56102;
}

/* line 336, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+3) {
  background-color: #505050;
}

/* line 343, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+3) .btn.btn-more:before {
  background-color: #464646;
}

/* line 357, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+3) .projects-thumbnails .project-item {
  border-left: 20px solid;
  border-image: url(/images/arrow-gray-left-top.svg);
  border-image-slice: 0 20 0 20;
}

/* line 360, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3n+3) .projects-thumbnails .project-item .item-name {
  background-color: #464646;
}

/* line 372, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(1) .item-info:before {
  content: '\e907';
}

/* line 382, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(2) .item-info:before {
  content: '\e906';
}

/* line 392, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3) .item-info:before {
  content: '\e908';
}

/* line 399, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(3) .projects-thumbnails .project-item {
  width: 90%;
}

/* line 412, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(4) .item-info:before {
  content: '\e901';
}

/* line 419, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(4) .projects-thumbnails .project-item {
  border-left: 0 !important;
}

/* line 421, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(4) .projects-thumbnails .project-item:nth-of-type(2n+1) {
  border-right: 20px solid;
  border-image: url(/images/arrow-green-right-top.svg);
  border-image-slice: 0 20 0 20;
}

/* line 428, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(4) .projects-thumbnails .project-item:nth-of-type(2n+2) {
  border-right: 20px solid;
  border-image: url(/images/arrow-green-right-bottom.svg);
  border-image-slice: 0 20 0 20;
}

/* line 439, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(5) .item-info:before {
  content: '\e900';
}

/* line 445, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(5) .projects-thumbnails .project-item {
  border-right: 0 !important;
}

/* line 447, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(5) .projects-thumbnails .project-item:nth-of-type(2n+1) {
  border-left: 20px solid;
  border-image: url(/images/arrow-orange-left-top.svg);
  border-image-slice: 0 20 0 20;
}

/* line 453, app/assets/stylesheets/pages/../components/_service-types.scss */
.service-types .types-item:nth-of-type(5) .projects-thumbnails .project-item:nth-of-type(2n+2) {
  border-left: 20px solid;
  border-image: url(/images/arrow-orange-left-bottom.svg);
  border-image-slice: 0 20 0 20;
}

@media (max-width: 1199px) {
  /* line 467, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item {
    margin-bottom: 0;
    overflow: hidden;
  }
  /* line 472, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails .project-item {
    display: none;
  }
  /* line 475, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails [data-mobile="yes_option"] {
    display: block;
  }
  /* line 481, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:last-of-type {
    margin-bottom: 138px;
  }
  /* line 487, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(3) .projects-thumbnails .project-item {
    min-width: 100%;
  }
  /* line 489, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(3) .projects-thumbnails .project-item .item-thumb {
    background-position: right;
  }
  /* line 496, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .container {
    display: block;
    width: 100%;
    padding: 0;
  }
  /* line 502, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .item-info {
    display: none;
    width: 100%;
    min-width: 0;
    float: none !important;
    padding-bottom: 734px;
    max-height: 60px;
    padding-top: 30px;
  }
  /* line 511, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .item-info:before {
    bottom: 0;
    right: 0 !important;
    left: 0 !important;
    position: absolute;
    margin: auto !important;
    width: 100%;
    font-size: 152px;
    text-align: center;
  }
  /* line 522, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .item-info .type-desc {
    margin-bottom: 0;
  }
  /* line 526, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .item-info .btn {
    float: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: absolute;
    bottom: 116px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 100%;
    display: none;
  }
  /* line 544, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(2) .projects-thumbnails:after {
    content: '\e906';
  }
  /* line 554, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(3) .projects-thumbnails:after {
    content: '\e908';
    font-size: 145px;
    margin-top: -40px;
  }
  /* line 566, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(4) .projects-thumbnails:after {
    content: '\e901';
  }
  /* line 576, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(5) .projects-thumbnails:after {
    content: '\e900';
  }
  /* line 583, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails {
    width: 100%;
    height: auto;
    position: relative;
    right: 0;
    margin: 0 !important;
    padding: 0 0;
    bottom: 0px;
    left: 0;
    display: block;
  }
  /* line 594, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails:after {
    position: relative;
    font-size: 120px;
    color: #ffffff;
    display: block;
    content: '\e907';
    font-family: 'icomoon';
    margin-top: -10px;
    width: 100%;
    text-align: center;
  }
  /* line 609, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails .type-name-mobile {
    font-size: 35.975px;
    font-weight: 100;
    margin: 30px 20px 20px 20px;
    display: block;
  }
  /* line 616, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails .type-desc-mobile {
    margin: 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    display: block;
  }
  /* line 628, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails .project-item {
    transform: skewX(0deg) !important;
    margin: 0 !important;
    border: none !important;
    left: 0 !important;
    min-width: 100%;
    height: 369px;
  }
  /* line 637, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails .project-item .item-thumb {
    transform: skewX(0deg) !important;
  }
  /* line 641, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails .project-item .item-name {
    transform: skewX(0deg) !important;
    display: none;
  }
  /* line 650, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item .projects-thumbnails:before {
    display: none;
  }
  /* line 661, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(3n+1) .projects-thumbnails:before {
    background-color: #45B000;
  }
  /* line 671, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(3n+2) .projects-thumbnails:before {
    background-color: #FB6900;
  }
  /* line 680, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(3n+3) .item-info:before {
    font-size: 190px !important;
  }
  /* line 688, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(3n+3) .projects-thumbnails:before {
    background-color: #4B4B4B;
  }
  /* line 696, app/assets/stylesheets/pages/../components/_service-types.scss */
  .service-types .types-item:nth-of-type(2n+2) .projects-thumbnails {
    justify-content: flex-start;
    margin: 0;
  }
}

/* line 6, app/assets/stylesheets/pages/services.css.scss */
.servicesPage #responsive-nav-toggle {
  color: black;
}

/* line 10, app/assets/stylesheets/pages/services.css.scss */
.servicesPage #content-section {
  padding-bottom: 59.5px;
}

/* line 1, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects {
  background: #515151;
  padding: 90px 0 0;
  position: relative;
}

/* line 7, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_1:before {
  background: url(/images/service01.svg) no-repeat;
}

/* line 10, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_1 [data-icon="service_1"] {
  display: none;
}

/* line 7, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_2:before {
  background: url(/images/service02.svg) no-repeat;
}

/* line 10, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_2 [data-icon="service_2"] {
  display: none;
}

/* line 7, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_3:before {
  background: url(/images/service03.svg) no-repeat;
}

/* line 10, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_3 [data-icon="service_3"] {
  display: none;
}

/* line 7, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_4:before {
  background: url(/images/service04.svg) no-repeat;
}

/* line 10, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_4 [data-icon="service_4"] {
  display: none;
}

/* line 7, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_5:before {
  background: url(/images/service05.svg) no-repeat;
}

/* line 10, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects.service_5 [data-icon="service_5"] {
  display: none;
}

/* line 15, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects:before {
  content: '';
  background-size: 465px 327px !important;
  width: 465px;
  display: block;
  height: 327px;
  position: absolute;
  bottom: calc(100% - 49px);
  right: 200px;
}

/* line 28, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item {
  height: 370.5px;
  position: relative;
  margin-bottom: 60px;
  color: #ffffff;
  overflow: hidden;
}

/* line 35, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:before {
  content: '';
  display: block;
  width: 159.5px;
  height: 370.5px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: #515151;
  position: absolute;
  top: 0;
  bottom: 0;
}

/* line 48, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .container {
  position: relative;
  height: 370.5px;
  overflow: hidden;
}

/* line 54, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info {
  width: 35%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  padding-top: 45px;
}

/* line 62, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info:before, .service-projects .projects-list .project-item .item-info:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 72, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info:before {
  z-index: -1;
}

/* line 76, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info:after {
  z-index: -2;
}

/* line 80, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info .project-name {
  font-size: 35.975px;
  font-weight: 100;
}

/* line 85, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info .project-name a {
  color: white;
  text-decoration: none;
}

/* line 91, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info .project-text {
  margin-top: 25px;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-align: justify;
}

/* line 104, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info .project-stats {
  display: flex;
  align-items: center;
  margin-top: 36px;
}

/* line 110, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info .project-stats li {
  color: #ffffff;
  display: block;
  width: 160px;
  text-align: center;
}

/* line 116, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info .project-stats li .icon {
  font-size: 42px;
  display: block;
}

/* line 121, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-info .project-stats li .label {
  display: block;
  color: #ffffff;
  font-size: 10.995px;
  font-weight: 300;
  line-height: 1;
  margin-top: 13px;
}

/* line 134, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-thumb {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60%;
  z-index: 1;
  background-size: 100% 100%;
  transition: all .4s;
}

/* line 142, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-thumb:hover {
  transform: scale(1.08);
}

/* line 145, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item .item-thumb a {
  width: 100%;
  height: 100%;
  position: absolute;
}

/* line 152, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n+1) {
  background: #50C100;
}

/* line 156, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n+1):before {
  background-image: url(/images/pattern-01.png);
  background-position: left center;
  left: 0;
}

/* line 162, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n+1) .item-info {
  left: 0;
  background: #50C100;
  padding-right: 0;
  padding-left: 5%;
}

/* line 168, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n+1) .item-info:before {
  background: #50C100;
  transform: skewX(-18deg);
  right: -22%;
  left: -10%;
}

/* line 175, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n+1) .item-info:after {
  background-color: #54911f;
  transform: skewX(-15deg);
  right: -25%;
}

/* line 183, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n+1) .item-thumb {
  right: 0;
}

/* line 188, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n) {
  background: #FD7E00;
}

/* line 193, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n):before {
  background-image: url(/images/pattern-02.png);
  background-position: right center;
  right: 0;
}

/* line 199, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n) .item-info {
  right: 0;
  background: #FD7E00;
  padding-right: 5%;
  padding-left: 0;
}

/* line 205, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n) .item-info:before {
  background: #FD7E00;
  transform: skewX(18deg);
  left: -22%;
  right: -10%;
}

/* line 212, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n) .item-info:after {
  background: #c56102;
  transform: skewX(15deg);
  left: -25%;
}

/* line 220, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .projects-list .project-item:nth-of-type(2n) .item-thumb {
  left: 0;
}

/* line 227, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .services-navigator {
  background: #3D3D3D;
}

/* line 230, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .services-navigator .services-list {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 231.5px;
  overflow: hidden;
}

/* line 239, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .services-navigator .services-list li a {
  color: #ffffff;
  transition: all ease .3s .3s;
  text-align: center;
  text-decoration: none;
  position: relative;
  bottom: -10px;
  display: block;
}

/* line 249, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .services-navigator .services-list li a span {
  display: block;
}

/* line 253, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .services-navigator .services-list li a .name {
  font-size: 17.99px;
  font-weight: 300;
  margin-bottom: 46px;
  position: relative;
}

/* line 260, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .services-navigator .services-list li a .name:after {
  content: '';
  display: block;
  width: 2px;
  height: 40px;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 17px auto;
  background-color: #ffffff;
  transition: all ease .3s;
}

/* line 275, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .services-navigator .services-list li a .icon {
  font-size: 95px;
}

/* line 279, app/assets/stylesheets/pages/../components/_service-projects.scss */
.service-projects .services-navigator .services-list li a:hover {
  bottom: 0;
  transition: delay(0s);
}

@media (max-width: 1482px) {
  /* line 292, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item:nth-of-type(2n+1) .container {
    margin-left: 160px;
  }
  /* line 298, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item:nth-of-type(2n) .container {
    margin-right: 160px;
  }
}

@media (max-width: 1199px) {
  /* line 1, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects {
    margin-top: 160px;
  }
  /* line 313, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects:before {
    left: 0;
    right: 0;
    margin: auto;
    width: 349px;
    height: 245px;
    top: -221px !important;
    background-size: 349px 246px !important;
  }
  /* line 327, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .services-navigator .services-list li {
    width: 50%;
  }
  /* line 334, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item {
    height: auto;
    background: none !important;
  }
  /* line 338, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item:before {
    display: none;
  }
  /* line 342, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item .container {
    height: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    padding-right: 0;
    bottom: 7px;
  }
  /* line 359, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item:nth-of-type(2n+1) .container {
    border-left: 30px solid;
    border-image: url(/images/pattern-01-mini.svg);
    border-image-slice: 0 30 0 30;
  }
  /* line 367, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item:nth-of-type(2n) .container {
    border-right: 30px solid;
    border-image: url(/images/pattern-02-mini.svg);
    border-image-slice: 0 30 0 30;
  }
  /* line 374, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item .item-thumb {
    position: static;
    width: 100%;
    height: 371px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* line 383, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item .item-info {
    position: static;
    width: 100%;
    padding: 40px 20px 40px 20px !important;
  }
  /* line 384, app/assets/stylesheets/pages/../components/_service-projects.scss */
  .service-projects .projects-list .project-item .item-info:before {
    display: none;
  }
}

/* line 4, app/assets/stylesheets/pages/service.css.scss */
.servicePage #content-section {
  padding-bottom: 57px;
}

/* line 7, app/assets/stylesheets/pages/service.css.scss */
.servicePage #content-section .section-header {
  position: relative;
}

/* line 10, app/assets/stylesheets/pages/service.css.scss */
.servicePage #content-section .section-header .header-suptitle {
  position: absolute;
  top: 10px;
}

@media (max-width: 1199px) {
  /* line 18, app/assets/stylesheets/pages/service.css.scss */
  .servicePage #content-section .section-header .header-suptitle {
    top: 0;
  }
}

/* line 1, app/assets/stylesheets/pages/../components/_project-slider.scss */
#project-slider {
  background: #363636;
  height: 481.5px;
  position: relative;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/pages/../components/_project-slider.scss */
#project-slider .section-header {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 321px;
  background: rgba(255, 255, 255, 0.15);
  text-align: center;
  color: #ffffff;
  font-weight: 100;
  padding-top: 60px;
}

/* line 20, app/assets/stylesheets/pages/../components/_project-slider.scss */
#project-slider .section-header .header-title {
  font-size: 60px;
  max-width: 550px;
  margin: 0 auto 25px;
}

/* line 26, app/assets/stylesheets/pages/../components/_project-slider.scss */
#project-slider .section-header .header-subtitle {
  font-size: 24px;
}

/* line 33, app/assets/stylesheets/pages/../components/_project-slider.scss */
#project-slider .slide-list .slide-item {
  height: 802px;
  background-size: cover;
}

/* line 1, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info {
  position: relative;
  z-index: 10;
  margin-bottom: -60px;
}

/* line 6, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .container {
  max-width: 720.5px;
}

/* line 10, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-stats {
  background-color: #52c200;
  height: 183px;
}

/* line 14, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-stats .stats-list {
  display: flex;
  align-items: center;
  height: 183px;
  width: 50%;
}

/* line 20, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-stats .stats-list li {
  color: #ffffff;
  display: block;
  width: 160px;
  text-align: center;
}

/* line 26, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-stats .stats-list li .icon {
  font-size: 42px;
  display: block;
}

/* line 31, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-stats .stats-list li .label {
  display: block;
  color: #ffffff;
  font-size: 10.995px;
  font-weight: 300;
  line-height: 1;
  margin-top: 13px;
}

/* line 44, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-url {
  background-color: #3e9200;
  height: 118px;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
}

/* line 51, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-url .container {
  max-width: 720.5px;
}

/* line 55, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-url a {
  color: #ffffff;
  font-size: 17.985px;
  font-weight: 300;
}

/* line 61, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-url a .icon {
  font-size: 16px;
  margin-right: 9.5px;
}

/* line 68, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 60px;
  left: 50%;
  padding: 50px 13% 47.5px 103px;
  overflow: hidden;
  box-sizing: border-box;
}

/* line 78, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -100%;
  bottom: 0;
  left: 40px;
  background-color: #ff7e00;
  transform: skewX(-15deg);
}

/* line 90, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review .review-header {
  padding: 30px 0 0 114px;
  position: relative;
  min-height: 98.5px;
}

/* line 95, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review .review-header > span {
  display: block;
}

/* line 99, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review .review-header .author-photo {
  width: 98.5px;
  height: 98.5px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 108, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review .review-header .author-photo img {
  display: block;
  width: 100%;
}

/* line 114, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review .review-header .author-name {
  color: #ffffff;
  font-size: 17.985px;
  font-weight: 300;
}

/* line 121, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review .review-header .author-post {
  margin-top: 7.5px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-align: justify;
}

/* line 132, app/assets/stylesheets/pages/../components/_project_stats.scss */
.project-info .project-review .review-quote {
  margin-top: 15px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-align: justify;
  position: relative;
}

@media (max-width: 1199px) {
  /* line 1, app/assets/stylesheets/pages/../components/_project_stats.scss */
  .project-info {
    margin: 0;
  }
  /* line 151, app/assets/stylesheets/pages/../components/_project_stats.scss */
  .project-info .project-stats {
    height: auto;
  }
  /* line 154, app/assets/stylesheets/pages/../components/_project_stats.scss */
  .project-info .project-stats .stats-list {
    width: 100%;
    height: 160px;
    justify-content: center;
  }
  /* line 161, app/assets/stylesheets/pages/../components/_project_stats.scss */
  .project-info .project-url {
    margin: 0;
    width: 100%;
    height: 80px;
    text-align: center;
  }
  /* line 168, app/assets/stylesheets/pages/../components/_project_stats.scss */
  .project-info .project-review {
    width: 100%;
    position: static;
    background-color: #ff7e00;
  }
  /* line 173, app/assets/stylesheets/pages/../components/_project_stats.scss */
  .project-info .project-review:before {
    display: none;
  }
}

/* line 7, app/assets/stylesheets/pages/project.css.scss */
.projectPage #content-section header.section-header {
  text-align: center;
  padding: 52px 0 30px;
}

/* line 11, app/assets/stylesheets/pages/project.css.scss */
.projectPage #content-section header.section-header .header-title {
  color: #363636;
  font-size: 35.975px;
  font-weight: 100;
  margin: 0;
}

/* line 20, app/assets/stylesheets/pages/project.css.scss */
.projectPage #content-section .section-body {
  max-width: 720.5px;
  margin: 0 auto;
  color: #3a3a44;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: justify;
  padding-bottom: 57px;
}

/* line 33, app/assets/stylesheets/pages/project.css.scss */
.projectPage .slick-slide {
  opacity: .3;
  position: inherit;
  border: none;
}

/* line 37, app/assets/stylesheets/pages/project.css.scss */
.projectPage .slick-slide img {
  transition: all .3s;
  transform: scale(0.6);
}

/* line 42, app/assets/stylesheets/pages/project.css.scss */
.projectPage .slick-slide.slick-active {
  z-index: 800 !important;
  opacity: .5;
}

/* line 45, app/assets/stylesheets/pages/project.css.scss */
.projectPage .slick-slide.slick-active img {
  transform: scale(0.8);
}

/* line 50, app/assets/stylesheets/pages/project.css.scss */
.projectPage .slick-slide.slick-center {
  z-index: 1000 !important;
  opacity: 1;
}

/* line 53, app/assets/stylesheets/pages/project.css.scss */
.projectPage .slick-slide.slick-center img {
  transform: scale(1.4);
}

/* line 60, app/assets/stylesheets/pages/project.css.scss */
.project-rotator {
  position: relative;
  width: 100%;
  padding: 111px 0 120px;
  background: #3A3A3A;
}

/* line 67, app/assets/stylesheets/pages/project.css.scss */
.project-rotator .left, .project-rotator .right {
  cursor: pointer;
}

/* line 71, app/assets/stylesheets/pages/project.css.scss */
.project-rotator img {
  max-width: 900px;
  width: 100%;
}

/* line 76, app/assets/stylesheets/pages/project.css.scss */
.project-rotator ul {
  max-width: 100%;
}

/* line 78, app/assets/stylesheets/pages/project.css.scss */
.project-rotator ul li {
  /* transition: width .5s, height .5s, top .5s, left .5s;
            -webkit-transition: width .5s, height .5s, top .5s, left .5s;
        */
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* line 83, app/assets/stylesheets/pages/project.css.scss */
.project-rotator ul li img {
  display: block;
}

/* line 87, app/assets/stylesheets/pages/project.css.scss */
.project-rotator ul li[style*="z-index: 10001;"] {
  z-index: 10002 !important;
}

/* line 89, app/assets/stylesheets/pages/project.css.scss */
.project-rotator ul li[style*="z-index: 10001;"] p {
  opacity: 1;
}

/* line 94, app/assets/stylesheets/pages/project.css.scss */
.project-rotator ul li .slide-desc {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  transition: all ease .3s;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-align: justify;
  padding: 35px 40px 35px 39px;
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 116, app/assets/stylesheets/pages/project.css.scss */
.project-cover-big {
  background-position: center;
  position: relative;
}

/* line 119, app/assets/stylesheets/pages/project.css.scss */
.project-cover-big .project-cover-big__overlay {
  position: absolute;
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 43, app/assets/stylesheets/application.css.scss */
.g-recaptcha {
  visibility: hidden;
}