/* Start:/bitrix/templates/algoritm/css/bootstrap.css?1681846777141791*/
/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('/bitrix/templates/algoritm/css/../fonts/glyphicons-halflings-regular.eot');
  src: url('/bitrix/templates/algoritm/css/../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/algoritm/css/../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/bitrix/templates/algoritm/css/../fonts/glyphicons-halflings-regular.woff') format('woff'), url('/bitrix/templates/algoritm/css/../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/bitrix/templates/algoritm/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.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-right: 15px;
  padding-left: 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-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@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-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@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-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@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-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
  visibility: hidden;
}
.collapse.in {
  display: block;
  visibility: visible;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
  visibility: hidden;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.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;
  }
  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;
  }
  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;
  }
  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;
  }
  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;
  }
  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;
  }
}


col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
 
.col-xs-1-5 {
  width: 20%;
  float: left;
}
 
@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
}
/*# sourceMappingURL=bootstrap.css.map */

/* End */


/* Start:/bitrix/templates/algoritm/css/min/owl.min.css?16818467773826*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel .owl-refresh .owl-item{display:none;}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:table;height:150px;}
.owl-carousel .owl-item img{width:auto;max-width:100%;-webkit-transform-style:preserve-3d;}
.owl-carousel .owl-item .item{display:table-cell;vertical-align:middle;height:100%;}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.owl-carousel .owl-item img{transform-style:preserve-3d;}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/bitrix/templates/algoritm/css/min/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.owl-carousel .owl-video-frame{position:relative;z-index:1;}
/* End */


/* Start:/bitrix/templates/algoritm/css/reset.css?1681846777685*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End */


/* Start:/bitrix/templates/algoritm/css/min/slider.min.css?168184677751090*/
.anim-slide.static-position * {
    position: relative;
  }

.anim-slider{list-style-type:none;position:relative;overflow:hidden;text-align:center;top:0;left:0;width:100%;height:440px;padding:0;margin:0;}
.anim-slide{position:absolute;width:100%;height:100%;top:0;left:0;}
.anim-slide *{position:absolute;opacity:0;}
.anim-slide-this{z-index:100;}
.anim-slide-this *{color:#fff;opacity:1;}
.anim-slide-this div{width:100%;}
.anim-slide-this div p{font-family:MyriadProRegular;text-align:left;font-size:18px;}
.anim-slide-this .btnContainer{font-size:13.89px;text-align:left;}
.anim-slide-this .btnContainer span {
	font-family:Arial;
	text-transform:uppercase;
	cursor:pointer;
	padding:9px 18px;
	border:3px solid #fff;
	background:rgba(255, 255, 255, 0.25);
}
.anim-slide-this .btnContainer span:hover{
	background:#feeb01;
	border-color:#feeb01;
	color:#000;
}

.anim-slide-this .btnContainer .buttonSlide_color {
	border-color: #feeb01;
	color: #000;
	background: rgba(254, 235, 1, 0.25);	
}

.anim-slide-this span i{position:absolute;width:16px;height:12px;background:url("/img/arrow_btn_slide.png") no-repeat;right:-28px;top:50%;margin-top:-7px;}
.anim-slide > div:nth-child(1){top:80px;}
.anim-slide > div:nth-child(2){top:187px;}
.anim-slide > div:nth-child(3){top:253px;}

.anim-slide .title-yellow > * {
	line-height: 48px;
}

.anim-slide:not(.static-position) .title-yellow > *,
.anim-slide:not(.static-position) h3,
.anim-slide:not(.static-position) h1{
	text-transform: uppercase;
	color: #444248;
	font-weight:normal;
	background:#feeb01;
	text-align:left;
	padding:23px 50px 15px 30px;
	margin:0px;
}

.anim-slide .title-gray > * {
	color: #fff;
}

.anim-slide:not(.static-position) .title-gray > *,
.anim-slide:not(.static-position) h4,
.anim-slide:not(.static-position) h2{
	padding:12px;
	background:#5e6168;
	font-family:MyriadProRegular;
	padding:6px 20px 6px 15px;
	margin:0px;
}

.dark-text-slide p {
	color: #000;
}

.anim-arrows{right:0px;width:80px;position:absolute;bottom:40px;z-index:500;}

.anim-arrows.anim-arrows_left {
	right: auto;
	left: 0;
}

nav.anim-arrows>span{position:absolute;top:40%;z-index:2000;}
nav.anim-arrows>span.anim-arrows-prev,
nav.anim-arrows>span.anim-arrows-next{color:#fff;position:absolute;padding:2px 10px;}
nav.anim-arrows>span.anim-arrows-prev{left:1%;}
nav.anim-arrows>span.anim-arrows-next{right:1%;}
.anim-slider:hover>nav.anim-arrows>span{opacity:1;cursor:pointer;}
.anim-dots{width:100%;position:absolute;text-align:left;left:0px;bottom:0px;z-index:300;}
.anim-dots span{display:inline-block;position:relative;width:14px;height:14px;margin:3px;cursor:pointer;box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset,
1px 1px 1px rgba(255,255,255,0.1);}
.anim-dots span.anim-dots-this:after{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background:rgb(255,255,255);}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.delay0-5s{-webkit-animation-delay:1s;animation-delay:.5s;}
.delay1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay1-5s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay2-5s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay3s{-webkit-animation-delay:3s;animation-delay:3s;}
.delay3-5s{-webkit-animation-delay:3.5s;animation-delay:3.5s;}
.delay4s{-webkit-animation-delay:4s;animation-delay:4s;}
.delay4-5s{-webkit-animation-delay:4.5s;animation-delay:4.5s;}
.delay5s{-webkit-animation-delay:5s;animation-delay:5s;}
.delay5-5s{-webkit-animation-delay:5.5s;animation-delay:5.5s;}
.delay6s{-webkit-animation-delay:6s;animation-delay:6s;}
.delay6-5s{-webkit-animation-delay:6.5s;animation-delay:6.5s;}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);}
}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;}
@-webkit-keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
@keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1);}
30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75);}
40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25);}
60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75);}
40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25);}
60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85);}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);transform:translateX(10px);}
}
@keyframes shake{0%, 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
.tada{-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%);}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}
100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}
@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}
30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}
60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}
100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);}
70%{-webkit-transform:scale(.9);transform:scale(.9);}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);transform:translateX(10px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px);}
80%{-webkit-transform:translateY(10px);transform:translateY(10px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1);}
25%{-webkit-transform:scale(.95);transform:scale(.95);}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
}
@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
}
.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
}
.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}
}
@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp{0%{-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%, 60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%, 60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}
/* End */


/* Start:/bitrix/templates/algoritm/css/style.css?1681846777264114*/


@-webkit-keyframes pulsate {

    50% {
        -webkit-transform: translate(0, -10px) rotate(45deg);
        transform: translate(0, -10px) rotate(45deg);
    }

}

@-moz-keyframes pulsate {

    50% {
        -webkit-transform: translate(0, -10px) rotate(45deg);
        transform: translate(0, -10px) rotate(45deg);
    }

}

@-ms-keyframes pulsate {

    50% {
        -webkit-transform: translate(0, -10px) rotate(45deg);
        transform: translate(0, -10px) rotate(45deg);
    }

}

@-o-keyframes pulsate {

    50% {
        -webkit-transform: translate(0, -10px) rotate(45deg);
        transform: translate(0, -10px) rotate(45deg);
    }

}

@keyframes pulsate {

    50% {
        -webkit-transform: translate(0, -10px) rotate(45deg);
        transform: translate(0, -10px) rotate(45deg);
    }

}


@-webkit-keyframes blinkLinkColor {
    0% {
        color: #feeb01;
    }
    20% {
        color: #9dd503;
    }
    40% {
        color: #fff;
    }
    60% {
        color: #feeb01;
    }
    80% {
        color: #9dd503;
    }
    100% {
        color: #fff;
    }
}
@-moz-keyframes blinkLinkColor {
    0% {
        color: #feeb01;
    }
    20% {
        color: #9dd503;
    }
    40% {
        color: #fff;
    }
    60% {
        color: #feeb01;
    }
    80% {
        color: #9dd503;
    }
    100% {
        color: #fff;
    }
}

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


@-webkit-keyframes moveArrowH {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    35% {
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }
    70% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }
}
@keyframes moveArrowH {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    35% {
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }
    70% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0);
    }
}

@-webkit-keyframes moveArrowV {
    0% {
        -webkit-transform: translate(0, 0) rotate(90deg);
        transform: translate(0, 0) rotate(90deg);
    }
    35% {
        -webkit-transform: translate(0, -10px) rotate(90deg);
        transform: translate(0, -10px) rotate(90deg);
    }
    70% {
        -webkit-transform: translate(0, 0) rotate(90deg);
        transform: translate(0, 0) rotate(90deg);
    }
    100% {
        -webkit-transform: translate(0, 10px) rotate(90deg);
        transform: translate(0, 10px) rotate(90deg);
    }
}
@keyframes moveArrowV {
    0% {
        -webkit-transform: translate(0, 0) rotate(90deg);
        transform: translate(0, 0) rotate(90deg);
    }
    35% {
        -webkit-transform: translate(0, -10px) rotate(90deg);
        transform: translate(0, -10px) rotate(90deg);
    }
    70% {
        -webkit-transform: translate(0, 0) rotate(90deg);
        transform: translate(0, 0) rotate(90deg);
    }
    100% {
        -webkit-transform: translate(0, 10px) rotate(90deg);
        transform: translate(0, 10px) rotate(90deg);
    }
}

@font-face {
    font-family: FreeSet;
    src: url("/bitrix/templates/algoritm/fonts/FreeSetC.otf");
}
@font-face {
    font-family: Agency;
    src: url("/bitrix/templates/algoritm/fonts/agency.ttf");
}
@font-face {
    font-family: MyriadProRegular;
    src: url("/bitrix/templates/algoritm/fonts/MyriadPro/MyriadPro-Regular.otf");

}
@font-face {
    font-family: MyriadProBold;
    src: url("/bitrix/templates/algoritm/fonts/MyriadPro/MyriadPro-Bold.otf");
}
@font-face {
    font-family: MyriadProSemiBold;
    src: url("/bitrix/templates/algoritm/fonts/MyriadPro/MyriadPro-Semibold.otf");
}

@font-face {
    font-family: 'Gilroy';
    src: url('/bitrix/templates/algoritm/fonts/Gilroy-ExtraBold.eot');
    src: local('☺'), 
        url('/bitrix/templates/algoritm/fonts/Gilroy-ExtraBold.woff') format('woff'), 
        url('/bitrix/templates/algoritm/fonts/Gilroy-ExtraBold.ttf') format('truetype'), 
        url('/bitrix/templates/algoritm/fonts/Gilroy-ExtraBold.svg') format('svg');
    font-weight: 900;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-font-smoothing: antialiased;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.h_100 {
    height: 100%;
}


body {
    font: 14px/22px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;
    color: #3c4144;
    background: #fff;
}
body.menu-open {
    display:none !important;
}

body .container {
    width: auto;
    max-width: 1240px;
}

a {
    color: #38D6FF;
    font-family: MyriadProRegular;
    outline: none;
    text-decoration: underline;
    -webkit-transition: all .3s;
    transition: all .3s;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

p {
    margin: 0 0 18px
}
img {
    border: none;
    max-width:100%;
}
input{
    vertical-align: middle;
}

label.error input[type="text"]:focus, label.error input[type="password"]:focus{
    border-color:#fa6e56 !important;
} 
label.done input[type="text"]:focus, label.done input[type="password"]:focus{
    border-color:#91d845 !important;
} 
label.error .tips{
    color:#cc341a !important;
}

label{
    position:relative;
}
label>input[type="checkbox"]{
    outline:none;
    border:none;
    margin:0px 20px 0 5px;
    padding:0;
}
label>input[type="checkbox"]+.checkboxStyle{
    width:23px;
    height:25px;
    background: url('/img/landing/checkbox.png') no-repeat 0 0;
    position:absolute;
    left:0; top:0;
}
label>input[type="checkbox"]:checked+.checkboxStyle{
    background-position: right top;
}
strong, b{
    font-family: Arial, Helvetica;
    font-weight: 700;
    /*font-weight: 400;*/
}
.center {
    text-align:center;
}
.dib {
    display:inline-block;
    vertical-align: top;
}
.dim {
    display:inline-block;
    vertical-align: middle;
}

h1, .h1{
    font-size: 38px;
    line-height: 46px;
    font-weight: 400;
    margin:20px 0px;
}
h2, .h2{
    font-size: 30px;
    line-height:30px;
    font-family: Arial, Helvetica;
    font-weight:400;
}
h4{
    font-size: 36px;
    line-height:36px;
    font-weight:400;

}
h3 {
    font-size:23px;
    color:#272a2f;   
    text-transform: uppercase;
    margin: 1em 0;
}
h4{
    font-size: 24px;
    margin: 1.33em 0;

}
.clear {
    clear:both;
    height:0px;
    width:100%;
    padding:0px;
    margin:0px;
}
/*.myriadTxt {
    font-family:MyriadProRegular;
    font-size:17.5px;
}*/
.clr {
    clear:both;
}
.transition_global {
    -webkit-transition: ease-out 0.2s;
    -moz-transition: ease-out 0.2s;
    -o-transition: ease-out 0.2s;
    transition: ease-out 0.2s;   
}

.error-input {
    border-color:red !important;

    background: #FFC0C0;
}
.inner {
    margin-top:15px;
    margin-bottom:15px;
}
.no-padding {
    padding:0px !important;
}
.button {
    display:inline-block;
    text-decoration:none;
    font-family: Arial, Helvetica;
    font-size:15.28px;
    padding: 12px 58px 12px 56px;
    background-color:transparent;
    color:#fff;
    border:3px solid white;
    cursor: pointer;
    user-select: none; /* убирать выделение текста */   
    -webkit-user-select: none; /* убирать выделение текста */   
    -moz-user-select: none; /* убирать выделение текста */
    text-align: center;   
}
.button:hover{
    background-color: white;
    color: #000;
}

.button_sm {
    padding: 8px 25px;
}

.button_gray {
    color: #afafaf;
    border-color: #afafaf;
}

.button_gray:hover {
    background-color: #afafaf;
    color: #333;
}

.button_dark {
    color: #444248;
    border-color: #444248;
}

.button_dark:hover {
    background-color: #444248;
    color: white;
}

.button_flash {
    -webkit-border-radius: 26px;
    border-radius: 26px;
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #7fd600;
    z-index: 2;
    max-width: 300px;
    padding: 12px 16px;
}

.button_flash:hover {
    background-color: #6fb10e;
    color: #fff;
    opacity: 1;
}

.button_flash.dark {
    background-color: #25282d;
}

.button_flash.dark:hover {
    background-color: #7fd600;
}

.button_flash .icn {
    fill: #fff;
}

.button.small{/*small*/
    font-size:14px;
    line-height: 16px;
    padding: 7px 16px;
}

.button.orange{/*Colors - Orange*/
    background-color:#ff7902;
    border-bottom: 2px solid #c55d02;
    text-shadow: 0px 1px 0px #a54e02;
}
.button.orange:hover{
    background-color:#ff8d28;
}
.button.orange:active{
    background-color:#f27302;
    border-top: 2px solid #c55d02;
    margin-top: -2px;
}

.btn-more-alg-service {
    margin: 20px;
}


.button.callback {
    padding: 9px 10px;
    cursor: pointer;
    float:right;
}
.button.callback:hover {
    background: #fff;
    color:#444248;
    border-color:#fff;
}



/*Select Block Style--*/
.selectGrey{
    display:inline-block;
    border-bottom: 1px solid #9d9c96;
    line-height:36px;
    padding: 1px 15px 2px;
    background: url('/img/landing/checkbox.png') repeat 0 -29px #f2f2f2;
    cursor:default;
    position:relative;
    border-radius:3px;
    color:#424242;
    font-size:15px;
}
.selectGrey:before{
    content: "";
    display:inline-block;
    width:12px; height:6px;
    background: url('/img/landing/checkbox.png') no-repeat 0 -72px;
    margin: 17px 0 0 15px;
    float:right;
}
.selectGrey ul.listSG{
    width:100%;
    list-style-type:none;
    margin-left:0;
}
.contentSG{
    visibility:hidden;
    position:absolute;
    top:40px;    left:-1px;
    z-index:2;
    width:100%;
    background-color:#f9f9f9;
    border:1px solid #dadada;
    border-bottom-color:#d1d1d1;
    border-top:none;
    padding-bottom:2px;
    border-radius: 0 0 3px 3px;

}



/* TOPBAR (START)
-----------------------------------------------------------------------------*/
#topBar {
    width:100%;
    z-index:500;
    padding-top:23px;
    padding-bottom:20px;
}
#topBarInner{
    width: 1240px;
    margin: 0 auto;
    position:relative;
    z-index:450;
    height:100%;
}
.topBarInner {
    position: relative;
}

#header {
    position: absolute;
    left:0px;
    top:0px;
    z-index:300;
    width:100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}

/*--Header: logo--*/
#logo {
    float:left;
}
.header_phones {
    float: right;
    color: #fff;
    font-size: 17px;
    margin-right: 30px;
}

#logo > img{
    border:none;
}

/*--Header: Enter and create button--*/
#enter {
    color:#000;
    font-size:20px;
    font-family: Arial, Helvetica;
    text-decoration:none;
    padding-left:40px;
    position:relative;
    background: url('/img/phone-icon.png') 0 0 no-repeat;
    padding-left: 40px;
    height: 32px;
    line-height: 32px;
    left: 5px;
    top: 20px;
    display: inline-block;
    float: right;
}
#enter strong {
    font-weight: bold;
    font-size: 22px;
}
#enter a {
    color: #000;
    text-decoration: none;
}

#create{
    margin:17px 0 0 20px;
    padding: 7px 21px;
    float:left;
}

footer #menu {
    float: none;
    margin-top: 16px;
}

#menu {
    font-size: 15.28px;
    float: right;
    color: #676767;
    margin-right: 80px;
    padding: 0;
}

#menu li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 80px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
}

#menu li a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#menu li a.link-fz {
    -webkit-animation: blinkLinkColor 3s infinite linear;
    -moz-animation: blinkLinkColor 3s infinite linear;
    animation: blinkLinkColor 3s infinite linear;
}

#menu li a svg {
    -webkit-transition: all .3s;
    transition: all .3s;   
}

#menu li a:hover {
    cursor: pointer;
    border-color: transparent;
    color: #00d4f9;
}

#menu li svg {
    fill: #fff;
}

#menu li a:hover svg {
    fill: #00d4f9;
}




#main {
    height: 418px;
    width:100%;
    position:relative;
    overflow:hidden;
}
#main .anim-slide {
    text-align: left;
    font-family: MyriadProRegular;
}
.topContainer {
    width:100%;
    position:relative;
    padding-top:140px;
    /*height: 691px;*/
}

.topContainer:after {
	content: "";
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
	display: none;
}

.topContainer.short_mode {
    padding-bottom: 0;
}

.topContainer > * {
	z-index: 2;
}

.topContainerHome {
    background: url("/img/slider_bg.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}

.topContainer.topContainerBitrixSaleSlider {
    padding-bottom: 0;
}

.topContainerBitrixSaleSlider {
    background: url("/img/banner-bitrix-sale-slider.jpg") no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    /*background-attachment: fixed;*/
}

.topContainerBitrixSale {
    background: url("/img/banner-bitrix-sale-home.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}

.topContainerBitrixSale 

.topContainerBitrixSale .anim-slide > div:nth-child(3) {
    white-space: nowrap;
}

.topContainerBitrixSale .anim-slide > div:nth-child(2) {
    top: 196px;
}

.topContainerBitrixSaleSlider .anim-slide .buttonSlide_color {
    color: #000;
    border-color: rgba(254, 235, 1, 1);
}

.topContainerBitrixSaleSlider .anim-slide .buttonSlide_color,
.topContainerBitrixSale .anim-slide-this .btnContainer .buttonSlide_color {
    background: rgba(254, 235, 1, 0.7);
}

.topContainerBitrixSaleSlider .anim-slide .buttonSlide_color:hover,
.topContainerBitrixSale .anim-slide-this .btnContainer .buttonSlide_color:hover {
    background: rgba(254, 235, 1, 1);
}

.topContainerBitrixSaleSlider nav.anim-arrows > span.anim-arrows-prev, 
.topContainerBitrixSaleSlider nav.anim-arrows > span.anim-arrows-next {
    color: rgba(254, 235, 1, 0.7);   
}

.topContainerBitrixSaleSlider nav.anim-arrows > span.anim-arrows-prev:hover, 
.topContainerBitrixSaleSlider nav.anim-arrows > span.anim-arrows-next:hover {
    color: rgba(254, 235, 1, 1);   
}

.topContainerBitrixSale .anim-dots,
.topContainerBitrixSale .anim-arrows {
    display: none;
}

.topContainerBitrixSale .anim-slide > div:nth-child(3),
.topContainerSite .anim-slide > div:nth-child(3) {
    top: 278px;
}

.topContainerSite {
    /*background: url("/img/site.jpg") no-repeat;*/
    background: url("/img/img-banner-dev.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}
.topContainerSeo {
    background: url("/img/seo.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    /*padding-bottom: 0;*/
}

.topContainerCompany {
    background: url("/img/company.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}

.topContainerShop {
    background: url("/img/tBanner-internet-shop.jpg") no-repeat;
    background-position: 50% 100%;
    background-size: auto;
    background-attachment: scroll;
}

.topContainerShop .container {
    position: relative;
}

.topContainer.topContainerShop {
    padding-bottom: 0;
}   

.topContainerContacts {
    /*background: url("/img/company.jpg") no-repeat;*/
    background: url("/img/img-banner-contacts.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}

.topContainerFz {
    background: url("/img/img-banner-fz.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}

.topContainer.topContainerFz,
.b-banners-contact .topContainerCompany {
    padding-bottom: 0;
}

.topContainerCopywriting {
    /*background: url("/img/uslugi.jpg") no-repeat;*/
    background: url("/img/img-banner-copywriting.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 0;
}

.topContainerBrief {
    background: url("/img/uslugi.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 0;
}

.topContainer.topContainerBrief {
    padding-bottom: 0;
}


.topContainerCopywriting #main {
    height: 440px;
}

.topContainerCopywriting .anim-slider {
    height: 426px;
}

.topContainerUslugi {
    /*background: url("/img/uslugi.jpg") no-repeat;*/
    background: url("/img/img-banner-add-serv.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 0;
}
.topContainerKontext {
    background: url("/img/kontext.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}
.topContainerPortfolio {
    background: url("/img/portfolio.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    /*padding-bottom: 0;*/
}

.topContainerPortfolio.short_mode:before {
    z-index: 5;
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.topContainerPortfolio > * {
    z-index: 10;
}

.topContainer.topContainerReviews {
    /*background: url("/img/otzyvi.jpg") no-repeat;*/
    background: url("/img/img-banner-reviews.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    padding-bottom: 0;
}
.topContainerCallBackHunter {
    background: url("/img/callback_bg.jpg") no-repeat;
    background-position: top;
    background-size: cover;
}

.topContainer1c {
    background: url("/img/c1_bg.jpg") no-repeat;
    background-position: top;
    background-size: cover;
}

.topContainer.topContainer1c {
    padding-bottom: 200px;
}

.topContainerLanding {
    background: url("/img/row-decor-pink-mob.jpg");
}

.topContainer.topContainerLanding {
    padding-bottom: 260px;
}

.topContainerCalculator {
    background: url("/img/bg-topContainerCalculator.jpg") no-repeat;
    background-position: top;
    background-size: cover;
}

.topContainer.topContainerCalculator {
    padding-bottom: 0;
}    

.topContainerYandexDirect {
    background: url("/img/site.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    padding-bottom: 122px;
}

.topContainerGoogleAdwords {
    /*background: url("/img/bg-topContainerGoogleAdwords.jpg") no-repeat;*/
    background: url("/img/company.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    padding-bottom: 122px;
}

.topContainerGoogleAdwords .anim-slide > div:nth-child(2),
.topContainerYandexDirect .anim-slide > div:nth-child(2) {
    top: 170px;
}

.topContainerGoogleAdwords .anim-slide > div:nth-child(3),
.topContainerYandexDirect .anim-slide > div:nth-child(3) {
    top: 230px;
}

.topContainerGoogleAdwords .anim-slide > div:nth-child(4),
.topContainerYandexDirect .anim-slide > div:nth-child(4) {
    top: 316px;
}

.topContainerLanding .anim-slide > div:nth-child(3) {
    top: 270px;
}


.topContainerCreateBitrix {
    background: url("/img/bg-topContainerCreateBitrix.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}

.topContainer.topContainerCreateBitrix {
    padding-bottom: 260px;
}

.topContainer.topContainerCreateBitrix .anim-slide > div:nth-child(3) {
    top: 314px;
}


.topContainer1c .anim-slide {
    top: 70px;
}

.topContainer1c .anim-slide > div:nth-child(1) {
    top: 0px;
}

.topContainer1c .anim-slide > div:nth-child(2) {
    top: 60px;
}

.topContainer1c .anim-slide > div:nth-child(3) {
    top: 135px;
    width: 440px;
}

.topContainer1c .anim-slide > div:nth-child(4) {
    top: 260px;
}

.topContainerShop .anim-slide > div:nth-child(3) {
    top: 286px;
}

.topContainer1c h1 {
    padding: 0;
    color: white;
    background-color: transparent;
}

.topContainer1c h2 span {
    background: #feeb01;
    color: #444248;
    font-weight: normal;
    margin: 0;
    padding: 15px 25px;
    text-align: left;
    text-transform: uppercase;
}

.topContainer1c .container,
.topContainerCreateBitrix .container {
    position: relative;
}

.b-img-bitrix {
    position: absolute;
    bottom: -270px;
    right: 0;
}

.b-img-1c {
    position: absolute;
    bottom: -200px;
    right: 0;
}

.topContainerComposite {
    background: url("/img/composite_bg.jpg") no-repeat;
    background-position: top;
    background-size: cover;
}

.topContainer.topContainerComposite {
    padding-bottom: 200px;
}

.topContainerComposite .anim-slide {
    top: 70px;
}

.topContainerComposite .anim-slide > div:nth-child(1) {
    top: 0px;
}

.topContainerComposite .anim-slide > div:nth-child(2) {
    top: 60px;
}

.topContainerComposite .anim-slide > div:nth-child(3) {
    top: 125px;
}

.topContainerComposite .anim-slide > div:nth-child(4) {
    top: 200px;
}

.topContainerComposite .anim-slide > div:nth-child(5) {
    top: 245px;
}

.topContainer1c #main,
.topContainerComposite #main,
.topContainerCreateBitrix #main {
    overflow: visible;
}

.top-right-side {
    position: absolute;
    right: 65px;
    top: 50px;
    width: auto !important;
}

.right-side-item {
    background: url("/img/composite-land-sprite.png?1") no-repeat left 100px;
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    padding-left: 21px;
    width: auto !important;
    position: relative;
}

.right-side-item-green {
    background-position: left -640px;
}

.right-side-item-blue {
    background-position: left -665px;
}

.right-side-item-red {
    background-position: left -689px;
}

.right-side-orang {
    background-position: left -713px;
}

.right-side-item-yellow {
    background-position: left -736px;
}

.topContainerComposite h1 {
    padding: 0;
    color: white;
    background-color: transparent;
}

.topContainerComposite h2 span {
    background: #feeb01;
    color: #444248;
    font-weight: normal;
    margin: 0;
    padding: 15px 25px;
    text-align: left;
    text-transform: uppercase;
}

.topContainerComposite .slide-content__title h1 {
    margin-bottom: 15px;
}

.topContainerComposite .slide-content__title h2 {
    /*display: inline-block;
    vertical-align: middle;*/
}

.topContainerComposite .container {
    position: relative;
}

.b-img-composite {
    position: absolute;
    bottom: -220px;
    right: 20%;
    -webkit-transform: translate(30%, 0);
    transform: translate(30%, 0);
}

.price_label {
    position: absolute;
    top:0px;
    right:126px;
}

#get-by {
    margin:0px;  
    text-align: left;
    color: #000;
    position:relative;
    width:100%;
    overflow: hidden;    
    
}
#get-by .container {
    position: relative;
    padding-bottom:55px;
}
#get-by #notebook_home {
    position: absolute;
    right:-120%;
    bottom: -28px;  
}
#get-by #notebook_home.view {
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    -o-transition: ease-out 0.4s;
    transition: ease-out 0.4s;      
    right:-18%;
}
#get-by h3 {
    
    
} 

#get-by .getByItem {
    opacity:0;
    margin-top:25px;
}
#get-by .getDeskop {
    width:50%;
}
#get-by .getByItem.view {
    opacity:1;
}
#get-by .getByItem:first-child {
    margin-top:0px;
}
#get-by .getByItem .getByDescription {
    margin-left: 72px;
    display: block;
}

#get-by .getByItem .getByIcon {
    max-width: 56px;
    float: left;
}

#get-by .getByItem .getByIcon img {
    max-width: 100%;
}

#get-by .getByItem .getByTxt {
    font-size:15.67px;
    color:#444248;

    margin-top:15px;
}
#get-by .getByItem .getByName {
    text-transform: uppercase;
    font-size: 16.67px;
    color: #212121;    
}
#get-by h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0px;
    margin-top:10px;
}
#get-by .item {
    padding: 14px 0 24px;
    overflow:hidden;
}
#get-by .get_image {
    max-height: 200px;
    max-width:100%;
}

#why-we {
    padding-bottom:24px;
    background-color: #7fd600;
    position: relative;
    width: 100%;
    z-index: 0;
    color:#3c4144;
}
#why-we h3 {
    color: #262626;
    font-size: 29.17px;
    margin-bottom: 0px;
    font-weight: bold;
}
#why-we h4 {
    color:#262626;
    margin-top:3px;
    font-size: 17.5px;
    line-height: 26px;
    text-transform: uppercase;
}
#why-we .why_count {

}

#why-we .reasonContainer {
    padding-top: 40px;
    padding-left: 25px;
}

#why-we .why_icon {
    float: left;
    margin-right: 13px;
}

#why-we .reasons {
    font-size: 0;
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
}

#why-we .reasons li:nth-child(1) {
    background: url("/img/topleft.png") no-repeat;
    background-size: 100% 100%;
}
#why-we .reasons li:nth-child(2) {
    background: url("/img/bottomleft.png") no-repeat;
    background-size: 100% 100% ;
    
}
#why-we .reasons li:nth-child(3) {
    background: url("/img/topleftgradient.png") no-repeat;
    background-size: 100% 100%;    
}
#why-we .reasons li:nth-child(4) {
    background: url("/img/topleftgradient.png") no-repeat;
    background-size: 100% 100%;    
}
#why-we .reasons li:nth-child(5) {
    background: url("/img/bottomright.png") no-repeat;
    background-size: 100% 100%;    
}
#why-we .reasons li {
    overflow: hidden;
    margin-left: -3px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(20% - 10px);
    height: 296px;
    color: #3c4144;
    margin: 0 5px 20px;
    text-align: left;
}

#why-we .reasons li span {
    font-size: 18px;
    line-height: 21px;
    display: block;
    line-height: normal;
    color: #111111;
    padding-right: 20px;
}

#why-we .reasonContainer .txt {
    font-size: 15.28px;
    position: absolute;
    top: 108px;
    padding-right: 20px;
}

#start {
    position: relative;
    width: 100%;
}

#start input {
    padding: 12px 58px 12px 16px;
    margin-top: 10px;
    display: block;
    width: 100%;    
    border: 3px solid transparent;
}

#start h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 14px;
    margin-bottom: 4px;    
}

#start .button {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

#reviews {
    padding-bottom: 25px;
    background: #fff;    
    color: #ab1926;
}

#reviews .center {
    margin-top:25px;
}

.c-reviews-items {
    font-size: 0;
    margin-left: -10px;
    margin-right: -10px;
}

#reviews .popup {
    width: calc(14% - 10px);
    height: 220px;
    line-height: 220px;
    display:inline-block;
    border:1px solid #ccc;
    margin: 0 5px 10px;
    overflow: hidden;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
}

#reviews .popup:focus {
    outline: none;
}

#reviews .button {
    color: #444248;
    margin-top: 30px;
    margin-right: 5.66%;
    float: right;
}


#reviews .button:hover {
    background: #444248;
    color: #fff;
}

#reviews .popup:hover {
    border-color: #ab1926;
}

#reviews .popup img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

#end_page {
    padding-bottom:26.666px;
    background: #F0F0F0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.home-portfolio {
    padding:0px;
    padding-bottom:50px;
    width:100%;
    background: #fff;
}
.porfolio-list {
    min-height: 500px;
    margin-left: -5px;
    margin-right: -5px;
    font-size: 0;
}

.home-portfolio-list {
    margin-left: -5px;
    margin-right: -5px;
    font-size: 0;
}

.hp-item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 12px);
    height: 190px;
    margin: 0 5px 10px;
    padding:0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    cursor: pointer;
}

.allPorfolio {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 12px);
    margin: 0 5px 10px;
}
.allPorfolio a {
    text-decoration: none;
    border: 10px solid #b6bbc1;
    font-size: 23.33px;
    color: #272a2f;
    text-transform: uppercase;
    text-align: center;
    height: 190px;
    line-height: normal;
    padding-top: 60px;
    display: block;
}
.allPorfolio a:hover {
    border-color:#424146;
    background: #424146;
    color:#fff;
}
.hp-item img {
    width: 100%;
    /*height: 190px;*/  
    display: block;
}

@media all and (min-width: 999px) {
    .hp-item img{
        height: 100%;
        width: auto;
        max-width: initial;
    }        
}

.hp-overlay {
    -webkit-transition: ease-out 0.3s;
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;      
    opacity: 0;
    display: block;
    position: absolute;
    width:100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top:0;
    color:#fff;
}
.hp-overlay * {
    font-family:MyriadProRegular;
}
.porfolioBtnMore {
    width:41px;
    height: 41px;
    position: absolute;
    bottom:10px;
    right: 10px;
    background: url("/img/btnMorePortfolio.png") center no-repeat;
}
.porfolioBtnMore:hover {
    background: #000 url("/img/btnMorePortfolio.png") center no-repeat;
}
.hp-type {
    font-size: 20px;
    line-height: 20px;
    padding-bottom:10px;
}
.hp-name {
    font-size: 22px;
    font-weight: bold;
  
    line-height: 20px;
}

.hp-categories li {
    font-size: 16.44px;
    float:left;
    position: relative;
    margin-right:15px;
}
.hp-categories li:after {
    content: '·';
    position: absolute;
    top:0px;
    right: -8px;
}
.hp-categories li:last-child {margin-right:0;}
.hp-categories li:last-child:after {
    display: none;
}

.hp-text {
    padding:25px 25px 0 25px;
    width:100%;
    height: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position: relative;
    top:-100%;
    -webkit-transition: ease-out 0.2s;
    -moz-transition: ease-out 0.2s;
    -o-transition: ease-out 0.2s;
    transition: ease-out 0.2s;   
    display: block;
    color: white;
    text-decoration: none;
}

.first-heading {
    margin:0px;
    padding:40px 0px;
    font-size:29px;
    text-transform: uppercase;
}

.hp-buttonwrap {
    display: block;
    width: 100%;
    text-align: center;
    padding:20px 0;
    clear:both;
    display: none;
}
.hp-button {
    background: #c1ed6e;
    display: inline-block;
    text-decoration: none;
    font-family: Arial, Helvetica;
    font-size: 20px;
    padding: 12px 58px 12px 56px;
    border-radius: 3px;
    color: #000;
}


.clientsblock h3 {
    margin-top: 0;
    font-weight:normal;
}
.clientitem {
    float:left;
    width: 184px;
    height: 184px;
    display: block;
    margin-right:10px;
    margin-bottom:10px;

}
.clientitem:hover {}
.clientitem img {
    max-width: 100%;
}
.indexheading {

    text-align: center;
    color: #AD0808;
}
.clientsgrid {
    /*padding: 0 0 60px;*/
    /*margin-right: -10px;*/
}
.clientsgrid span {
    margin-bottom:50px;
    /*float:none;
    margin-left:-1%;
    display: inline-block;
    vertical-align: top;*/
}
.clientsbg {
    overflow: hidden;
    /*background: #e0e9f2;*/
    padding-top: 35px;
    padding-bottom: 25px;
}

.clientsblock span img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.bx-breadcrumb i {
    font-size: 10px;
}

footer {
    padding-top: 50px;
    padding-bottom: 15px;
    color: #fff;
    background: #25282d;
}

footer .footer_content {
    padding-top:0px;
    margin: auto;
}

footer .column {
    float: left;
}

footer .column.col-footer-nav {
    width: 20%;
}

footer .column.column_contacts {
    width: 30%;
}

.fNavTitle {                  
    text-transform: uppercase;
    font-size: 17px;
    font-weight: normal;
}

footer a {
    color: #fff;
    text-decoration: none;
}

.c-footer-data-b {
    float: right;
    width: 25%;
}   

.col-footer-nav li:first-child {
    margin-bottom: 21px;
}

.col-footer-nav li + li {
    margin-top: 2px;
}

.column_contacts li + li {
    margin-top: 23px;
}

footer a:hover, footer a:focus, footer a:active {
    opacity:0.6;
    color:#fff;
}

footer .container {
    position: relative;
}

.footer-details-main {
    position: absolute;
    left: 15px;
    bottom: 0;
}

.footer_form .algoritmMainForm {
    width:100%;
    background: transparent;
}
.footer_form .algoritmMainForm .formCotainer {
    padding:0px;
}

.footerAnyQusetion {
    font-family: FreeSet;
    font-size: 25px;
    text-align: center;
}

.footerManager {
    font-family: FreeSet;
    font-size: 14px;
    border-top: 3px solid #feeb01;
    padding-top: 10px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.bottom_footer_block{

}

.footer_logo_container {
    float: left;
    font-family: MyriadProRegular;
    font-size: 15px;
    line-height: 19px;
}

.footer_logo_container p {
    margin-bottom: 15px;
}   

.footer_form .algoritmMainForm .inputTxt {
    border-color: transparent;
}               
.footer_form .algoritmMainForm .user_comfirm {
    color: #fff;
    font-size: 15px;
    padding: 10px 0px;
    text-align: center;
    display: block;
    background: transparent;
    border-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.footer_form .algoritmMainForm .user_comfirm:hover {
    opacity:1;
    background: #feeb01;
    color:#25282d;
    border-color:transparent;
}

.anim-slide:not(.static-position) .title-gray > *,
.anim-slide:not(.static-position) h4,
.anim-slide:not(.static-position) h2 {
    text-transform: uppercase;
}

.anim-slide .title-yellow > *,
.anim-slide h3,
.anim-slide h1 {
    font-family:FreeSet;
}

.sticky-wrapper {

}

.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9;
    font-size: 0;
}

.sp-megamenu-parent > li.menu-justify {
    position: static;
}

.sp-megamenu-parent > li > .megaMenu-parent > a,
.sp-megamenu-parent > li > a {
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
    position: relative;
}

.megaMenu-parent {
    position: relative;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > .megaMenu-parent > a,
.sp-megamenu-parent > li:hover > a {
    background-color: #feeb01;
    color:#000;
}

.sp-megamenu-parent > li:hover > .megaMenu-parent > .megaMenu-arrow {
    color: #000;
}

.sp-megamenu-parent .sp-module {
    padding: 10px;
}

.sp-megamenu-parent .sp-mega-group {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sp-megamenu-parent .sp-dropdown {
    display: none;
    z-index: 10;
    margin: 0;
    background: #6a7175;
}

.sp-megamenu-parent .sp-dropdown a:hover,
.sp-megamenu-parent .sp-dropdown a:focus {
    background-color: #585e61;
}

.sp-megamenu-parent .sp-dropdown a {
    padding: 16px 30px;
    display: block;
    font-size: 16px;
    color: white;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #fff; 
    padding: 20px;
    background-color: #fff;
    padding-top:0px;
}

.sp-megamenu-parent .sp-dropdown a {
    text-decoration: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
    font-family: "FontAwesome";
    content: " \f105";
    float: right;
}

.sp-megamenu-parent .sp-dropdown.sp-menu-center {
    margin-left: 45px;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 100%;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: 0;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
    right: 0;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    top: 0;
    left: 100%;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
    padding: 0;
    position: relative;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    display: block;
    padding: 10px;
    color: #333;
    cursor: pointer;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title {
    text-transform: uppercase;
    font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
    color: #fff;
}

.sp-megamenu-parent .sp-dropdown-mega > .row {
    margin-top: 30px;
}

.sp-megamenu-parent .sp-dropdown-mega > .row:first-child {
    margin-top: 0;
}

.sp-megamenu-parent.menu-fade .sp-has-child:hover >.sp-dropdown {
    -webkit-animation: spMenuFadeIn 400ms;
    animation: spMenuFadeIn 400ms;
}

.sp-megamenu-parent.menu-zoom .sp-has-child:hover >.sp-dropdown {
    -webkit-animation: spMenuZoom 400ms;
    animation: spMenuZoom 400ms;
}

.sp-megamenu-parent.menu-fade-up .sp-has-child:hover > .sp-dropdown {
    -webkit-animation: spMenuFadeInUp 400ms;
    animation: spMenuFadeInUp 400ms;
}

#sp-header {
    background-color: #3c4144;
}

#sp-menu {
    position: relative;
    z-index:800;
}


.btnMore {
    border:2px solid transparent;
    cursor: pointer;
}
.btnMore .btnMoreTxt {
    color:#fff;
    text-transform: uppercase;
    font-size:22px;
    background: #444248;
    padding:15px;
    height: 50px;
    
}
.btnMore .btnMoreIcon {
    height: 50px;
    width:40px;    
    background: #feeb01 url("/img/arrowBtn.png") center no-repeat;
}

.fleft {
    float:left;
}
#alg_services {
    /*margin-bottom:-25px;*/
    background: #e5e5e5;
    text-align: center;    

}

.contextual-adv #alg_services .container {
    margin-top: -322px;
}

.topContainerKontext + .contextual-adv #alg_services .container {
    margin-top: -300px;
}

#alg_services .container {
    margin-top:-300px;
    position: relative;
}

#alg_services h4 {
    text-align: center;
    font-family: MyriadProRegular;
    width: 60%;
    text-transform: uppercase;
    margin: 0 auto;
    font-size: 23.33px;
    color: #111111;
    line-height: normal;
}
#alg_services .section_list_top h4 {
    /*font-size:22.22px;*/
    width:100%;
}

#alg_services .alg_services_item {
    text-align: left;
    height: 300px;
    padding: 0;
    /*overflow: hidden;*/
    /*opacity: 0;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#alg_services .alg_services_item.alg_services_item_wout-color {
    height: auto;
}

#alg_services .alg_services_item.alg_services_item_wout-color .alg_services_block {
    padding-bottom: 3px;
}

#alg_services .alg_description_serv {
    position: absolute;
    left: 0; right: 0;
    top: 100%;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #fff;
    width: 100%;
    overflow: hidden;
    padding-bottom: 4px;
    -webkit-transform-origin: top;
    transform-origin: top;
    z-index: 12;
}

#alg_services .alg_description_serv.view {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

#alg_services .alg_description_serv p {
    font-family: Arial;
    margin: 0;
    padding: 17px 20px 0;
    text-align: left;
    color: #1c1c1c;
    font-size: 16.67px;
    font-weight: normal;
}

#alg_services span.btnMoreServices {
    width: 39px;
    height: 39px;
    display: inline-block;
    background: url("/img/btnMoreServices.png") center no-repeat;    
    margin: 0 0 18px 18px;
}

#alg_services span.btnMoreServices:hover {
    background-color: #000;
}

#alg_services a.btnMoreServices {
    display: block;
    -webkit-box-shadow: 0 0 0 3px #b6bbc1 inset;
    box-shadow: 0 0 0 3px #b6bbc1 inset;
    padding: 13px 18px;
    text-transform: uppercase;
    color: #353535;
    font-size: 12px;
    line-height: 13px;
    font-family: Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 18px 18px;
}

#alg_services a.btnMoreServices:hover {
    background-color: #b6bbc1;
    color: white;
    text-decoration: none;
}

#alg_services .alg_description_serv .btnMore {
    position: absolute;
    right: -2px;
    bottom: -2px;
}

.alg_services_block {
    position: relative;
    height: 100%;
    cursor: pointer;
}

.alg_services_block:after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 41px;
    height: 41px;
    background: url("/img/btnMoreServices-white.png") no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.alg_services_block.open:after {
    background-image: url("/img/btnMoreServices-close.png");
}    

.alg_services_block-align {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
}

.section_list_top {
    height: 100%;
}

#alg_services .alg_services_item.alg_services_item_wout-color {
    background-color: transparent !important;
}

#alg_services .alg_services_item:nth-child(1) {
    background: #7fd600;
}

#alg_services .alg_services_item:nth-child(1) .service_price_color,
#alg_services .alg_services_item:nth-child(1) .alg_services_block,
#alg_services .alg_services_item:nth-child(1) .flex-align-center {
    background-color: #7fd600;   
}

#alg_services .alg_services_item:nth-child(2) {
    background: #f94ec1;
}

#alg_services .alg_services_item:nth-child(2) .service_price_color,
#alg_services .alg_services_item:nth-child(2) .alg_services_block,
#alg_services .alg_services_item:nth-child(2) .flex-align-center {
    background-color: #f94ec1;
}

#alg_services .alg_services_item:nth-child(3) {
    background: #feeb01;
}

#alg_services .alg_services_item:nth-child(3) .service_price_color,
#alg_services .alg_services_item:nth-child(3) .alg_services_block,
#alg_services .alg_services_item:nth-child(3) .flex-align-center {
    background-color: #feeb01;
}

#alg_services .alg_services_item:nth-child(4), 
#alg_services .col-xs-4.alg_services_item:nth-child(3) {
    background: #38d6ff;
}

#alg_services .alg_services_item:nth-child(4) .service_price_color,
#alg_services .alg_services_item:nth-child(4) .alg_services_block,
#alg_services .alg_services_item:nth-child(4) .flex-align-center {
    background-color: #38d6ff;
}

#alg_services a {
    text-decoration: none;
    color:#3c4144;
    display: block;
    overflow: hidden;
}

#alg_services .alg_services_icon {
    position: relative;
    /*margin-top: 55px;
    margin-bottom: 16px;*/
    min-height: 100px;
    height: 170px;
    line-height: 170px;
}

#alg_services .alg_services_description {
    padding:25px;
    background: #fff;
    font-size:16.67px;
    text-align: left;
}
#alg_services .alg_services_icon span {
    color:#000;
    font-family:MyriadProRegular;
    font-size:58px;
}
#alg_services .alg_services_icon img.w_auto {
    width:auto;
}

#alg_services .section_list_top .alg_services_icon {
    /*margin-top:50px;
    margin-bottom: 38px;*/
}

#alg_services .col-xs-4 .section_list_top .alg_services_icon {
    /*margin-top:35px;
    margin-bottom:23px;*/
}
#alg_services .col-xs-4 .section_list_top h4 {
    width:80%;
}

#alg_services .alg_services_icon img {
    width:62px;
    display: inline-block;
    vertical-align: middle;
}

#alg_services .section_list_top .alg_services_icon img {
    width:auto;
}
#alg_services a:hover .alg_services_icon {
      
}

.alg_services_item .flex-align-center {
    height: 210px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.flex-align-center > * {
    margin: auto;
}

#alg_services .alg_services_item.bg-lidogeneration {
    /*background: url("/img/bg-lidogeneration.jpg") no-repeat #38d6ff;*/
}

#alg_services .alg_services_item.bg-banner-adv {
    /*background: url("/img/bg-banner-adv.jpg") no-repeat 50% 50% / cover #feeb01;*/
}

.service_price {
    /*bottom: 3px;
    position: absolute;
    left: 0;*/
    font-size: 23px;
    font-family: MyriadProRegular;
    width: 167px;
    height: 49px;
    line-height: 38px;
    text-align: center;
    background: url("/img/price_bg.png") no-repeat;
}

.service_price_color {
    background-image: url("/img/price_bg-color.png");
}

.service_price_green {
    background-image: url("/img/price_bg-green.png");
}

.anim-slide-this div.service_price_green {
    width: 200px;
    margin-bottom: 10px;
}

.anim-slide-this div.service_price_green * {
    color: #000;
}

.anim-slide-this br {
    position: relative;
}

.service_price span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
}
#end_page h3 {
    margin-bottom:10px;
}

.b-map {
    margin-top: 16px;
    margin-bottom: 20px;
    height: 320px;
}

.techItem {
    display: inline-block;
    width:24%;
    vertical-align: middle;
    text-align: center;
    margin-bottom:25px;
}           

.techologiesb {
    background: #f0f0f0;
    padding-bottom:20px;
}

#how_we_work {
    background-image: url(/img/work_proccess.jpg);
    background-position: center;
    background-size: cover;
    /*height: 570px;*/
    color:#fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

#how_we_work .container {
    overflow: hidden;
    position: relative;
    
    
}
#how_we_work h3 { 
    margin-bottom:30px;
    position: relative;   
    color:#fff;  
}                
.view_item {   
    position: relative;
    width: 20%;
    vertical-align: bottom;
    display: inline-block;
    margin-left: -0.5%;
}
.view_item_fly_container {
    -webkit-transition: ease-out 0.25s;
    -moz-transition: ease-out 0.25s;
    -o-transition: ease-out 0.25s;
    transition: ease-out 0.25s;          
    position: relative;
    top:-1000px;
}
.view_item_fly_container.view {
    top:0px;
}

.view_item_icon {
    height: 84px;
    line-height: 84px;
}

.view_item_name {
    text-transform: uppercase;
    font-size: 19px;
    margin: 15px auto 20px;
    width: 100%;
    /*width:60%;*/
}

.view_item_icon img {
    width:55px;
    display: inline-block;
    vertical-align: middle;
}
.view_item_position {
    font-size:35px;
    color:#3d3d3e;  
}
.view_item_position span {
    position: relative;
    top:50px;
}

.view_position_1 {
    height: 126px;
    background: #7fd600;
}

.view_position_2 {
    height: 185px;
    background: #f94ec1;
}

.view_position_3 {
    height: 240px;
    background: #feeb01;
}

.view_position_4 {
    height: 300px;
    background: #38d6ff;
}

.view_position_5 {
    height: 360px;
    background: #7fd600;
}

.mob-on {
    display:none;
}
.mobile-menu {
    width: 100%;
    left:0px;
    top:20px;
    position: fixed;
    z-index: 100;
}
.mobile-menu .mobile-menu-list {
    padding:0px;
    margin:0px;
    /*display:none;*/
    max-height: 0;
    overflow: hidden;
    width:100%;
    margin-top:54px;
    -webkit-transition: linear 0.4s;
    -moz-transition: linear 0.4s;
    -o-transition: linear 0.4s;
    transition: linear 0.4s;  
}

.mobile-menu .mobile-menu-list.menu-open {
    max-height: 800px;
}
.mobile-menu .mobile-menu-list a {
    display: block;
    text-decoration: none;
    padding:20px 10px;
    border-top: 1px solid #ccc;
    text-transform: uppercase;
    font-family:MyriadProBold;
    background: #3c4144;    
    color:#fff;
}

.mobile-menu .mobile-menu-list li:first-child a {
    border-top: none;
}

.mobile-menu .mobile-menu-list a:focus {
    background: #fff;
    color:#3c4144;
}

.mobile-menu .mobile-menu-icon {
    display: block;
    position: absolute;
    right:0px;
    z-index:1000;
    clear: both;
    width: 61px;
    height: 54px;
    background: url("/img/menu-icon-mobile.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.mob-on.mobile-phones {
    position: absolute;
    left:0px;
    top:122px;
}
.mob-on.mobile-phones .mobile-phone {
    z-index: 50;
    display: block;
    color: #fff;
    font-size: 23px;
    margin-bottom: 9px;
    font-family: FreeSet;
    text-decoration: none;
    padding: 14px;
    background: #424146 url("/img/mobile_phone_icon.png") no-repeat;
    background-size: 11px;
    background-position: 16px 13px;
    padding-left: 44px;
}

.mob-on.mobile-phones .mobile-phone.mobile-phone_tel {
    background-image: url("/img/icn-mail.png");
    background-size: 26px;
    background-position: 9px 13px;
}

.mob-on.mobile-phones .mobile-phone:active {
    background: #fff;
    color:#424146;
}
.mobile-slogan {
    position: absolute;
    background: #feeb01;
    left: 0px;
    top: 70px;
    padding: 10px;
    font-size: 21px;
    font-family: FreeSet;    
}
.alg_fade {
    position: fixed;
    left:0px;
    top:0px;
    width:100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.42);
    z-index: 1000;
    display:none;
}


.algSectionList .algSectionFilterItem {
    display:inline-block;
    vertical-align: middle;
    border:2px solid #3c4144;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    min-width: 100px;
    margin-right: 10px;
    margin-bottom:15px;
}
.algSectionList .algSectionFilterItem:hover {
    color:#fff;
    background: #3c4144;
}
.algSectionList .algSectionFilterItem.active {
    border-color:red;
}

.algLaptop img {
    width:100%
    
}
.algLaptop {
   width: 1088px;
   height: 829px;
   background: url("/img/laptop.png");
   background-repeat: no-repeat ;
   background-size:contain;
   overflow: hidden;
   margin: 0 auto;
   margin-bottom: 35px;
    
}
.algLaptop .algContainerScreenShot {
    width: 1000px;
    height: 566px;
    overflow-x: auto;
    overflow-y: scroll;
    margin: 0 auto;
    position: relative;
    left: 1px;
    top: 40px;
}
.algTable {
    width: 850px;
    height: 615px;
    background: url("/img/air-pro.png");
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    vertical-align: top;
    margin: 0 auto !important;
    float:none !important;
}
.algTable .algContainerScreenShot {
    width: 746px;
    margin: 0 auto;
    height: 553px;
    overflow-x: auto;
    overflow-y: scroll;
    position: relative;
    top: 31px;
}
.algPhone {
    width: 302px;
    height: 622px;
    background: url("/img/yabloko-phone.png");
    background-repeat: no-repeat ;
    background-size:contain;
    overflow: hidden;    
    display:block;
    margin:0 auto !important;
    float:none !important;

}

.algPhone .algContainerScreenShot {
    width: 262px;
    margin: 0 auto;
    position: relative;
    top: 74px;
    overflow-x: auto;
    overflow-y: scroll;
    height: 467px;
}
.algContainerScreenShot img {
    width:100%;
    max-width: 100%;
}

.porfolioQuest {
    font-size:17px;
    padding: 20px 30px;
    background: #9dd503;
}

.porfolioQuestList {
    font-size:16px;
    min-height: 320px;
    padding: 20px 30px;
    background: #38d6ff;
}
.porfolioQuestList li {
    margin-bottom:20px;
    padding-left:40px;
    padding-top: 7px;
    background: url("/img/list_portfolio.png") left no-repeat ;
}
.algAllWorks {
    display: block;
    width: 250px;
    text-align: center;
    margin: 0 auto;
    clear: both;
    margin-bottom:40px;
        
}
.algPorfolioDetail h4 {
    text-transform: uppercase;       
    font-style: normal;
    font-size:19px;
    margin-top: 15px;    
    margin-bottom: 20px;    
}
.algPorfolioDetail {
    font-family:FreeSet;
}

h4.resultWithArrow {
    font-family:Arial;
    font-size:28px;
    font-weight: bold;
    text-align: center;
    margin-bottom:25px;
}

.magicBlock {
    margin: 40px 0px;
    clear: both;
    height: 1px;
}

#reviewsList .reviewDescription {
    margin-bottom:45px;
    font-family:MyriadProRegular;
    font-size:16px;
}
#reviewsList .reviewItem {
    width:100%;
    margin-bottom:45px;
    clear:both;    
}
#reviewsList .leftCol {
    width:15%;
    margin-right: 4%;
}
#reviewsList .leftCol img {
    border:1px solid #ededee;
    max-width:100%;
}
#reviewsList .rightCol {
    width:75%;
    font-size:MyriadProRegular;
}
#reviewsList .rightCol .reviewTxt {
    font-size:16px;
    line-height: 30px;
}
#reviewsList .rightCol .reviewName {
    font-size:25px;
    font-weight:bold;
    margin-bottom:15px;
}
#sectionList {
    background: #F0F0F0;
    color: #3c4144;
}
#sectionList .container {
    padding:40px 0px;
}

#sectionList .sectionPrice:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 12px;
    left: -1%;
    z-index: 100;
}
#sectionList .sectionPrice:after {
    z-index:50;
    content: "";
    width: 20px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: -20%;
    border: 16px solid transparent;
    border-right: 16px solid #3c4144
    
}
#sectionList .sectionPrice {
    position: relative;
    font-weight: bold;
    width: 160px;
    margin: 0 auto;
    margin-top: 20px;
    color: #fff;
    background: #3c4144;
    padding-top: 5px;
    padding-bottom: 4px;   
}
#sectionList .sectionPrice span {
    font-size:20px;
}
#sectionList .sectionName {
    text-transform: uppercase;
    font-weight: bold;    
    font-family:"Tahoma";
    font-size:16px;
    margin:10px 0px;
    color:#000;
}

#sectionList .sectionItem {
    width:24%;
    position: relative;
    padding: 0px 15px;
}

#problem {
    padding-bottom: 30px;
}

#problem .problemItem {
    width: 33%;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 50px;
    font-family:FreeSet;
    font-size: 16.67px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#problem .problemItem:last-child {
    margin-bottom: 0;
}

#problem .problemDescription {
    font-size:18px;
    margin-top:10px;
}

#problem .problemItem .problemIcon {
    text-align: center;
}

#problem .problemItem .problemName {
    color: #212121;
    font-weight: bold;
    font-family: FreeSet;
    font-size: 17.5px;
    text-transform: uppercase;    
    margin-top: 15px;
    margin-bottom: 25px;
}
#problem .problemItem .problemSubName {
    color: #212121;    
    font-family:FreeSet;
    font-size:17.5px;
    margin-top:-10px;
    margin-bottom:20px;
    font-weight: bold;
}
#problem .problemItem .problemSubName.link{
    display: block;
}
#problem .lineProblem {
    /*padding-left:45px;*/
    margin: 0 auto;
    display: block;
}
#problem .problemTxtBottom {
    font-size:18px;
    vertical-align: middle;
    padding-left:35px;
    padding-top:9px;
}
#emptyBanner {
    color:#000;
    height: 570px;
    background: url(/img/vid_bg.jpg) 50% 0 repeat fixed;
    text-align: center;
    position: relative;
    background-size: 100%;    
}

#development img {
    max-width:100%;
}
#portfolioEndPage h3 {
    margin:0px;
    padding:20px 0px;
    color:#fff;
    background: #3c4144;
}
.porfolioLine .button {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 250px;
}
.porfolioLine {
    background: #3c4144;
    padding: 20px 0px;
}

#seoPage #seoBanner {
    width: 100%;
    min-height: 400px;
    background: url("/img/seobg.jpg") center no-repeat;
    background-size: cover;
    padding-top: 60px;
    color: #fff;
    text-shadow: #030617 1px 1px 5px, #030617 0px 0px 3px, #030617 0 0 1em, #030617 1px 1px 5px, #030617 0 0 10px;
}

#seoBanner .bannerSlogan {
    width: 80%;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
    line-height: 28px;
}
#seoBanner .searchSystems {
    margin-top:50px;
}
#seoBanner .searchSystems div {
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    width:33%;
        
}
#seoServices {
    overflow: hidden;
    min-height: 564px;
}
#seoServices .seoItem .seoName {
    font-weight: bold;
    font-size:17px;
    text-transform: uppercase;
    margin:15px 0px;
}

#seoServices .seoItem .seoPrice:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 12px;
    left: -1%;
    z-index: 100;    
}
#seoServices .seoItem .seoPrice:after {
    z-index: 50;
    content: "";
    width: 20px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: -20%;
    border: 16px solid transparent;
    border-right: 16px solid #3c4144;    
}
#seoServices .seoItem .seoPrice {
    position: relative;
    font-weight: bold;
    width: 160px;
    margin: 0 auto;
    margin-top: 20px;
    color: #fff;
    background: #3c4144;
    padding-top: 7px;
    padding-bottom: 2px;
}
#seoServices .seoItem .seoIcon, #sectionList .sectionItem .sectionImage {
    position: relative;
    top:1px;
}
#seoServices .seoItem:hover .seoIcon, #sectionList .sectionItem:hover .sectionImage {
    top:-10px;
}
#seoServices .seoItem .seoPrice span {
    font-size: 20px;    
}
#seoServices .seoItem .seoDescription {
    text-align: justify;
}
#seoServices .seoItem {
    width:33%;
    padding:50px;
    margin-top:-100%;
    position: relative;
}

#chooseContainer {
    min-height: 671px;
    background: url("/img/choose.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 40px;
}

#chooseContainer h3 {
    color:#fff;
    margin-top:50px;
    margin-bottom:50px;
}
#chooseContainer .chooseItem {
    width: calc(50% - 10px);
    height: 294px;
    margin: 0 5px 10px;
    font-family:FreeSet;
    padding: 32px 25px 50px;
}
#chooseContainer .chooseChangePosition {
    position: relative;
    /*bottom:-50px;*/
    font-size: 0;
    margin-left: -5px;
    margin-right: -5px;
}
#chooseContainer .chooseItem .chooseHead {
    margin: 0 0 25px 80px;
    font-size:17.5px;
    font-weight: bold;
}

#chooseContainer .chooseIcon {
    float:left;
    margin-right: 10px;
}

#chooseContainer .chooseItem .chooseBody {
    font-size:15px;
}

#chooseContainer .chooseItem:nth-child(1), 
#chooseContainer .chooseItem:nth-child(3) {
    background: url("/img/choose1.png") no-repeat;
    background-size: cover;
}
#chooseContainer .chooseItem:nth-child(2) {
    background: url("/img/choose2.png") no-repeat;
    background-size: cover;
}
#chooseContainer .chooseItem:nth-child(4) {
    background: url("/img/choose4.png") no-repeat;
    background-size: cover;
}
.bitrixBanner {
    background: url("/img/process_bg.jpg") center no-repeat;
    background-size: cover;
    min-height: 400px;
    color:#fff;
    text-shadow: #030617 1px 1px 2px, #030617 0px 0px 3px, #030617 0 0 1px, #030617 1px 1px 2px, #030617 0 0 5px;
}
.bitrixBanner p {
    font-size: 18px;
    padding-top: 30px;
    width: 50%;
    margin: 0 auto;    
}
.bitrixBanner .bx-logo {
    width:100px;
    margin:0 auto;
    position: relative;
}
.bitrixBanner .bx-logo img {
    z-index:10;
    position: relative;
}
.bitrixBanner .bx-logo-txt img {
    width: 440px;
    margin-top: 25px;
}
.bitrixBanner .bx-logo:hover:after {
    -webkit-transition: ease-out 0.2s;
    -moz-transition: ease-out 0.2s;
    -o-transition: ease-out 0.2s;
    transition: ease-out 0.2s;   
    content: "";
    width:100px;
    height: 100px;
    position: absolute;
    top:0px;
    left:0px;
    border-radius:50%;
    background: #fff;
    z-index:1;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.bitrixBanner .bx-logo:after {
    -webkit-transition: ease-out 0.2s;
    -moz-transition: ease-out 0.2s;
    -o-transition: ease-out 0.2s;
    transition: ease-out 0.2s;   
    content: "";
    width:100px;
    height: 100px;
    position: absolute;
    top:0px;
    left:0px;
    border-radius:50%;
    background: #fff;
    z-index:1;
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
}

.bitrixBanner .bx-logo:hover:before {
    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
    transition: ease-in 0.2s;   
    content: "";
    width:100px;
    height: 100px;
    position: absolute;
    top:0px;
    left:0px;
    border-radius:50%;
    background: #000;
    z-index:1;
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
}
.bitrixBanner .bx-logo:before {
    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
    transition: ease-in 0.2s;   
    content: "";
    width:100px;
    height: 100px;
    position: absolute;
    top:0px;
    left:0px;
    border-radius:50%;
    background: #000;
    z-index:1;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.bitrixBanner h3 {
    font-weight: normal;
    margin-top: 0px;
}
.bitrixBanner h3 b {
    font-weight: bold;
    font-size:36px;
}

#bitrixList {
    background: #3c4144;    
    color:#fff;
}
#bitrixList h3 {
    margin:0px;
}
#bitrixList .bxListItem {
    width: 24%;
    padding:40px;
    text-align: center; 
}

#bitrixList .bxListItem .bxItemName {
    font-weight: bold;
    font-size:17px;
    margin:10px 0px;
}

.servicesItem {
    padding:30px;
    width:24%;
}
.servicesName {
    font-size:16.666px;
    text-transform: uppercase;
    font-weight: bold;
}
.servicesMiniDescription {
    font-size: 12px;
    margin: 10px 0px;
    border-bottom: 1px solid red;
    padding-bottom: 10px;
}

#servicesBanner {
    width:100%;
    min-height: 400px;;
    background: url("/img/60-1.jpg") center no-repeat;
    background-size:cover;
    color:#fff;
    text-shadow: #030617 1px 1px 5px, #030617 0px 0px 3px, #030617 0 0 1em, #030617 1px 1px 5px, #030617 0 0 10px;    
    padding-top:60px;
}

#servicesBanner p {
    width: 80%;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
    line-height: 28px;

}
.servicesItems {
    overflow: hidden;
}
.servicesSlogan {
    width: 70%;
    padding-right: 120px;
    padding-left: 30px;
}
.servicesPrice {
    width:29%;
}
.bigPrice {
    font-size: 60px;
    color: red;
    margin-top:-7px;
    font-weight: bold;    
}

.reklamaBanner {
    width:100%;
    min-height: 400px;;
    background: url("/img/promo_bg.jpg") top no-repeat;
    background-size:cover;
    color:#fff;
    text-shadow: #030617 1px 1px 5px, #030617 0px 0px 3px, #030617 0 0 1em, #030617 1px 1px 5px, #030617 0 0 10px;    
    padding-top:60px;
    position: relative;
}

.reklamaBanner .container {
    position: relative;
    z-index:10;
}
.reklamaBanner p {
    width: 80%;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
    line-height: 28px;
}
.context_type:last-child {
    margin-left: 5%;
}
.context_type {
    width:45%;
    padding:50px;
    text-align: center;
    border: 2px dashed #ccc;
}
.context_price {
    font-size:20px;
    font-weight: bold;
    margin-top:20px;
    
}
.context_price span {
    font-size:30px;
}

.profBlock {
    background: #F0F0F0;
}
.cntPrimer {
    color: #fff;
    font-size: 40px;
    width: 160px;
    text-align: center;
    padding: 52px 0px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}
.cntPrimer span.dib {
    margin-bottom:10px;
}
.cntPrimer:after {
    content: "";
    width:100%;
    height: 100%;
    position: absolute;
    left:0px;
    top:0px;
    background-image: -ms-linear-gradient(bottom, #CC0000 0%, #FF0000 100%);

    background-image: -moz-linear-gradient(bottom, #CC0000 0%, #FF0000 100%);

    background-image: -o-linear-gradient(bottom, #CC0000 0%, #FF0000 100%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CC0000), color-stop(100, #FF0000));

    background-image: -webkit-linear-gradient(bottom, #CC0000 0%, #FF0000 100%);

    background-image: linear-gradient(to top, #CC0000 0%, #FF0000 100%);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.profi_context {
    width:49%;
    text-align: center;
}
.profBlock .rightBlock {
    width:330px;
    margin-left:30px;
}
.profBlock .leftBlock {
    width:745px;
}
.contextInput {
    width: 90%;
    margin: 0 auto;
    background-image: -ms-linear-gradient(bottom, #CC0000 0%, #FF0000 100%);

    background-image: -moz-linear-gradient(bottom, #CC0000 0%, #FF0000 100%);

    background-image: -o-linear-gradient(bottom, #CC0000 0%, #FF0000 100%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CC0000), color-stop(100, #FF0000));

    background-image: -webkit-linear-gradient(bottom, #CC0000 0%, #FF0000 100%);

    background-image: linear-gradient(to top, #CC0000 0%, #FF0000 100%);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px;
}
#get-by .algoritmMainForm {
    z-index:-100;
    position: absolute;
    right: 20%;
    top: -100%;
    
    
}
#get-by .algoritmMainForm.view {
    z-index:100;
    -webkit-transition: ease-out 0.6s;
    -moz-transition: ease-out 0.6s;
    -o-transition: ease-out 0.6s;
    transition: ease-out 0.6s;       
    top:220px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.43);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.43);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.43);
    max-width: 300px;
}

.algoritmMainForm {
    background: #fff;
    z-index:10;
    /*z-index:1000;*/
    font-family:MyriadProRegular;
    /*width:280px;*/
}
.algoritmMainForm .formCotainer {
    font-family:FreeSet;
    padding:18px 25px;

}
.algoritmMainForm .formHeader {
    background: #feeb01;
    font-size:23px;
    line-height: 23px;
    color:#2c2c2c;
    font-family:FreeSet;
}


.algoritmMainForm .inputTxt {
    position: relative;
    border: 3px solid #939393;
    padding: 7px 10px 7px 39px;
    margin-top: 15px;
    font-size: 15px;
    color: #797d86;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.algoritmMainFormPopup {
    z-index: 1500;
    position: fixed;
    left:50%;
    top:-1500px;
    margin-left:-225px;
}
.algoritmMainFormPopup.algoritmMainForm .formCotainer {
    padding: 25px 30px;
}
.algoritmMainFormPopup.algoritmMainForm {
    width:430px;
}
.algoritmMainFormPopup .formCotainer {
    line-height: 30px;
}
.algoritmMainFormPopup .button {
    text-transform: uppercase;
    color: #fff;
    background: #444248;
    border-color: #444248;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.algoritmMainFormPopup .button:hover {
    color:#444248;
    background: #fff;
}
.callBackClose {
    width:30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top:20px;
    z-index:100;
    background: url("/img/close_form.png");   
}
.callBackClose:hover {
    transform:rotate(180deg);
}
.callBackSuccessMessage {
    display:none;
    font-size:25px;
}
.alg_popup_block {
    background: #feeb01;
    position: fixed;
    width: 430px;
    left: 50%;
    top:-400px;
    z-index:1500;
    margin-left: -215px;
    font-size: 30px;     

    text-transform: uppercase;
    font-family: FreeSet;
    text-align: center;    
    
}
.alg_popup_block .head {
    padding:20px;
}
.alg_popup_block .body {
    padding:20px;
    font-size:25px;
    background: #fff;
}
.algoritmMainForm textarea.inputTxt {
    /*min-height: 150px;*/
    height: 70px;
    padding-left:10px;
    resize: none;
}
.algoritmMainForm .inputTxt.user_name {
    background: #fff url("/img/user_name.png") no-repeat;
    background-position:10px;
}
.algoritmMainForm .inputTxt.user_site{
    background: #fff url("/img/user_site.png") no-repeat;
    background-position: 16px 50%;
}

.algoritmMainForm .inputTxt.user_email {
    background: #fff url("/img/user_email.png") no-repeat;
    background-position: 11px 50%;
}

.algoritmMainForm .inputTxt.user_phone {
    background: #fff url("/img/user_phone.png") no-repeat;
    background-position: 15px 50%;
}

.algoritmMainForm .inputTxt.user_url {
    background: #fff url("/img/user_url.png") no-repeat;
    background-position: 15px 50%;
}

.algoritmMainFormPopup.algoritmMainForm .inputTxt.user_phone {
    background-position: 15px 50%;    
}
.algoritmMainForm .inputTxt.user_mail {
    background: #fff url("/img/mail.png") no-repeat;
    background-position:15px 50%;
}
.algoritmMainForm .user_comfirm {
    background: #444248;
    color:#fff;
    border-color:#444248;
    text-transform: uppercase;
    margin-top: 18px;
}
.algoritmMainForm .user_comfirm:hover {
    background: transparent;
    color: #444248;
}
.algoritmMainForm .user_comfirm, .algoritmMainForm .inputTxt {
    width:100%;
    display:block;
}

.action_name {
    font-size:16px;
    color:#000;
    font-family:FreeSet;
    margin:25px 0;
    text-align: center;
}

#counter {
    text-align: center;
}

#counter div {
    padding-top:2px;
    width:64px;
    height: 67px;
    display: inline-block;
    vertical-align: top;
    color:#fff;
    background: url(/img/time_bg.png)  no-repeat;
    background-size:cover;
    text-align: center;  
    position: relative;  
}
#counter div span {    
    font-family:Agency;
    display:block;
    clear:both;
    text-align: center;
    font-size: 42.86px;
    margin-top: 14px;    
    margin-bottom: 3px;
}
#counter div em {
    font-family: "Arial";
    font-size: 16.67px;
    position: relative;  
    font-style: normal;
}
#counter div:nth-child(2) {
    margin:0px 10px;
}
#counter div:nth-child(2):before {
    content: "";
    position: absolute;
    width: 5px;
    height: 12px;
    background: url(/img/timer_bullets.png) no-repeat;
    left: -8px;
    top: 50%;
    margin-top: -6px;
}
#counter div:nth-child(2):after {
    content: "";
    position: absolute;
    width: 5px;
    height: 12px;
    background: url(/img/timer_bullets.png) no-repeat;
    right: -8px;
    top: 50%;
    margin-top: -6px;
}
.algoritmMainForm .inputTxt:first-child {
    margin-top:0px;
}

.contextItem {
    width:19%;
    padding:10px;
}
.contextItem p {
    margin-top:10px;
    font-size:16px;
}
.container {
    /*padding:0px;*/
}

.greenLine {
    padding: 22px 0px;
    background: #9dd503;
    /*line-height: 30px;*/
}

.greenLine.greenLine_gap-md {
    padding-top: 52px;
    padding-bottom: 52px;
}

.greenLine__container {
    margin-bottom: 30px;
}

.greenLine .greenLine__container p {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
}

.greenLine .uppercase-text {
    font-size: 20px;
    line-height: 22px;
    margin-top: 14px;
    color: #000;
    font-weight: 700;
}

.uppercase-text {
    text-transform: uppercase;
}

.greenLine p {
    font-size:16px;
    line-height: 22px;
    font-family:FreeSet;
    color:#000000;
    margin:0px;
    padding:0px;
    width:75%;
}
.greenLine .container {
    position: relative;
}
.greenLine .algoritmMainForm {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.43);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.43);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.43);    
    position: absolute;
    right: 0px;
    /*top:-102px;*/
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.greenLine .algoritmMainForm.algoritmMainForm_relative {
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.dev_proc {
    
}
.dev_proc .dev_proc_pic {
    width:84%;
    display:inline-block;
    vertical-align: middle;
    margin-bottom:6%;
}

.dev_proc .dev_proc_pic.dev_proc_pic_lg {
    margin-bottom: 120px;
    width: 100%;
}

.dev_proc .rocket {
    display:inline-block;
    vertical-align: middle;
    font-size:16px;
    width:13.8%;
    margin-left:1%;
    position: relative;
    top: -7px;    
}
.dev_proc .rocket img {
    clear:both;
    width:100%;
}
.dev_proc h3 {
    font-size:30.56px;
    margin-top:100px;
    margin-bottom:80px;
}

.dev_proc h3.reset-mt {
    margin-top: 0;
}

#order_table {
    padding-bottom: 25px;
    margin-top: 10px;
}
.order_table_block {
    width: 40%;
    text-align: center;
}

.order_table_block .btn {
    display: block;
    margin: 50px auto 0;
    max-width: 344px;
    white-space: normal;
}

.order_table_block .btn .f-btn-word {
    display: block;
}

.order_table_img {
    margin-bottom: 15px;
}

.order_table_item.dib {
    /*width:49%;*/
    text-align: center;
    margin-bottom: 15px;
}

.order_table_name {
    font-size: 100%;
    font-family: FreeSet;
    width: 223px;
    height: 102px;
    text-align: left;
    padding-left: 60px;
    padding-top: 12px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
    margin-right: 3px;
    line-height: 17px;
}

.order_table_price {
    font-size: 29.17px;
    margin-top: 5px;
}
.order_table_item:nth-child(1) .order_table_name {
    color:#fff;
    background: url("/img/left_col.png") no-repeat;
    background-size: contain;
}
.order_table_item:nth-child(2) .order_table_name {
    background: url("/img/right_col.png") no-repeat;
    background-size: contain;
}
.order_table_desc {
    width: 59%;
    padding-left: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.order_table_desc h3 {
    font-size:30.56px;
    width:50%;
    margin-top:0px;
    margin-bottom:40px;
}
.order_table_desc .order_table_txt {
    color:#444248;
    font-size:16.67px;
    font-family:MyriadProRegular;
}
.footer_content .column_contacts li {
    margin-bottom: 23px;
}
.column_contacts {
    width:30%;
    float:left;
}

span.footer_phone {
    display: block;
}

span.footer_phone,
span.footer_phone a {
    font-size: 17px;
    font-family: MyriadProBold;    
}

span.footer_phone:first-child {
    margin-top:5px;
}

.porfoliolMenu {
    background: #283738;
    color:#fff;
    height: 250px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}    

.porfoliolMenu:hover {
    background: #9dd503;
    color:#111111; 
}
.porfoliolMenu.active {
    background: #feeb01;
    color:#111111;
}
.porfoliolMenu.active:hover {
    background: #9dd503;
    color:#fff;
}
.porfoliolMenuContainer .col-xs-6 {
    padding:0px;
    height: 300px;
    overflow:hidden;
}
.porfoliolMenu .iconPortfolio {
    position: absolute;
    left:50%;
    top:50%;
}
.porfoliolMenu .iconPortfolioSite {
    width:96px;
    height: 65px;  
    margin-left:-48px;
    margin-top:-32.5px;
    background:url("/img/icon_site_white.png") center no-repeat;
}
.porfoliolMenu .seconBlock:before {
    content:"";
    position: absolute;
    width:3px;
    height: 300px;
    background: url("/img/border_portfolio.png") repeat 0 50%;
    top:0px;
    left:0px;
}
.porfoliolMenu:hover .iconPortfolioSite {
    background:url("/img/icon_site_black.png") center no-repeat;
}
.porfoliolMenu.active .iconPortfolioSite {
    background:url("/img/icon_site_black.png") center no-repeat;
}
.porfoliolMenu.active:hover .iconPortfolioSite {
    background:url("/img/icon_site_white.png") center no-repeat;
}

.porfoliolMenu .iconPortfolioSeo {
    width:81px;
    height: 74px;  
    margin-left:-40.5px;
    margin-top:-37px;
    background:url("/img/icon_seo_white.png") center no-repeat;
}    
.porfoliolMenu .porfolioTypeTxt {
    color:#fff;
    font-size:23.33px;
    text-transform: uppercase;
    font-family:MyriadProRegular;    
    position: absolute;
    top: 50%;    
    left:0px;
    text-align: center;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    /*height: 70px;
    margin-top: -35px;    */
}
.porfoliolMenu:hover .porfolioTypeTxt {
    color:#111;
} 
.porfoliolMenu.active .porfolioTypeTxt {
    color:#111;
}
.porfoliolMenu.active:hover .porfolioTypeTxt {
    color:#fff;
}
.porfoliolMenu:hover .iconPortfolioSeo {
    background:url("/img/icon_seo_black.png") center no-repeat;
}
.porfoliolMenu.active .iconPortfolioSeo {
    background:url("/img/icon_seo_black.png") center no-repeat;
}
.porfoliolMenu.active:hover .iconPortfolioSeo {
    background:url("/img/icon_seo_white.png") center no-repeat;
}

.algPorfolioSectionList a {
    font-size:20px;
    text-transform: uppercase;
    color:#828282;
    text-decoration: none;
}
.algPorfolioSectionList a:hover, .algPorfolioSectionList a.active {
    color:#272726;        
}
.algPorfolioSectionList span {
    color:#272726;
    font-size:22px;
    padding:0px 10px;
}
.algPorfolioSectionList {
    margin-bottom:25px
}
body.loading:after {
    content:"";
    position: fixed;
    left:0px;
    top:0px;
    background: #000;
    opacity:0.5;
    width:100%;
    height: 100%;
    
}
.resultTabItem {
    cursor: pointer;
    margin:0px 7px;
    margin-bottom:25px;
    opacity:0.7;
    display:inline-block;
    vertical-align: bottom;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.resultTabItem:hover {
    opacity:1;
}
.resultTabItem.active {
    opacity:1;
}
.tabResultItem {
    display:none;
}
.tabResultItem.view {
    display:block;
}

.algNote {
    width: 970px;
    height: 516px;
    position: relative;
    margin: 0 auto;
    background: url("/img/result_notebook.png") no-repeat;
    background-size: contain;  
}
.algNote .algContainerScreenShot {
    width: 634px;
    height: 391px;
    overflow-x: auto;
    overflow-y: scroll;
    position: relative;
    top: 26px;
    left: 180px; 
}
.randomPortfolio {
    min-height: 643px;
    background: url("/img/random_portfolio.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    margin-top:60px;   
}
.randomPortfolio h3 {
    color:#fff;
    margin-top:63px;
}
.randomPortfolio .allPorfolio {
    background: #fff;
}

.portfolioSeoIcon {
    width:29%;
}
.portfolioSeoIcon img {
    max-width:100%;
}
.portfolioSeoDescription {
    width: 68%;
    margin-left: 2%;
}

.seoName {
	/*.portfolioSeoItem .seoName {*/
    font-size: 25px;
    margin-bottom: 20px;
}

.portfolioSeoItem .seoLink {
    margin-bottom:20px;
    font-size:18px;
    font-weight: normal;
}
.portfolioSeoItem .seoDescription {
    font-size:15px;
}
.seoProps {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 85.5%;
    text-align: center;
    margin-bottom: 10px;
    /*height: 76px;
    margin-bottom:20px;*/
}
.d-table {
    display: table;
}
.seoProps .d-table {
    width:100%;
    height: 100%;
}
.seoProps .d-table span {
    padding: 8px 0 8px 80px;    
    display:table-cell;
    vertical-align: middle;
    text-align: left;
}
.seoPropsContainer .seoProps:nth-child(1) {
    background: #f94ec1 url("/img/seo_icon_1.png") left no-repeat;
} 
.seoPropsContainer .seoProps:nth-child(2) {
    background: #9dd503 url("/img/seo_icon_2.png") left no-repeat;
} 
.seoPropsContainer .seoProps:nth-child(3) {
    background: #38d6ff url("/img/seo_icon_3.png") left no-repeat;
} 
.seoPropsContainer .seoProps {
    background-position: 25px 50% !important;
}
.seoPropsContainer {
    margin-top: 15px;
}
.portfolioSeoItem {
    margin-bottom: 50px;
}

.promotion-statistics {
	margin-top: 20px;
}

.promotion-statistics .seoName {
	text-align: center;
}

.promotion-statistics__photos {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.promotion-statistics__photos .alg_metrika_item {
	flex: 0 0 calc(50% - 6px);
	margin: 0 0 10px;
	width: 100%;
}

.alg_metrika_item {
    width: 46%;
    margin-right: 3%;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 2px solid #38d6ff;
    position: relative;
}

.alg_metrika_item:after {
    background: #000;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    -webkit-transition: all .3s;
    transition: all .3s;
}

.alg_metrika_item:hover:after {
    opacity: 0.3;
}

#page_not_fount {
    margin-top:20px;   
    height: 630px;
    padding-left:40px;
    background: #fff url("/img/watafak.jpg") 85% 90% no-repeat;
    padding-bottom:40px;
}
.oops {
    font-size: 66px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pageNotFoundTxt {
    font-size:25px;
}
.not_found_map_container {
    margin-top:20px;
    float:left;
}
.not_found_map_container div {
    margin-bottom:10px;
}
.not_found_map_container a {
    font-size:19px; 
    color:#000000;
}
.not_found_map_container a:hover {
    color:#949494;
}

.bx-pagination {
    text-align: center;
}


.bx-pagination-container a {
    text-decoration: none;
    color:#5e5e5e;
}
.bx-pagination-container li {
    display:inline-block;
    vertical-align: top;
    font-family:MyriadProRegular;   
    margin: 0px 3px; 

}
.bx-pagination-container li a {
    text-decoration: none;
    font-size:17px;
    padding: 11px 0px;
    width:43px;
    text-align: center;
    border-bottom:4px solid #cccccc;
    display: block;    
}
.bx-pagination-container li a:hover {
    cursor: pointer;
    background: #25282d;
    border-color:#25282d;
    color: #fff;
}
.bx-pagination-container .bx-pag-prev > a, 
.bx-pagination-container .bx-pag-prev > span, 
.bx-pagination-container .bx-pag-next > a, 
.bx-pagination-container .bx-pag-next > span  {
    display:block;
    border-bottom:none;
    width:43px;
    text-align: center;
    padding:13px 0px;
}
.bx-pagination-container .bx-pag-all a {
    width:255px;
    border:4px solid #ccc;
}
.bx-pagination-container .bx-pag-all a:hover {
    border-color:#25282d;
    color:#fff;
}
.bx-pagination-container li.bx-active {
    cursor: default;
    color:#fff !important;
    font-size:17px;
    padding: 11px 0px;
    border-bottom:4px solid #25282d; 
    background: #25282d !important;
    width:43px;
    text-align: center;    
}
.bx-pagination {
    margin-bottom:40px;
}
.alg_up {
    position: fixed;
    /*top:-100%;
    right:20px;
    width:100px;
    height: 100px;*/
    /*top: auto !important;*/
    bottom: 0;
    right: 10px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    -webkit-transition: linear 0.4s;
    -moz-transition: linear 0.4s;
    -o-transition: linear 0.4s;
    transition: linear 0.4s;  
    opacity: 0;
    display: none;
}

.alg_up:before,
.alg_up:after {
    content: "";
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%;
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;  
}

.alg_up:before {
    background-image: url("/img/top_up.png");
}

.alg_up:after {
    background-image: url("/img/top_up_hover.png");
    opacity: 0;
}

.alg_up:hover:before {
    opacity: 0;
}

.alg_up:hover:after {
    opacity: 1;
}

.alg_up.view {
    /*top:80%;*/
    opacity: 1;
}

.cbh-item .cbh-item-txt-block,
.cbh-item .cbh-item-img-block {
    padding:0px;
}
.cbh-item {
    margin-bottom:55px;
}

.cbh-item .cbh-item-img-block img {
    width:100%;
    height:100%;
    display: block;
}

.cbh-item .cbh-item-txt-block {
    font-family: MyriadProRegular;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    padding: 25px 15px;
}

.cbh-item .cbh-item-txt-block .cbh-item-short-icon {
    position: relative;
    top:-5px;
    margin-bottom: 8px;
}

.have_idea {
    margin-bottom: -10px;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 80px;
    position: relative;
}
.callbackhunter-image {
    margin-bottom:75px;
}

.callbackhunter-image a {
    display: block;
}

.callbackhunter-image a:focus {
    outline: none;
}

.socialLinks{
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0 8px 0 0;
    background-image: url(/img/header-soclinks.png);
    background-repeat: no-repeat;
}

.socialLinks:last-child {
    margin-right: 0;
}

a.socialLinks:hover{
    opacity: 1;
}
.socialLinks.twt:hover{
    background-position: 0 -55px;
}
.socialLinks.vk{
    background-position: -109px 0;
}
.socialLinks.vk:hover{
    background-position: -109px -55px;
}
.socialLinks.fb{
    background-position: -55px 0;
}
.socialLinks.fb:hover{
    background-position: -55px -55px;
}
.socialLinks.gp{
    background-position: -164px 0;
}
.socialLinks.gp:hover{
    background-position: -164px -55px;
}
.bitrixLogoFooter{
    margin-top: 20px;
}
.footer_serts{
    /*width: 190px;
    float: right;
    margin-left: 50px;*/
    text-align: center;
    margin-left: 256px;
}

.post-block {
    margin-bottom: 50px;
}

.post-block .container {
    padding-top: 50px;
    border-top: 1px solid #e8e8e8;
}

.post-block:first-child .container {
    border-top: none;
}

.post-title {
    color: #000;
     font-size: 40px;
     line-height: 50px;
    font-weight: normal;
    margin: 0 0 50px;
    text-align: center;
}

.video-block-wrap {
    overflow: hidden;
}

.video-block {
    background: url("/img/video-bg.jpg") no-repeat right top;
    float: left;
    height: 314px;
    margin: 0 44px 0 0;
    position: relative;
    width: 763px;
}

.video-wrap {
    height: 256px;
    left: 290px;
    position: absolute;
    top: 18px;
    width: 409px;
}

.video-text {
    color: #000;
    float: left;
    font-size: 18px;
    width: 389px;
    width: calc(100% - 763px - 44px);
    margin-bottom: 80px;
}


.post-block-inner {
    padding: 0 40px;
    text-align: center;
}

.post-item {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

.post-circle-wrap {
    /*background: url("/img/circle-shadow.png") no-repeat;*/
    display: inline-block;
}

.post-circle {
    background: url("/img/composite-land-sprite.png?1") no-repeat 500px 500px;
    height: 80px;
    width: 120px;
}

.post-item-response .post-circle {
    background-position: 50% 12px;
}

.post-item-ranging .post-circle {
    background-position: 50% -116px;
}

.post-item-conversion .post-circle {
    background-position: 50% -248px;
}

.post-item-text {
    font-size: 17px;
}



.middle-banner {
    background-position: 50% 0;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 52px;
    font-weight: normal;
    height: 411px;
    text-align: center;
    position: relative;
    margin-top: 64px;
}

.middle-banner_composite {
    background-image: url("/img/middle-bg-composite.jpg");
}

.middle-banner_1c {
    background-image: url("/img/middle-bg-1c.jpg");
    background-position: 50% 50%;
}

.middle-banner > .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.middle-banner .button {
    vertical-align: top;
}

.middle-banner .button:hover {
    background-color: white;
    color: #333;
    border-color: white;
}

.middle-banner-title {
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    margin: 0 0 24px;
}

.middle-banner-description {
    font-size: 17px;
    margin-bottom: 32px;
}


.title-description {
    display: block;
    font-size: 20px;
    margin-top: -53px;
    text-align: center;
}

.post-howitwork-item {
    margin: 0 0 58px 96px;
    min-height: 147px;
    padding-left: 307px;
    position: relative;
}

.post-howitwork-item:last-child {
    margin-bottom: 0;
}

.post-howitwork-divide {
    background: url("/img/divide-img.jpg") no-repeat;
    margin-top: 80px;
}

.post-howitwork-cache {
    background: url("/img/cache-img.jpg") no-repeat;
}

.post-howitwork-download {
    background: url("/img/download-img.jpg") no-repeat;
}

.post-howitwork-item-text {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 3px;
}

.post-howitwork-item-description {
    font-size: 18px;
}


.post-block-footer {
    padding-bottom: 64px;
    margin-bottom: 0;
    text-align: center;
}

.post-block-footer-text {
    color: #6f848e;
    display: inline-block;
    font-size: 16px;
    margin-right: 33px;
    vertical-align: middle;
}

.bx-composite-btn {
    background: #e94524 url("/img/bx-white-logo.png") no-repeat 100% 5px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    color: #fff !important;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 31px;
    line-height: 30px;
    padding: 0 42px 0 17px;
    text-decoration: none;
    vertical-align: middle;
}


.toggle-block {
    margin-top: 43px;
    text-align: center;
}

.toggle-link {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    margin-top: 3px;
    vertical-align: top;
}

.toggle-link-normal, 
.toggle-block-composite .toggle-link-composite {
    border-bottom: medium none;
    color: #000;
    cursor: default;
}

.toggle-link-composite, 
.toggle-block-composite .toggle-link-normal {
    border-bottom: 1px dashed #e94524;
    color: #e94524;
    cursor: pointer;
}

.toggle {
    background-color: #d74050;
    background-image: linear-gradient(to bottom, #c73a7a, #e84526);
    border-bottom: 1px solid #f0836d;
    border-radius: 14px;
    border-top: 1px solid #dd89b0;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    margin: 0 22px;
    position: relative;
    vertical-align: top;
    width: 59px;
}

.toggle-btn {
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 6px 4px 3px rgba(5, 5, 5, 0.17);
    box-shadow: 6px 4px 3px rgba(5, 5, 5, 0.17);
    width: 23px;
    height: 23px;
    left: 1px;
    position: absolute;
    top: 0;
    transition: left 0.15s linear 0s;
}


.chart-wrap {
    margin-top: 70px;
    padding: 10px 0 56px;
}

.chart-block {
    background: url("/img/grid-bg.png") repeat;
    height: 256px;
    margin: 0 auto;
    position: relative;
    max-width: 1056px;
}

.chart-item {
    border-radius: 14px;
    color: #fff;
    font-size: 12px;
    height: 29px;
    line-height: 28px;
    position: absolute;
    text-align: center;
    -webkit-transition: left 0.3s ease-out 0s;
    transition: left 0.3s ease-out 0s;
}

.chart-item-green {
    background-color: #75a227;
    background-image: linear-gradient(to bottom, #598918, #94b946);
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    top: 29px;
    transition: width 0.3s ease-out 0s;
    width: 441px;
}

.chart-item-green-text {
    display: inline-block;
    margin: 0 40px;
    white-space: nowrap;
}


.chart-item-yellow {
    background-image: linear-gradient(to bottom, #f7ab11, #fcd958);
    left: 374px;
    overflow: hidden;
    top: 63px;
    transition: width 0.3s ease-out 0s, left 0.3s ease-out 0s;
    width: 0;
}


.chart-item-blue {
    background-color: #37bfdd;
    background-image: linear-gradient(to bottom, #23abd1, #59d0e6);
    left: 442px;
    top: 106px;
    width: 339px;
}


.chart-item-red {
    background-color: #c22521;
    background-image: linear-gradient(to bottom, #ac1613, #d1433e);
    left: 442px;
    top: 146px;
    width: 408px;
}


.chart-item-orange {
    background-color: #f88e3a;
    background-image: linear-gradient(to bottom, #f67326, #fba95c);
    left: 442px;
    top: 192px;
    width: 479px;
}


.chart-delimiter {
    background: url("/img/grid-separator.png") repeat-y;
    height: 283px;
    position: absolute;
    top: -9px;
    transition: left 0.3s ease-out 0s;
    width: 1px;
}

.chart-delimiter-first {
    left: 442px;
}


.chart-delimiter-second {
    left: 852px;
}


.chart-delimiter-text {
    color: #000;
    font-size: 14px;
    left: -125px;
    position: absolute;
    text-align: center;
    top: 290px;
    white-space: nowrap;
    width: 250px;
}

.chart-delimiter-second-text {
    display: none;
}

.chart-text-grey {
    color: #6f848e;
}


.toggle-block-composite .chart-item-green {
    width: 33px;
}

.toggle-block-composite .chart-item-yellow {
    width: 338px;
}

.toggle-block-composite .chart-item-blue, 
.toggle-block-composite .chart-item-red, 
.toggle-block-composite .chart-item-orange, 
.toggle-block-composite .chart-item-yellow {
    left: 35px;
}

.toggle-block-composite .chart-delimiter-first {
    left: 34px;
}

.toggle-block-composite .chart-delimiter-second {
    left: 514px;
}

.toggle-block-composite .toggle-btn {
    left: 35px;
}


.toggle-block-composite .chart-delimiter-first .chart-delimiter-text {
    display: none;
}

.toggle-block-composite .chart-delimiter-text {
    display: none;
}


.toggle-block-composite .chart-delimiter-second-text {
    display: block;
}

.b-sert {
    display: block;
    margin: 0 2px 8px;
}

.b-sert:last-child {
    margin-bottom: 0;
}

.b-sert_group img {
    margin-bottom: 8px;
}

.b-sert_group img:last-child {
    margin-bottom: 0;
}

.b-sert img {
    display: block;
}

.c-benefits-cols {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.b-benefit-col {
    flex: 1 1 auto;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    font-size: 17px;
}

.b-benefit-col__icon {
    font-size: 40px;
    margin-bottom: 20px;
}

.slider_container,
.porfolio-list-seo {
    position: relative;
}

.carousel-clients .slick-arrow,
.slider_container .slick-arrow,
.porfolio-list-seo .slick-arrow {
    cursor: pointer;
    padding: 0;
    border: 0;
    font-size: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 60px;
    height: 60px;
    z-index: 10;
    background-color: #feeb01;
}

.carousel-clients .slick-arrow:after,
.slider_container .slick-arrow:after,
.porfolio-list-seo .slick-arrow:after {
    content: "";
    top: 0; bottom: 0;
    left: 0; right: 0;
    z-index: -1;
    background-color: #feeb01;
    position: absolute;
    pointer-events: none;
    -webkit-transition: transform 0.2s, opacity 0.3s;
    -moz-transition: transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.carousel-clients .slick-arrow:hover:after,
.slider_container .slick-arrow:hover:after,
.porfolio-list-seo .slick-arrow:hover:after {
    opacity: 0;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
}

.carousel-clients .slick-arrow:before,
.slider_container .slick-arrow:before,
.porfolio-list-seo .slick-arrow:before {
    content: "";
    position: absolute;
    border-bottom: 4px solid white;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform-origin: center;
    margin-top: -14px;
}

.carousel-clients .slick-prev,
.slider_container .slick-prev,
.porfolio-list-seo .slick-prev {
    left: 0;
}

.carousel-clients .slick-next,
.slider_container .slick-next,
.porfolio-list-seo .slick-next {
    right: 0;
}

.carousel-clients .slick-prev:before,
.slider_container .slick-prev:before,
.porfolio-list-seo .slick-prev:before {
    border-left: 4px solid white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -7px;
}

.carousel-clients .slick-next:before,
.slider_container .slick-next:before,
.porfolio-list-seo .slick-next:before {
    border-right: 4px solid white;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -22px;
}

.post-block-text {
    line-height: 20px;
}

.post-block-text strong {
    font-weight: 700;
}

.post-block-text ul {
    list-style-type: disc;
    list-style-position: inside;
}

.post-block-text ul li + li {
    margin-top: 4px;
}

.post-block-text figure {
    text-align: center;
    margin-bottom: 35px;
}

.post-block-text figure p {
    margin-bottom: 12px;
}

.post-block-text figcaption {
    font-style: italic;
}

.b-number-benefit {
    width: 75%;
    float: left;
    overflow: hidden;
    margin-bottom: 30px;
    clear: both;
    line-height: 22px;
    font-size: 16px;
}

.b-number-benefit:nth-child(odd) {
    float: right;
}

.b-number-benefit:last-child {
    margin-bottom: 0;
}

.b-number-benefit__decimal {
    float: left;
    width: 150px;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    color: #5ba709;
}

.b-number-benefit__body {
    margin-left: 150px;
}

.b-number-benefit__body p:last-child {
    margin-bottom: 0;
}

.b-number-benefit__header {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 29px;
}

.b-number-benefit ul {
    list-style-type: disc;
    list-style-position: inside;
}

.b-number-benefit .fa-info-circle {
    font-size: 20px;
    color: #5ba709;
    margin-right: 4px;
}

.b-accordion {
    margin-bottom: 20px;
}

.b-accordion:last-child {
    margin-bottom: 0;
}

.b-accordion.open .b-accordion__body {
    max-height: 1600px;
    opacity: 1;
}

.b-accordion.open .b-accordion__header .svg-icon,
.b-accordion.open .b-accordion__header:hover .svg-icon {
    animation: moveArrowV 1s linear infinite both;
}

.b-accordion__header {
    font-size: 25px;
    line-height: 29px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;   
    position: relative;
    padding-left: 40px;  
}

.b-accordion__header:hover {
    color: #5ba709;
}

.b-accordion__header:hover .svg-icon {
    animation: moveArrowH 1s linear infinite both;
}

.b-accordion__body {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.b-accordion__body-inside {
    padding: 14px 0 0 40px;
    line-height: 26px;
    font-size: 16px;
}

.b-accordion__header .svg-icon {
    position: absolute;
    left: 0;
    top: 2px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;  
}

.svg-icon {
  width: 1em;
  height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #5ba709;
}

.svg-icon circle {
  stroke: #5ba709;
  stroke-width: 1;
}

.topContainerHome .container {
    position: relative;
}
.button_center_container{
    text-align: right;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-right: 50px;
}
.button_center_container .detail__page_link{
    color:black;
    border: 3px solid #444248;
    padding: 8px 40px 8px 37px;

}
.button_center_container .detail__page_link:hover{
    color: #fff;
    background: #444248;
}

.b-calc-form {
    position: absolute;
    top: 60px;
    right: 15px;
    width: 300px;
    padding: 27px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #7fd600;
    z-index: 102;
}

.b-calc-form .button {
    display: block;
    width: 100%;
}

.form-group.form-group_line .form-control {
    border: none;
    border-bottom: 3px solid #444248;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    color: #444248;
}

.form-group.form-group_line .form-control::-webkit-input-placeholder {
    color: #444248;
}

.form-group.form-group_line .form-control::-moz-placeholder {
    color: #444248;
}

.form-group.form-group_line .form-control:-ms-input-placeholder {
    color: #444248;
}

.form-group.form-group_line .form-control:-moz-placeholder {
    color: #444248;
}

.b-calc-form .form-group:last-child {
    margin-bottom: 0;
}

.b-calc-form__title {
    text-align: center;
    color: #444248;
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 19px;
}

.online_request {
    color: #828282;
    font-size: 12px;
    line-height: 18px;
    position: relative;
}

.online_request .button {
    padding-left: 14px;
    padding-right: 14px;
}

.online_request .h1 {
    text-align: center;
    margin-top: 0;
    margin-right: 30px;
    color: #000;
    font-size: 22px;
    line-height: 24px;
}

.online_request strong {
    font-weight: 700;
}

.service_name {
    display: block;
    color: #000;
    font-size: 15px;
    margin-bottom: 18px;
}

.online_request .star {
    color: #e90110;
}

.b-checkbox {
    position: relative;
}

.b-checkbox input[type="checkbox"] {
    position: absolute;
    left: -9999em;
    top: 0;
}

.b-checkbox input[type="checkbox"]:checked + label:before {
    background-position: 0 -17px;
}

.b-checkbox input[type="checkbox"]:disabled + label:before {
    opacity: 0.5;
}

.b-checkbox input[type="checkbox"]:disabled + label {
    cursor: default;
}

.b-checkbox label {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    font-size: 13px;
}

.b-checkbox label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 17px;
    background: url("/img/checkbox-state.png") no-repeat 0 0;
}


.b-radio {
    position: relative;
}

.b-radio input[type="radio"] {
    position: absolute;
    left: -9999em;
    top: 0;
}

.b-radio input[type="radio"]:checked + label:before {
    background-color: #f92324;
}

.b-radio label {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    font-size: 13px;
}

.b-radio label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px #bebebe;
    box-shadow: 0 0 0 1px #bebebe;
    background-color: #fff;
    border: 4px solid #fff;
}


.type_service {    
    margin-bottom: 25px;
}

.type_service__cell {
    margin-bottom: 12px;
    flex: 1 0 33%;
}

.checkboxer {
    margin-top: 9px;
}

.checkboxer__cell {
    flex: 1 0 50%;
}


.online_request {
    padding: 22px;
    background: #fff;
    border: 1px solid #565656;
    -webkit-box-shadow: 0 2px 3px #666666;
    box-shadow: 0 2px 3px #666666;
    color: #828282;
    font-size: 12px;
    max-width: 870px;
    width: 100%;
    margin: 0 auto;
}

.online_request .fields {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.online_request .field {
    margin-bottom: 10px;
    font-size: 0;
}

.online_request .field-cols.cols-2 {
    font-size: 0;
}

.online_request .field-cols.cols-2 .field {
    vertical-align: top;
}

.online_request .field-name {
    color: #000;
    vertical-align: top;
    font-size: 15px;
    line-height: 34px;
}

.online_request .field-input {
    position: relative;
    vertical-align: top;
}

.online_request .fields input[type="tel"],
.online_request .fields input[type="text"],
.online_request .fields textarea {
    background: #f7f7f7;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 6px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}

.online_request .fields textarea {
    height: 106px;
}

.online_request .intl-tel-input {
    display: block;
}

.online_request .fields input[type="tel"]:focus,
.online_request .fields input[type="text"]:focus,
.online_request .fields textarea:focus {
    border-color: #c58d96;
    -webkit-box-shadow: 0 0 4px #c58d96;
    box-shadow: 0 0 4px #c58d96;
}

.online_request .field-note {
    color: #828282;
    font-size: 14px;
    font-style: italic;
    line-height: 1.3;
}

.online_request .btn-file {
    margin-top: 30px;
}

.btn-file {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.btn-file input[type="file"] {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-size: 200px;
    opacity: 0;
}

.btn-file span {
    display: inline-block;
    background: rgb(229,229,229);
    background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(192,192,192,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(192,192,192,1) 100%);
    background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(192,192,192,1) 100%);
    border-bottom: 1px solid #7e7e7e;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    color: #454545;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.b-select .selectric {
    border: 1px solid #eaeaea;
    background-color: #f7f7f7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.b-select .selectric:hover {
    border-color: #c58d96;
}

.b-select .selectric .label {
    height: 34px;
    line-height: 34px;
}

.b-select.b-select_lg-size .selectric .label {
    height: 50px;
    line-height: 50px;   
    font-size: 16px;
    margin-left: 20px;
    color: #578908;
}

.b-select .selectric .button {
    height: 34px;
    background: none;
    margin: 0;
}

.b-select.b-select_lg-size .selectric .button {
    height: 50px;
}

.b-select.b-select_lg-size .selectric .button:after {
    border-color: #578908 transparent currentcolor;
}

.b-select .selectric .button:hover {
    background-color: transparent;
}

.b-select.b-select_lg-size .selectric {
    background-color: rgba(157, 213, 3, 0.5);
    border-color: #578908;
}

.online_request-btn {
    text-align: center;
    margin-top: 12px;
}

.online_request #amount-popup {
    border: 0 none;
    color: #000;
    font-size: 15px;
    margin-bottom: 6px;
}

#slider-range-popup {
    margin-bottom: 35px;
    max-width: 530px;
    width: 100%;
}

#slider-range-popup.ui-slider .ui-slider-handle {
    cursor: pointer;
}

.service_name-hint {
    margin-bottom: 14px;
}

#iwcp-popup {
    display: none;
}
#online_order_big_form{
    z-index: 1000;
    margin-left: 0px;
    top: 0; bottom: 0;
    left: 0; right: 0;
    overflow-y: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.error_area{
    font-weight: bold;
    color: red;
    font-size: 17px;
    margin-bottom: 18px;
}

.success_messege{
    font-size: 17px;
    font-weight: bold;
}

.c-gap-header {
    margin-top: 192px;
}

.steps-copywriting {
    margin-bottom: 30px;
}

.steps-copywriting ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    counter-reset: list-count;
}

.steps-copywriting ol li {
    flex: 0 0 calc(100% - 10px);
    min-height: 220px;
    text-align: center;
    padding: 18px 32px;
    font-size: 18px;
    line-height: 23px;
    color: #000;
    position: relative;
    margin: 0 5px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.steps-copywriting ol li:before {
    content: "";
    counter-increment: list-count;
    content: counter(list-count);
    font-family: 'Times New Roman', serif;
    font-size: 72px;
    line-height: 72px;
    position: absolute;
    left: 3px;
    top: 0;
    color: #e4e4e4;
}

.steps-copywriting ol li:nth-child(even) {
    background-color: #e4e4e4;
}

.steps-copywriting ol li:nth-child(even):before {
    color: #fff;
}

.steps-copywriting__title {
    font-weight: 700;
    margin-bottom: 7px;
    flex: 0 0 100%;
}

.steps-copywriting__body {
    flex: 0 0 100%;
}

.steps-copywriting__text {
    font-size: 14px;
}

.bitrix-start-content {
    font-size: 16px;
}

.s-title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
}

.s-title.s-title_fsize-md {
    font-size: 17px;
    line-height: 24px;
}

.s-title.s-title_fsize-lg {
    /*font-size: 32px;
    line-height: 35px;*/
    font-size: 22px;
    line-height: 28px;
}

.s-title.s-title_fweight-default {
    font-weight: 400;
}

.s-title.s-title_mb-sm {
    margin-bottom: 20px;
}

.s-title.s-title_mb-md {
    margin-bottom: 24px;
}

.s-title.s-title_mb-lg {
    margin-bottom: 36px;
}

.s-title.not-uppercase {
    text-transform: none;
}

.s-title.s-title_wrap {
    margin-left: auto;
    margin-right: auto;
}

.s-title.s-title_wrap-sm {
    max-width: 500px;
}

.s-title.s-title_wrap-md {
    max-width: 700px;
}

.s-title.s-title_wrap-lg {
    max-width: 1000px;
}

.s-row {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #000;
}

.s-row.s-row_sm-gap {
    padding-top: 20px;
    padding-bottom: 20px;
}

.s-row.s-row_pt-reset {
    padding-top: 0;
}

.s-row.s-row_pb-reset {
    padding-bottom: 0;
}

.s-row_green-bg {
    background-color: #9dd503;
}

.s-row_gray-bg {
    background-color: #eaeaea;
}

.s-row_bg-why-me {
    background: url("/img/bg-why-me.jpg") no-repeat 50% 0 / cover;
}

.s-row_bg-clients-benefit {
    background: url("/img/bg-clients-benefit.jpg") no-repeat 50% 0 / cover;
}

.s-row_bg-withus {
    background: url("/img/bg-withus.jpg") no-repeat 50% 0 / cover;
}

.s-row_bg-benefits {
    background: url("/img/bg-our-works.jpg") no-repeat 50% 0 / cover;
}

.grid-icns-desc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.b-icns-desc {
    margin: 0 0 35px;
    flex: 0 0 100%;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.b-icns-desc__img {
    margin-bottom: 12px;
}

.b-icns-desc__img.b-icns-desc__img-h {
    height: 76px;
}

.b-icns-desc__img img {
    display: block;
    margin: 0 auto;
}

.b-icns-desc__title {
    text-transform: uppercase;
}

.b-icns-desc__title.b-icns-desc__title-bold {
    font-weight: 700;
}

.b-icns-desc__title.b-icns-desc__title-not-upper {
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

.b-icns-desc__hint {
    margin: 0 auto;
}

.description-steps {
    margin: 0 -20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.description-steps .desc-step {
    flex: 0 0 calc(100% - 30px);
    margin: 0 15px 30px;
    background-color: #e4e4e4;
    position: relative;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    min-height: 146px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.description-steps .desc-step:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 8px 9px 0 9px;
    border-color: #e4e4e4 transparent transparent transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: 100%;
}

.description-steps .desc-step:last-child:after {
    display: none;
}

.s-content ul {
    list-style: none;
    margin: 0 0 20px;
}

.s-content strong {
    font-weight: 700;
}

.content-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 28px;
}

.content-title:not(:first-child) {
    margin-top: 50px;
}

.color-on-dark {
    color: #fff;
}

.no-uppercase {
    text-transform: none !important;
}

.btn.btn_block {
    display: block;
}

.btn.btn_default.setOrder:not(:hover) {
    background-color: rgba(255, 255, 255, 0.8);
    color: #516d02;
    -webkit-box-shadow: 0 0 0 3px #516d02 inset;
    box-shadow: 0 0 0 3px #516d02 inset;
}

.btn.btn_primary {
    -webkit-box-shadow: 0 0 0 3px #feeb01 inset;
    box-shadow: 0 0 0 3px #feeb01 inset;
    background-color: #feeb01;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    line-height: 18px;
    padding: 18px 38px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 58px;
}

.btn.btn_primary:hover {
    background-color: #fff;
    color: #333;
}

.btn.btn_default {
    box-shadow: 0 0 0 3px #9dd503 inset;
    text-decoration: none;
    color: #9dd503;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 38px;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn.btn_default:hover {
    background-color: #9dd503;
    color: #fff;
}

.btn.btn_default-pink {
    box-shadow: 0 0 0 3px #bc7aff inset;
    text-decoration: none;
    color: #bc7aff;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 38px;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn.btn_default-pink:hover {
    background-color: #bc7aff;
    color: #fff;
}

.btn.btn_default-light {
    box-shadow: 0 0 0 3px #fff inset;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 38px;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: rgba(255, 255, 255, 0.2);
}

.btn.btn_default-light:hover {
    background-color: #fff;
    color: #333;
}

.btn.btn_default-colored {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 38px;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #9dd503;
    box-shadow: 0 0 0 3px #76a004 inset;
}

.btn.btn_default-colored:hover {
    background-color: #76a004;
    color: #fff;
}

.c-btn-align {
    margin-top: 30px;
}

.c-btn-align .btn {
    white-space: normal;
}

.step-graph {
    margin-top: 50px;
    margin-bottom: 50px;
}

.step-graph ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
}

.step-graph ol:after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    height: 1px;
    background-color: #929292;
    top: 235px;
    display: none;
}

.step-graph ol li {
    flex: 0 0 100%;
    position: relative;
}

.step-graph ol li + li {
    margin-top: 35px;
}

.step-graph ol li:before,
.step-graph ol li:after {
    content: "";
    position: absolute;
    left: 50%;    
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: none;
}

.step-graph ol li:before {
    background-color: #3e3e3e;
    width: 1px;
}

.step-graph ol li:after {
    top: 260px;
    width: 6px;
    height: 6px;
    border: 1px solid #3e3e3e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-55%, 0);
    transform: translate(-55%, 0);
}

.num-item-list {
    width: 78px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    color: #727272;
    font-size: 38px;
    background: rgb(225,225,225);
    background: -moz-linear-gradient(left, rgba(225,225,225,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-linear-gradient(left, rgba(225,225,225,1) 0%,rgba(240,240,240,1) 100%);
    background: linear-gradient(to right, rgba(225,225,225,1) 0%,rgba(240,240,240,1) 100%);
    -webkit-box-shadow: 2px 0 2px 1px #bcbcbc inset;
    box-shadow: 2px 0 2px 1px #bcbcbc inset;
    margin: 0 auto 14px;
}

.list-check-bullet,
.list-arrow-bullet,
.list-disc-bullet {
    list-style: none;
    padding: 0;
    margin: 0 0 70px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.list-check-bullet:last-child,
.list-arrow-bullet:last-child,
.list-disc-bullet:last-child {
    margin-bottom: 0;
}

.list-check-bullet li,
.list-arrow-bullet li,
.list-disc-bullet li {
    padding-left: 40px;
    position: relative;
}

.list-check-bullet li:before,
.list-arrow-bullet li:before,
.list-disc-bullet li:before {
    content: "";
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.list-check-bullet li:before {
    background-image: url("/img/bg-bullet-check.png");
    content: "";
    width: 25px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.list-check-bullet.list-check-bullet_white {
    color: #fff;
}

.list-check-bullet.list-check-bullet_white li:before {
    background-image: url("/img/bg-bullet-check-wh.png");
    width: 25px;
    height: 23px;
}    

.list-check-bullet.list-check-bullet_white-icn li:before {
    background-image: url("/img/bg-bullet-check-white.png");
}

.list-check-bullet.list-check-bullet_inline-items {
    font-size: 18px;
    line-height: 23px;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list-check-bullet.list-check-bullet_inline-items li {
    flex: 0 0 100%;
}

.list-check-bullet.list-check-bullet_inline-items li + li {
    margin: 25px 0 0;
}

.list-arrow-bullet li:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("/img/bg-bullet-arrow.svg");
    position: absolute;
    left: 0;
    top: 0;
}

.list-disc-bullet li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #80d335;
    position: absolute;
    left: 6px;
    top: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.list-check-bullet li + li,
.list-arrow-bullet li + li,
.list-disc-bullet li + li {
    margin-top: 25px;
}

.b-img-text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.b-img-text__photo {
    flex: 0 0 100%;
    margin: auto 0;
}

.b-img-text__photo img {
    display: block;
    margin: 0 auto;
}

.b-img-text__body {
    flex: 0 0 100%;
    color: #444248;
    font-size: 16px;
    line-height: 26px;
    margin: 26px 0 0 0;
}

.title-banner {
    text-align: left;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
    display: inline-block;
    color: #000;
    position: relative;
    padding-left: 90px;
}

.title-banner:before {
    content: "";
    background-repeat: no-repeat;
    background-position: 0 0; 
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.title-banner span {
    display: block;
    text-align: left;
    text-transform: none;
    font-size: 33px;
    line-height: 33px;
}


.title-banner_adv:before {
    background-image: url("/img/img-title-banner-adv.png");
    width: 70px;
    height: 63px;
}

.title-banner_lidogeneration:before {
    background-image: url("/img/img-title-lidogeneration.png");
    width: 65px;
    height: 69px;
}

.mt-reset {
    margin-top: 0;
}

.b-our-sert {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    border: 4px solid #ffbb00;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    height: 180px;
    display: inline-block;
    vertical-align: top;
    margin: 0 14px 25px;
    background-color: white;
}

.b-our-sert img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
}

.c-our-sert {
    text-align: center;
}

.accompanying_label {
    display: none;
    bottom: -176px;
    right: 330px;
    position: absolute;
}

.row-text-info {
    background-color: #8bb79f;
    padding: 28px 0;
    color: white;
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    text-align: center;
}

.row-text-info.row-text-info_gray {
    background-color: #6d6d6d;  
}

.row-text-info a {
    display: block;
    font-size: 36px;
    line-height: 38px;
    color: white;
    text-decoration: none;
}

.b-hint-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background: url("/img/b-hint-icon.png") no-repeat 0 0 / cover;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.b-hint-icon:hover {
    overflow: visible;   
}

.b-hint-icon:hover .b-hint-icon__text {
    bottom: calc(100% + 10px);
    opacity: 1;
}

.b-hint-icon__text:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #ffffff transparent transparent transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.b-hint-icon__text {
    position: absolute;
    background-color: white;
    font-size: 10px;
    line-height: 13px;
    color: #848484;
    padding: 12px 14px;
    left: 50%;
    bottom: calc(100% + 50px);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 234px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    z-index: 3;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.s-table {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}

.s-table__col {
    flex: 0 0 33.33%;
    margin-bottom: 0;
    @include box-sizing(border-box);
    position: relative;
}

.s-table_cols-5 .s-table__col {
    flex: 0 0 20%;
}

.s-table__col .s-table__tr.bold_text .s-table__td {
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    font-size: 18px;
}

.s-table__col.extended .s-table__tr-header .s-table__td {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
}

.s-table__col.extended .s-table__tr-header .s-table__td,
.s-table__col.extended .s-table__tr-footer .s-table__td {
    background-color: #86b700;
}

.s-table__col.extended .s-table__tr-footer .s-table__td .btn.btn_default {
    background-color: #9dd503;
    color: #fff;
    -webkit-box-shadow: 0 0 0 3px #fff inset;
    box-shadow: 0 0 0 3px #fff inset;
    font-size: 18px;
    font-weight: 700;
}

.s-table__col.extended .s-table__tr-footer .s-table__td .btn.btn_default:hover {
    background-color: white;
    color: #9dd503;
}

.s-table__col.extended .s-table__tr-body .s-table__td {
    background-color: #9dd503 !important;
    color: #fff;
}

.s-table__col.extended .s-table__tr-body:nth-child(2n+1) .s-table__td {
    background-color: #ade11f !important;
}

.s-table__col.extended .icn-mark-field {
    background-image: url("/img/bg-bullet-check-white.png");
}

.s-table__tr .s-table__td {
    font-size: 16px;
    line-height: 18px;
    padding: 15px 5px;
    text-align: center;
    height: 68px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.s-table__tr-header .s-table__td {
    text-transform: uppercase;
    color: #fff;
    background-color: #95a9b2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.s-table__col:nth-child(1) {
    /*display: none;*/
}

.s-table__col:nth-child(1) .s-table__tr-body .s-table__td {
    background-color: #ebf7cd;
    text-align: left;
    color: #5c5c5c;
    padding-left: 16px;
}

.s-table__col:nth-child(1) .s-table__tr-body:nth-child(odd) .s-table__td {
    background-color: #eff9d7;
}

.s-table__col:nth-child(2) .s-table__tr-body .s-table__td {
    background-color: #fedcf3;
}

.s-table__col:nth-child(2) .s-table__tr-body:nth-child(odd) .s-table__td {
    background-color: #fee3f5;
}

.s-table__col:nth-child(3) .s-table__tr-body .s-table__td {
    background-color: #fffbcc;
}

.s-table__col:nth-child(3) .s-table__tr-body:nth-child(odd) .s-table__td {
    background-color: #fffcd6;
}

.s-table__col:nth-child(4) .s-table__tr-body .s-table__td {
    background-color: #d7f7ff;
}

.s-table__col:nth-child(4) .s-table__tr-body:nth-child(odd) .s-table__td {
    background-color: #dff9ff;
}

.s-table__col:nth-child(5) .s-table__tr-body .s-table__td {
    background-color: #f8cf6e;
}

.s-table__col:nth-child(5) .s-table__tr-body:nth-child(odd) .s-table__td {
    background-color: #fdda88;
}

.s-table__col:nth-child(odd) .s-table__tr-header .s-table__td {
    background-color: #8bb79f;
}

.scrolling-table-header {
    position: fixed;
    left: 0; right: 0;
    top: 0;
    z-index: 50;
    display: none;
}

.icn-mark-field {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 20px;
    background: url("/img/bg-bullet-check.png") no-repeat;
}

.grid-cols-img-text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}

.grid-cols-img-text .col-img-text {
    flex: 0 0 100%;
    margin: 0 0 50px;
    color: #444248;
    font-size: 18px;
    line-height: 23px;
}
.modal-form_title {
    font-size: 29px;
}
.modal-form_description {
    font-size: 17px;
    padding: 0px 30px 12px 30px;
}
.col-img-text__figure {
    height: 144px;
    line-height: 144px;
    margin-bottom: 18px;
}

.col-img-text__figure img {
    display: inline-block;
    vertical-align: middle;
}

.title-block {
    margin: 0 15% 6px;
    color: #212121;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
}

.wrap-our-principles {
    position: relative;
}

.b-our-principles__title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
}

.wrap-our-principles ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wrap-our-principles ul li {
    font-size: 14px;
    line-height: 18px;
    position: relative;
    padding-left: 40px;
}

.wrap-our-principles ul li + li {
    margin-top: 25px;
}

.wrap-our-principles ul li:before {
    background-image: url("/img/bg-bullet-check.png");
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
}

.b-our-principles__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.b-our-principles__title span {
    display: block;
}

.bx-breadcrumb i {
    margin-top: 1px;
}

.row-quick-solutions {
    padding-top: 34px;
    padding-bottom: 35px;
    background-color: #b95ab9;
    text-align: center;
}

.row-quick-solutions .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.quick-solutions-title {
    color: #fff;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 25px;
}

.quick-solutions-title span {
    color: #ead6ff;
    display: block;
}

.quick-solutions-title,
.quick-solutions-btn {
    flex: 0 0 100%;
}

.quick-solutions-btn .button {
    padding-left: 10px;
    padding-right: 10px;
}

.img-desc-slide {
    position: relative;
}

.img-desc-slide__text {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.img-desc-slide__text p {
    margin-bottom: 28px;
}

.img-desc-slide__text p span {
    background: #5e6168;
    box-shadow: 5px 0 0 #5e6168, -5px 0 0 #5e6168;
    padding: 3px 6px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.slider-landing.slick-slider {
    padding-top: 30px;
}

.slider-landing {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 15px;
}

.slider-landing .slick-arrow {
    left: 50%;
    bottom: 0;
    position: absolute;
    width: 46px;
    height: 46px;
    cursor: pointer;
    padding: 0;
    border: none;
    font-size: 0;
    background: #aeb0b3;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 6;
}

.slider-landing .slick-arrow:before {
    content: "";
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
}

.slider-landing .slick-arrow.slick-prev {
    -webkit-transform: translate(-58px, 0);
    transform: translate(-58px, 0);
}

.slider-landing .slick-arrow.slick-prev:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -6px 0 0 -5px;
}

.slider-landing .slick-arrow.slick-next:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -6px 0 0 -10px;
}

.slider-landing .slick-arrow:hover {
    background: #5e6168;   
}

.row-composition-landing {
    padding-top: 35px;
    padding-bottom: 35px;
}

.wrap-composition-landing {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.b-composition-landing {
    flex: 0 0 48%;
    text-align: center;
    margin-bottom: 25px;
}

.b-composition-landing:nth-child(1) .b-composition-landing__image:before {
    border-color: #f9aac0;
    background-color: #d8567c;
}

.b-composition-landing:nth-child(1) .b-composition-landing__image:after,
.b-composition-landing:nth-child(1) .b-composition-landing__image:before {
    left: 66px;
}


.b-composition-landing:nth-child(2) .b-composition-landing__image:before {
    border-color: #6fc8dd;
    background-color: #1b6d7a;
}

.b-composition-landing:nth-child(2) .b-composition-landing__image:after,
.b-composition-landing:nth-child(2) .b-composition-landing__image:before {
    left: 93px;
}


.b-composition-landing:nth-child(3) .b-composition-landing__image:before {
    border-color: #f49271;
    background-color: #b53c1c;
}

.b-composition-landing:nth-child(3) .b-composition-landing__image:after,
.b-composition-landing:nth-child(3) .b-composition-landing__image:before {
    left: 99px;
}


.b-composition-landing:nth-child(4) .b-composition-landing__image:before {
    border-color: #98d8a3;
    background-color: #45704c;
}

.b-composition-landing:nth-child(4) .b-composition-landing__image:after,
.b-composition-landing:nth-child(4) .b-composition-landing__image:before {
    left: 95px;
}


.b-composition-landing:nth-child(5) .b-composition-landing__image:before {
    border-color: #f9aac0;
    background-color: #cc4c7d;
}

.b-composition-landing:nth-child(5) .b-composition-landing__image:after,
.b-composition-landing:nth-child(5) .b-composition-landing__image:before {
    left: 66px;
}


.b-composition-landing:nth-child(6) .b-composition-landing__image:before {
    border-color: #6fc8dd;
    background-color: #318a93;
}

.b-composition-landing:nth-child(6) .b-composition-landing__image:after,
.b-composition-landing:nth-child(6) .b-composition-landing__image:before {
    left: 95px;
}

.b-composition-landing__image {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.b-composition-landing__image img {
    position: relative;
    z-index: 3;
}

.b-composition-landing__image:before,
.b-composition-landing__image:after {
    display: none;
}

.b-composition-landing__image:before {
    content: "";
    position: absolute;
    bottom: -19px;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 7px solid transparent;
    -webkit-transform: translate(-45%, 0);
    transform: translate(-45%, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

.b-composition-landing__image:after {
    content: "";
    position: absolute;
    width: 0;
    height: 140px;
    border-right: 3px dashed #aaa38f;
    top: 176px;
    z-index: 0;
}

.b-composition-landing__text {
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    color: #5e6168;
}

.row-about-efficiency {
    padding-top: 40px;
    counter-reset: efficiency-count;
}

.wrap-efficiency {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #5e6168;
}

.wrap-efficiency__title {
    margin-bottom: 24px;
    font-size: 20px;
    font-size: 23px;
}

.wrap-efficiency__image {
    flex: 0 0 100%;
}    

.wrap-efficiency__image img {
    max-width: 60%;
    margin: 0 auto;
    display: block;
}

.wrap-efficiency__body {
    flex: 0 0 100%;
    padding-top: 50px;
    position: relative;
}

.wrap-efficiency__body:before {
    counter-increment: efficiency-count;
    content: counter(efficiency-count);
    position: absolute;
    left: 0;
    top: 0;
    color: #e6c6e9;
    font-family: 'Times New Roman', serif;
    font-size: 135px;
    line-height: 135px;
    z-index: -1;
}

.row-about-serts {
    padding-top: 35px;
    padding-bottom: 35px;
}

.our-serts {
    text-align: center;
}

.our-serts img {
    max-width: calc(48% - 10px);
    margin: 0 5px 10px;
}

.row-decor-pink {
    background: url("/img/row-decor-pink-mob.jpg");
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

.row-decor-pink.row-decor-pink_blue {
    padding-bottom: 0;
}

.row-decor-pink.row-decor-pink_blue .row-text-info {
    background-color: #b266ff;
}

.row-examples-works {
    padding-top: 30px;
    padding-bottom: 36px;
}

.header_phones_number a,
.header_phones_number a:hover {
    text-decoration: none;
    color: #fff;
}

.form-row {
    max-width: 320px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}

.form-row .policy_secure {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.form-row__cell,
.form-row__btn {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 5px;
}

.form-row__cell {
    width: calc(100% - 20px);
    max-width: 300px;
    text-align: left;
}

.form-row__cell input {
    width: 100%;
    border: none;
    background-color: #fff;
    padding: 15px 18px;
    border: 1px solid #ccc;
    height: 53px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-size: 13px;
}

.form-row__cell input::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

.form-row__cell input::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-row__cell input:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

.form-row__cell input:-moz-placeholder {
    color: #999;
    opacity: 1;
}

.btn.btn_send {
    border: none;
    cursor: pointer;
    padding: 0;
    background-color: #feeb01;
    text-transform: uppercase;
    color: #4f4850;
    font-size: 13px;
    line-height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 53px;
    width: 218px;
    text-align: center;
    padding: 18px;
    font-weight: 400;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.wrap-advancement {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.b-advancement {
    flex: 0 0 100%;
    text-align: center;
    line-height: 18px;
    margin-bottom: 30px;
}

.b-advancement__image {
    margin-bottom: 26px;
}

.b-advancement__title {
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 4px;
}

.slider-examples-works {
    margin-bottom: 20px;
}

.slider-examples-works .algLaptop {
    margin-bottom: 0;
}

.slider-examples-works.slick-slider,
.slider-thumb-works.slick-slider {
    padding-top: 0;
}

.slider-thumb-works {
    position: relative;
    margin-bottom: 65px;
}

.slider-thumb-works .slick-arrow {
    position: absolute;
    top: 50%;
}

.slider-thumb-works .slick-arrow {
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    margin-top: -23px;
    cursor: pointer;
    padding: 0;
    border: none;
    font-size: 0;
    background: #aeb0b3;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 6;
}

.slider-thumb-works .slick-arrow.slick-prev {
    left: 0;
}

.slider-thumb-works .slick-arrow.slick-next {

    right: 0;
}

.slider-thumb-works .slick-arrow:before {
    content: "";
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
}

.slider-thumb-works .slick-arrow.slick-prev:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -6px 0 0 -5px;
}

.slider-thumb-works .slick-arrow.slick-next:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -6px 0 0 -10px;
}

.slider-thumb-works .slick-arrow:hover {
    background: #5e6168;   
}

.slider-thumb-works .slick-slide {
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0.7;
}

.slider-thumb-works .slick-slide.slick-current {
    opacity: 1;   
}


.thumb-work {
    background: url("/img/bg-thumb-view.jpg") no-repeat;
    width: 206px;
    height: 168px;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
}

.thumb-work__screen {
    width: 188px;
    height: 106px;
    overflow: hidden;
    position: absolute;
    left: 9px;
    top: 8px;
}

.thumb-work__screen img {
    display: block;
    max-width: 100%;
}

.bx-breadcrumb {
    margin: 20px 0 10px;
}

.bx-breadcrumb .bx-breadcrumb-item {
    float: left;
    line-height: 13px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.bx-breadcrumb .bx-breadcrumb-item a {
    border-bottom: medium none;
    color: #272726;
    text-decoration: underline;
}

.bx-breadcrumb .bx-breadcrumb-item span {
    font-family: "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
}

.bx-breadcrumb .bx-breadcrumb-item span {
    font-family: "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
}

.bx-breadcrumb i {
    color: #292928;
    font-size: 10px;
    line-height: 13px;
    margin-right: 5px;
    vertical-align: top;
}

.wrap-tree {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.wrap-tree:before,
.wrap-tree:after {
    content: "";
    position: absolute;
}    

.wrap-tree:before {
    left: 50%;
    top: -28px;
    height: 28px;
    width: 1px;
    margin-left: -1px;
    border-right: 1px dotted #7f7f7f;
}

.wrap-tree:after {
    top: 0;
    border-top: 1px dotted #7f7f7f;
}    

.wrap-tree.wrap-tree_cols4:after {
    left: 10%;
    right: 10%;
}

.b-tree.b-tree_4 {
    flex: 0 0 100%;
}

.b-tree {
    padding-top: 46px;
    position: relative;
    text-align: center;
}

.b-tree:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 28px;
    width: 1px;
    margin-left: -1px;
    border-right: 1px dotted #7f7f7f;
}

.b-tree__img {
    margin-bottom: 6px;
}

.wrap-intresting {
    margin-bottom: 58px;
}

.wrap-intresting:last-child {
    margin-bottom: 0;
}

.wrap-intresting .img-intresting {
    margin: 0 0 20px;
}

.wrap-intresting .img-intresting img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
}

.wrap-workers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.b-worker {
    flex: 0 0 49%;
    margin: 0 0 30px;
    text-align: center;
}

.b-worker img {
    display: block;
    margin: 0 auto 16px;
}

.fs-md-more {
    font-size: 18px;
    line-height: 24px;
}

.our-sertificates {
    margin-bottom: 35px;
}

.our-sertificates_reset-mb {
    margin-bottom: 0;
}

.our-sertificates img {
    display: block;
    margin: 0 auto;
}

.m-phase-dev {
    margin: 0 0 30px;
    position: relative;
}

.slider-phase-dev {
    overflow: hidden;
    white-space: nowrap;
}

.slider-phase-dev.slick-slider {
    padding-top: 0;
}    

.slider-phase-dev .slide {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    white-space: normal;
}

.b-phase {
    overflow: hidden;
}

.b-phase__image {

}

.b-phase__body {
    text-align: center;
}

.b-phase__title {
    font-size: 18px;
    line-height: 24px;
}

.b-phase-btn {
    text-align: center;
    margin-top: 30px;
}

.thumbs-phase-dev.slick-slider {
    padding-top: 0;
    position: relative;
    padding-bottom: 60px;
}

.thumbs-phase-dev .slick-arrow {
    left: 50%;
    bottom: 0;
    position: absolute;
    width: 46px;
    height: 46px;
    cursor: pointer;
    padding: 0;
    border: none;
    font-size: 0;
    background: #9dd503;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 6;
}

.thumbs-phase-dev .slick-arrow:before {
    content: "";
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
}

.thumbs-phase-dev .slick-arrow.slick-prev {
    -webkit-transform: translate(-58px, 0);
    transform: translate(-58px, 0);
}

.thumbs-phase-dev .slick-arrow.slick-prev:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -6px 0 0 -5px;
}

.thumbs-phase-dev .slick-arrow.slick-next:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -6px 0 0 -10px;
}

.thumbs-phase-dev .slick-arrow:hover {
    background: #75a000;   
}

.thumbs-phase-dev {
    white-space: nowrap;
}

.thumbs-phase-dev .slide {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.thumbs-phase-dev .slide.slick-current .b-phase-sm {
    background-color: #9dd503;
    color: #fff;
}

.thumbs-phase-dev .slide:last-child .b-phase-sm:after {
    display: none;
}

.thumbs-phase-dev .b-phase-sm {
    position: relative;
    min-width: 164px;
    height: 140px;
    border: 4px solid #9dd503;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9dd503;
    text-transform: uppercase;
    margin: 0 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 18px;
}

.thumbs-phase-dev .b-phase-sm:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 8px 9px 0 9px;
    border-color: #9dd503 transparent transparent transparent;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
    transform: translate(0, -50%) rotate(-90deg);
    left: 99%;
    top: 50%;
}

.b-phase-sm__icn {
    height: 58px;
    margin: 0 auto 14px;
    background-repeat: no-repeat;
    background-image: url("/img/icns-phase-dev.png");
}

.b-phase-sm__icn.b-phase-sm__icn-analysis {
    width: 56px;
    background-position: 0 0;
}

.b-phase-sm__icn.b-phase-sm__icn-prototype {
    width: 62px;
    background-position: -65px 0;
}

.b-phase-sm__icn.b-phase-sm__icn-design {
    width: 57px;
    background-position: -137px 0;
}

.b-phase-sm__icn.b-phase-sm__icn-marketing {
    width: 63px;
    background-position: -206px 0;
}

.b-phase-sm__icn.b-phase-sm__icn-content {
    width: 51px;
    background-position: -280px 0;
}

.b-phase-sm__icn.b-phase-sm__icn-testing {
    width: 45px;
    background-position: -345px 0;
}



.thumbs-phase-dev .slide.slick-current .b-phase-sm__icn.b-phase-sm__icn-analysis {
    width: 56px;
    background-position: 0 -58px;
}

.thumbs-phase-dev .slide.slick-current .b-phase-sm__icn.b-phase-sm__icn-prototype {
    width: 62px;
    background-position: -65px -58px;
}

.thumbs-phase-dev .slide.slick-current .b-phase-sm__icn.b-phase-sm__icn-design {
    width: 57px;
    background-position: -137px -58px;
}

.thumbs-phase-dev .slide.slick-current .b-phase-sm__icn.b-phase-sm__icn-marketing {
    width: 63px;
    background-position: -206px -58px;
}

.thumbs-phase-dev .slide.slick-current .b-phase-sm__icn.b-phase-sm__icn-content {
    width: 51px;
    background-position: -280px -58px;
}

.thumbs-phase-dev .slide.slick-current .b-phase-sm__icn.b-phase-sm__icn-testing {
    width: 45px;
    background-position: -345px -58px;
}

.form-group-amount {
    margin-bottom: 12px;
}

.form-group-amount.disabled {
    display: none;
}

.form-group-amount .form-control {
    width: 60px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.form-group-amount label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.description-choice-site .small {
    font-size: 11px;
}

.description-choice-site,
.description-services {
    color: #818181;
    font-size: 11px;
    line-height: 21px;
    margin-top: 25px;
}

.description-choice-site .text {
    display: none;
}

.description-choice-site .text:first-child {
    display: block;
}

.wrap-options-development {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.b-options-development {
    flex: 0 0 100%;
    margin-bottom: 20px;
}

.wrap-services-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto 40px;
    width: 100%;
    justify-content: space-between;
}

.wrap-services-options .col-services-options {
    height: 100%;
}

.wrap-services-options .col-services-options:first-child {
    flex: 0 0 100%;
    margin-bottom: 30px;
}

.wrap-services-options .col-services-options:last-child {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.wrap-services-options .col-services-options:last-child .b-service-options {
    flex: 0 0 100%;
    margin-bottom: 30px;
}

.sum-service {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
}

.wrap-type-site {
    margin: 0 auto 40px;
    max-width: 400px;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eee;
    background-color: rgba(157, 213, 3, 0.1)
}




/*  Калькулятор */

.calculator {
    position: relative;
    z-index: 2;
}

.calculator .steps {
    margin-bottom: 50px;
    background: #fff;   
}

.calculator .steps .left {
    width: 270px;
    float: left;
    position: relative;
}

.calculator .steps .left .border {
    width: 94px;
    height: 94px;
    border: 3px solid #ffcbcb;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.calculator .steps .left .caption {
    font-family: 'GothaProBla';
    color: #000;
    font-size: 21px;
    line-height: 25px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
    text-transform: uppercase;
    padding: 5px 0 5px 50px;
    background: #fff;
    margin-left: 29px;
    position: relative;
}

.calculator .steps .left .caption .image {
    position: absolute;
    left: 0;
    top: 0;
}

.calculator .steps .jq-selectbox__select {
    width: 198px !important;
}

.calculator .steps .left .text {
    margin-top: 10px;
}

.calculator .steps .right {
    width: 470px;
    float: right;
}

.calculator .steps .right .inner {
    margin-left: -50px;
}

.calculator .steps .right label {
    cursor: pointer;
    cursor: hand;
    padding-left: 7px;
}

.calculator .steps .section {
    display: inline-block;
    vertical-align: top;
    width: 235px;
    margin-bottom: 35px;
    margin-left: 60px;
}

.calculator .steps .section.even {
    width: 160px;
}

.calculator .steps .section .choice {
    margin-left: -20px;
}

.calculator .steps .section .choice.inputtext {
    margin-left: -40px;
}

.calculator .steps .section .caption {
    padding-left: 50px;
    height: 41px;
    margin-left: -50px;
    padding-top: 10px;
    margin-bottom: 20px;
    position: relative;
}

.calculator .steps .section .caption .image {
    position: absolute;
    left: 0;
    top: 0;
}

.calculator .steps .section .caption .name {
    font-family: 'GothaProBla';
    color: #000;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}

.calculator .steps .section td {
    padding: 3px 0;
}

.calculator .steps .section .text {
    width: 28px;
    height: 18px;
    background: #f7f7f7;
    border: 1px solid #d0d0d0;
    padding: 0;
    text-align: center;
    margin-right: 10px;
    -moz-transition: all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition: all 0.3s;
}

.calculator .steps .section .text:focus {
    border-color: #868686;
}

.calculator .options_list {
    background: #fff;
    padding-left: 80px;
    margin-bottom: 45px;
}

.calculator .options {
    float: left;
}

.calculator .options.o1 {
    width: 320px;
}

.calculator .options.o2 {
    width: 300px;
}

.calculator .options.o3 {
    width: 160px;
}

.calculator .options .caption {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'GothaProBla';
    color: #000;
}

.calculator .options .price {
    font-size: 34px;
    line-height: 34px;
    font-family: 'GothaProBla';
    color: #000;
    margin-bottom: 40px;
    background: url("/bitrix/templates/algoritm/css/images/rub.png") no-repeat right 7px;
    display: inline-block;
    padding-right: 20px;
    white-space: nowrap;
    margin-left: -3px;
}

.calculator .options td {
    vertical-align: top;
}

.calculator .options .choice {
    margin-left: -20px;
}

.calculator .options .choice td {
    padding: 3px 0;
    line-height: 25px;
}

.calculator .options .choice .jq-checkbox {
    margin-top: 10px;
}

@-moz-document url-prefix() {
    .calculator .options .choice .jq-checkbox {
        margin-top: 5px;
    }
}

.calculator .options .choice.disabled {
    color: #a3a5a8;
}

.calculator .options .choice label {
    cursor: pointer;
    cursor: hand;
    padding-left: 7px;
}

.calculator .options sup {
    vertical-align: super;
}

.calculator .switch {
    width: 42px;
    height: 14px;
    padding: 2px 3px;
    border-radius: 10px;
    position: relative;
    font-size: 11px;
    font-family: 'GothaProBla';
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    margin-bottom: 5px;
    border: 1px solid #cacaca;
}

.calculator .switch.no {
    background: #f7f7f7;
}

.calculator .switch.yes {
    background: #ffcbcb;
}

.calculator .switch .tumb {
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    box-shadow: 0 1px 2px -1px #030404;
    -moz-transition: all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition: all 0.3s;
}

.calculator .switch .text1 {
    color: #000;
    position: absolute;
    left: 9px;
    top: 3px;
    height: 13px;
    line-height: 13px;
    -moz-transition: all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition: all 0.3s;
}

.calculator .switch .text2 {
    color: #000;
    position: absolute;
    right: 5px;
    top: 3px;
    height: 13px;
    line-height: 13px;
    -moz-transition: all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition: all 0.3s;
}

.calculator .switch.no .text1 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
}

.calculator .switch.yes .text1 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
}

.calculator .switch.yes .text2 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
}

.calculator .switch.no .text2 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
}

.calculator .switch.no .tumb {
    left: 3px;
}

.calculator .switch.yes .tumb {
    right: 3px;
}

.calculator .jq-checkbox {
    position: relative;
    top: -1px;
    width: 11px;
    height: 11px;
    border: 1px solid #cacaca;
    background: #f7f7f7;
    vertical-align: middle;
    cursor: pointer;
}

.calculator .jq-checkbox.checked div {
    display: block;
    width: 11px;
    height: 10px;
    margin: 0px 0 0 0;
    background: url("/bitrix/templates/algoritm/css/images/checkbox2.png");
}

.calculator .textinfo {
    overflow: hidden;
    margin-bottom: 150px;
}

.calculator .textinfo .text1 {
    width: 380px;
    float: left;
}

.calculator .textinfo .text2 {
    width: 460px;
    float: right;
}


/*  Фиксированная полоса с результатом расчета  */

.calc_result .price {
    color: #000;
    margin: auto 0 25px;
    flex: 0 0 100%;
    height: 100%;
    text-align: center;
}

.calc_result {
    width: 100%;
    background: #fff;
    border-top: 1px solid rgba(3, 4, 4, .1);
    /*left: 0;
    bottom: 0;
    box-shadow: 0 5px 50px -10px rgba(3,4,4,.4);*/
}

.calc_result .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.b-icon-section {
    margin-bottom: 14px;
    height: 80px;
    position: relative;
}

.b-icon-section img {
    max-width: 120px;
}

.b-icon-section svg {
    max-width: 80px;
}    

.b-icon-section .icon-seo {
    max-width: 120px;
}    

.b-icon-section img,
.b-icon-section svg {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.c-calculator {
    position: relative;
}

.calc_result.bottom {
    bottom: 0;
    position: absolute;
}

.calc_result.fixed {
    left: 0; right: 0;
    bottom: 0;
    position: fixed;
    background-color: white;
    z-index: 10;
    -webkit-box-shadow: 0 5px 50px -10px rgba(3, 4 , 4, .4);
    box-shadow: 0 5px 50px -10px rgba(3, 4 , 4, .4);
}

.calc_result .inner {
    width: 860px;
    margin: 0 auto;
    height: 90px;
    position: relative;
}

.calc_result .price .value {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 27px;
    font-weight: 700;
}

.calc_result .price .time {
    text-transform: uppercase;
    font-weight: 700;
}

.calc_result .mail {
    padding: 24px 20px;
    background: #b2fb3f;
    display: inline-block;
    height: 100%;
    margin: auto 0 auto auto;
    text-align: center;
    flex: 0 0 100%;
}

.calc_result .mail .text {
    width: 100%;
    height: 34px;
    background: #f7f7f7;
    border: none;
    padding: 10px 15px;
    margin-bottom: 12px;
    -moz-transition: all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    vertical-align: middle;
}

.calc_result .mail .text:focus {
    border-color: #868686;
}

.calc_result .mail .submit {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 15px;
    display: inline-block;
    vertical-align: middle;
    border: 3px solid #fff;
    background-color: #578908;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
}

.calc_result .comment {
    margin: 14px 0 auto;
    flex: 0 0 100%;
    color: #818181;
    font-size: 11px;
    line-height: 16px;
    height: 100%;
    text-align: center;
}

.seo_calculation .comment {
    position: absolute;
    left: 321px;
    top: 50px;
}

.about_page_order {
    margin-top: 20px;
}

.about_page_order .image {
    float: left;
}

.switch {
    position: relative;
    width: 70px;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    margin-bottom: 25px;
    cursor: pointer;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.switch.no {
    background: #feeb01;
}

.switch.no .tumb {
    background: #c59924;
    right: calc(100% - 29px);
}

.switch.yes {
    background: #9dd503;
}

.switch.yes .tumb {
    background: #578908;
}

.switch .tumb {
    width: 26px;
    height: 20px;
    position: absolute;
    top: 3px;
    right: 3px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background-color: white;
    transition: all 0.2s ease 0s;
}

.switch .text1 {
    color: #000;
    width: 60%;
    height: 24px;
    line-height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: center;
}

.switch .text2 {
    color: #000;
    width: 60%;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: center;
}

.switch.no .text1 {
    opacity: 0;
}

.switch.yes .text1 {
    opacity: 1;
}

.switch.yes .text2 {
    opacity: 0;
}

.switch.no .text2 {
    opacity: 1;
}

/* Конец Калькулятор */

.field-animate-label {
    position: relative;
}

.field-animate-label.field-ok .placeholder {
    display: none;
}

.field-animate-label.field-ok .field-animate-label__text-desc {
    top: 5px;
    font-size: 11px;
    line-height: 13px;
    color: #9299a2;
}

.field-animate-label.field-ok .field-animate-label__text-desc .focus-hide {
    display: none;
}

 .field-animate-label__text-desc {
    display: none;
    color: #363636;
 }    

 .field-animate-label__text-mob {
    display: block;
    margin-bottom: 8px;
 }

 .field-animate-label__text-mob .focus-hide {
    display: none;
 }

.field-animate-label .field-animate-label__text-desc,
.field-animate-label .value-file-upload {
    left: 14px; right: 14px;
    top: 5px;
    position: absolute;
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: -1;
}

.field-animate-label label ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.field-animate-label label ol ol {
    margin-left: 15px;
}

.field-animate-label label ol > li > ol {
    counter-reset: list-count;
}

.field-animate-label label ol > li > ol {
    counter-reset: list-count;
    list-style: none;
}

.field-animate-label label ol > li > ol > li:before {
    counter-increment: list-count;
    content: '2.'counter(list-count)'.';
    margin-right: 10px;
}

.field-animate-label input,
.field-animate-label textarea {
    background-color: transparent;
}

.field-animate-label input:focus + label,
.field-animate-label textarea:focus + label {
    top: 5px;
    font-size: 11px;
    line-height: 13px;
    color: #9299a2;
}

.field-animate-label input:focus + label .focus-hide,
.field-animate-label textarea:focus + label .focus-hide {
    display: none;
}

.form-label {
    display: block;
    margin-bottom: 6px;
}

.colorpicker {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.colorpicker:last-child {
    margin-bottom: 0;
}

.colorpicker__color {
    flex: 0 0 100%;
    margin-bottom: 15px;
}

.colorpicker__comment {
    flex: 0 0 100%;
}

.colorpicker__color input {
    cursor: pointer;
    text-align: center;
    border: none;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}

.wrap-field-cols {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wrap-field-col {
    flex: 0 0 100%;
}


.section-brief {
    margin-bottom: 30px;
}

.section-brief__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #578908;
    background-color: rgba(157, 213, 3, 0.1);
    color: #578908;
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-between;
}

.section-brief__header-name {
    font-weight: 700;
    font-size: 17px;
}

.field-upload-file {
    padding: 6px 12px;
    height: 34px;
    border: 1px dashed #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.field-upload-file:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.field-upload-file input {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2000px;
    opacity: 0;
}

.calc-choosed-options {
    margin-bottom: 40px;
}

.calc-choosed-options__row {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}

.calc-choosed-options__row:after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: 5px;
    height: 0;
    border-bottom: 1px dotted #707070;
    z-index: -1;
}

.calc-choosed-options__label {
    flex: 0 0 40%;
}

.calc-choosed-options span {
    display: inline-block;
    padding: 2px 6px;
    background-color: white;
}

.calc-choosed-options__value {
    flex: 0 0 55%;
    margin-left: 5%;
}

.calc-choosed-options__value span {
    display: block;
}

.icn {
    
}

.icn_bitrix {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 5px;
}

.icn_pdf {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 5px;
}

.icn_trophy {
    display: block;
    width: 30px;
    height: 36px;
    margin: 0 auto 5px;
}

.icn_paper {
    display: block;
    width: 27px;
    height: 27px;
    margin: 0 auto 5px;
}

.icn_brief {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 5px;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("/img/icn-brief.svg");
    background-size: cover;
}

.hp-item.open .hp-overlay {
    opacity: 1;
}

.hp-item.open .hp-text {
    top: 0;
}

.portfolio-grid {
    font-size: 0;
    overflow: hidden;
    position: relative;
}

.portfolio-grid .b-grid.b-grid_desktop {
    display: none;
}

.portfolio-grid .grid-sizer,
.portfolio-grid .b-grid {
    width: 50%;
}

.portfolio-grid .b-grid {
    /*width: 100%;*/
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    float: left;
    /*-webkit-transition: all .4s;
    transition: all .4s;*/
    position: relative;
}

.portfolio-grid .b-grid.b-grid_2x2 {
    width: 100%;
    /*height: 200px;*/
    padding-bottom: 63%;
}

.portfolio-grid .b-grid.b-grid_1x1,
.portfolio-grid .b-grid.b-grid_1x2 {
    width: 50%;
    /*height: 100px;*/
    padding-bottom: 32%;
}

.b-portfolio__img {
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    z-index: -1;
    margin: 0 auto;
}

.b-portfolio__img > img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.portfolio-grid .grid-sizer {
    /*width: 100%;*/
}

.b-portfolio {
    /*height: 230px;*/
    display: block;
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #fff;
    text-decoration: none;
    /*background-color: #333;*/
}

.b-portfolio.b-portfolio_behance {
    background-color: transparent;
    min-width: 70px;
    min-height: 70px;
}

.b-portfolio.b-portfolio_block-title .b-portfolio__body {
    opacity: 1;
}

.b-portfolio.b-portfolio_block-title .b-portfolio__title {
    font-size: 20px;
}    

/*.b-portfolio_one-st-vertical,*/
.b-portfolio_one-st:not(.b-portfolio_one-st-vertical) {
    /*display: none;*/
}

.b-portfolio:hover:after {
    opacity: 1;
}

.b-portfolio:hover .b-portfolio__body {
    opacity: 1;
}

.portfolio-grid .b-grid.b-portfolio_desc {
    display: none;
}

.b-portfolio_one-st {
    /*height: 230px;*/
}

.b-portfolio_one-st.b-portfolio_one-st-vertical {
    /*height: 300px;*/
}

.b-portfolio:after {
    background-color: rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    z-index: -1;
    -webkit-transition: all .4s;
    transition: all .4s;
    display: none;
}

.b-portfolio__body {
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    font-size: 15px;
    line-height: 18px;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.b-portfolio__text {
    display: none;
    font-size: 16px;
    line-height: 20px;
}

.b-portfolio__title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    display: none;
}

.b-portfolio_behance.b-portfolio:after,
.all_work_link.b-portfolio:after {
    display: block;
}

.b-portfolio_behance .b-portfolio__title,
.all_work_link .b-portfolio__title {
    display: block;
}

.b-portfolio__body-align {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.filter-button-group {
    padding: 40px 0;
    font-size: 0;
}

.filter-button-group a {
    border: 2px solid #b6bbc1;
}

.filter-button-group a:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.filter-button-group a,
.filter-button-group button {
    display: inline-block;
    vertical-align: top;
    padding: 10px 15px;
    cursor: pointer;
    text-decoration: none;    
    color: #333;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 6px 6px 0;
    font-size: 16px;
    -webkit-box-sizing: border-box;    
    box-sizing: border-box; 
    height: 48px;   
}

.filter-button-group button {
    border: none;
    background-color: #feeb01;
}

.filter-button-group button.active,
.filter-button-group button:hover {
    background-color: #9dd503;
    color: #fff;
}

.portfolio-grid .all_work_link {
    background: #212227;
}

.portfolio-grid .all_work_link img {
    margin-bottom: 1px;
}

.all_work_link .all_work_button{
    padding: 4px 15px;
    border: 2px solid #6f6f6f;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: bold;
    transition: all .3s;
}
.all_work_link .all_work_button:hover{
    color: #fff;
    border-color: #fff;
}

.b-question {
    display: none;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
}

.b-question__icn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #d8d6d6;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    transition: all .3s;
}

.b-question__icn:hover {
    background-color: #bcbbbb;
}

.b-question__icn:after {
    content: "?";
    line-height: 20px;
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    text-align: center;
    color: #fff;
}

.b-question:hover .b-question__text {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
}

.b-question__text {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 2px);
    width: 220px;
    padding: 14px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #578908;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    margin-left: -110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    visibility: hidden;
    cursor: default;
}

.b-question__text:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #578908 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.b-question__text p {
    margin-bottom: 14px;
}

.b-question__text a {
    color: #fff;
}

.attention-fz-info {
    font-style: italic;
    max-width: 1200px;
    margin: 0 auto 60px;
    padding-left: 32px;
    position: relative;
    color: #444248;
    font-size: 20px;
    line-height: 26px;
}

.attention-fz-info:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 54px;
    background: url("/img/img-attention-fz.png") no-repeat 0 0 / cover;
}

.hint-fz-info {
    font-style: italic;
    /*margin-bottom: 30px;*/
    padding-left: 32px;
    position: relative;
    color: #444248;
    font-size: 14px;
    line-height: 18px;
}

.hint-fz-info:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url("/img/icn-abbr-fz.png") no-repeat 0 0 / cover;
}

.s-title_fz-title span {
    display: inline-block;
}

.s-title_fz-title span:before {
    width: 90px;
    height: 86px;
    content: "";
    background: url("/img/img-title-fz.png") no-repeat 0 0 / cover;
    margin: 0 auto 20px;
    display: block;
    vertical-align: middle;
}

.proposition-order-fs {
    margin: 0 auto 60px;
    max-width: 570px;
}

.proposition-order-fs__text {
    font-size: 19px;
    line-height: 28px;
    display: inline-block;
    max-width: 606px;
    text-align: left;
}

.proposition-order-fs__text button {
    border: none;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    text-decoration: underline;
}

.proposition-order-fs__text button:hover {
    text-decoration: none;  
}

.proposition-order-fs__text span {
    -webkit-box-shadow: 16px 0 0 #5e6168, -16px 0 0 #5e6168;
    box-shadow: 16px 0 0 #5e6168, -16px 0 0 #5e6168;
    background-color: #5e6168;
    color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 7px 0;
}

.proposition-order-fs__text a {
    color: #fff;
    text-decoration: underline;
}

.proposition-order-fs__text a:hover {
    text-decoration: none;
}

.proposition-order-fs__tel {
    text-align: right;
    margin-top: 8px;
}

.proposition-order-fs__tel a {
    -webkit-box-shadow: 16px 0 0 #9dd503, -16px 0 0 #9dd503;
    box-shadow: 16px 0 0 #9dd503, -16px 0 0 #9dd503;
    background-color: #9dd503;
    color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 7px 0;
    text-decoration: none;
    font-size: 24px;
    line-height: 26px;
}

.how-to-be-fz {
    background: url("/img/img-how-be-fz.jpg") no-repeat 0 0 / cover #000;
}

.how-to-be-fz__text {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}

.how-to-be-fz__text p {
    margin-bottom: 30px;
}

.how-to-be-fz__text p span {
    -webkit-box-shadow: 16px 0 0 #9cd403, -16px 0 0 #9cd403;
    box-shadow: 16px 0 0 #9cd403, -16px 0 0 #9cd403;
    background-color: #9cd403;
    color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 7px 0;
    margin: 0 26px;
    font-size: 18px;
    line-height: 26px;
}

.how-to-be-fz__title {
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 26px;
}

.s-hint {
    font-style: italic;
    margin: 0 auto 50px;
    max-width: 900px;
    font-size: 14px;
    line-height: 18px;
}

.free-consulting-fz {
    background-color: #9dd503;
    text-align: center;
}

.free-consulting-fz__text {
    font-size: 18px;
    line-height: 29px;
}

.free-consulting-fz__text span {
    -webkit-box-shadow: 16px 0 0 #5e6168, -16px 0 0 #5e6168;
    box-shadow: 16px 0 0 #5e6168, -16px 0 0 #5e6168;
    background-color: #5e6168;
    color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 7px 0;
}

.free-consulting-fz__tel {
    padding-left: 16px;
    padding-right: 16px;
    margin-right: 0;
    display: inline-block;
    -webkit-box-shadow: 0 5px 24px rgba(0, 0, 0, 0.22);
    box-shadow: 0 5px 24px rgba(0, 0, 0, 0.22);
    margin-top: 14px;
}

.free-consulting-fz__tel a {
    -webkit-box-shadow: 16px 0 0 #9dd503, -16px 0 0 #9dd503;
    box-shadow: 16px 0 0 #9dd503, -16px 0 0 #9dd503;
    background-color: #9dd503;
    color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 7px 0;
    text-decoration: none;
    font-size: 24px;
    line-height: 27px;
}

.free-consulting-fz__inside {
    display: inline-block;
    text-align: right;
}

.important-info-text {
    font-size: 18px;
    line-height: 30px;
}

.speed-fz {
    background: url("/img/img-speed-fz.jpg") no-repeat 50% 0 / cover;
    width: auto;
    height: 230px;
    text-align: center;
    margin: 0 -20px 40px;
    text-align: center;
}

.speed-fz .btn.btn_default {
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.speed-fz__c-align {
    display: table;
    width: 100%;
    height: 100%;
}

.speed-fz__u-align {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.speed-fz__title {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 28px;
}

.block-steps-list {
    margin-bottom: 30px;
    counter-reset: step-count;
    font-size: 0;
}

.step-unit {
    margin-bottom: 30px;
    position: relative;
}

.step-unit:before {
    content: "";
    counter-increment: step-count;
    content: counter(step-count);
    font-family: 'Times New Roman', serif;
    color: #e4e4e4;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    position: absolute;
    left: 30px;
    top: -28px;
}

.step-unit__description {
    padding: 20px 25px;
    border: 3px solid #9dd503;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    margin-bottom: 20px;
}

.step-unit__description span {
    display: block;
    text-align: right;
    font-size: 19px;
    color: red;
}

.profit-us {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 40px;
    text-align: center;
}

s.profit-us__num {
    color: #727272;
    font-size: 22px;
    line-height: 22px;
}

.profit-us__num {
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    color: red;
    margin-right: 5px;
}

.step-unit__price {
    color: #5d5d5d;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-weight: 700;
}

.step-unit__price span {
    display: inline-block;
    vertical-align: top;
    border-bottom: 3px solid #eaeaea;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.step-unit__price span:hover {
    border-bottom-color: #5d5d5d;
}

.wrap-mulct {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 300;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}

.wrap-mulct.show {
    visibility: visible;
    opacity: 1;
}

.popup-mulct {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}

.popup-mulct img {
    display: block;
    max-width: 100%;
}

.popup-mulct__close {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    width: 42px;
    height: 42px;
}

.popup-mulct__close:before,
.popup-mulct__close:after {
    content: "";
    width: 22px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: white;
    transform-origin: center;
    margin: -1px 0 0 -11px;
}

.popup-mulct__close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-mulct__close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_gap-left {
    margin-left: 10px;
}

.topContainerPortfolio_2 .anim-slide > div:nth-child(2) {
  top: 235px;
}

.anim-slide-this .btnContainer span.btn-gray {
    border:3px solid #8a8788;
    background: rgba(138, 135, 136, 0.7); 
    display: inline-block;
}

.anim-slide-this .btnContainer span.btn-gray:hover {
    border:3px solid #feeb01;
    background: #feeb01;
}

.thead-sticky {
    width: 710px;
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 10;
    font-size: 0;
    display: none;
    border-left: 1px solid #eee;
}

.thead-sticky > div {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #eee;
    border-left: none;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    font-weight: 600;
    min-height: 55px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-link-row {
    font-size: 16px;
    margin-bottom: 7px;
}

.menu-link-row:last-child {
    margin-bottom: 0;
}

.menu-link-row .icn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    fill: #fff;
}

.company-developers {
    margin-bottom: 25px;
}


.arrow-bottom-scroll {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    @include translate(-50%, 0);
    cursor: pointer;
}

.arrow-bottom-scroll:after {
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 3px solid #feeb01;
    border-right: 3px solid #feeb01;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -12px 0 0 -11px;
    animation: pulsate .5s infinite;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.new-price {
    display: block;
    color: red;
    font-size: 18px;
}

.quiz-steps {
    /*overflow: hidden;*/
    position: relative;
}


@media screen and (min-width: 360px) {

    .portfolio-grid .b-grid.b-grid_1x1,
    .portfolio-grid .b-grid.b-grid_1x2 {
        /*height: 110px;*/
    }
}

@media screen and (min-width: 480px) {

    .b-worker {
        flex: 0 0 33%;
    }
    
    .portfolio-grid .grid-sizer,
    .portfolio-grid .b-grid {
        width: 50%;
    }

    .portfolio-grid .b-grid.b-grid_2x2 {
        /*height: 250px;*/
    }

    .portfolio-grid .b-grid.b-grid_1x1,
    .portfolio-grid .b-grid.b-grid_1x2 {
        /*height: 150px;*/
        width: 50%;
    }

}

@media screen and (min-width: 640px) {
    
    .portfolio-grid .grid-sizer,
    .portfolio-grid .b-grid,
    .portfolio-grid .b-grid.b-grid_1x1,
    .portfolio-grid .b-grid.b-grid_1x2 {
        width: 33.33%;
    }

    .portfolio-grid .b-grid.b-grid_2x2 {
        width: 33.33%;
        padding-bottom: 21%;
    }

    .portfolio-grid .b-grid.b-grid_1x1,
    .portfolio-grid .b-grid.b-grid_1x2 {
        /*height: 100px;*/
        padding-bottom: 21%;
    }

    .colorpicker__color {
        flex: 0 0 184px;
        margin-top: 28px;
        margin-bottom: 0;
    }

    .colorpicker__comment {
        flex: 1;
        margin-left: 20px;
    }

    .calc_result .mail .submit {
        width: 120px;
    }

    .calc_result .mail .text {
        margin-bottom: 0;
        margin-right: 10px;
        width: calc(100% - 120px - 20px);
    }

    .b-options-development {
        flex: 0 0 50%;
    }

    .wrap-efficiency__body {
        flex: 1;
    }    

    .slider-thumb-works {
        padding-left: 60px;
        padding-right: 60px;
    }    

    .wrap-efficiency {
        margin-bottom: 30px;
    }    

    .wrap-efficiency__image {
        flex: 0 0 50%;
    }

    .wrap-efficiency__image img {
        max-width: 100%;
    }

    .wrap-efficiency:nth-child(even) .wrap-efficiency__body {
        order: 1;
    }

    .wrap-efficiency:nth-child(even) .wrap-efficiency__image {
        order: 2;
    }

    .alg_services_items_block {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background-color: white;
    }

    .row-text-info {
        text-align: left;
    }

    .row-text-info a {
        display: inline-block;
        margin-left: 40px;
    }    

    .steps-copywriting ol li {
        flex: 0 0 calc(50% - 10px);
    }

    .b-icns-desc {
        margin: 0 35px 74px;
        flex: 0 0 calc(50% - 70px);
    }

    .description-steps .desc-step {
        flex: 0 0 calc(50% - 30px);
    }

    .description-steps .desc-step:after {       
        border-width: 9px 0 9px 8px;
        border-color: transparent transparent transparent #e4e4e4;
        left: 100%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .step-graph ol li {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .num-item-list {
        margin: auto 0;
    }

    .step-graph-text {
        flex: 1;
        text-align: left;
        margin: auto 0 auto 20px;
    }

    .s-table__col {
        flex: 0 0 50%;
    }

    .b-advancement {
        flex: 0 0 27%;
        margin-bottom: 0;
    }

    .s-title.s-title_fsize-lg {
        font-size: 32px;
        line-height: 35px;
    }

    .s-title.s-title_fsize-md {
        font-size: 20px;
        line-height: 26px;
    }

    .s-title.s-title_fsize-sm {
        font-size: 16px;
        line-height: 21px;
    }

}

@media screen and (min-width: 768px) {

	.promotion-statistics__photos .alg_metrika_item {
		flex: 0 0 calc(33.33% - 16px);
		margin: 0 0 20px;
	}	

    .portfolio-grid .grid-sizer,
    .portfolio-grid .b-grid {
        width: 25%;
    }

    .portfolio-grid .b-grid.b-grid_1x1 {
        width: 25%;
        /*height: 124px;*/
        padding-bottom: 16%;
    }

    .portfolio-grid .b-grid.b-grid_1x2 {
        width: 25%;
        /*height: 124px;*/
        padding-bottom: 16%;
    }

    .portfolio-grid .b-grid.b-grid_2x2 {
        width: 50%;
        /*height: 240px;*/
        padding-bottom: 32%;
    }

    .free-consulting-fz__tel {
        padding-left: 26px;
        padding-right: 26px;
    }    

    .free-consulting-fz__tel a {
        -webkit-box-shadow: 26px 0 0 #9dd503, -26px 0 0 #9dd503;
        box-shadow: 26px 0 0 #9dd503, -26px 0 0 #9dd503;
    }    

    .free-consulting-fz__text span {
        -webkit-box-shadow: 36px 0 0 #5e6168, -36px 0 0 #5e6168;
        box-shadow: 36px 0 0 #5e6168, -36px 0 0 #5e6168;
    }    

    .proposition-order-fs__tel a {
        -webkit-box-shadow: 26px 0 0 #9dd503, -26px 0 0 #9dd503;
        box-shadow: 26px 0 0 #9dd503, -26px 0 0 #9dd503;
    }    

    .proposition-order-fs__text span {
        -webkit-box-shadow: 36px 0 0 #5e6168, -36px 0 0 #5e6168;
        box-shadow: 36px 0 0 #5e6168, -36px 0 0 #5e6168;
    }    

    .how-to-be-fz__text p span {
        -webkit-box-shadow: 26px 0 0 #9cd403, -26px 0 0 #9cd403;
        box-shadow: 26px 0 0 #9cd403, -26px 0 0 #9cd403;
    }    

    .proposition-order-fs__text {
        font-size: 22px;
        line-height: 32px;
    }

    .free-consulting-fz__tel {
        margin-right: -68px;
    }   

    .free-consulting-fz__text {
        font-size: 22px;
        line-height: 25px;
    }

    .speed-fz {
        max-width: 1020px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 70px;
    }    

    .step-unit {
        display: inline-block;
        vertical-align: top;
        width: 31%;
        margin-left: 3.5%;
    }   

    .step-unit:first-child {
        margin-left: 0;
    }

    .b-portfolio__title {
        text-transform: uppercase;
    }

    .filter-button-group a,
    .filter-button-group button {
        padding-left: 25px;
        padding-right: 25px;
    }    
    
    .calc-choosed-options {
        max-width: 70%;
    }

    .field-animate-label .field-animate-label__text-desc,
    .field-animate-label .value-file-upload {
        left: 20px; right: 20px;
        top: 20px;
    }    

    .field-upload-file {
        padding: 20px;
        height: 60px;
    }    

    input.form-control_lg-size,
    textarea.form-control_sm-size-textarea,
    textarea.form-control_nm-size-textarea,
    textarea.form-control_st-size-textarea,
    textarea.form-control_md-size-textarea,
    textarea.form-control_lg-size-textarea {
        padding: 20px;
    }

    input.form-control_lg-size,
    textarea.form-control_sm-size-textarea {
        height: 60px;
    }

    textarea.form-control_nm-size-textarea,
    textarea.form-control_st-size-textarea,
    textarea.form-control_md-size-textarea,
    textarea.form-control_lg-size-textarea {
        height: 60px;
    }

    textarea.form-control_nm-size-textarea {
        height: 70px;
    }

    textarea.form-control_st-size-textarea {
        height: 100px;
    }

    textarea.form-control_md-size-textarea {
        height: 135px;
    }

    textarea.form-control_lg-size-textarea {
        height: 280px;
    }

    .wrap-field-col {
        flex: 0 0 48%;
    }

    .wrap-services-options .col-services-options:last-child .b-service-options {
        margin-bottom: 0;
    }

    .calc_result .price {
        flex: 0 0 auto;
        margin-bottom: auto;
        margin-left: 0;
        text-align: left;
    }

    .calc_result .mail {
        flex: 0 0 400px;
    }

    .calc_result .comment {
        margin-top: auto;
        flex: 0 0 auto;
        text-align: left;
        margin-left: 20px;
    }


    .wrap-services-options .col-services-options:first-child {
        flex: 0 0 24%;
    }

    .wrap-services-options .col-services-options:last-child {
        flex: 0 0 74%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wrap-services-options .col-services-options:last-child .b-service-options {
        flex: 0 0 33.33%;
    }

    .wrap-tree.wrap-tree_mb-lg {
        margin-bottom: 138px;
    }

    .b-tree.b-tree_4 {
        flex: 0 0 20%;
    }

    .wrap-intresting {
        font-size: 18px;
        line-height: 24px;
    }    

    .wrap-intresting .img-intresting img {
        max-width: 100%;
    }    

    .b-worker {
        flex: 0 0 25%;
        margin: 0 0 60px;
        font-size: 18px;
        line-height: 24px;
    }     

    .m-phase-dev {
        margin: 0 115px 100px;
    }    

    .wrap-intresting.wrap-intresting__mb-lg {
        margin-bottom: 185px;
    }

    .wrap-intresting .img-intresting {
        float: left;
        margin: 0 58px 42px 0;
    }

    .have_idea {
        margin-bottom: -54px;
    }    

    .cbh-item .cbh-item-txt-block {
        font-size: 23px;
        line-height: 24px;
    }    

    .cbh-item .cbh-item-txt-block {
        padding-top: 0;
        padding-bottom: 0;
    }

    .cbh-item .cbh-item-txt-block,
    .cbh-item .cbh-item-img-block {
        height: 315px;
    }    

    .cbh-item .cbh-item-txt-block .cbh-item-description {
        position: absolute;
        left: 0; right: 0;
        bottom:80px;
    }

    .greenLine .algoritmMainForm {
        width:35%;
        max-width: 280px;
    }

    .slider-examples-works {
        margin-bottom: 35px;
    }

    .slider-thumb-works {
        padding-left: 0;
        padding-right: 0;
    }

    .slider-landing img {
        max-width: 60%;
        margin: 0 auto;
    }

    .topContainerLanding {
        background: url("/img/landing-bg.jpg") no-repeat center bottom;
    }

    .b-composition-landing {
        flex: 0 0 calc(100% / 3);
        padding-left: 10px;
        padding-right: 10px;
    }    

    .quick-solutions-title {
        font-size: 32px;
        line-height: 44px;
    }

    .clientsbg .clientsblock span {
        margin-bottom: 30px;
    }

    h3 {
        font-size:29px;
    }

    #how_we_work {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #how_we_work h3 { 
        margin-bottom:40px;
    }

    .view_item_name {
        margin-bottom: 40px;
    }

    #why-we {
        padding-bottom:44px;
    }    

    .greenLine p {
        font-size:22px;
        line-height: 30px;
    }

    .greenLine {
        padding: 42px 0;
    }    

    .greenLine .algoritmMainForm.algoritmMainForm_left {
        float: left;
    }

    .greenLine .algoritmMainForm.algoritmMainForm_left.algoritmMainForm_absolute {
        right: auto;
        left: 0;
        -webkit-transform: translate(0, -58%);
        transform: translate(0, -58%);
    }

    .greenLine__container.greenLine__container-form-left {
        margin-left: 330px;
    }

    .accompanying_label {
        display: block;
    }    

    .grid-cols-img-text {
        /*margin: 0 -40px;*/
    }    

    .grid-cols-img-text .col-img-text {
        flex: 0 0 calc(33% - 80px);
        margin: 0 40px;
    }    

    #order_table {
        padding-bottom: 100px;
    }   

    .b-img-text_conversely .b-img-text__body {
        order: 1;
        margin-left: 0;
        margin-right: 25px;
    } 

    .b-img-text_conversely .b-img-text__photo {
        order: 2;
    } 

    .b-img-text__body {
        flex: 1;
        margin-left: 25px;
    }

    .b-img-text__photo {
        flex: 0 0 372px;
    }    

    .description-steps {
        margin: 0 -15px;
    }

    .description-steps .desc-step {
        flex: 0 0 calc(33.33% - 30px);
    }

    .s-title {
        margin-bottom: 58px;
    }    

    .s-row.s-row_pb-lg {
        padding-bottom: 110px;
    }

    .s-row.s-row_pt-md {
        padding-top: 55px;
    }

    .s-row.s-row_pt-lg {
        padding-top: 110px;
    }

    .s-row.s-row_pt-lg-extra {
        padding-top: 160px;
    }

    .greenLine__container {
        margin-right: 290px;
        margin-bottom: 0;
    }

    .greenLine__container.greenLine__container-reset-mr {
        margin-right: 0;
    }

    .s-row {
        padding-top: 68px;
        padding-bottom: 68px;
    }    

    .steps-copywriting ol li {
        flex: 0 0 calc(33.33% - 10px);
    }


    .online_request {
        padding: 25px;
    }
    
    .online_request .h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .type_service,
    .checkboxer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .online_request .field-name {
        display: inline-block;
        width: 160px;
    }

    .online_request .field-input {
        display: inline-block;
        width: calc(100% - 160px);
    }

    .online_request .field-cols.cols-2 .field {
        margin-left: 16px;
        width: 50%;
        display: inline-block;
    }

    .online_request .field-cols.cols-2 .field:first-child {
        width: calc(50% - 16px);
        margin-left: 0;
    }

    .online_request .field.file .field-name {
        width: calc(50% - 16px);
    }

    .online_request .field.file .field-input {
        width: 50%;
        margin-left: 16px;
    }

    .form-row {
        margin-bottom: 20px;
        max-width: 960px;
    }

    .form-row:last-child {
        margin-bottom: 0;
    }

    .form-row__cell {
        width: calc(33% - 20px);
    }

    .list-check-bullet.list-check-bullet_inline-items li {
        flex: 0 0 30%;
    }

    .list-check-bullet.list-check-bullet_inline-items li + li {
        margin-top: 0;
    }  
}

@media screen and (min-width: 1024px) {

    .clientsbg {
        padding-bottom: 125px;
    }    

    .contacts-networks {
        margin-bottom: 0;
    }

    .header_phones {
        font-size: 27px;
        text-align: center;
    }

    .header_phones_number {
        margin-bottom: 6px;
        margin-top: -6px;
    }

    .alg_up {
        display: block;
    }    

    .portfolio-grid .b-grid.b-grid_mob {
        display: none;
    }

    .portfolio-grid .b-grid.b-grid_desktop {
        display: block;
    }

    .all_work_link .all_work_button{
        padding: 7px 8px;
        font-size: 11px;
    }    

    .b-portfolio__text {
        font-size: 11px; 
        line-height: 13px;
    }

    .portfolio-grid .b-grid.b-grid_1x1 {
        padding-bottom: 10%;
        height: auto;
    }

    .portfolio-grid .b-grid.b-grid_1x2,
    .portfolio-grid .b-grid.b-grid_2x2 {
        padding-bottom: 20%;
        height: auto;
    }

    .step-unit__description {
        padding: 27px 55px 27px 35px;
    }

    .how-to-be-fz__text {
        float: right;
        width: 45%;
    }

    .s-title_fz-title span:before {
        width: 143px;
        height: 136px;
        margin-bottom: 0;
        margin-right: 20px;
        margin-left: 0;
        display: inline-block;
    }

    .b-question {
        display: inline-block;
    }    

    .b-portfolio__title {
        font-size: 18px;
        line-height: 24px;
    }    

    .portfolio-grid .b-grid.b-grid_2x2 .b-portfolio__title {
        font-size: 23px;
        line-height: 28px;
    }

    .portfolio-grid .b-grid.b-grid_1x1 .b-portfolio__title {
        font-size: 12px;
        line-height: 15px;
    }

    .portfolio-grid .b-grid.b-grid_1x2 .b-portfolio__title {
        font-size: 17px;
        line-height: 22px;
    }

    .portfolio-grid .b-grid {
        height: auto;
        float: left;
    }

    .portfolio-grid .b-grid.b-grid_2x2 {
        width: 33.33%;
    }
    
    .portfolio-grid .grid-sizer,
    .portfolio-grid .b-grid.b-grid_1x1,
    .portfolio-grid .b-grid.b-grid_1x2 {
        width: calc(33.33% / 2);
    }

    .b-portfolio__text {
        margin-top: 5px;
    }

    .b-portfolio_one-st,
    .b-portfolio_behance {
        /*width: 100%;*/
        /*height: auto;*/
    }

    .portfolio-grid .b-grid {
        /*height: 250px;*/
        /*width: 33.33%;*/
    }

    .b-portfolio_one-st.b-portfolio_one-st-vertical {
        height: 100%;
        float: left;
        padding-bottom: 0;
    }

    .b-portfolio {
        height: 100%;
    }

    .b-portfolio__body {
        opacity: 0;
    }    
    .all_work_link .b-portfolio__body{
        opacity: 1;    
    }
    
    .b-portfolio:after {
        background-color: rgba(0, 0, 0, 0.7);
        opacity: 0;
        display: block;
    }    

    .b-portfolio__text,
    .b-portfolio__title {
        display: block;
    }    

    .hp-item:hover .hp-overlay {
        opacity: 1;
    }

    .hp-item:hover .hp-text {
        top: 0;
    }

    .c-calculator {
        padding-bottom: 100px;
    }

    .btn-more-alg-service {
        position: absolute;
        right: 15px;
        bottom: 15px;
        margin: 0;
    }    

    .colorpicker__color {
        margin-top: 0;
    }

    .placeholder {
        display: none;
    }

    .field-animate-label__text-mob {
        display: none;
    }

    .field-animate-label__text-desc {
        display: block;
    }

    .calc_result .price {
        margin-left: 12%;
    }

    .b-options-development {
        flex: 0 0 25%;
    }    

    .wrap-tree.wrap-tree_cols4:after {
        left: 12.5%;
        right: 12.5%;
    }

    .b-tree.b-tree_4 {
        flex: 0 0 15%;
    }

    .b-tree.b-tree_4:first-child {
        margin-left: 5%;
    }

    .b-tree.b-tree_4:last-child {
        margin-right: 5%;
    }
    
    .thumbs-phase-dev .b-phase-sm {
        margin-left: 15px;
        margin-right: 15px;
    }    

    .b-phase-btn {
        position: absolute;
        top: 310px;
        left: 510px; right: 0;
        margin-top: 0;
    }    

    .b-phase__image {
        float: left;
    }

    .b-phase__body {
        margin: 50px 0 0 505px;
    }

    .clientsblock span img {
        margin-bottom: 0;
    }

    .list-check-bullet.list-check-bullet_inline-items li {
        flex: 0 0 28%;
    }
    
    .our-serts img {
        max-width: calc(24% - 10px);
    }
        
    .slider-landing img {
        max-width: 100%
    }

    .img-desc-slide__text {
        font-size: 24px;
        line-height: 27px;
        position: absolute;
        left: 664px; right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    
    .quick-solutions-title {
        margin-bottom: 0; 
    }

    .quick-solutions-title,
    .quick-solutions-btn {
        flex: 0 0 40%;
        margin-top: auto;
        margin-bottom: auto;
    }

    .b-composition-landing {
        flex: 0 0 calc(100% / 6);
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .b-composition-landing__text {
        padding-top: 68px;
        padding-right: 20%;
        text-align: left;
    }    

    .b-composition-landing__image {
        height: 216px;
        border-bottom: 3px dashed #aaa38f;
        display: block;
    }    

    .b-composition-landing__image:before,
    .b-composition-landing__image:after {
        display: block;
    }

    .b-composition-landing__image:after {
        top: 125px;
    }

    .b-composition-landing__image img {
        max-width: 132px;
    }

    .b-composition-landing:nth-child(1) .b-composition-landing__image img {
        margin-right: -15px;
    }

    .b-composition-landing:nth-child(2) .b-composition-landing__image img {
        margin-right: -30px;
    }

    .b-composition-landing:nth-child(3) .b-composition-landing__image img {
        margin-right: -30px;
    }

    .b-composition-landing:nth-child(4) .b-composition-landing__image img {
        margin-right: -30px;
    }

    .b-composition-landing:nth-child(5) .b-composition-landing__image img {
        margin-right: -16px;
    }

    .b-composition-landing:nth-child(6) .b-composition-landing__image img {
        margin-right: -34px;
    }

    .wrap-composition-landing {
        max-width: 994px;
        margin: 0 auto;
    }


    .slider-landing .slick-arrow {
        bottom: 45px;
        left: auto; right: 415px;
    }

    .slider-landing .slick-arrow.slick-prev {
        -webkit-transform: translate(-58px, 0);
        transform: translate(-58px, 0);
    }

    .row-quick-solutions {
        padding-bottom: 176px;
        background-image: url("/img/bg-quick-solutions.jpg");
        background-repeat:  no-repeat;
        background-position: 50% 100%;
        text-align: left;
    }

    .row-composition-landing {
        padding-top: 80px;
        padding-bottom: 120px;
    }

    .row-about-serts {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .row-decor-pink.row-decor-pink_blue {
        background-image: url("/img/row-decor-pink-blue.jpg");
        min-height: 835px;
    }

    .row-decor-pink.row-decor-pink_blue .row-text-info {
        background-color: transparent;
    }

    .row-decor-pink .row-text-info {
        background: none;
        font-size: 40px;
        line-height: 40px;
        margin-top: 140px;
    }

    .row-decor-pink .row-text-info a {
        font-size: 65px;
        line-height: 65px;
    }

    .row-about-efficiency {
        padding-top: 78px;
    }    

    .row-decor-pink {
        min-height: 646px;
        background: url("/img/row-decor-pink.jpg") no-repeat 50% 0;
        padding-top: 180px;
        padding-bottom: 72px;
    }    

    .s-title.s-title_fsize-md {
        font-size: 24px;
        line-height: 30px;
    }

    .s-title.s-title_fsize-lg {
        font-size: 42px;
        line-height: 45px;
    }

    .s-title.s-title_mb-lg {
        margin-bottom: 66px;
    }

    .alg_services_block {
        cursor: default;
    }

    .alg_services_block:after {
        display: none;
    }

    .alg_services_block-align {
        padding-top: 103px;
        padding-bottom: 103px;
    }

    .topContainerGoogleAdwords .anim-slide > div:nth-child(3),
    .topContainerYandexDirect .anim-slide > div:nth-child(3) {
        top: 274px;
    }

    #alg_services .alg_services_item.alg_services_item_wout-color .alg_services_block,
    #alg_services .alg_services_item .flex-align-center {
        height: 300px;
    }
    
    .service_price {
        position: absolute;
        left: 0;
        bottom: 3px;
    }    

    #why-we {
        padding-bottom:84px;
    }    

    .b-our-principles__title {
        margin: 0 auto;
        width: 642px;
        height: 585px;
        background: url("/img/bg-our-principles.png") no-repeat;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        font-size: 44px;
        line-height: 46px;
        text-align: center;
        justify-content: center;
        text-transform: uppercase;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .b-our-principles__title span {
        display: block;
        margin: auto;
        flex: 0;
    }

    .wrap-our-principles ul li {
        padding-left: 0;
    }

    .wrap-our-principles ul li + li {
        margin-top: 0;
    }

    .wrap-our-principles ul li {
        position: absolute;
        font-size: 14px;
        line-height: 18px;
    }

    .wrap-our-principles ul li:before {
        display: none;
    }

    .wrap-our-principles ul li:nth-child(1) {
        top: 100px;
        left: 50%;
        -webkit-transform: translate(calc(-50% - 220px - 80px), 0px);
        transform: translate(calc(-50% - 220px - 80px), 0px);
    }

    .wrap-our-principles ul li:nth-child(2) {
        top: 174px;
        left: 50%;
        -webkit-transform: translate(calc(-50% - 220px - 170px), 0px);
        transform: translate(calc(-50% - 220px - 170px), 0px);
    }

    .wrap-our-principles ul li:nth-child(3) {
        top: 306px;
        left: 50%;
        -webkit-transform: translate(calc(-50% - 220px - 180px), 0px);
        transform: translate(calc(-50% - 220px - 180px), 0px);
    }

    .wrap-our-principles ul li:nth-child(4) {
        top: 425px;
        left: 50%;
        -webkit-transform: translate(calc(-50% - 220px - 80px), 0px);
        transform: translate(calc(-50% - 220px - 80px), 0px);
    }

    .wrap-our-principles ul li:nth-child(5) {
        top: 535px;
        left: 50%;
    }

    .wrap-our-principles ul li:nth-child(6) {
        top: 350px;
        left: 50%;
        -webkit-transform: translate(calc(-50% + 220px + 180px), 0px);
        transform: translate(calc(-50% + 220px + 180px), 0px);
        width: 150px;
    }

    .wrap-our-principles ul li:nth-child(7) {
        top: 278px;
        left: 50%;
        -webkit-transform: translate(calc(-50% + 220px + 180px), 0px);
        transform: translate(calc(-50% + 220px + 180px), 0px);
        width: 150px;
    }

    .wrap-our-principles ul li:nth-child(8) {
        top: 152px;
        left: 50%;
        -webkit-transform: translate(calc(-50% + 220px + 180px), 0px);
        transform: translate(calc(-50% + 220px + 180px), 0px);
        width: 150px;
    }

    .wrap-our-principles ul li:nth-child(9) {
        top: 14px;
        left: 50%;
        -webkit-transform: translate(calc(-50% + 220px + 100px), 0px);
        transform: translate(calc(-50% + 220px + 100px), 0px);
    }

    .dev_proc .dev_proc_pic.dev_proc_pic_lg {
        margin-bottom: 148px;
    }

    .s-table__col:nth-child(1) {
        display: block;
    }   

    .s-row.s-row_pb-extra-lg {
        padding-bottom: 124px;
    }

    .step-graph-text {
        flex: 0 0 100%;
        margin: 0 auto;
        text-align: center;
    }

    #problem .problemItem .problemName.text-align-left {
        text-align: left;
    }

    #alg_services .alg_services_item.bg-lidogeneration {
        background-position: 50% 50%;
        background-size: 100% auto;
    }    

    #alg_services .alg_services_item {
        text-align: center;
    }    

    #alg_services span.btnMoreServices {
        position: absolute;
        right: 10px;
        bottom: 10px;
        margin: 0;
    }    

    #alg_services a.btnMoreServices {
        position: absolute;
        left: 20px;
        bottom: 18px;
        margin: 0;
    }

    .description-steps .desc-step {
        flex: 0 0 calc(16.6% - 30px);
    }

    .step-graph {
        margin-bottom: 44px;
        margin-top: 76px;
    }

    .step-graph ol:after {
        display: block;
    }    

    .step-graph ol li {
        flex: 0 0 calc(100% / 5);
    }

    .step-graph ol li + li {
        margin-top: 0;
    }

    .alg_services_item .flex-align-center {
        height: 100%;
    }

    #alg_services .alg_description_serv {
        position: absolute;
        left: 0;
        top: -100%;
        height: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    #alg_services .alg_services_item {
        overflow: hidden;
    }

    .num-item-list {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin: 0;
    }    

    .step-graph ol li {
        padding-top: 290px;
    }    
    
    .step-graph ol li:before,
    .step-graph ol li:after {
        display: block;
    }

    .step-graph ol li:nth-child(1) .num-item-list {
        top: 127px;
    }

    .step-graph ol li:nth-child(1):before {
        top: calc(127px + 78px);
        height: calc(260px - 127px - 78px);
    }

    .step-graph ol li:nth-child(2) .num-item-list {
        top: 80px;
    }

    .step-graph ol li:nth-child(2):before {
        top: calc(80px + 78px);
        height: calc(260px - 80px - 78px);
    }

    .step-graph ol li:nth-child(3) .num-item-list {
        top: 40px;
    }

    .step-graph ol li:nth-child(3):before {
        top: calc(40px + 78px);
        height: calc(260px - 40px - 78px);
    }

    .step-graph ol li:nth-child(4) .num-item-list {
        top: 80px;
    }

    .step-graph ol li:nth-child(4):before {
        top: calc(80px + 78px);
        height: calc(260px - 80px - 78px);
    }

    .step-graph ol li:nth-child(5) .num-item-list {
        top: 0;
    }

    .step-graph ol li:nth-child(5):before {
        top: 78px;
        height: calc(260px - 78px);
    }

    #problem .problemItem .problemIcon.text-left {
        text-align: left;
    }

    .anim-slide h4, 
    .anim-slide h2 {
        font-size: 20px;
    }

}

@media screen and (min-width: 1150px) {

    .b-portfolio_one-st-vertical .b-portfolio__text {
        margin-top: 14px;
    }

    .b-portfolio_one-big .b-portfolio__text {
        margin-top: 20px;
    }

    .grid-icns-desc {
        /*margin: 0 -70px;*/
    }

    .grid-icns-desc.grid-icns-desc_cols3 .b-icns-desc {
        flex: 0 0 calc(33% - 140px);
    }

    .grid-icns-desc.grid-icns-desc_cols3 .b-icns-desc__hint {
        max-width: 100%;
    }
    
    .b-icns-desc {
        margin: 0 70px 74px;
        flex: 0 0 calc(50% - 140px);
    }

    .b-icns-desc__hint {
        max-width: 70%;
    }

    .anim-slide h4, 
    .anim-slide h2 {
        font-size: 23px;
    }

}

@media screen and (min-width: 1200px) {

    .b-phase__body {
        margin: 50px 65px 0 575px;
    }

    .topContainer {
        padding-bottom: 430px;
    }    

    .wrap-composition-landing {
        max-width: 100%;
    }

    .b-composition-landing__image img {
        max-width: 100%;
    }

    .b-composition-landing:nth-child(1) .b-composition-landing__image img,
    .b-composition-landing:nth-child(2) .b-composition-landing__image img,
    .b-composition-landing:nth-child(3) .b-composition-landing__image img,
    .b-composition-landing:nth-child(4) .b-composition-landing__image img,
    .b-composition-landing:nth-child(5) .b-composition-landing__image img,
    .b-composition-landing:nth-child(6) .b-composition-landing__image img {
        margin-right: 0;
    }

}

@media screen and (max-width: 1349px) {

    .b-portfolio.b-portfolio_block-title {
        height: 100px;
    }

}

@media screen and (min-width: 1350px) {

    /*.portfolio-grid .b-grid.b-grid_2x2 .b-portfolio__title {
        font-size: 27px;
        line-height: 35px;
    }

    .portfolio-grid .b-grid.b-grid_1x1 .b-portfolio__title {
        font-size: 15px;
        line-height: 18px;
    }

    .portfolio-grid .b-grid.b-grid_1x2 .b-portfolio__title {
        font-size: 23px;
        line-height: 30px;
    }*/

    .all_work_link .all_work_button{
        padding: 4px 15px;
        font-size: 14px;
    }
    
    .b-portfolio__text {
        font-size: 13px; 
        line-height: 15px;
        margin-top: 10px;
    }

    .b-portfolio__body-align {
        padding: 20px;
    }
        
    .portfolio-grid .b-grid.b-grid_2x2 {
        width: 33.33%;
        padding-bottom: 20%;
    }

    .portfolio-grid .b-grid.b-grid_1x1 {
        padding-bottom: 10%;
    }

    .portfolio-grid .b-grid.b-grid_1x2 {
        padding-bottom: 20%;
    }
    
    .portfolio-grid .grid-sizer,
    .portfolio-grid .b-grid,
    .portfolio-grid .b-grid.b-grid_1x1,
    .portfolio-grid .b-grid.b-grid_1x2 {
        width: calc((100% - 33.33% - 33.33%) / 2);
    }

    .b-portfolio_one-big .b-portfolio__text {
        font-size: 22px;
        line-height: 27px;
    }

    .b-portfolio_one-st-vertical .b-portfolio__text {
        font-size: 18px;
        line-height: 23px;
    }

    .portfolio-grid .b-grid.b-grid_2x2 .b-portfolio__title {
        font-size: 27px;
        line-height: 35px;
    }

    .portfolio-grid .b-grid.b-grid_1x1 .b-portfolio__title {
        font-size: 15px;
        line-height: 18px;
    }

    .portfolio-grid .b-grid.b-grid_1x2 .b-portfolio__title {
        font-size: 23px;
        line-height: 30px;
    }

    .all_work_link.b-portfolio_one-st .b-portfolio__title{
        font-size: 24px;
        line-height: 24px;
        text-align: left;
    }


    .b-portfolio_mob {
        display: none !important;
    }

    .portfolio-grid .b-grid.b-portfolio_desc {
        display: flex;
    }

    .b-portfolio_one-st,
    .b-portfolio_behance {
        /*width: 50%;*/
        /*padding-bottom: 31.5%;*/
        /*height: 200px;*/
    }

    /*.b-portfolio_one-st-vertical,*/
    .b-portfolio_one-st:not(.b-portfolio_one-st-vertical) {
        display: flex;
    }

    .b-composition-landing__image {
        height: 264px;
    }

    .b-composition-landing__image:after {
        top: 176px;
    }

    .wrap-our-principles ul li:nth-child(1),
    .wrap-our-principles ul li:nth-child(2),
    .wrap-our-principles ul li:nth-child(3),
    .wrap-our-principles ul li:nth-child(4) {
        /*width: 220px;*/
    }

    .wrap-our-principles ul li:nth-child(5),
    .wrap-our-principles ul li:nth-child(6),
    .wrap-our-principles ul li:nth-child(7),
    .wrap-our-principles ul li:nth-child(8) {
        /*width: 344px;*/
    }

    .wrap-our-principles ul li:nth-child(1) {
        top: 100px;
        left: 50%;
        -webkit-transform: translate(calc(-50% - 220px - 130px), 0px);
        transform: translate(calc(-50% - 220px - 130px), 0px);
    }

    .wrap-our-principles ul li:nth-child(2) {
        top: 174px;
        left: 50%;
        -webkit-transform: translate(calc(-50% - 220px - 210px), 0px);
        transform: translate(calc(-50% - 220px - 210px), 0px);
    }

    .wrap-our-principles ul li:nth-child(3) {
        top: 306px;
        left: 50%;
        -webkit-transform: translate(calc(-50% - 220px - 225px), 0px);
        transform: translate(calc(-50% - 220px - 225px), 0px);
    }

    .wrap-our-principles ul li:nth-child(4) {
        top: 425px;
        left: 50%;
        -webkit-transform: translate(calc(-50% - 220px - 90px), 0px);
        transform: translate(calc(-50% - 220px - 90px), 0px);
    }

    .wrap-our-principles ul li:nth-child(5) {
        top: 535px;
        left: calc(50% + 25px);
    }

    .wrap-our-principles ul li:nth-child(6) {
        top: 350px;
        left: 50%;
        -webkit-transform: translate(calc(-50% + 220px + 270px), 0px);
        transform: translate(calc(-50% + 220px + 270px), 0px);
        width: auto;
    }

    .wrap-our-principles ul li:nth-child(7) {
        top: 278px;
        left: 50%;
        -webkit-transform: translate(calc(-50% + 220px + 210px), 0px);
        transform: translate(calc(-50% + 220px + 210px), 0px);
        width: auto;
    }

    .wrap-our-principles ul li:nth-child(8) {
        top: 152px;
        left: 50%;
        -webkit-transform: translate(calc(-50% + 220px + 200px), 0px);
        transform: translate(calc(-50% + 220px + 200px), 0px);
        width: auto;
    }

    .wrap-our-principles ul li:nth-child(9) {
        top: 14px;
        left: 50%;
        -webkit-transform: translate(calc(-50% + 220px + 100px), 0px);
        transform: translate(calc(-50% + 220px + 100px), 0px);
    }

}

@media screen and (min-width: 1500px) {

    .carousel-clients .slick-prev,
    .slider_container .slick-prev,
    .porfolio-list-seo .slick-prev {
        left: -80px;
    }

    .carousel-clients .slick-next,
    .slider_container .slick-next,
    .porfolio-list-seo .slick-next {
        right: -80px;
    }

}

@media screen and (max-width: 1023px) {

    .s-table-wrap {
        overflow-x: auto;
    }

    .s-table-wrap__scroll {
        width: 1210px;
    }

}

@media screen and (max-width: 639px) {

    .btn-brief .btn {
        white-space: normal;
        display: block;
    }

}

.sitemap_container{
    margin-bottom: 20px;
    margin-left: 20px;
}
.sitemap_container li{
    margin: 10px 0;
}
.sitemap_container li a{
    font-size: 19px;
}
.sitemap_container .map-level-1{
    margin-left: 40px;
}
.btn-brief .btn_default{
    font-size: 19px;
    line-height: 20px;
    padding: 9px 69px;
}
.bold_text {
    font-weight: bold;
}
.policy_secure{
    margin-top: 14px;
    text-align: left;
}
.error-block{
    border: 2px solid red;
}

.policy_secure span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    font-weight: 300;
}
.policy_secure [name="PRIVACY_POLICY"] {
    position: absolute;
    left: 0;
    top: 1px;
    margin: 0;
}
.policy_secure .landing-page [name="PRIVACY_POLICY"] {
    /*margin: 0px 3px 7px 0px;*/
}

.policy_text h2{
    font-size: 25px;
    padding-bottom: 10px;
    padding-top: 14px;
}
.policy_text a{
    font-size: 15px;
    color: #289ab7;
}
.fz_title_h1 h1{
    font-size: 22px;
    display: inline-block;
    margin: 0;
    line-height: 1.1;
}


.benefits-studio {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-bottom: 30px;
}

.benefits-studio.slick-slider {
    padding-top: 0;
}

.benefits-studio .slick-list {
    padding-top: 20px;
}

.benefits-studio .slick-dots {
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
    text-align: center;
}

.benefits-studio .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}

.benefits-studio .slick-dots li button {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: none;
    padding: 0;
    font-size: 0;
    background-color: #bfbdbd;
}

.benefits-studio .slick-dots li.slick-active button {
    background-color: #9dd503;
}

.benefits-studio__unit {
    margin: 0 15px;
    flex: 0 0 calc(100% - 30px);
    height: 368px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s;
    transition: all .4s;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.benefits-studio__unit-description {
    color: #fff;
    align-self: flex-end;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 100%;
}

.benefits-studio__unit-description-wrap {
    padding: 10px;
}

.benefits-studio__unit-description hr {
    margin-top: 3px;
    margin-bottom: 3px;
    border-top-color: rgba(255, 255, 255, 0.5);
}

.benefits-studio__unit-name {
    font-size: 16px;
    line-height: 22px !important;
    color: #636363;
    align-self: center;
    -webkit-transition: all .4s;
    transition: all .4s;
    flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.benefits-studio__unit-name span {
    font-size: 14px;
}

.benefits-studio__unit-name img {
    max-width: 70px;
    margin: 0 auto 15px;
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 100%;
}

.benefits-studio__unit_pink .benefits-studio__unit-description {
    background-color: #f94ec1;
}

.benefits-studio__unit_blue .benefits-studio__unit-description {
    background-color: #38d6ff;
}

.benefits-studio__unit_green .benefits-studio__unit-description {
    background-color: #9dd503;
}

.benefits-studio__unit_yellow .benefits-studio__unit-description {
    background-color: #feeb01;
}

.benefits-studio__unit_brown .benefits-studio__unit-description {
    background-color: #d5a603;
}

.benefits-studio__unit_menthol .benefits-studio__unit-description {
    background-color: #0fe6c0;
}

.row-dignity {
    margin-bottom: 48px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.row-dignity {
    font-size: 16px;
    line-height: 24px;
}

.row-dignity ul {
    list-style: none;
    padding: 0;
    margin: 0;
    order: 2;
}

.row-dignity ul li {
    margin-bottom: 16px;
    position: relative;
    padding-left: 13px;
}

.row-dignity ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #444248;
    position: absolute;
    left: 0;
    top: 10px;
}

.row-dignity ul li:last-child {
    margin-bottom: 0;
}

.row-dignity__img {
    order: 1;
    margin-bottom: 15px;
}

.wrap-dignity {
    margin-bottom: 90px;
}

.steps-dignity {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
}

.steps-dignity__unit {
    padding-left: 35px;
    margin-bottom: 30px;
    flex: 0 0 100%;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    z-index: 1;
}

.steps-dignity__unit span {
    left: 0;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    color: #9dd503;
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    z-index: -1;
    font-weight: 700;
}

.title-wrap-md {
    margin-left: auto;
    margin-right: auto;
    max-width: 920px;
    width: 100%;
}

.b-about-mulct {
    margin-bottom: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    position: relative;
    padding-top: 90px;
}

.b-about-mulct__name {
    color: #fff;
    top: 0;
    position: absolute;
    left: -9px;
    background: url("/img/bg-title-flag.png") no-repeat;
    width: 297px;
    height: 82px;
    line-height: 68px;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 19px;
}

.b-about-mulct__title {
    text-transform: uppercase;
    margin-bottom: 18px;
    font-size: 23px;
    line-height: 27px;
}

.b-about-mulct__title span {
    display: block;
}

.b-about-mulct__body span {
    font-size: 18px;
    display: block;
}

.b-about-mulct__body .text-uppercase {
    font-size: 23px;
    line-height: 26px;
}

.b-about-bitrix {
    padding: 24px;
    margin: 0 auto 70px;
    background: url("/img/bg-about-bitrix.jpg") no-repeat 50% 0 / cover;
    max-width: 982px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}

.b-about-bitrix p {
    margin-bottom: 46px;
}

.b-about-bitrix__title {
    margin-bottom: 18px;
    font-size: 23px;
    line-height: 27px;
}

.btn-more-internet {
    text-transform: uppercase;
    color: #fff;
    background-color: #444248;
    -webkit-box-shadow: 0 0 0 2px #444248 inset;
    box-shadow: 0 0 0 2px #444248 inset;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 10px;
    text-align: center;
    min-width: 226px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    border: none;
    cursor: pointer;
}

.btn-more-internet:hover {
    background-color: transparent;
    color: #444248;
}


.btn-more-bitrix {
    text-transform: uppercase;
    color: #fff;
    background-color: #444248;
    -webkit-box-shadow: 0 0 0 2px #444248 inset;
    box-shadow: 0 0 0 2px #444248 inset;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 20px;
    text-align: center;
    min-width: 226px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    border: none;
    cursor: pointer;
}

.btn-more-bitrix:hover {
    background-color: transparent;
    color: #444248;
}


.our-sertificates {
    text-align: center;
}

.wrap-prom-adv {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.b-prom-adv {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    background-color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.b-prom-adv a {
    color: #000;
    text-decoration: none;
}

.b-prom-adv a:hover {
    color: #000;
    text-decoration: underline;
}

.b-prom-adv:last-child {
    margin-bottom: 0;
}

.b-prom-adv__title {
    font-weight: 700;
}

.b-prom-adv__icon {
    margin-bottom: 15px;
}

.greenLine.greenLine_roundes {
    background: url("/img/bg-greenLine_roundes.jpg") no-repeat 50% 0;
}

.greenLine.greenLine_roundes .algoritmMainForm {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: auto;
    bottom: -174px;
    background: url("/img/bg-algoritmMainForm-internet.jpg") no-repeat 0 0 / cover;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.greenLine.greenLine_roundes .algoritmMainForm .formHeader {
    background-color: transparent;
    color: #fff;
}

.greenLine.greenLine_roundes .algoritmMainForm .inputTxt {
    border: none;
    height: 50px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.greenLine.greenLine_roundes .algoritmMainForm .policy_secure a {
    color: #000;
}

.policy_secure {
    position: relative;
    padding-left: 38px;
    overflow: hidden;
}

.policy_secure input[type="checkbox"] {
    position: absolute;
    left: -999px;
    top: -2px;
}

.policy_secure input[type="checkbox"]:checked + span:before {
    background-position: 0 -17px;
}

.policy_secure span {
    display: block;
    cursor: pointer;
    position: relative;
}

.policy_secure span:before {
    content: "";
    position: absolute;
    left: -38px;
    top: 0;
    width: 18px;
    height: 17px;
    background: url(/img/checkbox-state.png) no-repeat 0 0;
}

.order-form-shop {
    display: none;
    background: url("/img/bg-order-form-shop.jpg") no-repeat 50% 0;
}

.order-form-shop .form-row,
.fillin-form-shop .form-row,
.consalting-form-shop .form-row {
    max-width: 736px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.order-form-shop .s-title,
.consalting-form-shop .s-title {
    color: #fff;
}

.order-form-shop .policy_secure,
.fillin-form-shop .policy_secure,
.consalting-form-shop .policy_secure {
    margin-bottom: 15px;
}

.fillin-form-shop {
    background: url("/img/bg-fillin-form-shop.jpg") no-repeat 50% 0 / cover;
}

.consalting-form-shop {
    background: url("/img/bg-consalting-form-shop.jpg") no-repeat 50% 0 / contain;
    display: none;
}

.consalting-form-bitrix {
    background-color: #9dd503;
}

.consalting-form-bitrix .landing-page a {
    color: #0a5a9a;
}


.c-luck-shop {
    margin-bottom: 94px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}

.c-luck-shop__list {
    flex: 0 0 46%;
}

.c-luck-shop__list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: num;
}

.c-luck-shop__list ul li {
    margin-bottom: 24px;
    cursor: pointer;
    padding: 22px 0 22px 85px;
    position: relative;
    text-transform: uppercase;
    color: #dedede;
    font-size: 18px;
    line-height: 22px;
}

.c-luck-shop__list ul li.current {
    color: #424146;
}

.c-luck-shop__list ul li.current:before {
    background-color: #feeb01;
}

.c-luck-shop__list ul li:before {
    counter-increment: num;
    content: counter(num);
    position: absolute;
    left: 0;
    top: 50%;
    width: 63px;
    height: 63px;
    line-height: 63px;
    text-align: center;
    background-color: #dedede;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.c-luck-shop__list ul li:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #feeb01;
    top: 50%;
    right: -17px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}

.c-luck-shop__list ul li.current:after {
    right: -7px;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
}

.c-luck-shop__tabs {
    flex: 0 0 54%;
    margin-right: 0;
    margin-left: auto;
    /*background: url("/img/bg-c-luck-shop__tabs.jpg") no-repeat 0 0 / contain;*/
    background-color: #5CABEE;
    min-height: 500px;
    padding: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    color: #fff;
}

.c-luck-shop__tab {
    display: none;
}

.c-luck-shop__tab.visible {
    display: block;
}

.c-luck-shop__title {
    text-transform: uppercase;
    margin-bottom: 38px;
    font-size: 25px;
    line-height: 28px;
}

.description-success {
    margin-bottom: 16px;
    font-size: 17px;
    line-height: 22px;
}

.description-success__icon {
    width: 100px;
    height: 120px;
    margin: 0 auto 14px;
    position: relative;
}

.description-success img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.description-success__title {
    text-transform: uppercase;
    margin-bottom: 18px;
    font-size: 21px;
    line-height: 30px;
}

.description-success p span {
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-top: 18px;
    font-size: 21px;
    line-height: 30px;
    display: block;
}    

.row-keys-slider {
    overflow: hidden;
    padding-bottom: 40px;
}

.c-keys-slider {
    background-color: #f5f5f5;
    padding-top: 36px;
    padding-bottom: 36px;
}

.c-keys-slider .slick-list {
    overflow: visible;
}

.c-keys-slider .slick-slider {
    padding-top: 0;
}

.keys-slider {
    position: relative;
}

.keys-slider .slick-arrow {
    position: absolute;
    right: 0;
    bottom: -58px;
    cursor: pointer;
    border: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    background-image: url("/img/arr-slide-next-slider.png");
    background-repeat: no-repeat;
    background-position: 55% 50%;
    background-color: #f94ec1;
}

.keys-slider .slick-arrow.slick-prev {
    right: 60px;
    background-image: url("/img/arr-slide-prev-slider.png");
    background-position: 45% 50%;
}

.project-work {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.project-work .seoPropsContainer {
    flex: 0 0 100%;
    margin: 0;
}

.project-work .seoPropsContainer .seoProps {
    padding-left: 46px;
    width: 100%;
    text-align: left;
}

.project-work .btn-more-internet {
    display: block;
}

.project-work__image {
    flex: 0 0 100%;
    display: none;
}

.project-work__body {
    margin: 25px 0;
    flex: 0 0 100%;
}

.project-work__text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.project-work__body a {
    text-decoration: none;
    color: #000;
}

.project-work__body a:hover {
    text-decoration: underline;
    color: #000;
}

.project-work__body ul {
    margin-bottom: 14px;
}

.project-work__body ul span {
    font-weight: 700;
    display: inline-block;
    margin-right: 5px;
}

.project-work__header {
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 25px;
}

.project-work__image img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.2);
}

.text-cloud-over-btn {
    background-color: white;
    padding: 13px;
    text-align: center;
    font-size: 15px;
    line-height: 16px;
    -webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 24px;
    margin-top: 44px;
    position: relative;
}

.text-cloud-over-btn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #fff transparent transparent transparent;
}

.c-secret-shop {
    display: none;
} 

.img-shop-monitor {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}


.footer-container {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer-container .footer-nav {
    margin-bottom: 16px;
}

.footer-container .footer-nav:last-child {
    margin-bottom: 0;
}

.footer-title {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 21px;
}

.footer-main-wrap {
    flex: 0 0 100%;
}

.footer-main-wrap__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 42px;
}

.footer-main-wrap__row:last-child {
    margin-bottom: 0;
}

.footer-add-wrap {
    flex: 0 0 100%;
}

.footer-add-wrap .footer_serts {
    margin-left: 0;
}

footer .footer-container #menu {
    margin: 0;
}

footer .footer-container #menu li {
    margin-left: 0;
    display: block;
    margin-bottom: 20px;
}

footer .footer-container #menu li a {
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

footer .footer-container #menu li a svg {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    position: absolute;
    left: 0;
    top: -5px;
    width: 30px;
    height: 30px;
}

.footer-container .b-sert {
    max-width: 28%;
    vertical-align: top;
}

.footer-main-wrap__column {
    flex: 0 0 100%;
    margin-bottom: 34px;
    @include box-sizing(border-box);
}

.footer-container .button_flash {
    font-size: 15px;
    position: relative;
    padding-left: 40px;
}

.footer-container .button_flash .icn {
    position: absolute;
    top: 50%;
}

.footer-container .button_flash .icn.icn_order {
    margin-top: -15px;
    left: 20px;
    width: 30px;
    height: 30px;
}

.footer-container .button_flash .icn.icn_brief {
    margin-top: -12px;
    left: 18px;
    width: 24px;
    height: 24px;
}

.footer-container .footer_logo_container {
    text-align: center;
    margin-bottom: 0;
}

.footer-container .socialLinks {
    margin-right: 5px;
}

.anim-slide-this div p {
    text-shadow: 1px 1px 0 #000;
}

.anim-slide-this div p.with-underground {
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.3);
}

.tseny-text {
    font-size: 16px;
}

.tseny-collapsible.open {
    max-height: 4000px;
}

.tseny-collapsible.open:after {
    opacity: 0;
}

.tseny-collapsible {
    position: relative;
    max-height: 280px;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.tseny-collapsible:after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    height: 130px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.tseny {
    overflow: hidden;
    margin: 0 auto 45px;
    /*max-width: 710px;*/
    width: 100%; 
}

.tseny-wrapper {
    overflow-x: auto;
}

.tseny table {
    width: 700px;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.tseny tr:nth-child(2n+1), 
.tseny.podr tr:nth-child(2n) {
    background-color: #fff;
}

.tseny th {
    background-color: #fff;
    font-weight: 400;
    text-align: center;
    vertical-align: bottom;
}

.tseny th.compare {
    font-size: 17px;
    border: 1px solid #eee;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    font-weight: 600;
    height: 32px;
}

.tseny table td {
    border: 1px solid #eeeeee;
    padding: 6px 5px;
    text-align: center;
    vertical-align: middle;
}

.tseny a {
    color: #000;
}

.b-text-hint {
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 35px;
}

.b-text-hint p {
    margin-bottom: 14px;
}

.b-text-hint p:last-child {
    margin-bottom: 0;
}

.wrap-btn-more-bitrix {
    margin-bottom: 35px;
}

.update-bitrix-info {
    margin-bottom: 35px;
}

.update-bitrix-info p {
    margin-bottom: 8px;
}

.update-bitrix-info ul {
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 25px;
}


.comparison-advantages__block {
    margin-bottom: 24px;
}

.comparison-advantages__block:last-child {
    margin-bottom: 0;
}

.comparison-advantages__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.comparison-advantages__plus,
.comparison-advantages__minus {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
}

.comparison-advantages__minus {
    color: #828282;
}

.comparison-advantages__plus:before,
.comparison-advantages__minus:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}

.comparison-advantages__plus:before {

}

.comparison-advantages__plus:before {
    background-image: url("/img/icn-plus.png");
}

.comparison-advantages__minus:before {
    background-image: url("/img/icn-minus.png");
}

.best-bitrix {
    margin: 0 auto 30px;
    width: 100%;
    max-width: 500px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
}

.best-bitrix a {
    color: #000;
}

.mb-bitrix {
    margin-bottom: 40px;
}


.wrap-benefits-list {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap-benefits-list .b-benefit {
    flex: 0 0 33.33%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 14px 14px 60px;
    position: relative;
}

.wrap-benefits-list .b-benefit__num {
    position: absolute;
    left: 15px;
    top: 14px;
    font-size: 30px;
    line-height: 30px;
}


.bitrix-footer-total {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    clear: both;
    padding-top: 25px;
    color: #9dd503;
    font-weight: 300;
}

.toggle-table-tseny {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
    margin-left: 20px;
    color: #9dd503;
}

.header-btns-group-mobile .btn.btn_default-colored {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px;
}

.header-btns-group-mobile .btn.btn_default-colored .icn {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: -3px;
    fill: #fff;
}

.header-btns-group-mobile .icn_brief,
.header-btns-group-mobile .icn_trophy,
.header-btns-group-mobile .icn_paper {
    width: 22px;
    height: 22px;
}


.slide-content {
    position: absolute;
    top: 80px;
    left: 0;
}

.slide-content_half-width {
    width: 100%;
    max-width: 65%;
}

.slide-content__title {
    text-transform: uppercase;
    color: #444248;
    font-weight: normal;
    text-align: left;
    font-family: FreeSet;
    font-size: 37px;
    line-height: 40px;
    margin-bottom: 20px;
}

.slide-content__title h1,
.slide-content__title h2,
.slide-content__title h3 {
    margin: 0;
    font-size: 45px;
    line-height: 51px;
    font-weight: 300;
    /*font-family: FreeSet;*/
    font-family: 'Gilroy', sans-serif;
    text-shadow: 1px 1px 0 #000;
}

.slide-content__title span {
    color: #fff;
    /*color: #000;
    background: #feeb01;
    padding: 6px 8px;*/
    /*padding-left: 4px;*/
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: 45px;
    line-height: 51px;
    margin: 0;
}

.slide-content__body {
    font-family: MyriadProRegular;
    /*margin-bottom: 40px;*/
    margin-bottom: 20px;
    text-transform: uppercase;
}

.slide-content__body p,
.slide-content__body h2,
.slide-content__body h3 {
    text-transform: none;
    text-transform: none;
    font-size: 18px;
    line-height: 22px;
    text-shadow: 1px 1px 0 #000;
}

.slide-content__body h2,
.slide-content__body h3 {
    margin-bottom: 18px;
}

.slide-content__body p span,
.slide-content__body h2 span,
.slide-content__body h3 span {
    /*background: #5e6168;
    padding: 2px 8px;*/
    padding-left: 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;  
    color: #fff; 
    /*font-size: 23px;
    line-height: 27px;*/
    font-size: 18px;
    line-height: 22px;
}

.slide-content__btn .buttonSlide {
    font-family: Arial;
    text-transform: uppercase;
    cursor: pointer;
    padding: 9px 18px;
    border: 3px solid #fff;
    background: rgba(255,255,255,.25);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.amount-increase-num {
    font-size: 60px;
    font-family: FreeSet;
}

.text-with-bg span {
	padding: 2px 8px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background-color: #feeb01;
}

.component-quiz {
    font-family: 'Roboto', sans-serif;
}

.component-quiz form {
    padding: 0;
    border: 0;
    margin: 0;
}

.component-quiz .step {
    position: absolute;
    left: 0; right: 0;
    -webkit-box-orient: vertical;
    -ms-flex-flow: column;
    flex-flow: column;
    opacity: 0;
    pointer-events: none;
    transition: all .35s ease;
}

.component-quiz .step.prev {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.component-quiz .step.next {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.component-quiz .step.active {
    position: relative;
    opacity: 1;
    left: auto; right: auto;
    pointer-events: all;
}

.component-quiz .step-title {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: .35px;
    margin-bottom: 25px;
    text-align: center;
}

.component-quiz .step-title.gap-top {
    padding-top: 40px;
}

.component-quiz [data-type="checkbox"] .field-title, 
.component-quiz [data-type="image"] .field-title, 
.component-quiz [data-type="radio"] .field-title, 
.component-quiz [data-type="select"] .field-title {
    display: none;
}

.component-quiz .step-fields {
    width: 100%;
    position: relative;
    z-index: 1;
}

.component-quiz .field {
    max-width: 750px;
    margin: 0 auto 30px;
    margin-bottom: 30px;
}

.component-quiz .field[data-type="image"] {
    max-width: 100%;
}

.component-quiz .field:last-child {
    margin-bottom: 0;
}

.component-quiz .field .form-control {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 500px;
    height: 60px;
    font-size: 23px;
    line-height: 23px;
}

.component-quiz .form-field-image-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -17px -10px;
    padding: 7px 0;
    outline: none;
}

.component-quiz .form-field-image-group:focus {
    outline: none;
}

.component-quiz .form-field-image-group.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.component-quiz .form-field-image-group .form-field-image-item {
    width: 100%;
    display: block;
    padding: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .3px;
    font-weight: 400;
}

.component-quiz .form-field-image-group .form-field-image-item input {
    display: none;
}

.component-quiz .form-field-image-group .form-field-image-item input[type="text"] {
    display: block;
    margin: -10px 0 -10px 10px;
    padding: 6px;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 120px;
}

.questions-success {
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    position: relative;
}

.questions-success:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -136px;
	z-index: -1;
	background: url("/img/cat2.png") no-repeat 0 0 / cover;
	width: 219px;
	height: 286px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	display: none;
}

.component-quiz .form-field-image-group .form-field-image-content {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 2px 20px rgba(0,0,0,.1);
    border-radius: 5px;
    will-change: transform;
    overflow: hidden;
    cursor: pointer;
    transition: all .35s ease;
}

.component-quiz .form-field-image-group .form-field-image-content::before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg,#000,transparent);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .35s ease;
}

.component-quiz .form-field-image-group .form-field-image-item:hover .form-field-image-content:before, 
.component-quiz .form-field-image-group .form-field-image-item input:checked ~ .form-field-image-content:before {
    opacity: .3;
}

.component-quiz .form-field-image-group .form-field-image-wrap {
    display: none;
    position: relative;
    width: 100%;
}

.component-quiz .form-field-image-group .form-field-image-img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.component-quiz .form-field-image-group .form-field-image-wrap.orient-vertical .form-field-image-img {
    padding-bottom: 133%;
}

.component-quiz .form-field-image-group .form-field-image-check {
    width: 35px;
    height: 35px;
    top: 16px;
    left: 10px;
    position: absolute;
    z-index: 5;
    opacity: 0;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    transition: all .35s ease;
}

.component-quiz .form-field-image-group .form-field-image-item input:checked ~ .form-field-image-content .form-field-image-check {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.component-quiz .form-field-image-group .form-field-image-text {
    padding: 20px 10px 20px 50px;
    background: #fff;
    color: #000;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.component-quiz .form-field-image-group .form-field-image-text span {
    color: #8acf1c;
}

.component-quiz .quiz-actions {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
}

.component-button {
    min-width: 100px;
    max-width: 100px;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.429;
    letter-spacing: normal;
    text-align: center;
    word-break: normal;
    -webkit-font-smoothing: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.component-quiz .quiz-actions .component-button {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: 400;
}

.component-quiz .quiz-actions .component-button:first-child {
    margin-left: 0;
}

.component-quiz .quiz-actions .component-button:last-child {
    margin-right: 0;
}

.component-quiz .component-button.bordered .btn-content {
    color: #000;
}

.component-quiz .component-button.bordered:hover .btn-content {
    background-color: rgba(127, 214, 0, 0.1);
}

.component-quiz .component-button.filled .btn-content {
    border: 1px solid #7fd600;
    background-color: #7fd600;
    color: #fff;
}

.component-button .btn-content {
    position: relative;
    color: #fff;
    padding: 10px 16px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: opacity;
    transition: background .25s ease;
    margin: auto;
}

.component-button:focus {
    outline: none;
}

.component-button.bordered .btn-content {
    border: 1px solid #7fd600;
}

.component-button.rounded .btn-content {
    /*border-radius: 46px;*/
}


.component-quiz .form-field-radio-group {
    margin: -10px 0;
    text-align: left;
}

.component-quiz .form-field-radio-group .form-field-radio-item {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.component-quiz .form-field-radio-group .form-field-radio-item input[type="checkbox"],
.component-quiz .form-field-radio-group .form-field-radio-item input[type="radio"] {
    display: none;
}

.component-quiz .form-field-radio-group .form-field-radio-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.component-quiz .form-field-radio-group .form-field-radio-item input[type="checkbox"]:checked ~ .form-field-radio-content .form-field-radio-text,
.component-quiz .form-field-radio-group .form-field-radio-item input[type="radio"]:checked ~ .form-field-radio-content .form-field-radio-text {
    opacity: 1;
    cursor: pointer;
}

.component-quiz .form-field-radio-group .form-field-radio-check {
    display: block;
    width: 30px;
    min-width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    border: 2px solid currentColor;
    opacity: .3;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .35s ease;
}

.component-quiz .form-field-radio-group .form-field-radio-item input[type="checkbox"]:checked ~ .form-field-radio-content .form-field-radio-check,
.component-quiz .form-field-radio-group .form-field-radio-item input[type="radio"]:checked ~ .form-field-radio-content .form-field-radio-check {
    opacity: 1;
}

.component-quiz .form-field-radio-group .form-field-radio-check:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #cc2944;
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
    opacity: 0;
    transition: all .15s ease-in;
}

.component-quiz input[type="checkbox"]:checked ~ .form-field-radio-content .form-field-radio-check,
.component-quiz input[type="radio"]:checked ~ .form-field-radio-content .form-field-radio-check {
    border-color: #cc2944;
}

.component-quiz input[type="checkbox"]:checked ~ .form-field-radio-content .form-field-radio-check:after,
.component-quiz input[type="radio"]:checked ~ .form-field-radio-content .form-field-radio-check:after {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.component-quiz .field {
    max-width: 750px;
    margin: 0 auto 30px;
}

.component-quiz .form-field-text {
    position: relative;
}

.component-quiz .form-field-text-input {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    width: 100%;
    max-height: 7.8em;
    padding: 20px;
    border-radius: 3px;
    font-size: 1.143rem;
    line-height: 1.375;
    -webkit-appearance: none;
    transition: border .2s;
    color: #000;
}

.component-quiz .form-field-text-input::-webkit-input-placeholder,
.component-quiz .form-field-text-input::-moz-placeholder,
.component-quiz .form-field-text-input:-ms-input-placeholder,
.component-quiz .form-field-text-input:-moz-placeholder,
.component-quiz .form-field-text-input:placeholder,
.component-quiz .form-field-text-input::placeholder {
    color: #7c7c7c;
    opacity: 1;
}

.component-quiz .form-field-text-input:valid ~ .field-placeholder {
    opacity: 0;
}

.component-quiz .field-placeholder {
    top: 22px;
    position: absolute;
    left: 20px;
    z-index: 2;
    color: #7c7c7c;
    opacity: .85;
    font-size: 1.143rem;
    line-height: 1.375;
    pointer-events: none;
    transition: opacity .35s ease;
}


.quiz-progress {
    margin-bottom: 25px;
    position: relative;
}

.progress-text {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.progress-loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    margin: -30px 0 0 -30px;
    display: inline-block;
    stroke: #8acf1c;
    fill: none;
}

.progress-loader-circle .current {
    transition: all .35s ease;
}

.progress-loader-circle .progress-loader-bg {
    opacity: .3;
}

.component-quiz .quiz-actions .component-button {
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.component-quiz .quiz-actions .component-button.disabled {
	cursor: default;
	pointer-events: none;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.algoritmMainForm_body-view {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 100%;
    max-width: 350px;
    position: relative;
}

.algoritmMainForm_body-view .button {
    text-transform: uppercase;
    color: #fff;
    background: #444248;
    border-color: #444248;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.algoritmMainForm_body-view .button:hover {
    color: #444248;
    background: #fff;
}

.algoritmMainForm_body-view:before,
.algoritmMainForm_body-view:after {
	display: none;
	content: "";
	position: absolute;
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.algoritmMainForm_body-view:before {
	background-image: url("/img/cat1.png");
	width: 164px;
	height: 250px;
	left: -182px;
	bottom: 0;
}

.algoritmMainForm_body-view:after {
	background-image: url("/img/cat3.png");
	width: 160px;
	height: 240px;
	right: -162px;
	bottom: 30px;
}

.anim-slide-this .page-order-form * {
    position: relative;
    left: auto; right: auto;
    top: auto; bottom: auto;
}

.page-order-form .form-group {
    margin-bottom: 0;
}

.page-order-form .form-group__btn {
    flex: 1;
    margin-left: 20px;
}

.page-order-form .form-group__text {
    background-color: #fff;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    flex: 0 0 300px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.page-order-form .form-control {
    color: #000;
    border: none;
    font-size: 20px;
    line-height: 20px;
    padding: 18px 20px;
}

.page-order-form {
    width: 100%;
    max-width: 600px;
    padding-left: 4px;
}

.page-order-form p {
    margin-bottom: 10px;
}

.page-order-form .inline-fields {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
}

.custom-scroll-list {
    max-width: 360px;
    height: 90px;
    overflow: hidden;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #feeb01 !important;
}

.contacts-networks {
    margin-bottom: 6px;
    font-size: 0;
}

.contacts-networks a {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-image: url("/img/contacts-networks.png");
    background-size: auto 40px;
    width: 40px;
    height: 40px;
    margin: 0 6px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

.contacts-networks a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 60px;
    -webkit-transform: translate(-20px, -50%) rotate(15deg);
    transform: translate(-20px, -50%) rotate(15deg);
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.contacts-networks a:hover:before {
    -webkit-transform: translate(80px, -50%) rotate(15deg);
    transform: translate(80px, -50%) rotate(15deg);
}

.contacts-networks a.vb {
    background-position: 0 0;
}

.contacts-networks a.tg {
    background-position: -40px 0;
}

.contacts-networks a.wa {
    background-position: -80px 0;
}

.contacts-networks a.em {
    background-position: -120px 0;
}

.b-results-view {
    position:relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.b-results-view img {
    display: block;
}

.b-results-view:before, 
.b-results-view:after{
    position: absolute;
    content: "";
    top: 24px; bottom: 24px;
    left: 0; right: 0;
    -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.3);
    border-radius: 100px/10px;
    z-index: -1;
}

.carousel-clients.slick-slider {
    padding: 0 80px;
}

.carousel-clients .slide {
  display: inline-block;
  vertical-align: top;
}

.carousel-clients .slide img {
    margin: 0 auto;
}


@media screen and (min-width: 480px) {

    .footer-container {
        text-align: left;
    }

    .footer-main-wrap__column {
        flex: 0 0 48%;
    }
    
    .footer-container .footer_logo_container {
        text-align: left;
    }

    footer .footer-container #menu li {
        text-align: left;
    }
}

@media screen and (min-width: 640px) {

    .component-quiz .form-field-image-group .form-field-image-item {
        width: 50%;
    }

}

@media screen and (min-width: 768px) {

	.questions-success:after {
		display: block;
	}	

    .component-quiz .form-field-image-group .form-field-image-text {
        padding: 20px;
    }    

    .steps-dignity__unit {
        text-align: center;
        padding-left: 0;
    }    

    .steps-dignity__unit span {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #9dd503;
        font-size: 80px;
        line-height: 80px;
        position: absolute;
        top: 50%;
    }
    
    .c-secret-shop,
    .consalting-form-shop {
        display: block;
    } 

    .row-dignity__img {
        width: 250px;
        margin-right: 10px;
    }

    .row-dignity:nth-child(even) ul {
        order: 1;
    }

    .row-dignity:nth-child(even) .row-dignity__img {
        order: 2;
        margin-right: 0;
        margin-left: 110px;
    }

    .steps-dignity__unit {
        flex: 0 0 30%;
    }

    .b-about-bitrix {
        padding: 56px 78px;
    }

    .benefits-studio .slide {
        flex: 0 0 calc(33.33% - 16px);
    }

    .benefits-studio__unit {
        margin: 0 8px;
    }

    .b-prom-adv__icon {
        margin-bottom: 30px;
    }
    
    .greenLine.greenLine_roundes {
        padding-top: 220px;
        margin-top: -68px;
        padding-bottom: 80px;
    }

    .title-mb-large {
        margin-bottom: 40px;
    }

    .project-work {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .project-work__image {
        flex: 0 0 162px;
    }

    .project-work .seoPropsContainer {
        flex: 0 0 180px;
    }

    .project-work__image img {
        margin-top: -60px;
    }

    .project-work__body {
        margin: 0 12px;
        flex: 1;
    }

    .row-keys-slider {
        padding-top: 50px;
    }

    .project-work .seoPropsContainer .seoProps {
        padding-left: 45px;
    }

    .row-dignity ul {
        flex: 1;
    }

    .b-prom-adv {
        flex: 0 0 30%;
    }

    .steps-dignity__unit {
        margin-bottom: 100px;
    }

    .img-shop-monitor {
        display: block;
    }

    .footer-main-wrap__column {
        padding-left: 10px;
        padding-right: 10px;
        flex: 0 0 33.33%;
    }



    .component-quiz .quiz-actions .component-button {
        margin-right: 10px;
        margin-left: 10px;
    }    

    .component-quiz .form-field-image-group .form-field-image-check {
        width: 40px;
        height: 40px;
    }    

    .component-quiz .quiz-actions {
        margin-top: 50px;
    }   

    .component-button {
        min-width: 150px;
        max-width: 350px;
    }    

    .component-quiz .quiz-actions .component-button .btn-content {
        padding: 19px 20px 17px;
    }

    .component-quiz .form-field-image-group .form-field-image-check {
        top: 20px;
        right: 20px;
        left: auto;
    }    

    .component-quiz .form-field-image-group .form-field-image-wrap {
        display: block;
    }

    .component-quiz .form-field-image-group .form-field-image-content::before {
        display: block;
    }

    .component-quiz .form-field-image-group .form-field-image-item {
        width: 25%;
    }   

}

@media screen and (min-width: 1024px) {

    body::-webkit-scrollbar {
        width: 10px;
    }
     
    body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
    }
     
    body::-webkit-scrollbar-thumb {
        background-color: #feeb01;
        outline: 1px solid slategrey;
    }

    .quiz-steps {
        max-height: 1014px;
    }

    .component-quiz .field-placeholder {
        top: 25px;
    }

    .footer-add-wrap .footer_serts img {
        max-width: 150px;
    }

    .footer-main-wrap__column {
        padding-left: 20px;
        padding-right: 20px;
    }    

    .footer-container {
        text-align: left;
    }

    .footer-main-wrap {
        flex: 1;
    }

    .bitrix-footer-total {
        font-size: 48px;
        line-height: 56px;
    }

    .topContainerBitrixSale,
	.topContainerSite,
	.topContainerSeo,
	.topContainerCompany,
	.topContainerContacts,
	.topContainerFz,
	.topContainerCopywriting,
	.topContainerBrief,
	.topContainerUslugi,
	.topContainerKontext,
	.topContainerPortfolio,
	.topContainer.topContainerReviews,
	.topContainer1c,
	.topContainerCalculator,
	.topContainerYandexDirect,
	.topContainerGoogleAdwords,
	.topContainerCreateBitrix,
	.topContainerComposite,
	#chooseContainer,
	.topContainerHome,
	#how_we_work,
	#seoPage #seoBanner,
	.bitrixBanner,
	#servicesBanner,
	.reklamaBanner,
	.randomPortfolio,
	.topContainerCallBackHunter {
		background-attachment: fixed;
	}	

	.algoritmMainForm_body-view:before,
	.algoritmMainForm_body-view:after {
		display: block;
	}	

}

@media screen and (min-width: 1200px) {

    .footer-container .b-sert {
        max-width: 100%;
    }
    
    .footer-container .button_flash {
        font-size: 18px;
    }
        
    .footer-container .footer_logo_container {
        /*text-align: center;*/
    }

    .footer-add-wrap {
        margin-left: 60px;
        flex: 0 0 auto;
    }

    .order-form-shop {
        display: none;
    }    

    .project-work__image {
        display: block;
    }

    .row-dignity__img {
        width: 400px;
    }        

    .benefits-studio .slide {
        margin: 0 0 40px;
        flex: 0 0 calc(33.33% - 30px);
    }

    .benefits-studio__unit {
        margin-left: 15px;
        margin-right: 15px;
    }

    .benefits-studio__unit-description {
        max-height: 0;
    }

    .benefits-studio__unit:hover .benefits-studio__unit-description {
        max-height: 250px;
    }

    .benefits-studio__unit:hover .benefits-studio__unit-name img {
        max-width: 70px;
        margin-bottom: 10px;
    }

    .benefits-studio__unit-name img {
        max-width: 101px;
    }    

    .benefits-studio__unit-name {
        text-transform: uppercase;
        font-size: 18px;
        line-height: 24px !important;
    }    

    .b-about-mulct__name {
        top: 53px;
    }

    .b-about-mulct {
        background: url("/img/bg-about-mulct.jpg") no-repeat 0 50% / cover;
        color: #fff;
    }

    .benefits-studio__unit-description-wrap {
        padding: 25px;
    }

    .benefits-studio__unit-name img {
        margin-bottom: 40px;
    }

    .project-work__image {
        flex: 0 0 324px;
    }

    .project-work__body {
        margin: 0 24px 0 50px;
    }

    .project-work .seoPropsContainer {
        flex: 0 0 290px;
    }

    .b-prom-adv {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 348px;
        height: 348px;
        -webkit-box-shadow: 0 7px 24px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 24px rgba(0, 0, 0, 0.2);
        padding: 75px 55px 0;
        margin-bottom: 0;
    }

    .s-row_prom-adv {
        background: url("/img/bg-prod-adv.jpg") no-repeat 50% 0;
        padding-bottom: 250px;
        margin-bottom: -100px;
    }

    .s-row_prom-adv .title-wrap-md {
        margin-bottom: 116px;
    }

    .b-about-mulct {
        padding: 52px 216px;
        margin-bottom: 82px;
    }

    .width-hp-slide {
        max-width: 60%;
    }

    .benefits-studio__unit {
        -webkit-box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.2);
        border: none;
    }

    .c-luck-shop__list {
        flex: 0 0 56%;
    }

    .c-luck-shop__tabs {
        flex: 0 0 44%;
    }

    .c-luck-shop__list ul li {
        padding-left: 110px;
    }

    .bitrix-footer-total {
        font-size: 56px;
        line-height: 62px;
        padding-top: 0;
    }

}


@media screen and (min-width: 1200px) {

    .footer-add-wrap {
        /*margin-left: 160px;*/
    }

    .tseny table {
        width: 1160px;
    }

    .thead-sticky {
        max-width: 1160px;
        width: 100%;        
    }

}    
/* End */


/* Start:/bitrix/templates/algoritm/css/mobile.css?168184677726806*/
@media all and (max-width:1380px) {

    .slider_container .slick-arrow {
        top: -50px;
        margin-top: 0;
    }

    .slider_container .slick-prev {
        left: auto;
        right: 70px;
    }

    .slider_container .slick-next {
        right: 0;
    }

    .b-img-composite {
        right: 0;
        max-width: 75%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media all and (max-width:1199px) {

    .header_phones {
        margin-right:0px;
    }
    .greenLine {
        /*padding: 0;*/
    }
    
    .greenLine p {
        width: 64%;
    }
    .greenLine p {
        display: inline-block;
        vertical-align: middle;
    }
    
    .view_item_name {
        font-size: 15px;
        line-height: 20px;
    }

    .profBlock .leftBlock, .profBlock .rightBlock {
        width:100%;
        margin:20px auto !important;
    }
    .servicesItem {
        width:49%;
    }
    .algLaptop {
        width: 990px;
    }
    .algLaptop .algContainerScreenShot {
        width: 92%;
        height: 511px;        
    }
    .algPhone {
        width: 298px;
        
    }
    .algPhone .algContainerScreenShot {
        width: 86%;
        top: 11.2%;
        height: 464px;
    }
    .algTable {
        width: 666px;
        margin-right: 2%;
    }
    .algTable .algContainerScreenShot {
        width: 86.5%;
        top: 3.4%;
        height: 70.8%;        
    }
    #alg_services .alg_services_item {
        float:left;
        width:50%;
    }    

    .topContainerSeo + #alg_services .alg_services_item:last-child {
        width: 100%;
    }

    #get-by .algoritmMainForm {
        right: 13%;
    }       
    #get-by .algoritmMainForm.view {
        top:230px;
    }
    #get-by #notebook_home.view {
        right: -35%;        
    }     
    
    .order_table_name {
        margin-left: -10px;
    }

    .middle-banner > .container {
        position: relative;
        left: auto; right: auto;
        top: auto; bottom: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }    

    .middle-banner {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }   

    .video-block {
        background: none;
        width: 410px;
        height: 256px;
    } 

    .video-text {
        width: calc(100% - 400px - 44px - 10px);
    }

    .video-wrap {
        position: relative;
        left: auto; right: auto;
        top: auto; bottom: auto;
        margin: 0 auto;
        width: 100%;
    }

    .b-calc-form {
        width: 250px;
        padding: 20px;
    }

    .footer_form {
        width: 100%;
        max-width: 300px;
    }

    .bottom_footer_block {
        display: block;
        margin-right: 320px;
    }    

    .footer-details-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
          -moz-flex-direction: horizontal;
          -ms-flex-direction: row;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
                flex-direction: row;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        justify-content: space-around;
    }

    .footer_logo_container {
        /*margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 0;
        float: none;
        text-align: center;*/
    }

    footer .column.column_contacts {
        width: 100%;
        text-align: center;
        display: block;
    }    

    footer .column_contacts li {
        width: 24.5%;
        display: inline-block;
        vertical-align: top;
        padding-right: 14px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }

    footer .column_contacts li:first-child,
    footer .column_contacts li:last-child {
        display: block;
        width: 100%;
        padding-right: 0;
        text-align: center;
    }    

    .c-footer-data-b {
        clear: both;
        overflow: hidden;
        padding-top: 25px;
        width: 100%;
    }

    .footer_form {
        padding: 0;
        float: right;
        font-size: 0;
    }

    .footer-details-main {
        position: relative;
        bottom: auto;
        left: auto;
    }

    .b-sert {
        display: inline-block;
    }
    
    footer .column.column_contacts {
        width: 60%;
        text-align: left;
    }

    footer .column_contacts li:first-child {
        text-align: left;
    }

    footer .column_contacts li {
        width: 32.6%;
    }

    footer .column_contacts li:nth-child(5) {
        text-align: center;
        width: 49%;
        vertical-align: middle;
    }

    footer .column_contacts li:last-child {
        text-align: center;
        width: 49%;
        display: inline-block;   
    }

    #alg_services .container {
        padding: 0;
        margin-top: 0;
    }

    #alg_services h4 {
        padding-bottom: 60px;
    }

    .topContainerSeo + #alg_services h4,
    .topContainerSite + #alg_services h4 {
        padding-bottom: 20px;
    }
    
    .topContainerPortfolio,
    .topContainerSite,
    .topContainerSeo,
    .topContainerHome,
    .topContainerCompany,
    .topContainerHome {
        padding-bottom: 0;
    }

    .footer_serts {
        float: none;
        width: auto;
        margin: 0;
    }

    #alg_services .alg_services_item .alg_services_icon {
        height: 190px;
        line-height: 190px;
        text-align: center;
    }    

}

@media all and (min-width:1000px) {
    
    .anim-slide:not(.static-position) .title-yellow > *,
    .anim-slide:not(.static-position) h3,
    .anim-slide:not(.static-position) h1 {
        font-size: 30px;
    }

    .anim-slide:not(.static-position) .title-yellow > * {
        line-height: 34px;
    }
    
    .anim-slide:not(.static-position) .title-gray > *,
    .anim-slide:not(.static-position) h4,
    .anim-slide:not(.static-position) h2 {
        font-size: 17px;
    }    

    .footer_content .column {
        width: 25%;
        float: left;
    }  
    .footer_content .column:nth-child(3) {
        width:30%;
    }
    

    /* Main Header Menu */

    #sp-header {
        margin-left: -15px;
        margin-right: -15px;
    }

    .sp-megamenu-parent > li {
        display: inline-block;
        position: relative;
        padding: 0;
    }

    .sp-megamenu-parent .sp-dropdown {
        position: absolute;
        width: 250px;
    }

    .sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
        display: block;
    }
    
    .sp-megamenu-parent {
        display: table;
        width: 100%;
    }    

    .sp-megamenu-parent > li {
        display: table-cell;
    }

    .sp-megamenu-parent > li > .megaMenu-parent > a,
    .sp-megamenu-parent > li > a {
        padding: 26px 5px;
        text-align: center;
        font-size: 13px;
    }    

    .sp-megamenu-parent > li.sp-has-child > .megaMenu-parent > a:after {
        font-family: "FontAwesome";
        content: " \f107";
    }
    
    /* End Main Header Menu */

}

@media all and (min-width: 1200px) {

    .footer_content .column {
        float:left;        
    }  

    /* Main Header Menu */

    #sp-header {
        margin-left: 0;
        margin-right: 0;
    }

    .sp-megamenu-parent > li > .megaMenu-parent > a,
    .sp-megamenu-parent > li > a {
        padding: 30px 12px;
        font-size: 14px;
    }    
    
    /* End Main Header Menu */
}

@media all and (min-width:1240px) {

    .container {
        width: 1240px; 
    }
    .portfolioSeoDescription {
        margin-left:0px;
    }
    
    .anim-slide:not(.static-position) .title-yellow > *,
    .anim-slide:not(.static-position) h3,
    .anim-slide:not(.static-position) h1 {
        font-size: 40px;
    }

    .anim-slide .slide-title-fs-30 {
        font-size: 30px;
    }
    
    .anim-slide .title-gray > *,
    .anim-slide h4,
    .anim-slide h2 {
        font-size: 23px;
        line-height: 26px;
    }    
}

@media all and (min-width: 1260px) {

    /* Main Header Menu */

    .sp-megamenu-parent > li > .megaMenu-parent > a,
    .sp-megamenu-parent > li > a {
        font-size: 16px;
    }    
    
    /* End Main Header Menu */

}


@media all and (max-width:999px) {

    .algoritmMainForm .formCotainer {
        padding: 10px 20px;
    }

    .algoritmMainForm .formHeader {
        font-size: 20px;
        line-height: 21px;
    }
    
    .seoPropsContainer {
        margin-left: 300px;
        margin-top: 0;
    }

    .portfolioSeoIcon img {
        float: left;
    }

    .contextual-adv #alg_services .container {
        margin-top: -22px;
    }

    #page_not_fount {
        margin-top:10px;
        padding:0px;
        background-size: 50%;
        height: auto;
        background-position: 100% 100%;
    }
    .not_found_map_container {
        margin-top:10px;
        
    }
    .not_found_map_container a {
        font-size:20px;
    }
    .oops {
        margin-top:10px;
        font-size:400%;
    }
    
    .portfolioSeoIcon {
        margin:0 auto;
        text-align: center;
        width:100%;
    }
    .portfolioSeoDescription {
        width:100%;
        margin:0px;
    }
    .porfolioQuestList {
        height: auto !important;
    }               
    .algPorfolioSectionList span {
        /*display:none;*/
    }
    .algPorfolioSectionList a {
        display: inline-block;
    }
    .algNote {
        width: 580px;
        height: 317px;
    }
    .algNote .algContainerScreenShot {
        width: 384px;
        height: 236px;
        top: 15px;
        left: 106px;
    }
    .porfoliolMenu {
        width:100%;
    }    

    .column_contacts {
        width:100%;
        float: none;
        clear: both;
    }

    .order_table_desc {
        width: 100%;
        padding-left: 0;
    }
    .order_table_desc h3 {
        font-size: 150%;
        width:100%;
        margin-top:20px;
        margin-bottom:20px;
    }

    .order_table_block {
        width: 76%;
        margin: 0 auto 35px;
        display: block;
    }
    #chooseContainer .chooseItem {
        width:100%;
        height: auto;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        margin-bottom:20px;
    }   
    
    #chooseContainer .chooseItem .chooseHead {
        margin-top:0px;
    }
    #chooseContainer .chooseItem .chooseBody {

    }   

    .owl-carousel .owl-item .item {
        text-align: center;
    }    

    .footer_content .column {
        float: left;
        margin-bottom: 30px;
        width: 25%;
    }  

    #get-by .getDeskop {
        width:100%;
    }

    .topContainer {
        height: 480px;
        padding-bottom: 0;
    }

    #alg_services .container,
    .contextual-adv #alg_services .container,
    .topContainerKontext + .contextual-adv #alg_services .container {
        margin-top: 0;
    }

    #get-by .algoritmMainForm  {
        position: static;
        margin: 0 auto;
        margin-top: 20px;
        max-width: 400px;
    }
    #notebook_home {
        display: none !important;
    }    
    #why-we .reasons li {
        width:257px;
    }

    #why-we .reasons li span {
        font-size:19px;
    }
    .context_type img {
        max-width:100%;
    }
    .context_type {
        margin:0 auto !important;
        width:100%;
    }    
    #problem .problemItem { 
        width:49%;
    }
    #sectionList .sectionItem {
        margin-bottom:25px;
        width:48%;
    }

    
    .algLaptop {
        width:600px;
        height: 460px;
    }
    .algLaptop .algContainerScreenShot {
        width: 551px;
        height: 312px;
        top: 22px;       
    }
    .algPhone {
        float:right;
        width:180px;
        height: 410px;

    }
    .algPhone .algContainerScreenShot {
        width: 156px;
        top: 45px;
        height: 277px;
    }
    .algTable {
        width:420px;
        height: 400px;
        
    }
    .algTable .algContainerScreenShot {
        width: 86.5%;
        top: 3.4%;
        height: 66.8%;        
    }
    .mob-off {
        display:none !important;
    }
    .mob-on {
        display:block;
    }
    #reviews .popup {
        width: calc(25% - 10px);
    }

    .clientsblock span:nth-child(odd) {
        text-align: right;
    }
    .hp-item, .allPorfolio {
        width: calc(50% - 12px);
        /*height: 190px;*/
    }
    .hp-item img {
        width: 100%;
        /*height: 100%;*/
    }
    #get-by .container .row{
        margin-left: 0px;
        margin-right: 0px;
    }

    #alg_services .alg_services_description {
        height: 265px;
    }

    .order_table_name {
        margin-left: 3px;
        margin-right: 3px;
    }

    #alg_services h4 {
        width: 80%;
    }


    .middle-banner-title,
    .post-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 35px;
    }

    .dynamics-load-page {
        display: none;
    }

    .title-description {
        margin-top: 0;
    }

    .post-howitwork-item {
        margin-top: 40px;
        margin-left: 0;
        padding-left: 0;
        padding-top: 150px;
        text-align: center;
        background-position: 50% 0;
    }

    .post-block-footer-text {
        display: block;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .video-block {
        float: none;
        margin: 0 auto 30px;
    }

    .video-text {
        float: none;
        width: auto;
    }

    .c-benefits-cols {
        flex-wrap: wrap;
    }
    
    .b-benefit-col {
        flex: 0 0 50%;
        margin-bottom: 25px;
    }

    .sticky-wrapper.container {
        padding: 0;
        /*width: 100%;*/
        position: fixed;
        right: 0;
        top: 30px;
    }

    .c-btn-burger {
        cursor: pointer;
        padding: 15px 10px;
        background-color: #feeb01;
        display: inline-block;
        vertical-align: top;
        float: right;
    }

    .btn-burger {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 36px;
        height: 24px;
    }

    .btn-burger span {
        display: block;
        width: 36px;
        height: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
        transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-property: transform;
        transition-property: transform;
        background-color: #fff;
    }

    .c-btn-burger.is-active .btn-burger span {
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
        -webkit-transform: translate3d(0,10px,0) rotate(135deg);
        transform: translate3d(0,10px,0) rotate(135deg);
    }

    .btn-burger:before,
    .btn-burger:after {
        content: "";
        display: block;
        width: 36px;
        height: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
        background-color: #fff;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .btn-burger:before {
        top: 10px;
        -webkit-transition: opacity .15s ease .4s;
        transition: opacity .15s ease .4s;
    }

    .c-btn-burger.is-active .btn-burger:before {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0;
    }

    .btn-burger:after {
        top: 20px;
        -webkit-transition: transform .4s cubic-bezier(.68,-.55,.265,1.55);
        transition: transform .4s cubic-bezier(.68,-.55,.265,1.55);
    }

    .c-btn-burger.is-active .btn-burger:after {
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
        -webkit-transform: translate3d(0,-10px,0) rotate(-135deg);
        transform: translate3d(0,-10px,0) rotate(-135deg);
    }    

    .c-btn-burger.is-active + #sp-header {
        max-height: 800px;
    }

    #sp-header {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 1s cubic-bezier(.68,-.55,.265,1.55);
        transition: max-height 1s cubic-bezier(.68,-.55,.265,1.55);
        position: absolute;
        top: 100%;
        right: 0;
        width: 100vw;
    }

    .sp-megamenu-parent > li.sp-has-child > a:after {
        position: absolute;
        right: 15px;
        top: 18px;
    }

    .sp-megamenu-parent > li > .megaMenu-parent > a,
    .sp-megamenu-parent > li > a {
        padding: 14px 20px;
    }    

    .sp-megamenu-parent .sp-dropdown a {
        padding: 14px 30px;
    }    

    .megaMenu.open .sp-dropdown {
        display: block;
    }

    .megaMenu-arrow {
        position: absolute;
        right: 0;
        top: 0; bottom: 0;
        width: 60px;
        z-index: 2;
        text-align: center;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        -webkit-transition: all .4s;
        transition: all .4s;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .megaMenu-arrow:after {
        font-family: "FontAwesome";
        content: " \f107";
        position: absolute;
        left: 50%;
        top: 15px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -webkit-transition: all .4s;
        transition: all .4s;
    }    

    .megaMenu.open .megaMenu-arrow:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        left: 40%;
    }

    #alg_services .alg_services_item {
        height: auto;
    }

    .b-accordion__header {
        font-size: 20px;
        line-height: 24px;
    }


    .b-number-benefit,
    .b-number-benefit:nth-child(odd) {
        width: 90%;
    }    

    .socials-btns {
        text-align: center;
    }

    .bitrixLogoFooter {
        text-align: center;
    }

    .bottom_footer_block {
        display: block;
    }

    .footer_logo_container {
        float: none;
        margin-bottom: 60px;
        text-align: center;
    }

    footer .column {
        float: none;
    }

    footer .column.col-footer-nav {
        display: none;
    }

    footer .column.column_contacts {
        width: 100%;
    }

    footer .column_contacts li:nth-child(5) {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    footer .column_contacts li:last-child {
        text-align: center;
        display: block;
        width: 100%;
    }   
}


@media all and (min-width:1024px) {

    #alg_services .alg_services_item:hover .alg_description_serv {
        top:0px;
    }
}

@media all and (max-width:767px) {

    .greenLine .algoritmMainForm {
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }


    .dev_proc {
        display: none;
    }

    .seoPropsContainer {
        margin-left: 0;
        /*margin-top: 35px;*/
    }

    .portfolioSeoIcon img {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #alg_services h4 {
        font-size: 16px;
    }        
    
    .seo_text_block {
        display: none;
    }

    #alg_services .alg_services_item .alg_services_icon {
        height: 140px;
        line-height: 90px;
        padding-top: 25px;
        padding-bottom: 25px;
        text-align: center;
    }
    
    #alg_services .alg_services_icon {
        height: 90px;
    }
    
    .alg_services_items_block {
        /*display: block;*/
    }

    #alg_services .alg_services_item {
        display: block;
    }

    .porfoliolMenuContainer .col-xs-6 {
        height: 180px;
    }

    .porfoliolMenu .porfolioTypeTxt {
        font-size: 18px;
    }

    #alg_services .alg_services_icon {
        margin-top: 0;
        margin-bottom: 0;
        height: auto;
        min-height: 40px;
    }

    #alg_services .alg_services_item {
        height: auto;
    }

    .slick-slider {
        padding-top: 80px;
    }

    .slider_container .slick-arrow {
        top: 0;
        -webkit-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }

    .slider_container .slick-prev {
        right: auto;
        left: 50%;
        margin-left: -70px;
    }

    .slider_container .slick-next {
        right: auto;
        left: 50%;
        margin-right: -70px;
    }


    .b-number-benefit,
    .b-number-benefit:nth-child(odd) {
        width: 100%;
        float: none;
    }    

    .b-number-benefit__decimal {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .b-number-benefit__body {
        margin-left: 0;
    }

    footer .column_contacts li {
        width: 32.9%;
        text-align: left;
    }

    .footer_mail {
        font-size: 17px;
    }

    footer {
        padding-top:30px;
    }

    .footer_form {
        margin: 20px auto 0;
        float: none;
        width: 100%;
    }    

    .footer_logo_container {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 0;
        text-align: center;
    }

    .footer_serts {
        margin-top: 40px;
    }

    .bottom_footer_block {
        margin-right: 0;
    }

    footer .column_contacts li:first-child {
        text-align: center;
    }

    #get-by .algoritmMainForm.view {
        max-width: 100%;
    }
}

@media all and (max-width:644px) {
    .bx-pag-all {
        display: block !important;
        clear:both;
    }
    .bx-pag-all a {
        margin: 20px auto;
        
    }
    #reviewsList .leftCol, #reviewsList .rightCol {
        width:100%;
        margin: 0 auto;
        display: block;
    }
    
    #alg_services .alg_services_description {
        height: auto;
    }

    .seoPropsContainer .seoProps {
        width: 100%;
        max-width: 280px;
        display: block;
        margin: 10px auto;
    }
    
    .order_table_block {
        width:100%;
        margin-bottom: 30px;
    }

    .order_table_block:last-child {
        margin-bottom: 0;
    }

    .order_table_item.dib {
        width:223px;
        margin: 20px auto;
        display: block;
    }    
    #alg_services {
        margin-bottom:0px;
    }

    .dev_proc .rocket {
        top:0px;
        width:40%;  
    }
    .dev_proc .dev_proc_pic {
        width:100%;
    }
    .greenLine .algoritmMainForm {
        display:block;
        margin:0 auto;
        width:100%;
        margin-bottom: 20px        
    }
    .greenLine p {
        margin-bottom: 20px;
        /*margin-top: 20px;*/
        width:100%;
    }    
    .greenLine p br {
        display: none;
    }

    .container {
        padding:0px 20px;
    }
    .topBarInner.container {
        padding:0px;
    }

    #reviews .button {
        margin: 0 auto;
        float: none;
        width: 100%;
        text-align: center;
        display: block;
    }
    .view_item_name {
        width:100%;
        font-size:17px;
        text-transform: none;
    }

    .view_item_fly_container {
        top:0px; !important;
    }
    .view_item_position {
        display:none;
    }

    .servicesItem {
        width:100%;
    }
    #seoServices .seoItem {
        width:100%;
        margin-top:0px;
    }
    #seoBanner .searchSystems div {
        width:100%;
    }
    .algSectionList .algSectionFilterItem {
        width:100%;
        display:block;
        
    }
    .alg_call_back_form {
        left:0px;
        margin: 0px;
    }
    
    
    /*.hp-overlay {
        opacity:1;
    }

    .hp-text {
        top: 0;
    }*/

    .hp-item,
    .allPorfolio {
        margin:10px 0px;
    }

    footer .column {
        /*width: 48% !important;
        margin-bottom: 40px;
        float: none;
        margin-left: 0px;
        display: inline-block;
        vertical-align: top;*/
    }

    .fNavTitle {
        margin-bottom:0px;
    }

    #reviews .popup {
        width: calc(50% - 10px);
    }   

    .dev_proc h3 {
        margin-top: 20px;
        margin-bottom: 35px;
    }
    
    #problem {
        padding-bottom: 50px;
    }

    
    #sectionList .sectionItem {
        width:98%;
    }
    .col-mobile {
        width:100% !important;
        float:none;
        text-align:center;
    }

    .hp-item, .allPorfolio {
        width:100%;
        display:block;
        float:none;       
        height: 190px; 
    }

    .clientsblock span img {
        width:90%;
    }
    .techItem {
        width:100%;
    }
    .view_item {
        width: 49%;
        vertical-align: top;
    }
    
    .clientsblock span {
        text-align: center !important;
        width:50% !important;
        padding:0px;
        margin: 0;
    }            
    
    .middle-banner-title,
    .post-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .post-block {
        margin-bottom: 25px;
    }

    .post-block .container {
        padding-top: 25px;
    }

    .video-text {
        margin-bottom: 20px;
    }

    .post-block-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .post-item {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .post-item:last-child {
        margin-bottom: 0;
    }

    .post-block-footer {
        padding-bottom: 25px;
    }

    .b-benefit-col {
        flex: 0 0 100%;
    }

    footer .column_contacts li {
        width: 100%;
        display: block;
        padding-right: 0;
        text-align: center;
    }

    .footer-details-main {
          -ms-flex-direction: column;
                flex-direction: column;
        justify-content: space-around;
    }

    .footer_serts {
        margin-top: 0;
    }

}

@media all and (max-width: 639px) {

    #problem .problemItem { 
        width:100%;
        padding-right: 0;
        padding-left: 0;
    }

    #alg_services .alg_services_item {
        width:100%;
        margin: 0 auto;
        float:none;
    }



    .algLaptop {
        width: 280px;
        height: 260px;

    }

    .algLaptop .algContainerScreenShot {
        width: 93%;
        height: 57%;
        top: 11px;        
    }


    .algNote {
        width: 270px;
        height: 150px;
    }
    .algNote .algContainerScreenShot {
        width: 177px;
        left: 50px;
        top: 7px;
        height: 109px;     
    }


    .algTable {
        width: 280px;
        height: 202px;     
    }

    .algTable .algContainerScreenShot {
        width: 86.5%;
        top: 3.4%;
        height: 91%;    
    }


    .algPhone {
        width: 150px;
        height: 300px;
        
    }
    .algPhone .algContainerScreenShot {
        width: 86%;
        top: 12.2%;
        height: 75%;
    }
}

/* End */


/* Start:/bitrix/templates/algoritm/css/slick.css?16818467771729*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/algoritm/css/jquery.mCustomScrollbar.css?168184677753583*/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(/bitrix/templates/algoritm/css/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/* End */


/* Start:/bitrix/templates/algoritm/slider_components/css/font-awesome.css?168184677721655*/
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/bitrix/templates/algoritm/slider_components/css/fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('/bitrix/templates/algoritm/slider_components/css/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/bitrix/templates/algoritm/slider_components/css/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/bitrix/templates/algoritm/slider_components/css/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/bitrix/templates/algoritm/slider_components/css/..../assets/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}

/* End */


/* Start:/bitrix/templates/algoritm/css/selectric.css?16818467774291*/
/*======================================
  Selectric v1.11.0
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  background: #F8F8F8;
  position: relative;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  padding: 0;
  font-weight: 400;
  text-align: left;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric .button {
  padding: 0;
  border: none;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* End */


/* Start:/bitrix/templates/algoritm/css/intlTelInput.css?168184677721679*/
.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=text],.intl-tel-input.separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:66px}.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:74px}.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width:68px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:82px}.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:90px}.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("/img/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("/img/flags@2x.png")}}.iti-flag.np{background-color:transparent}


/* End */


/* Start:/bitrix/templates/algoritm/css/min/jquery-ui-1.8.21.custom.min.css?168184677714649*/
.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after{content:"";display:table;}
.ui-helper-clearfix:after{clear:both;}
.ui-helper-clearfix{zoom:1;}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}
.ui-state-disabled{cursor:default !important;}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.ui-widget{font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;font-size:1.1em;}
.ui-widget .ui-widget{font-size:1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;font-size:1em;}
.ui-widget-content{background:#ededed url(/img/price_track_bg.png) 50% top repeat-x;width:530px;color:#333333;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;behavior:url(/PIE.htc);}
.ui-widget-content a{color:#333333;}
.ui-widget-header{background:#919191 url(/img/price_drag_bg.png) 50% 50% repeat-x;color:#ffffff;font-weight:bold;margin:3px 0;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;behavior:url(/PIE.htc);}
.ui-widget-header a{color:#ffffff;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:url(/img/price_handle.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#1c94c4;text-decoration:none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(/bitrix/templates/algoritm/css/min/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(/bitrix/templates/algoritm/css/min/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#ffffff;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color:#ffffff;}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color:#ffffff;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight:bold;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}
.ui-icon{width:16px;height:16px;background-image:url(/bitrix/templates/algoritm/css/min/images/ui-icons_222222_256x240.png);}
.ui-widget-content .ui-icon{background-image:url(/bitrix/templates/algoritm/css/min/images/ui-icons_222222_256x240.png);}
.ui-widget-header .ui-icon{background-image:url(/bitrix/templates/algoritm/css/min/images/ui-icons_ffffff_256x240.png);}
.ui-state-default .ui-icon{background-image:url(/bitrix/templates/algoritm/css/min/images/ui-icons_ef8c08_256x240.png);}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image:url(/bitrix/templates/algoritm/css/min/images/ui-icons_ef8c08_256x240.png);}
.ui-state-active .ui-icon{background-image:url(/bitrix/templates/algoritm/css/min/images/ui-icons_ef8c08_256x240.png);}
.ui-state-highlight .ui-icon{background-image:url(/bitrix/templates/algoritm/css/min/images/ui-icons_228ef1_256x240.png);}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon{background-image:url(/bitrix/templates/algoritm/css/min/images/ui-icons_ffd27a_256x240.png);}
.ui-icon-carat-1-n{background-position:0 0;}
.ui-icon-carat-1-ne{background-position:-16px 0;}
.ui-icon-carat-1-e{background-position:-32px 0;}
.ui-icon-carat-1-se{background-position:-48px 0;}
.ui-icon-carat-1-s{background-position:-64px 0;}
.ui-icon-carat-1-sw{background-position:-80px 0;}
.ui-icon-carat-1-w{background-position:-96px 0;}
.ui-icon-carat-1-nw{background-position:-112px 0;}
.ui-icon-carat-2-n-s{background-position:-128px 0;}
.ui-icon-carat-2-e-w{background-position:-144px 0;}
.ui-icon-triangle-1-n{background-position:0 -16px;}
.ui-icon-triangle-1-ne{background-position:-16px -16px;}
.ui-icon-triangle-1-e{background-position:-32px -16px;}
.ui-icon-triangle-1-se{background-position:-48px -16px;}
.ui-icon-triangle-1-s{background-position:-64px -16px;}
.ui-icon-triangle-1-sw{background-position:-80px -16px;}
.ui-icon-triangle-1-w{background-position:-96px -16px;}
.ui-icon-triangle-1-nw{background-position:-112px -16px;}
.ui-icon-triangle-2-n-s{background-position:-128px -16px;}
.ui-icon-triangle-2-e-w{background-position:-144px -16px;}
.ui-icon-arrow-1-n{background-position:0 -32px;}
.ui-icon-arrow-1-ne{background-position:-16px -32px;}
.ui-icon-arrow-1-e{background-position:-32px -32px;}
.ui-icon-arrow-1-se{background-position:-48px -32px;}
.ui-icon-arrow-1-s{background-position:-64px -32px;}
.ui-icon-arrow-1-sw{background-position:-80px -32px;}
.ui-icon-arrow-1-w{background-position:-96px -32px;}
.ui-icon-arrow-1-nw{background-position:-112px -32px;}
.ui-icon-arrow-2-n-s{background-position:-128px -32px;}
.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}
.ui-icon-arrow-2-e-w{background-position:-160px -32px;}
.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}
.ui-icon-arrowstop-1-n{background-position:-192px -32px;}
.ui-icon-arrowstop-1-e{background-position:-208px -32px;}
.ui-icon-arrowstop-1-s{background-position:-224px -32px;}
.ui-icon-arrowstop-1-w{background-position:-240px -32px;}
.ui-icon-arrowthick-1-n{background-position:0 -48px;}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}
.ui-icon-arrowthick-1-e{background-position:-32px -48px;}
.ui-icon-arrowthick-1-se{background-position:-48px -48px;}
.ui-icon-arrowthick-1-s{background-position:-64px -48px;}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}
.ui-icon-arrowthick-1-w{background-position:-96px -48px;}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}
.ui-icon-arrow-4{background-position:0 -80px;}
.ui-icon-arrow-4-diag{background-position:-16px -80px;}
.ui-icon-extlink{background-position:-32px -80px;}
.ui-icon-newwin{background-position:-48px -80px;}
.ui-icon-refresh{background-position:-64px -80px;}
.ui-icon-shuffle{background-position:-80px -80px;}
.ui-icon-transfer-e-w{background-position:-96px -80px;}
.ui-icon-transferthick-e-w{background-position:-112px -80px;}
.ui-icon-folder-collapsed{background-position:0 -96px;}
.ui-icon-folder-open{background-position:-16px -96px;}
.ui-icon-document{background-position:-32px -96px;}
.ui-icon-document-b{background-position:-48px -96px;}
.ui-icon-note{background-position:-64px -96px;}
.ui-icon-mail-closed{background-position:-80px -96px;}
.ui-icon-mail-open{background-position:-96px -96px;}
.ui-icon-suitcase{background-position:-112px -96px;}
.ui-icon-comment{background-position:-128px -96px;}
.ui-icon-person{background-position:-144px -96px;}
.ui-icon-print{background-position:-160px -96px;}
.ui-icon-trash{background-position:-176px -96px;}
.ui-icon-locked{background-position:-192px -96px;}
.ui-icon-unlocked{background-position:-208px -96px;}
.ui-icon-bookmark{background-position:-224px -96px;}
.ui-icon-tag{background-position:-240px -96px;}
.ui-icon-home{background-position:0 -112px;}
.ui-icon-flag{background-position:-16px -112px;}
.ui-icon-calendar{background-position:-32px -112px;}
.ui-icon-cart{background-position:-48px -112px;}
.ui-icon-pencil{background-position:-64px -112px;}
.ui-icon-clock{background-position:-80px -112px;}
.ui-icon-disk{background-position:-96px -112px;}
.ui-icon-calculator{background-position:-112px -112px;}
.ui-icon-zoomin{background-position:-128px -112px;}
.ui-icon-zoomout{background-position:-144px -112px;}
.ui-icon-search{background-position:-160px -112px;}
.ui-icon-wrench{background-position:-176px -112px;}
.ui-icon-gear{background-position:-192px -112px;}
.ui-icon-heart{background-position:-208px -112px;}
.ui-icon-star{background-position:-224px -112px;}
.ui-icon-link{background-position:-240px -112px;}
.ui-icon-cancel{background-position:0 -128px;}
.ui-icon-plus{background-position:-16px -128px;}
.ui-icon-plusthick{background-position:-32px -128px;}
.ui-icon-minus{background-position:-48px -128px;}
.ui-icon-minusthick{background-position:-64px -128px;}
.ui-icon-close{background-position:-80px -128px;}
.ui-icon-closethick{background-position:-96px -128px;}
.ui-icon-key{background-position:-112px -128px;}
.ui-icon-lightbulb{background-position:-128px -128px;}
.ui-icon-scissors{background-position:-144px -128px;}
.ui-icon-clipboard{background-position:-160px -128px;}
.ui-icon-copy{background-position:-176px -128px;}
.ui-icon-contact{background-position:-192px -128px;}
.ui-icon-image{background-position:-208px -128px;}
.ui-icon-video{background-position:-224px -128px;}
.ui-icon-script{background-position:-240px -128px;}
.ui-icon-alert{background-position:0 -144px;}
.ui-icon-info{background-position:-16px -144px;}
.ui-icon-notice{background-position:-32px -144px;}
.ui-icon-help{background-position:-48px -144px;}
.ui-icon-check{background-position:-64px -144px;}
.ui-icon-bullet{background-position:-80px -144px;}
.ui-icon-radio-off{background-position:-96px -144px;}
.ui-icon-radio-on{background-position:-112px -144px;}
.ui-icon-pin-w{background-position:-128px -144px;}
.ui-icon-pin-s{background-position:-144px -144px;}
.ui-icon-play{background-position:0 -160px;}
.ui-icon-pause{background-position:-16px -160px;}
.ui-icon-seek-next{background-position:-32px -160px;}
.ui-icon-seek-prev{background-position:-48px -160px;}
.ui-icon-seek-end{background-position:-64px -160px;}
.ui-icon-seek-start{background-position:-80px -160px;}
.ui-icon-seek-first{background-position:-80px -160px;}
.ui-icon-stop{background-position:-96px -160px;}
.ui-icon-eject{background-position:-112px -160px;}
.ui-icon-volume-off{background-position:-128px -160px;}
.ui-icon-volume-on{background-position:-144px -160px;}
.ui-icon-power{background-position:0 -176px;}
.ui-icon-signal-diag{background-position:-16px -176px;}
.ui-icon-signal{background-position:-32px -176px;}
.ui-icon-battery-0{background-position:-48px -176px;}
.ui-icon-battery-1{background-position:-64px -176px;}
.ui-icon-battery-2{background-position:-80px -176px;}
.ui-icon-battery-3{background-position:-96px -176px;}
.ui-icon-circle-plus{background-position:0 -192px;}
.ui-icon-circle-minus{background-position:-16px -192px;}
.ui-icon-circle-close{background-position:-32px -192px;}
.ui-icon-circle-triangle-e{background-position:-48px -192px;}
.ui-icon-circle-triangle-s{background-position:-64px -192px;}
.ui-icon-circle-triangle-w{background-position:-80px -192px;}
.ui-icon-circle-triangle-n{background-position:-96px -192px;}
.ui-icon-circle-arrow-e{background-position:-112px -192px;}
.ui-icon-circle-arrow-s{background-position:-128px -192px;}
.ui-icon-circle-arrow-w{background-position:-144px -192px;}
.ui-icon-circle-arrow-n{background-position:-160px -192px;}
.ui-icon-circle-zoomin{background-position:-176px -192px;}
.ui-icon-circle-zoomout{background-position:-192px -192px;}
.ui-icon-circle-check{background-position:-208px -192px;}
.ui-icon-circlesmall-plus{background-position:0 -208px;}
.ui-icon-circlesmall-minus{background-position:-16px -208px;}
.ui-icon-circlesmall-close{background-position:-32px -208px;}
.ui-icon-squaresmall-plus{background-position:-48px -208px;}
.ui-icon-squaresmall-minus{background-position:-64px -208px;}
.ui-icon-squaresmall-close{background-position:-80px -208px;}
.ui-icon-grip-dotted-vertical{background-position:0 -224px;}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}
.ui-icon-grip-solid-vertical{background-position:-32px -224px;}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}
.ui-icon-grip-diagonal-se{background-position:-80px -224px;}
.ui-widget-overlay{background:#666666 url(/bitrix/templates/algoritm/css/min/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.50;filter:Alpha(Opacity=50);}
.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000000 url(/bitrix/templates/algoritm/css/min/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.20;filter:Alpha(Opacity=20);-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.ui-slider{position:relative;text-align:left;}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:11px;height:25px;cursor:default;}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}
.ui-slider-horizontal{height:11px;}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;}
.ui-slider-horizontal .ui-slider-range{top:0;height:5px;}
.ui-slider-horizontal .ui-slider-range-min{left:0;}
.ui-slider-horizontal .ui-slider-range-max{right:0;}
.ui-slider-vertical{width:.8em;height:100px;}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}
.ui-slider-vertical .ui-slider-range{left:0;width:100%;}
.ui-slider-vertical .ui-slider-range-min{bottom:0;}
.ui-slider-vertical .ui-slider-range-max{top:0;}
/* End */


/* Start:/bitrix/templates/algoritm/fancybox/jquery.fancybox-1.3.4.min.css?16818467773885*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;}
.fancybox-opened{z-index:8030;}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url('/bitrix/templates/algoritm/fancybox/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:2px;right:-6px;width:36px;height:36px;cursor:pointer;z-index:8040;background:url("/img/close_form.png") no-repeat;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/bitrix/templates/algoritm/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;font-size:28px;color:#fff;opacity:0.5;}
.fancybox-nav span:hover{opacity:1;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden !important;width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(70, 70, 70, 0.54);}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{}
#fancybox-loading div{background-image:url('/bitrix/templates/algoritm/fancybox/fancybox_loading@2x.gif');-moz-background-size:24px 24px;-o-background-size:24px 24px;background-size:24px 24px;}
}
.fancybox_detail_link{background:#000;padding:10px;position:absolute;display:block;top:40%;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);right:-112px;text-decoration:none;}
.fancybox_detail_link:hover{background:#505050;}
/* End */
/* /bitrix/templates/algoritm/css/bootstrap.css?1681846777141791 */
/* /bitrix/templates/algoritm/css/min/owl.min.css?16818467773826 */
/* /bitrix/templates/algoritm/css/reset.css?1681846777685 */
/* /bitrix/templates/algoritm/css/min/slider.min.css?168184677751090 */
/* /bitrix/templates/algoritm/css/style.css?1681846777264114 */
/* /bitrix/templates/algoritm/css/mobile.css?168184677726806 */
/* /bitrix/templates/algoritm/css/slick.css?16818467771729 */
/* /bitrix/templates/algoritm/css/jquery.mCustomScrollbar.css?168184677753583 */
/* /bitrix/templates/algoritm/slider_components/css/font-awesome.css?168184677721655 */
/* /bitrix/templates/algoritm/css/selectric.css?16818467774291 */
/* /bitrix/templates/algoritm/css/intlTelInput.css?168184677721679 */
/* /bitrix/templates/algoritm/css/min/jquery-ui-1.8.21.custom.min.css?168184677714649 */
/* /bitrix/templates/algoritm/fancybox/jquery.fancybox-1.3.4.min.css?16818467773885 */