@charset "utf-8";
html {
  overflow-y: scroll;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  margin: 0.67em 0;
  font-size: 2em; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-size: 1em;
  font-family: monospace, monospace; }

button, input, optgroup, select, textarea {
  margin: 0;
  color: inherit;
  font: inherit; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0; }

legend {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

td, th {
  padding: 0; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }

.hide {
  display: none; }

.show {
  display: block; }

.invisible {
  visibility: hidden; }

.visible {
  visibility: visible; }

.reset-indents {
  padding: 0;
  margin: 0; }

.reset-font {
  line-height: 0;
  font-size: 0; }

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

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
  font-size: 0; }
  .clearfix:after {
    clear: both; }

.clear {
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0; }

.clear-self::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ''; }

.overflowHidden {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.thumb, .YMaps, .ymaps-map {
  color: #000; }

.table {
  display: table; }
  .table .tr {
    display: table-row; }
    .table .tr .td {
      display: table-cell; }

.table0, .table1, .table2 {
  border-collapse: collapse; }
  .table0 td, .table1 td, .table2 td {
    padding: 0.5em; }

.table1, .table2 {
  border: 1px solid #afafaf; }
  .table1 td, .table2 td, .table1 th, .table2 th {
    border: 1px solid #afafaf; }

.table2 th {
  padding: 0.5em;
  color: #fff;
  background: #f00; }

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .owl-carousel .owl-animated-in {
    z-index: 0; }
  .owl-carousel .owl-animated-out {
    z-index: 1; }
  .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel .owl-refresh .owl-item {
    display: none; }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .owl-carousel .owl-item img {
      display: block;
      width: 100%;
      -webkit-transform-style: preserve-3d; }
  .owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto; }
  .owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item img {
    transform-style: preserve-3d; }
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    transition: scale 100ms ease; }
  .owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3); }
  .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1; }

.no-js .owl-carousel {
  display: block; }

@font-face {
  font-family: "RobotoCondensedRegular";
  src: url("/g/fonts/roboto_condensed/roboto_condensed-r.eot");
  src: url("/g/fonts/roboto_condensed/roboto_condensed-r.eot?#iefix") format("embedded-opentype"), url("/g/fonts/roboto_condensed/roboto_condensed-r.woff2") format("woff2"), url("/g/fonts/roboto_condensed/roboto_condensed-r.woff") format("woff"), url("/g/fonts/roboto_condensed/roboto_condensed-r.ttf") format("truetype"), url("/g/fonts/roboto_condensed/roboto_condensed-r.svg#RobotoCondensedRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "RobotoCondensedLight";
  src: url("/g/fonts/roboto_condensed/roboto_condensed-l.eot");
  src: url("/g/fonts/roboto_condensed/roboto_condensed-l.eot?#iefix") format("embedded-opentype"), url("/g/fonts/roboto_condensed/roboto_condensed-l.woff2") format("woff2"), url("/g/fonts/roboto_condensed/roboto_condensed-l.woff") format("woff"), url("/g/fonts/roboto_condensed/roboto_condensed-l.ttf") format("truetype"), url("/g/fonts/roboto_condensed/roboto_condensed-l.svg#RobotoCondensedLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "RobotoCondensedBold";
  src: url("/g/fonts/roboto_condensed/roboto_condensed-b.eot");
  src: url("/g/fonts/roboto_condensed/roboto_condensed-b.eot?#iefix") format("embedded-opentype"), url("/g/fonts/roboto_condensed/roboto_condensed-b.woff2") format("woff2"), url("/g/fonts/roboto_condensed/roboto_condensed-b.woff") format("woff"), url("/g/fonts/roboto_condensed/roboto_condensed-b.ttf") format("truetype"), url("/g/fonts/roboto_condensed/roboto_condensed-b.svg#RobotoCondensedBold") format("svg");
  font-weight: normal;
  font-style: normal; }

html, body {
  height: 100%; }

html {
  font-size: 15px; }

body {
  position: relative;
  min-width: 300px;
  text-align: left;
  color: #2c2c2c;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.25; }

h1, h2, h3, h4, h5, h6 {
  font-family: "RobotoCondensedBold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal; }

h1 {
  margin-top: 0;
  font-size: 2rem;
  margin-bottom: 0.9em;
  text-transform: uppercase;
  text-align: center; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.17rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: 0.83rem; }

h6 {
  font-size: 0.67rem; }

h5, h6 {
  font-weight: bold; }

a {
  text-decoration: underline;
  color: #f75050; }

a:hover {
  text-decoration: none; }

a img {
  border-color: #2c2c2c; }

img, textarea, object, object embed, .table-wrapper {
  max-width: 100%; }

.table-wrapper {
  overflow: auto; }

img {
  height: auto; }

table img {
  max-width: none; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.site-path-wrap {
  margin-bottom: 10px;
  white-space: pre-wrap;
  line-height: 1.25; }

.site-header a img, .site-sidebar a img, .site-footer a img {
  border: none; }

.site-header p, .site-footer p {
  margin: 0; }

.site-sidebar p:first-child {
  margin-top: 0; }
  .site-sidebar p:last-child {
    border-bottom: 0; }

.site-wrapper {
  min-height: 100%;
  max-width: 100%;
  margin: auto;
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .ie .site-wrapper {
    height: 100%; }

.site-header {
  background-color: #004651;
  min-height: 606px;
  background: url(../headerbg.jpg) 50% 0 no-repeat;
  background-size: cover !important;
  position: relative;
  z-index: 100;
  margin: 0 0 55px; }
  .site-header:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 70, 81, 0.5);
    z-index: -1; }
  .site-header__inner {
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 60px; }

.header_in {
  min-height: 342px;
  background: url(../top-bg-inner.jpg) 50% 0 no-repeat; }
  .header_in .header_top {
    margin: 0 0 50px; }
  .header_in .site-header__inner {
    padding-bottom: 51px; }

.wrapper-top-menu .top-menu {
  list-style: none;
  padding: 0;
  margin: 0; }
  .wrapper-top-menu .top-menu .popup_menu > a {
    color: #fff;
    font-size: 33px;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 18px; }
    .wrapper-top-menu .top-menu .popup_menu > a:before {
      margin-top: -2px; }

@media all and (min-width: 768px) {
  .wrapper-top-menu {
    z-index: 100;
    background: rgba(0, 49, 57, 0.6); }
    .wrapper-top-menu .close-menu {
      display: none; }
    .wrapper-top-menu .top-menu {
      max-width: 940px;
      margin: 0 auto;
      text-align: center; }
      .wrapper-top-menu .top-menu > li {
        display: inline-block;
        vertical-align: top; }
        .wrapper-top-menu .top-menu > li.s3-menu-allin-active > a {
          color: #fff; }
          .wrapper-top-menu .top-menu > li.s3-menu-allin-active > a:after {
            right: -4px;
            left: -4px; }
        .wrapper-top-menu .top-menu > li .s3-menu-allin-open:hover {
          color: #fff; }
        .wrapper-top-menu .top-menu > li > ul {
          border-top: 1px solid #507176; }
        .wrapper-top-menu .top-menu > li ul {
          display: none;
          position: absolute;
          text-align: left;
          list-style: none;
          padding: 0;
          margin: 0;
          width: 220px;
          background: rgba(0, 49, 57, 0.9);
          z-index: 100; }
          .wrapper-top-menu .top-menu > li ul li ul ul {
            background: #2b5359; }
            .wrapper-top-menu .top-menu > li ul li ul ul li a:hover {
              background: #0d899c; }
            .wrapper-top-menu .top-menu > li ul li a {
              display: block;
              padding: 6px 20px 7px;
              color: #fff;
              font: 14px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
              line-height: 1.25;
              text-decoration: none;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -o-transition: all 0.3s;
              -ms-transition: all 0.3s;
              transition: all 0.3s; }
            .wrapper-top-menu .top-menu > li ul li a:hover {
              background: #2b5359; }
        .wrapper-top-menu .top-menu > li:first-child > a:before {
          content: none; }
        .wrapper-top-menu .top-menu > li:hover > a:before, .wrapper-top-menu .top-menu > li:hover + li > a:before {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; }
        .wrapper-top-menu .top-menu > li > a {
          display: block;
          color: #fff;
          font: 14px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
          padding: 17px 15px 17px;
          text-transform: uppercase;
          text-decoration: none;
          line-height: 1.25;
          position: relative; }
          .wrapper-top-menu .top-menu > li > a:before {
            content: "";
            display: block;
            position: absolute;
            left: -2px;
            top: 50%;
            margin-top: -3px;
            width: 5px;
            height: 5px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            background: #879c9f;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -ms-transition: 0.3s;
            transition: 0.3s; }
          .wrapper-top-menu .top-menu > li > a:after {
            content: '';
            display: block;
            position: absolute;
            left: 51%;
            right: 51%;
            top: 0;
            height: 4px;
            background: #fff;
            -webkit-transition: 0.4s;
            -moz-transition: 0.4s;
            -o-transition: 0.4s;
            -ms-transition: 0.4s;
            transition: 0.4s; }
          .wrapper-top-menu .top-menu > li > a:hover {
            color: #fff; }
            .wrapper-top-menu .top-menu > li > a:hover:after {
              right: -4px;
              left: -4px; } }

.header_top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 0 128px; }

.company-wrapper {
  float: left;
  width: 280px;
  margin: 32px 0 34px 20px; }
  .company-wrapper .company-name a {
    color: #f75050;
    font: 26px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.1; }
  .company-wrapper .company-activity {
    color: #fff;
    font: 18px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
    line-height: 1.25; }
/************ TOP PHONE **************/
.phone-top {
  float: right;
  color: #fff;
  font: 24px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
  line-height: 1.25;
  padding: 0 0 0 43px;
  position: relative;
  width: 185px;
  margin: 35px 13px 32px 0px; }
  .phone-top .work-time {
    font-size: 16px;
    line-height: 1.2; }
  .phone-top a {
    color: #fff;
    text-decoration: none;
    cursor: default; }
  .phone-top:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2234px%22%20height%3D%2234px%22%20%20viewBox%3D%220%200%2034%2034%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23ee5b5b%22%20d%3D%22M17.000%2C34.000%20C7.611%2C34.000%20-0.000%2C26.389%20-0.000%2C17.000%20C-0.000%2C7.611%207.611%2C-0.000%2017.000%2C-0.000%20C26.389%2C-0.000%2034.000%2C7.611%2034.000%2C17.000%20C34.000%2C26.389%2026.389%2C34.000%2017.000%2C34.000%20ZM17.000%2C2.000%20C8.716%2C2.000%202.000%2C8.716%202.000%2C17.000%20C2.000%2C25.284%208.716%2C32.000%2017.000%2C32.000%20C25.284%2C32.000%2032.000%2C25.284%2032.000%2C17.000%20C32.000%2C8.716%2025.284%2C2.000%2017.000%2C2.000%20ZM14.652%2C21.356%20L14.516%2C21.435%20C13.717%2C20.216%2013.087%2C19.081%2012.582%2C18.019%20C12.468%2C17.805%2012.353%2C17.612%2012.240%2C17.387%20L12.288%2C17.359%20C9.500%2C10.949%2011.854%2C7.627%2014.523%2C8.028%20C16.038%2C9.757%2016.070%2C11.826%2016.070%2C11.826%20C13.734%2C13.462%2014.078%2C15.852%2014.862%2C17.681%20C15.894%2C19.566%2018.116%2C22.484%2021.453%2C20.929%20C21.453%2C20.929%2022.311%2C20.850%2023.999%2C24.208%20C23.003%2C26.754%2018.877%2C27.101%2014.652%2C21.356%20Z%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E") 0 0 no-repeat; }

.company-slogan {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  padding: 0 5px;
  font: 30px "RobotoCondensedLight", Arial, Helvetica, sans-serif;
  line-height: 1.1; }
  .company-slogan:first-line {
    font: 36px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
    line-height: 1.1;
    text-transform: uppercase; }

.button_form {
  text-align: center; }
  .button_form a {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    font: 24px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    background: #f75050;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 22px 55px 23px; }
  .button_form a:hover {
    background: #fd6161; }

.site-container {
  margin: 0 auto;
  max-width: 940px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%; }

.site-main {
  width: 100%;
  padding: 0 0 45px; }

.site-sidebar {
  position: relative; }

.service_main {
  margin: 0 0 68px; }
  .service_main .head-service {
    color: #2c2c2c;
    font: 30px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 35px;
    text-align: center; }
  .service_main .service-blocks {
    font-size: 0;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  @media all and (max-width: 670px) {
    .service_main .service-blocks {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -moz-box-direction: normal;
      -moz-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .service_main .service-blocks .service-bl {
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48.937%;
    position: relative;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .service_main .service-blocks .service-bl .service-url {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 5; }
    .service_main .service-blocks .service-bl .img-service {
      width: 50%; }
      .service_main .service-blocks .service-bl .img-service img {
        width: 100%;
        height: 100%; }
    @media all and (max-width: 670px) {
    .service_main .service-blocks .service-bl {
      width: 100%; } }
    .service_main .service-blocks .service-bl .body-service {
      /*@include flexbox;
       @include flex-direction(column);
       @include align-items(center);
       @include justify-content(center);*/
      display: inline-block;
      vertical-align: middle;
      border: 2px solid #f75050;
      border-right: none;
      width: 50%;
      overflow: hidden;
      padding: 5px 11px;
      text-align: center;
      margin-right: 6px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .service_main .service-blocks .service-bl .body-service:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 1px;
        margin-left: -1px; }
      .service_main .service-blocks .service-bl .body-service .wrap-text {
        display: inline-block;
        vertical-align: middle; }
      .service_main .service-blocks .service-bl .body-service .title-service {
        color: #f75050;
        font: 22px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
        line-height: 1;
        padding-bottom: 15px;
        margin-bottom: 12px;
        position: relative; }
        .service_main .service-blocks .service-bl .body-service .title-service:before {
          content: "";
          display: block;
          position: absolute;
          width: 70px;
          height: 2px;
          background: #f75050;
          bottom: 0;
          left: 0;
          right: 0;
          margin: 0 auto; }
      .service_main .service-blocks .service-bl .body-service .price-service {
        color: #2c2c2c; }
        .service_main .service-blocks .service-bl .body-service .price-service .price_left, .service_main .service-blocks .service-bl .body-service .price-service .price_currency {
          font: 18px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
          line-height: 1.1; }
        .service_main .service-blocks .service-bl .body-service .price-service .price {
          font: 24px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
          line-height: 1;
          padding: 0 5px; }
  .service_main .service-blocks .left-img {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-direction: reverse;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .service_main .service-blocks .left-img .body-service {
      border: 2px solid #f75050;
      border-left: none;
      margin-left: 6px;
      margin-right: 0; }
  .service_main .service-button {
    text-align: center;
    margin-top: 20px; }
  .service_main .service-button a {
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    color: #f75050;
    font: 18px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 13px 50px 13px;
    text-decoration: none;
    border: 2px solid #f75050;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
    .service_main .service-button a:hover {
      color: #fff;
      background: #f75050; }

.block-actions {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 52px;
  width: 100%; }
  .block-actions .body-actions, .block-actions .picture-actions {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .block-actions .picture-actions {
    font-size: 0;
    padding-left: 10px; }
  @media all and (max-width: 745px) {
    .block-actions .picture-actions {
      padding-left: 0; } }
  .block-actions .picture-actions img {
    width: 100%; }
  .block-actions .body-actions {
    padding-right: 10px;
    position: relative;
    z-index: 1;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .block-actions .body-actions:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 10px;
    border: 2px solid #0d899c;
    border-right: none;
    z-index: -1; }
  .block-actions .body-actions:after {
    content: "";
    display: block;
    position: absolute;
    left: 33%;
    right: 10px;
    top: 8.25%;
    bottom: 8.25%;
    background: none;
    background-size: cover;
    /*url(../proc-ico.png) 0 0 no-repeat;*/
    z-index: -1; }
  .block-actions .body-actions .text-inner {
    padding: 15px 10% 20px 13%; }
    .block-actions .body-actions .text-inner .title-action {
      color: #f75050;
      font: 30px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      line-height: 1.2;
      margin-bottom: 15px; }
    .block-actions .body-actions .text-inner .action-text {
      color: #0d899c;
      font: 22px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
      margin-bottom: 25px; }
      .block-actions .body-actions .text-inner .action-text .act_1, .block-actions .body-actions .text-inner .action-text .act_2, .block-actions .body-actions .text-inner .action-text .act_3 {
        display: block; }
      .block-actions .body-actions .text-inner .action-text .act_1 {
        font: 24px/1 "RobotoCondensedBold", Arial, Helvetica, sans-serif;
        text-transform: uppercase; }
      .block-actions .body-actions .text-inner .action-text .act_2 {
        font: 36px/1 "RobotoCondensedBold", Arial, Helvetica, sans-serif;
        text-transform: uppercase; }
  .block-actions .action-button, .block-actions .action-button-out {
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    color: #f75050;
    font: 18px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 12px 54px 13px;
    text-decoration: none;
    border: 2px solid #f75050;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
  .block-actions .action-button:hover, .block-actions .action-button-out:hover {
    color: #fff;
    background: #f75050; }
  .block-actions .action-button-out {
    display: none; }
  @media all and (max-width: 720px) {
  .block-actions {
    border: 2px solid #0d899c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .block-actions .body-actions {
      width: 57%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 57%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 57%;
      -ms-flex: 0 0 57%;
      flex: 0 0 57%; }
      .block-actions .body-actions:before {
        display: none; }
      .block-actions .body-actions:after {
        background-size: 100% 100%;
        left: 50%; }
      .block-actions .body-actions .text-inner {
        padding: 15px 5% 20px 9%; }
        .block-actions .body-actions .text-inner .action-text {
          margin-bottom: 0; }
          .block-actions .body-actions .text-inner .action-text .act_1 {
            font-size: 22px; }
          .block-actions .body-actions .text-inner .action-text .act_2 {
            font-size: 30px; }

    .block-actions .picture-actions {
      padding-left: 0;
      padding-right: 5px;
      width: 43%;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 43%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 43%;
      -ms-flex: 0 0 43%;
      flex: 0 0 43%;
      display: -moz-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      text-align: center; }
      .block-actions .picture-actions .img-block {
        display: none; }

    .block-actions .action-button {
      display: none; }

    .block-actions .action-button-out {
      display: inline-block;
      padding: 12px 30px 13px; } }
  @media all and (max-width: 550px) {
  .block-actions .body-actions:after {
    background-size: 100% 100%;
    left: 37%; } }
  @media all and (max-width: 400px) {
  .block-actions .body-actions .text-inner {
    padding: 15px 5% 20px 6%; }
    .block-actions .body-actions:after {
      left: 10%; }
  .block-actions .action-button-out {
    font-size: 15px;
    padding: 12px 25px 13px; } }
  @media all and (max-width: 480px) {
  .block-actions {
    margin-bottom: 30px; }
    .block-actions .body-actions .text-inner .title-action {
      margin-bottom: 10px; }

    .block-actions .action-button-out {
      font-size: 18px;
      padding: 12px 30px 13px; } }
  @media all and (max-width: 479px) {
  .block-actions .picture-actions {
    display: none; }
  .block-actions .body-actions {
    padding: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: block; }
    .block-actions .body-actions:after {
      top: 5%;
      bottom: 5.25%;
      left: 36%; }

    .block-actions .body-actions .text-inner .action-text {
      margin-bottom: 13px; }
  .block-actions .action-button {
    display: inline-block;
    padding: 12px 30px 13px; } }

.company-info {
  font: 15px Arial, Helvetica, sans-serif;
  color: #2c2c2c;
  line-height: 1.25;
  margin-bottom: 45px; }
  .company-info .title-info {
    color: #2c2c2c;
    font: 30px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    margin-bottom: 25px;
    text-transform: uppercase;
    text-align: center; }
  .company-info .comp_h1 {
    color: #2c2c2c; }

.owl-nav {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  position: absolute;
  left: 50%;
  margin-left: -46px;
  bottom: 5px;
  height: 40px; }
  .owl-nav .owl-prev, .owl-nav .owl-next {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%2240px%22%20%20viewBox%3D%220%200%20100%2040%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%230d899c%22%20d%3D%22M80.000%2C40.000%20C68.954%2C40.000%2060.000%2C31.046%2060.000%2C20.000%20C60.000%2C8.954%2068.954%2C-0.000%2080.000%2C-0.000%20C91.046%2C-0.000%20100.000%2C8.954%20100.000%2C20.000%20C100.000%2C31.046%2091.046%2C40.000%2080.000%2C40.000%20ZM80.000%2C2.000%20C70.059%2C2.000%2062.000%2C10.059%2062.000%2C20.000%20C62.000%2C29.941%2070.059%2C38.000%2080.000%2C38.000%20C89.941%2C38.000%2098.000%2C29.941%2098.000%2C20.000%20C98.000%2C10.059%2089.941%2C2.000%2080.000%2C2.000%20ZM87.016%2C20.483%20C87.006%2C20.838%2086.873%2C21.192%2086.602%2C21.463%20L78.463%2C29.601%20C77.901%2C30.163%2076.990%2C30.163%2076.428%2C29.601%20C75.867%2C29.039%2075.867%2C28.128%2076.428%2C27.566%20L83.937%2C20.058%20L76.197%2C12.317%20C75.611%2C11.732%2075.611%2C10.782%2076.197%2C10.196%20C76.782%2C9.610%2077.732%2C9.610%2078.318%2C10.196%20L86.803%2C18.681%20C87.295%2C19.173%2087.349%2C19.909%2087.016%2C20.483%20ZM20.000%2C40.000%20C8.954%2C40.000%20-0.000%2C31.046%20-0.000%2C20.000%20C-0.000%2C8.954%208.954%2C-0.000%2020.000%2C-0.000%20C31.046%2C-0.000%2040.000%2C8.954%2040.000%2C20.000%20C40.000%2C31.046%2031.046%2C40.000%2020.000%2C40.000%20ZM20.000%2C2.000%20C10.059%2C2.000%202.000%2C10.059%202.000%2C20.000%20C2.000%2C29.941%2010.059%2C38.000%2020.000%2C38.000%20C29.941%2C38.000%2038.000%2C29.941%2038.000%2C20.000%20C38.000%2C10.059%2029.941%2C2.000%2020.000%2C2.000%20ZM16.063%2C20.058%20L23.572%2C27.566%20C24.133%2C28.128%2024.133%2C29.039%2023.572%2C29.601%20C23.010%2C30.163%2022.099%2C30.163%2021.537%2C29.601%20L13.398%2C21.463%20C13.127%2C21.192%2012.994%2C20.838%2012.984%2C20.483%20C12.651%2C19.909%2012.705%2C19.173%2013.197%2C18.681%20L21.682%2C10.196%20C22.268%2C9.610%2023.218%2C9.610%2023.803%2C10.196%20C24.389%2C10.782%2024.389%2C11.732%2023.803%2C12.317%20L16.063%2C20.058%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat; }
  .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%2240px%22%20%20viewBox%3D%220%200%20100%2040%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23f75050%22%20d%3D%22M80.000%2C40.000%20C68.954%2C40.000%2060.000%2C31.046%2060.000%2C20.000%20C60.000%2C8.954%2068.954%2C-0.000%2080.000%2C-0.000%20C91.046%2C-0.000%20100.000%2C8.954%20100.000%2C20.000%20C100.000%2C31.046%2091.046%2C40.000%2080.000%2C40.000%20ZM80.000%2C2.000%20C70.059%2C2.000%2062.000%2C10.059%2062.000%2C20.000%20C62.000%2C29.941%2070.059%2C38.000%2080.000%2C38.000%20C89.941%2C38.000%2098.000%2C29.941%2098.000%2C20.000%20C98.000%2C10.059%2089.941%2C2.000%2080.000%2C2.000%20ZM87.016%2C20.483%20C87.006%2C20.838%2086.873%2C21.192%2086.602%2C21.463%20L78.463%2C29.601%20C77.901%2C30.163%2076.990%2C30.163%2076.428%2C29.601%20C75.867%2C29.039%2075.867%2C28.128%2076.428%2C27.566%20L83.937%2C20.058%20L76.197%2C12.317%20C75.611%2C11.732%2075.611%2C10.782%2076.197%2C10.196%20C76.782%2C9.610%2077.732%2C9.610%2078.318%2C10.196%20L86.803%2C18.681%20C87.295%2C19.173%2087.349%2C19.909%2087.016%2C20.483%20ZM20.000%2C40.000%20C8.954%2C40.000%20-0.000%2C31.046%20-0.000%2C20.000%20C-0.000%2C8.954%208.954%2C-0.000%2020.000%2C-0.000%20C31.046%2C-0.000%2040.000%2C8.954%2040.000%2C20.000%20C40.000%2C31.046%2031.046%2C40.000%2020.000%2C40.000%20ZM20.000%2C2.000%20C10.059%2C2.000%202.000%2C10.059%202.000%2C20.000%20C2.000%2C29.941%2010.059%2C38.000%2020.000%2C38.000%20C29.941%2C38.000%2038.000%2C29.941%2038.000%2C20.000%20C38.000%2C10.059%2029.941%2C2.000%2020.000%2C2.000%20ZM16.063%2C20.058%20L23.572%2C27.566%20C24.133%2C28.128%2024.133%2C29.039%2023.572%2C29.601%20C23.010%2C30.163%2022.099%2C30.163%2021.537%2C29.601%20L13.398%2C21.463%20C13.127%2C21.192%2012.994%2C20.838%2012.984%2C20.483%20C12.651%2C19.909%2012.705%2C19.173%2013.197%2C18.681%20L21.682%2C10.196%20C22.268%2C9.610%2023.218%2C9.610%2023.803%2C10.196%20C24.389%2C10.782%2024.389%2C11.732%2023.803%2C12.317%20L16.063%2C20.058%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
  .owl-nav .owl-next {
    right: 0;
    background-position: right 0; }
  .owl-nav .owl-prev {
    left: 0; }

.portfolio-main {
  margin: 0 0 50px;
  overflow: hidden; }
  .portfolio-main .title-portfolio {
    color: #414141;
    font: 30px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 35px; }
  .portfolio-main .wrapper-picture-mobile {
    display: none; }
  @media all and (max-width: 600px) {
    .portfolio-main .wrapper-picture-mobile {
      display: block; } }
  .portfolio-main .wrapper-picture, .portfolio-main .wrapper-picture-mobile {
    font-size: 0;
    margin: 0 0 0 -4px;
    overflow: hidden;
    position: relative; }
  .portfolio-main .wrapper-picture .owl-controls, .portfolio-main .wrapper-picture-mobile .owl-controls {
    display: none; }
  .portfolio-main .wrapper-picture .owl-item, .portfolio-main .wrapper-picture-mobile .owl-item {
    float: none; }
    @media all and (max-width: 600px) {
    .portfolio-main .wrapper-picture .owl-item, .portfolio-main .wrapper-picture-mobile .owl-item {
      display: inline-block;
      vertical-align: top; }
      .portfolio-main .wrapper-picture .owl-item .dooble-bl, .portfolio-main .wrapper-picture-mobile .owl-item .dooble-bl {
        width: 100%;
        overflow: hidden; }
        .portfolio-main .wrapper-picture .owl-item .dooble-bl .picture-block, .portfolio-main .wrapper-picture-mobile .owl-item .dooble-bl .picture-block {
          width: 50%; } }
  .portfolio-main .wrapper-picture .dooble-bl, .portfolio-main .wrapper-picture-mobile .dooble-bl {
    display: inline-block;
    vertical-align: top;
    width: 50%; }
  .portfolio-main .wrapper-picture .picture-block, .portfolio-main .wrapper-picture-mobile .picture-block {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
    @media all and (max-width: 800px) {
    .portfolio-main .wrapper-picture .picture-block:before, .portfolio-main .wrapper-picture-mobile .picture-block:before, .portfolio-main .wrapper-picture .picture-block:after, .portfolio-main .wrapper-picture-mobile .picture-block:after, .portfolio-main .wrapper-picture .picture-block .body-picture, .portfolio-main .wrapper-picture-mobile .picture-block .body-picture {
      display: none !important; } }
    .portfolio-main .wrapper-picture .picture-block:before, .portfolio-main .wrapper-picture-mobile .picture-block:before {
      content: "";
      display: block;
      position: absolute;
      left: 51%;
      right: 51%;
      bottom: 51%;
      top: 51%;
      background-color: rgba(0, 70, 81, 0.7);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s;
      z-index: 1; }
    .portfolio-main .wrapper-picture .picture-block .picture-url, .portfolio-main .wrapper-picture-mobile .picture-block .picture-url {
      position: absolute;
      left: 4px;
      right: 0;
      top: 0;
      bottom: 4px;
      z-index: 2; }
    .portfolio-main .wrapper-picture .picture-block .img-bl img, .portfolio-main .wrapper-picture-mobile .picture-block .img-bl img {
      width: 100%; }
    .portfolio-main .wrapper-picture .picture-block .picture-in, .portfolio-main .wrapper-picture-mobile .picture-block .picture-in {
      position: absolute;
      left: 30px;
      right: 30px;
      top: 10px;
      bottom: 10px;
      vertical-align: middle;
      z-index: 1;
      text-align: center; }
      .portfolio-main .wrapper-picture .picture-block .picture-in:after, .portfolio-main .wrapper-picture-mobile .picture-block .picture-in:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 1px;
        margin-left: -1px; }
    .portfolio-main .wrapper-picture .picture-block .body-picture, .portfolio-main .wrapper-picture-mobile .picture-block .body-picture {
      color: #fff;
      font: 18px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
      line-height: 1;
      position: relative;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      -ms-transition: 0.4s;
      transition: 0.4s;
      padding-bottom: 65px; }
      .portfolio-main .wrapper-picture .picture-block .body-picture:before, .portfolio-main .wrapper-picture-mobile .picture-block .body-picture:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: 0;
        width: 70px;
        height: 30px;
        background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230%22%20height%3D%2230%22%20%20viewBox%3D%220%200%2030%2030%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.000%2C30.000%20C6.716%2C30.000%20-0.000%2C23.284%20-0.000%2C15.000%20C-0.000%2C6.716%206.716%2C-0.000%2015.000%2C-0.000%20C23.284%2C-0.000%2030.000%2C6.716%2030.000%2C15.000%20C30.000%2C23.284%2023.284%2C30.000%2015.000%2C30.000%20ZM15.000%2C0.687%20C7.095%2C0.687%200.687%2C7.095%200.687%2C15.000%20C0.687%2C22.904%207.095%2C29.312%2015.000%2C29.312%20C22.904%2C29.312%2029.312%2C22.904%2029.312%2C15.000%20C29.312%2C7.095%2022.904%2C0.687%2015.000%2C0.687%20ZM11.164%2C9.071%20L21.627%2C15.000%20L11.164%2C20.929%20L11.164%2C9.071%20Z%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E") 50% 100% no-repeat;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
        padding-top: 20px;
        border-top: 2px solid #f75050; }
    .portfolio-main .wrapper-picture .picture-block:hover:before, .portfolio-main .wrapper-picture-mobile .picture-block:hover:before, .portfolio-main .wrapper-picture .picture-block:hover .body-picture, .portfolio-main .wrapper-picture-mobile .picture-block:hover .body-picture {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; }
      .portfolio-main .wrapper-picture .picture-block:hover .body-picture:before, .portfolio-main .wrapper-picture-mobile .picture-block:hover .body-picture:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; }
      .portfolio-main .wrapper-picture .picture-block:hover:before, .portfolio-main .wrapper-picture-mobile .picture-block:hover:before {
        left: 4px;
        right: 0;
        top: 0;
        bottom: 4px; }

.reviews-wrapper {
  margin: 0 0 50px; }
  .reviews-wrapper .title-reviews {
    color: #2c2c2c;
    font: 30px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 31px; }
  .reviews-wrapper .reviews-block {
    font-size: 0;
    position: relative;
    overflow: hidden; }
  .reviews-wrapper .reviews-block .owl-item {
    display: inline-block;
    vertical-align: top;
    width: 50%; }
  .reviews-wrapper .reviews-block .review {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .reviews-wrapper .reviews-block .review .photo-author, .reviews-wrapper .reviews-block .review .body-review {
      display: inline-block;
      vertical-align: top; }
    .reviews-wrapper .reviews-block .review .photo-author {
      width: 80px;
      height: 80px;
      margin-top: 3px; }
      .reviews-wrapper .reviews-block .review .photo-author img {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .reviews-wrapper .reviews-block .review .body-review {
      width: 70%;
      padding: 0 30px 0 33px;
      margin-left: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      text-align: left; }
      .reviews-wrapper .reviews-block .review .body-review .author-name {
        color: #0d899c;
        font: 18px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
        line-height: 1.2;
        margin-bottom: 8px; }
      .reviews-wrapper .reviews-block .review .body-review .text-review {
        color: #414141;
        font: 15px Arial, Helvetica, sans-serif;
        line-height: 1.3;
        position: relative; }
        .reviews-wrapper .reviews-block .review .body-review .text-review:before, .reviews-wrapper .reviews-block .review .body-review .text-review:after {
          content: "";
          display: block;
          position: absolute;
          width: 24px;
          height: 20px;
          background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22340px%22%20height%3D%2271px%22%20%20viewBox%3D%220%200%20340%2071%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23e4e4e4%22%20d%3D%22M331.471%2C70.999%20C331.549%2C69.669%20331.392%2C68.573%20331.471%2C67.243%20C334.928%2C67.013%20336.097%2C63.483%20335.943%2C59.731%20C334.452%2C59.731%20332.961%2C59.731%20331.471%2C59.731%20C331.471%2C56.915%20331.471%2C54.097%20331.471%2C51.281%20C334.295%2C51.281%20337.121%2C51.281%20339.945%2C51.281%20C340.207%2C60.993%20340.721%2C70.720%20331.471%2C70.999%20ZM317.347%2C70.765%20C317.347%2C70.686%20317.347%2C70.608%20317.347%2C70.530%20C317.347%2C69.434%20317.347%2C68.339%20317.347%2C67.243%20C318.163%2C67.173%20318.838%2C67.135%20319.465%2C66.774%20C321.455%2C65.500%20321.530%2C62.514%20322.055%2C59.731%20C320.485%2C59.731%20318.916%2C59.731%20317.347%2C59.731%20C317.347%2C56.915%20317.347%2C54.097%20317.347%2C51.281%20C320.250%2C51.281%20323.153%2C51.281%20326.056%2C51.281%20C325.338%2C58.509%20328.098%2C70.684%20317.347%2C70.765%20ZM22.740%2C0.234%20C22.740%2C0.312%2022.740%2C0.390%2022.740%2C0.469%20C22.740%2C1.564%2022.740%2C2.660%2022.740%2C3.755%20C21.922%2C3.825%2021.247%2C3.863%2020.619%2C4.224%20C18.627%2C5.499%2018.551%2C8.485%2018.027%2C11.267%20C19.598%2C11.267%2021.169%2C11.267%2022.740%2C11.267%20C22.740%2C14.083%2022.740%2C16.901%2022.740%2C19.718%20C19.834%2C19.718%2016.927%2C19.718%2014.020%2C19.718%20C14.740%2C12.490%2011.977%2C0.314%2022.740%2C0.234%20ZM8.600%2C3.755%20C5.139%2C3.986%203.969%2C7.515%204.123%2C11.267%20C5.615%2C11.267%207.108%2C11.267%208.600%2C11.267%20C8.600%2C14.083%208.600%2C16.901%208.600%2C19.718%20C5.773%2C19.718%202.944%2C19.718%200.117%2C19.718%20C-0.145%2C10.006%20-0.660%2C0.279%208.600%2C-0.001%20C8.522%2C1.329%208.679%2C2.425%208.600%2C3.755%20Z%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E") 0 0 no-repeat; }
        .reviews-wrapper .reviews-block .review .body-review .text-review:before {
          top: 4px;
          left: -32px; }
        .reviews-wrapper .reviews-block .review .body-review .text-review:after {
          background-position: right bottom;
          bottom: 0;
          right: -30px; }

.bottom-blocks-wrapper {
  display: table;
  margin: 0 0 60px; }
  .bottom-blocks-wrapper.no-contacts {
    width: 100%; }
  .bottom-blocks-wrapper.no-contacts .form-bottom:before {
    left: 0;
    border-left: 2px solid #f75050; }
  .bottom-blocks-wrapper .contacts-bottom, .bottom-blocks-wrapper .form-bottom {
    display: table-cell;
    vertical-align: top; }
  .bottom-blocks-wrapper .contacts-bottom {
    width: 32%;
    background: #0b7181;
    padding: 35px 30px 38px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff; }
  .bottom-blocks-wrapper .contacts-bottom .head-block {
    color: #fff;
    font: 24px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0 0 21px; }
  .bottom-blocks-wrapper .contacts-bottom .phone-bottom {
    position: relative;
    font: 18px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
    line-height: 1.1;
    padding: 0 0 0 20px; }
    .bottom-blocks-wrapper .contacts-bottom .phone-bottom a {
      text-decoration: none;
      color: #fff;
      cursor: default; }
    .bottom-blocks-wrapper .contacts-bottom .phone-bottom .phone-icon {
      position: absolute;
      left: 0;
      top: 3px; }
  .bottom-blocks-wrapper .contacts-bottom .time-work {
    color: #fff;
    padding-top: 2px;
    font: 14px "RobotoCondensedRegular", Arial, Helvetica, sans-serif; }
  .bottom-blocks-wrapper .contacts-bottom .address-bottom {
    position: relative;
    margin: 13px 0 0;
    font: 16px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
    line-height: 1.25;
    padding: 0 0 2px 20px; }
    .bottom-blocks-wrapper .contacts-bottom .address-bottom .address-icon {
      position: absolute;
      left: 0;
      top: 3px; }
  .bottom-blocks-wrapper .form-bottom {
    position: relative;
    z-index: 1;
    padding: 35px 2.5% 25px 6.5%; }
  .bottom-blocks-wrapper .form-bottom:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    top: 0;
    bottom: 0;
    border: 2px solid #f75050;
    border-left: none;
    z-index: -1; }
  .bottom-blocks-wrapper .form-bottom .tpl-anketa .title {
    color: #2c2c2c;
    font: 24px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0 0 17px; }
    .bottom-blocks-wrapper .form-bottom .tpl-anketa .error-message {
      color: #f00;
      font: 14px Arial, Helvetica, sans-serif; }
    .bottom-blocks-wrapper .form-bottom .tpl-anketa .field-required-mark {
      color: #f00; }
    .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-anketa-success-note {
      color: #2c2c2c;
      font: 24px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      margin: 0 0 10px; }
    .bottom-blocks-wrapper .form-bottom .tpl-anketa fieldset {
      float: left;
      padding: 0;
      margin: 0;
      border: none;
      width: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 20px; }
    .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field {
      margin-bottom: 17px; }
      .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field .field-title {
        color: #2c2c2c;
        font: 14px Arial, Helvetica, sans-serif;
        margin-bottom: 7px; }
      .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field ul {
        list-style: none;
        padding: 0; }
      .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field .field-value input[type=text], .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field .field-value textarea {
        border: 1px solid #b8b8b8;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        padding: 5px 10px;
        color: #414141;
        font: 15px Arial, Helvetica, sans-serif;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field .field-value textarea {
          height: 115px;
          resize: none; }
        .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field .field-value input[type=text] {
          height: 35px;
          line-height: 35px;
          padding: 0 10px; }
    .bottom-blocks-wrapper .form-bottom .tpl-anketa .field-error .field-value input[type=text], .bottom-blocks-wrapper .form-bottom .tpl-anketa .field-error .field-value textarea {
      border-color: #f00; }
    .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field-button button {
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      -ms-transition: 0.4s;
      transition: 0.4s;
      font: 18px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
      border: none;
      line-height: 1.2;
      text-transform: uppercase;
      text-decoration: none;
      background: #f75050;
      -webkit-border-radius: 35px;
      -moz-border-radius: 35px;
      -ms-border-radius: 35px;
      -o-border-radius: 35px;
      border-radius: 35px;
      display: inline-block;
      vertical-align: top;
      color: #fff;
      padding: 12px 42px 13px;
      outline: none; }
      .bottom-blocks-wrapper .form-bottom .tpl-anketa .tpl-field-button button:hover {
        background: #fd6161; }

.site-footer {
  background-color: #0f4a53;
  min-height: 140px; }
  .site-footer .footer-inner {
    display: table;
    width: 940px;
    margin: 0 auto;
    padding: 0 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  @media all and (max-width: 970px) {
    .site-footer .footer-inner {
      width: 100%;
      padding: 0 20px 40px; } }
  .site-footer .footer-inner .site-name, .site-footer .footer-inner .social-networks, .site-footer .footer-inner .site-copyright {
    display: table-cell;
    vertical-align: top;
    width: 33.333%;
    padding: 0 20px; }
  .site-footer .footer-inner .site-name {
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
    padding-left: 0;
    padding-top: 56px; }
    .site-footer .footer-inner .site-name .site-name-in {
      width: 138px; }
  .site-footer .footer-inner .site-copyright {
    text-align: right;
    padding-right: 0;
    padding-top: 55px;
    color: #fff; }
    .site-footer .footer-inner .site-copyright a {
      color: #f75050; }
  .site-footer .footer-inner .social-networks {
    padding-top: 60px;
    text-align: center;
    font-size: 0; }
    .site-footer .footer-inner .social-networks a {
      display: inline-block;
      vertical-align: top;
      text-decoration: none;
      margin: 0 4px 4px 0;
      width: 20px;
      height: 20px; }
      .site-footer .footer-inner .social-networks a img {
        width: 100%;
        height: 100%; }
  .site-footer .site-counters {
    display: block;
    text-align: center;
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 20px; }

.popup-form-wrapper {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 42, 57, 0.8);
  text-align: center;
  overflow: auto; }
  .popup-form-wrapper:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    margin-left: -1px; }
  .popup-form-wrapper .popup-form-inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 340px;
    background: rgba(255, 255, 255, 0.3);
    padding: 24px 30px 14px;
    top: 20px; }
  .popup-form-wrapper .popup-form-inner .close-form {
    position: absolute;
    right: -17px;
    top: -17px;
    width: 30px;
    height: 30px;
    background: #003139;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #416267;
    cursor: pointer; }
    .popup-form-wrapper .popup-form-inner .close-form .close-x {
      position: absolute;
      left: 8px;
      top: 8px; }
  .popup-form-wrapper .popup-form-inner .title {
    color: #fff;
    font: 24px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0 0 20px; }
  .popup-form-wrapper .popup-form-inner .tpl-anketa-success-note {
    color: #fff;
    font: 24px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0 0 10px; }
  .popup-form-wrapper .popup-form-inner .field-required-mark {
    color: #f00; }
  .popup-form-wrapper .popup-form-inner .error-message {
    color: #fd6161;
    font: 14px Arial, Helvetica, sans-serif; }
  .popup-form-wrapper .popup-form-inner .tpl-field {
    margin-bottom: 16px; }
    .popup-form-wrapper .popup-form-inner .tpl-field ul {
      list-style: none;
      padding: 0; }
    .popup-form-wrapper .popup-form-inner .tpl-field .field-title {
      color: #fff;
      font: 14px Arial, Helvetica, sans-serif;
      margin-bottom: 7px; }
    .popup-form-wrapper .popup-form-inner .tpl-field input[type=text], .popup-form-wrapper .popup-form-inner .tpl-field textarea {
      background: #fff;
      border: 1px solid #b8b8b8;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      padding: 0 10px;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font: 16px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
      color: #414141; }
    .popup-form-wrapper .popup-form-inner .tpl-field input[type=text] {
      height: 35px;
      line-height: 35px; }
    .popup-form-wrapper .popup-form-inner .tpl-field textarea {
      padding: 5px 10px;
      max-height: 135px; }
  .popup-form-wrapper .popup-form-inner .field-error input[type=text], .popup-form-wrapper .popup-form-inner .field-error textarea {
    border-color: #f00; }
  .popup-form-wrapper .popup-form-inner .tpl-field-button button {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    font: 18px "RobotoCondensedBold", Arial, Helvetica, sans-serif;
    border: none;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    background: #f75050;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 16px 30px;
    outline: none; }
    .popup-form-wrapper .popup-form-inner .tpl-field-button button:hover {
      background: #fd6161; }

@media all and (max-width: 970px) {
  .site-container {
    padding: 0 20px;
    max-width: 940px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }

@media all and (max-width: 768px) {
  .site-header {
    min-height: 407px; }
    .site-header__inner {
      padding-bottom: 40px; }

  .company-slogan {
    margin-bottom: 34px; }

  .header_in {
    min-height: 310px; }
    .header_in .header_top {
      margin-bottom: 43px; }

  .header_top {
    margin-bottom: 32px; }

  .button_form a {
    padding: 16px 30px;
    font-size: 22px; }

  .bottom-blocks-wrapper {
    display: block;
    margin-bottom: 50px; }
    .bottom-blocks-wrapper .contacts-bottom, .bottom-blocks-wrapper .form-bottom {
      display: block;
      width: auto;
      margin-bottom: 50px; }
    .bottom-blocks-wrapper .form-bottom {
      padding: 25px 2% 35px 4%; }
      .bottom-blocks-wrapper .form-bottom:before {
        border: 2px solid #f75050;
        left: 0; } }
  @media all and (max-width: 768px) and (min-width: 481px) {
    .bottom-blocks-wrapper .contacts-bottom {
      font-size: 0;
      padding: 38px 30px 38px; }
      .bottom-blocks-wrapper .contacts-bottom .phone-bottom, .bottom-blocks-wrapper .contacts-bottom .address-bottom {
        display: table-cell;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .bottom-blocks-wrapper .contacts-bottom .phone-bottom {
        width: 185px;
        padding-right: 25px; }
        .bottom-blocks-wrapper .contacts-bottom .phone-bottom div {
          width: 147px; }
      .bottom-blocks-wrapper .contacts-bottom .address-bottom {
        width: 71.5%;
        margin-top: 0; } }

@media all and (max-width: 767px) {
  .site-header__inner {
    padding-top: 50px; }

  .wrapper-top-menu {
    background: rgba(0, 49, 57, 0.6);
    height: 51px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10; }
    .wrapper-top-menu .open-mobile-menu {
      position: absolute;
      left: 20px;
      top: 14px;
      width: 30px;
      height: 24px;
      background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%2224px%22%20%20viewBox%3D%220%200%2030%2024%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.000%2C14.000%20L2.000%2C14.000%20C0.895%2C14.000%20-0.000%2C13.104%20-0.000%2C12.000%20C-0.000%2C10.895%200.895%2C10.000%202.000%2C10.000%20L28.000%2C10.000%20C29.105%2C10.000%2030.000%2C10.895%2030.000%2C12.000%20C30.000%2C13.104%2029.105%2C14.000%2028.000%2C14.000%20ZM28.000%2C4.000%20L2.000%2C4.000%20C0.895%2C4.000%20-0.000%2C3.104%20-0.000%2C2.000%20C-0.000%2C0.895%200.895%2C-0.000%202.000%2C-0.000%20L28.000%2C-0.000%20C29.105%2C-0.000%2030.000%2C0.895%2030.000%2C2.000%20C30.000%2C3.104%2029.105%2C4.000%2028.000%2C4.000%20ZM2.000%2C20.000%20L28.000%2C20.000%20C29.105%2C20.000%2030.000%2C20.895%2030.000%2C22.000%20C30.000%2C23.104%2029.105%2C24.000%2028.000%2C24.000%20L2.000%2C24.000%20C0.895%2C24.000%20-0.000%2C23.104%20-0.000%2C22.000%20C-0.000%2C20.895%200.895%2C20.000%202.000%2C20.000%20Z%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E") 0 0 no-repeat; }

  .mobile-menu {
    padding-top: 70px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: #0f4a53;
    width: 310px;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s; }
    .mobile-menu .close-menu {
      position: absolute;
      left: 20px;
      top: 14px;
      width: 30px;
      height: 30px;
      background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.451%2C3.043%20L12.494%2C10.001%20L19.424%2C16.932%20C20.120%2C17.628%2020.120%2C18.756%2019.424%2C19.452%20C18.728%2C20.148%2017.600%2C20.148%2016.903%2C19.452%20L9.973%2C12.522%20L3.043%2C19.452%20C2.346%2C20.149%201.215%2C20.149%200.518%2C19.452%20C-0.179%2C18.755%20-0.179%2C17.624%200.518%2C16.927%20L7.448%2C9.997%20L0.518%2C3.067%20C-0.178%2C2.371%20-0.178%2C1.242%200.518%2C0.546%20C1.214%2C-0.150%202.343%2C-0.150%203.039%2C0.546%20L9.969%2C7.477%20L16.927%2C0.519%20C17.624%2C-0.178%2018.754%2C-0.178%2019.451%2C0.519%20C20.148%2C1.216%2020.148%2C2.346%2019.451%2C3.043%20Z%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E") 50% 50% no-repeat; }
    .mobile-menu .top-menu .s3-menu-allin-open + ul {
      display: block !important; }
      .mobile-menu .top-menu .s3-menu-allin-has > a {
        position: relative; }
        .mobile-menu .top-menu .s3-menu-allin-has > a:before {
          content: "";
          display: block;
          position: absolute;
          right: 20px;
          top: 50%;
          margin-top: -4px;
          width: 15px;
          height: 7px;
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -ms-transition: 0.3s;
          transition: 0.3s;
          background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2239px%22%20height%3D%227px%22%20%20viewBox%3D%220%200%2039%207%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.575%2C6.991%20L31.500%2C6.918%20L31.425%2C6.991%20L24.008%2C1.150%20L25.181%2C0.007%20L31.500%2C4.985%20L37.820%2C0.007%20L38.992%2C1.150%20L31.575%2C6.991%20ZM7.500%2C2.014%20L1.181%2C6.992%20L0.008%2C5.850%20L7.425%2C0.008%20L7.500%2C0.081%20L7.575%2C0.008%20L14.992%2C5.850%20L13.820%2C6.992%20L7.500%2C2.014%20Z%22%20%3E%3C%2Fpath%3E%3C%2Fsvg%3E") right 0 no-repeat; }
        .mobile-menu .top-menu .s3-menu-allin-has > a.s3-menu-allin-open {
          background: #155e69; }
          .mobile-menu .top-menu .s3-menu-allin-has > a.s3-menu-allin-open:before {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
      .mobile-menu .top-menu > li .s3-menu-allin-open:hover {
        color: #fff; }
        .mobile-menu .top-menu > li ul {
          display: none;
          background: #0a3238;
          list-style: none;
          padding: 10px 0;
          margin: 0; }
        .mobile-menu .top-menu > li ul ul {
          padding: 0; }
          .mobile-menu .top-menu > li ul ul li a {
            padding-left: 40px; }
            .mobile-menu .top-menu > li ul ul li li a {
              padding-left: 46px; }
        .mobile-menu .top-menu > li ul li a {
          display: block;
          padding: 12px 40px 12px 34px;
          color: #fff;
          text-decoration: none;
          font: 14px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
          line-height: 1.25; }
          .mobile-menu .top-menu > li ul li a:hover {
            color: #6cbfcb; }
        .mobile-menu .top-menu > li > a {
          padding: 18px 40px 18px 20px;
          display: block;
          color: #fff;
          font: 14px "RobotoCondensedRegular", Arial, Helvetica, sans-serif;
          text-decoration: none;
          text-transform: uppercase;
          line-height: 1.25; }

  .opened {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    overflow: auto; }

  .reviews-wrapper {
    margin-bottom: 20px; }
    .reviews-wrapper .reviews-block {
      overflow: hidden;
      padding-bottom: 60px; }
      .reviews-wrapper .reviews-block .owl-nav {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        position: absolute;
        left: 50%;
        margin-left: -50px;
        bottom: 5px;
        height: 40px; }
      .reviews-wrapper .reviews-block .review {
        width: 100%;
        text-align: center; }
      .reviews-wrapper .reviews-block .owl-item {
        display: inline-block;
        vertical-align: top; } }

@media all and (max-width: 600px) {
  .wrapper-picture {
    display: none; }

  .portfolio-main {
    margin-bottom: 30px; }
    .portfolio-main .wrapper-picture-mobile {
      padding-bottom: 60px; }
      .portfolio-main .wrapper-picture-mobile .owl-controls {
        display: block; } }

@media all and (max-width: 550px) {
  .company-wrapper {
    width: auto;
    float: none;
    margin: 16px 20px 20px 20px; }
    .company-wrapper .company-name a {
      font-size: 30px; }
    .company-wrapper .company-activity {
      font-size: 24px;
      line-height: 1.1; }

  .header_top .phone-top {
    width: 220px;
    float: none;
    margin: 20px 0 27px 20px; }
    .header_top .phone-top .work-time {
      display: none; }
    .header_top .phone-top:before {
      top: -1px; }

  .header_in .header_top {
    margin-bottom: 35px; }
    .header_in .site-header__inner {
      padding-bottom: 33px; }

  .site-header__inner {
    padding-bottom: 33px; }
    .site-header__inner .company-slogan {
      font-size: 30px; } }

@media all and (max-width: 480px) {
  .site-header {
    min-height: 315px;
    margin-bottom: 35px; }
    .site-header .button_form a {
      padding: 14px 28px;
      font-size: 20px; }

  .company-slogan {
    display: none; }

  .service_main {
    margin-bottom: 40px; }
    .service_main .service-button {
      margin-top: 10px; }

  .company-info {
    margin-bottom: 30px;
    font-size: 18px; }
    .company-info .comp_h1 {
      font-size: 24px !important; }
    .company-info .title-portfolio {
      margin-bottom: 25px; }

  .reviews-wrapper .title-reviews {
    margin-bottom: 25px; }

  .bottom-blocks-wrapper .contacts-bottom, .bottom-blocks-wrapper .form-bottom {
    padding: 28px 30px 25px;
    margin-bottom: 40px; }
    .bottom-blocks-wrapper .form-bottom .tpl-anketa fieldset {
      width: 100%;
      float: none;
      padding: 0; }

  .popup-form-wrapper .popup-form-inner .title {
    letter-spacing: -0.5px; }

  .site-footer {
    min-height: 135px; }
    .site-footer .footer-inner {
      padding: 27px 20px 10px; }
      .site-footer .footer-inner .site-name, .site-footer .footer-inner .social-networks, .site-footer .footer-inner .site-copyright {
        display: block;
        width: auto;
        text-align: center;
        padding: 0 0 15px; }
        .site-footer .footer-inner .site-name .site-name-in, .site-footer .footer-inner .social-networks .site-name-in, .site-footer .footer-inner .site-copyright .site-name-in {
          width: 100%; }
      .site-footer .footer-inner .social-networks {
        padding-bottom: 11px; } }

@media all and (max-width: 430px) {
  .popup-form-wrapper .popup-form-inner {
    width: 280px;
    padding: 15px 15px 4px; } }

@media all and (max-width: 380px) {
  .service_main {
    margin-bottom: 30px; }
    .service_main .head-service {
      margin-bottom: 23px; }
    .service_main .service-blocks .service-bl .img-service {
      display: none; }
      .service_main .service-blocks .service-bl .body-service {
        width: 100%;
        margin-right: 0;
        border: 2px solid #f75050;
        padding: 32px 44px; }
        .service_main .service-blocks .service-bl .body-service .title-service {
          font-size: 26px;
          line-height: 1; }
      .service_main .service-blocks .left-img .body-service {
        margin-left: 0; }

  .company-info {
    font-size: 15px; }
    .company-info .comp_h1 {
      font-size: 18px !important; }

  .reviews-wrapper .reviews-block .review .photo-author {
    display: none; }
    .reviews-wrapper .reviews-block .review .body-review {
      margin-left: 0;
      width: 100%; } }

@media all and (max-width: 360px) {
  .site-container {
    padding: 0 15px; }

  .site-header {
    margin-bottom: 23px;
    min-height: 284px; }
    .site-header__inner {
      padding-bottom: 29px; }
    .site-header .header_top {
      margin-bottom: 27px; }
      .site-header .header_top .phone-top {
        margin: 20px 10px 28px 15px; }
    .site-header .button_form a {
      font-size: 14px;
      padding: 12px 25px; }
    .site-header .wrapper-top-menu .open-mobile-menu {
      left: 15px; }

  .header_in .header_top {
    margin-bottom: 27px; }
    .header_in .site-header__inner {
      padding-bottom: 29px; }

  .company-wrapper {
    margin: 10px 15px 26px 15px; }
    .company-wrapper .company-name a {
      font-size: 24px; }
    .company-wrapper .company-activity {
      font-size: 18px; }

  .block-actions {
    margin-bottom: 23px; }

  .company-info {
    margin-bottom: 20px; }
    .company-info .title-info {
      margin-bottom: 15px; }

  .portfolio-main {
    margin-bottom: 17px; }
    .portfolio-main .title-portfolio {
      margin-bottom: 22px; }
    .portfolio-main .wrapper-picture-mobile {
      padding-bottom: 66px; }

  .bottom-blocks-wrapper {
    margin-bottom: 30px; }
    .bottom-blocks-wrapper .contacts-bottom, .bottom-blocks-wrapper .form-bottom {
      margin-bottom: 30px; } }

@media all and (max-width: 359px) {
  .popup-form-wrapper .popup-form-inner {
    width: 250px; }
    .popup-form-wrapper .popup-form-inner .title {
      font-size: 21px; }

  .bottom-blocks-wrapper .form-bottom .tpl-anketa .title {
    font-size: 23px;
    letter-spacing: -0.3px; } }

.wrapper-reviewForm {
  max-width: 400px; }
  .wrapper-reviewForm input[type=text], .wrapper-reviewForm textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }