@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  	/*@media (min-width: $screen-sm-min) {
      width: $container-sm;
    }
    @media (min-width: $screen-md-min) {
      width: $container-md;
    }
    @media (min-width: $screen-lg-min) {
      max-width: $container-lg;
    }*/
  max-width: 1170px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
@-ms-viewport {
  width: device-width; }
.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table !important; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table !important; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table !important; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table !important; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table !important; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
@font-face {
  font-family: 'PT Sans Narrow';
  src: url("fonts/PTN77F-webfont.eot");
  src: url("fonts/PTN77F-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/PTN77F-webfont.woff") format("woff"), url("fonts/PTN77F-webfont.ttf") format("truetype"), url("fonts/PTN77F-webfont.svg#PTSansNarrowBold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'PFDinDisplayPro Regular';
  src: url("fonts/PFDinDisplayPro-Reg.eot");
  src: url("fonts/PFDinDisplayPro-Reg.eot?#iefix") format("embedded-opentype"), url("fonts/PFDinDisplayPro-Reg.woff") format("woff"), url("fonts/PFDinDisplayPro-Reg.ttf") format("truetype"), url("fonts/PFDinDisplayPro-Reg.svg#PFDinDisplayPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'linecons';
  src: url("fonts/linecons/linecons.eot");
  src: url("fonts/linecons/linecons.eot?#iefix") format("embedded-opentype"), url("fonts/linecons/linecons.woff") format("woff"), url("fonts/linecons/linecons.ttf") format("truetype"), url("fonts/linecons/linecons.svg#linecons") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?u4tm0b");
  src: url("fonts/icomoon.eot?#iefixu4tm0b") format("embedded-opentype"), url("fonts/icomoon.woff?u4tm0b") format("woff"), url("fonts/icomoon.ttf?u4tm0b") format("truetype"), url("fonts/icomoon.svg?u4tm0b#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Proba-Pro-Regular';
  src: url("fonts/Proba-Pro-Regular.eot");
  src: url("fonts/Proba-Pro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Proba-Pro-Regular.woff") format("woff"), url("fonts/Proba-Pro-Regular.ttf") format("truetype"), url("fonts/Proba-Pro-Regular.svg#Proba-Pro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProbaPro-Bold';
  src: url("fonts/ProbaPro-Bold.eot");
  src: url("fonts/ProbaPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ProbaPro-Bold.woff") format("woff"), url("fonts/ProbaPro-Bold.ttf") format("truetype"), url("fonts/ProbaPro-Bold.svg#ProbaPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
.ico:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 24px;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-search1:before {
  content: "\e600"; }

.icon-search2:before {
  content: "\f02e"; }

.icon-three-bars:before {
  content: "\f05e"; }

.icon-search3:before {
  content: "\f002"; }

.icon-envelope-o:before {
  content: "\f003"; }

.icon-phone:before {
  content: "\f095"; }

.icon-bars:before {
  content: "\f0c9"; }

.icon-list:before {
  content: "\e601"; }

.icon:before {
  font-family: 'linecons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  margin-right: 0.6em;
  -webkit-font-smoothing: antialiased; }

.icon-female:before {
  content: "\f182"; }

.icon-male:before {
  content: "\f183"; }

.icon-arrow-left:before {
  content: "\e032"; }

.icon-arrow-left-2:before {
  content: "\e034"; }

.icon-arrow-left-3:before {
  content: "\e036"; }

.icon-arrow-left-4:before {
  content: "\e038"; }

.icon-arrow-right:before {
  content: "\e035"; }

.icon-arrow-right-2:before {
  content: "\e037"; }

.icon-arrow-right-3:before {
  content: "\e039"; }

.icon-arrow-right-4:before {
  content: "\e033"; }

.icon-phone:before {
  content: "\e000"; }

.icon-news:before {
  content: "\e001"; }

.icon-photo:before {
  content: "\e002"; }

.icon-shop:before {
  content: "\e003"; }

.icon-wallet:before {
  content: "\e004"; }

.icon-t-shirt:before {
  content: "\e005"; }

.icon-heart:before {
  content: "\e006"; }

.icon-cloud:before {
  content: "\e007"; }

.icon-display:before {
  content: "\e008"; }

.icon-diamond:before {
  content: "\e009"; }

.icon-banknote:before {
  content: "\e00a"; }

.icon-data:before {
  content: "\e00b"; }

.icon-music:before {
  content: "\e00c"; }

.icon-location:before {
  content: "\e00d"; }

.icon-star:before {
  content: "\e00e"; }

.icon-tv:before {
  content: "\e00f"; }

.icon-eye:before {
  content: "\e010"; }

.icon-megaphone:before {
  content: "\e011"; }

.icon-study:before {
  content: "\e012"; }

.icon-bubble:before {
  content: "\e013"; }

.icon-sound:before {
  content: "\e014"; }

.icon-video:before {
  content: "\e015"; }

.icon-stack:before {
  content: "\e016"; }

.icon-lab:before {
  content: "\e017"; }

.icon-food:before {
  content: "\e018"; }

.icon-cup:before {
  content: "\e019"; }

.icon-trash:before {
  content: "\e01a"; }

.icon-user:before {
  content: "\e01b"; }

.icon-key:before {
  content: "\e01c"; }

.icon-fire:before {
  content: "\e01d"; }

.icon-clip:before {
  content: "\e01e"; }

.icon-mail:before {
  content: "\e01f"; }

.icon-search:before {
  content: "\e020"; }

.icon-settings:before {
  content: "\e021"; }

.icon-like:before {
  content: "\e022"; }

.icon-calendar:before {
  content: "\e023"; }

.icon-camera:before {
  content: "\e024"; }

.icon-tag:before {
  content: "\e025"; }

.icon-note:before {
  content: "\e026"; }

.icon-clock:before {
  content: "\e027"; }

.icon-lock:before {
  content: "\e028"; }

.icon-vynil:before {
  content: "\e029"; }

.icon-truck:before {
  content: "\e02a"; }

.icon-paperplane:before {
  content: "\e02b"; }

.icon-bulb:before {
  content: "\e02c"; }

.icon-pen:before {
  content: "\e02d"; }

.icon-params:before {
  content: "\e02e"; }

.icon-world:before {
  content: "\e02f"; }

/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  max-width: 100%;
  height: auto; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

.group:before, .group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  *zoom: 1; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.fleft {
  float: left; }

.fright {
  float: right; }

.star {
  color: #f00; }

.error {
  color: #f00; }

.bold {
  font-weight: bold; }

.blue {
  color: #14a5cc; }

.grey {
  background: #888888; }

.black {
  color: #000000; }

.red {
  color: #ac0058; }

.clear {
  clear: both; }

.fleft {
  float: left; }

a {
  color: #14a5cc;
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: all 0.25s ease, width 0, height 0;
  -moz-transition: all 0.25s ease, width 0, height 0;
  -o-transition: all 0.25s ease, width 0, height 0;
  -ms-transition: all 0.25s ease, width 0, height 0;
  transition: all 0.25s ease, width 0, height 0; }
  a:hover {
    color: #07a74f;
    text-decoration: none; }
  a:focus, a:hover, a:active {
    outline: none !important;
    outline: 0 !important; }

p {
  margin: 0 0 10px; }
  p cite {
    font-style: italic;
    font-weight: bold;
    color: #555;
    background: transparent url(img/q.gif) left top no-repeat;
    padding-left: 25px; }

ul, ol {
  padding: 0;
  margin: 10px 0 20px; }

ul ul {
  margin: 5px 0; }

ol li {
  list-style-type: decimal;
  margin: 0 0 5px 45px; }

ul {
  margin: 10px 0 20px; }
  ul li {
    /*background:url(img/li_ico.gif) no-repeat left 7px;
    padding:0 0 0 15px;
    margin:0 0 5px 25px;*/
    background: url(img/bull.png) no-repeat 0 8px;
    margin: 0 0 10px;
    padding: 0 0 0 22px;
    list-style: none; }
  ul.sitemap li {
    /*background:url(img/li_ico1.gif) no-repeat left 7px;
    padding:0 0 0 15px;*/
    margin: 0 0 8px 3px;
    list-style: none; }

.grey-shadow {
  behavior: url(js/PIE.htc);
  position: relative;
  -moz-box-shadow: 0px 5px 10px #8a8888;
  -webkit-box-shadow: 0px 5px 10px #8a8888;
  -o-box-shadow: 0px 5px 10px #8a8888;
  -ms-box-shadow: 0px 5px 10px #8a8888;
  box-shadow: 0px 5px 10px #8a8888; }

.title {
  color: #1B91C9;
  font: 16px Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: block; }

h1, .h1 {
  margin: .5em 0;
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
  margin: 7px 0 19px; }
  @media (max-width: 600px) {
    h1, .h1 {
      font-size: 1.5em; } }

h2, .h2 {
  margin: 0 0 1em;
  line-height: 1;
  font-weight: bold;
  font-size: 20px; }

h3, .h3 {
  margin: 0px 0 10px;
  font-weight: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px; }
  h3 a, .h3 a {
    color: #000;
    background: url(img/hoverh3.gif) repeat-x bottom;
    text-decoration: none; }
    h3 a:hover, .h3 a:hover {
      background: none; }

h4, .h4 {
  margin: 0 0 1em;
  font-weight: normal; }

.main .h2 {
  font-weight: normal;
  text-align: center;
  padding: 0 0 20px;
  margin: 0 auto 30px;
  font-size: 2em;
  font-family: "Open Sans", "Trebuchet MS", sans-serif;
  border-bottom: 1px solid #e2e2e2;
  color: #000;
  width: 90%; }
  .main .h2 a {
    color: #000;
    text-decoration: none; }
.main .h1 {
  font-size: 35px;
  color: #000;
  font-weight: normal;
  text-align: center;
  padding: 0 0 34px;
  margin: 0px auto 30px auto;
  border-bottom: 1px solid #e2e2e2;
  width: 90%;
  font-family: "Open Sans", "Trebuchet MS", sans-serif; }
  @media (max-width: 600px) {
    .main .h1 {
      font-size: 24px;
      line-height: 26px;
      margin: 0px 20px 15px;
      padding: 0 0 10px;
      width: auto;
      font-weight: 300; } }
  .main .h1 a {
    color: #000;
    text-decoration: none; }

.content h2, .content h3, .content h4, .content .h2, .content .h3, .content .h4 {
  margin-top: 25px; }

#paging {
  margin: 10px 0;
  padding-left: 10px; }
  #paging a, #paging span {
    padding: 5px 10px;
    font: bold 11px "Trebuchet MS";
    color: #006caa;
    display: inline-block;
    text-decoration: none; }
    #paging a.down, #paging a.next, #paging span.down, #paging span.next {
      font: 11px "Trebuchet MS";
      color: #999;
      text-decoration: underline;
      padding: 5px 5px; }
      #paging a.down:hover, #paging a.next:hover, #paging span.down:hover, #paging span.next:hover {
        color: #2095ce;
        background: none;
        text-decoration: none; }
  #paging a:hover, #paging span {
    background: url(img/page-bg.gif) no-repeat center center;
    color: #fff; }

.authorization {
  position: absolute;
  color: #1B91C9;
  right: 44px;
  top: 55px;
  z-index: 1000;
  font: 12px Arial, Helvetica, sans-serif; }
  .authorization a {
    color: #000; }

.content {
  padding-bottom: 30px; }
  @media (max-width: 950px) {
    .content {
      padding: 0; } }

.white {
  font: 11px "Trebuchet MS"; }

h2 .h2 {
  position: relative;
  height: 31px; }
  h2 .h2 .nonactive {
    font: 18px "Trebuchet MS";
    color: #2a98cd;
    background: url(img/hoverh2.gif) repeat-x bottom;
    text-decoration: none;
    display: inline-block;
    padding-top: 5px;
    cursor: pointer; }
    h2 .h2 .nonactive:hover {
      background: none; }
  h2 .h2 span {
    display: inline-block;
    width: 20px; }
  h2 .h2 .active {
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    text-decoration: none;
    color: #000; }

.noactive {
  display: none; }

.padl44 {
  padding-left: 44px; }

.ymaps-map {
  border: 8px solid #dcdcdc !important;
  -moz-box-shadow: 0 0 15px #676767;
  -webkit-box-shadow: 0 0 15px #676767;
  -o-box-shadow: 0 0 15px #676767;
  -ms-box-shadow: 0 0 15px #676767;
  box-shadow: 0 0 15px #676767; }

.mtb15, .docItem .mtb15 {
  margin: 15px 0; }

.module {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  clear: both;
  overflow: hidden; }

.customers-login {
  margin: 0 0 1em; }
  .customers-login a {
    display: block;
    height: 35px;
    padding-left: 35px;
    padding-top: 17px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    background: url(img/customers-login.png) left 3px no-repeat; }
    .customers-login a:hover {
      color: #fafafa; }
      .customers-login a:hover span {
        border-color: transparent; }
    .customers-login a span {
      border-bottom: 2px dotted #fff; }

.seotopDiv {
  margin-bottom: 20px; }
  .seotopDiv table {
    border: 1px solid #63BDE7;
    width: 100%; }
    .seotopDiv table td {
      width: 50%; }
      .seotopDiv table td div {
        padding: 5px; }
      .seotopDiv table td img {
        padding: 0 3px 0 5px;
        position: relative;
        top: 2px; }
  .seotopDiv .proj {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px; }

.works {
  margin: 15px 0; }
  .works h4, .works .h4 {
    margin: 0 0 10px; }

.main-view-all {
  display: block;
  font-size: 16px;
  text-align: right; }

#print {
  width: 800px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  color: #555;
  font-size: 14px; }

/* html #print {height:100%;} /*for IE min-height */
#print #header_print {
  width: 100%;
  padding: 15px 0;
  float: left; }

#printUrl {
  float: right;
  padding: 10px;
  font-size: 12px; }

.printurl {
  padding: 0 0 15px;
  text-align: center; }

#printContent h1, #printContent h2, #printContent h3 {
  color: #555;
  font-size: 26px; }

#printContent {
  /* padding-bottom:170px;*/
  color: #555; }

#print a, .footer_print .border_foot .text a {
  color: #666; }

.footer_print {
  clear: both;
  color: #000;
  margin: 30px auto 0;
  position: relative;
  width: 800px;
  text-align: left; }

.footer_print h2, .footer_print .h2 {
  font-size: 18px; }

.border_foot {
  border-top: 10px solid #888;
  padding-top: 10px;
  height: 90px;
  margin: 0; }

.divArtListSource, .divArtListSourceLink {
  font-size: 12px; }

#printContent {
  clear: both;
  padding-top: 15px; }

.footer_print .border_foot .text {
  color: #555; }

#print input[type="text"], #print textarea, #print select {
  border: 1px solid #777; }

.divEdit {
  margin: 0 0 15px; }

.divModuleRights {
  z-index: 999; }

.adminDivCreate {
  margin: 0 0 10px; }

.adminEditDelText {
  margin: 0 0 10px; }

.spanEditDel {
  padding: 0 10px 0; }
  .spanEditDel img {
    vertical-align: middle;
    margin: 0 3px 0;
    border: 0; }

.absolute .spanEditDel {
  position: relative;
  top: -20px; }

.divAddModule {
  margin: 0 0 10px; }

.divMoveForm {
  margin: 15px 0 25px; }

.spanSort {
  padding: 0 10px 0; }
  .spanSort input.inactive,
  .spanSort input.active,
  .spanSort input.error {
    border: 1px solid #000;
    width: 50px;
    height: 20px;
    padding-left: 15px;
    background: url(adminimg/sort_inactive.png) no-repeat left;
    color: #000; }
  .spanSort input.active {
    background: url(adminimg/sort_active.png) no-repeat left; }
  .spanSort input.error {
    background: url(adminimg/sort_error.png) no-repeat left; }

.pageEdit {
  margin: 10px 0 0; }

.pageInput {
  width: 30px;
  padding: 0 5px; }

#groupEditor {
  padding: 0 0 20px;
  background: #e9e9e4;
  border: 2px solid #82827F;
  width: 420px; }
  #groupEditor .closeImg {
    text-align: right; }
  #groupEditor .mainDiv {
    margin: 20px 20px 0 20px; }
  #groupEditor table {
    margin: 15px 0 0; }
  #groupEditor .fieldGroupEditor {
    padding: 5px; }
    #groupEditor .fieldGroupEditor input {
      width: 250px; }
  #groupEditor .submitGroupEditor {
    padding: 5px;
    text-align: center; }
  #groupEditor .error {
    font-size: 11px;
    font-weight: bold;
    color: #E00000; }
  #groupEditor .info {
    font-size: 11px;
    font-weight: bold;
    color: #00AF00; }

.divModuleRights {
  position: fixed;
  top: 50px;
  right: 30px;
  border: 1px solid black;
  width: 360px;
  padding: 2px;
  background-color: white;
  z-index: 9999;
  font-size: 14px; }
  .divModuleRights .moduleRightsContainer {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 40px; }
  .divModuleRights input[type="submit"] {
    position: absolute;
    bottom: 5px;
    left: 120px;
    z-index: 200; }
    .divModuleRights input[type="submit"]:hover {
      position: absolute; }
  .divModuleRights .title {
    width: 100%;
    text-align: center;
    font-weight: bold; }
    .divModuleRights .title a {
      cursor: pointer; }
  .divModuleRights .module {
    padding: 4px;
    margin: 5px 2px;
    border: 1px solid black; }
    .divModuleRights .module .role {
      clear: both;
      padding: 3px 0 3px 0; }

.leftalign, .divEdit, .adminDivCreate, .adminEditDelText, .leftalign a, .divEdit a, .adminDivCreate a, .adminEditDelText a, #flashUploadDiv a, .edit a {
  font: 11px Tahoma !important;
  color: #666; }

.adminTopPanel {
  border-top: 1px solid #DCE0D4;
  width: 100%;
  background: #111;
  font: 12px Arial, Helvetica, sans-serif;
  position: fixed;
  bottom: 0px;
  z-index: 2000; }
  .adminTopPanel table {
    width: 980px !important;
    text-align: center;
    margin: 0 auto; }
    .adminTopPanel table td {
      text-align: left; }
  .adminTopPanel a:hover, .adminTopPanel a:visited, .adminTopPanel a:link {
    color: #fff;
    font: 12px Arial, Helvetica, sans-serif; }
  .adminTopPanel .divEdit {
    margin-bottom: 0;
    color: #14a5cc; }

.tdAdminTopPanel {
  padding: 5px; }

.metaEditBlock {
  padding: 5px 10px;
  color: #fff; }

.metaEdit {
  margin-top: 10px;
  position: absolute;
  z-index: 999;
  padding: 10px;
  bottom: 38px;
  width: 450px;
  background: #111;
  border: 1px solid #DCE0D4; }
  .metaEdit p {
    display: inline; }
    .metaEdit p#descriptionContent, .metaEdit p#h1Content, .metaEdit p#keywordsContent, .metaEdit p#titleContent, .metaEdit p#lastmodifiedContent {
      display: block;
      color: #888; }
  .metaEdit input[type="text"], .metaEdit textarea {
    margin-bottom: 10px; }
    .metaEdit input[type="text"]:hover, .metaEdit input[type="text"]:focus, .metaEdit textarea:hover, .metaEdit textarea:focus {
      color: #000; }

.metaEdit .field {
  margin-bottom: 10px; }

.metaEdit input.visibleInput, .metaEdit textarea.visibleInput {
  width: 97%; }

.metaRed {
  font-weight: normal;
  color: #ff0000; }

.metaGreen {
  font-weight: normal;
  color: #66CC33; }

.podMenu {
  text-align: left;
  position: absolute;
  bottom: 38px;
  z-index: 999;
  visibility: hidden;
  width: 215px;
  background: #333;
  border: 1px solid #DCE0D4;
  margin-top: 10px; }

.podMenuRel {
  padding: 5px 0px 5px 5px; }
  .podMenuRel a {
    text-decoration: none;
    color: #fff; }
  .podMenuRel:hover a {
    color: #14a5cc; }

.adminDivFormText {
  background: #F5F6EA;
  padding: 5px;
  border: 1px solid #DCE0D4;
  color: #000; }
  .adminDivFormText a {
    color: #000; }
  .adminDivFormText .adminEditDelText {
    font-size: 80%; }
    .adminDivFormText .adminEditDelText a {
      color: #9D160A; }

.adminInfoBox {
  color: #aa0000;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border: 2px solid #DB7474;
  padding: 8px;
  background: #FFF3EB;
  box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.5);
  -webkit-animation: myfirst 2.5s infinite;
  -moz-animation: myfirst 2.5s infinite;
  -o-animation: myfirst 2.5s infinite;
  animation: myfirst 2.5s infinite; }

@-webkit-keyframes myfirst {
  0% {
    background: #FFF3EB; }
  50% {
    background: #FFFFBB; }
  100% {
    background: #FFF3EB; } }
@-moz-keyframes myfirst {
  0% {
    background: #FFF3EB; }
  50% {
    background: #FFFFBB; }
  100% {
    background: #FFF3EB; } }
@-o-keyframes myfirst {
  0% {
    background: #FFF3EB; }
  50% {
    background: #FFFFBB; }
  100% {
    background: #FFF3EB; } }
@keyframes myfirst {
  0% {
    background: #FFF3EB; }
  50% {
    background: #FFFFBB; }
  100% {
    background: #FFF3EB; } }
/* Forms */
/* ╨Ч╨░╤П╨▓╨║╨░ ╨╛╤В╨┐╤А╨░╨▓╨╗╨╡╨╜╨░ ╤Г╤Б╨┐╨╡╤И╨╜╨╛ */
.divForm .divFormStar {
  margin: 10px 0; }

.divListErrors {
  margin: 10pt 0; }
  .divListErrors .divError {
    color: #FF0000;
    margin: 3pt 0;
    padding-left: 10pt; }
  .divListErrors .desc {
    font-size: 90%;
    color: #333333; }

.divListErrorsHead {
  font-weight: bold;
  margin-bottom: 10pt; }

.divFormStruct {
  padding-top: 6px; }
  .divFormStruct li {
    list-style-type: none; }
  .divFormStruct .inactive {
    font-weight: bold; }

.listExtraField {
  margin-top: 10px; }
  .listExtraField input {
    width: 50%; }

.docList .listItem {
  margin-bottom: 15px; }
.docList .listPhoto {
  float: left;
  margin-right: 10px; }
.docList .listDate {
  font-size: 80%;
  margin-right: 5px; }
.docList .listTitle {
  font-weight: bold; }
  .docList .listTitle a {
    font-weight: normal; }
.docList .listPreview {
  margin-top: 3px; }

.docItem {
  font-family: Arial, Helvetica, sans-serif; }
  .docItem .docDate {
    font-size: 12px;
    color: #888;
    margin: 0 0 5px; }
  .docItem .docText {
    margin-top: 3px; }
  .docItem .docBack {
    text-align: right;
    padding: 10px 0; }

.jserror {
  display: block;
  margin-top: 5px; }
  .jserror span {
    background: url(img/invalid.png) no-repeat 3px 3px;
    padding-left: 24px;
    color: #FB0F00; }

.jssuccess {
  display: inline-block;
  background: url(img/valid.png) no-repeat;
  height: 16px;
  width: 16px;
  position: relative;
  top: 5px;
  left: 3px; }

.error_message {
  position: fixed;
  width: 260px;
  top: 50%;
  left: 50%;
  color: black;
  margin-left: -130px;
  margin-top: -130px;
  z-index: 1000; }
  .error_message .error_block_header {
    background: url(img/wrench.png) 2px 2px no-repeat #CCCCCC;
    height: 20px;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 5px 5px 0px 0px;
    text-align: right;
    behavior: url(js/PIE.htc);
    position: relative; }
  .error_message .error_block_body {
    padding: 18px 5px 18px 5px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0px 0px 5px 5px;
    behavior: url(js/PIE.htc);
    position: relative; }
  .error_message a {
    position: relative;
    background: url(img/close.png) 2px 2px no-repeat;
    height: 20px;
    width: 20px;
    float: right; }

.formField {
  margin: 10px 0px; }

.formFieldString {
  display: block;
  margin-top: 3px; }

.captchaImg {
  margin-bottom: 5px; }

.captcha {
  overflow: hidden;
  margin-bottom: 10px; }
  .captcha .captchaImg {
    float: left;
    margin-right: 15px; }
  .captcha .jserror {
    display: inline-block; }
  .captcha br {
    display: none; }
  .captcha .captcha_input {
    margin-top: 5px; }
  .captcha a {
    display: block; }

.divMoveForm {
  position: relative;
  z-index: 1000; }
  .divMoveForm .selectbox .select {
    width: 665px; }
  .divMoveForm .selectbox .dropdown {
    width: 665px; }
    .divMoveForm .selectbox .dropdown li {
      margin: 0; }
      .divMoveForm .selectbox .dropdown li:after {
        display: none; }

.divFilter {
  margin: 15px 0;
  padding: 10px;
  border: 1px dashed #bcdbed;
  width: 67%; }
  .divFilter table {
    width: auto; }
    .divFilter table td {
      vertical-align: middle;
      padding: 5px; }
      .divFilter table td input[type="text"] {
        margin-right: 10px; }

.carousel {
  max-width: 1068px;
  height: 300px;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }
  @media (max-width: 950px) {
    .carousel {
      height: 160px; } }
  @media (max-width: 700px) {
    .carousel {
      margin: 0 20px; } }

.carousel-wrapper {
  width: 20000em;
  position: relative; }

.carousel-item {
  float: left;
  width: 346px;
  margin: 2em 5px 0;
  text-align: center; }
  @media (max-width: 950px) {
    .carousel-item {
      width: 280px !important;
      margin: 0 5px 0 !important;
      border: 2px solid #dcdcdc;
      overflow: hidden;
      height: 150px; } }
  @media (max-width: 700px) {
    .carousel-item {
      width: 247px !important;
      opacity: 1 !important; } }
  @media (max-width: 480px) {
    .carousel-item {
      width: 227px !important; } }
  .carousel-item img {
    max-width: 100%;
    max-height: 100%;
    border: 2px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media (max-width: 950px) {
      .carousel-item img {
        border: none;
        max-height: inherit;
        height: auto; } }

.carousel-control {
  display: block;
  width: 64px;
  border-radius: 6px;
  position: absolute;
  top: 0;
  bottom: 40%;
  z-index: 999;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (max-width: 950px) {
    .carousel-control {
      width: 30px;
      bottom: 10%; } }
  .carousel-control:hover {
    position: absolute; }

.carousel-prev {
  background: url(img/arrow_left1_nohover.png) no-repeat center center;
  left: 0; }
  @media (max-width: 700px) {
    .carousel-prev {
      left: -10px; } }
  .carousel-prev:hover {
    background: url(img/arrow_left.png) no-repeat center center; }

.carousel-next {
  background: url(img/arrow_right1_nohover.png) no-repeat center center;
  right: 0; }
  @media (max-width: 700px) {
    .carousel-next {
      right: -12px; } }
  .carousel-next:hover {
    background: url(img/arrow_right.png) no-repeat center center; }

.jq-checkbox {
  top: -1px;
  width: 13px;
  height: 13px;
  border: 1px solid #87A4B4;
  background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) repeat-x;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle; }

.jq-checkbox.checked .jq-checkbox__div {
  width: 9px;
  height: 9px;
  margin: 2px 0 0 2px;
  border-radius: 2px;
  background: #666;
  box-shadow: inset 0 -3px 6px #AAA; }

.jq-checkbox.focused {
  border: 1px solid #15A5FB; }

.jq-checkbox.disabled {
  opacity: 0.55;
  filter: alpha(opacity=55); }

.jq-radio {
  width: 12px;
  height: 12px;
  border: 1px solid #87A4B4;
  border-radius: 50%;
  background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) 0 -1px repeat-x;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle; }

.jq-radio.checked .jq-radio__div {
  width: 6px;
  height: 6px;
  margin: 3px 0 0 3px;
  border-radius: 50%;
  background: #666; }

.jq-radio.focused {
  border: 1px solid #15A5FB; }

.jq-radio.disabled {
  opacity: 0.55;
  filter: alpha(opacity=55); }

.jq-file {
  display: block !important;
  margin: 1px 0 0; }

.jq-file {
  width: 270px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.jq-file input {
  cursor: pointer;
  height: auto;
  line-height: 1em; }

.jq-file__name {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 80px 0 10px;
  color: #333;
  font: 14px/30px Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #87A4B4;
  box-shadow: inset 1px 1px #F1F1F1;
  background: #FFF; }

.focused .jq-file__name {
  border: 1px solid #15A5FB; }

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px/30px Arial, sans-serif; }

.jq-file:hover .jq-file__browse {
  background-color: #E6E6E6;
  background-position: 0 -10px; }

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-file.disabled .jq-file__name {
  color: #888; }

.jq-file.disabled,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-selectbox {
  cursor: pointer;
  display: block !important;
  margin: 2px 0 0;
  z-index: 3 !important; }

.jq-selectbox__select {
  height: 28px;
  padding: 0 35px 0 10px;
  border: 1px solid #87A4B4;
  background: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #555555;
  margin: 1px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.jq-selectbox__select:hover {
  background: #F1f1f1;
  color: #333333; }

.jq-selectbox__select:active {
  background: #F1f1f1;
  color: #333333;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-selectbox.changed {
  z-index: 2; }

.jq-selectbox.focused .jq-selectbox__select {
  border-color: #15A5FB;
  -moz-box-shadow: 0 0 5px #15A5FB;
  -webkit-box-shadow: 0 0 5px #15A5FB;
  -o-box-shadow: 0 0 5px #15A5FB;
  -ms-box-shadow: 0 0 5px #15A5FB;
  box-shadow: 0 0 5px #15A5FB; }

.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-selectbox__select-text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.jq-selectbox .placeholder {
  color: #888; }

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%; }

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 8px solid #000;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  opacity: 1;
  filter: alpha(opacity=100); }

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.jq-selectbox__dropdown {
  top: 27px !important;
  width: 100% !important;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 1px solid #87A4B4;
  background: #FFF;
  font-size: 14px;
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
  @media (max-width: 950px) {
    .jq-selectbox__dropdown {
      top: 32px; } }
  .jq-selectbox__dropdown ul {
    margin: 0 !important; }

.jq-selectbox__search {
  margin: 5px;
  display: none; }

.jq-selectbox__search input {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  outline: none;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333;
  -webkit-appearance: textfield; }

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none; }

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px; }

.jq-selectbox ul {
  margin: 0;
  padding: 0;
  background: #fff; }

.jq-selectbox li {
  padding: 7px 10px 7px !important;
  color: #231F20;
  margin: 0 !important;
  background-image: none !important;
  white-space: normal !important; }
  .jq-selectbox li:before {
    display: none !important; }

.jq-selectbox li.selected {
  background-color: #A3ABB1;
  color: #FFF; }

.jq-selectbox li:hover {
  background-color: #14a5cc;
  color: #fff; }

.jq-selectbox li.disabled {
  color: #AAA;
  display: none !important; }

.jq-selectbox li.disabled:hover {
  background: none; }

.jq-selectbox li.optgroup {
  font-weight: bold; }

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #231F20;
  cursor: default; }

.jq-selectbox li.option {
  padding-left: 25px; }

.jq-select-multiple {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #FFF;
  color: #333;
  font: 14px/18px Arial, sans-serif;
  cursor: default; }

.jq-select-multiple.focused {
  border: 1px solid #5794BF; }

.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

.jq-select-multiple ul {
  margin: 0;
  padding: 0; }

.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none; }

.jq-select-multiple li:first-child {
  border-radius: 3px 3px 0 0; }

.jq-select-multiple li:last-child {
  border-radius: 0 0 3px 3px; }

.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF; }

.jq-select-multiple li.disabled {
  color: #AAA; }

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF; }

.jq-select-multiple li.optgroup {
  font-weight: bold; }

.jq-select-multiple li.option {
  padding-left: 25px; }

input[type="email"].styler,
input[type="number"].styler,
input[type="password"].styler,
input[type="search"].styler,
input[type="tel"].styler,
input[type="text"].styler,
input[type="url"].styler,
textarea.styler {
  padding: 7px 9px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  font: 14px Arial, sans-serif; }

input[type="search"].styler {
  -webkit-appearance: none; }

textarea.styler {
  overflow: auto; }

input[type="email"].styler:hover,
input[type="number"].styler:hover,
input[type="password"].styler:hover,
input[type="search"].styler:hover,
input[type="tel"].styler:hover,
input[type="text"].styler:hover,
input[type="url"].styler:hover,
textarea.styler:hover {
  border-color: #B3B3B3; }

input[type="email"].styler:focus,
input[type="number"].styler:focus,
input[type="password"].styler:focus,
input[type="search"].styler:focus,
input[type="tel"].styler:focus,
input[type="text"].styler:focus,
input[type="url"].styler:focus,
textarea.styler:focus {
  border-color: #CCC;
  border-top-color: #B3B3B3;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  outline: none; }

button.styler,
input[type="button"].styler,
input[type="submit"].styler,
input[type="reset"].styler {
  overflow: visible;
  padding: 7px 11px;
  outline: none;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  border-radius: 4px;
  background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  text-shadow: 1px 1px #FFF;
  font: 14px Arial, sans-serif;
  cursor: pointer; }

button.styler::-moz-focus-inner,
input[type="button"].styler::-moz-focus-inner,
input[type="submit"].styler::-moz-focus-inner,
input[type="reset"].styler::-moz-focus-inner {
  padding: 0;
  border: 0; }

button.styler:after {
  content: ''; }

button.styler:not([disabled]):hover,
input[type="button"].styler:not([disabled]):hover,
input[type="submit"].styler:not([disabled]):hover,
input[type="reset"].styler:hover {
  background-color: #E6E6E6;
  background-position: 0 -10px; }

button.styler:not([disabled]):active,
input[type="button"].styler:not([disabled]):active,
input[type="submit"].styler:not([disabled]):active,
input[type="reset"].styler:active {
  background: #F5F5F5;
  box-shadow: inset 1px 1px 3px #DDD; }

button.styler[disabled],
input[type="button"].styler[disabled],
input[type="submit"].styler[disabled] {
  border-color: #CCC;
  background: #F5F5F5;
  box-shadow: none;
  color: #888; }

table,
td,
input,
select,
form {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0; }

img {
  border: none; }

html,
body {
  height: 100%;
  /*width: 100%;*/
  margin: 0;
  padding: 0; }

td {
  font-size: 13px; }

body {
  color: #333333;
  /*font: normal 16px $font1;*/
  font: normal 14px Arial, Helvetica, sans-serif;
  background: #fff; }
  @media (max-width: 480px) {
    body {
      font-size: 14px; } }

#outer {
  position: relative;
  overflow: hidden; }

.main .page {
  font: normal 14px "Open Sans", "Trebuchet MS", sans-serif; }
.main h1 {
  font-weight: normal;
  text-align: center;
  padding: 0 0 20px;
  margin: 0 auto 20px;
  border-bottom: 1px solid #e2e2e2;
  width: 90%; }
.main #footer,
.main #header {
  font-family: "PFDinDisplayPro Regular", sans-serif; }

.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .row * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

.container {
  max-width: 1263px;
  margin: 0 auto;
  padding: 0 20px;
  font-family: "Open Sans", "Trebuchet MS", sans-serif; }

#header {
  text-align: center;
  font-family: "PFDinDisplayPro Regular", sans-serif; }
  #header .header-two {
    height: 123px;
    padding: 0px; }
    @media (max-width: 600px) {
      #header .header-two {
        padding: 0 30px; } }
    @media (max-width: 600px) {
      #header .header-two .center {
        padding-left: 0px !important; } }
  #header .logo {
    float: left;
    width: 30%;
    padding-top: 38px;
    padding-left: 44px;
    position: relative;
    z-index: 100; }
    @media (max-width: 950px) {
      #header .logo {
        padding-top: 20px;
        width: auto; } }
    @media (max-width: 600px) {
      #header .logo {
        padding-left: 0px; } }
    @media (max-width: 480px) {
      #header .logo {
        float: none;
        width: 100%;
        padding: 20px 0 10px;
        width: auto;
        text-align: center; } }
  #header .phones {
    float: right;
    text-align: right;
    padding-top: 28px;
    padding-right: 44px;
    position: relative;
    z-index: 100; }
    @media (max-width: 950px) {
      #header .phones {
        /*width: 40%;
        clear: both;
        padding-top: 0px;*/ } }
    @media (max-width: 900px) {
      #header .phones {
        /*width: 40%;
        clear: both;*/
        padding-top: 28px; } }
    @media (max-width: 600px) {
      #header .phones {
        padding-right: 0px; } }
    #header .phones .spanEditDel {
      position: absolute;
      top: 0;
      left: 20px; }
    #header .phones span.small {
      font-size: 14px;
      color: #616161;
      display: block;
      margin: -3px 0 0; }
      #header .phones span.small a {
        font-size: 13px; }
      @media (max-width: 700px) {
        #header .phones span.small {
          font-size: 12px; }
          #header .phones span.small a {
            font-size: 11px; } }
      @media (max-width: 900px) {
        #header .phones span.small {
          display: none; } }
    #header .phones p {
      margin: 0; }
    @media (max-width: 480px) {
      #header .phones {
        float: none;
        text-align: center;
        width: auto;
        padding: 10px 0 0 !important; } }
  #header .h-phone {
    font-size: 30px;
    font-weight: bold;
    color: #333 !important;
    font-family: "Trebuchet MS", Arial; }
    #header .h-phone span {
      color: #333 !important; }
    @media (max-width: 700px) {
      #header .h-phone {
        font-size: 24px; } }
    @media (max-width: 600px) {
      #header .h-phone {
        font-size: 22px; } }

.admin .header-two {
  padding: 40px 0 0; }

.header-inner,
.body-inner #body {
  max-width: 1263px;
  /*min-width: 1000px;*/
  margin: 0 auto;
  text-align: left;
  /*width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : "auto") : (document.body.clientWidth > 1263 ? "1263px" : "auto"));*/ }

.footer-inner {
  max-width: 1175px;
  /*min-width: 912px;*/
  margin: 0 auto;
  text-align: left;
  /*width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 912 ? "912px" : "auto") : (document.body.clientWidth > 1175 ? "1175px" : "auto"));*/ }

.header-inner {
  padding: 50px 0 0; }

.menu-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000; }
  .menu-fixed.stick #logo {
    display: block; }
  .menu-fixed #logo {
    display: none;
    behavior: url(js/PIE.htc);
    position: relative;
    -webkit-transition: all 0.25s ease, width 0, height 0;
    -moz-transition: all 0.25s ease, width 0, height 0;
    -o-transition: all 0.25s ease, width 0, height 0;
    -ms-transition: all 0.25s ease, width 0, height 0;
    transition: all 0.25s ease, width 0, height 0;
    float: left; }
    @media (max-width: 950px) {
      .menu-fixed #logo {
        display: block; } }
    .menu-fixed #logo a,
    .menu-fixed #logo span {
      margin: 14px 10px 0 20px;
      width: 65px;
      height: 24px;
      background: url(img/logo-ico1.png) no-repeat 0 0;
      display: block; }
      @media (max-width: 950px) {
        .menu-fixed #logo a,
        .menu-fixed #logo span {
          margin-top: 13px; } }
      .menu-fixed #logo a:hover,
      .menu-fixed #logo span:hover {
        /*background:url(img/logo-ico.png) no-repeat 0 bottom;	*/ }

.menuTop {
  behavior: url(js/PIE.htc);
  position: relative;
  position: relative;
  background: #545656;
  background: -webkit-linear-gradient(top, #545656 0%, #05131A 100%);
  background: -moz-linear-gradient(top, #545656 0%, #05131A 100%);
  background: -o-linear-gradient(top, #545656 0%, #05131A 100%);
  background: -ms-linear-gradient(top, #545656 0%, #05131A 100%);
  background: linear-gradient(top, #545656 0%, #05131A 100%);
  -pie-background: linear-gradient(top, #545656 0%, #05131A 100%);
  behavior: url(js/PIE.htc);
  position: relative;
  overflow: hidden; }
  @media (max-width: 950px) {
    .menuTop {
      background: #424242;
      -moz-box-shadow: 1px 2px 5px #ccc;
      -webkit-box-shadow: 1px 2px 5px #ccc;
      -o-box-shadow: 1px 2px 5px #ccc;
      -ms-box-shadow: 1px 2px 5px #ccc;
      box-shadow: 1px 2px 5px #ccc; } }
  .menuTop .container {
    padding: 0; }
  .menuTop:hover {
    -moz-box-shadow: 1px 2px 5px #ccc;
    -webkit-box-shadow: 1px 2px 5px #ccc;
    -o-box-shadow: 1px 2px 5px #ccc;
    -ms-box-shadow: 1px 2px 5px #ccc;
    box-shadow: 1px 2px 5px #ccc; }
  @media (max-width: 950px) {
    .menuTop {
      min-height: 49px;
      overflow: inherit; } }
  .menuTop ul {
    margin: 0 auto;
    max-width: 1233px;
    padding: 7px 0 0 31px; }
    .menuTop ul li {
      float: left;
      margin: 0 1px;
      padding: 0;
      list-style: none;
      background: none;
      -webkit-transition: all 0.25s ease, width 0, height 0;
      -moz-transition: all 0.25s ease, width 0, height 0;
      -o-transition: all 0.25s ease, width 0, height 0;
      -ms-transition: all 0.25s ease, width 0, height 0;
      transition: all 0.25s ease, width 0, height 0;
      /*@include breakpoint(tablet-portrait2) {	
      					display:inline-block;
      					float:none;
      					text-align: center;
      			}*/ }
      .menuTop ul li a,
      .menuTop ul li span {
        display: block;
        behavior: url(js/PIE.htc);
        position: relative;
        margin: 0;
        padding: 10px 10px 13px;
        cursor: pointer;
        text-decoration: none;
        color: #F0F0F0;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 16px;
        font-family: "PT Sans Narrow", sans-serif;
        z-index: 300;
        behavior: url(js/PIE.htc);
        position: relative; }
        @media (max-width: 1180px) {
          .menuTop ul li a,
          .menuTop ul li span {
            font-size: 15px;
            padding: 10px 8px 10px !important; } }
        @media (max-width: 950px) {
          .menuTop ul li a,
          .menuTop ul li span {
            font-size: 15px;
            padding: 10px 8px 10px !important; } }
        @media (max-width: 900px) {
          .menuTop ul li a,
          .menuTop ul li span {
            font-size: 15px;
            padding: 10px 5px 10px !important; } }
        @media (max-width: 950px) {
          .menuTop ul li a,
          .menuTop ul li span {
            border-radius: none;
            color: #000;
            font-size: 16px;
            display: block;
            float: none;
            text-align: center;
            border-top: 1px solid #ccc; } }
      .menuTop ul li:hover#logo-ico a,
      .menuTop ul li:hover#logo-ico span, .menuTop ul li.act#logo-ico a,
      .menuTop ul li.act#logo-ico span {
        background: url(img/logo-ico.png) no-repeat 0 bottom; }
      .menuTop ul li:hover a,
      .menuTop ul li:hover span, .menuTop ul li.act a,
      .menuTop ul li.act span {
        /*background: #fff;
        			border-radius: 8px 8px 0 0;*/
        background: #fff;
        border-radius: 8px 8px 0 0;
        color: #333; }
        @media (max-width: 950px) {
          .menuTop ul li:hover a,
          .menuTop ul li:hover span, .menuTop ul li.act a,
          .menuTop ul li.act span {
            color: #14a5cc;
            border-radius: none;
            background: #000; } }
      @media (max-width: 950px) {
        .menuTop ul li {
          float: none;
          border-radius: none; } }
    @media (max-width: 950px) {
      .menuTop ul {
        display: none; }
        .menuTop ul.nav-active {
          position: relative;
          display: block;
          left: 0;
          top: 0;
          margin: 0;
          z-index: 2;
          padding: 56px 0px 0;
          text-align: left;
          background: #fff;
          -webkit-transition: all 0.25s ease, width 0, height 0;
          -moz-transition: all 0.25s ease, width 0, height 0;
          -o-transition: all 0.25s ease, width 0, height 0;
          -ms-transition: all 0.25s ease, width 0, height 0;
          transition: all 0.25s ease, width 0, height 0;
          -moz-box-shadow: 0 0 0.5em #777;
          -webkit-box-shadow: 0 0 0.5em #777;
          -o-box-shadow: 0 0 0.5em #777;
          -ms-box-shadow: 0 0 0.5em #777;
          box-shadow: 0 0 0.5em #777; } }

.LeftMenu {
  position: relative; }
  @media (max-width: 830px) {
    .LeftMenu {
      margin: 10px 0 10px !important; } }
  .LeftMenu ul {
    margin: 0;
    padding: 0; }
    .LeftMenu ul li {
      float: left;
      list-style: none;
      margin: 0;
      padding: 2px;
      background: none;
      width: 25%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .LeftMenu ul li.clear {
        display: block;
        clear: both;
        float: none;
        width: 100%;
        margin: 0 0 10px;
        border-bottom: 1px solid #E8E8E8;
        padding: 10px 0 0; }
      .LeftMenu ul li a,
      .LeftMenu ul li span {
        padding: 2px 4px;
        font-size: 14px; }
      .LeftMenu ul li:hover a,
      .LeftMenu ul li:hover span, .LeftMenu ul li.act a,
      .LeftMenu ul li.act span {
        background: #2A98CD;
        color: #fff;
        text-decoration: none; }
    @media (max-width: 830px) {
      .LeftMenu ul {
        display: none; } }
    .LeftMenu ul.nav-active {
      display: block;
      z-index: 16;
      background: #fff;
      position: relative;
      padding: 0 0 5px;
      margin: 0; }
      .LeftMenu ul.nav-active li {
        display: block;
        float: none;
        padding: 0;
        width: auto; }
        .LeftMenu ul.nav-active li a,
        .LeftMenu ul.nav-active li span {
          display: block;
          padding: 8px 10px;
          text-decoration: none;
          border-bottom: 1px dotted #14a5cc;
          outline: 0; }
          .LeftMenu ul.nav-active li a:hover,
          .LeftMenu ul.nav-active li span:hover {
            outline: 0; }
        .LeftMenu ul.nav-active li:hover, .LeftMenu ul.nav-active li.act {
          padding: 0; }
          .LeftMenu ul.nav-active li:hover a,
          .LeftMenu ul.nav-active li:hover span, .LeftMenu ul.nav-active li.act a,
          .LeftMenu ul.nav-active li.act span {
            padding: 8px 10px;
            border-bottom: 1px dotted #14a5cc;
            outline: 0; }
  .LeftMenu ul.subMenu {
    margin: 12px 0 0;
    padding: 0 0 0 32px;
    position: relative; }
    .LeftMenu ul.subMenu:before {
      display: block;
      position: absolute;
      content: "";
      width: 20px;
      height: 25px;
      background: url(img/menu-arrow.png) no-repeat;
      top: -7px;
      left: 6px; }
    @media (max-width: 830px) {
      .LeftMenu ul.subMenu {
        display: none; } }
    .LeftMenu ul.subMenu.nav-active {
      display: block;
      z-index: 10;
      background: #fff;
      position: relative;
      margin: 0 0 5px;
      padding: 0; }
      .LeftMenu ul.subMenu.nav-active:before {
        display: none; }
      .LeftMenu ul.subMenu.nav-active li {
        display: block;
        float: none;
        padding: 0; }
        .LeftMenu ul.subMenu.nav-active li a,
        .LeftMenu ul.subMenu.nav-active li span {
          display: block;
          padding: 8px 10px;
          text-decoration: none;
          border-bottom: 1px dotted #07a74f;
          outline: 0; }
          .LeftMenu ul.subMenu.nav-active li a:hover,
          .LeftMenu ul.subMenu.nav-active li span:hover {
            border-bottom: 1px dotted #07a74f;
            outline: 0; }
        .LeftMenu ul.subMenu.nav-active li:hover, .LeftMenu ul.subMenu.nav-active li.act {
          padding: 0; }
          .LeftMenu ul.subMenu.nav-active li:hover a,
          .LeftMenu ul.subMenu.nav-active li:hover span, .LeftMenu ul.subMenu.nav-active li.act a,
          .LeftMenu ul.subMenu.nav-active li.act span {
            padding: 8px 10px;
            border-bottom: 1px dotted #07a74f;
            outline: 0; }
    .LeftMenu ul.subMenu li a,
    .LeftMenu ul.subMenu li span,
    .LeftMenu ul.subMenu li.act a,
    .LeftMenu ul.subMenu li.act span {
      display: inline-block;
      padding: 2px 5px;
      border: 0;
      background: none;
      text-decoration: underline;
      color: #07a74f; }
    .LeftMenu ul.subMenu li a:hover,
    .LeftMenu ul.subMenu li span,
    .LeftMenu ul.subMenu li.act a:hover,
    .LeftMenu ul.subMenu li.act span {
      text-decoration: none;
      background-color: #07a74f;
      color: #fff;
      padding: 2px 5px;
      border: none; }

.footer-menu a {
  display: inline-block;
  margin-bottom: 5px; }

.port-year {
  margin: 10px 0 20px; }
  .port-year a {
    font-size: 13px; }
  .port-year span {
    font-size: 13px;
    font-weight: bold; }
  .port-year img {
    margin: 0 8px; }

.branchesMenu {
  overflow: hidden;
  margin: 10px 0 0; }
  .branchesMenu ul {
    float: left;
    margin: 0 0 0 15px;
    padding: 0;
    width: 32%; }
    .branchesMenu ul:first-child {
      margin: 0; }
    @media (max-width: 830px) {
      .branchesMenu ul {
        width: auto;
        margin: 0; } }
    @media (max-width: 830px) {
      .branchesMenu ul li {
        padding-right: 15px; } }

.navigator {
  padding: 0 0 5px;
  font: 10px Arial, Helvetica, sans-serif;
  color: #999999; }
  @media (max-width: 950px) {
    .navigator {
      display: none; } }
  .navigator a, .navigator span {
    font-size: 10px;
    color: #999999; }
  .navigator span {
    color: #888; }
  .navigator img {
    margin: 0 4px; }

.icons {
  float: right;
  margin: 4px 8px 0 0;
  text-align: right; }
  @media (max-width: 950px) {
    .icons {
      display: none; } }
  .icons a {
    margin: 0 7px;
    height: 12px;
    background-image: url(img/icons-new.png);
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer; }
    .icons a.home_ico {
      background-position: 0px -407px;
      width: 11px; }
    .icons a.mail_ico {
      background-position: -33px -407px;
      width: 11px; }
    .icons a.print_ico {
      background-position: -12px -407px;
      width: 11px; }
      @media (max-width: 480px) {
        .icons a.print_ico {
          display: none; } }
    .icons a.map_ico {
      background-position: -23px -407px;
      width: 10px; }
    .icons a.search_ico {
      background-position: -45px -407px;
      width: 11px;
      display: none; }
      @media (max-width: 1180px) {
        .icons a.search_ico {
          display: inline-block; } }
    .icons a:hover.home_ico {
      background-position: 0px -419px; }
    .icons a:hover.mail_ico {
      background-position: -33px -419px; }
    .icons a:hover.print_ico {
      background-position: -12px -419px; }
    .icons a:hover.map_ico {
      background-position: -23px -419px; }
    .icons a:hover.search_ico {
      background-position: -45px -419px; }

.footer-icons {
  display: inline-block;
  margin: 0 0 1em;
  padding: 9px 5px;
  background: url(img/wht50.png) repeat;
  text-align: center;
  behavior: url(js/PIE.htc);
  position: relative;
  overflow: hidden; }
  .footer-icons a {
    margin: 0 5px;
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background: url(img/social.png) no-repeat; }
    .footer-icons a.fb {
      background-position: 0 0; }
    .footer-icons a.vk {
      background-position: -65px 0; }
    .footer-icons a.inst {
      background-position: -97px 0; }
    .footer-icons a:hover {
      opacity: 0.7; }
    .footer-icons a img {
      display: block; }

.icons-left {
  margin-bottom: 40px; }
  .icons-left table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: auto; }
    .icons-left table td {
      vertical-align: middle;
      padding: 0 0 20px; }
      .icons-left table td img {
        margin-right: 15px; }
      .icons-left table td h3, .icons-left table td .h3 {
        font: 18px "Trebuchet MS";
        margin: 0; }
        .icons-left table td h3 a, .icons-left table td .h3 a {
          color: #1b91c9;
          background: none; }
          .icons-left table td h3 a:hover, .icons-left table td .h3 a:hover {
            background: url(img/hoverh2.gif) repeat-x bottom; }

.right-nav {
  margin: 0px 0 0 0;
  text-align: right;
  padding: 2px 10px 0 0;
  font: 13px "Trebuchet MS";
  color: #fff; }
  .right-nav a {
    color: #fff; }

/*****Like*********/
/*iframe#8626369,*/
.mrc__plugin_like_button {
  width: 90px; }

td.mailRu iframe {
  width: 90px; }

td.Twit iframe {
  width: 60px; }

td.odnoklass {
  vertical-align: top;
  padding-right: 7px; }

.likes {
  margin: 5px auto; }

#nav_dropdown {
  background: url(img/menu.png) no-repeat 0px top;
  height: 28px;
  width: 28px;
  display: none; }
  @media (max-width: 950px) {
    #nav_dropdown {
      /*display: block;*/
      position: absolute;
      top: 13px;
      left: 100px;
      cursor: pointer; } }
  @media (max-width: 950px) {
    #nav_dropdown.active {
      z-index: 5;
      left: 18px;
      background: url(img/menu.png) no-repeat 0px bottom; } }

#nav_search {
  height: 28px;
  font-size: 24px;
  width: 28px;
  display: none; }
  @media (max-width: 950px) {
    #nav_search {
      display: block;
      position: absolute;
      top: 12px;
      right: 20px;
      cursor: pointer;
      color: #fff; } }
  @media (max-width: 950px) {
    #nav_search.active {
      z-index: 5;
      color: #14a5cc; } }

.menu-trigger {
  display: none; }
  @media (max-width: 950px) {
    .menu-trigger {
      display: block;
      position: absolute !important;
      top: 13px;
      left: 95px;
      cursor: pointer; } }

#nav_section {
  display: none; }
  @media (max-width: 830px) {
    #nav_section {
      display: block;
      position: relative;
      cursor: pointer;
      z-index: 5;
      color: #14a5cc;
      text-transform: uppercase;
      cursor: pointer; } }
  #nav_section:before {
    float: left;
    margin: 0 0px 10px 0;
    font-size: 25px; }
  #nav_section span {
    margin-left: 10px;
    font-size: 18px;
    margin-top: 3px;
    font-family: "PT Sans Narrow", sans-serif;
    display: inline-block;
    vertical-align: middle; }
  #nav_section.active {
    color: #07a74f;
    z-index: 17; }

#nav_subsection {
  display: none; }
  @media (max-width: 830px) {
    #nav_subsection {
      display: block;
      position: relative;
      margin: 3px 0 0 25px;
      cursor: pointer;
      z-index: 5;
      color: #14a5cc;
      color: #07a74f;
      text-transform: uppercase;
      cursor: pointer;
      clear: both; } }
  #nav_subsection:after {
    display: block;
    position: absolute;
    content: "";
    width: 20px;
    height: 25px;
    background: url(img/menu-arrow.png) no-repeat;
    top: -8px;
    left: -22px; }
  #nav_subsection:before {
    float: left;
    font-size: 25px; }
  #nav_subsection span {
    margin-left: 10px;
    font-size: 16px;
    margin-top: 3px;
    font-family: "PT Sans Narrow", sans-serif;
    display: inline-block;
    vertical-align: middle; }
  #nav_subsection.active {
    color: #14a5cc;
    z-index: 15; }

#body {
  width: 100%;
  text-align: left; }

.page {
  padding: 0 44px; }
  @media (max-width: 600px) {
    .page {
      padding: 0 30px; } }
  @media (max-width: 480px) {
    .page {
      padding: 0 20px; } }

.main .page {
  padding: 0; }

.newyear #header .logo {
  padding-top: 30px;
  position: relative;
  z-index: 1; }
  .newyear #header .logo:before {
    display: block;
    position: absolute;
    content: "";
    right: 100%;
    width: 67px;
    height: 97px;
    background: url(img/ny01.png) no-repeat;
    top: 0;
    margin-right: -20px; }
  .newyear #header .logo:after {
    display: block;
    position: absolute;
    content: "";
    left: 82%;
    width: 210px;
    height: 104px;
    background: url(img/ny02.png) no-repeat;
    top: 0; }
    @media (max-width: 1180px) {
      .newyear #header .logo:after {
        left: 100%; } }
    @media (max-width: 950px) {
      .newyear #header .logo:after {
        display: none; } }
.newyear #header .header-two {
  position: relative; }
  .newyear #header .header-two:before {
    display: block;
    position: absolute;
    content: "";
    left: 100%;
    width: 50px;
    height: 103px;
    background: url(img/ny04.png) no-repeat;
    top: 0;
    margin-right: 0px; }
    @media (max-width: 600px) {
      .newyear #header .header-two:before {
        left: auto;
        right: 0; } }
  .newyear #header .header-two .center a {
    position: relative;
    z-index: 2; }
  .newyear #header .header-two .phones {
    position: relative;
    z-index: 1; }
    .newyear #header .header-two .phones:after {
      display: block;
      position: absolute;
      content: "";
      right: 100%;
      width: 132px;
      height: 102px;
      background: url(img/ny03.png) no-repeat;
      top: 0; }
      @media (max-width: 900px) {
        .newyear #header .header-two .phones:after {
          right: -80px; } }
      @media (max-width: 700px) {
        .newyear #header .header-two .phones:after {
          display: none; } }

#footer {
  clear: both;
  text-align: center;
  background: #2ba5dd url(img/footer-right.jpg) no-repeat right bottom;
  font-size: 14px;
  font-family: "Open Sans", "Trebuchet MS", sans-serif; }
  #footer .counters {
    padding: 10px 0; }
    #footer .counters a {
      margin: 0 5px 0 0;
      display: inline-block; }
  #footer .bitrix {
    /*	margin: 10px 0px 0;
    clear: both;*/
    display: table-cell;
    padding: 8px 0; }
    @media (max-width: 700px) {
      #footer .bitrix {
        display: block;
        margin: 10px 0;
        padding: 0 20px; } }
    #footer .bitrix img {
      display: block;
      margin: 0 auto 3px;
      max-width: 106px;
      vertical-align: middle; }
      @media (max-width: 700px) {
        #footer .bitrix img {
          display: inline-block;
          margin: 0 3px 3px; } }
  #footer .footer-inner {
    padding: 32px 0px 0;
    background: url(img/footer-center1.png) no-repeat center;
    color: #ffffff;
    position: relative;
    display: table;
    width: 100%; }
    #footer .footer-inner a {
      color: #ffffff; }
    #footer .footer-inner h2,
    #footer .footer-inner .h2 {
      font-size: 24px;
      margin: 0 0 10px;
      color: #ffffff;
      font-family: "Open Sans", "Trebuchet MS", sans-serif; }
      @media (max-width: 950px) {
        #footer .footer-inner h2,
        #footer .footer-inner .h2 {
          text-align: left;
          padding: 0 0 10px;
          font-weight: 300;
          border-bottom: 1px solid #fff; } }
    #footer .footer-inner .footer-menu {
      display: table-cell;
      padding: 0 3em 0 0;
      margin: 0;
      float: none;
      vertical-align: top; }
      @media (max-width: 950px) {
        #footer .footer-inner .footer-menu {
          padding: 0 20px 0 0; } }
      #footer .footer-inner .footer-menu:first-child {
        padding-left: 44px; }
        @media (max-width: 950px) {
          #footer .footer-inner .footer-menu:first-child {
            padding: 0 20px; } }
      #footer .footer-inner .footer-menu p span {
        color: #fff !important; }
      #footer .footer-inner .footer-menu.fright {
        padding: 0 44px 0;
        width: 35%; }
        @media (max-width: 950px) {
          #footer .footer-inner .footer-menu.fright {
            width: 45%;
            padding: 0 20px; } }
        @media (max-width: 700px) {
          #footer .footer-inner .footer-menu.fright {
            width: auto;
            float: none; } }
        @media (max-width: 950px) {
          #footer .footer-inner .footer-menu.fright .copyright br {
            display: none; } }
        @media (max-width: 700px) {
          #footer .footer-inner .footer-menu.fright .copyright {
            clear: both; } }
        @media (max-width: 700px) {
          #footer .footer-inner .footer-menu.fright .customers-login {
            display: block;
            float: left; } }
        @media (max-width: 700px) {
          #footer .footer-inner .footer-menu.fright .footer-icons {
            display: block;
            float: right;
            margin: 0px 0 0; } }
        @media (max-width: 480px) {
          #footer .footer-inner .footer-menu.fright .footer-icons {
            float: left;
            margin: 0 0 15px;
            clear: both; } }
      @media (max-width: 950px) {
        #footer .footer-inner .footer-menu.menu2 {
          display: none; } }
      @media (max-width: 950px) {
        #footer .footer-inner .footer-menu p {
          margin: 0 0 5px; } }
      @media (max-width: 700px) {
        #footer .footer-inner .footer-menu .counters {
          display: none; } }
      @media (max-width: 700px) {
        #footer .footer-inner .footer-menu {
          display: block;
          overflow: hidden;
          padding: 0 30px;
          margin: 10px 0;
          line-height: 16px; }
          #footer .footer-inner .footer-menu br {
            display: none; }
          #footer .footer-inner .footer-menu a {
            margin-right: 5px; }
          #footer .footer-inner .footer-menu p {
            line-height: 16px; } }
    @media (max-width: 700px) {
      #footer .footer-inner {
        display: block; } }

/*
#footer {
clear: both;
text-align: center;
background: #2ba5dd url(img/footer-right.jpg) no-repeat right bottom;
font-size: 14px;
font-family:$font4;
	.counters {
		padding:10px 0;
			a {
				margin:0 5px 0 0;
				display: inline-block;
			}
	}
		.footer-inner {
		padding: 32px 0px 0;
		background: url(img/footer-center1.png) no-repeat center;
		color: $color_f;
		position: relative;
		display: table;
		width:100%;
				a {
				color: $color_f;
				}
				h2,.h2 {
				font-size:24px;
				margin:0 0 10px;
				color: $color_f;
				font-family:$font4;
					@include breakpoint(tablet-portrait) {
						text-align: left;
						padding:0 0 10px;
						font-weight:300;
						border-bottom:1px solid #fff;							
					}	
				}
				.footer-menu {
					display: table-cell;
					padding:0 3em 0 0;
					margin:0;
					float: none;
					@include breakpoint(tablet-portrait) {
						padding:0 20px 0 0;								
					}	
						&:first-child {
							padding-left:44px;	
							@include breakpoint(tablet-portrait) {
								padding:0 20px;								
							}							
						}
						p {
							span {
								color:#fff !important;
							}
						}
						&.fright {
							padding:0 44px 0;	
							width:35%;	
							@include breakpoint(tablet-portrait) {
								width:45%;
								padding:0 20px;
							}	
							@include breakpoint(tablet-small-portrait) {
									width: auto;
									float:none;
							}
							.copyright {
								br {
									@include breakpoint(tablet-portrait) {
										display:none;							
									}	
								}
								@include breakpoint(tablet-small-portrait) {
									clear: both;
								}
							}		
							.customers-login {
								@include breakpoint(tablet-small-portrait) {									
									display:block;
									float: left;
								}
							}		
							.footer-icons	{
								@include breakpoint(tablet-small-portrait) {									
									display:block;
									float: right;
									margin:10px 0 0;
								}
							}
						}
						&.menu2 {
							@include breakpoint(tablet-portrait) {
								display:none;
							}
						}
						p {
							@include breakpoint(tablet-portrait) {
								margin:0 0 5px;
							}
						}
						.counters {
							@include breakpoint(tablet-small-portrait) {
								display:none;
							}
						}
						@include breakpoint(tablet-small-portrait) {
							display: block;
							overflow: hidden;
							padding:0 30px;
							margin:10px 0;
							line-height:16px;
								br {
									display: none;
								}
								a {
									margin-right:5px;
								}
								p {
									line-height:16px;
								}


*/
.banners .page {
  padding: 0; }
.banners .navigator, .banners .LeftMenu {
  max-width: 1175px;
  padding-left: 44px;
  padding-right: 44px;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .banners .navigator, .banners .LeftMenu {
      padding: 0 20px; } }
.banners h1 {
  margin: 0.5em 0 0;
  text-align: center;
  background: #f9f9f9;
  padding: 30px 0 25px;
  font-family: "Open Sans", "Trebuchet MS", sans-serif;
  font-size: 35px;
  color: #000;
  position: relative;
  font-weight: 400; }
  .banners h1:after {
    display: block;
    position: absolute;
    content: "";
    position: relative;
    margin: 0 auto;
    max-width: 1175px;
    padding-top: 30px;
    border-bottom: 1px solid #E2E2E2;
    height: 1px;
    bottom: 0; }
  @media (max-width: 600px) {
    .banners h1 {
      font-size: 26px;
      line-height: normal; } }
.banners .content {
  font-family: "Open Sans", "Trebuchet MS", sans-serif;
  font-size: 16px; }
  .banners .content .adminEditDelText {
    text-align: center; }
  .banners .content h2 {
    margin: 0;
    text-align: center;
    padding: 30px 0 25px;
    font-family: "Open Sans", "Trebuchet MS", sans-serif;
    font-size: 32px;
    line-height: 36px;
    color: #000;
    position: relative;
    font-weight: 400; }
    .banners .content h2:after {
      display: block;
      position: absolute;
      content: "";
      position: relative;
      margin: 0 auto;
      max-width: 1175px;
      padding-top: 30px;
      border-bottom: 1px solid #E2E2E2;
      height: 1px;
      bottom: 0; }
    @media (max-width: 600px) {
      .banners .content h2 {
        font-size: 22px;
        line-height: normal; } }
  .banners .content p, .banners .content li {
    font-family: "Open Sans", "Trebuchet MS", sans-serif;
    font-size: 16px; }
  .banners .content li {
    padding: 0;
    list-style: none;
    background: none;
    font-family: "Open Sans", "Trebuchet MS", sans-serif; }
    .banners .content li:after {
      display: none; }
  .banners .content .container {
    padding: 0 44px;
    max-width: inherit; }
    @media (max-width: 600px) {
      .banners .content .container {
        padding: 0 20px; } }
    .banners .content .container.grey {
      background: #f9f9f9;
      color: #616161; }
      .banners .content .container.grey ul {
        max-width: 1175px;
        margin: 0 auto;
        padding: 0;
        overflow: hidden; }
        .banners .content .container.grey ul li {
          float: left;
          width: 48%;
          margin: 0 0 25px 20px; }
          @media (max-width: 700px) {
            .banners .content .container.grey ul li {
              float: none;
              margin: 0 0 25px;
              width: auto; } }
          .banners .content .container.grey ul li h3 {
            font-weight: bold;
            color: #08a1c9;
            font-size: 18px;
            margin: 0 0 10px; }
          .banners .content .container.grey ul li:first-child, .banners .content .container.grey ul li.clear {
            clear: both;
            margin-left: 0; }
  .banners .content .type_banners {
    max-width: 1175px;
    margin: 0 auto;
    padding: 0 44px;
    overflow: hidden; }
    @media (max-width: 600px) {
      .banners .content .type_banners {
        padding: 0 20px; } }
    .banners .content .type_banners li {
      width: 22%;
      margin: 0 0 0 25px;
      float: left; }
      .banners .content .type_banners li:first-child {
        margin: 0; }
      @media (max-width: 830px) {
        .banners .content .type_banners li {
          width: 47%;
          margin: 0 0 25px 25px; }
          .banners .content .type_banners li.first {
            margin-left: 0;
            clear: both; }
          .banners .content .type_banners li:first-child {
            margin: 0 0 25px; } }
      @media (max-width: 700px) {
        .banners .content .type_banners li {
          float: none;
          margin: 0 0 25px;
          width: auto; } }
      .banners .content .type_banners li p {
        text-align: justify;
        font-size: 13px; }
        .banners .content .type_banners li p img {
          display: block;
          margin: 0 auto; }
.banners .button_yellow {
  width: 400px;
  margin: 30px auto 60px; }
  @media (max-width: 600px) {
    .banners .button_yellow {
      width: 200px;
      margin: 20px auto 30px; } }
  .banners .button_yellow a {
    display: block;
    text-align: center;
    outline: 0;
    background: #ffd43d;
    line-height: 65px;
    height: 65px;
    font-size: 22px;
    text-decoration: none;
    behavior: url(js/PIE.htc);
    position: relative;
    border-radius: 5px;
    color: #373737;
    text-shadow: 1px 1px #fff; }
    .banners .button_yellow a:hover {
      background: #07A74F;
      color: #FFFFFF;
      text-shadow: 1px 1px #4D7528; }
    @media (max-width: 600px) {
      .banners .button_yellow a {
        font-size: 18px; } }
.banners .blue_box {
  background: #2da8cc;
  color: #fff;
  padding: 0 0 25px; }
  .banners .blue_box h2 {
    padding: 30px 0 60px;
    color: #fff; }
    .banners .blue_box h2:after {
      display: none; }
  .banners .blue_box h3 {
    font-size: 18px;
    color: #fff;
    font-weight: bold; }
  .banners .blue_box ul {
    max-width: 1175px;
    margin: 0 auto;
    padding: 0 44px;
    overflow: hidden; }
    @media (max-width: 600px) {
      .banners .blue_box ul {
        padding: 0 20px; } }
    .banners .blue_box ul li {
      width: 22%;
      margin: 0 0 0 25px;
      float: left;
      text-align: center; }
      .banners .blue_box ul li:first-child {
        margin: 0; }
      @media (max-width: 830px) {
        .banners .blue_box ul li {
          width: 47%;
          margin: 0 0 25px 25px; }
          .banners .blue_box ul li.first {
            margin-left: 0;
            clear: both; }
          .banners .blue_box ul li:first-child {
            margin: 0 0 25px; } }
      @media (max-width: 700px) {
        .banners .blue_box ul li {
          float: none;
          margin: 0 0 25px;
          width: auto; } }
      .banners .blue_box ul li p {
        text-align: center;
        font-size: 13px; }
        .banners .blue_box ul li p img {
          display: block;
          margin: 0 auto; }
.banners .box6 {
  overflow: hidden;
  padding: 0 44px;
  max-width: 1175px;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .banners .box6 {
      padding: 0 20px; } }
  .banners .box6 ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    .banners .box6 ul li {
      float: none;
      list-style: none;
      padding: 0 40px 40px;
      text-align: center;
      margin: 0;
      width: 15%;
      display: table-cell;
      font-size: 14px;
      font-family: "Open Sans", "Trebuchet MS", sans-serif;
      color: #000; }
      @media (max-width: 830px) {
        .banners .box6 ul li {
          display: block;
          width: auto;
          margin: 0 0 20px;
          padding: 0; } }
      .banners .box6 ul li span {
        height: 95px;
        width: 86px;
        display: block;
        margin: 0 auto 10px;
        position: relative; }
        @media (max-width: 1180px) {
          .banners .box6 ul li span {
            width: 80px;
            height: 72px; } }
        .banners .box6 ul li span img {
          display: block;
          width: 100%;
          height: auto; }
        @media (max-width: 830px) {
          .banners .box6 ul li span {
            width: 64px;
            height: 58px;
            float: left;
            margin: 0 15px 0 0; }
            .banners .box6 ul li span:after {
              background: url(img/landing_banners/arrow.png) no-repeat !important;
              width: 7px;
              height: 31px;
              top: 100% !important;
              margin-top: 5px;
              left: 30px !important; } }
      .banners .box6 ul li.step_right span:after {
        display: block;
        position: absolute;
        content: "";
        background-image: url(img/landing_banners/icons.png);
        background-repeat: no-repeat;
        width: 62px;
        top: 55px;
        left: 150px;
        height: 14px;
        background-position: -275px -74px; }
        @media (max-width: 1180px) {
          .banners .box6 ul li.step_right span:after {
            left: 110px; } }
        @media (max-width: 830px) {
          .banners .box6 ul li.step_right span:after {
            background: url(img/landing_banners/arrow.png) no-repeat !important;
            width: 7px;
            height: 31px;
            top: 100% !important;
            margin-top: 5px;
            left: 30px !important; } }
      .banners .box6 ul li.step7 {
        margin-left: 0; }
        @media (max-width: 830px) {
          .banners .box6 ul li.step7.step_left span:after {
            display: none; } }
      .banners .box6 ul li.step_left {
        float: right; }
        .banners .box6 ul li.step_left span:after {
          display: block;
          position: absolute;
          content: "";
          background-image: url(img/landing_banners/icons.png);
          background-repeat: no-repeat;
          width: 62px;
          height: 14px;
          background-position: -275px -91px;
          top: 55px;
          left: 150px; }
          @media (max-width: 1000px) {
            .banners .box6 ul li.step_left span:after {
              left: 110px; } }
          @media (max-width: 830px) {
            .banners .box6 ul li.step_left span:after {
              background: url(img/landing_banners/arrow.png) no-repeat !important;
              width: 7px;
              height: 31px;
              top: 100% !important;
              margin-top: 5px;
              left: 30px !important; } }
      .banners .box6 ul li.step5 {
        margin-right: 150px;
        float: right; }
        @media (max-width: 1180px) {
          .banners .box6 ul li.step5 {
            margin-right: 100px; } }
    @media (max-width: 830px) {
      .banners .box6 ul {
        width: 90%;
        margin: 0 auto;
        padding: 0; }
        .banners .box6 ul li {
          display: block;
          float: none !important;
          text-align: left;
          margin: 0 10px 40px !important; }
          .banners .box6 ul li:after {
            display: block;
            position: absolute;
            content: "";
            position: relative;
            clear: both; }
          .banners .box6 ul li br {
            display: inline-block;
            padding: 0 2px; } }
.banners .banners_responses {
  padding: 0 44px;
  max-width: 1175px;
  margin: 25px auto 40px; }
  @media (max-width: 600px) {
    .banners .banners_responses {
      padding: 0 20px; } }
  .banners .banners_responses:after {
    display: block;
    position: absolute;
    content: "";
    position: relative;
    clear: both; }
  .banners .banners_responses li {
    width: 50%;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    margin: 0 0 15px;
    text-align: center; }
    @media (max-width: 830px) {
      .banners .banners_responses li {
        float: none;
        width: auto; } }
    .banners .banners_responses li .banners_responsesItem {
      width: 90%;
      margin: 0 auto;
      min-height: 380px;
      padding: 25px 0;
      background: #f9f9f9;
      behavior: url(js/PIE.htc);
      position: relative;
      -moz-box-shadow: 0 3px 15px #CCCCCC;
      -webkit-box-shadow: 0 3px 15px #CCCCCC;
      -o-box-shadow: 0 3px 15px #CCCCCC;
      -ms-box-shadow: 0 3px 15px #CCCCCC;
      box-shadow: 0 3px 15px #CCCCCC; }
    .banners .banners_responses li .response_client {
      text-align: left;
      height: 100px;
      margin: 0 0 20px;
      padding: 0 35px; }
    .banners .banners_responses li p {
      font-size: 14px;
      line-height: 22px;
      color: #000;
      font-style: italic;
      display: block;
      padding: 0 35px; }
      .banners .banners_responses li p.center {
        text-align: center; }
      .banners .banners_responses li p.right {
        text-align: right; }
.banners .price_box {
  padding: 0 44px;
  max-width: 1175px;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .banners .price_box {
      padding: 0 20px; } }
  .banners .price_box .column_1 {
    margin-bottom: 20px; }
    @media (max-width: 900px) {
      .banners .price_box .column_1 {
        margin-left: 10px; }
        .banners .price_box .column_1:first-child {
          margin-left: 0; } }
    @media (max-width: 830px) {
      .banners .price_box .column_1 {
        width: auto !important;
        float: none !important;
        margin: 0 0 5px; } }
    .banners .price_box .column_1.clear {
      clear: both;
      margin-left: 0; }
      @media (max-width: 900px) {
        .banners .price_box .column_1.clear {
          clear: none;
          margin-left: 10px; } }
      @media (max-width: 830px) {
        .banners .price_box .column_1.clear {
          width: auto !important;
          float: none !important;
          margin: 0 0 5px; } }
    @media (max-width: 900px) {
      .banners .price_box .column_1.col3 {
        margin-left: 0;
        clear: both; } }
    @media (max-width: 830px) {
      .banners .price_box .column_1.col3 {
        width: auto !important;
        float: none !important;
        margin: 0 0 5px; } }

.contactsPage .page {
  padding: 0; }
.contactsPage .navigator, .contactsPage .LeftMenu, .contactsPage h1 {
  max-width: 1175px;
  padding-left: 44px;
  padding-right: 44px;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .contactsPage .navigator, .contactsPage .LeftMenu, .contactsPage h1 {
      padding: 0 30px; } }
.contactsPage h1 {
  margin: 0.5em auto; }
.contactsPage .adminEditDelText {
  text-align: center; }
.contactsPage .content .map {
  margin: 20px 0 30px;
  height: 450px; }
  @media (max-width: 480px) {
    .contactsPage .content .map {
      height: 200px; } }
  .contactsPage .content .map ymaps.ymaps-glass-pane, .contactsPage .content .map ymaps.ymaps-events-pane {
    behavior: url(js/PIE.htc);
    position: relative;
    -moz-box-shadow: inset 0px 1px 10px #777;
    -webkit-box-shadow: inset 0px 1px 10px #777;
    -o-box-shadow: inset 0px 1px 10px #777;
    -ms-box-shadow: inset 0px 1px 10px #777;
    box-shadow: inset 0px 1px 10px #777; }
  .contactsPage .content .map ymaps.ymaps-map {
    box-shadow: none;
    border: none !important; }
.contactsPage .content .text {
  max-width: 1175px;
  padding-left: 44px;
  padding-right: 44px;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .contactsPage .content .text {
      padding: 0 30px; } }
.contactsPage .content .timeTab {
  margin: 0 auto 20px;
  width: auto;
  display: table; }
  .contactsPage .content .timeTab div {
    vertical-align: middle;
    padding: 10px;
    display: table-cell; }
    @media (max-width: 600px) {
      .contactsPage .content .timeTab div {
        display: block;
        padding: 0; } }
    .contactsPage .content .timeTab div.timeTab {
      margin: 0;
      width: auto;
      display: table;
      padding: 0; }
      @media (max-width: 600px) {
        .contactsPage .content .timeTab div.timeTab {
          display: block;
          margin: 0 0 10px; } }
      .contactsPage .content .timeTab div.timeTab strong {
        display: inline-block;
        width: 150px; }
        @media (max-width: 600px) {
          .contactsPage .content .timeTab div.timeTab strong {
            width: auto; } }
      .contactsPage .content .timeTab div.timeTab div {
        padding: 0 10px;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle; }
        @media (max-width: 600px) {
          .contactsPage .content .timeTab div.timeTab div {
            display: block;
            padding: 0; } }
    .contactsPage .content .timeTab div .textgrey {
      color: #888; }
    .contactsPage .content .timeTab div h2 {
      margin: 0 0 12px; }
    @media (max-width: 600px) {
      .contactsPage .content .timeTab div p {
        margin: 0; } }
.contactsPage .content .qrcod_box {
  padding: 30px 0 50px;
  margin: 0 0 -30px;
  background: #efefef;
  text-align: center;
  overflow: hidden; }
  @media (max-width: 600px) {
    .contactsPage .content .qrcod_box {
      padding: 20px 0 20px; } }
  @media (max-width: 600px) {
    .contactsPage .content .qrcod_box {
      margin: 0px;
      padding: 20px 0 10px; } }
  .contactsPage .content .qrcod_box h3 {
    text-align: center; }
  .contactsPage .content .qrcod_box .qrcod_boxItem {
    max-width: 575px;
    margin: 0 auto; }
    @media (max-width: 600px) {
      .contactsPage .content .qrcod_box .qrcod_boxItem img {
        float: none !important;
        display: block;
        margin: 0 auto; } }
    .contactsPage .content .qrcod_box .qrcod_boxItem div {
      width: 300px;
      float: left;
      padding-left: 10px;
      padding: 15px 0 0 10px;
      text-align: left; }
      @media (max-width: 600px) {
        .contactsPage .content .qrcod_box .qrcod_boxItem div {
          float: none;
          margin: 0 auto;
          padding-left: 0; } }

.tab100 {
  display: table;
  width: 100%; }
  @media (max-width: 600px) {
    .tab100 {
      display: block; } }
  .tab100 div {
    display: table-cell;
    vertical-align: top; }
    @media (max-width: 600px) {
      .tab100 div {
        display: block; } }
    @media (max-width: 600px) {
      .tab100 div p br {
        display: none; } }

.kit h2.center {
  margin: 40px 0 30px;
  text-align: center; }
.kit .text2 {
  display: block;
  overflow: hidden;
  margin: 0 0 20px;
  text-align: right; }
  .kit .text2.right {
    text-align: right; }
    .kit .text2.right .image {
      float: right; }
      @media (max-width: 950px) {
        .kit .text2.right .image {
          float: none; } }
    .kit .text2.right .text {
      float: left; }
      @media (max-width: 950px) {
        .kit .text2.right .text {
          float: none;
          text-align: left; } }
  .kit .text2.left {
    text-align: left; }
    .kit .text2.left .image {
      float: left; }
      @media (max-width: 950px) {
        .kit .text2.left .image {
          float: none; } }
    .kit .text2.left .text {
      float: right; }
      @media (max-width: 950px) {
        .kit .text2.left .text {
          float: none; } }
  .kit .text2 .image {
    text-align: center;
    width: 52%; }
    @media (max-width: 950px) {
      .kit .text2 .image {
        width: auto;
        float: none; } }
    .kit .text2 .image img {
      max-width: 100%; }
  .kit .text2 .text {
    width: 48%; }
    @media (max-width: 950px) {
      .kit .text2 .text {
        float: none;
        width: auto; } }
.kit .fourBox {
  overflow: hidden;
  margin: 0 0 30px;
  padding: 0; }
  .kit .fourBox li {
    float: left;
    text-align: center;
    background: none;
    font-size: 18px;
    margin: 0 0 25px;
    padding: 0;
    width: 25%; }
    @media (max-width: 600px) {
      .kit .fourBox li {
        width: 50%; } }
    .kit .fourBox li:after {
      display: none; }
    .kit .fourBox li img {
      display: block;
      margin: 0 auto 5px; }
    @media (max-width: 600px) {
      .kit .fourBox li.two {
        clear: both; } }
  .kit .fourBox.steps li {
    position: relative; }
    .kit .fourBox.steps li:after {
      display: block;
      position: absolute;
      content: "";
      background: url(img/kit/arrow.png) no-repeat;
      width: 40px;
      height: 20px;
      top: 35px;
      left: -23px; }
    .kit .fourBox.steps li:first-child:after, .kit .fourBox.steps li.clear:after {
      display: none; }
    @media (max-width: 600px) {
      .kit .fourBox.steps li.clear {
        clear: none; } }
    @media (max-width: 600px) {
      .kit .fourBox.steps li.clear:after {
        display: block; } }
    @media (max-width: 600px) {
      .kit .fourBox.steps li.two {
        clear: both; } }
    @media (max-width: 600px) {
      .kit .fourBox.steps li.two:after {
        display: none; } }
.kit .three {
  margin: 0 0 40px;
  padding: 0;
  text-align: center;
  display: table;
  width: 100%; }
  @media (max-width: 830px) {
    .kit .three {
      display: block; } }
  .kit .three li {
    padding: 0 10px 0 105px;
    display: table-cell;
    vertical-align: top;
    position: relative;
    text-align: left;
    background: none;
    margin: 0 0 15px;
    min-height: 100px; }
    @media (max-width: 830px) {
      .kit .three li {
        display: block; } }
    .kit .three li img {
      position: absolute;
      left: 0;
      top: 0; }
    .kit .three li strong {
      display: block; }
.kit p a.photos img {
  margin: 5px; }

.slideshow {
  height: 320px !important;
  position: relative; }

.blue-block,
.orange-block,
.green-block,
.pink-block,
.magenta-block,
.yellow-block {
  margin-top: -60px;
  height: 367px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  display: none; }
  .blue-block:before,
  .orange-block:before,
  .green-block:before,
  .pink-block:before,
  .magenta-block:before,
  .yellow-block:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    z-index: 0; }
  .blue-block:after,
  .orange-block:after,
  .green-block:after,
  .pink-block:after,
  .magenta-block:after,
  .yellow-block:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    height: 367px; }
  .blue-block .text,
  .orange-block .text,
  .green-block .text,
  .pink-block .text,
  .magenta-block .text,
  .yellow-block .text {
    width: 45%;
    padding: 120px 0 0 95px;
    position: relative; }
    .blue-block .text h1,
    .blue-block .text .h1,
    .orange-block .text h1,
    .orange-block .text .h1,
    .green-block .text h1,
    .green-block .text .h1,
    .pink-block .text h1,
    .pink-block .text .h1,
    .magenta-block .text h1,
    .magenta-block .text .h1,
    .yellow-block .text h1,
    .yellow-block .text .h1 {
      font: 36px "Open Sans", "Trebuchet MS", sans-serif;
      color: #001b30;
      margin: 0 0 5px; }
    .blue-block .text p,
    .orange-block .text p,
    .green-block .text p,
    .pink-block .text p,
    .magenta-block .text p,
    .yellow-block .text p {
      font: italic 18px/20px "Open Sans", "Trebuchet MS", sans-serif;
      color: #fff;
      margin: 0; }

.blue-block {
  background: url(img/blue/bg.jpg) no-repeat center 64px;
  display: block; }
  .blue-block:before {
    width: 443px;
    height: 367px;
    background: url(img/blue/right.png) no-repeat right top; }
  .blue-block:after {
    background: url(img/blue/left.png) no-repeat left top;
    width: 96px; }

.orange-block {
  background: url(img/orange/bg.jpg) no-repeat left 64px; }
  .orange-block:before {
    width: 432px;
    height: 367px;
    background: url(img/orange/right.png) no-repeat right top; }
  .orange-block:after {
    background: url(img/orange/left.png) no-repeat left top;
    width: 177px; }

.green-block {
  background: url(img/green/bg.jpg) no-repeat center 64px; }
  .green-block:before {
    width: 469px;
    height: 367px;
    background: url(img/green/right.png) no-repeat right top; }
  .green-block:after {
    background: url(img/green/left.png) no-repeat left top;
    width: 205px; }

.pink-block {
  background: url(img/pink/bg.jpg) no-repeat center 64px; }
  .pink-block:before {
    width: 426px;
    height: 368px;
    background: url(img/pink/right.png) no-repeat right top; }
  .pink-block:after {
    background: url(img/pink/left.png) no-repeat left top;
    width: 243px; }

.magenta-block {
  background: url(img/magenta/bg.jpg) no-repeat center 64px; }
  .magenta-block:before {
    width: 506px;
    height: 368px;
    background: url(img/magenta/right.png) no-repeat right top; }
  .magenta-block:after {
    background: url(img/magenta/left.png) no-repeat left top;
    width: 251px; }

.yellow-block {
  background: url(img/yellow/bg.jpg) no-repeat center 64px; }
  .yellow-block:before {
    width: 450px;
    height: 369px;
    background: url(img/yellow/right.png) no-repeat right top; }
  .yellow-block:after {
    background: url(img/yellow/left.png) no-repeat left top;
    width: 365px; }

.btn-left {
  position: absolute;
  top: 160px;
  left: 10px;
  width: 34px;
  height: 59px;
  cursor: pointer;
  text-decoration: none; }

.btn-right {
  position: absolute;
  top: 160px;
  right: 10px;
  width: 34px;
  height: 59px;
  cursor: pointer;
  text-decoration: none;
  z-index: 1500; }

.main #container #slides {
  width: 100%;
  position: relative;
  margin: 0 0 35px;
  text-align: center;
  z-index: 10; }
  .main #container #slides .slides_container {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    z-index: 2;
    				/*.slide1 {
                            background: url('img/slider/slide1.jpg') 100% 100% no-repeat;
                        }
                        .slide2 {
                            background: url('img/slider/slide2.jpg') 100% 100% no-repeat;
                        }
                        .slide3 {
                            background: url('img/slider/slide3.jpg') 100% 100% no-repeat;
                        }
                        .slide4 {
                            background: url('img/slider/slide4.jpg') 100% 100% no-repeat;
                        }
                        .slide5 {
                            background: url('img/slider/slide5.jpg') 100% 100% no-repeat;
                        }
                        .slide6 {
                            background: url('img/slider/slide6.jpg') 100% 100% no-repeat;
                        }*/ }
    .main #container #slides .slides_container a {
      width: 100%; }
      .main #container #slides .slides_container a img {
        width: inherit;
        height: auto; }
    @media (max-width: 1180px) {
      .main #container #slides .slides_container {
        width: 100%;
        overflow: hidden; } }
    .main #container #slides .slides_container .title {
      top: 40px;
      left: 30px;
      text-align: left;
      position: absolute;
      color: #fff;
      font-size: 30px;
      line-height: 30px;
      font-family: "Open Sans", "Trebuchet MS", sans-serif;
      text-shadow: 1px 1px #000;
      width: 65%; }
      @media (max-width: 950px) {
        .main #container #slides .slides_container .title {
          font-size: 24px;
          line-height: 24px; } }
      @media (max-width: 830px) {
        .main #container #slides .slides_container .title {
          padding: 0 30px;
          left: 0;
          width: auto;
          font-size: 20px;
          line-height: 20px; } }
      .main #container #slides .slides_container .title strong {
        text-transform: uppercase;
        font-size: 48px;
        font-family: "PT Sans Narrow", sans-serif;
        font-weight: 600;
        line-height: 48px;
        color: #85e9ff;
        display: block;
        margin: 0 0 40px;
        color: #2A98CD; }
        @media (max-width: 950px) {
          .main #container #slides .slides_container .title strong {
            font-size: 40px;
            line-height: 48px;
            margin: 0 0 25px; } }
        @media (max-width: 830px) {
          .main #container #slides .slides_container .title strong {
            font-size: 34px;
            line-height: 34px;
            margin: 0 0 20px; } }
    .main #container #slides .slides_container .bigbluebtn {
      position: absolute;
      left: 30px;
      bottom: 40px;
      -moz-box-shadow: 2px 2px 3px #000;
      -webkit-box-shadow: 2px 2px 3px #000;
      -o-box-shadow: 2px 2px 3px #000;
      -ms-box-shadow: 2px 2px 3px #000;
      box-shadow: 2px 2px 3px #000; }
  .main #container #slides .pagination {
    display: none; }
.main #container .ico-bottom {
  text-align: center;
  position: absolute;
  bottom: 29px;
  left: 0;
  z-index: 200;
  margin: 0;
  padding: 0;
  width: 285px; }
  .main #container .ico-bottom a {
    background: #343839;
    font-size: 16px;
    width: 167px;
    text-align: center;
    padding-top: 0; }
    .main #container .ico-bottom a span {
      background: #343839; }
      .main #container .ico-bottom a span i {
        top: 12px; }
    .main #container .ico-bottom a:hover {
      background: #14a5cc; }
      .main #container .ico-bottom a:hover span {
        background: #14a5cc; }
    @media (max-width: 900px) {
      .main #container .ico-bottom a {
        font-size: 14px;
        width: 100px; } }
  @media (max-width: 1180px) {
    .main #container .ico-bottom {
      left: 44px; } }

.sliderMain {
  margin: 0 0 30px;
  overflow: hidden;
  height: 380px; }
  @media (max-width: 950px) {
    .sliderMain {
      height: 300px; } }
  .sliderMain .container {
    max-width: 1175px;
    margin: 0 auto;
    position: relative;
    height: 380px; }
    @media (max-width: 950px) {
      .sliderMain .container {
        height: 300px; } }
    @media (max-width: 600px) {
      .sliderMain .container {
        /*height:200px;*/ } }
    @media (max-width: 480px) {
      .sliderMain .container {
        /*height:120px;*/ } }
  .sliderMain #sliderMain {
    height: 380px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 950px) {
      .sliderMain #sliderMain {
        height: 300px; } }
    @media (max-width: 600px) {
      .sliderMain #sliderMain {
        /*height:200px;*/ } }
    @media (max-width: 480px) {
      .sliderMain #sliderMain {
        /*height:120px;*/ } }
    .sliderMain #sliderMain .nomore .more {
      display: none; }
    .sliderMain #sliderMain .white,
    .sliderMain #sliderMain .blue {
      background-position: center top;
      /*position: absolute;
      width:100%;
      height:100%;
      left:0;
      top:0;
      display:none;*/
      background-size: auto 100%;
      height: 380px;
      font-family: "Proba-Pro-Regular", sans-serif;
      color: #fff; }
      .sliderMain #sliderMain .white.active,
      .sliderMain #sliderMain .blue.active {
        display: block; }
      .sliderMain #sliderMain .white .more,
      .sliderMain #sliderMain .blue .more {
        position: absolute;
        left: 20px;
        bottom: 50px;
        z-index: 2; }
        @media (max-width: 950px) {
          .sliderMain #sliderMain .white .more,
          .sliderMain #sliderMain .blue .more {
            bottom: 30px; } }
        .sliderMain #sliderMain .white .more a,
        .sliderMain #sliderMain .blue .more a {
          display: block;
          padding: 0 56px;
          background: trasparent;
          border: 2px solid #fff;
          text-decoration: none;
          height: 44px;
          line-height: 44px;
          color: #fff;
          text-transform: uppercase;
          font-size: 16px;
          font-family: "ProbaPro-Bold", sans-serif; }
          .sliderMain #sliderMain .white .more a:hover,
          .sliderMain #sliderMain .blue .more a:hover {
            background: #fff;
            color: #005294; }
          @media (max-width: 950px) {
            .sliderMain #sliderMain .white .more a,
            .sliderMain #sliderMain .blue .more a {
              height: 30px;
              line-height: 30px;
              padding: 0 30px;
              font-size: 14px; } }
      .sliderMain #sliderMain .white .title,
      .sliderMain #sliderMain .blue .title {
        font-size: 30px;
        padding: 45px 0 0;
        float: left;
        font-family: "ProbaPro-Bold", sans-serif;
        text-transform: uppercase !important;
        color: #fff; }
        @media (max-width: 1180px) {
          .sliderMain #sliderMain .white .title,
          .sliderMain #sliderMain .blue .title {
            font-size: 20px;
            line-height: 20px; } }
        @media (max-width: 830px) {
          .sliderMain #sliderMain .white .title,
          .sliderMain #sliderMain .blue .title {
            padding: 25px 0 0;
            font-size: 20px;
            float: none; } }
        .sliderMain #sliderMain .white .title span,
        .sliderMain #sliderMain .blue .title span {
          font-size: 46px;
          line-height: 46px;
          display: block; }
          @media (max-width: 1180px) {
            .sliderMain #sliderMain .white .title span,
            .sliderMain #sliderMain .blue .title span {
              font-size: 36px;
              line-height: 36px; } }
          @media (max-width: 830px) {
            .sliderMain #sliderMain .white .title span,
            .sliderMain #sliderMain .blue .title span {
              font-size: 30px;
              line-height: 30px; } }
      .sliderMain #sliderMain .white ul,
      .sliderMain #sliderMain .blue ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .sliderMain #sliderMain .white ul li,
        .sliderMain #sliderMain .blue ul li {
          padding: 0 0 0 20px;
          margin: 0 0 10px;
          font-size: 22px;
          background: url(img/slider1/bull-red.png) no-repeat 0 13px; }
          @media (max-width: 1180px) {
            .sliderMain #sliderMain .white ul li,
            .sliderMain #sliderMain .blue ul li {
              font-size: 18px;
              background-position: 0 10px; } }
          @media (max-width: 950px) {
            .sliderMain #sliderMain .white ul li,
            .sliderMain #sliderMain .blue ul li {
              font-size: 14px;
              background-position: 0 6px; } }
      .sliderMain #sliderMain .white.blue,
      .sliderMain #sliderMain .blue.blue {
        color: #147ac1; }
        .sliderMain #sliderMain .white.blue a,
        .sliderMain #sliderMain .blue.blue a {
          border-color: #147ac1;
          color: #147ac1; }
          .sliderMain #sliderMain .white.blue a:hover,
          .sliderMain #sliderMain .blue.blue a:hover {
            color: #fff;
            background: #147ac1; }
        .sliderMain #sliderMain .white.blue .title,
        .sliderMain #sliderMain .blue.blue .title {
          color: #147ac1; }
      .sliderMain #sliderMain .white .rightText,
      .sliderMain #sliderMain .blue .rightText {
        margin: 35px 0 0;
        float: right;
        background: url(img/slider1/blk5.png) repeat;
        border: 2px solid #fff;
        padding: 30px;
        font-size: 22px; }
        @media (max-width: 1180px) {
          .sliderMain #sliderMain .white .rightText,
          .sliderMain #sliderMain .blue .rightText {
            font-size: 18px;
            padding: 20px; } }
        @media (max-width: 830px) {
          .sliderMain #sliderMain .white .rightText,
          .sliderMain #sliderMain .blue .rightText {
            display: none; } }
        .sliderMain #sliderMain .white .rightText strong,
        .sliderMain #sliderMain .blue .rightText strong {
          font-weight: normal;
          font-family: "ProbaPro-Bold", sans-serif;
          font-size: 30px;
          line-height: 30px;
          text-transform: uppercase; }
          @media (max-width: 1180px) {
            .sliderMain #sliderMain .white .rightText strong,
            .sliderMain #sliderMain .blue .rightText strong {
              font-size: 25px; } }
          @media (max-width: 950px) {
            .sliderMain #sliderMain .white .rightText strong,
            .sliderMain #sliderMain .blue .rightText strong {
              font-size: 20px; } }
        .sliderMain #sliderMain .white .rightText p,
        .sliderMain #sliderMain .blue .rightText p {
          font-size: 18px;
          margin: 0; }
          @media (max-width: 950px) {
            .sliderMain #sliderMain .white .rightText p,
            .sliderMain #sliderMain .blue .rightText p {
              font-size: 14px; } }
        .sliderMain #sliderMain .white .rightText ul,
        .sliderMain #sliderMain .blue .rightText ul {
          margin: 10px 0 20px; }
      .sliderMain #sliderMain .white .bitrix,
      .sliderMain #sliderMain .blue .bitrix {
        margin: 0;
        display: block;
        position: absolute;
        font-size: 26px;
        line-height: 26px;
        text-transform: uppercase;
        left: 255px;
        bottom: 72px; }
        @media (max-width: 1180px) {
          .sliderMain #sliderMain .white .bitrix,
          .sliderMain #sliderMain .blue .bitrix {
            font-size: 20px;
            line-height: 30px; } }
        @media (max-width: 950px) {
          .sliderMain #sliderMain .white .bitrix,
          .sliderMain #sliderMain .blue .bitrix {
            font-size: 14px;
            line-height: 25px;
            bottom: 46px;
            left: 175px; } }
        @media (max-width: 600px) {
          .sliderMain #sliderMain .white .bitrix,
          .sliderMain #sliderMain .blue .bitrix {
            position: relative;
            margin: 10px 0;
            left: auto;
            bottom: auto;
            text-align: right; } }
        .sliderMain #sliderMain .white .bitrix img,
        .sliderMain #sliderMain .blue .bitrix img {
          margin: -4px 0 0 10px;
          float: right !important; }
          @media (max-width: 950px) {
            .sliderMain #sliderMain .white .bitrix img,
            .sliderMain #sliderMain .blue .bitrix img {
              height: 25px;
              width: auto;
              margin: 0px 0 0 10px; } }
      .sliderMain #sliderMain .white .gift,
      .sliderMain #sliderMain .blue .gift {
        position: absolute;
        left: 255px;
        bottom: 50px;
        font-size: 16px;
        line-height: 16px;
        margin: 0; }
        @media (max-width: 1180px) {
          .sliderMain #sliderMain .white .gift,
          .sliderMain #sliderMain .blue .gift {
            font-size: 14px;
            line-height: 14px; } }
        @media (max-width: 950px) {
          .sliderMain #sliderMain .white .gift,
          .sliderMain #sliderMain .blue .gift {
            font-size: 12px;
            line-height: 12px;
            left: 175px;
            bottom: 30px; } }
        @media (max-width: 600px) {
          .sliderMain #sliderMain .white .gift,
          .sliderMain #sliderMain .blue .gift {
            position: relative;
            margin: 10px 0;
            left: auto;
            bottom: auto; } }
        .sliderMain #sliderMain .white .gift span,
        .sliderMain #sliderMain .blue .gift span {
          font-family: "ProbaPro-Bold", sans-serif;
          text-transform: uppercase;
          color: #ff7771;
          font-weight: bold; }
          @media (max-width: 400px) {
            .sliderMain #sliderMain .white .gift span,
            .sliderMain #sliderMain .blue .gift span {
              display: block; } }
      .sliderMain #sliderMain .white .slide1 .title span strong,
      .sliderMain #sliderMain .blue .slide1 .title span strong {
        display: block;
        font-size: 100px;
        line-height: 100px; }
        @media (max-width: 1180px) {
          .sliderMain #sliderMain .white .slide1 .title span strong,
          .sliderMain #sliderMain .blue .slide1 .title span strong {
            font-size: 70px;
            line-height: 70px; } }
        @media (max-width: 830px) {
          .sliderMain #sliderMain .white .slide1 .title span strong,
          .sliderMain #sliderMain .blue .slide1 .title span strong {
            font-size: 40px;
            line-height: 40px; } }
      .sliderMain #sliderMain .white .slide2 .title,
      .sliderMain #sliderMain .blue .slide2 .title {
        font-size: 20px;
        color: #e5283a;
        position: relative;
        z-index: 2; }
        .sliderMain #sliderMain .white .slide2 .title span,
        .sliderMain #sliderMain .blue .slide2 .title span {
          color: #147ac1;
          font-size: 80px;
          line-height: 84px;
          position: relative; }
          @media (max-width: 1180px) {
            .sliderMain #sliderMain .white .slide2 .title span,
            .sliderMain #sliderMain .blue .slide2 .title span {
              font-size: 60px;
              line-height: 60px; } }
          @media (max-width: 830px) {
            .sliderMain #sliderMain .white .slide2 .title span,
            .sliderMain #sliderMain .blue .slide2 .title span {
              font-size: 40px;
              line-height: 40px; } }
          @media (max-width: 480px) {
            .sliderMain #sliderMain .white .slide2 .title span,
            .sliderMain #sliderMain .blue .slide2 .title span {
              font-size: 30px;
              line-height: 30px; } }
          .sliderMain #sliderMain .white .slide2 .title span span,
          .sliderMain #sliderMain .blue .slide2 .title span span {
            position: absolute;
            display: block;
            font-size: 18px;
            line-height: 20px;
            font-family: "Proba-Pro-Regular", sans-serif;
            color: #147ac1;
            text-transform: none;
            left: 340px;
            bottom: 20px;
            width: 400px; }
            @media (max-width: 1180px) {
              .sliderMain #sliderMain .white .slide2 .title span span,
              .sliderMain #sliderMain .blue .slide2 .title span span {
                left: 250px;
                bottom: 5px;
                font-size: 14px;
                width: auto;
                line-height: 16px; } }
            @media (max-width: 830px) {
              .sliderMain #sliderMain .white .slide2 .title span span,
              .sliderMain #sliderMain .blue .slide2 .title span span {
                left: 170px; } }
            @media (max-width: 600px) {
              .sliderMain #sliderMain .white .slide2 .title span span,
              .sliderMain #sliderMain .blue .slide2 .title span span {
                left: auto;
                bottom: auto;
                position: relative;
                margin: 0 0 5px; } }
      .sliderMain #sliderMain .white .slide2 .bitrix,
      .sliderMain #sliderMain .blue .slide2 .bitrix {
        color: #061f4e; }
        @media (max-width: 480px) {
          .sliderMain #sliderMain .white .slide2 .bitrix,
          .sliderMain #sliderMain .blue .slide2 .bitrix {
            margin: 5px 0; } }
      .sliderMain #sliderMain .white .slide2 .gift,
      .sliderMain #sliderMain .blue .slide2 .gift {
        color: #061f4e; }
        .sliderMain #sliderMain .white .slide2 .gift span,
        .sliderMain #sliderMain .blue .slide2 .gift span {
          color: #e5283a; }
        @media (max-width: 480px) {
          .sliderMain #sliderMain .white .slide2 .gift,
          .sliderMain #sliderMain .blue .slide2 .gift {
            margin: 5px 0; } }
      .sliderMain #sliderMain .white .slide2 .rightText,
      .sliderMain #sliderMain .blue .slide2 .rightText {
        width: 370px;
        position: relative;
        background: none;
        border: none;
        font-size: 18px;
        margin: 0;
        padding: 40px 0px 0px; }
        @media (max-width: 950px) {
          .sliderMain #sliderMain .white .slide2 .rightText,
          .sliderMain #sliderMain .blue .slide2 .rightText {
            padding: 30px 0px 0px;
            width: 320px; } }
        .sliderMain #sliderMain .white .slide2 .rightText:after,
        .sliderMain #sliderMain .blue .slide2 .rightText:after {
          display: block;
          position: absolute;
          content: "";
          background: url(img/slider1/med-text.png) no-repeat;
          width: 573px;
          height: 380px;
          top: 0;
          right: -85px;
          z-index: 0; }
          @media (max-width: 950px) {
            .sliderMain #sliderMain .white .slide2 .rightText:after,
            .sliderMain #sliderMain .blue .slide2 .rightText:after {
              right: -125px; } }
        .sliderMain #sliderMain .white .slide2 .rightText ul,
        .sliderMain #sliderMain .blue .slide2 .rightText ul {
          position: relative;
          z-index: 1;
          color: #000; }
          .sliderMain #sliderMain .white .slide2 .rightText ul li,
          .sliderMain #sliderMain .blue .slide2 .rightText ul li {
            font-size: 18px;
            line-height: 20px;
            background-position: 0 8px; }
            @media (max-width: 950px) {
              .sliderMain #sliderMain .white .slide2 .rightText ul li,
              .sliderMain #sliderMain .blue .slide2 .rightText ul li {
                font-size: 14px;
                line-height: 16px;
                background-position: 0 6px; } }
        .sliderMain #sliderMain .white .slide2 .rightText p,
        .sliderMain #sliderMain .blue .slide2 .rightText p {
          text-align: right;
          position: relative;
          z-index: 1;
          font-family: "ProbaPro-Bold", sans-serif; }
      .sliderMain #sliderMain .white .slide3 .title,
      .sliderMain #sliderMain .blue .slide3 .title {
        padding: 20px 0 0;
        position: relative;
        z-index: 2; }
        @media (max-width: 1180px) {
          .sliderMain #sliderMain .white .slide3 .title,
          .sliderMain #sliderMain .blue .slide3 .title {
            padding-top: 33px; } }
        @media (max-width: 830px) {
          .sliderMain #sliderMain .white .slide3 .title,
          .sliderMain #sliderMain .blue .slide3 .title {
            font-size: 20px;
            float: left; } }
        .sliderMain #sliderMain .white .slide3 .title span,
        .sliderMain #sliderMain .blue .slide3 .title span {
          font-size: 90px;
          line-height: 94px;
          position: relative; }
          @media (max-width: 1180px) {
            .sliderMain #sliderMain .white .slide3 .title span,
            .sliderMain #sliderMain .blue .slide3 .title span {
              font-size: 60px;
              line-height: 60px; } }
          @media (max-width: 830px) {
            .sliderMain #sliderMain .white .slide3 .title span,
            .sliderMain #sliderMain .blue .slide3 .title span {
              font-size: 40px;
              line-height: 40px; } }
          @media (max-width: 480px) {
            .sliderMain #sliderMain .white .slide3 .title span,
            .sliderMain #sliderMain .blue .slide3 .title span {
              font-size: 30px;
              line-height: 30px; } }
          .sliderMain #sliderMain .white .slide3 .title span:after,
          .sliderMain #sliderMain .blue .slide3 .title span:after {
            display: block;
            position: absolute;
            content: "";
            background: url(img/slider1/key.png) no-repeat;
            width: 173px;
            height: 154px;
            left: 100%;
            margin: 0 0 0 15px;
            bottom: -46px; }
            @media (max-width: 1180px) {
              .sliderMain #sliderMain .white .slide3 .title span:after,
              .sliderMain #sliderMain .blue .slide3 .title span:after {
                bottom: -76px; } }
            @media (max-width: 830px) {
              .sliderMain #sliderMain .white .slide3 .title span:after,
              .sliderMain #sliderMain .blue .slide3 .title span:after {
                background-size: 100% auto;
                width: 100px;
                height: 100px;
                bottom: -47px; } }
      .sliderMain #sliderMain .white .slide3 .bitrix,
      .sliderMain #sliderMain .blue .slide3 .bitrix {
        bottom: auto;
        top: 27px;
        left: 245px; }
        @media (max-width: 950px) {
          .sliderMain #sliderMain .white .slide3 .bitrix,
          .sliderMain #sliderMain .blue .slide3 .bitrix {
            left: 155px;
            top: 30px; } }
        @media (max-width: 600px) {
          .sliderMain #sliderMain .white .slide3 .bitrix,
          .sliderMain #sliderMain .blue .slide3 .bitrix {
            position: relative;
            margin: 10px 0;
            left: auto;
            bottom: auto;
            text-align: left;
            clear: both;
            top: auto;
            float: left; } }
      .sliderMain #sliderMain .white .slide3 .gift,
      .sliderMain #sliderMain .blue .slide3 .gift {
        bottom: 42px;
        line-height: 32px; }
        @media (max-width: 950px) {
          .sliderMain #sliderMain .white .slide3 .gift,
          .sliderMain #sliderMain .blue .slide3 .gift {
            bottom: 26px;
            line-height: 22px; } }
        @media (max-width: 600px) {
          .sliderMain #sliderMain .white .slide3 .gift,
          .sliderMain #sliderMain .blue .slide3 .gift {
            bottom: auto;
            clear: both;
            line-height: 15px; } }
      .sliderMain #sliderMain .white .slide3 .rightText,
      .sliderMain #sliderMain .blue .slide3 .rightText {
        width: 270px;
        position: relative;
        background: none;
        border: none;
        margin: 0;
        padding: 80px 30px 0px; }
        @media (max-width: 950px) {
          .sliderMain #sliderMain .white .slide3 .rightText,
          .sliderMain #sliderMain .blue .slide3 .rightText {
            /*padding:30px 0px 0px;
            width:320px;*/ } }
        .sliderMain #sliderMain .white .slide3 .rightText:after,
        .sliderMain #sliderMain .blue .slide3 .rightText:after {
          display: block;
          position: absolute;
          content: "";
          background: url(img/slider1/im-text.png) no-repeat;
          width: 340px;
          height: 380px;
          top: 0;
          right: 0px;
          z-index: 0; }
        .sliderMain #sliderMain .white .slide3 .rightText ul,
        .sliderMain #sliderMain .blue .slide3 .rightText ul {
          position: relative;
          z-index: 1;
          margin: 20px 0 30px; }
          .sliderMain #sliderMain .white .slide3 .rightText ul li,
          .sliderMain #sliderMain .blue .slide3 .rightText ul li {
            font-size: 20px;
            line-height: 22px;
            background-position: 0 9px; }
            @media (max-width: 950px) {
              .sliderMain #sliderMain .white .slide3 .rightText ul li,
              .sliderMain #sliderMain .blue .slide3 .rightText ul li {
                font-size: 14px;
                line-height: 16px;
                background-position: 0 6px; } }
        .sliderMain #sliderMain .white .slide3 .rightText p,
        .sliderMain #sliderMain .blue .slide3 .rightText p {
          position: relative;
          z-index: 1; }
      .sliderMain #sliderMain .white .slide4 .title,
      .sliderMain #sliderMain .blue .slide4 .title {
        position: relative;
        z-index: 2; }
        .sliderMain #sliderMain .white .slide4 .title span,
        .sliderMain #sliderMain .blue .slide4 .title span {
          font-size: 90px;
          line-height: 94px;
          position: relative; }
          @media (max-width: 1180px) {
            .sliderMain #sliderMain .white .slide4 .title span,
            .sliderMain #sliderMain .blue .slide4 .title span {
              font-size: 60px;
              line-height: 60px; } }
          @media (max-width: 830px) {
            .sliderMain #sliderMain .white .slide4 .title span,
            .sliderMain #sliderMain .blue .slide4 .title span {
              font-size: 40px;
              line-height: 40px; } }
          @media (max-width: 480px) {
            .sliderMain #sliderMain .white .slide4 .title span,
            .sliderMain #sliderMain .blue .slide4 .title span {
              font-size: 35px;
              line-height: 35px; } }
      .sliderMain #sliderMain .white .slide4 .rightText,
      .sliderMain #sliderMain .blue .slide4 .rightText {
        position: relative;
        background: none;
        border: none;
        margin: 0;
        padding: 90px 30px 0px;
        color: #000; }
        @media (max-width: 950px) {
          .sliderMain #sliderMain .white .slide4 .rightText,
          .sliderMain #sliderMain .blue .slide4 .rightText {
            /*padding:30px 0px 0px;
            width:320px;*/ } }
        .sliderMain #sliderMain .white .slide4 .rightText:after,
        .sliderMain #sliderMain .blue .slide4 .rightText:after {
          display: block;
          position: absolute;
          content: "";
          background: url(img/slider1/corp-text.png) no-repeat;
          width: 341px;
          height: 380px;
          top: 0;
          right: -7px;
          z-index: 0; }
        .sliderMain #sliderMain .white .slide4 .rightText ul,
        .sliderMain #sliderMain .blue .slide4 .rightText ul {
          position: relative;
          z-index: 1;
          margin: 30px 0 30px; }
          .sliderMain #sliderMain .white .slide4 .rightText ul li,
          .sliderMain #sliderMain .blue .slide4 .rightText ul li {
            font-size: 20px;
            line-height: 22px;
            background-position: 0 9px; }
            @media (max-width: 950px) {
              .sliderMain #sliderMain .white .slide4 .rightText ul li,
              .sliderMain #sliderMain .blue .slide4 .rightText ul li {
                font-size: 14px;
                line-height: 16px;
                background-position: 0 6px; } }
        .sliderMain #sliderMain .white .slide4 .rightText p,
        .sliderMain #sliderMain .blue .slide4 .rightText p {
          position: relative;
          z-index: 1; }
  .sliderMain .jshowoff-controls {
    display: none; }
  .sliderMain .jshowoff-slidelinks {
    position: relative;
    max-width: 1175px;
    z-index: 10;
    margin: -10px auto 0;
    display: block; }
    .sliderMain .jshowoff-slidelinks a {
      display: inline-block;
      height: 10px;
      width: 58px;
      margin: 0 1px 0 0;
      background: #8f8f8f;
      text-indent: -9999px;
      overflow: hidden; }
      .sliderMain .jshowoff-slidelinks a.jshowoff-active, .sliderMain .jshowoff-slidelinks a:hover {
        background: #ff7771; }

.sliderMain #sliderMain .nomore .more {
  display: none; }

.topBanner {
  height: 380px;
  margin-bottom: 30px;
  position: relative; }
  @media (max-width: 950px) {
    .topBanner {
      height: 300px; } }
  @media (max-width: 830px) {
    .topBanner {
      height: 250px; } }
  @media (max-width: 600px) {
    .topBanner {
      height: 150px; } }
  @media (max-width: 480px) {
    .topBanner {
      height: 120px; } }
  .topBanner a {
    background: url(img/dr.jpg) no-repeat;
    background-position: center top;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

/* Reviews */
.reviews-item {
  width: 22%;
  /*height: 224px;*/
  margin-left: 3%;
  overflow: hidden;
  position: relative; }

.reviews-item:first-child {
  margin-left: 0; }

.response-item {
  float: left;
  width: 24.9%; }
  @media (max-width: 1180px) {
    .response-item {
      width: 33%; } }
  @media (max-width: 900px) {
    .response-item {
      width: 49%; } }
  @media (max-width: 700px) {
    .response-item {
      width: auto;
      float: none;
      left: auto !important;
      top: auto !important; } }
  .response-item .spanEditDel {
    display: block; }
    .response-item .spanEditDel a, .response-item .spanEditDel span {
      display: inline-block;
      border: none;
      padding: 0;
      margin: 0;
      width: auto;
      height: auto;
      background: none; }
      .response-item .spanEditDel a img, .response-item .spanEditDel span img {
        display: inline; }
  .response-item a {
    width: 260px;
    height: 365px;
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background: #fcfcfc;
    padding: 18px 18px 18px 30px;
    margin: 0 0 20px;
    color: #333333;
    font-size: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media (max-width: 700px) {
      .response-item a {
        width: auto;
        height: auto; } }
    .response-item a.js-lightbox {
      padding: 0; }
      .response-item a.js-lightbox img {
        max-width: 100%; }
    .response-item a.js-lightbox-inline img {
      max-width: 48%;
      max-height: 80px;
      margin: 0 0 15px;
      float: left; }
    .response-item a.js-lightbox-inline .client_name {
      display: block;
      float: right;
      max-width: 48%;
      text-align: right;
      margin: 0 0 15px;
      line-height: 10px;
      font-size: 9px; }
    .response-item a.js-lightbox-inline .title {
      text-align: center;
      clear: both;
      display: block;
      position: relative;
      padding: 30px 0 10px;
      color: #000;
      font-size: 10px;
      border-top: 1px solid #14a5cc; }
      .response-item a.js-lightbox-inline .title:after {
        display: block;
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        border-bottom: 1px solid #888888; }
    .response-item a.js-lightbox-inline .description {
      display: block;
      font-size: 6px;
      line-height: 8px;
      text-align: justify; }
      .response-item a.js-lightbox-inline .description p {
        margin: 0 0 2px;
        text-align: justify; }
    .response-item a.js-lightbox-inline:hover {
      -moz-box-shadow: 0 0 10px #555;
      -webkit-box-shadow: 0 0 10px #555;
      -o-box-shadow: 0 0 10px #555;
      -ms-box-shadow: 0 0 10px #555;
      box-shadow: 0 0 10px #555; }

.respoceItem_window {
  max-width: 500px;
  padding: 40px 40px 40px 70px; }
  .respoceItem_window .top {
    width: 100%;
    display: table;
    padding-bottom: 2px;
    border-bottom: 1px solid #888888;
    margin: 0 0 70px; }
    .respoceItem_window .top div {
      display: table-cell;
      padding: 0 0 20px;
      vertical-align: middle;
      width: 50%;
      text-align: left;
      border-bottom: 2px solid #14a5cc; }
      .respoceItem_window .top div .img {
        max-width: 40%; }
      .respoceItem_window .top div.client_name {
        text-align: right;
        color: #000;
        font-size: 16px; }
  .respoceItem_window h3 {
    text-align: center;
    color: #000;
    margin: 0 0 20px; }
  .respoceItem_window .description {
    font-size: 14px; }

.listPages {
  clear: both;
  text-align: center; }

#cboxClose {
  bottom: auto;
  top: 0; }

.response-togglable {
  /*max-height: 200px;*/
  /*overflow: hidden;*/ }

.response-item-inner {
  overflow: hidden;
  background: #fff;
  behavior: url(js/PIE.htc);
  position: relative;
  margin: 5px;
  border: 1px solid #e4e4e4;
  -moz-box-shadow: 0 0 5px #e4e4e4;
  -webkit-box-shadow: 0 0 5px #e4e4e4;
  -o-box-shadow: 0 0 5px #e4e4e4;
  -ms-box-shadow: 0 0 5px #e4e4e4;
  box-shadow: 0 0 5px #e4e4e4; }

.response-item-inner .toggleHeight {
  display: block;
  padding: 2px 10px;
  border-top: 1px solid;
  border-color: #dcdcdc;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold; }

.response-item-header {
  padding: 14px;
  background: #f7f7f7;
  position: relative; }

.response-item-title {
  margin: 0 0 8px;
  color: #000;
  line-height: 1.2; }

.response-scan {
  display: block;
  width: 77px;
  height: 55px;
  background: url(img/response-scan.png) no-repeat;
  text-decoration: none;
  position: absolute;
  right: 6px;
  bottom: 0; }
  .response-scan span {
    display: inline-block;
    margin: 22px 0 0 14px;
    text-transform: uppercase;
    color: #1889bf;
    font-size: 13px;
    line-height: 1; }

.sitemini {
  padding: 0 0 0 18px;
  background: url(img/site.gif) no-repeat left center;
  color: #555;
  font-size: 14px; }
  .sitemini a {
    color: #089102;
    font-size: 14px; }

.response-item-body {
  padding: 14px;
  background: #fff;
  border-top: 1px solid #e7e7e7;
  box-shadow: 0 -1px 3px #d7d7d7;
  color: #666;
  font-size: 12px;
  position: relative; }

#yearList, #typeList, #branchList {
  display: none;
  position: absolute;
  width: 200px;
  padding: 3px;
  background: #fff;
  border: 1px solid #2a98cd;
  z-index: 300;
  margin: -8px 0 0 16px; }
  #yearList a, #typeList a, #branchList a {
    display: block;
    padding: 3px 0;
    position: relative;
    cursor: pointer;
    z-index: 400; }
    #yearList a:hover, #typeList a:hover, #branchList a:hover {
      background: #2a98cd;
      color: #fff;
      cursor: pointer; }

.divYears {
  margin: 0 0 25px;
  font: 12px "Trebuchet MS"; }
  .divYears a {
    color: #279fd8;
    display: inline-block;
    margin: 2px; }
  .divYears .curYear {
    font: bold 12px "Trebuchet MS"; }

.newsTop .news-inner {
  margin: 0 0 30px;
  overflow: hidden;
  /*.title {
  color:#1b91c9;font:13px "Trebuchet MS"; text-decoration:underline;
  		&:hover {
  		text-decoration:none;
  				span { font-size:12px;}
  		}
  }*/ }
  @media (max-width: 600px) {
    .newsTop .news-inner {
      margin: 0 0 20px; } }
  .newsTop .news-inner .date {
    color: #777;
    font-size: 13px; }
  .newsTop .news-inner a {
    display: block; }
  .newsTop .news-inner p {
    margin: 0; }
  .newsTop .news-inner .spanEditDel {
    display: block; }
    .newsTop .news-inner .spanEditDel a {
      display: inline; }

.anonsmain {
  color: #797979; }

input[type="text"], textarea {
  width: 100%;
  margin: 1px 0 0;
  border: 1px solid #87A4B4;
  outline: 0;
  -moz-box-shadow: inset 1px 1px 3px #BECDD6;
  -webkit-box-shadow: inset 1px 1px 3px #BECDD6;
  -o-box-shadow: inset 1px 1px 3px #BECDD6;
  -ms-box-shadow: inset 1px 1px 3px #BECDD6;
  box-shadow: inset 1px 1px 3px #BECDD6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #555555;
  -webkit-transition: all 0.25s ease, width 0, height 0;
  -moz-transition: all 0.25s ease, width 0, height 0;
  -o-transition: all 0.25s ease, width 0, height 0;
  -ms-transition: all 0.25s ease, width 0, height 0;
  transition: all 0.25s ease, width 0, height 0;
  behavior: url(js/PIE.htc);
  position: relative;
  height: 28px;
  line-height: 18px;
  padding: 0 3px; }
  input[type="text"]:hover, textarea:hover {
    -moz-box-shadow: inset 1px 1px 3px #E3EAEE;
    -webkit-box-shadow: inset 1px 1px 3px #E3EAEE;
    -o-box-shadow: inset 1px 1px 3px #E3EAEE;
    -ms-box-shadow: inset 1px 1px 3px #E3EAEE;
    box-shadow: inset 1px 1px 3px #E3EAEE;
    color: #333333; }
  input[type="text"]:focus, textarea:focus {
    border-color: #15A5FB;
    -moz-box-shadow: 0 0 5px #15A5FB;
    -webkit-box-shadow: 0 0 5px #15A5FB;
    -o-box-shadow: 0 0 5px #15A5FB;
    -ms-box-shadow: 0 0 5px #15A5FB;
    box-shadow: 0 0 5px #15A5FB; }
  input[type="text"]#search_input, textarea#search_input {
    width: 70%;
    margin-right: 10px;
    border: 1px solid #0075bb; }
    @media (max-width: 480px) {
      input[type="text"]#search_input, textarea#search_input {
        width: 68%;
        margin-right: 5px; } }

.formField textarea, .formField table td textarea {
  width: 100%;
  padding: 3px 3px;
  height: auto; }

select {
  border: 1px solid #0075bb; }

.search_inner {
  overflow: hidden;
  margin-bottom: 20px; }

.textarea {
  rows: 2 !important; }

input[type=submit], input[type=button], button, .button, .submit, .button_send {
  behavior: url(js/PIE.htc);
  position: relative;
  background: #279dd3;
  background: -webkit-linear-gradient(top, #279dd3 0%, #016dab 100%);
  background: -moz-linear-gradient(top, #279dd3 0%, #016dab 100%);
  background: -o-linear-gradient(top, #279dd3 0%, #016dab 100%);
  background: -ms-linear-gradient(top, #279dd3 0%, #016dab 100%);
  background: linear-gradient(top, #279dd3 0%, #016dab 100%);
  -pie-background: linear-gradient(top, #279dd3 0%, #016dab 100%);
  behavior: url(js/PIE.htc);
  position: relative;
  border: 1px solid #016dab;
  cursor: pointer;
  text-decoration: none;
  margin: 0;
  padding: 0;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  text-shadow: 1px 1px #016dab;
  box-shadow: 1px 1px 5px #249cd2, 0 1px 1px #8ccef4 inset;
  border-radius: 8px;
  padding: 4px 15px; }
  input[type=submit]:hover, input[type=button]:hover, button:hover, .button:hover, .submit:hover, .button_send:hover {
    background: #016dab;
    background: -webkit-linear-gradient(top, #016dab 0%, #279dd3 100%);
    background: -moz-linear-gradient(top, #016dab 0%, #279dd3 100%);
    background: -o-linear-gradient(top, #016dab 0%, #279dd3 100%);
    background: -ms-linear-gradient(top, #016dab 0%, #279dd3 100%);
    background: linear-gradient(top, #016dab 0%, #279dd3 100%);
    -pie-background: linear-gradient(top, #016dab 0%, #279dd3 100%);
    behavior: url(js/PIE.htc);
    position: relative; }
  input[type=submit].btn-folio, input[type=button].btn-folio, button.btn-folio, .button.btn-folio, .submit.btn-folio, .button_send.btn-folio {
    width: 114px; }
  input[type=submit].btn-center, input[type=button].btn-center, button.btn-center, .button.btn-center, .submit.btn-center, .button_send.btn-center {
    text-align: center;
    margin: 10px 0; }
  input[type=submit].button_send, input[type=button].button_send, button.button_send, .button.button_send, .submit.button_send, .button_send.button_send {
    width: 120px; }
  input[type=submit].btn_send, input[type=submit]#btn_send, input[type=button].btn_send, input[type=button]#btn_send, button.btn_send, button#btn_send, .button.btn_send, .button#btn_send, .submit.btn_send, .submit#btn_send, .button_send.btn_send, .button_send#btn_send {
    width: 112px;
    background: url(img/btn-send.png) no-repeat scroll 0 0 transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    height: 29px;
    padding: 0;
    margin: 0 0 10px;
    text-indent: -9999px; }

#metaEdit textarea {
  height: 60px; }

.cool-button {
  display: inline-block;
  padding: 1em 4em;
  margin: 1em 0;
  border-radius: .5em;
  background: #226FBE;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.25s ease, width 0, height 0;
  -moz-transition: all 0.25s ease, width 0, height 0;
  -o-transition: all 0.25s ease, width 0, height 0;
  -ms-transition: all 0.25s ease, width 0, height 0;
  transition: all 0.25s ease, width 0, height 0; }
  @media (max-width: 600px) {
    .cool-button {
      padding: 10px;
      font-size: 12px;
      margin: 5px 0; } }
  .cool-button:after {
    content: "➜";
    font-size: 1.75em;
    font-weight: normal;
    position: absolute;
    top: .625em;
    right: -1em;
    -webkit-transition: all 0.25s ease, width 0, height 0;
    -moz-transition: all 0.25s ease, width 0, height 0;
    -o-transition: all 0.25s ease, width 0, height 0;
    -ms-transition: all 0.25s ease, width 0, height 0;
    transition: all 0.25s ease, width 0, height 0; }
  .cool-button:hover {
    background: #1C5997;
    color: #fff; }
    .cool-button:hover:after {
      right: .75em; }
  .cool-button:active {
    background: #1A538C;
    color: #0D2946; }
    .cool-button:active:after {
      color: #0D2946; }

.cool-button-one-line:after {
  top: .325em; }

/*Buttons*/
.big-button {
  display: inline-block;
  padding: 6px 26px;
  margin: 1em 0 2em;
  border: 1px solid #679C36;
  border-radius: 8px;
  box-shadow: 1px 1px 5px #50792B, inset 0 1px 1px #A0CF76;
  background: #7CBD42;
  background: -webkit-linear-gradient(top, #7CBD42 0%, #6CA639 100%);
  background: -moz-linear-gradient(top, #7CBD42 0%, #6CA639 100%);
  background: -o-linear-gradient(top, #7CBD42 0%, #6CA639 100%);
  background: -ms-linear-gradient(top, #7CBD42 0%, #6CA639 100%);
  background: linear-gradient(top, #7CBD42 0%, #6CA639 100%);
  -pie-background: linear-gradient(top, #7CBD42 0%, #6CA639 100%);
  behavior: url(js/PIE.htc);
  position: relative;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px #4D7528;
  font-size: 18px;
  cursor: pointer;
  *display: inline;
  *zoom: 1; }
  .big-button:hover {
    color: #fff;
    background: #94C963;
    background: -webkit-linear-gradient(top, #94C963 0%, #6CA639 100%);
    background: -moz-linear-gradient(top, #94C963 0%, #6CA639 100%);
    background: -o-linear-gradient(top, #94C963 0%, #6CA639 100%);
    background: -ms-linear-gradient(top, #94C963 0%, #6CA639 100%);
    background: linear-gradient(top, #94C963 0%, #6CA639 100%);
    -pie-background: linear-gradient(top, #94C963 0%, #6CA639 100%);
    behavior: url(js/PIE.htc);
    position: relative; }
  .big-button:active {
    background: #7CBD42;
    background: #7CBD42;
    background: -webkit-linear-gradient(top, #7CBD42 0%, #6CA639 100%);
    background: -moz-linear-gradient(top, #7CBD42 0%, #6CA639 100%);
    background: -o-linear-gradient(top, #7CBD42 0%, #6CA639 100%);
    background: -ms-linear-gradient(top, #7CBD42 0%, #6CA639 100%);
    background: linear-gradient(top, #7CBD42 0%, #6CA639 100%);
    -pie-background: linear-gradient(top, #7CBD42 0%, #6CA639 100%);
    behavior: url(js/PIE.htc);
    position: relative;
    box-shadow: none;
    text-shadow: 1px 1px #8FC75C;
    color: #4E7629; }

.bluebtn {
  behavior: url(js/PIE.htc);
  position: relative;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro Regular", sans-serif;
  color: #fff;
  background: #14a5cc;
  border-radius: 3px;
  text-shadow: 1px 1px #0064a2; }
  @media (max-width: 950px) {
    .bluebtn {
      height: 40px;
      line-height: 40px; } }
  .bluebtn:hover {
    color: #fff;
    background: #07a74f;
    text-shadow: 1px 1px #4D7528; }

.bigbluebtn {
  behavior: url(js/PIE.htc);
  position: relative;
  display: inline-block;
  padding: 0px 40px;
  height: 68px;
  line-height: 68px;
  font-size: 22px;
  text-decoration: none;
  font-family: "Open Sans", "Trebuchet MS", sans-serif;
  color: #fff;
  background: #14a5cc;
  border-radius: 5px;
  text-shadow: 1px 1px #0064a2; }
  .bigbluebtn:hover {
    color: #fff;
    background: #07a74f;
    text-shadow: 1px 1px #4D7528; }
  @media (max-width: 700px) {
    .bigbluebtn {
      font-size: 20px;
      height: 60px;
      line-height: 60px;
      padding: 0px 30px; } }
  @media (max-width: 600px) {
    .bigbluebtn {
      font-size: 18px;
      height: 50px;
      line-height: 50px;
      padding: 0px 30px; } }

.blackbtn {
  display: inline-block;
  behavior: url(js/PIE.htc);
  position: relative;
  padding: 0px 40px;
  height: 68px;
  line-height: 68px;
  border-radius: 5px;
  background: #5a5f60;
  background: -webkit-linear-gradient(top, #5a5f60 0%, #282b2c 100%);
  background: -moz-linear-gradient(top, #5a5f60 0%, #282b2c 100%);
  background: -o-linear-gradient(top, #5a5f60 0%, #282b2c 100%);
  background: -ms-linear-gradient(top, #5a5f60 0%, #282b2c 100%);
  background: linear-gradient(top, #5a5f60 0%, #282b2c 100%);
  -pie-background: linear-gradient(top, #5a5f60 0%, #282b2c 100%);
  behavior: url(js/PIE.htc);
  position: relative;
  color: #fff;
  font-size: 22px;
  text-shadow: -1px -1px #000;
  text-decoration: none; }
  .blackbtn:hover {
    background: #04b365;
    background: -webkit-linear-gradient(top, #04b365 0%, #027f48 100%);
    background: -moz-linear-gradient(top, #04b365 0%, #027f48 100%);
    background: -o-linear-gradient(top, #04b365 0%, #027f48 100%);
    background: -ms-linear-gradient(top, #04b365 0%, #027f48 100%);
    background: linear-gradient(top, #04b365 0%, #027f48 100%);
    -pie-background: linear-gradient(top, #04b365 0%, #027f48 100%);
    behavior: url(js/PIE.htc);
    position: relative;
    color: #fff; }

.captcha {
  overflow: hidden;
  /*    height: 60px;*/
  height: 76px;
  display: inline-block;
  vertical-align: top;
  min-width: 260px; }
  .captcha input {
    font-style: italic;
    color: #000000;
    line-height: 22px;
    padding: 3px;
    position: relative; }
  .captcha a {
    padding-left: 15px;
    background: transparent url(img/refresh.gif) left 2px no-repeat;
    font-size: 12px;
    overflow: hidden;
    padding-left: 15px;
    padding-top: 5px;
    white-space: nowrap; }

.captcha_center {
  width: 70%; }
  .captcha_center .captcha {
    margin: 0 auto;
    float: none; }

#search {
  float: right;
  width: 270px;
  padding: 16px 25px 0 0; }
  @media (max-width: 1180px) {
    #search {
      width: auto;
      position: absolute;
      z-index: 1;
      float: none;
      top: 0;
      right: 0; } }
  @media (max-width: 950px) {
    #search {
      position: absolute;
      width: 100%;
      height: 0;
      overflow: hidden;
      top: 47px;
      left: 0;
      padding: 0;
      -webkit-transition: all 0.25s ease, width 0, height 0;
      -moz-transition: all 0.25s ease, width 0, height 0;
      -o-transition: all 0.25s ease, width 0, height 0;
      -ms-transition: all 0.25s ease, width 0, height 0;
      transition: all 0.25s ease, width 0, height 0; } }
  #search.nav-active {
    display: block;
    background: #424242;
    height: auto;
    -moz-box-shadow: 0 2px 3px #777;
    -webkit-box-shadow: 0 2px 3px #777;
    -o-box-shadow: 0 2px 3px #777;
    -ms-box-shadow: 0 2px 3px #777;
    box-shadow: 0 2px 3px #777; }
    #search.nav-active form {
      display: block;
      padding: 8px 20px;
      width: auto;
      float: none;
      background: #424242; }
      #search.nav-active form:after {
        display: block;
        position: absolute;
        content: "";
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 18px;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f002";
        right: 25px;
        top: 14px; }
      #search.nav-active form input[type="text"] {
        height: 30px;
        line-height: 30px;
        border: 1px solid #fff !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
        padding: 0 30px 0 10px;
        font-size: 14px;
        color: #000; }
      #search.nav-active form input[type="submit"], #search.nav-active form .button {
        top: 10px;
        right: 20px;
        width: 16px;
        height: 15px;
        background: none;
        width: 30px;
        height: 30px; }
        #search.nav-active form input[type="submit"]:hover, #search.nav-active form input[type="submit"]:focus, #search.nav-active form input[type="submit"]:active, #search.nav-active form .button:hover, #search.nav-active form .button:focus, #search.nav-active form .button:active {
          outline: 0;
          outline: none; }
  #search form {
    float: right;
    width: 160px;
    margin: 2px 0 0;
    position: relative; }
    #search form input[type="text"] {
      height: 21px;
      border: 1px solid transparent;
      border: none;
      border-radius: 14px;
      margin: 0;
      background: #fff;
      color: #777;
      font: 12px "Trebuchet MS", Arial;
      line-height: 21px;
      padding: 0px 20px 0px 10px;
      text-shadow: none;
      -moz-box-shadow: inset 1px 1px 2px #888;
      -webkit-box-shadow: inset 1px 1px 2px #888;
      -o-box-shadow: inset 1px 1px 2px #888;
      -ms-box-shadow: inset 1px 1px 2px #888;
      box-shadow: inset 1px 1px 2px #888;
      display: block; }
      #search form input[type="text"]:focus {
        background: #fff;
        color: #000; }
    #search form input[type="submit"], #search form .button {
      position: absolute;
      background-image: url(img/icons-new.png);
      background-repeat: no-repeat;
      top: 4px;
      right: 5px;
      width: 15px;
      height: 14px;
      margin: 0px;
      padding: 0;
      border: none !important;
      background-position: 0 -431px;
      cursor: pointer;
      box-shadow: none !important;
      background-color: transparent !important;
      behavior: inherit !important;
      z-index: 2; }
    @media (max-width: 1180px) {
      #search form {
        display: none; } }

#file_file {
  *width: 55%; }

.formField label {
  margin-left: 4pt; }

.formField textarea.mono {
  font-size: 11pt;
  font-family: "Courier New", Courier, monospace; }

#noshowname, #noshowquestion, .formField .checkbox {
  width: 13px;
  *border: none;
  padding: 0;
  margin-right: 5px; }

.search_input {
  width: 400px; }

.formField label {
  margin-left: 4pt; }

.formField textarea.mono {
  font-size: 11pt;
  font-family: "Courier New", Courier, monospace; }

/* форма заказа звонка */
#call-order {
  z-index: 1000;
  -width: 0px;
  height: 510px;
  *left: 0;
  background: url(img/form-call5.png) no-repeat right top;
  position: fixed;
  left: -356px;
  *left: 0;
  margin: 0;
  top: 65px; }

.body-inner #call-order {
  top: 18%;
  /*margin:121px 0px 0 0;*/ }

.callbut {
  display: inline-block;
  color: #03a15b;
  border-bottom: 1px solid #03a15b;
  font-size: 25px;
  line-height: 1;
  cursor: pointer; }
  .callbut:hover {
    border-color: #fff; }
  @media (max-width: 700px) {
    .callbut {
      font-size: 22px; } }
  @media (max-width: 600px) {
    .callbut {
      font-size: 20px; } }

.nonactives .call-inner {
  *display: none; }
.nonactives .callbut {
  position: absolute;
  right: -37px;
  top: 123px;
  width: 42px;
  height: 126px;
  background: none;
  cursor: pointer;
  background: url(img/button-call5.png) no-repeat left top; }
.nonactives .form-inner {
  *display: none; }
.nonactives .button {
  position: absolute;
  left: -40px;
  top: 123px;
  width: 41px;
  height: 126px;
  background: none;
  cursor: pointer;
  background: url(img/button-order5.png) no-repeat left top; }

.actives .callbut {
  position: absolute;
  left: 0px;
  top: 15px;
  width: 0px;
  height: 0px;
  cursor: pointer;
  background: url(img/button-order5.png) no-repeat left top;
  display: none; }
.actives .button {
  position: absolute;
  left: 0px;
  top: 15px;
  width: 0px;
  height: 0px;
  cursor: pointer;
  background: url(img/button-order5.png) no-repeat left top;
  display: none; }
.actives shape {
  display: none;
  background: none; }

* html #call-order {
  /*хак для ИЕ6*/
  position: absolute;
  top: expression(parseInt(document.body.scrollTop, 10) + "px");
  margin-top: 8%;
  height: 510px;
  right: 0; }

* html .body-inner #call-order {
  margin-top: 145px;
  top: expression(parseInt(document.body.scrollTop, 10) + "px"); }

* html .actives {
  right: 0; }

.call-inner, .form-inner {
  padding: 20px 25px;
  width: 306px;
  text-align: left;
  height: 510px;
  overflow: hidden;
  font: 12px "Trebuchet MS";
  color: #fff; }
  .call-inner input, .form-inner input {
    border: 1px inset #016dab;
    margin: 2px 0;
    *margin: 2px 0 0;
    width: 298px;
    height: 22px;
    font: 12px/22px "Trebuchet MS";
    padding: 0 5px;
    color: #000; }
  .call-inner p, .form-inner p {
    margin: 0 0 4px; }
  .call-inner textarea, .form-inner textarea {
    border: 1px inset #016dab;
    margin: 2px 0;
    width: 295px;
    color: #000;
    padding: 5px;
    height: 80px; }
  .call-inner h2, .call-inner .h2, .form-inner h2, .form-inner .h2 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 24px;
    text-align: center; }

/* /форма заказа звонка */
#form-order {
  z-index: 1000;
  -width: 0px;
  height: 510px;
  *right: 0;
  background: url(img/form-order5.png) no-repeat right top;
  position: fixed;
  right: -356px;
  *right: 0;
  margin: 0;
  top: 65px; }

.body-inner #form-order {
  top: 18%;
  /*margin:121px 0px 0 0;*/ }

* html #form-order {
  /*хак для ИЕ6*/
  position: absolute;
  top: expression(parseInt(document.body.scrollTop, 10) + "px");
  margin-top: 8%;
  height: 510px;
  right: 0; }

* html .body-inner #form-order {
  margin-top: 145px;
  top: expression(parseInt(document.body.scrollTop, 10) + "px"); }

#captchaImg {
  float: left;
  margin-right: 15px; }

.close {
  background: url(img/close1.gif) no-repeat;
  width: 16px;
  height: 11px;
  float: right;
  margin: 0;
  cursor: pointer; }

.callcl {
  background: url(img/closecall.gif) no-repeat; }

textarea#tasks {
  height: 170px; }

.formField {
  margin: 0 0 10px; }

.contactForm {
  margin: 30px auto 40px;
  max-width: 800px;
  display: none !important;
  behavior: url(js/PIE.htc);
  position: relative;
  border-radius: 10px;
  background: #1f7e41;
  background: -webkit-linear-gradient(left, #1f7e41 0%, #42b36b 100%);
  background: -moz-linear-gradient(left, #1f7e41 0%, #42b36b 100%);
  background: -o-linear-gradient(left, #1f7e41 0%, #42b36b 100%);
  background: -ms-linear-gradient(left, #1f7e41 0%, #42b36b 100%);
  background: linear-gradient(left, #1f7e41 0%, #42b36b 100%);
  -pie-background: linear-gradient(left, #1f7e41 0%, #42b36b 100%);
  behavior: url(js/PIE.htc);
  position: relative;
  height: 265px;
  /*overflow: hidden;*/
  -moz-box-shadow: 0px 29px 41px -40px #000000;
  -webkit-box-shadow: 0px 29px 41px -40px #000000;
  -o-box-shadow: 0px 29px 41px -40px #000000;
  -ms-box-shadow: 0px 29px 41px -40px #000000;
  box-shadow: 0px 29px 41px -40px #000000; }
  @media (max-width: 830px) {
    .contactForm {
      padding: 20px;
      height: auto;
      margin: 0 20px; } }
  .contactForm .formSendSuccess {
    float: left;
    margin-top: 95px;
    margin-left: 20px;
    position: relative;
    width: 220px;
    color: #fff;
    font-size: 18px; }
  .contactForm .title {
    height: 265px;
    behavior: url(js/PIE.htc);
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px 0 0 10px;
    width: 290px;
    padding: 20px 10px 0 25px;
    color: #fff;
    font-size: 16px;
    float: left;
    background: #3daa64;
    margin: 0 60px 0 0; }
    @media (max-width: 830px) {
      .contactForm .title {
        height: auto;
        width: auto;
        float: none;
        margin: 0 0 10px;
        padding: 0;
        background: none;
        text-align: center; } }
    .contactForm .title:after {
      display: block;
      position: absolute;
      content: "";
      background: url(img/form_bg.png) no-repeat center;
      left: 100%;
      top: 0;
      width: 43px;
      height: 100%; }
      @media (max-width: 830px) {
        .contactForm .title:after {
          display: none; } }
    .contactForm .title h3 {
      font-size: 40px;
      line-height: 42px;
      font-weight: bold;
      margin: 0 0 15px; }
      @media (max-width: 830px) {
        .contactForm .title h3 {
          font-size: 30px;
          line-height: 31px; } }
    .contactForm .title p {
      margin: 10px 0 0;
      font-size: 14px; }
  .contactForm .phone {
    float: right;
    padding: 35px 25px 0 0;
    width: 185px;
    text-align: center;
    float: right;
    color: #fff;
    font-size: 16px;
    overflow: hidden; }
    @media (max-width: 830px) {
      .contactForm .phone {
        width: auto;
        float: none;
        padding: 0;
        margin: 0 0 15px; } }
    .contactForm .phone p {
      margin: 20px 0 0;
      text-align: center; }
      .contactForm .phone p strong {
        font-size: 24px; }
  .contactForm form {
    float: left;
    width: 220px;
    padding-top: 20px;
    position: relative; }
    @media (max-width: 830px) {
      .contactForm form {
        float: none;
        width: auto;
        padding: 0; } }
    .contactForm form .formField input[type="text"], .contactForm form .formField textarea {
      behavior: url(js/PIE.htc);
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 5px;
      border-color: transparent;
      padding: 0 10px;
      width: 100%; }
    .contactForm form .formField textarea {
      height: 50px;
      resize: vertical;
      line-height: 18px;
      padding-top: 5px;
      padding-bottom: 5px; }
    .contactForm form .formField input[type="text"] {
      height: 25px;
      line-height: 25px;
      padding-top: 0;
      padding-bottom: 0; }
    .contactForm form .formField.error input[type="text"], .contactForm form .formField.error textarea {
      background-color: #fdd; }
    .contactForm form input[type="submit"], .contactForm form input[type="button"], .contactForm form button {
      padding: 8px 0px;
      width: 100%;
      text-align: center;
      display: block;
      font-weight: bold;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
      border-style: solid;
      border-width: 1px 1px 2px;
      color: #513b26;
      background: #FFD43D;
      behavior: url(js/PIE.htc);
      position: relative;
      -moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
      -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
      -o-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
      -ms-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
      box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
      border-radius: 5px;
      border-color: #FFD43D #EFC530 #E1B722;
      border-top: 1px solid #FFD43D;
      text-decoration: none; }
      .contactForm form input[type="submit"]:disabled, .contactForm form input[type="button"]:disabled, .contactForm form button:disabled {
        color: #666;
        background: #CCC;
        -moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
        -o-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
        -ms-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
        border-color: #aaa #999 #999;
        cursor: default; }
      .contactForm form input[type="submit"]:not(:disabled):hover, .contactForm form input[type="button"]:not(:disabled):hover, .contactForm form button:not(:disabled):hover {
        background: #14a5cc;
        color: #fff;
        text-shadow: 1px 1px #0064a2;
        border-color: #4fa6d2 #107db8 #0064a2;
        border-top: 1px solid #4fa6d2; }
      @media (max-width: 830px) {
        .contactForm form input[type="submit"], .contactForm form input[type="button"], .contactForm form button {
          width: 200px;
          margin: 0 auto; } }
    .contactForm form .formField {
      margin: 0 0 6px;
      position: relative; }
    .contactForm form .divFormButton {
      margin: 10px 0 0;
      display: inline-block; }
    .contactForm form .formSendError {
      background: none repeat scroll 0 0 #fff;
      border: 1px solid red;
      box-shadow: 0 0 5px red;
      display: block;
      font-size: 13px;
      left: -30px;
      top: -20px;
      max-height: 50px;
      opacity: 0.85;
      padding: 5px;
      position: absolute;
      width: 280px;
      z-index: 10; }
    .contactForm form .idmMiniLoader {
      vertical-align: middle;
      display: inline-block;
      width: 30px;
      height: 30px;
      margin-left: 20px; }
      .contactForm form .idmMiniLoader.process {
        background: url(img/ajax_loader_28.gif); }

.reviewForm {
  /*.formField {
  	float: left;
  		input[type="text"] {
  			width:48%;
  			margin:0 15px 10px 0;
  		}
  }
  .divFormStar {
  	clear: both;
  }*/
  width: 70%;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .reviewForm {
      width: auto; } }

#toTop {
  	/*padding:18px 10px 4px;
  background:$color_link;
  border-radius:5px;*/
  background: url(img/19.png) no-repeat;
  width: 60px;
  height: 58px;
  /*@include box-shadow(0 0 0px #888);*/
  text-align: center;
  position: fixed;
  bottom: 10px;
  /* отступ кнопки от нижнего края страницы*/
  right: 10px;
  cursor: pointer;
  display: none;
  color: #fff;
  font-family: "PT Sans Narrow", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 18px;
  z-index: 50;
  opacity: 0.5;
  text-indent: -9999px;
  -webkit-transition: all 0.25s ease, width 0, height 0;
  -moz-transition: all 0.25s ease, width 0, height 0;
  -o-transition: all 0.25s ease, width 0, height 0;
  -ms-transition: all 0.25s ease, width 0, height 0;
  transition: all 0.25s ease, width 0, height 0;
  /*&:before {
  	@include twins;
  	width:0;
  	border-bottom:10px solid #fff;
  	border-left:29px solid transparent;
  	border-right:29px solid transparent;
  	top:7px;
  	left:10px;
  }*/ }
  #toTop:hover {
    opacity: 0.9;
    /*@include box-shadow(0 0 15px $color_blue);*/ }

#fh_button_add {
  font-size: 13px;
  text-align: left;
  background: #fff;
  border-color: transparent;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  color: #888;
  text-shadow: none;
  font-style: italic;
  line-height: 25px;
  font-size: 12px;
  margin: 0;
  font-weight: 400;
  width: 100%;
  height: 25px;
  -moz-box-shadow: inset 1px 1px 3px #BECDD6;
  -webkit-box-shadow: inset 1px 1px 3px #BECDD6;
  -o-box-shadow: inset 1px 1px 3px #BECDD6;
  -ms-box-shadow: inset 1px 1px 3px #BECDD6;
  box-shadow: inset 1px 1px 3px #BECDD6; }
  #fh_button_add:before {
    background: #ccc;
    content: "Обзор";
    position: absolute;
    right: -1px;
    top: -1px;
    height: 24px;
    font-weight: bold;
    line-height: 24px;
    color: #555;
    font-size: 13px;
    border-radius: 0 5px 5px 0;
    font-style: normal;
    z-index: 2;
    width: 55px;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #989797; }
  #fh_button_add:hover:before {
    background: #14a5cc;
    color: #fff;
    border-top: 1px solid #17bbe7;
    border-right: 1px solid #107db8;
    border-bottom: 1px solid #0064a2; }

#fh_button_del {
  position: absolute;
  right: 55px;
  top: 0px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #be170f;
  /*background-size:47%;*/
  color: #fff;
  font-size: 17px;
  width: 20px;
  border-radius: 0;
  padding: 0;
  border: none;
  text-shadow: none;
  z-index: 5; }
  #fh_button_del[disabled] {
    display: none; }
  #fh_button_del:hover {
    background-color: #000; }

#fh_input {
  display: none; }

#all_lenta {
  margin: 0 0 2em;
  text-align: center; }
  @media (max-width: 950px) {
    #all_lenta {
      margin: 0; } }
  #all_lenta a {
    display: inline-block;
    margin: 1em;
    vertical-align: middle; }
    @media (max-width: 600px) {
      #all_lenta a {
        margin: 0.5em; } }

#clients {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  padding: 0; }
  #clients:after {
    display: block;
    position: absolute;
    content: "";
    position: relative;
    clear: both; }
  #clients td {
    text-align: center;
    vertical-align: middle;
    padding: 10px 0; }
  #clients a {
    display: inline-block;
    position: relative; }
  #clients .clientItem {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 20px;
    width: 33%;
    text-align: center; }
    @media (max-width: 950px) {
      #clients .clientItem {
        width: 48%; } }
    @media (max-width: 600px) {
      #clients .clientItem {
        width: 48%;
        float: left;
        display: block; } }
    #clients .clientItem .spanEditDel {
      display: block;
      margin: 0 auto;
      text-align: center; }
      #clients .clientItem .spanEditDel a {
        display: inline-block; }
        #clients .clientItem .spanEditDel a img {
          display: inline; }
    @media (max-width: 600px) {
      #clients .clientItem.clear {
        width: 48%;
        clear: both; } }
    @media (max-width: 600px) {
      #clients .clientItem a {
        display: block;
        padding: 0 10px; } }
    #clients .clientItem a img {
      height: auto; }

@media (max-width: 700px) {
  .works {
    clear: both; } }
.works #responses-list {
  padding: 0 0 0 10px; }
  @media (max-width: 700px) {
    .works #responses-list {
      padding: 0;
      clear: both; } }

/*---- clientItem ----------*/
.clientItem {
  overflow: hidden; }
  .clientItem .client_logo {
    float: left;
    margin: 5px 25px 10px 0; }
  .clientItem .clientText {
    overflow: hidden; }
    @media (max-width: 700px) {
      .clientItem .clientText {
        overflow: visible; } }
    .clientItem .clientText h2 {
      font-size: 20px;
      font-weight: normal;
      margin: 0 0 15px; }
    .clientItem .clientText .work {
      margin: 0 0 20px; }
  .clientItem .response-item {
    width: auto;
    float: none;
    margin: 0 0 15px; }

.partnersList:after,
.partnersInner:after {
  display: block;
  position: absolute;
  content: "";
  position: relative;
  clear: both; }
.partnersList .partnerItem,
.partnersInner .partnerItem {
  margin: 0 0 25px; }
  .partnersList .partnerItem .img,
  .partnersInner .partnerItem .img {
    float: left;
    margin: 0px 15px 0 0;
    width: 150px; }
    @media (max-width: 600px) {
      .partnersList .partnerItem .img,
      .partnersInner .partnerItem .img {
        float: none;
        margin: 0 0 5px; } }
  .partnersList .partnerItem .text,
  .partnersInner .partnerItem .text {
    overflow: hidden; }
  .partnersList .partnerItem h3,
  .partnersInner .partnerItem h3 {
    margin: 0 0 10px; }

.partnersInner .partnerItem .img {
  max-width: 250px;
  width: auto; }

.clients__Item {
  border: 1px solid #e5e5e5;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -o-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  transition: all .25s ease;
  margin: 15px 0;
  position: relative; }
  .clients__Item a,
  .clients__Item span {
    padding: 15px;
    height: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    text-decoration: none;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-flex-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -o-align-content: center;
    -ms-flex-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .clients__Item a img,
    .clients__Item span img {
      display: flex;
      max-width: 100%;
      max-height: 100%; }
    .clients__Item a.spanEditDel,
    .clients__Item span.spanEditDel {
      display: block;
      position: absolute;
      width: 100%;
      padding: 0;
      height: auto;
      top: 0;
      left: 0;
      z-index: 5;
      background: #e5e5e5;
      opacity: 0.7;
      filter: alpha(opacity=70); }
      .clients__Item a.spanEditDel a,
      .clients__Item span.spanEditDel a {
        display: inline-block;
        padding: 0;
        height: auto;
        margin: 0 5px; }
        .clients__Item a.spanEditDel a img,
        .clients__Item span.spanEditDel a img {
          display: block;
          margin: 0; }
      .clients__Item a.spanEditDel:hover,
      .clients__Item span.spanEditDel:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
  .clients__Item:hover {
    -moz-box-shadow: 0 0 10px #aaa;
    -webkit-box-shadow: 0 0 10px #aaa;
    -o-box-shadow: 0 0 10px #aaa;
    -ms-box-shadow: 0 0 10px #aaa;
    box-shadow: 0 0 10px #aaa; }

.advantages
img {
  margin-bottom: 20px; }

.advantages {
  text-align: center;
  z-index: auto;
  margin: 0px;
  font-size: 18px; }
  @media (max-width: 700px) {
    .advantages {
      font-size: 16px;
      line-height: 17px; } }

.advantages
div {
  vertical-align: top;
  width: 250px;
  display: inline-block;
  height: 190px; }
  @media (max-width: 700px) {
    .advantages
    div {
      margin-bottom: 20px;
      height: auto; } }

.servises
img {
  margin-bottom: 20px; }
  @media (max-width: 700px) {
    .servises
    img {
      margin-bottom: 10px; } }

.servises {
  text-align: center;
  z-index: auto;
  font-size: 18px;
  font-weight: bold;
  max-width: 1200px;
  margin: 0 auto; }

.servises
div {
  height: 190px;
  vertical-align: top;
  width: 200px;
  display: inline-block; }
  .servises
  div a {
    text-decoration: none;
    color: #333333; }
    .servises
    div a:hover {
      color: #14a5cc; }

.advantages
div {
  vertical-align: top;
  width: 250px;
  display: inline-block; }

buttons-slider
.partners {
  width: 220px;
  padding-top: 5px; }
  buttons-slider
  .partners a {
    float: left;
    width: 120px;
    cursor: pointer;
    text-decoration: none;
    margin: 0 5px 5px 0; }

.tab02 td {
  padding: 0 10px 0px 0;
  vertical-align: top; }
  .tab02 td.img {
    padding: 2px 15px 45px 0; }
.tab02 .title {
  font-size: 16px;
  display: inline-block;
  color: #000; }
.tab02 .listTitle {
  font-size: 16px; }

.site {
  font-size: 12px;
  color: #555;
  background: url(img/site.gif) no-repeat 5px 8px;
  padding-left: 18px;
  margin: 0 0 10px 0;
  position: relative; }
  .site a {
    color: #089102; }

.bloggers {
  background: url(img/blogs-bg.png) no-repeat;
  width: 180px;
  height: 48px;
  overflow: hidden;
  text-align: center; }
  .bloggers table {
    border-collapse: collapse;
    padding: 0;
    height: 48px;
    text-align: center;
    width: auto;
    margin: 0 auto; }
    .bloggers table td {
      vertical-align: middle;
      text-align: center;
      padding: 0; }
      .bloggers table td a {
        margin: 0 7px;
        text-decoration: none;
        cursor: pointer;
        display: inline-block; }

#link2 {
  margin-left: 15px; }

.first {
  margin-right: 15px; }

#link1_cat, #link2_cat {
  padding-top: 15px; }
  #link1_cat table, #link2_cat table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: auto; }
    #link1_cat table td, #link2_cat table td {
      vertical-align: top;
      padding-bottom: 30px;
      font: 11px "Trebuchet MS";
      color: #666666; }
      #link1_cat table td h3, #link1_cat table td .h3, #link2_cat table td h3, #link2_cat table td .h3 {
        font: 18px "Trebuchet MS";
        color: #222222;
        margin: 0 0 2px; }
      #link1_cat table td.end, #link2_cat table td.end {
        padding: 0 0px 0 20px; }

.block1 {
  margin: 20px 0; }

.block2 {
  margin: 20px 0; }
  .block2 table {
    width: auto;
    border-collapse: collapse;
    margin: 0;
    padding: 0; }
    .block2 table td {
      padding: 0 0 20px 30px;
      font: 12px "Trebuchet MS";
      color: #666666; }
      .block2 table td.img {
        width: 5%;
        padding: 0 0 30px; }
      .block2 table td h3, .block2 table td .h3 {
        margin: 0 0 10px; }
        .block2 table td h3 a, .block2 table td .h3 a {
          text-decoration: none;
          color: #1b91c9;
          font: 18px "Trebuchet MS";
          background: none; }

.abc td a, .abc td span {
  padding: 5px 3px;
  font: bold 12px "Trebuchet MS";
  display: inline-block; }
  .abc td a.act, .abc td span.act {
    background: url(img/page-bg.gif) no-repeat center center;
    color: #fff;
    padding: 5px 7px;
    font: bold 11px "Trebuchet MS";
    display: inline-block;
    text-decoration: none; }
.abc td span {
  font-weight: normal;
  color: #999; }

/* Employees */
.employee-list-item {
  float: left;
  margin: 1px;
  text-align: center; }
  .employee-list-item img {
    max-width: 100%; }

.emp-pic {
  display: block;
  position: relative; }

.emp-overlay {
  display: none;
  background: #fff;
  opacity: .8;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.employee-about {
  background: #333;
  opacity: .9;
  color: #fff;
  position: absolute;
  top: 75%;
  right: 0;
  bottom: 0;
  left: 0; }

.employee {
  margin: 0 0 2em 0; }

.employee-pic {
  float: left;
  margin: 0 2em 0 0;
  border: 1px solid #5697D8; }

.employee-text {
  margin: 1em 0; }

.toggle {
  display: inline-block;
  border-bottom: 1px dotted #5697D8;
  color: #5697D8;
  cursor: pointer;
  *display: inline;
  *zoom: 1; }

.man-portfolio {
  display: none;
  padding: 1em 0 0 0; }

/* Portfolio */
.js-portfolio-item {
  position: relative;
  overflow: hidden; }
  .js-portfolio-item .portfolio-pic {
    display: block; }
  .js-portfolio-item .image {
    display: block; }
    .js-portfolio-item .image img {
      max-width: 100%;
      display: block;
      margin: 0 auto; }
  .js-portfolio-item .spanEditDel {
    position: absolute;
    padding: 5px 0;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 10;
    display: block; }
  .js-portfolio-item .portfolio-item-text {
    behavior: url(js/PIE.htc);
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    text-align: left;
    -webkit-transition: all 0.35s ease, width 0, height 0;
    -moz-transition: all 0.35s ease, width 0, height 0;
    -o-transition: all 0.35s ease, width 0, height 0;
    -ms-transition: all 0.35s ease, width 0, height 0;
    transition: all 0.35s ease, width 0, height 0; }
    @media (max-width: 830px) {
      .js-portfolio-item .portfolio-item-text {
        height: 250px; } }
    @media (max-width: 600px) {
      .js-portfolio-item .portfolio-item-text {
        height: 190px; } }
    @media (max-width: 480px) {
      .js-portfolio-item .portfolio-item-text {
        height: 150px; } }
  .js-portfolio-item .h3 {
    padding: 0em 1em;
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle; }
    .js-portfolio-item .h3 span {
      display: block;
      font-size: 14px; }
  .js-portfolio-item img {
    max-width: 100%; }
  .js-portfolio-item:hover .portfolio-item-text {
    top: 0; }

.main-item {
  display: inline-block;
  vertical-align: top; }

.portfolio-main {
  margin-bottom: 40px; }

.portfolio-inner-main,
.portfolio-inner {
  width: 21%;
  margin: 1%;
  vertical-align: top;
  padding: 20px 0;
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1; }
  .portfolio-inner-main a,
  .portfolio-inner a {
    display: block;
    width: 225px;
    position: relative;
    border: 1px solid #fff;
    z-index: 1;
    font-size: 12px; }
    .portfolio-inner-main a.title,
    .portfolio-inner a.title {
      border: none;
      font: bold 13px "Trebuchet MS"; }
  .portfolio-inner-main .fon,
  .portfolio-inner .fon {
    position: absolute;
    left: -20px;
    top: 0px;
    z-index: 0;
    display: block; }
  .portfolio-inner-main .fon-right,
  .portfolio-inner .fon-right {
    position: absolute;
    /*left:-20px;*/
    bottom: -15px;
    left: 170px;
    z-index: 0;
    display: block; }

#portfolio:after,
#portfolio-list:after,
.specials-port:after {
  display: block;
  position: absolute;
  content: "";
  position: relative;
  clear: both; }
#portfolio .js-portfolio-item,
#portfolio-list .js-portfolio-item,
.specials-port .js-portfolio-item {
  background: #fafafa;
  border: 1px solid #dcdcdc;
  height: 330px;
  margin: 0 0 1em 15px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 48.8%;
  display: inline-block;
  vertical-align: top; }
  #portfolio .js-portfolio-item.first,
  #portfolio-list .js-portfolio-item.first,
  .specials-port .js-portfolio-item.first {
    margin: 0 0 1em; }
  @media (max-width: 1180px) {
    #portfolio .js-portfolio-item,
    #portfolio-list .js-portfolio-item,
    .specials-port .js-portfolio-item {
      width: 47.8%;
      height: 280px; } }
  @media (max-width: 830px) {
    #portfolio .js-portfolio-item,
    #portfolio-list .js-portfolio-item,
    .specials-port .js-portfolio-item {
      width: auto !important;
      margin: 0 0 1em;
      display: block;
      height: auto;
      max-height: 250px; } }
  @media (max-width: 600px) {
    #portfolio .js-portfolio-item,
    #portfolio-list .js-portfolio-item,
    .specials-port .js-portfolio-item {
      height: 190px;
      max-height: inherit; } }
  @media (max-width: 480px) {
    #portfolio .js-portfolio-item,
    #portfolio-list .js-portfolio-item,
    .specials-port .js-portfolio-item {
      height: 150px;
      max-height: inherit; } }

.portfolio-inner {
  margin: 0;
  width: auto;
  position: relative;
  display: block;
  *display: block;
  /*background:url(img/bg-primer.gif) no-repeat right bottom;*/ }

.portfolioList {
  overflow: hidden; }

#portfolioFilter {
  width: 246px;
  background: url(img/folio-bg.jpg) no-repeat left center;
  /*height:178px;*/
  padding-bottom: 5px;
  margin-bottom: 40px;
  position: relative;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(PIE.htc); }

#portfolioFilter h3,
#portfolioFilter .h3 {
  font: 18px "Trebuchet MS";
  color: #fff;
  padding: 15px 0 8px 17px;
  margin: 0; }

.portfolio-info {
  margin: 0 .5em 0 0;
  padding: 1em;
  background: #F9F9F9;
  float: right; }
  @media (max-width: 600px) {
    .portfolio-info {
      float: none;
      margin: 10px 0; } }

.folio-pic {
  text-align: center;
  margin-bottom: 25px; }
  .folio-pic img {
    border: 2px solid #b5b5b5;
    margin-bottom: 5px; }
  .folio-pic .spanEditDel img {
    border: none;
    margin: 0; }

.albumPhotoTitle {
  text-align: center; }

.lines,
.lines-out {
  position: relative;
  height: 8px;
  background: url(img/pix-line.gif) repeat-x;
  margin: 15px 0; }
  .lines .leftL,
  .lines-out .leftL {
    position: absolute;
    left: 0;
    top: 0; }
  .lines .rightL,
  .lines-out .rightL {
    position: absolute;
    right: 0;
    *right: -1px;
    top: 0; }

.lines-out {
  background: url(img/pix-line-out.gif) repeat-x; }

.scroll-top {
  display: none;
  padding: .5em 1em;
  background: #8D8D8D;
  opacity: .9;
  border-radius: .5em;
  color: #fff;
  position: fixed;
  bottom: 1em;
  right: 1em;
  cursor: pointer;
  z-index: 9999; }

.portfolio-header {
  position: relative; }
  .portfolio-header h1 {
    text-align: center;
    padding: 0 3em; }
    @media (max-width: 600px) {
      .portfolio-header h1 {
        padding: 0 12px;
        line-height: 100%; } }
    @media (max-width: 480px) {
      .portfolio-header h1 {
        padding: 0 20px; } }

a.list {
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  text-indent: -9999px;
  z-index: 100; }

a.list-prev {
  left: 0;
  background: url(img/arrow_left.png); }
  @media (max-width: 600px) {
    a.list-prev {
      left: -30px; } }
  @media (max-width: 480px) {
    a.list-prev {
      left: -20px; } }

a.list-next {
  right: 0;
  background: url(img/arrow_right.png); }
  @media (max-width: 600px) {
    a.list-next {
      right: -30px; } }
  @media (max-width: 480px) {
    a.list-next {
      right: -20px; } }

@media (max-width: 400px) {
  .nivo-directionNav {
    left: -35px !important;
    position: absolute;
    text-align: center;
    top: -3.8em !important;
    width: 130% !important; } }

.service {
  float: right;
  margin: 0 1em 0 0;
  padding-left: 15px;
  width: 35%; }
  .service ul {
    /*float:right;*/
    margin: 0;
    padding: 0; }
    .service ul li {
      font-size: 12px; }
  .service h4,
  .service .h4 {
    font: 12px "Trebuchet MS";
    color: #888;
    margin: 0 0 0px 15px; }
  @media (max-width: 600px) {
    .service {
      float: none;
      margin: 10px 0;
      width: auto;
      padding: 0; } }

.work-titles {
  background: #188dc6 url(img/left-round.gif) no-repeat left top;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  /*margin-top:6px;*/ }
  .work-titles div {
    background: url(img/right-round.gif) no-repeat right top;
    padding: 5px 10px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font: 12px "Trebuchet MS";
    color: #fff; }
    .work-titles div a {
      color: #fff; }

.work-list {
  background: url(img/work-list.gif) repeat;
  padding: 8px 10px;
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 15px; }
  .work-list a {
    color: #006699;
    display: inline-block;
    margin: 0 0 8px; }

.specials-port .js-portfolio-item {
  width: 23%;
  float: left;
  margin: 0 0px 20px 15px;
  height: 150px;
  overflow: hidden; }
  @media (max-width: 830px) {
    .specials-port .js-portfolio-item {
      width: 42%; } }
  @media (max-width: 830px) {
    .specials-port .js-portfolio-item {
      float: left;
      margin: 0 0px 20px 15px;
      height: 150px;
      overflow: hidden;
      width: 42% !important; } }
  @media (max-width: 480px) {
    .specials-port .js-portfolio-item {
      width: 230px !important;
      margin: 0 auto 20px;
      float: none; } }
  .specials-port .js-portfolio-item.first {
    margin-left: 0; }
    @media (max-width: 830px) {
      .specials-port .js-portfolio-item.first {
        margin: 0 0px 20px 15px; } }
    @media (max-width: 830px) {
      .specials-port .js-portfolio-item.first {
        float: left;
        margin: 0 0px 20px 15px;
        height: 150px;
        overflow: hidden;
        width: 42% !important; } }
    @media (max-width: 480px) {
      .specials-port .js-portfolio-item.first {
        width: 230px !important;
        margin: 0 auto 20px;
        float: none; } }
  .specials-port .js-portfolio-item .portfolio-item-text {
    height: 150px; }
    @media (max-width: 830px) {
      .specials-port .js-portfolio-item .portfolio-item-text .h3 {
        font-size: 14px; } }

#adapt-width {
  width: 99.5vw;
  position: relative;
  overflow: hidden;
  clear: both;
  left: calc((100vw - 100%) / -2); }
  #adapt-width:before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    box-shadow: 0 0px 15px #777;
    top: -10px;
    z-index: 10;
    left: 0; }
  #adapt-width:after {
    display: block;
    position: absolute;
    content: "";
    z-index: 10;
    width: 100%;
    height: 10px;
    box-shadow: 0 5px 15px #777;
    bottom: -6px;
    left: 0; }

.content-table {
  width: auto; }
  .content-table td {
    border-top: 1px dotted #777;
    border-bottom: 1px dotted #777;
    border-right: 1px solid #777;
    padding: 3px 10px; }
    .content-table td.end {
      border-right: none; }

table.table {
  border-top: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6; }
  table.table td, table.table th {
    border-bottom: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    vertical-align: top;
    padding: 10px; }
  table.table th {
    font-weight: bold;
    text-align: center; }

.tab1 {
  width: auto;
  border: none;
  margin: 0 0 20px; }
  .tab1 td {
    vertical-align: middle; }

.tab03 {
  border-collapse: collapse;
  margin: 0;
  padding: 0; }
  .tab03 td {
    vertical-align: top;
    padding: 0 10px 0 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #888; }

.tab04 {
  border-collapse: collapse;
  margin: 0;
  padding: 0; }
  .tab04 th {
    vertical-align: top;
    padding: 0 10px 0 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #888;
    text-align: left; }
  .tab04 td {
    vertical-align: top;
    padding: 0 15px 0 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000; }
    .tab04 td a {
      color: #000; }

.grey {
  font: 12px Arial, Helvetica, sans-serif;
  color: #888;
  margin-top: 0px; }

.docBack {
  clear: both;
  margin: 10px 0;
  text-align: right; }

.docText .serviceTab td {
  border: none;
  padding: 5px 5px 20px 10px; }
  .docText .serviceTab td h4 {
    margin-top: 0; }
.docText .serviceTab th {
  border: none;
  padding: 5px 10px 20px 0;
  text-align: center;
  vertical-align: top; }
.docText table#servicePrice th, .docText table#servicePrice td, .docText table.servicePrice th, .docText table.servicePrice td {
  padding: 10px; }

.special {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 6px; }

.docList .special a {
  font-weight: normal; }

.img-special {
  display: inline-block;
  padding-bottom: 5px;
  border: 1px solid #dcdcdc; }

.doc-special {
  /*overflow: hidden;*/
  width: 602px;
  /*width: 50%;*/
  position: relative;
  float: left;
  margin: 0 0 25px; }
  .doc-special img {
    max-width: 100%; }
  .doc-special .special {
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 600px;
    margin: 0; }
    .doc-special .special a {
      display: block;
      width: 580px;
      padding: 10px;
      overflow: hidden;
      background: url(img/wht50.png) repeat;
      font: 16px "Trebuchet MS";
      color: #000;
      text-shadow: 1px 1px #fff;
      text-align: left;
      z-index: 2;
      text-decoration: none; }
  .doc-special .img-special {
    display: block;
    padding: 0;
    margin: 0;
    text-decoration: none; }
    .doc-special .img-special img {
      display: block;
      padding: 0;
      margin: 0;
      width: auto; }
    .doc-special .img-special .spanEditDel {
      position: absolute;
      left: 10px;
      top: 10px;
      z-index: 10; }
  .doc-special:hover .special a {
    text-decoration: none; }
  .doc-special:hover .img-special {
    border: 1px solid #2A98CD; }

/* Badges */
/*.main-badges {
padding: 1em 2em;
margin: 1em 0;
background: #efefef;
		img {
		margin: .75em 1em .75em 0;
		vertical-align: middle;
		}
		.badge-text {
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
		font-family: "PT Sans Narrow", "Arial Narrow", Arial, sans-serif;
		}
}*/
table#servicePrice, table.servicePrice {
  margin: 0 0 25px; }
  table#servicePrice th, table.servicePrice th {
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #b4dff1;
    background: #e8faff;
    text-align: left;
    padding: 10px; }
    table#servicePrice th a, table.servicePrice th a {
      font-size: 12px;
      font-style: italic;
      text-decoration: none;
      border-bottom: 1px dashed #1B91C9; }
    table#servicePrice th span, table.servicePrice th span {
      font-size: 12px;
      font-style: italic; }
    table#servicePrice th h2, table.servicePrice th h2 {
      margin: 5px 0 0;
      color: #14a5cc; }
  table#servicePrice td, table.servicePrice td {
    width: 20%;
    border-color: #b4dff1;
    text-align: left;
    border: none;
    border-bottom: 1px solid #b4dff1;
    font-weight: bold;
    font-size: 14px;
    color: #0078bd;
    padding: 10px; }
  table#servicePrice .end th, table#servicePrice .end td, table.servicePrice .end th, table.servicePrice .end td {
    border: none; }
  table#servicePrice .top th, table#servicePrice .top td, table.servicePrice .top th, table.servicePrice .top td {
    background: none;
    border: none; }

.small {
  font-size: 80%;
  margin: -15px 0 25px; }

.f14 {
  font-size: 16px;
  display: inline-block; }

.frameV {
  border: none;
  height: 100%;
  width: 100%; }

.panel {
  border-top: 0;
  padding: 30px;
  *padding: 25px;
  font-size: 16px;
  font-weight: normal; }
  .panel a {
    font-size: 16px;
    color: #00943d;
    font-weight: normal; }

.tab20 td h4, .tab20 td .h4 {
  margin-top: 0; }

.all_nav {
  text-align: right;
  padding: 10px 0; }
  .all_nav a {
    font-weight: bold;
    font-size: 14px; }

.all_nav a {
  font-weight: bold;
  font-size: 14px; }

.specOffer {
  background: url(img/otk-lenta.jpg) repeat-x left 1px;
  margin-bottom: 15px; }
  .specOffer .title {
    color: #019640;
    font-family: Trebuchet MS;
    font-size: 22px;
    margin-bottom: 25px; }

.specOfferItem {
  background: url(img/otk-b.jpg) no-repeat right top;
  border: 1px solid #CABC53;
  display: block;
  height: 107px;
  padding: 5px 15px; }

.specText {
  color: #C40000;
  font-family: Trebuchet MS;
  font-size: 18px;
  line-height: 18px; }
  .specText span {
    color: #676767;
    font-size: 14px; }

.docText table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 20px; }
  .docText table td {
    /*border:1px solid #1B91C9;*/
    padding: 3px 10px; }
  .docText table th {
    /*border:1px solid #1B91C9;*/
    padding: 3px 10px;
    font-weight: normal !important; }
.docText .noborder {
  width: auto;
  border: none;
  vertical-align: top; }
  .docText .noborder td {
    border: none;
    vertical-align: top; }
    .docText .noborder td img {
      margin-right: 5px; }

.prod-bitrix {
  float: left;
  margin: 5px 15px 15px 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px; }
  .prod-bitrix img {
    margin: 0 0 5px; }

/*------------------ boxList ---------------------*/
.boxList {
  width: 100%;
  position: relative;
  left: -5px;
  margin: 0 0 20px;
  overflow: hidden; }
  .boxList a {
    display: block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    cursor: pointer;
    float: left;
    margin: 0 0 5px 5px;
    position: relative; }
    .boxList a span {
      display: block;
      position: absolute;
      width: 186px;
      height: 38px;
      padding: 7px 7px 0 7px;
      overflow: hidden;
      background: url(img/wht50.png) repeat;
      left: 0;
      bottom: 0;
      font: 14px Arial, Helvetica, sans-serif;
      color: #000;
      text-shadow: 1px 1px #fff;
      text-align: left;
      z-index: 2; }

.boxList1 {
  width: 100%;
  position: relative;
  left: -10px;
  margin: 0 0 20px;
  overflow: hidden; }
  .boxList1 a {
    display: block;
    width: 250px;
    overflow: hidden;
    cursor: pointer;
    float: left;
    margin: 0 0 10px 10px;
    position: relative;
    border: 1px solid #dcdcdc; }
    .boxList1 a span {
      display: block;
      position: absolute;
      width: 236px;
      padding: 7px;
      overflow: hidden;
      background: url(img/blk40.png) repeat;
      left: 0;
      bottom: 0;
      font: 14px Arial, Helvetica, sans-serif;
      color: #fff;
      text-shadow: 1px 1px #000;
      text-align: left;
      z-index: 2; }

.boxList2 {
  overflow: hidden;
  margin: 20px 0;
  padding: 0 0 10px; }
  .boxList2 span {
    display: block;
    margin-bottom: 6px;
    font: 15px Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center; }
  .boxList2 a {
    display: inline-block;
    margin-bottom: 20px; }
    .boxList2 a img {
      border: 1px solid #fff;
      border-radius: 6px;
      -moz-box-shadow: 0px 3px 5px #666;
      -webkit-box-shadow: 0px 3px 5px #666;
      -o-box-shadow: 0px 3px 5px #666;
      -ms-box-shadow: 0px 3px 5px #666;
      box-shadow: 0px 3px 5px #666;
      behavior: url(js/PIE.htc);
      position: relative; }

.w48 {
  width: 49%;
  text-align: center; }

.finds {
  font-size: 12px;
  margin: 15px 0; }

/*-------------- iberdream -----------*/
#port-iber {
  width: 1000px;
  margin: 0 auto;
  font-family: "Open Sans", "Trebuchet MS", sans-serif;
  font-size: 14px;
  line-height: 20px; }
  #port-iber h2 {
    font-size: 30px;
    margin: 0 0 15px; }
    #port-iber h2.h1 {
      font-size: 36px; }
  #port-iber .fivesfz {
    font-size: 15px; }

.image-iber {
  position: relative;
  clear: both;
  margin: 25px 0 45px;
  height: 400px; }
  .image-iber img {
    position: absolute;
    top: 0;
    left: -300px; }

.filters-iber {
  position: relative;
  margin: 0 0 45px; }
  .filters-iber .text {
    width: 230px;
    position: relative;
    margin-bottom: 35px; }
  .filters-iber .img01 {
    position: absolute;
    top: -370px;
    right: 0; }
  .filters-iber .img02 {
    position: absolute;
    left: -73px;
    bottom: -55px; }
  .filters-iber .img03 {
    position: relative;
    left: -5px; }

.box-iber1 {
  margin: 0 0 45px; }
  .box-iber1 .text-right {
    position: relative;
    float: right;
    width: 210px;
    padding-top: 60px;
    z-index: 3; }
    .box-iber1 .text-right h2 span {
      font-size: 22px; }
    .box-iber1 .text-right img {
      position: absolute;
      left: -193px;
      top: 70px;
      z-index: 5; }

.box-iber1 > img {
  position: relative;
  z-index: 1; }

.box-iber2 {
  margin: 0 0 20px;
  padding-bottom: 50px;
  position: relative;
  z-index: 3; }
  .box-iber2 .text-left {
    position: relative;
    width: 230px; }
    .box-iber2 .text-left img {
      position: absolute;
      top: 0px;
      left: 235px; }

.box-iber2 > img {
  position: absolute;
  right: -13px;
  top: -630px; }

.box-iber {
  overflow: hidden;
  margin: 0 0 35px; }
  .box-iber img {
    float: left;
    margin: 5px 30px 10px 5px; }

/*------------ tehno -------------*/
.tehnoList {
  overflow: hidden;
  margin: 0;
  padding: 0; }
  .tehnoList li {
    float: left;
    width: 47%;
    margin: 0 0 30px 40px;
    list-style: none;
    padding: 0;
    background: none; }
    @media (max-width: 830px) {
      .tehnoList li {
        float: none !important;
        width: auto !important;
        margin: 0 0 30px 15px !important; } }
    .tehnoList li.clear {
      clear: both;
      margin-left: 15px; }
    .tehnoList li.tehno {
      clear: both;
      margin: 40px 0 30px 15px;
      width: auto;
      float: none;
      overflow: hidden; }
    .tehnoList li .tehnoBox {
      overflow: hidden;
      margin-top: 20px; }
      .tehnoList li .tehnoBox .tehnoItem {
        float: left;
        padding: 10px 10px 0;
        border: 1px solid #ececec;
        border-radius: 5px;
        margin: 0 0 0 15px;
        width: 30%;
        behavior: url(js/PIE.htc);
        position: relative; }
        @media (max-width: 830px) {
          .tehnoList li .tehnoBox .tehnoItem {
            float: none !important;
            width: auto !important;
            margin: 0 0 15px !important; } }
        .tehnoList li .tehnoBox .tehnoItem:first-child {
          margin: 0; }
        .tehnoList li .tehnoBox .tehnoItem p {
          padding: 0; }
    .tehnoList li h2 {
      position: relative;
      padding-left: 105px; }
      .tehnoList li h2:after {
        display: block;
        position: absolute;
        content: "";
        background-image: url(img/tehno/tehno_ico.gif);
        background-repeat: no-repeat;
        left: 0;
        top: 18px;
        width: 75px;
        height: 66px; }
      .tehnoList li h2.ico1:after {
        background-position: 0 0; }
      .tehnoList li h2.ico2:after {
        background-position: -76px 0; }
      .tehnoList li h2.ico3:after {
        background-position: 0px -67px; }
      .tehnoList li h2.ico4:after {
        background-position: -76px -67px; }
      .tehnoList li h2.ico5:after {
        background-position: 0px -134px;
        width: 78px;
        left: -3px; }
      .tehnoList li h2.ico6:after {
        background-position: -79px -134px; }
      .tehnoList li h2.ico7:after {
        background-position: 0px -201px;
        width: 81px;
        height: 80px; }
    .tehnoList li p {
      font-size: 14px;
      line-height: 18px;
      display: block;
      padding-left: 105px; }
      @media (max-width: 600px) {
        .tehnoList li p {
          padding: 0; } }

.citata, .citata-green {
  background: url(img/q1.gif) no-repeat left top;
  padding: 0 0 0 30px;
  margin: 10px 0 15px; }

.citata div {
  font: italic 13px "Trebuchet MS";
  color: #666; }

.citata-green div {
  color: #008940;
  font: italic 15px "Trebuchet MS"; }

/*------------------------------*/
.body-inner .mainbottom {
  margin: 30px auto 50px; }
  @media (max-width: 950px) {
    .body-inner .mainbottom {
      margin: 20px 0; } }

.center_box {
  text-align: center;
  margin: 30px 0 40px; }
  @media (max-width: 950px) {
    .center_box {
      margin: 20px 0; } }

/*----------------- serviceTab ---------*/
.serviceTab {
  overflow: hidden;
  margin: 0;
  padding: 5px 0; }
  .serviceTab li {
    float: left;
    width: 48%;
    margin: 0 0 35px 35px;
    padding: 0;
    list-style: none;
    background: none; }
    @media (max-width: 950px) {
      .serviceTab li {
        margin: 0 0 35px 0px;
        float: none;
        width: auto; } }
    .serviceTab li:after {
      display: none; }
    .serviceTab li.clear {
      clear: both;
      margin-left: 0; }
    .serviceTab li .image {
      float: left;
      width: 90px;
      margin: 2px 20px 0 0; }
      @media (max-width: 600px) {
        .serviceTab li .image {
          margin: 2px 0px 3px 0; } }
    .serviceTab li .text {
      overflow: hidden;
      font-size: 13px; }
      @media (max-width: 600px) {
        .serviceTab li .text {
          clear: both; } }
      .serviceTab li .text h2 {
        margin-top: 0; }
      .serviceTab li .text .more {
        font-size: 16px;
        text-align: right; }
    .serviceTab li:first-child .image {
      margin-top: -10px; }

/*-------------------------*/
.boxLogo, .boxLogoSmall {
  margin: 15px 0 0;
  overflow: hidden; }
  .boxLogo .boxLogoItem, .boxLogoSmall .boxLogoItem {
    border: 1px solid #ececec;
    border-radius: 5px;
    height: 75px;
    padding: 0 5px;
    margin: 0 5px;
    display: inline-block;
    behavior: url(js/PIE.htc);
    position: relative; }
    .boxLogo .boxLogoItem:first-child, .boxLogoSmall .boxLogoItem:first-child {
      margin-left: 0; }
    .boxLogo .boxLogoItem span, .boxLogoSmall .boxLogoItem span {
      display: table-cell;
      vertical-align: middle;
      height: 75px; }

.boxLogoSmall .boxLogoItem, .boxLogoSmall .boxLogoItem span {
  height: 60px; }

@media (max-width: 1110px) {
  .tehnoBox .tehnoItem {
    width: 28%; }

  .tehnoBox .tehnoItem img {
    width: auto;
    height: 15px; } }
@media (max-width: 1124px) {
  .tehnoList li {
    width: 46%; }

  .boxLogoItem {
    height: 50px;
    padding: 0px;
    text-align: center; }

  .boxLogoItem span {
    height: 50px; }

  .boxLogoItem span img {
    height: auto;
    width: 75%; }

  .boxLogoSmall .boxLogoItem {
    height: 50px;
    padding: 0;
    text-align: center; }

  .boxLogoSmall .boxLogoItem span {
    height: 50px; }

  .boxLogoSmall .boxLogoItem span img {
    height: auto;
    width: 75%; }

  .tehnoBox .tehnoItem img {
    width: auto;
    height: 15px; } }
@media (max-width: 1024px) {
  .menuTop ul li a, .menuTop ul li span {
    padding: 10px 8px 14px; } }
.landing .iconList {
  margin: 35px 0 40px;
  padding: 0; }
  .landing .iconList:after {
    display: block;
    position: absolute;
    content: "";
    position: relative;
    clear: both; }
  .landing .iconList li {
    background: none;
    list-style: none;
    padding: 0;
    margin: 0 0 25px 20px;
    text-align: center;
    float: left;
    width: 18%;
    font-size: 17px;
    color: #333; }
    @media (max-width: 900px) {
      .landing .iconList li {
        width: 47%; } }
    @media (max-width: 830px) {
      .landing .iconList li {
        width: 45%;
        margin: 0 0 25px 5px;
        font-size: 14px;
        float: none;
        display: inline-block; } }
    @media (max-width: 480px) {
      .landing .iconList li {
        display: block;
        margin: 0 0 25px;
        width: auto;
        font-size: 16px; } }
    .landing .iconList li:first-child, .landing .iconList li.clear {
      margin: 0 0 25px;
      clear: both; }
      @media (max-width: 900px) {
        .landing .iconList li:first-child, .landing .iconList li.clear {
          clear: none; } }
    @media (max-width: 900px) {
      .landing .iconList li.two {
        clear: both; } }
    .landing .iconList li img {
      display: block;
      margin: 0 auto 10px; }
.landing h2 {
  text-align: center;
  margin: 40px 0 30px; }
.landing .types {
  margin: 0px 0 0px;
  padding: 0; }
  .landing .types:after {
    display: block;
    position: absolute;
    content: "";
    position: relative;
    clear: both; }
  .landing .types li {
    background: none;
    list-style: none;
    padding: 0;
    margin: 0 0 5px 30px;
    text-align: left;
    float: left;
    width: 31%; }
    @media (max-width: 950px) {
      .landing .types li {
        width: auto;
        float: none;
        margin: 0 0 20px; } }
    .landing .types li:first-child, .landing .types li.clear {
      margin: 0 0 5px;
      clear: both; }
      @media (max-width: 950px) {
        .landing .types li:first-child, .landing .types li.clear {
          margin: 0 0 20px; } }
    .landing .types li img {
      display: block;
      margin: 3px 10px 5px 0;
      float: left; }
    .landing .types li p {
      text-align: left; }
    .landing .types li h3 {
      margin-top: 0; }
.landing p a.photos {
  display: inline-block;
  behavior: url(js/PIE.htc);
  position: relative;
  margin: 5px; }
  .landing p a.photos img {
    margin: 5px;
    display: block; }
  .landing p a.photos:hover {
    -moz-box-shadow: 0 0 5px #777;
    -webkit-box-shadow: 0 0 5px #777;
    -o-box-shadow: 0 0 5px #777;
    -ms-box-shadow: 0 0 5px #777;
    box-shadow: 0 0 5px #777; }

@media (max-width: 600px) {
  #__ss_7359392 {
    display: none; } }

.textOrder {
  margin-bottom: 50px;
  float: left;
  width: 46%; }
  @media (max-width: 830px) {
    .textOrder {
      float: none;
      width: auto; } }

.formOrder {
  margin-bottom: 50px;
  float: right;
  width: 52%; }
  @media (max-width: 830px) {
    .formOrder {
      float: none;
      width: auto; } }
  @media (max-width: 600px) {
    .formOrder input[type="text"], .formOrder textarea {
      width: 95%; } }
  .formOrder .divFormButton {
    text-align: center;
    display: inline-block;
    float: right; }

.col2 {
  width: 48%; }
  .col2.fleft {
    float: left; }
  .col2.fright {
    float: right; }

@media (max-width: 600px) {
  iframe {
    width: 100% !important;
    overflow: hidden; } }

.prototypes {
  min-width: inherit !important; }

.abc .item {
  margin: 0 0 5px;
  font-size: 14px; }
  .abc .item a, .abc .item span {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0px 7px;
    height: 21px;
    line-height: 21px;
    font-weight: bold; }
    .abc .item a.act, .abc .item span.act {
      background: url(img/page-bg.gif) no-repeat scroll center;
      color: #fff;
      font-size: 13px;
      text-decoration: none; }

.abcList ul {
  margin: 0 0 20px;
  padding: 0;
  overflow: hidden; }
  .abcList ul li {
    float: left;
    width: 40%;
    margin: 0 30px 0 0;
    list-style: none;
    padding: 0;
    background: none !important; }
    .abcList ul li .abc_inner {
      margin: 0 0 5px; }

.image-right {
  float: right;
  margin: 2px 0 5px 10px; }

.image-left {
  float: left;
  margin: 2px 10px 5px 0; }

.tehPage p {
  font-size: 16px;
  margin: 0 0 20px; }
.tehPage h2 {
  font-size: 24px;
  margin: 50px 0 25px; }
  @media (max-width: 600px) {
    .tehPage h2 {
      font-size: 20px;
      margin: 35px 0 20px; } }

.tehList {
  margin: 0 0 50px;
  padding: 0; }
  .tehList li {
    padding: 0 10px;
    width: 32%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    background: none;
    vertical-align: top; }
    @media (max-width: 600px) {
      .tehList li {
        display: block;
        width: auto;
        margin: 0 0 20px;
        padding: 0; } }
    .tehList li img {
      display: block;
      margin: 0 auto 10px; }
    .tehList li strong {
      font-size: 18px;
      color: #000;
      display: block;
      margin: 0 0 5px; }

.tehList2 {
  margin: 0 0 50px;
  padding: 0;
  text-align: center; }
  .tehList2 li {
    display: inline-block;
    margin: 0 40px;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    background: none;
    vertical-align: top; }
    @media (max-width: 600px) {
      .tehList2 li {
        margin: 0 30px 15px; } }
    .tehList2 li img {
      display: block;
      margin: 0 auto 10px; }

@media (max-width: 480px) {
  #jivo_top_wrap, #jivo_css_detector {
    display: none !important; } }

#header .header-two {
  position: relative;
  z-index: 10; }
  @media (max-width: 1000px) {
    #header .header-two {
      height: auto; } }
  #header .header-two .center {
    text-align: center;
    padding: 36px 0 20px; }
    @media (max-width: 1000px) {
      #header .header-two .center a {
        padding: 0 20px; } }
    @media (max-width: 900px) {
      #header .header-two .center {
        padding: 10px 44px 25px 0px;
        position: relative;
        text-align: left;
        overflow: hidden;
        float: right; } }
    @media (max-width: 600px) {
      #header .header-two .center {
        padding-right: 0px; } }
    @media (max-width: 480px) {
      #header .header-two .center {
        float: none;
        text-align: center;
        width: auto;
        padding: 10px 0 25px; } }

#call-order .h2 {
  border: none;
  padding: 0;
  font-size: 20px; }

.main-badges {
  margin: 0px 0 35px;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #dedede;
  background: #ffffff;
  background: -webkit-linear-gradient(top, #ffffff 50%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 50%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 50%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, #ffffff 50%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 50%, #f4f4f4 100%);
  -pie-background: linear-gradient(top, #ffffff 50%, #f4f4f4 100%);
  behavior: url(js/PIE.htc);
  position: relative;
  behavior: url(js/PIE.htc);
  position: relative; }
  .main-badges .inner-badges {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
    position: relative; }
    .main-badges .inner-badges .h2 {
      margin: 5px auto 40px; }
    .main-badges .inner-badges .badge-box {
      /*float:left;*/
      /*width:260px;*/
      /*width:26%;*/
      margin: 0 55px;
      position: relative;
      text-align: center;
      display: inline-block;
      text-decoration: none;
      vertical-align: top;
      padding-top: 2px;
      color: #000; }
      @media (max-width: 1180px) {
        .main-badges .inner-badges .badge-box {
          margin: 0 20px; } }
      @media (max-width: 900px) {
        .main-badges .inner-badges .badge-box {
          margin: 0 10px; } }
      @media (max-width: 700px) {
        .main-badges .inner-badges .badge-box {
          display: block;
          overflow: hidden;
          margin: 15px auto 0;
          width: 290px;
          text-align: left; } }
      @media (max-width: 400px) {
        .main-badges .inner-badges .badge-box {
          width: 280px; } }
      @media (max-width: 700px) {
        .main-badges .inner-badges .badge-box.second strong {
          padding-top: 2px; } }
      .main-badges .inner-badges .badge-box strong {
        font-size: 20px;
        font-weight: normal;
        display: block;
        margin: 0 0 5px; }
        @media (max-width: 900px) {
          .main-badges .inner-badges .badge-box strong {
            font-size: 16px; } }
        @media (max-width: 700px) {
          .main-badges .inner-badges .badge-box strong {
            padding: 10px 0 0 80px;
            font-size: 18px; } }
      .main-badges .inner-badges .badge-box .line {
        display: block;
        position: absolute;
        background-position: -868px 0;
        width: 2px;
        height: 145px;
        bottom: -20px;
        left: -56px;
        background-image: url(img/icons-new.png);
        background-repeat: no-repeat; }
        @media (max-width: 1180px) {
          .main-badges .inner-badges .badge-box .line {
            left: -21px; } }
        @media (max-width: 900px) {
          .main-badges .inner-badges .badge-box .line {
            left: -11px; } }
        @media (max-width: 700px) {
          .main-badges .inner-badges .badge-box .line {
            display: none; } }
      .main-badges .inner-badges .badge-box img {
        display: block;
        margin: 0 auto 20px; }
        @media (max-width: 700px) {
          .main-badges .inner-badges .badge-box img {
            float: left;
            margin: 0 0px 0 0; } }
      .main-badges .inner-badges .badge-box i {
        display: block;
        margin: 0 auto 20px;
        width: 65px;
        height: 64px;
        background-image: url(img/icons-new.png);
        background-repeat: no-repeat; }
        @media (max-width: 700px) {
          .main-badges .inner-badges .badge-box i {
            float: left;
            margin: 0 0px 0 0; } }
        .main-badges .inner-badges .badge-box i.ico1 {
          background-position: 0 -51px; }
        .main-badges .inner-badges .badge-box i.ico2 {
          background-position: -67px -51px;
          width: 54px; }
        .main-badges .inner-badges .badge-box i.ico3 {
          background-position: -124px -51px; }
      .main-badges .inner-badges .badge-box:hover {
        color: #14a5cc; }
    .main-badges .inner-badges .shadow {
      position: absolute;
      padding: 0;
      bottom: -13px;
      left: 0;
      height: 13px;
      width: 100%;
      margin: 0 auto;
      overflow: hidden; }
      .main-badges .inner-badges .shadow:after {
        display: block;
        position: absolute;
        content: "";
        background-image: url(img/icons-new.png);
        background-repeat: no-repeat;
        background-position: 0 -228px;
        position: relative;
        width: 1000px;
        height: 13px;
        margin: 0px auto; }

.three-box {
  background: #14a5cc;
  height: 144px;
  padding: 45px 0;
  margin: 0px 0 35px; }
  @media (max-width: 480px) {
    .three-box {
      height: auto;
      padding: 35px 0; } }
  .three-box ul {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    display: table; }
    @media (max-width: 480px) {
      .three-box ul {
        display: block; } }
    .three-box ul li {
      display: table-cell;
      vertical-align: bottom;
      width: 33%;
      text-align: center;
      list-style: none;
      padding: 0;
      background: none; }
      @media (max-width: 480px) {
        .three-box ul li {
          display: block;
          width: 100%;
          margin: 10px 0;
          overflow: hidden;
          text-align: left; } }
      .three-box ul li a {
        display: inline-block;
        text-decoration: none;
        color: #fff;
        font-family: "Open Sans", "Trebuchet MS", sans-serif;
        font-size: 22px;
        line-height: 24px;
        text-align: center; }
        @media (max-width: 700px) {
          .three-box ul li a {
            font-size: 16px;
            line-height: 18px; } }
        @media (max-width: 480px) {
          .three-box ul li a {
            text-align: left;
            font-size: 18px;
            line-height: 20px;
            display: block; } }
        .three-box ul li a i {
          display: block;
          background-image: url(img/icons-new.png);
          background-repeat: no-repeat;
          margin: 0 auto 20px;
          /*@include transition(all, .25s, ease);*/ }
          @media (max-width: 480px) {
            .three-box ul li a i {
              float: left;
              margin: 0px 20px 0 0; } }
          .three-box ul li a i.stage_ico {
            width: 75px;
            height: 70px;
            background-position: 0px -333px;
            margin: 0 3px 19px 32px; }
            @media (max-width: 480px) {
              .three-box ul li a i.stage_ico {
                margin: 0 15px 19px 10px; } }
          .three-box ul li a i.response_ico {
            width: 84px;
            height: 72px;
            background-position: -169px -325px; }
          .three-box ul li a i.faq_ico {
            width: 84px;
            height: 76px;
            background-position: -84px -325px; }
        .three-box ul li a:hover i.stage_ico {
          background-position: 0px -248px; }
        .three-box ul li a:hover i.response_ico {
          background-position: -169px -242px; }
        .three-box ul li a:hover i.faq_ico {
          background-position: -84px -242px; }

.three-box ul li a:hover {
  text-shadow: 1px 1px 3px #0a5e77; }

.footerform {
  background-color: white; }

.ico-bottom {
  position: relative;
  margin: 70px auto 70px;
  width: 545px;
  overflow: hidden;
  font-size: 18px;
  color: #000;
  font-family: "PFDinDisplayPro Regular", sans-serif;
  padding-top: 0; }
  .ico-bottom strong {
    font-size: 30px;
    line-height: 30px;
    display: block; }
  .ico-bottom span {
    color: #2198ce; }
  .ico-bottom a {
    margin: 0 25px 0 52px;
    display: block;
    float: left;
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background: #14a5cc;
    border-radius: 0 3px 3px 0;
    behavior: url(js/PIE.htc);
    position: relative; }
    .ico-bottom a span {
      behavior: url(js/PIE.htc);
      position: relative;
      position: absolute;
      display: block;
      height: 50px;
      width: 50px;
      top: 0;
      left: -52px;
      background: #00a9ff;
      border-radius: 3px 0 0 3px; }
      .ico-bottom a span i {
        position: absolute;
        display: block;
        top: 10px;
        right: 10px; }
    .ico-bottom a.order {
      float: right;
      margin-right: 0;
      padding-top: 2px; }
      .ico-bottom a.order span i {
        width: 30px;
        height: 29px;
        background-position: -204px 0;
        background-image: url(img/icons-new.png);
        background-repeat: no-repeat; }
    .ico-bottom a.doc span i {
      width: 30px;
      height: 29px;
      background-position: -173px 0;
      top: 11px;
      right: 9px;
      background-image: url(img/icons-new.png);
      background-repeat: no-repeat; }
    .ico-bottom a.works span i {
      width: 30px;
      height: 23px;
      background-position: -111px 0;
      background-image: url(img/icons-new.png);
      background-repeat: no-repeat; }
    .ico-bottom a.presentations span i {
      width: 28px;
      height: 28px;
      background-position: -143px 0;
      background-image: url(img/icons-new.png);
      background-repeat: no-repeat; }
    .ico-bottom a:hover {
      background: #343839; }
      .ico-bottom a:hover span {
        background: #343839; }

.center .bigbluebtn {
  margin: 20px 0 70px; }
  @media (max-width: 950px) {
    .center .bigbluebtn {
      margin: 10px 0 30px; } }
  @media (max-width: 600px) {
    .center .bigbluebtn {
      font-size: 16px; } }

@media (max-width: 600px) {
  .clientsMain .bigbluebtn {
    font-size: 13px; } }

.mainbottom {
  max-width: 1000px;
  padding: 0 20px;
  margin: 50px auto 50px;
  overflow: hidden;
  font-family: "Open Sans", "Trebuchet MS", sans-serif; }
  @media (max-width: 950px) {
    .mainbottom {
      margin: 20px auto; } }
  .mainbottom .phonebottom {
    font-size: 30px;
    line-height: 32px;
    float: left; }
    .mainbottom .phonebottom span {
      font-size: 24px;
      display: block; }
    @media (max-width: 950px) {
      .mainbottom .phonebottom {
        font-size: 26px;
        line-height: 28px; }
        .mainbottom .phonebottom span {
          font-size: 20px; } }
    @media (max-width: 700px) {
      .mainbottom .phonebottom {
        font-size: 26px;
        line-height: 28px; }
        .mainbottom .phonebottom span {
          font-size: 14px; } }
    @media (max-width: 600px) {
      .mainbottom .phonebottom {
        float: none;
        margin: 0 0 20px;
        text-align: center; } }
  .mainbottom .bigbluebtn {
    padding: 0 80px;
    text-transform: uppercase;
    font-family: "PFDinDisplayPro Regular", sans-serif;
    height: 64px;
    line-height: 64px; }
    @media (max-width: 950px) {
      .mainbottom .bigbluebtn {
        height: 54px;
        line-height: 56px;
        padding: 0 40px;
        font-size: 20px; } }
    @media (max-width: 600px) {
      .mainbottom .bigbluebtn {
        font-size: 16px; } }
  @media (max-width: 600px) {
    .mainbottom .fright {
      float: none;
      text-align: center; } }

.portfolio-main {
  background: #f9f9f9;
  overflow: hidden;
  padding: 35px 0 70px;
  margin: 0;
  -moz-box-shadow: inset 1px 1px 2px #ccc;
  -webkit-box-shadow: inset 1px 1px 2px #ccc;
  -o-box-shadow: inset 1px 1px 2px #ccc;
  -ms-box-shadow: inset 1px 1px 2px #ccc;
  box-shadow: inset 1px 1px 2px #ccc;
  behavior: url(js/PIE.htc);
  position: relative; }
  @media (max-width: 950px) {
    .portfolio-main {
      padding: 35px 0 35px; } }
  .portfolio-main .container .center .bigbluebtn {
    margin: 20px 0 0px; }
    @media (max-width: 950px) {
      .portfolio-main .container .center .bigbluebtn {
        margin: 0px; } }

.shapes_sites {
  margin: 35px 0 0; }
  .shapes_sites ul {
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
    overflow: hidden; }
    .shapes_sites ul li {
      display: block;
      float: left;
      width: 25%;
      text-align: center;
      margin: 0 0px 35px;
      padding: 0;
      list-style: none;
      background: none; }
      @media (max-width: 950px) {
        .shapes_sites ul li {
          width: 33%; }
          .shapes_sites ul li.clear {
            clear: none; } }
      @media (max-width: 700px) {
        .shapes_sites ul li {
          width: 50%; }
          .shapes_sites ul li.clear {
            clear: none; } }
      .shapes_sites ul li i {
        display: block;
        margin: 0 auto 15px;
        background-image: url(img/icons-new.png);
        background-repeat: no-repeat;
        height: 82px;
        width: 77px; }
        .shapes_sites ul li i.site_1 {
          background-position: -269px -248px; }
        .shapes_sites ul li i.site_2 {
          background-position: -347px -248px; }
        .shapes_sites ul li i.site_3 {
          background-position: -426px -248px; }
        .shapes_sites ul li i.site_4 {
          background-position: -505px -248px; }
        .shapes_sites ul li i.site_5 {
          background-position: -584px -248px; }
        .shapes_sites ul li i.site_6 {
          background-position: -663px -248px; }
        .shapes_sites ul li i.site_7 {
          background-position: -742px -248px; }
        .shapes_sites ul li i.site_8 {
          background-position: -821px -248px; }
      .shapes_sites ul li a {
        display: block;
        text-decoration: none;
        color: #000;
        font-size: 22px;
        line-height: 22px; }
        @media (max-width: 950px) {
          .shapes_sites ul li a {
            font-size: 20px;
            height: 140px;
            line-height: 21px; } }
        @media (max-width: 700px) {
          .shapes_sites ul li a {
            font-size: 16px;
            line-height: 17px; } }
      .shapes_sites ul li:hover a {
        color: #14a5cc; }

.services_slider {
  overflow: hidden;
  height: 270px;
  margin: 0 auto;
  position: relative;
  padding: 0 50px; }
  .services_slider ul {
    position: absolute;
    left: 0px;
    top: 0;
    margin: 0;
    padding: 0;
    width: 20000px; }
    .services_slider ul li {
      float: left;
      width: 215px;
      margin: 0 22px 0 0;
      padding: 0;
      text-align: justify;
      font-size: 13px;
      line-height: 15px;
      font-family: "Trebuchet MS", Arial;
      background: none;
      list-style: none; }
      .services_slider ul li a {
        display: block;
        text-decoration: none;
        text-align: center;
        font-size: 22px;
        line-height: 22px;
        color: #000;
        margin: 0 0 10px; }
        .services_slider ul li a span {
          display: table-cell;
          width: 215px;
          padding: 0 0 10px;
          text-align: center;
          vertical-align: middle;
          height: 85px; }
      .services_slider ul li:hover a {
        color: #14a5cc; }
  .services_slider .buttons-slider {
    position: relative;
    z-index: 5; }
    .services_slider .buttons-slider span {
      width: 60px;
      height: 270px;
      position: absolute;
      top: 0;
      display: block;
      cursor: pointer;
      opacity: 0.5; }
      .services_slider .buttons-slider span.left_btn {
        left: -60px;
        background: #fff url(img/arrow_left1_nohover.png) no-repeat center 35px; }
      .services_slider .buttons-slider span.right_btn {
        right: -60px;
        background: #fff url(img/arrow_right1_nohover.png) no-repeat center 35px; }
      .services_slider .buttons-slider span:hover {
        opacity: 1; }
        .services_slider .buttons-slider span:hover.right_btn {
          background: #fff url(img/arrow_right.png) no-repeat center 35px; }
        .services_slider .buttons-slider span:hover.left_btn {
          background: #fff url(img/arrow_left.png) no-repeat center 35px; }

.textcenter {
  text-align: center;
  font-size: 24px;
  color: #000;
  margin: 0 0 30px; }
  @media (max-width: 600px) {
    .textcenter {
      font-size: 20px;
      line-height: 22px; } }

.textleft {
  float: left;
  width: 46%;
  margin-right: 50px;
  text-align: justify; }
  @media (max-width: 700px) {
    .textleft {
      float: none;
      margin: 0;
      width: auto; } }

.textright {
  overflow: hidden;
  text-align: justify; }

.clientsMain {
  margin: 35px auto 0; }

.main .container .blue {
  font-size: 16px; }
.main .container .textcenter .blue {
  font-size: 24px; }
.main .container p {
  margin-bottom: 20px; }
  .main .container p img {
    float: left;
    margin-right: 15px; }
  @media (max-width: 600px) {
    .main .container p {
      margin-bottom: 12px; } }

.arrow-left,
.arrow-right {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 165px;
  cursor: pointer;
  z-index: 250;
  background-image: url(img/icons-new.png);
  background-repeat: no-repeat; }

.arrow-left {
  background-position: 0 0;
  left: -95px; }

.arrow-right {
  background-position: -50px 0;
  right: -95px; }

.price_table {
  margin: 15px 0 30px; }
  .price_table:after {
    display: block;
    position: absolute;
    content: "";
    position: relative;
    clear: both; }
  .price_table.cols2 .column_1 {
    width: 49%; }
    .price_table.cols2 .column_1 .pack-title {
      font-size: 24px; }
      .price_table.cols2 .column_1 .pack-title span {
        font-size: 18px; }
        @media (max-width: 600px) {
          .price_table.cols2 .column_1 .pack-title span {
            font-size: 16px; } }
      @media (max-width: 600px) {
        .price_table.cols2 .column_1 .pack-title {
          font-size: 21px; } }
    .price_table.cols2 .column_1 .price {
      font-size: 30px;
      margin: 10px 0 0; }
    @media (max-width: 600px) {
      .price_table.cols2 .column_1 {
        width: auto;
        float: none;
        margin: 0 0 5px; } }
  .price_table.cols3 .column_1 {
    width: 32%;
    margin: 0 0 10px 14px; }
    .price_table.cols3 .column_1:first-child {
      margin: 0 0 5px; }
    .price_table.cols3 .column_1 .pack-title {
      font-size: 24px; }
    .price_table.cols3 .column_1 .price {
      font-size: 30px;
      margin: 10px 0 0; }
    @media (max-width: 900px) {
      .price_table.cols3 .column_1.col3 {
        margin-left: 0;
        clear: both; } }
    @media (max-width: 900px) {
      .price_table.cols3 .column_1 {
        width: 49%; } }
    @media (max-width: 600px) {
      .price_table.cols3 .column_1 {
        width: auto;
        float: none;
        margin: 0 0 5px; } }
  .price_table.cols5 .column_1 {
    width: 19%; }
    @media (max-width: 950px) {
      .price_table.cols5 .column_1 {
        width: 30%; } }
    .price_table.cols5 .column_1 .pack-title {
      font-size: 21px; }
      @media (max-width: 1180px) {
        .price_table.cols5 .column_1 .pack-title {
          font-size: 17px; } }
    .price_table.cols5 .column_1 .price {
      font-size: 30px;
      margin: 10px 0 0; }
    @media (max-width: 600px) {
      .price_table.cols5 .column_1 {
        width: auto;
        float: none;
        margin: 0 0 5px; } }
    @media (max-width: 600px) {
      .price_table.cols5 .column_1 .nonvis {
        display: none; } }
    .price_table.cols5 .column_1 .row11 {
      padding: 7px 0; }
  .price_table.stat .column_1 .header_row_1 {
    height: auto;
    padding: 10px 0; }
  .price_table.stat .column_1:hover {
    -moz-box-shadow: 1px 1px 3px #777;
    -webkit-box-shadow: 1px 1px 3px #777;
    -o-box-shadow: 1px 1px 3px #777;
    -ms-box-shadow: 1px 1px 3px #777;
    box-shadow: 1px 1px 3px #777;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    /*@include transition(all, 0.2s, ease-in-out);*/
    transition: all 0s ease-in-out 0s; }
    .price_table.stat .column_1:hover ul li {
      padding-left: 0;
      padding-right: 0; }
      .price_table.stat .column_1:hover ul li.header_row_1 {
        padding: 10px 0; }
  .price_table.stat.cols5 .column_1 .header_row_1 {
    height: 60px;
    padding: 0; }
  .price_table.stat.cols5 .column_1.active {
    -moz-box-shadow: 20px 10px 35px #444444;
    -webkit-box-shadow: 20px 10px 35px #444444;
    -o-box-shadow: 20px 10px 35px #444444;
    -ms-box-shadow: 20px 10px 35px #444444;
    box-shadow: 20px 10px 35px #444444;
    transform: translate(-20px, -15px);
    transition: all 0s ease-in-out 0s;
    z-index: 100; }
    .price_table.stat.cols5 .column_1.active .buy_now {
      background: none repeat scroll 0 0 #07a74f;
      border-color: #07a74f #318f5b #1a7f47;
      border-top: 1px solid #07a74f;
      color: #fff;
      text-shadow: 1px 1px #4d7528;
      font-size: 20px; }
    .price_table.stat.cols5 .column_1.active ul li {
      padding-left: 20px;
      padding-right: 20px; }
      .price_table.stat.cols5 .column_1.active ul li.header_row_1 {
        padding: 0 20px; }
  .price_table.stat.cols5 .column_1:hover {
    z-index: 50; }
    .price_table.stat.cols5 .column_1:hover .header_row_1 {
      height: 60px;
      padding: 0; }
  .price_table .pack-title {
    font-size: 24px;
    padding: 5px 0;
    color: #fff;
    font-family: Arial Narrow, "OpenSansCondensedLight", sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    display: table-cell; }
    .price_table .pack-title span {
      font-size: 18px; }
    @media (max-width: 600px) {
      .price_table .pack-title {
        font-size: 24px; } }
  .price_table .price {
    font-size: 30px;
    color: #000;
    margin: 30px 0px 0px 0px; }
    @media (max-width: 600px) {
      .price_table .price {
        font-size: 30px; } }
    .price_table .price i {
      display: block;
      font-size: 18px;
      text-align: center;
      font-style: normal; }
      @media (max-width: 600px) {
        .price_table .price i {
          font-size: 16px; } }
  .price_table .time {
    font-size: 14px;
    color: #777;
    margin: 0 0 10px; }
  .price_table .column_1 {
    height: 100%;
    float: left;
    width: 24%;
    margin: 0 0 5px 10px;
    background: #fff;
    behavior: url(js/PIE.htc);
    position: relative;
    -moz-box-shadow: 1px 1px 3px #777;
    -webkit-box-shadow: 1px 1px 3px #777;
    -o-box-shadow: 1px 1px 3px #777;
    -ms-box-shadow: 1px 1px 3px #777;
    box-shadow: 1px 1px 3px #777;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    /*@include transition(all, 0.2s, ease-in-out);*/
    transition: all 0s ease-in-out 0s; }
    @media (max-width: 900px) {
      .price_table .column_1.first {
        margin: 0 0 5px;
        clear: both; } }
    .price_table .column_1:first-child {
      margin: 0 0 5px; }
      .price_table .column_1:first-child ul li .link:hover i {
        left: 100%; }
        @media (max-width: 600px) {
          .price_table .column_1:first-child ul li .link:hover i {
            left: 0;
            top: 100%; } }
    @media (max-width: 900px) {
      .price_table .column_1 {
        width: 49%; } }
    @media (max-width: 600px) {
      .price_table .column_1 {
        width: auto;
        float: none;
        margin: 0 0 5px; } }
    @media (max-width: 900px) {
      .price_table .column_1.col3 {
        margin-left: 0;
        clear: both; } }
    @media (max-width: 900px) {
      .price_table .column_1.col3 ul li .link:hover i {
        left: 100%; } }
    @media (max-width: 600px) {
      .price_table .column_1.col3 ul li .link:hover i {
        left: 0;
        top: 100%; } }
    .price_table .column_1:hover {
      z-index: 100;
      -moz-box-shadow: 20px 10px 35px #444;
      -webkit-box-shadow: 20px 10px 35px #444;
      -o-box-shadow: 20px 10px 35px #444;
      -ms-box-shadow: 20px 10px 35px #444;
      box-shadow: 20px 10px 35px #444;
      -webkit-transform: translate(-20px, -25px);
      -moz-transform: translate(-20px, -25px);
      -o-transform: translate(-20px, -25px);
      -ms-transform: translate(-20px, -25px);
      transform: translate(-20px, -25px);
      /*@include transition(all, 0s, ease-in-out);*/
      transition: all 0s ease-in-out 0s; }
      .price_table .column_1:hover ul li {
        padding-left: 20px;
        padding-right: 20px; }
        .price_table .column_1:hover ul li.header_row_1 {
          padding: 0 20px; }
        .price_table .column_1:hover ul li .buy_now {
          font-size: 20px;
          /*margin: 10px 0;*/ }
    .price_table .column_1 ul {
      margin: 0;
      padding: 0; }
      .price_table .column_1 ul li {
        text-align: center;
        padding: 10px 0;
        /*border-top:1px dotted #dedede;*/
        background: #fff;
        width: 100%;
        font-size: 16px;
        list-style: none;
        margin: 0;
        position: relative; }
        .price_table .column_1 ul li.header_row_1 {
          height: 60px;
          width: 100%;
          padding: 0px;
          border: none;
          display: table; }
          .price_table .column_1 ul li.header_row_1.red {
            background: #fa3b3b;
            text-shadow: 1px 1px #ad1414; }
          .price_table .column_1 ul li.header_row_1.blue {
            background: #008FC5;
            text-shadow: 1px 1px #066487; }
          .price_table .column_1 ul li.header_row_1.orange {
            background: #ffc13d;
            text-shadow: 1px 1px #c59617; }
          .price_table .column_1 ul li.header_row_1.green {
            background: #1ab570;
            text-shadow: 1px 1px #087243; }
          .price_table .column_1 ul li.header_row_1.grey {
            background: #a8a8a8;
            text-shadow: 1px 1px #777; }
        .price_table .column_1 ul li.header_row_2 {
          font-size: 26px;
          border: none; }
        .price_table .column_1 ul li.row_2, .price_table .column_1 ul li.row_button {
          background: #F9f9f9; }
        .price_table .column_1 ul li.row_1 {
          background: #fff; }
        .price_table .column_1 ul li.header_row_3 {
          font-size: 22px;
          background: #F9f9f9; }
          .price_table .column_1 ul li.header_row_3 .link {
            color: #000;
            border-color: #000; }
        .price_table .column_1 ul li.row_11 {
          padding-top: 6px;
          padding-bottom: 6px; }
        .price_table .column_1 ul li.shadow_top {
          behavior: url(js/PIE.htc);
          position: relative;
          -moz-box-shadow: inset 0 6px 3px -4px #ccc;
          -webkit-box-shadow: inset 0 6px 3px -4px #ccc;
          -o-box-shadow: inset 0 6px 3px -4px #ccc;
          -ms-box-shadow: inset 0 6px 3px -4px #ccc;
          box-shadow: inset 0 6px 3px -4px #ccc; }
        .price_table .column_1 ul li.shadow_bottom {
          behavior: url(js/PIE.htc);
          position: relative;
          -moz-box-shadow: 0px -2px 3px -2px #CCCCCC inset;
          -webkit-box-shadow: 0px -2px 3px -2px #CCCCCC inset;
          -o-box-shadow: 0px -2px 3px -2px #CCCCCC inset;
          -ms-box-shadow: 0px -2px 3px -2px #CCCCCC inset;
          box-shadow: 0px -2px 3px -2px #CCCCCC inset; }
        .price_table .column_1 ul li .buy_now {
          padding: 8px 16px;
          display: inline-block;
          font-weight: bold;
          text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
          border-style: solid;
          border-width: 1px 1px 2px;
          color: #513b26;
          background: #FFD43D;
          behavior: url(js/PIE.htc);
          position: relative;
          -moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
          -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
          -o-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
          -ms-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
          box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.3);
          border-radius: 5px;
          border-color: #FFD43D #EFC530 #E1B722;
          border-top: 1px solid #FFD43D;
          text-decoration: none; }
          .price_table .column_1 ul li .buy_now:hover {
            background: #07A74F;
            color: #fff;
            text-shadow: 1px 1px #4D7528;
            border-color: #4D7528 #318f5b #1a7f47;
            border-top: 1px solid #07A74F; }
        .price_table .column_1 ul li .link {
          /*display:inline-block;*/
          border-bottom: 1px dotted  #14A5CC;
          color: #14A5CC;
          position: relative;
          z-index: 2; }
          .price_table .column_1 ul li .link i {
            display: block;
            behavior: url(js/PIE.htc);
            position: relative;
            position: absolute;
            top: -30px;
            left: -9999px;
            padding: 5px;
            -moz-box-shadow: 1px 1px 3px #777;
            -webkit-box-shadow: 1px 1px 3px #777;
            -o-box-shadow: 1px 1px 3px #777;
            -ms-box-shadow: 1px 1px 3px #777;
            box-shadow: 1px 1px 3px #777;
            font-style: normal;
            text-align: left;
            width: 200px;
            color: #333;
            border: none;
            background: #fff;
            font-size: 13px; }
          .price_table .column_1 ul li .link:hover {
            z-index: 3; }
            .price_table .column_1 ul li .link:hover i {
              left: -210px;
              z-index: 10; }
              @media (max-width: 600px) {
                .price_table .column_1 ul li .link:hover i {
                  left: 0px;
                  top: 100%; } }
        .price_table .column_1 ul li .pack-title .link {
          color: #fff;
          border: none; }
          .price_table .column_1 ul li .pack-title .link i {
            color: #333333;
            text-transform: none;
            text-shadow: none;
            font-size: 14px; }

.price2 .column_1 ul li.row_11 {
  font-size: 14px;
  line-height: 15px; }
  .price2 .column_1 ul li.row_11 span {
    padding: 0 5px; }
  .price2 .column_1 ul li.row_11.nonvis {
    position: relative; }
    .price2 .column_1 ul li.row_11.nonvis:after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      line-height: 100%;
      text-align: center;
      content: "-";
      left: 0;
      top: 0;
      font-size: 16px; }
    .price2 .column_1 ul li.row_11.nonvis span {
      visibility: hidden; }

.table_bitrix {
  border-collapse: collapse;
  width: 100%; }

.table_bitrix td {
  border-bottom: 1px dotted #dedede;
  padding: 3px;
  vertical-align: middle;
  font-size: 14px;
  font-family: Trebuchet MS; }

.table_bitrix td.center {
  text-align: center; }

.table_bitrix th {
  text-align: center;
  font-family: Trebuchet MS;
  vertical-align: top;
  padding: 3px;
  font-size: 16px;
  border-bottom: 1px dotted #dedede;
  font-weight: bold; }

.table_bitrix tr:hover td {
  background: #f2f2f2; }

.table_bitrix tr.top:hover td {
  background: #fff; }

.red {
  color: #ff0000; }

.table_bitrix tr.price td {
  padding: 10px 3px;
  font-size: 18px; }

.tarifTable {
  margin: 20px 0; }
  .tarifTable .tr {
    display: table;
    width: 100%;
    margin: 0 0 1px; }
    .tarifTable .tr div {
      display: table-cell;
      vertical-align: middle;
      width: 15%;
      padding: 10px;
      text-align: center;
      color: #777; }
      @media (max-width: 830px) {
        .tarifTable .tr div {
          display: inline-block;
          width: 20%; } }
      @media (max-width: 600px) {
        .tarifTable .tr div {
          font-size: 12px;
          padding: 5px; } }
      @media (max-width: 480px) {
        .tarifTable .tr div {
          font-size: 11px; } }
      .tarifTable .tr div:first-child {
        width: 40%;
        padding: 10px;
        color: #000;
        text-align: left;
        background: #fafafa; }
        @media (max-width: 830px) {
          .tarifTable .tr div:first-child {
            display: block;
            width: auto; } }
        @media (max-width: 480px) {
          .tarifTable .tr div:first-child {
            font-size: 12px; } }
      .tarifTable .tr div.green {
        background: #e8f8f1; }
      .tarifTable .tr div.yellow {
        background: #fff9ec; }
      .tarifTable .tr div.blue {
        background: #e5f4f9; }
      .tarifTable .tr div.red {
        background: #ffebeb; }
    .tarifTable .tr.top div {
      text-transform: uppercase;
      color: #fff; }
      .tarifTable .tr.top div:first-child {
        color: #ccc;
        text-align: right; }
        @media (max-width: 830px) {
          .tarifTable .tr.top div:first-child {
            display: none; } }
      .tarifTable .tr.top div.green {
        background: #1ab570;
        text-shadow: 1px 1px #087243; }
      .tarifTable .tr.top div.yellow {
        background: #ffc13d;
        text-shadow: 1px 1px #c59617; }
      .tarifTable .tr.top div.blue {
        background: #008fc5;
        text-shadow: 1px 1px #066487; }
      .tarifTable .tr.top div.red {
        background: #fa3b3b;
        text-shadow: 1px 1px #ad1414; }

@media (max-width: 1124px) {
  .tehnoList li {
    width: 46%; }

  .boxLogoItem {
    height: 50px;
    padding: 0px;
    text-align: center; }

  .boxLogoItem span {
    height: 50px; }

  .boxLogoItem span img {
    height: auto;
    width: 75%; }

  .boxLogoSmall .boxLogoItem {
    height: 50px;
    padding: 0;
    text-align: center; }

  .boxLogoSmall .boxLogoItem span {
    height: 50px; }

  .boxLogoSmall .boxLogoItem span img {
    height: auto;
    width: 75%; }

  .tehnoBox .tehnoItem img {
    width: auto;
    height: 15px; } }
@media (max-width: 1110px) {
  .tehnoList li .tehnoBox .tehnoItem {
    width: 28%; }

  .tehnoList li .tehnoBox .tehnoItem img {
    width: auto;
    height: 15px; } }
html, body, .containerBox, .scroller {
  height: 100%; }

@media (max-width: 950px) {
  .scroller {
    overflow-y: scroll; } }

.scroller,
.scroller-inner {
  position: relative; }

.containerBox {
  position: relative; }
  @media (max-width: 950px) {
    .containerBox {
      overflow: hidden; } }

.menu-trigger {
  position: relative;
  padding-left: 40px;
  height: 30px;
  font-size: 0.9em; }

.menu-trigger:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 30px;
  height: 4px;
  background: #fff;
  box-shadow: 0 4px #424242, 0 8px #fff, 0 12px #424242, 0 16px #fff;
  content: ''; }

.mp-pusher {
  position: relative;
  left: 0;
  height: 100%; }

.mp-menu {
  position: absolute;
  /* we can't use fixed here :( */
  top: 0;
  left: 0;
  z-index: 1;
  width: 300px;
  height: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  font-family: "Open Sans", "Trebuchet MS", sans-serif; }
  @media (max-width: 480px) {
    .mp-menu {
      width: 280px; } }

.mp-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #336ca6;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  content: '';
  opacity: 0; }

.mp-pusher::after {
  z-index: 10001; }

.mp-pusher::after,
.mp-level::after {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }

.mp-level::after {
  z-index: -1; }

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.mp-level.mp-level-overlay {
  cursor: pointer; }

.mp-level.mp-level-overlay.mp-level::before {
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 1; }

.mp-pusher,
.mp-level {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

/* overlap */
.mp-overlap .mp-level.mp-level-open {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0); }

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* cover */
.mp-cover .mp-level.mp-level-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

/* content style */
.mp-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto; }
  .mp-menu ul li {
    padding: 0;
    margin: 0;
    background: none;
    font-size: 16px; }
    .mp-menu ul li a {
      color: #fff;
      text-decoration: none; }
      .mp-menu ul li a:hover {
        color: #07a74f; }
    .mp-menu ul li span {
      color: #07a74f; }
    .mp-menu ul li ul li a, .mp-menu ul li ul li span {
      font-size: 0.9em !important; }

.mp-menu h2, .mp-menu h3 {
  margin: 0;
  padding: 1em;
  color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  font-size: 2em; }

.mp-menu h3 {
  padding: 0; }
  .mp-menu h3 a {
    border: none;
    display: block;
    text-decoration: none;
    padding: 1em;
    color: #fff;
    background: none; }

.mp-menu.mp-overlap h2:before, .mp-menu.mp-overlap h3:before {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 8px;
  font-size: 75%;
  line-height: 1.8;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
  transition: opacity 0.3s, transform 0.1s 0.3s;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.mp-menu.mp-cover h2 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1em; }

.mp-overlap .mp-level.mp-level-overlay > h2::before {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0); }

.mp-menu ul li > a, .mp-menu ul li > span {
  display: block;
  padding: 0.7em 1em 0.7em 1.8em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  font-size: 1.2em;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
  font-weight: 300; }
  @media (max-width: 480px) {
    .mp-menu ul li > a, .mp-menu ul li > span {
      font-size: 1.05em; } }
  .mp-menu ul li > a span, .mp-menu ul li > span span {
    color: #07a74f; }

.mp-menu ul li::before {
  position: absolute;
  left: 10px;
  z-index: -1;
  color: rgba(0, 0, 0, 0.2);
  line-height: 3.5; }
  @media (max-width: 480px) {
    .mp-menu ul li::before {
      line-height: 3; } }

.mp-level > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2); }

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px transparent; }

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px transparent; }

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px transparent, inset 0 1px transparent; }

/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back {
  background: rgba(0, 0, 0, 0.1);
  outline: none;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
  font-size: 0.8em;
  padding: 1em;
  position: relative;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s; }

.mp-back::after {
  font-family: 'linecons';
  position: absolute;
  content: "\e037";
  right: 10px;
  font-size: 1.3em;
  color: rgba(0, 0, 0, 0.3); }

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
  background: transparent;
  box-shadow: none;
  color: transparent; }

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
  padding-left: 300px; }

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
  display: none; }

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
  display: block; }

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