/* Start:/bitrix/templates/ymservice/js/material/css/base.css?1448523136170842*/
*,
*:after,
*:before {
  box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

audio {
  display: inline-block;
  max-width: 100%;
  vertical-align: baseline;
}

body {
  background-color: #fafafa;
  background-image: none;
  color: #212121;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
}

html {
  font-family: sans-serif;
  font-size: 100%;
  min-height: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

template,
[hidden] {
  display: none;
}

video {
  display: block;
  max-width: 100%;
}

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

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

button,
select {
  text-transform: none;
}

button {
  overflow: visible;
}

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

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

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
fieldset ~ fieldset {
  margin-top: 24px;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  line-height: normal;
  margin: 4px 0 0;
  padding: 0;
}

input[type="color"] {
  min-width: 20px;
  width: auto;
}

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  line-height: 20px;
  line-height: 1 \0;
}

input[type="file"] {
  display: block;
  height: auto;
  line-height: 1;
  min-height: 36px;
  padding-top: 8px;
  padding-bottom: 8px;
}

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

input[type="range"] {
  display: block;
  height: 36px;
  width: 100%;
}

input[type="search"] {
  box-sizing: border-box;
  -webkit-appearance: none;
}

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

label {
  display: inline-block;
  font-weight: 400;
  margin: 0;
  max-width: 100%;
}

legend {
  border: 0;
  color: #212121;
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 12px;
  padding: 0;
  width: 100%;
}

optgroup {
  font-weight: 500;
}

select[multiple],
select[size] {
  height: auto;
}

textarea {
  overflow: auto;
}

a {
  background-color: transparent;
  background-image: none;
  color: #2196f3;
  text-decoration: none;
}
a:focus, a:hover {
  color: #0d47a1;
  outline: 0;
  text-decoration: underline;
}

abbr {
  border-bottom: 1px dotted #9e9e9e;
  cursor: help;
}

address {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 12px 0;
}

b,
strong {
  font-weight: 500;
}

blockquote,
q {
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  line-height: 28px;
  margin: 24px 0;
  padding-right: 32px;
  padding-left: 32px;
  position: relative;
}
blockquote:before,
q:before {
  border-right: 1px solid #c8e6c9;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

dd,
dt,
li {
  line-height: 20px;
}

dd {
  margin: 0;
}

dl {
  margin: 12px 0;
}

dt {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: inherit;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-top: 48px;
  margin-bottom: 12px;
}

h1,
.h1 {
  font-size: 44px;
  line-height: 48px;
}

h2,
.h2 {
  font-size: 34px;
  line-height: 40px;
}

h3,
.h3 {
  font-size: 24px;
  line-height: 32px;
}

h4,
.h4 {
  font-size: 20px;
  line-height: 28px;
}

h5,
.h5 {
  font-size: 16px;
  line-height: 24px;
}

h6,
.h6 {
  font-size: 12px;
  line-height: 20px;
}

h1 small,
h2 small,
h3 small,
h4 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small {
  font-size: 14px;
}

hr,
.hr {
  border: 0;
  border-top: 1px solid #9e9e9e;
  box-sizing: content-box;
  display: block;
  height: 0;
  margin-top: 24px;
  margin-bottom: 24px;
}

img {
  border: 0;
  vertical-align: middle;
}

ol,
ul {
  margin: 12px 0;
  padding: 0 0 0 32px;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin: 12px 0;
}

small {
  font-size: 75%;
  line-height: 1;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

td,
th {
  padding: 0;
}

th {
  text-align: left;
}

@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  src: url("/bitrix/templates/ymservice/js/material/css/./fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("/bitrix/templates/ymservice/js/material/css/./fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("/bitrix/templates/ymservice/js/material/css/./fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("/bitrix/templates/ymservice/js/material/css/./fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("/bitrix/templates/ymservice/js/material/css/./fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("/bitrix/templates/ymservice/js/material/css/./fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  speak: none;
  text-rendering: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-border {
  border: 0.08em solid #e0e0e0;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-fw {
  text-align: center;
  width: 1.28571em;
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
  -webkit-filter: none;
          filter: none;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-li {
  position: absolute;
  top: 0.14286em;
  left: -2.14286em;
  text-align: center;
  width: 2.14286em;
}
.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.14286em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-inverse {
  color: #ffffff;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.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-remove:before,
.fa-close:before,
.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-photo:before,
.fa-image:before,
.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,
.fa-bar-chart: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-f:before,
.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-navicon:before,
.fa-reorder:before,
.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-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc: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-mail-reply-all:before,
.fa-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,
.fa-gratipay: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";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/bitrix/templates/ymservice/js/material/css/./fonts/MaterialIcons-Regular.eot?v=2.0.0");
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("/bitrix/templates/ymservice/js/material/css/./fonts/MaterialIcons-Regular.woff2?v=2.0.0") format("woff2"), url("/bitrix/templates/ymservice/js/material/css/./fonts/MaterialIcons-Regular.woff?v=2.0.0") format("woff"), url("/bitrix/templates/ymservice/js/material/css/./fonts/MaterialIcons-Regular.ttf?v=2.0.0") format("truetype");
}
.icon, .breadcrumb > li + li:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  display: inline-block;
  height: 1em;
  line-height: 1;
  text-rendering: optimizeLegibility;
  text-transform: none;
  letter-spacing: normal;
  vertical-align: -10%;
  width: 1em;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* ie */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-lg {
  font-size: 1.5em;
  vertical-align: -26%;
}

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.waves-effect {
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(255, 255, 255, 0) 60%);
  background-image: radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(255, 255, 255, 0) 60%);
  border-radius: 50%;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
  width: 100px;
}
.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 60%);
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 60%);
}
.waves-effect.waves-color-alt .waves-ripple {
  background-color: #c8e6c9;
  background-image: -webkit-radial-gradient(rgba(76, 175, 80, 0.1) 0, #4caf50 100%);
  background-image: radial-gradient(rgba(76, 175, 80, 0.1) 0, #4caf50 100%);
}
.waves-effect.waves-color-blue .waves-ripple {
  background-color: #bbdefb;
  background-image: -webkit-radial-gradient(rgba(33, 150, 243, 0.1) 0, #2196f3 100%);
  background-image: radial-gradient(rgba(33, 150, 243, 0.1) 0, #2196f3 100%);
}
.waves-effect.waves-color-green .waves-ripple {
  background-color: #dcedc8;
  background-image: -webkit-radial-gradient(rgba(139, 195, 74, 0.1) 0, #8bc34a 100%);
  background-image: radial-gradient(rgba(139, 195, 74, 0.1) 0, #8bc34a 100%);
}
.waves-effect.waves-color-purple .waves-ripple {
  background-color: #e1bee7;
  background-image: -webkit-radial-gradient(rgba(156, 39, 176, 0.1) 0, #9c27b0 100%);
  background-image: radial-gradient(rgba(156, 39, 176, 0.1) 0, #9c27b0 100%);
}
.waves-effect.waves-color-red .waves-ripple {
  background-color: #ffcdd2;
  background-image: -webkit-radial-gradient(rgba(244, 67, 54, 0.1) 0, #f44336 100%);
  background-image: radial-gradient(rgba(244, 67, 54, 0.1) 0, #f44336 100%);
}
.waves-effect.waves-color-yellow .waves-ripple {
  background-color: #ffecb3;
  background-image: -webkit-radial-gradient(rgba(255, 193, 7, 0.1) 0, #ffc107 100%);
  background-image: radial-gradient(rgba(255, 193, 7, 0.1) 0, #ffc107 100%);
}

.waves-notransition {
  -webkit-transition: none !important;
          transition: none !important;
}

code,
kbd,
pre,
samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #b71c1c;
  font-size: 75%;
  line-height: 1;
  padding: 2px 4px;
}

kbd {
  background-color: #212121;
  border-radius: 4px;
  color: #ffffff;
  font-size: 75%;
  padding: 2px 4px;
}
kbd kbd {
  font-size: 100%;
  font-weight: 500;
  padding: 0;
}

pre {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #212121;
  display: block;
  font-size: 12px;
  line-height: 20px;
  margin: 24px 0;
  padding: 12px 8px;
  word-break: break-all;
  word-wrap: break-word;
}
pre code {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  padding: 0;
  white-space: pre-wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xx-pull-0 {
  right: 0%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xx-push-0 {
  left: 0%;
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-lg-push-12 {
    left: 100%;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.container:after, .container:before {
  content: "";
  display: table;
  line-height: 0;
}
.container:after {
  clear: both;
}

@media only screen and (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

.container-full {
  max-width: none;
}

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

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .row-clear > .col-xs-2:nth-child(6n+1),
  .row-clear > .col-xs-3:nth-child(4n+1),
  .row-clear > .col-xs-4:nth-child(3n+1),
  .row-clear > .col-xs-6:nth-child(2n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row-clear > .col-sm-2:nth-child(6n+1),
  .row-clear > .col-sm-3:nth-child(4n+1),
  .row-clear > .col-sm-4:nth-child(3n+1),
  .row-clear > .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1439px) {
  .row-clear > .col-md-2:nth-child(6n+1),
  .row-clear > .col-md-3:nth-child(4n+1),
  .row-clear > .col-md-4:nth-child(3n+1),
  .row-clear > .col-md-6:nth-child(2n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 1440px) {
  .row-clear > .col-lg-2:nth-child(6n+1),
  .row-clear > .col-lg-3:nth-child(4n+1),
  .row-clear > .col-lg-4:nth-child(3n+1),
  .row-clear > .col-lg-6:nth-child(2n+1) {
    clear: left;
  }
}

.row-relative {
  position: relative;
}

@media print {
  *,
  *:after,
  *:before {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

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

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

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

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

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

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

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

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

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

  thead {
    display: table-header-group;
  }

  .card,
  .card-img,
  .card-side {
    border-radius: 0 !important;
  }

  .card,
  .tile {
    border: 1px solid #9e9e9e;
  }

  .fbtn-container,
  .menu,
  .menu-toggle {
    display: none !important;
  }

  .footer {
    page-break-after: always;
  }

  .header a {
    color: #2196f3;
  }

  .tab-nav .nav > li.active > a {
    border-bottom: 3px solid #212121;
    padding-bottom: 7px;
  }
}
.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;
  }
}
.access-hide {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.access-hide.focusable:active, .access-hide.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.avoid-fout,
.el-loading {
  position: relative;
}

body.avoid-fout,
body.el-loading {
  position: static;
}

.avoid-fout-indicator,
.el-loading-indicator {
  font-family: sans-serif !important;
  height: 0;
  min-height: 4px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 0;
  z-index: 2;
}

.avoid-fout > .avoid-fout-indicator,
.el-loading > .el-loading-indicator {
  background-color: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.15);
  height: 100%;
  opacity: 1;
  padding: 20px 16px;
  width: 100%;
}

.avoid-fout-done > .avoid-fout-indicator,
.el-loading-done > .el-loading-indicator {
  height: 0;
  opacity: 0;
  padding: 0;
  -webkit-transition: height 0s 0.3s, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0s 0.3s, width 0s 0.3s;
          transition: height 0s 0.3s, opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0s 0.3s, width 0s 0.3s;
  width: 0;
}

.avoid-fout-indicator-fixed,
.el-loading-indicator-fixed {
  position: fixed;
  z-index: 41;
}

.avoid-fout-indicator-linear,
.el-loading-indicator-linear {
  padding: 0 !important;
}

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

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

.collapsed-hide {
  display: inline;
}
.collapsed .collapsed-hide {
  display: none;
}

.collapsed-show {
  display: none;
}
.collapsed .collapsed-show {
  display: inline;
}

.collapsible-region {
  overflow: hidden;
}

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.fade.in {
  opacity: 1;
}

.iframe-seamless {
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100% \9;
}

.list-clear, .list-inline {
  list-style: none;
  padding-left: 0;
}

.list-inline {
  margin-left: -8px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 8px;
  padding-left: 8px;
}

.margin-bottom {
  margin-bottom: 24px !important;
}

.margin-bottom-lg {
  margin-bottom: 48px !important;
}

.margin-bottom-no {
  margin-bottom: 0 !important;
}

.margin-bottom-sm {
  margin-bottom: 12px !important;
}

.margin-left {
  margin-left: 16px !important;
}

.margin-left-lg {
  margin-left: 32px !important;
}

.margin-left-no {
  margin-left: 0 !important;
}

.margin-left-sm {
  margin-left: 8px !important;
}

.margin-no {
  margin: 0 !important;
}

.margin-right {
  margin-right: 16px !important;
}

.margin-right-lg {
  margin-right: 32px !important;
}

.margin-right-no {
  margin-right: 0 !important;
}

.margin-right-sm {
  margin-right: 8px !important;
}

.margin-top {
  margin-top: 8px !important;
}

.margin-top-lg {
  margin-top: 48px !important;
}

.margin-top-no {
  margin-top: 0 !important;
}

.margin-top-sm {
  margin-top: 12px !important;
}

.media,
.media-inner {
  overflow: hidden;
}

.media-object.pull-left {
  margin-right: 16px;
}
.media-object.pull-right {
  margin-left: 16px;
}

.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -99999px;
  width: 50px;
}

.no-overflow {
  overflow: hidden;
}

.p {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
}

.padding-bottom {
  padding-bottom: 24px !important;
}

.padding-bottom-lg {
  padding-bottom: 48px !important;
}

.padding-bottom-no {
  padding-bottom: 0 !important;
}

.padding-bottom-sm {
  padding-bottom: 12px !important;
}

.padding-left {
  padding-left: 16px !important;
}

.padding-left-lg {
  padding-left: 32px !important;
}

.padding-left-no {
  padding-left: 0 !important;
}

.padding-left-sm {
  padding-left: 8px !important;
}

.padding-no {
  padding: 0 !important;
}

.padding-right {
  padding-right: 16px !important;
}

.padding-right-lg {
  padding-right: 32px !important;
}

.padding-right-no {
  padding-right: 0 !important;
}

.padding-right-sm {
  padding-right: 8px !important;
}

.padding-top {
  padding-top: 24px !important;
}

.padding-top-lg {
  padding-top: 48px !important;
}

.padding-top-no {
  padding-top: 0 !important;
}

.padding-top-sm {
  padding-top: 12px !important;
}

.pull-left {
  float: left;
}

.pull-none {
  float: none !important;
}

.pull-right {
  float: right;
}

.text-break {
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-break: break-all;
}

.text-overflow {
  display: block;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-nowrap {
  white-space: nowrap;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-bg {
  color: #e0e0e0;
}

.text-black {
  color: #000000;
}

.text-default {
  color: #212121;
}

.text-hint {
  color: #9e9e9e;
}

.text-sec {
  color: #616161;
}

.text-white {
  color: #ffffff;
}

.text-alt {
  color: #4caf50;
}

.text-blue {
  color: #2196f3;
}

.text-green {
  color: #8bc34a;
}

.text-purple {
  color: #9c27b0;
}

.text-red {
  color: #f44336;
}

.text-yellow {
  color: #ffc107;
}

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

@media only screen and (max-width: 479px) {
  .hidden-xx {
    display: none !important;
  }

  .visible-xx-block {
    display: block !important;
  }

  .visible-xx-inline {
    display: inline !important;
  }

  .visible-xx-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }

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

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

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

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

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

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

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

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

  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }

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

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

  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
.avatar {
  background-color: #e0e0e0;
  border-radius: 50%;
  color: #212121;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.avatar:focus, .avatar:hover {
  color: #212121;
  text-decoration: none;
}
.avatar.pull-left {
  margin-right: 16px;
}
.avatar.pull-right {
  margin-left: 16px;
}
.card-header-side > .avatar:first-child, .tile-side > .avatar:first-child {
  margin-top: -10px;
}
.card-header-side > .avatar:last-child, .tile-side > .avatar:last-child {
  margin-bottom: -10px;
}
.nav a > .avatar, .nav .a > .avatar {
  margin-top: -10px;
  margin-bottom: -10px;
}
.avatar img {
  border-radius: 50%;
  height: 100%;
  vertical-align: top;
  width: 100%;
}
.avatar .fa {
  display: block;
  height: 100%;
  line-height: inherit;
  text-align: center;
}
.avatar .fa-text {
  font-family: inherit;
}

.avatar-alt {
  background-color: #4caf50;
  color: #ffffff;
}
.avatar-alt:focus, .avatar-alt:hover {
  color: #ffffff;
}

.avatar-blue {
  background-color: #2196f3;
  color: #ffffff;
}
.avatar-blue:focus, .avatar-blue:hover {
  color: #ffffff;
}

.avatar-green {
  background-color: #8bc34a;
  color: #ffffff;
}
.avatar-green:focus, .avatar-green:hover {
  color: #ffffff;
}

.avatar-purple {
  background-color: #9c27b0;
  color: #ffffff;
}
.avatar-purple:focus, .avatar-purple:hover {
  color: #ffffff;
}

.avatar-red {
  background-color: #f44336;
  color: #ffffff;
}
.avatar-red:focus, .avatar-red:hover {
  color: #ffffff;
}

.avatar-yellow {
  background-color: #ffc107;
  color: #ffffff;
}
.avatar-yellow:focus, .avatar-yellow:hover {
  color: #ffffff;
}

.avatar-lg {
  height: 80px;
  line-height: 80px;
  width: 80px;
}

.avatar-sm {
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.card-header-side > .avatar-sm:first-child, .tile-side > .avatar-sm:first-child {
  margin-top: -6px;
}
.card-header-side > .avatar-sm:last-child, .tile-side > .avatar-sm:last-child {
  margin-bottom: -6px;
}
.nav a > .avatar-sm, .nav .a > .avatar-sm {
  margin-top: -6px;
  margin-bottom: -6px;
}

.avatar-inline {
  display: inline-block;
}

.avatar-transparent {
  background-color: transparent;
}

.breadcrumb {
  list-style: none;
  margin: 24px 0;
  padding: 0;
}
.breadcrumb:after, .breadcrumb:before {
  content: "";
  display: table;
  line-height: 0;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb > li {
  display: block;
  float: left;
}
.breadcrumb > li + li:before {
  color: #9e9e9e;
  content: "chevron_right";
  display: inline-block;
  line-height: 20px;
  margin-left: 0.4em;
}
.breadcrumb > .active {
  color: #212121;
}
.breadcrumb > .active > a,
.breadcrumb > .active > .a {
  color: #212121;
  cursor: text;
  text-decoration: none;
}

.btn {
  background-color: #ffffff;
  background-image: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 1px 5px 1px rgba(0, 0, 0, 0.15);
  color: #212121;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
  max-width: 100%;
  padding: 8px 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.btn:active, .btn:focus, .btn:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 5px 10px 1px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.15);
  color: #212121;
  outline: 0;
  text-decoration: none;
}
.btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.5;
}

.btn-alt {
  background-color: #4caf50;
  color: #ffffff;
}
.btn-alt:active, .btn-alt:focus, .btn-alt:hover {
  color: #ffffff;
}
.btn-alt[disabled], fieldset[disabled] .btn-alt {
  background-color: #4caf50;
}

.btn-blue {
  background-color: #2196f3;
  color: #ffffff;
}
.btn-blue:active, .btn-blue:focus, .btn-blue:hover {
  color: #ffffff;
}
.btn-blue[disabled], fieldset[disabled] .btn-blue {
  background-color: #2196f3;
}

.btn-green {
  background-color: #8bc34a;
  color: #ffffff;
}
.btn-green:active, .btn-green:focus, .btn-green:hover {
  color: #ffffff;
}
.btn-green[disabled], fieldset[disabled] .btn-green {
  background-color: #8bc34a;
}

.btn-purple {
  background-color: #9c27b0;
  color: #ffffff;
}
.btn-purple:active, .btn-purple:focus, .btn-purple:hover {
  color: #ffffff;
}
.btn-purple[disabled], fieldset[disabled] .btn-purple {
  background-color: #9c27b0;
}

.btn-red {
  background-color: #f44336;
  color: #ffffff;
}
.btn-red:active, .btn-red:focus, .btn-red:hover {
  color: #ffffff;
}
.btn-red[disabled], fieldset[disabled] .btn-red {
  background-color: #f44336;
}

.btn-yellow {
  background-color: #ffc107;
  color: #ffffff;
}
.btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover {
  color: #ffffff;
}
.btn-yellow[disabled], fieldset[disabled] .btn-yellow {
  background-color: #ffc107;
}

.btn-lg {
  font-size: 20px;
  line-height: 28px;
  padding: 15px 23px;
}
.btn-lg.waves-effect {
  padding: 16px 24px;
}

.btn-sm {
  font-size: 12px;
  line-height: 18px;
  padding: 0 7px;
}
.btn-sm.waves-effect {
  padding: 1px 8px;
}

.btn-block {
  display: block;
  white-space: normal;
  width: 100%;
}

.btn-flat {
  background-color: transparent;
  box-shadow: none;
}
.btn-flat:active, .btn-flat:focus, .btn-flat:hover {
  background-color: #e0e0e0;
  box-shadow: none;
}
.btn-flat[disabled], fieldset[disabled] .btn-flat {
  color: #212121;
}

.btn-flat.btn-alt {
  color: #4caf50;
}
.btn-flat.btn-alt:active, .btn-flat.btn-alt:focus, .btn-flat.btn-alt:hover {
  background-color: #c8e6c9;
}
.btn-flat.btn-alt[disabled], fieldset[disabled] .btn-flat.btn-alt {
  color: #4caf50;
}

.btn-flat.btn-blue {
  color: #2196f3;
}
.btn-flat.btn-blue:active, .btn-flat.btn-blue:focus, .btn-flat.btn-blue:hover {
  background-color: #bbdefb;
}
.btn-flat.btn-blue[disabled], fieldset[disabled] .btn-flat.btn-blue {
  color: #2196f3;
}

.btn-flat.btn-green {
  color: #8bc34a;
}
.btn-flat.btn-green:active, .btn-flat.btn-green:focus, .btn-flat.btn-green:hover {
  background-color: #dcedc8;
}
.btn-flat.btn-green[disabled], fieldset[disabled] .btn-flat.btn-green {
  color: #8bc34a;
}

.btn-flat.btn-purple {
  color: #9c27b0;
}
.btn-flat.btn-purple:active, .btn-flat.btn-purple:focus, .btn-flat.btn-purple:hover {
  background-color: #e1bee7;
}
.btn-flat.btn-purple[disabled], fieldset[disabled] .btn-flat.btn-purple {
  color: #9c27b0;
}

.btn-flat.btn-red {
  color: #f44336;
}
.btn-flat.btn-red:active, .btn-flat.btn-red:focus, .btn-flat.btn-red:hover {
  background-color: #ffcdd2;
}
.btn-flat.btn-red[disabled], fieldset[disabled] .btn-flat.btn-red {
  color: #f44336;
}

.btn-flat.btn-yellow {
  color: #ffc107;
}
.btn-flat.btn-yellow:active, .btn-flat.btn-yellow:focus, .btn-flat.btn-yellow:hover {
  background-color: #ffecb3;
}
.btn-flat.btn-yellow[disabled], fieldset[disabled] .btn-flat.btn-yellow {
  color: #ffc107;
}

.fbtn {
  background-color: #e0e0e0;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  clear: both;
  color: #212121;
  cursor: pointer;
  display: block;
  font-size: 20px;
  height: 40px;
  margin: 12px auto;
  padding: 10px 0;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: box-shadow, opacity, -webkit-transform;
          transition-property: box-shadow, opacity, transform;
  width: 40px;
}

a.fbtn:focus, a.fbtn:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
  color: #212121;
}

.fbtn-alt {
  background-color: #4caf50;
  color: #ffffff !important;
}

.fbtn-blue {
  background-color: #2196f3;
  color: #ffffff !important;
}

.fbtn-green {
  background-color: #8bc34a;
  color: #ffffff !important;
}

.fbtn-purple {
  background-color: #9c27b0;
  color: #ffffff !important;
}

.fbtn-red {
  background-color: #f44336;
  color: #ffffff !important;
}

.fbtn-yellow {
  background-color: #ffc107;
  color: #ffffff !important;
}

.fbtn-lg {
  height: 56px;
  padding-top: 18px;
  padding-bottom: 18px;
  width: 56px;
}
.fbtn-lg .fbtn-sub {
  top: 18px;
}
.fbtn-lg ~ .fbtn-dropdown {
  min-width: 88px;
}

.fbtn-container {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: fixed;
  right: 16px;
  bottom: 12px;
  -webkit-transition: margin-bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1), right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: margin-bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1), right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 21;
}

.fbtn-dropdown {
  max-height: 0;
  overflow: hidden;
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  right: -16px;
  bottom: 100%;
  -webkit-transition: max-height 0s 0.5s;
          transition: max-height 0s 0.5s;
}
.fbtn-inner.open .fbtn-dropdown {
  max-height: 99999px;
  overflow: visible;
  -webkit-transition: max-height 0s;
          transition: max-height 0s;
}
.fbtn-dropdown .fbtn {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
      -ms-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
}
.fbtn-dropdown .fbtn:nth-last-child(1) {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.fbtn-dropdown .fbtn:nth-last-child(2) {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
.fbtn-dropdown .fbtn:nth-last-child(3) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.fbtn-dropdown .fbtn:nth-last-child(4) {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.fbtn-dropdown .fbtn:nth-last-child(5) {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.fbtn-dropdown .fbtn:nth-last-child(6) {
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}
.fbtn-inner.open .fbtn-dropdown .fbtn {
  opacity: 1;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(2) {
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}
.fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(3) {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(4) {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(5) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(6) {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

.fbtn-ori,
.fbtn-sub {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
}
.fbtn-ori.icon, .breadcrumb > li + li.fbtn-ori:before,
.fbtn-sub.icon,
.breadcrumb > li + li.fbtn-sub:before {
  vertical-align: bottom;
}

.fbtn-inner.open .fbtn-ori {
  opacity: 0;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.fbtn-rotate {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
}
.fbtn-inner.open .fbtn-rotate {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.fbtn-sub {
  opacity: 0;
  position: absolute;
  top: 10px;
  left: 0;
  text-align: center;
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
          transform: rotate(-225deg);
  width: 100%;
}
.fbtn-inner.open .fbtn-sub {
  opacity: 1;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.fbtn-text {
  background-color: #212121;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  color: #ffffff;
  font-size: 12px;
  height: 0;
  line-height: 20px;
  margin-top: -10px;
  margin-right: 16px;
  opacity: 0;
  overflow: hidden;
  padding-right: 8px;
  padding-left: 8px;
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  width: 0;
}
.no-touch .fbtn:hover .fbtn-text {
  height: auto;
  opacity: 1;
  width: auto;
}
.no-touch .fbtn-dropdown .fbtn:hover .fbtn-text {
  height: 0;
  opacity: 0;
  width: 0;
}
.no-touch .fbtn-inner.open .fbtn-dropdown .fbtn:hover .fbtn-text {
  height: auto;
  opacity: 1;
  width: auto;
}
.touch .fbtn-text {
  display: none;
  height: auto;
  opacity: 1;
  width: auto;
}
.touch .fbtn-inner.open .fbtn-text {
  display: block;
}

.card {
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  margin-bottom: 24px;
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.card[class*="-bg"] {
  color: #ffffff;
}
.card-wrap .card {
  margin-top: 0;
}
.no-boxshadow .card {
  border: 1px solid #e0e0e0;
}
.no-flexbox .card:after, .no-flexbox .card:before {
  content: "";
  display: table;
  line-height: 0;
}
.no-flexbox .card:after {
  clear: both;
}

.card-offwhite {
  background-color: #f5f5f5;
}

.card-alt, .card-alt-bg {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 6px rgba(76, 175, 80, 0.3);
}
.no-boxshadow .card-alt, .no-boxshadow .card-alt-bg {
  border-color: #c8e6c9;
}

.card-alt-bg {
  background-color: #4caf50;
}

.card-blue, .card-blue-bg {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 6px rgba(33, 150, 243, 0.3);
}
.no-boxshadow .card-blue, .no-boxshadow .card-blue-bg {
  border-color: #bbdefb;
}

.card-blue-bg {
  background-color: #2196f3;
}

.card-green, .card-green-bg {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 6px rgba(139, 195, 74, 0.3);
}
.no-boxshadow .card-green, .no-boxshadow .card-green-bg {
  border-color: #dcedc8;
}

.card-green-bg {
  background-color: #8bc34a;
}

.card-purple, .card-purple-bg {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 6px rgba(156, 39, 176, 0.3);
}
.no-boxshadow .card-purple, .no-boxshadow .card-purple-bg {
  border-color: #e1bee7;
}

.card-purple-bg {
  background-color: #9c27b0;
}

.card-red, .card-red-bg {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 6px rgba(244, 67, 54, 0.3);
}
.no-boxshadow .card-red, .no-boxshadow .card-red-bg {
  border-color: #ffcdd2;
}

.card-red-bg {
  background-color: #f44336;
}

.card-yellow, .card-yellow-bg {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 6px rgba(255, 193, 7, 0.3);
}
.no-boxshadow .card-yellow, .no-boxshadow .card-yellow-bg {
  border-color: #ffecb3;
}

.card-yellow-bg {
  background-color: #ffc107;
}

.card-action, .tile-action {
  border-top: 1px solid #e0e0e0;
  position: relative;
}
.card-action:after, .tile-action:after, .card-action:before, .tile-action:before {
  content: "";
  display: table;
  line-height: 0;
}
.card-action:after, .tile-action:after {
  clear: both;
}
.card-action:first-child, .tile-action:first-child {
  border-top: 0;
}
.card-action .nav, .tile-action .nav {
  margin-top: 0;
  margin-bottom: 0;
}
.card-action .nav > li > a, .tile-action .nav > li > a,
.card-action .nav > li > .a,
.tile-action .nav > li > .a {
  color: #616161;
}
.card-action .nav > li > a:focus, .tile-action .nav > li > a:focus, .card-action .nav > li > a:hover, .tile-action .nav > li > a:hover,
.card-action .nav > li > .a:focus,
.tile-action .nav > li > .a:focus,
.card-action .nav > li > .a:hover,
.tile-action .nav > li > .a:hover {
  color: #2196f3;
}
.card[class*="-bg"] .card-action .nav > li > a, .card[class*="-bg"] .tile-action .nav > li > a, .card[class*="-bg"]
.card-action .nav > li > .a, .card[class*="-bg"]
.tile-action .nav > li > .a {
  color: #ffffff;
}
.card-action .nav > li.active > a, .tile-action .nav > li.active > a,
.card-action .nav > li.active > .a,
.tile-action .nav > li.active > .a, .card-action .nav > li.open > a, .tile-action .nav > li.open > a,
.card-action .nav > li.open > .a,
.tile-action .nav > li.open > .a {
  color: #2196f3;
}

.card-alt .card-action, .card-alt-bg .card-action, .card-alt .tile-action, .card-alt-bg .tile-action {
  border-top-color: #c8e6c9;
}

.card-alt-bg .card-action, .card-alt-bg .tile-action {
  border-top-color: #388e3c;
}

.card-blue .card-action, .card-blue-bg .card-action, .card-blue .tile-action, .card-blue-bg .tile-action {
  border-top-color: #bbdefb;
}

.card-blue-bg .card-action, .card-blue-bg .tile-action {
  border-top-color: #1976d2;
}

.card-green .card-action, .card-green-bg .card-action, .card-green .tile-action, .card-green-bg .tile-action {
  border-top-color: #dcedc8;
}

.card-green-bg .card-action, .card-green-bg .tile-action {
  border-top-color: #689f38;
}

.card-purple .card-action, .card-purple-bg .card-action, .card-purple .tile-action, .card-purple-bg .tile-action {
  border-top-color: #e1bee7;
}

.card-purple-bg .card-action, .card-purple-bg .tile-action {
  border-top-color: #7b1fa2;
}

.card-red .card-action, .card-red-bg .card-action, .card-red .tile-action, .card-red-bg .tile-action {
  border-top-color: #ffcdd2;
}

.card-red-bg .card-action, .card-red-bg .tile-action {
  border-top-color: #d32f2f;
}

.card-yellow .card-action, .card-yellow-bg .card-action, .card-yellow .tile-action, .card-yellow-bg .tile-action {
  border-top-color: #ffecb3;
}

.card-yellow-bg .card-action, .card-yellow-bg .tile-action {
  border-top-color: #ffa000;
}

.card-header {
  border-bottom: 1px solid #e0e0e0;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 56px;
  position: relative;
}
.no-flexbox .card-header:after, .no-flexbox .card-header:before {
  content: "";
  display: table;
  line-height: 0;
}
.no-flexbox .card-header:after {
  clear: both;
}

.card-header-side, .tile-side {
  vertical-align: middle;
  padding-top: 18px;
  padding-bottom: 18px;
}
.card-header-side.pull-left, .pull-left.tile-side {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
  padding-left: 16px;
}
.no-flexbox .card-header-side.pull-left, .no-flexbox .pull-left.tile-side {
  padding-right: 15px;
}
.card-header-side.pull-right, .pull-right.tile-side {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  padding-right: 15px;
}
.no-flexbox .card-header-side.pull-right, .no-flexbox .pull-right.tile-side {
  padding-left: 16px;
}

.card-heading {
  display: block;
  font-size: 20px;
  line-height: 28px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.card-header .card-heading {
  margin-top: 0;
  margin-bottom: 0;
}

.card-img {
  overflow: hidden;
  position: relative;
}
.card-img:first-child {
  border-radius: 2px 2px 0 0;
}
.card-img:last-child {
  border-radius: 0 0 2px 2px;
}
.card-img img {
  display: block;
  height: auto;
  width: 100%;
}

.card-img-heading {
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  color: #ffffff;
  font-size: 20px;
  line-height: 28px;
  margin: 0;
  padding: 12px 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.card-inner {
  margin: 24px 16px;
  position: relative;
}
.card-header .card-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.no-flexbox .card-header-side + .card-inner, .no-flexbox .tile-side + .card-inner {
  overflow: hidden;
}

.card-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.no-flexbox .card-side ~ .card-main {
  overflow: hidden;
}

.card-alt-bg .card-main a {
  color: #c8e6c9;
}

.card-blue-bg .card-main a {
  color: #bbdefb;
}

.card-green-bg .card-main a {
  color: #dcedc8;
}

.card-purple-bg .card-main a {
  color: #e1bee7;
}

.card-red-bg .card-main a {
  color: #ffcdd2;
}

.card-yellow-bg .card-main a {
  color: #ffecb3;
}

.card-side {
  background-color: #f5f5f5;
  border-radius: 2px 0 0 2px;
  max-width: 33.33333%;
  padding-right: 15px;
  padding-left: 15px;
}
.card-side[href] {
  color: #212121;
}
.card-side[href]:focus, .card-side[href]:hover {
  background-color: #eeeeee;
  text-decoration: none;
}
.card-side.card-side-img {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
}
.card-side.pull-right {
  border-radius: 0 2px 2px 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.card-offwhite .card-side {
  background-color: #eeeeee;
}

.card-alt .card-side, .card-alt-bg .card-side {
  background-color: #4caf50;
  color: #ffffff;
}
.card-alt .card-side[href]:focus, .card-alt-bg .card-side[href]:focus, .card-alt .card-side[href]:hover, .card-alt-bg .card-side[href]:hover {
  background-color: #388e3c;
}
.card-alt-bg .card-side {
  background-color: #388e3c;
}
.card-alt-bg .card-side[href]:focus, .card-alt-bg .card-side[href]:hover {
  background-color: #1b5e20;
}

.card-blue .card-side, .card-blue-bg .card-side {
  background-color: #2196f3;
  color: #ffffff;
}
.card-blue .card-side[href]:focus, .card-blue-bg .card-side[href]:focus, .card-blue .card-side[href]:hover, .card-blue-bg .card-side[href]:hover {
  background-color: #1976d2;
}
.card-blue-bg .card-side {
  background-color: #1976d2;
}
.card-blue-bg .card-side[href]:focus, .card-blue-bg .card-side[href]:hover {
  background-color: #0d47a1;
}

.card-green .card-side, .card-green-bg .card-side {
  background-color: #8bc34a;
  color: #ffffff;
}
.card-green .card-side[href]:focus, .card-green-bg .card-side[href]:focus, .card-green .card-side[href]:hover, .card-green-bg .card-side[href]:hover {
  background-color: #689f38;
}
.card-green-bg .card-side {
  background-color: #689f38;
}
.card-green-bg .card-side[href]:focus, .card-green-bg .card-side[href]:hover {
  background-color: #33691e;
}

.card-purple .card-side, .card-purple-bg .card-side {
  background-color: #9c27b0;
  color: #ffffff;
}
.card-purple .card-side[href]:focus, .card-purple-bg .card-side[href]:focus, .card-purple .card-side[href]:hover, .card-purple-bg .card-side[href]:hover {
  background-color: #7b1fa2;
}
.card-purple-bg .card-side {
  background-color: #7b1fa2;
}
.card-purple-bg .card-side[href]:focus, .card-purple-bg .card-side[href]:hover {
  background-color: #4a148c;
}

.card-red .card-side, .card-red-bg .card-side {
  background-color: #f44336;
  color: #ffffff;
}
.card-red .card-side[href]:focus, .card-red-bg .card-side[href]:focus, .card-red .card-side[href]:hover, .card-red-bg .card-side[href]:hover {
  background-color: #d32f2f;
}
.card-red-bg .card-side {
  background-color: #d32f2f;
}
.card-red-bg .card-side[href]:focus, .card-red-bg .card-side[href]:hover {
  background-color: #b71c1c;
}

.card-yellow .card-side, .card-yellow-bg .card-side {
  background-color: #ffc107;
  color: #ffffff;
}
.card-yellow .card-side[href]:focus, .card-yellow-bg .card-side[href]:focus, .card-yellow .card-side[href]:hover, .card-yellow-bg .card-side[href]:hover {
  background-color: #ffa000;
}
.card-yellow-bg .card-side {
  background-color: #ffa000;
}
.card-yellow-bg .card-side[href]:focus, .card-yellow-bg .card-side[href]:hover {
  background-color: #ff6f00;
}

.card-wrap {
  margin-top: 24px;
  margin-bottom: -24px;
}
.card-wrap:after, .card-wrap:before {
  content: "";
  display: table;
  line-height: 0;
}
.card-wrap:after {
  clear: both;
}

.dropdown {
  position: relative;
  -webkit-transition: z-index 0s 0.3s;
          transition: z-index 0s 0.3s;
}
.dropdown.open {
  -webkit-transition: z-index 0s;
          transition: z-index 0s;
  z-index: 21;
}
.dropdown [data-toggle="dropdown"] {
  cursor: pointer;
}

.dropdown-inline {
  display: inline-block;
}

.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
  border-radius: 0 2px 2px 2px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.15);
  list-style: none;
  margin: -1px 0 0 !important;
  min-width: 100%;
  opacity: 0;
  padding-top: 8px !important;
  padding-right: 0;
  padding-bottom: 8px !important;
  padding-left: 0;
  position: absolute !important;
  top: 100%;
  left: 0;
  -webkit-transform: scale(0.25, 0);
      -ms-transform: scale(0.25, 0);
          transform: scale(0.25, 0);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
}
.dropdown.open .dropdown-menu {
  opacity: 1;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.dropdown-menu.dropdown-menu-right, .dropdown.pull-right .dropdown-menu, .nav.pull-right .dropdown-menu {
  border-radius: 2px 0 2px 2px;
  right: 0;
  left: auto;
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.dropdown-menu a,
.dropdown-menu .a {
  color: #212121 !important;
  display: block;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-menu a:focus, .dropdown-menu a:hover,
.dropdown-menu .a:focus,
.dropdown-menu .a:hover {
  background-color: #f5f5f5;
}
.dropdown-menu .active > a,
.dropdown-menu .active > .a {
  background-color: #f5f5f5;
}
.no-csstransforms .dropdown-menu {
  display: none;
}
.no-csstransforms .dropdown.open .dropdown-menu {
  display: block;
}

.dropdown-toggle {
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown.open .dropdown-toggle {
  background-color: #e0e0e0;
  border-radius: 2px 2px 0 0;
}

.dropdown.open .dropdown-toggle-alt {
  background-color: #1b5e20;
}

.dropdown.open .dropdown-toggle-blue {
  background-color: #0d47a1;
}

.dropdown.open .dropdown-toggle-green {
  background-color: #33691e;
}

.dropdown.open .dropdown-toggle-purple {
  background-color: #4a148c;
}

.dropdown.open .dropdown-toggle-red {
  background-color: #b71c1c;
}

.dropdown.open .dropdown-toggle-yellow {
  background-color: #ff6f00;
}

.dropdown-toggle-btn {
  position: relative;
  z-index: 1;
}
.dropdown.open .dropdown-toggle-btn {
  background-color: #ffffff;
  box-shadow: none;
  color: #212121;
}
.dropdown-toggle-btn ~ .dropdown-menu {
  min-width: 101%;
  min-width: -webkit-calc(100% + 2px);
  min-width: calc(100% + 2px);
  padding-top: 56px !important;
  top: -14px;
  left: -1px;
  -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
          transform: scale(1, 0);
}
.dropdown-toggle-btn ~ .dropdown-menu.dropdown-menu-right, .dropdown.pull-right .dropdown-toggle-btn ~ .dropdown-menu, .nav.pull-right .dropdown-toggle-btn ~ .dropdown-menu {
  right: -1px;
  left: auto;
}

.dropdown-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
}
.dropdown-wrap:after, .dropdown-wrap:before {
  content: "";
  display: table;
  line-height: 0;
}
.dropdown-wrap:after {
  clear: both;
}

legend[class*="col-xx-"] {
  padding-left: 8px;
}
@media only screen and (min-width: 480px) {
  legend[class*="col-xs-"] {
    padding-left: 8px;
  }
}
@media only screen and (min-width: 768px) {
  legend[class*="col-sm-"] {
    padding-left: 8px;
  }
}
@media only screen and (min-width: 992px) {
  legend[class*="col-md-"] {
    padding-left: 8px;
  }
}
@media only screen and (min-width: 1440px) {
  legend[class*="col-lg-"] {
    padding-left: 8px;
  }
}

.checkbox,
.radio {
  display: block;
  position: relative;
}
.form-group .checkbox, .form-group
.radio {
  margin-top: 8px;
  padding-bottom: 8px;
}
.checkbox label,
.radio label {
  cursor: pointer;
  margin: 0;
  min-height: 14px;
  padding-left: 20px;
}
.checkbox.disabled label, fieldset[disabled] .checkbox label,
.radio.disabled label, fieldset[disabled]
.radio label {
  color: #9e9e9e;
  cursor: not-allowed;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  margin-left: -20px;
  position: absolute;
}

.checkbox-inline,
.radio-inline {
  display: inline-block;
  margin-right: 16px;
}

.form {
  margin-top: 24px;
  margin-bottom: 24px;
}

.form-control, .picker__select--month,
.picker__select--year {
  background-color: transparent;
  background-image: none;
  border: 0;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  color: #212121;
  display: block;
  font-size: 14px;
  height: 36px;
  line-height: 20px;
  padding: 8px 0 7px;
  -webkit-transition: border-bottom-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
          transition: border-bottom-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.form-control:-ms-input-placeholder, .picker__select--month:-ms-input-placeholder,
.picker__select--year:-ms-input-placeholder {
  color: #9e9e9e;
}
.form-control::-moz-placeholder, .picker__select--month::-moz-placeholder,
.picker__select--year::-moz-placeholder {
  color: #9e9e9e;
  opacity: 1;
}
.form-control::-webkit-input-placeholder, .picker__select--month::-webkit-input-placeholder,
.picker__select--year::-webkit-input-placeholder {
  color: #9e9e9e;
}
.form-control:focus, .picker__select--month:focus,
.picker__select--year:focus {
  border-color: #2196f3;
  border-bottom-width: 2px;
  outline: 0;
  padding-bottom: 6px;
}
.form-control[disabled], [disabled].picker__select--month,
[disabled].picker__select--year, .form-control[readonly], [readonly].picker__select--month,
[readonly].picker__select--year, fieldset[disabled] .form-control, fieldset[disabled] .picker__select--month,
fieldset[disabled] .picker__select--year {
  border-style: dashed;
  color: #9e9e9e;
  cursor: not-allowed;
  opacity: 1;
}
.form-control.form-control-inline, .form-control-inline.picker__select--month,
.form-control-inline.picker__select--year {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.form-control.form-control-default, .form-control-default.picker__select--month,
.form-control-default.picker__select--year, .form-control-default .form-control, .form-control-default .picker__select--month,
.form-control-default .picker__select--year {
  border: 1px solid #9e9e9e;
  padding: 7px 8px;
  -webkit-transition: none;
          transition: none;
}
.form-control.form-control-default:focus, .form-control-default.picker__select--month:focus,
.form-control-default.picker__select--year:focus, .form-control-default .form-control:focus, .form-control-default .picker__select--month:focus,
.form-control-default .picker__select--year:focus {
  border: 1px solid #2196f3;
  padding: 7px 8px;
}
.form-control.form-control-default[disabled], .form-control-default[disabled].picker__select--month,
.form-control-default[disabled].picker__select--year, .form-control.form-control-default[readonly], .form-control-default[readonly].picker__select--month,
.form-control-default[readonly].picker__select--year, fieldset[disabled] .form-control.form-control-default, fieldset[disabled] .form-control-default.picker__select--month,
fieldset[disabled] .form-control-default.picker__select--year, .form-control-default .form-control[disabled], .form-control-default [disabled].picker__select--month,
.form-control-default [disabled].picker__select--year, .form-control-default .form-control[readonly], .form-control-default [readonly].picker__select--month,
.form-control-default [readonly].picker__select--year, fieldset[disabled] .form-control-default .form-control, fieldset[disabled] .form-control-default .picker__select--month,
fieldset[disabled] .form-control-default .picker__select--year {
  background-color: #eeeeee;
}

.form-group-alt .form-control, .form-group-alt .picker__select--month,
.form-group-alt .picker__select--year,
.form-group-alt .form-control:focus,
.form-group-alt .picker__select--month:focus,
.form-group-alt .picker__select--year:focus {
  border-color: #4caf50;
}

.form-group-blue .form-control, .form-group-blue .picker__select--month,
.form-group-blue .picker__select--year,
.form-group-blue .form-control:focus,
.form-group-blue .picker__select--month:focus,
.form-group-blue .picker__select--year:focus {
  border-color: #2196f3;
}

.form-group-green .form-control, .form-group-green .picker__select--month,
.form-group-green .picker__select--year,
.form-group-green .form-control:focus,
.form-group-green .picker__select--month:focus,
.form-group-green .picker__select--year:focus {
  border-color: #8bc34a;
}

.form-group-purple .form-control, .form-group-purple .picker__select--month,
.form-group-purple .picker__select--year,
.form-group-purple .form-control:focus,
.form-group-purple .picker__select--month:focus,
.form-group-purple .picker__select--year:focus {
  border-color: #9c27b0;
}

.form-group-red .form-control, .form-group-red .picker__select--month,
.form-group-red .picker__select--year,
.form-group-red .form-control:focus,
.form-group-red .picker__select--month:focus,
.form-group-red .picker__select--year:focus {
  border-color: #f44336;
}

.form-group-yellow .form-control, .form-group-yellow .picker__select--month,
.form-group-yellow .picker__select--year,
.form-group-yellow .form-control:focus,
.form-group-yellow .picker__select--month:focus,
.form-group-yellow .picker__select--year:focus {
  border-color: #ffc107;
}

input[type="color"].form-control-default,
.form-control-default input[type="color"] {
  min-width: 38px;
}

label + .form-control.form-control-default, label + .form-control-default.picker__select--month,
label + .form-control-default.picker__select--year,
.form-control-default label + .form-control,
.form-control-default label + .picker__select--month,
.form-control-default label + .picker__select--year {
  margin-top: 5px;
}

label.access-hide + .form-control.form-control-default, label.access-hide + .form-control-default.picker__select--month,
label.access-hide + .form-control-default.picker__select--year,
.form-control-default label.access-hide + .form-control,
.form-control-default label.access-hide + .picker__select--month,
.form-control-default label.access-hide + .picker__select--year {
  margin-top: 0;
}

select.form-control, select.picker__select--month,
select.picker__select--year {
  -webkit-appearance: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
  select.form-control, select.picker__select--month,
  select.picker__select--year {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAkCAMAAACg5NohAAAAZlBMVEUAAABlZWXLy8vg4OB6enrX19fg4OCdnZ2KiopsbGzn5+dzc3Pt7e3GxsbPz89ubm7u7u5ycnLY2NiJiYmGhoZoaGjq6up/f3+WlpaGhoaZmZllZWVhYWFYWFhaWlpdXV1bW1tWVlaZeqNTAAAAHHRSTlMA+WVC31BEqMzyNekpcGDpKNxJzcjkL9CjwZ/yNlWBeQAAALBJREFUKM/NztkWwiAMRdFQoNparR2cGf//J8UFNdXEd8/rXrkAq9rLoIGt3Vkn9A8xJoiaSqeSJGskuXlJNs2sFRPjWo7lptzVVEoO7VyEWofvoEn8NTUUxuZo2KyCPjo2+wB9m7ZM01zB/9feN2zXEVS0bLEHZQ1b6EE2jhNvDsBbMBWkampepJtizNpi4UPyGrEimBbhLT4L2nLnzR6+ksnIGm7iGjXv8xq14bSWJwymLjvMk/6KAAAAAElFTkSuQmCC);
    background-position: 100% 11px;
    background-repeat: no-repeat;
    background-size: auto 12px;
    padding-right: 12px;
  }
  select.form-control[multiple], select[multiple].picker__select--month,
  select[multiple].picker__select--year, select.form-control[size], select[size].picker__select--month,
  select[size].picker__select--year {
    background-image: none;
    padding-right: 0;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
  select.form-control-default,
  .form-control-default select {
    background-position: 99% 11px;
    background-position: -webkit-calc(100% - 8px) 11px;
    background-position: calc(100% - 8px) 11px;
    padding-right: 24px;
  }
  select.form-control-default[multiple], select.form-control-default[size],
  .form-control-default select[multiple],
  .form-control-default select[size] {
    padding-right: 8px;
  }
}

textarea.form-control, textarea.picker__select--month,
textarea.picker__select--year {
  height: auto;
}

.form-control-inverse {
  color: #ffffff;
}
.form-control-inverse:-ms-input-placeholder {
  color: #f5f5f5;
}
.form-control-inverse::-moz-placeholder {
  color: #f5f5f5;
  opacity: 1;
}
.form-control-inverse::-webkit-input-placeholder {
  color: #f5f5f5;
}

.form-control-static {
  border-bottom: 1px solid #9e9e9e;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 7px;
}
.form-control-static.form-control-default {
  padding-top: 7px;
}

.form-group {
  margin-top: 24px;
  margin-bottom: 24px;
}
legend + .form-group {
  margin-top: 0;
}

.form-group-btn {
  margin-bottom: 24px;
}
.form-group-btn .btn {
  margin-top: 24px;
  margin-right: 16px;
}

.form-help {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
  margin-bottom: 12px;
  position: relative;
}

.form-help-icon {
  position: absolute;
  top: 4px;
  right: 0;
}

.form-help-msg {
  padding-right: 1.28571em;
}

.form-label {
  display: block;
}
@media only screen and (min-width: 480px) {
  [class*="col-xs"] > .form-label {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  [class*="col-sm"] > .form-label {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: right;
  }
}
@media only screen and (min-width: 992px) {
  [class*="col-md"] > .form-label {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: right;
  }
}
@media only screen and (min-width: 1440px) {
  [class*="col-lg"] > .form-label {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: right;
  }
}

.form-group-alt .form-label {
  color: #4caf50;
}

.form-group-blue .form-label {
  color: #2196f3;
}

.form-group-green .form-label {
  color: #8bc34a;
}

.form-group-purple .form-label {
  color: #9c27b0;
}

.form-group-red .form-label {
  color: #f44336;
}

.form-group-yellow .form-label {
  color: #ffc107;
}

.label {
  margin-bottom: 12px;
}

.checkbox-adv, .radio-adv {
  font-size: 14px;
  line-height: 20px;
}
.checkbox-adv [class^="circle"], .radio-adv [class^="circle"] {
  display: block;
  height: 14px;
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
}
.checkbox-adv .circle, .radio-adv .circle {
  border: 2px solid #616161;
  -webkit-transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.checkbox-adv.disabled .circle, .disabled.radio-adv .circle, fieldset[disabled] .checkbox-adv .circle, fieldset[disabled] .radio-adv .circle {
  border-color: #9e9e9e !important;
}
.checkbox-adv input.access-hide:focus ~ .circle, .radio-adv input.access-hide:focus ~ .circle {
  border-color: #212121;
}
.checkbox-adv input.access-hide:checked ~ .circle, .radio-adv input.access-hide:checked ~ .circle {
  border-color: #4caf50;
}
.checkbox-adv .circle-check, .radio-adv .circle-check {
  background-color: transparent;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: background-color, -webkit-transform;
          transition-property: background-color, transform;
}
.checkbox-adv .circle-check:after, .radio-adv .circle-check:after {
  background-color: #4caf50;
  border-radius: 50%;
  content: "";
  display: block;
  height: 70px;
  opacity: 0;
  position: absolute;
  top: -28px;
  left: -28px;
  width: 70px;
}
.checkbox-adv.disabled .circle-check:after, .disabled.radio-adv .circle-check:after, fieldset[disabled] .checkbox-adv .circle-check:after, fieldset[disabled] .radio-adv .circle-check:after {
  background-color: #9e9e9e;
}
.checkbox-adv input.access-hide:checked ~ .circle-check, .radio-adv input.access-hide:checked ~ .circle-check {
  -webkit-transform: scale(0.5, 0.5);
      -ms-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
}
.checkbox-adv input.access-hide:checked ~ .circle-check:after, .radio-adv input.access-hide:checked ~ .circle-check:after {
  -webkit-animation: circle-check 0.6s;
          animation: circle-check 0.6s;
}
.checkbox-adv .circle-icon, .radio-adv .circle-icon {
  background-color: transparent;
  color: transparent;
  -webkit-transform: scale(0.5, 0.5);
      -ms-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: background-color, color, -webkit-transform;
          transition-property: background-color, color, transform;
}
.checkbox-adv .circle-icon:before, .radio-adv .circle-icon:before {
  top: auto;
}
.checkbox-adv input.access-hide:checked ~ .circle-icon, .radio-adv input.access-hide:checked ~ .circle-icon {
  background-color: #4caf50;
  color: #ffffff;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.checkbox-adv.disabled input.access-hide:checked ~ .circle-icon, .disabled.radio-adv input.access-hide:checked ~ .circle-icon, fieldset[disabled] .checkbox-adv input.access-hide:checked ~ .circle-icon, fieldset[disabled] .radio-adv input.access-hide:checked ~ .circle-icon {
  background-color: #9e9e9e;
}

.radio-adv [class^="circle"] {
  border-radius: 50%;
}
.radio-adv input.access-hide:checked ~ .circle-check {
  background-color: #4caf50;
}
.radio-adv.disabled input.access-hide:checked ~ .circle-check, fieldset[disabled] .radio-adv input.access-hide:checked ~ .circle-check {
  background-color: #9e9e9e;
}

@-webkit-keyframes circle-check {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  100% {
    opacity: 0;
  }
}

@keyframes circle-check {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  100% {
    opacity: 0;
  }
}
.picker {
  position: absolute;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.picker__box {
  background-clip: padding-box;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.5);
  outline: 0;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  z-index: 1;
}
.picker__box:after, .picker__box:before {
  content: "";
  display: table;
  line-height: 0;
}
.picker__box:after {
  clear: both;
}
@media only screen and (min-width: 992px) {
  .picker__box:before {
    background-color: #4caf50;
    border-radius: 4px 0 0 4px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 148px;
    z-index: -1;
  }
}

.picker__date-display {
  background-color: #4caf50;
  border-radius: 4px 4px 0 0;
  color: #ffffff;
  padding: 10px 16px;
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .picker__date-display {
    border-radius: 4px 0 0 0;
    float: left;
    width: 148px;
  }
}

.picker__date-display-bottom {
  font-size: 34px;
  line-height: 40px;
}

.picker__date-display-top {
  color: #c8e6c9;
  font-weight: 300;
  margin-bottom: 5px;
}

.picker__day {
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  padding: 5px 0;
  width: 30px;
}
.picker__day:focus, .picker__day:hover {
  color: #2196f3;
  cursor: pointer;
}
.picker__day.picker__day--selected {
  background-color: #4caf50;
  color: #ffffff !important;
}
.picker__day.picker__day--today {
  color: #4caf50;
}

.picker__day-display {
  margin-right: 8px;
}

.picker__day--outfocus {
  color: #eeeeee;
}

.picker__footer {
  clear: both;
  padding: 10px 8px;
}
.picker__footer button {
  margin-left: 8px;
}
.picker__footer button:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 480px) {
  .picker__footer {
    text-align: right;
  }
}

.picker__frame {
  display: inline-block;
  margin: 40px auto;
  max-width: 226px;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  vertical-align: middle;
  white-space: normal;
}
.picker--opened .picker__frame {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
@media only screen and (min-width: 480px) {
  .picker__frame {
    max-width: 261px;
  }
}
@media only screen and (min-width: 992px) {
  .picker__frame {
    max-width: 444px;
  }
}

.picker__header {
  margin: 10px 8px 5px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .picker__header {
    float: left;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    width: 296px;
  }
}

.picker__holder {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0s linear 0.3s;
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0s linear 0.3s;
  white-space: nowrap;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.picker__holder:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 1px;
}
.picker--opened .picker__holder {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0s linear 0s;
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0s linear 0s;
}

.picker__input {
  background-color: transparent !important;
  border-bottom-style: solid !important;
  color: #212121 !important;
  cursor: text !important;
}
.picker__input.picker__input--active {
  border-color: #2196f3;
  border-bottom-width: 2px;
}
.picker__input.picker__input--active.form-control-default {
  border-bottom-width: 1px;
}

.picker__month,
.picker__year {
  display: inline;
  margin-left: 16px;
}
.picker__month:first-child,
.picker__year:first-child {
  margin-left: 0;
}

.picker__nav--next,
.picker__nav--prev {
  cursor: pointer;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  text-align: center;
  width: 30px;
}
.picker__nav--next:focus, .picker__nav--next:hover,
.picker__nav--prev:focus,
.picker__nav--prev:hover {
  color: #2196f3;
}
@media only screen and (min-width: 480px) {
  .picker__nav--next,
  .picker__nav--prev {
    width: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .picker__nav--next,
  .picker__nav--prev {
    width: 40px;
  }
}

.picker__nav--next {
  right: 0;
}
.picker__nav--next:before {
  content: "keyboard_arrow_right";
}
@media only screen and (min-width: 992px) {
  .picker__nav--next {
    right: 8px;
  }
}

.picker__nav--prev {
  left: 0;
}
.picker__nav--prev:before {
  content: "keyboard_arrow_left";
}
@media only screen and (min-width: 992px) {
  .picker__nav--prev {
    left: 8px;
  }
}

.picker__select--month,
.picker__select--year {
  border-bottom: 0;
  display: inline-block;
  height: 20px;
  margin-left: 16px;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
}
.picker__select--month:first-child,
.picker__select--year:first-child {
  margin-left: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
  select.picker__select--month,
  select.picker__select--year {
    background-position: 100% 50%;
  }
}
.picker__table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 8px;
  table-layout: fixed;
}
@media only screen and (min-width: 992px) {
  .picker__table {
    float: left;
    margin: 0;
  }
}

.picker__table td,
.picker__table th {
  border: 0;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
@media only screen and (min-width: 480px) {
  .picker__table td,
  .picker__table th {
    width: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .picker__table td,
  .picker__table th {
    width: 40px;
  }
  .picker__table td:first-child,
  .picker__table th:first-child {
    padding-left: 8px;
    width: 48px;
  }
  .picker__table td:last-child,
  .picker__table th:last-child {
    padding-right: 8px;
    width: 48px;
  }
}

.picker__weekday {
  color: #9e9e9e;
  font-weight: 300;
}

.picker__weekday-display {
  margin-right: 8px;
}
.picker__weekday-display:after {
  content: ",";
}
@media only screen and (min-width: 992px) {
  .picker__weekday-display {
    display: block;
  }
}

.floating-label {
  color: #9e9e9e;
  cursor: text;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 11px;
  left: 0;
  -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.form-group-label [class*="col-"] .floating-label {
  left: 16px;
}
.form-group-label.control-focus .floating-label, .form-group-label.control-highlight .floating-label {
  color: #616161;
  font-size: 12px;
  top: -16px;
}
.form-group-label.control-focus .floating-label {
  color: #2196f3;
}

.form-group-label {
  margin-top: 36px;
  margin-bottom: 36px;
  position: relative;
}
.form-group-label .form-control, .form-group-label .picker__select--month,
.form-group-label .picker__select--year {
  position: relative;
  z-index: 1;
}
.form-group-label .form-control:-ms-input-placeholder, .form-group-label .picker__select--month:-ms-input-placeholder,
.form-group-label .picker__select--year:-ms-input-placeholder {
  color: transparent;
}
.form-group-label .form-control::-moz-placeholder, .form-group-label .picker__select--month::-moz-placeholder,
.form-group-label .picker__select--year::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.form-group-label .form-control::-webkit-input-placeholder, .form-group-label .picker__select--month::-webkit-input-placeholder,
.form-group-label .picker__select--year::-webkit-input-placeholder {
  color: transparent;
}
legend + .form-group-label {
  margin-top: 12px;
}

.form-group-label.form-group-alt .floating-label {
  color: #4caf50;
}

.form-group-label.form-group-blue .floating-label {
  color: #2196f3;
}

.form-group-label.form-group-green .floating-label {
  color: #8bc34a;
}

.form-group-label.form-group-purple .floating-label {
  color: #9c27b0;
}

.form-group-label.form-group-red .floating-label {
  color: #f44336;
}

.form-group-label.form-group-yellow .floating-label {
  color: #ffc107;
}

.form-icon-label {
  cursor: pointer;
  display: block;
  font-size: 20px;
  line-height: 28px;
  padding: 4px 0;
  -webkit-transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
          transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.form-group-icon.control-focus .form-icon-label {
  color: #2196f3;
}

.form-group-icon.form-group-alt .form-icon-label {
  color: #4caf50;
}

.form-group-icon.form-group-blue .form-icon-label {
  color: #2196f3;
}

.form-group-icon.form-group-green .form-icon-label {
  color: #8bc34a;
}

.form-group-icon.form-group-purple .form-icon-label {
  color: #9c27b0;
}

.form-group-icon.form-group-red .form-icon-label {
  color: #f44336;
}

.form-group-icon.form-group-yellow .form-icon-label {
  color: #ffc107;
}

.switch {
  position: relative;
}
.switch.checkbox label, .switch.radio label {
  padding-left: 40.5px;
}

.switch-toggle {
  background-color: #9e9e9e;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  margin-right: 8px;
  position: relative;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  width: 32.5px;
}
.switch-toggle:after {
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  top: -4px;
  left: 0;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 20px;
}
input[type="checkbox"]:checked + .switch-toggle, input[type="radio"]:checked + .switch-toggle {
  background-color: #6ab8f7;
}
input[type="checkbox"]:checked + .switch-toggle:after, input[type="radio"]:checked + .switch-toggle:after {
  background-color: #2196f3;
  left: 12.5px;
}
.checkbox.switch .switch-toggle, .radio.switch .switch-toggle {
  position: absolute;
  top: 4px;
  left: 0;
}
.no-touch .switch-toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(0, 0, 0, 0.1);
}
.no-touch input[type="checkbox"]:checked + .switch-toggle:active:after, .no-touch input[type="radio"]:checked + .switch-toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(33, 150, 243, 0.25);
}
.touch .switch-toggle {
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.touch .switch-toggle:after {
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s, box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s, box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
.touch .switch-toggle.switch-toggle-on:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(33, 150, 243, 0.25);
}
.touch input[type="checkbox"]:checked + .switch-toggle.switch-toggle-on:after, .touch input[type="radio"]:checked + .switch-toggle.switch-toggle-on:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(0, 0, 0, 0.1);
}

input[type="checkbox"]:checked + .switch-toggle-alt, input[type="radio"]:checked + .switch-toggle-alt {
  background-color: #81c784;
}
input[type="checkbox"]:checked + .switch-toggle-alt:after, input[type="radio"]:checked + .switch-toggle-alt:after {
  background-color: #4caf50;
}
.no-touch input[type="checkbox"]:checked + .switch-toggle-alt:active:after, .no-touch input[type="radio"]:checked + .switch-toggle-alt:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(76, 175, 80, 0.25);
}
.touch .switch-toggle-alt.switch-toggle-on:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(76, 175, 80, 0.25);
}

input[type="checkbox"]:checked + .switch-toggle-blue, input[type="radio"]:checked + .switch-toggle-blue {
  background-color: #64b5f6;
}
input[type="checkbox"]:checked + .switch-toggle-blue:after, input[type="radio"]:checked + .switch-toggle-blue:after {
  background-color: #2196f3;
}
.no-touch input[type="checkbox"]:checked + .switch-toggle-blue:active:after, .no-touch input[type="radio"]:checked + .switch-toggle-blue:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(33, 150, 243, 0.25);
}
.touch .switch-toggle-blue.switch-toggle-on:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(33, 150, 243, 0.25);
}

input[type="checkbox"]:checked + .switch-toggle-green, input[type="radio"]:checked + .switch-toggle-green {
  background-color: #aed581;
}
input[type="checkbox"]:checked + .switch-toggle-green:after, input[type="radio"]:checked + .switch-toggle-green:after {
  background-color: #8bc34a;
}
.no-touch input[type="checkbox"]:checked + .switch-toggle-green:active:after, .no-touch input[type="radio"]:checked + .switch-toggle-green:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(139, 195, 74, 0.25);
}
.touch .switch-toggle-green.switch-toggle-on:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(139, 195, 74, 0.25);
}

input[type="checkbox"]:checked + .switch-toggle-purple, input[type="radio"]:checked + .switch-toggle-purple {
  background-color: #ba68c8;
}
input[type="checkbox"]:checked + .switch-toggle-purple:after, input[type="radio"]:checked + .switch-toggle-purple:after {
  background-color: #9c27b0;
}
.no-touch input[type="checkbox"]:checked + .switch-toggle-purple:active:after, .no-touch input[type="radio"]:checked + .switch-toggle-purple:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(156, 39, 176, 0.25);
}
.touch .switch-toggle-purple.switch-toggle-on:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(156, 39, 176, 0.25);
}

input[type="checkbox"]:checked + .switch-toggle-red, input[type="radio"]:checked + .switch-toggle-red {
  background-color: #e57373;
}
input[type="checkbox"]:checked + .switch-toggle-red:after, input[type="radio"]:checked + .switch-toggle-red:after {
  background-color: #f44336;
}
.no-touch input[type="checkbox"]:checked + .switch-toggle-red:active:after, .no-touch input[type="radio"]:checked + .switch-toggle-red:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(244, 67, 54, 0.25);
}
.touch .switch-toggle-red.switch-toggle-on:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(244, 67, 54, 0.25);
}

input[type="checkbox"]:checked + .switch-toggle-yellow, input[type="radio"]:checked + .switch-toggle-yellow {
  background-color: #ffd54f;
}
input[type="checkbox"]:checked + .switch-toggle-yellow:after, input[type="radio"]:checked + .switch-toggle-yellow:after {
  background-color: #ffc107;
}
.no-touch input[type="checkbox"]:checked + .switch-toggle-yellow:active:after, .no-touch input[type="radio"]:checked + .switch-toggle-yellow:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(255, 193, 7, 0.25);
}
.touch .switch-toggle-yellow.switch-toggle-on:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25), 0 0 0 12.5px rgba(255, 193, 7, 0.25);
}

.textarea-autosize {
  min-height: 36px;
  overflow-x: hidden;
}

.label {
  background-color: #616161;
  border-radius: 2px;
  color: #ffffff;
  display: inline;
  font-size: 75%;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 0.2em 0.6em;
  vertical-align: baseline;
  white-space: nowrap;
}

.label-alt {
  background-color: #4caf50;
}

.label-blue {
  background-color: #2196f3;
}

.label-green {
  background-color: #8bc34a;
}

.label-purple {
  background-color: #9c27b0;
}

.label-red {
  background-color: #f44336;
}

.label-yellow {
  background-color: #ffc107;
}

.modal {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  overflow: hidden;
  outline: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-backdrop {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #000000;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 39;
}
.modal-backdrop.fade.in {
  opacity: 0.5;
}

.modal-close {
  color: #616161;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 20px;
  line-height: 28px;
  margin-right: -8px;
  padding-right: 8px;
  padding-left: 8px;
}
.modal-close:focus, .modal-close:hover {
  color: #2196f3;
  text-decoration: none;
}

.modal-content {
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.5);
  outline: 0;
  position: relative;
}

.modal-dialog {
  margin: 48px 16px;
  position: relative;
}
.modal-dialog.modal-full {
  height: 100%;
  height: -webkit-calc(100% - 96px);
  height: calc(100% - 96px);
}
.modal-dialog.modal-full .modal-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.modal.fade .modal-dialog {
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
}
.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
@media only screen and (min-width: 480px) {
  .modal-dialog.modal-xs {
    margin-right: auto;
    margin-left: auto;
    width: 448px;
  }
}
@media only screen and (min-width: 992px) {
  .modal-dialog {
    margin-right: auto;
    margin-left: auto;
    width: 960px;
  }
}
@media only screen and (min-width: 1440px) {
  .modal-dialog {
    width: 1408px;
  }
}

.modal-footer {
  padding-right: 32px;
  padding-left: 32px;
}
.modal-footer .btn + .btn {
  margin-right: 16px;
}
.modal-footer .text-right .btn + .btn {
  margin-right: auto;
  margin-left: 16px;
}

.modal-heading {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-right: 32px;
  padding-left: 32px;
  position: relative;
}

.modal-inner {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-right: 32px;
  padding-left: 32px;
}

.modal-open {
  overflow: hidden;
}

.modal-title {
  font-size: 20px;
  line-height: 28px;
  margin-top: 0;
  margin-right: 28px;
  margin-bottom: 24px;
}

.nav {
  list-style: none;
  margin: 24px 0;
  padding: 0;
  position: relative;
}
.nav:after, .nav:before {
  content: "";
  display: table;
  line-height: 0;
}
.nav:after {
  clear: both;
}
.nav a,
.nav .a {
  display: block;
  padding: 14px 16px;
  position: relative;
}
.nav a:focus, .nav a:hover,
.nav .a:focus,
.nav .a:hover {
  text-decoration: none;
}
.nav li {
  display: block;
  position: relative;
}
.nav ul {
  margin: 0;
  padding: 0;
}

.nav-justified {
  width: 100%;
}
.nav-justified > li {
  display: table-cell !important;
  float: none !important;
  width: 1% !important;
}
.nav-justified > li > a {
  text-align: center;
}

.nav-list > li {
  float: left;
}

.progress {
  background-color: #b2dbfb;
  height: 4px;
  margin-top: 24px;
  margin-bottom: 24px;
  overflow: hidden;
  position: relative;
}

.progress-bar {
  background-color: #2196f3;
  border-radius: 0 1px 1px 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.progress-alt {
  background-color: #c8e6c9;
}
.progress-alt .progress-bar {
  background-color: #4caf50;
}

.progress-blue {
  background-color: #bbdefb;
}
.progress-blue .progress-bar {
  background-color: #2196f3;
}

.progress-green {
  background-color: #dcedc8;
}
.progress-green .progress-bar {
  background-color: #8bc34a;
}

.progress-purple {
  background-color: #e1bee7;
}
.progress-purple .progress-bar {
  background-color: #9c27b0;
}

.progress-red {
  background-color: #ffcdd2;
}
.progress-red .progress-bar {
  background-color: #f44336;
}

.progress-yellow {
  background-color: #ffecb3;
}
.progress-yellow .progress-bar {
  background-color: #ffc107;
}

.progress-bar-indeterminate {
  background-color: #2196f3;
}
.progress-bar-indeterminate:after, .progress-bar-indeterminate:before {
  background-color: inherit;
  border-radius: 1px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  will-change: left, right;
}
.progress-bar-indeterminate:after {
  -webkit-animation: pbar-indeterminate-one 3s cubic-bezier(0.6, 0.8, 0.6, 0.4) infinite;
          animation: pbar-indeterminate-one 3s cubic-bezier(0.6, 0.8, 0.6, 0.4) infinite;
}
.progress-bar-indeterminate:before {
  -webkit-animation: pbar-indeterminate-two 3s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
          animation: pbar-indeterminate-two 3s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

@-webkit-keyframes pbar-indeterminate-one {
  0% {
    right: 100%;
    left: -35%;
  }
  60% {
    right: -90%;
    left: 100%;
  }
  100% {
    right: -90%;
    left: 100%;
  }
}

@keyframes pbar-indeterminate-one {
  0% {
    right: 100%;
    left: -35%;
  }
  60% {
    right: -90%;
    left: 100%;
  }
  100% {
    right: -90%;
    left: 100%;
  }
}
@-webkit-keyframes pbar-indeterminate-two {
  0% {
    right: 100%;
    left: -150%;
  }
  60% {
    right: -35%;
    left: 135%;
  }
  100% {
    right: -35%;
    left: 135%;
  }
}
@keyframes pbar-indeterminate-two {
  0% {
    right: 100%;
    left: -150%;
  }
  60% {
    right: -35%;
    left: 135%;
  }
  100% {
    right: -35%;
    left: 135%;
  }
}
.progress-position-absolute-bottom,
.progress-position-absolute-top,
.progress-position-fixed-bottom,
.progress-position-fixed-top {
  margin: 0;
  left: 0;
  width: 100%;
}

.progress-position-absolute-bottom,
.progress-position-absolute-top {
  position: absolute;
}

.progress-position-absolute-bottom,
.progress-position-fixed-bottom {
  bottom: 0;
}

.progress-position-absolute-top,
.progress-position-fixed-top {
  top: 0;
}

.progress-position-fixed-top,
.progress-position-fixed-bottom {
  position: fixed;
}

.progress-circular {
  height: 40px;
  margin-top: 24px;
  margin-bottom: 24px;
  overflow: hidden;
  position: relative;
  width: 40px;
}

.progress-circular-center {
  margin-right: auto;
  margin-left: auto;
}

.progress-circular-gap {
  border-top: 2px solid #2196f3;
  position: absolute;
  top: 0;
  right: 19px;
  bottom: 0;
  left: 19px;
}

.progress-circular-alt .progress-circular-gap {
  border-top-color: #4caf50;
}

.progress-circular-blue .progress-circular-gap {
  border-top-color: #2196f3;
}

.progress-circular-green .progress-circular-gap {
  border-top-color: #8bc34a;
}

.progress-circular-purple .progress-circular-gap {
  border-top-color: #9c27b0;
}

.progress-circular-red .progress-circular-gap {
  border-top-color: #f44336;
}

.progress-circular-yellow .progress-circular-gap {
  border-top-color: #ffc107;
}

.progress-circular-inline {
  display: inline-block;
  margin-right: 16px;
  margin-left: 16px;
}

.progress-circular-inner {
  -webkit-animation: pcircular-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
          animation: pcircular-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  height: 40px;
  position: relative;
  width: 40px;
  will-change: transform;
}

.progress-circular-left,
.progress-circular-right {
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 20px;
}

.progress-circular-left {
  left: 0;
}

.progress-circular-right {
  right: 0;
}

.progress-circular-spinner {
  border: 4px solid #2196f3;
  border-bottom-color: transparent;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  top: 0;
  width: 40px;
  will-change: transform;
}
.progress-circular-left .progress-circular-spinner {
  -webkit-animation: pcircular-spinner-left 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
          animation: pcircular-spinner-left 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  border-right-color: transparent;
  left: 0;
}
.progress-circular-right .progress-circular-spinner {
  -webkit-animation: pcircular-spinner-right 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
          animation: pcircular-spinner-right 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  border-left-color: transparent;
  right: 0;
}

.progress-circular-alt .progress-circular-spinner {
  border-top-color: #4caf50;
}
.progress-circular-alt .progress-circular-left .progress-circular-spinner {
  border-left-color: #4caf50;
}
.progress-circular-alt .progress-circular-right .progress-circular-spinner {
  border-right-color: #4caf50;
}

.progress-circular-blue .progress-circular-spinner {
  border-top-color: #2196f3;
}
.progress-circular-blue .progress-circular-left .progress-circular-spinner {
  border-left-color: #2196f3;
}
.progress-circular-blue .progress-circular-right .progress-circular-spinner {
  border-right-color: #2196f3;
}

.progress-circular-green .progress-circular-spinner {
  border-top-color: #8bc34a;
}
.progress-circular-green .progress-circular-left .progress-circular-spinner {
  border-left-color: #8bc34a;
}
.progress-circular-green .progress-circular-right .progress-circular-spinner {
  border-right-color: #8bc34a;
}

.progress-circular-purple .progress-circular-spinner {
  border-top-color: #9c27b0;
}
.progress-circular-purple .progress-circular-left .progress-circular-spinner {
  border-left-color: #9c27b0;
}
.progress-circular-purple .progress-circular-right .progress-circular-spinner {
  border-right-color: #9c27b0;
}

.progress-circular-red .progress-circular-spinner {
  border-top-color: #f44336;
}
.progress-circular-red .progress-circular-left .progress-circular-spinner {
  border-left-color: #f44336;
}
.progress-circular-red .progress-circular-right .progress-circular-spinner {
  border-right-color: #f44336;
}

.progress-circular-yellow .progress-circular-spinner {
  border-top-color: #ffc107;
}
.progress-circular-yellow .progress-circular-left .progress-circular-spinner {
  border-left-color: #ffc107;
}
.progress-circular-yellow .progress-circular-right .progress-circular-spinner {
  border-right-color: #ffc107;
}

.progress-circular-wrapper {
  -webkit-animation: pcircular-wrapper-rotate 2.91667s linear infinite;
          animation: pcircular-wrapper-rotate 2.91667s linear infinite;
  will-change: transform;
}

@-webkit-keyframes pcircular-inner-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
}

@keyframes pcircular-inner-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
}
@-webkit-keyframes pcircular-spinner-left {
  0%,
		100% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@keyframes pcircular-spinner-left {
  0%,
		100% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@-webkit-keyframes pcircular-spinner-right {
  0%,
		100% {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@keyframes pcircular-spinner-right {
  0%,
		100% {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@-webkit-keyframes pcircular-wrapper-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes pcircular-wrapper-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.load-bar {
  float: right;
  height: 100%;
  overflow: hidden;
  width: 50%;
}
.load-bar:first-child {
  float: left;
}

.load-bar-base {
  -webkit-animation: load-bar-right-in 1s cubic-bezier(0.4, 0, 0.2, 1) 1 forwards;
          animation: load-bar-right-in 1s cubic-bezier(0.4, 0, 0.2, 1) 1 forwards;
  background-color: #2196f3;
  float: left;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  width: 100%;
  will-change: transform;
}
.load-bar:first-child .load-bar-base {
  -webkit-animation: load-bar-left-in 1s cubic-bezier(0.4, 0, 0.2, 1) 1 forwards;
          animation: load-bar-left-in 1s cubic-bezier(0.4, 0, 0.2, 1) 1 forwards;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
}

@-webkit-keyframes load-bar-left-in {
  0% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes load-bar-left-in {
  0% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes load-bar-right-in {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes load-bar-right-in {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.load-bar-content {
  -webkit-animation: load-bar-right 4s linear infinite forwards;
          animation: load-bar-right 4s linear infinite forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  float: left;
  height: 100%;
  position: relative;
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  width: 400%;
  will-change: transform;
}
.load-bar:first-child .load-bar-content {
  -webkit-animation: load-bar-left 4s linear infinite forwards;
          animation: load-bar-left 4s linear infinite forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes load-bar-left {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}

@keyframes load-bar-left {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}
@-webkit-keyframes load-bar-right {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes load-bar-right {
  0% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.load-bar-progress {
  background-color: transparent;
  float: left;
  height: 100%;
  width: 25%;
}

.load-bar-progress-alt {
  background-color: #4caf50;
}

.load-bar-progress-blue {
  background-color: #2196f3;
}

.load-bar-progress-green {
  background-color: #8bc34a;
}

.load-bar-progress-purple {
  background-color: #9c27b0;
}

.load-bar-progress-red {
  background-color: #f44336;
}

.load-bar-progress-yellow {
  background-color: #ffc107;
}

.tab-nav {
  box-shadow: 0 1px 0 #e0e0e0;
  margin-top: 24px;
  margin-bottom: 24px;
  position: relative;
}
.tab-nav .nav {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.tab-nav .nav > li {
  vertical-align: bottom;
}
.tab-nav .nav > li > a,
.tab-nav .nav > li > .a {
  border-bottom: 2px solid transparent;
  color: #212121;
  padding-bottom: 12px;
  text-transform: uppercase;
  -webkit-transition: border-bottom-color 0s;
          transition: border-bottom-color 0s;
}
.tab-nav .nav > li > a:focus, .tab-nav .nav > li > a:hover,
.tab-nav .nav > li > .a:focus,
.tab-nav .nav > li > .a:hover {
  border-bottom-color: #b2dbfb;
  color: #2196f3;
  -webkit-transition: border-bottom-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: border-bottom-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tab-nav .nav > li.active > a, .tab-nav .nav > li.active > .a {
  border-bottom-color: #2196f3;
  color: #2196f3;
  -webkit-transition: border-bottom-color 0s 0.45s;
          transition: border-bottom-color 0s 0.45s;
}

.tab-nav-indicator {
  background-color: #2196f3;
  height: 2px;
  position: absolute;
  bottom: 0;
  -webkit-transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tab-nav-indicator.reverse {
  -webkit-transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
          transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}

.tab-nav-offwhite .nav > li > a,
.tab-nav-offwhite .nav > li > .a {
  color: #ffffff;
}
.tab-nav-offwhite .nav > li > a:focus, .tab-nav-offwhite .nav > li > a:hover,
.tab-nav-offwhite .nav > li > .a:focus,
.tab-nav-offwhite .nav > li > .a:hover {
  border-bottom-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.tab-nav-offwhite .nav > li.active > a, .tab-nav-offwhite .nav > li.active > .a {
  border-bottom-color: #ffffff;
  color: #ffffff;
}
.tab-nav-offwhite .tab-nav-indicator {
  background-color: #ffffff;
}

.tab-nav-alt .nav > li > a:focus, .tab-nav-alt .nav > li > a:hover,
.tab-nav-alt .nav > li > .a:focus,
.tab-nav-alt .nav > li > .a:hover {
  border-bottom-color: #c8e6c9;
  color: #4caf50;
}
.tab-nav-alt .nav > li.active > a, .tab-nav-alt .nav > li.active > .a {
  border-bottom-color: #4caf50;
  color: #4caf50;
}
.tab-nav-alt .tab-nav-indicator {
  background-color: #4caf50;
}

.tab-nav-blue .nav > li > a:focus, .tab-nav-blue .nav > li > a:hover,
.tab-nav-blue .nav > li > .a:focus,
.tab-nav-blue .nav > li > .a:hover {
  border-bottom-color: #bbdefb;
  color: #2196f3;
}
.tab-nav-blue .nav > li.active > a, .tab-nav-blue .nav > li.active > .a {
  border-bottom-color: #2196f3;
  color: #2196f3;
}
.tab-nav-blue .tab-nav-indicator {
  background-color: #2196f3;
}

.tab-nav-green .nav > li > a:focus, .tab-nav-green .nav > li > a:hover,
.tab-nav-green .nav > li > .a:focus,
.tab-nav-green .nav > li > .a:hover {
  border-bottom-color: #dcedc8;
  color: #8bc34a;
}
.tab-nav-green .nav > li.active > a, .tab-nav-green .nav > li.active > .a {
  border-bottom-color: #8bc34a;
  color: #8bc34a;
}
.tab-nav-green .tab-nav-indicator {
  background-color: #8bc34a;
}

.tab-nav-purple .nav > li > a:focus, .tab-nav-purple .nav > li > a:hover,
.tab-nav-purple .nav > li > .a:focus,
.tab-nav-purple .nav > li > .a:hover {
  border-bottom-color: #e1bee7;
  color: #9c27b0;
}
.tab-nav-purple .nav > li.active > a, .tab-nav-purple .nav > li.active > .a {
  border-bottom-color: #9c27b0;
  color: #9c27b0;
}
.tab-nav-purple .tab-nav-indicator {
  background-color: #9c27b0;
}

.tab-nav-red .nav > li > a:focus, .tab-nav-red .nav > li > a:hover,
.tab-nav-red .nav > li > .a:focus,
.tab-nav-red .nav > li > .a:hover {
  border-bottom-color: #ffcdd2;
  color: #f44336;
}
.tab-nav-red .nav > li.active > a, .tab-nav-red .nav > li.active > .a {
  border-bottom-color: #f44336;
  color: #f44336;
}
.tab-nav-red .tab-nav-indicator {
  background-color: #f44336;
}

.tab-nav-yellow .nav > li > a:focus, .tab-nav-yellow .nav > li > a:hover,
.tab-nav-yellow .nav > li > .a:focus,
.tab-nav-yellow .nav > li > .a:hover {
  border-bottom-color: #ffecb3;
  color: #ffc107;
}
.tab-nav-yellow .nav > li.active > a, .tab-nav-yellow .nav > li.active > .a {
  border-bottom-color: #ffc107;
  color: #ffc107;
}
.tab-nav-yellow .tab-nav-indicator {
  background-color: #ffc107;
}

.tab-pane {
  display: none;
  visibility: hidden;
}
.tab-pane.active {
  display: block;
  visibility: visible;
}

.table {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  margin-top: 24px;
  margin-bottom: 24px;
  width: 100%;
}
.card-table > .table {
  border: 0;
  margin-right: -15px;
  margin-left: -15px;
}
.card-table > .table:first-child {
  margin-top: 0;
}
.card-table > .table:last-child {
  margin-bottom: 0;
}
.table > tbody > tr:hover {
  background-color: #eeeeee;
}
.card-table > .table > tbody:first-child > tr:first-child td,
.card-table > .table > tbody:first-child > tr:first-child th, .card-table > .table-responsive > .table > tbody:first-child > tr:first-child td,
.card-table > .table-responsive > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}
.table td,
.table th {
  border-top: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 20px;
  padding: 13px 16px 14px;
  vertical-align: top;
}
.table td.nowrap,
.table th.nowrap {
  white-space: nowrap;
  width: 1%;
}
.table > thead td,
.table > thead th {
  color: #9e9e9e;
  font-size: 12px;
  vertical-align: bottom;
}
.card-table > .table > thead:first-child > tr:first-child td,
.card-table > .table > thead:first-child > tr:first-child th, .card-table > .table-responsive > .table > thead:first-child > tr:first-child td,
.card-table > .table-responsive > .table > thead:first-child > tr:first-child th {
  border-top: 0;
}

.table-responsive {
  margin-top: 24px;
  margin-bottom: 24px;
  min-height: 0.01%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.card-table > .table-responsive {
  margin-right: -15px;
  margin-left: -15px;
}
.card-table > .table-responsive:first-child {
  margin-top: 0;
}
.card-table > .table-responsive:last-child {
  margin-bottom: 0;
}
.card-table > .table-responsive > .table {
  border: 0;
}
.table-responsive > .table {
  margin: 0;
}

.tile {
  background-color: #ffffff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.15);
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  position: relative;
}
.tile[href] {
  color: #212121;
}
.tile[href]:focus, .tile[href]:hover {
  color: #2196f3;
  text-decoration: none;
}
.tile.active {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.tile-wrap-animation .tile {
  opacity: 0;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
}
.tile-wrap-animation.isinview .tile {
  opacity: 1;
  -webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
}
.no-boxshadow .tile {
  border: 1px solid #e0e0e0;
}
.no-boxshadow .tile + .tile {
  margin-top: -1px;
}
.no-flexbox .tile:after, .no-flexbox .tile:before {
  content: "";
  display: table;
  line-height: 0;
}
.no-flexbox .tile:after {
  clear: both;
}

.tile-offwhite {
  background-color: #f5f5f5;
}

.tile-alt {
  background-color: #4caf50;
  color: #ffffff;
}
.tile-alt a {
  color: #c8e6c9;
}

.tile-blue {
  background-color: #2196f3;
  color: #ffffff;
}
.tile-blue a {
  color: #bbdefb;
}

.tile-green {
  background-color: #8bc34a;
  color: #ffffff;
}
.tile-green a {
  color: #dcedc8;
}

.tile-purple {
  background-color: #9c27b0;
  color: #ffffff;
}
.tile-purple a {
  color: #e1bee7;
}

.tile-red {
  background-color: #f44336;
  color: #ffffff;
}
.tile-red a {
  color: #ffcdd2;
}

.tile-yellow {
  background-color: #ffc107;
  color: #ffffff;
}
.tile-yellow a {
  color: #ffecb3;
}

.tile-action {
  border-top: 0;
  float: right;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-touch .tile-action, .touch .tile-collapse .tile-action {
  display: none;
}
.no-touch .tile:hover .tile-action, .tile-collapse.active .tile-action {
  display: block;
}

.tile-action-show {
  display: block !important;
}

.tile-active-show {
  -webkit-transition: height 0.15s linear;
          transition: height 0.15s linear;
}

.tile-collapse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: margin 0.15s linear;
          transition: margin 0.15s linear;
}
.tile-collapse.active {
  margin-right: -15px;
  margin-left: -15px;
}
.tile-wrap-animation .tile-collapse {
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s linear;
          transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s linear;
  -webkit-transition-property: margin, opacity, -webkit-transform;
          transition-property: margin, opacity, transform;
}

@media only screen and (min-width: 1056px) and (max-width: 1439px) {
  .tile-collapse-full.active {
    margin-right: -63px;
    margin-left: -63px;
  }
}
@media only screen and (min-width: 1504px) {
  .tile-collapse-full.active {
    margin-right: -63px;
    margin-left: -63px;
  }
}

.tile-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e0;
  position: relative;
}
.tile-footer:after, .tile-footer:before {
  content: "";
  display: table;
  line-height: 0;
}
.tile-footer:after {
  clear: both;
}
.tile-footer:first-child {
  border-top: 0;
}
.tile-footer .nav {
  margin-top: 0;
  margin-bottom: 0;
}

.tile-offwhite .tile-footer {
  background-color: #eeeeee;
}

.tile-alt .tile-footer {
  background-color: #388e3c;
  border-top-color: #388e3c;
}
.tile-alt .tile-footer .nav > li > a,
.tile-alt .tile-footer .nav > li > .a {
  color: #ffffff;
}

.tile-blue .tile-footer {
  background-color: #1976d2;
  border-top-color: #1976d2;
}
.tile-blue .tile-footer .nav > li > a,
.tile-blue .tile-footer .nav > li > .a {
  color: #ffffff;
}

.tile-green .tile-footer {
  background-color: #689f38;
  border-top-color: #689f38;
}
.tile-green .tile-footer .nav > li > a,
.tile-green .tile-footer .nav > li > .a {
  color: #ffffff;
}

.tile-purple .tile-footer {
  background-color: #7b1fa2;
  border-top-color: #7b1fa2;
}
.tile-purple .tile-footer .nav > li > a,
.tile-purple .tile-footer .nav > li > .a {
  color: #ffffff;
}

.tile-red .tile-footer {
  background-color: #d32f2f;
  border-top-color: #d32f2f;
}
.tile-red .tile-footer .nav > li > a,
.tile-red .tile-footer .nav > li > .a {
  color: #ffffff;
}

.tile-yellow .tile-footer {
  background-color: #ffa000;
  border-top-color: #ffa000;
}
.tile-yellow .tile-footer .nav > li > a,
.tile-yellow .tile-footer .nav > li > .a {
  color: #ffffff;
}

.tile-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 14px 16px;
  position: relative;
}
.no-flexbox .tile-action ~ .tile-inner, .no-flexbox .tile-side ~ .tile-inner {
  overflow: hidden;
}

.tile-side {
  padding-top: 14px;
  padding-bottom: 14px;
}

.tile-sub {
  border-top: 1px solid #e0e0e0;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
}
.tile-sub:after, .tile-sub:before {
  content: "";
  display: table;
  line-height: 0;
}
.tile-sub:after {
  clear: both;
}

.tile-alt .tile-sub {
  border-top-color: #388e3c;
}

.tile-blue .tile-sub {
  border-top-color: #1976d2;
}

.tile-green .tile-sub {
  border-top-color: #689f38;
}

.tile-purple .tile-sub {
  border-top-color: #7b1fa2;
}

.tile-red .tile-sub {
  border-top-color: #d32f2f;
}

.tile-yellow .tile-sub {
  border-top-color: #ffa000;
}

.tile-wrap {
  margin-top: 24px;
  margin-bottom: 24px;
  position: relative;
}

[data-toggle="tile"] {
  cursor: pointer;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
[data-toggle="tile"] [data-ignore="tile"] {
  cursor: default;
  cursor: initial;
}
.no-flexbox [data-toggle="tile"]:after, .no-flexbox [data-toggle="tile"]:before {
  content: "";
  display: table;
  line-height: 0;
}
.no-flexbox [data-toggle="tile"]:after {
  clear: both;
}

.toast {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 21;
}
.toast a {
  color: #b2dbfb;
  cursor: pointer;
}
.toast a:focus, .toast a:hover {
  color: #6ab8f7;
  text-decoration: none;
}
.toast .tooltip {
  position: static !important;
}
@media only screen and (min-width: 768px) {
  .toast {
    margin-right: 72px;
    right: auto;
    bottom: 24px;
    left: 16px !important;
  }
}

.toast-inner {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #212121;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 12px 16px;
  -webkit-transform: translate(0, 200%);
      -ms-transform: translate(0, 200%);
          transform: translate(0, 200%);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
}
.toast-inner:after, .toast-inner:before {
  content: "";
  display: table;
  line-height: 0;
}
.toast-inner:after {
  clear: both;
}
.toast-show .toast-inner {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media only screen and (min-width: 768px) {
  .toast-inner {
    border-radius: 2px;
    float: left;
  }
}
.no-csstransforms3d .toast-inner {
  opacity: 0;
}
.no-csstransforms3d .toast-show .toast-inner {
  opacity: 1;
}

.toast-text {
  overflow: hidden;
}

[data-dismiss="toast"] {
  cursor: pointer;
  float: right;
  font-weight: 500;
  margin-left: 16px;
  text-transform: uppercase;
}

.header ~ .content {
  padding-top: 56px;
}

.content-fix-scroll {
  margin-right: -15px;
  margin-left: -15px;
  overflow: hidden;
  padding-right: 15px;
  padding-left: 15px;
}
.content-fix.fixed .content-fix-scroll {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: fixed;
  top: 40px;
  bottom: 0;
}

.content-fix.fixed .content-fix-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 32px;
  padding-left: 32px;
  position: absolute;
  top: 0;
  right: -16px;
  bottom: 0;
  left: -16px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

.content-heading {
  background-color: #4caf50;
  color: #ffffff;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.content-heading .heading {
  font-weight: 300;
}

.page-alt .content-heading {
  background-color: #4caf50;
}

.page-blue .content-heading {
  background-color: #2196f3;
}

.page-green .content-heading {
  background-color: #8bc34a;
}

.page-purple .content-heading {
  background-color: #9c27b0;
}

.page-red .content-heading {
  background-color: #f44336;
}

.page-yellow .content-heading {
  background-color: #ffc107;
}

.content-inner {
  margin-top: 48px;
  margin-bottom: 48px;
}

.content-sub-heading {
  color: #4caf50;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.page-alt .content-sub-heading {
  color: #4caf50;
}

.page-blue .content-sub-heading {
  color: #2196f3;
}

.page-green .content-sub-heading {
  color: #8bc34a;
}

.page-purple .content-sub-heading {
  color: #9c27b0;
}

.page-red .content-sub-heading {
  color: #f44336;
}

.page-yellow .content-sub-heading {
  color: #ffc107;
}

.row-fix {
  position: relative;
}

.footer {
  background-color: #fafafa;
  border-top: 1px solid #e0e0e0;
  color: #9e9e9e;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.header {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #4caf50;
  color: #ffffff;
  min-height: 56px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s linear;
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s linear;
  z-index: 30;
}
.header:after, .header:before {
  content: "";
  display: table;
  line-height: 0;
}
.header:after {
  clear: both;
}
.header.fixed, .header.open {
  background-color: #388e3c;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
.header a {
  color: #ffffff;
}
.header .dropdown-menu {
  border-radius: 2px;
}
.header .dropdown-menu a {
  color: #212121;
}
.header .dropdown-toggle {
  z-index: 1;
}
.header .dropdown-toggle:after {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  content: "";
  display: block;
  height: 40px;
  margin-left: -20px;
  position: absolute;
  top: 4px;
  left: 50%;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: background-color, -webkit-transform;
          transition-property: background-color, transform;
  width: 40px;
  z-index: -1;
}
.no-csstransforms .header .dropdown-toggle:after {
  display: none;
}
.header .dropdown.open .dropdown-toggle {
  background-color: transparent;
}
.header .dropdown.open .dropdown-toggle:after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.no-csstransforms .header .dropdown.open .dropdown-toggle:after {
  display: block;
}
.header .nav {
  margin: 0;
}
.header .tab-nav {
  box-shadow: none;
  margin: 0;
}

.page-alt .header {
  background-color: #4caf50;
}
.page-alt .header.fixed, .page-alt .header.open {
  background-color: #388e3c;
}

.page-blue .header {
  background-color: #2196f3;
}
.page-blue .header.fixed, .page-blue .header.open {
  background-color: #1976d2;
}

.page-green .header {
  background-color: #8bc34a;
}
.page-green .header.fixed, .page-green .header.open {
  background-color: #689f38;
}

.page-purple .header {
  background-color: #9c27b0;
}
.page-purple .header.fixed, .page-purple .header.open {
  background-color: #7b1fa2;
}

.page-red .header {
  background-color: #f44336;
}
.page-red .header.fixed, .page-red .header.open {
  background-color: #d32f2f;
}

.page-yellow .header {
  background-color: #ffc107;
}
.page-yellow .header.fixed, .page-yellow .header.open {
  background-color: #ffa000;
}

.header.fixed .header-fix-hide {
  display: none !important;
}

.header-fix-show-block {
  display: none !important;
}
.header.fixed .header-fix-show-block {
  display: block !important;
}

.header-fix-show-inline {
  display: none !important;
}
.header.fixed .header-fix-show-inline {
  display: inline !important;
}

.header-fix-show-inline-block {
  display: none !important;
}
.header.fixed .header-fix-show-inline-block {
  display: inline-block !important;
}

.header-logo, .menu-logo,
.header-text {
  display: block;
  float: left;
  font-weight: 300;
  height: 48px;
  line-height: 28px;
  margin: 0;
  padding: 10px 16px;
}
.header-logo:focus, .menu-logo:focus, .header-logo:hover, .menu-logo:hover,
.header-text:focus,
.header-text:hover {
  text-decoration: none;
}

.header-logo, .menu-logo {
  font-size: 20px;
}
.header-logo img, .menu-logo img {
  display: block;
  max-height: 28px;
  width: auto;
}

.menu {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: transparent;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0s 0.3s;
          transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0s 0.3s;
  width: 0;
  z-index: 31;
}
.menu.open {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), width 0s;
          transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), width 0s;
  width: 100%;
}
.menu.menu-right {
  right: 0;
  left: auto;
}
@media only screen and (min-width: 992px) {
  .menu.open {
    background-color: transparent;
    overflow: visible;
    width: 320px;
  }
  .menu.menu-right.open ~ .fbtn-container {
    right: 336px;
  }
}

.menu-collapse-toggle {
  background-color: transparent !important;
  cursor: pointer;
  display: block;
  float: right;
  padding: 14px 16px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.menu-collapse-toggle:hover {
  color: #2196f3 !important;
}

.menu-collapse-toggle-close {
  margin-top: -7px;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
  width: 100%;
}
.menu-collapse-toggle.collapsed .menu-collapse-toggle-close {
  opacity: 0;
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.menu-collapse-toggle-default {
  opacity: 0;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
}
.menu-collapse-toggle.collapsed .menu-collapse-toggle-default {
  opacity: 1;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.menu-content {
  padding-top: 8px;
  padding-bottom: 8px;
}
.menu-content hr {
  border-top-color: #e0e0e0;
  margin-top: 8px;
  margin-bottom: 8px;
}
.menu-content .nav {
  margin-top: 0;
  margin-bottom: 0;
}
.menu-content .nav a,
.menu-content .nav .a {
  color: #616161;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu-content .nav a:focus, .menu-content .nav a:hover,
.menu-content .nav .a:focus,
.menu-content .nav .a:hover {
  background-color: #f5f5f5;
}
.menu-content .nav a .fa,
.menu-content .nav a .icon,
.menu-content .nav a .breadcrumb > li + li:before,
.menu-content .nav .a .fa,
.menu-content .nav .a .icon,
.menu-content .nav .a .breadcrumb > li + li:before {
  margin-right: 16px;
}
.menu-content .nav li.active > a,
.menu-content .nav li.active > .a {
  color: #4caf50;
}
.menu-content .nav ul a,
.menu-content .nav ul .a {
  font-weight: 400;
  padding-left: 32px;
}
.menu-content .nav ul ul a,
.menu-content .nav ul ul .a {
  font-size: 12px;
  font-weight: 300;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 48px;
}
.no-boxshadow .menu-content .nav {
  margin-right: 1px;
}
.no-boxshadow .menu.menu-right .menu-content .nav {
  margin-right: 0;
  margin-left: 1px;
}

.page-alt .menu-content .nav li.active > a,
.page-alt .menu-content .nav li.active > .a {
  color: #4caf50;
}

.page-blue .menu-content .nav li.active > a,
.page-blue .menu-content .nav li.active > .a {
  color: #2196f3;
}

.page-green .menu-content .nav li.active > a,
.page-green .menu-content .nav li.active > .a {
  color: #8bc34a;
}

.page-purple .menu-content .nav li.active > a,
.page-purple .menu-content .nav li.active > .a {
  color: #9c27b0;
}

.page-red .menu-content .nav li.active > a,
.page-red .menu-content .nav li.active > .a {
  color: #f44336;
}

.page-yellow .menu-content .nav li.active > a,
.page-yellow .menu-content .nav li.active > .a {
  color: #ffc107;
}

.menu-content-inner {
  padding-right: 15px;
  padding-left: 15px;
}

.menu-logo {
  border-bottom: 1px solid #e0e0e0;
  color: #212121;
  float: none;
  height: 56px;
  margin-bottom: 8px;
  padding-top: 14px;
  padding-bottom: 13px;
}
.menu-logo:focus, .menu-logo:hover {
  color: #212121;
}
.menu-content > .menu-logo:first-child {
  margin-top: -8px;
}

.menu-scroll {
  background-color: #ffffff;
  height: 100%;
  max-width: 320px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -320px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: box-shadow, left;
          transition-property: box-shadow, left;
  width: 320px;
  z-index: 1;
}
.menu.open .menu-scroll {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  left: 0;
}
.menu-right .menu-scroll {
  right: -320px;
  left: auto;
  -webkit-transition-property: box-shadow, right;
          transition-property: box-shadow, right;
}
.menu-right.open .menu-scroll {
  right: 0;
  left: auto;
}
@media only screen and (min-width: 992px) {
  .menu-scroll {
    max-width: none;
  }
}
.no-boxshadow .menu-scroll:after {
  background-color: #e0e0e0;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
}
.no-boxshadow .menu.menu-right .menu-scroll:after {
  right: auto;
  left: 0;
}

.menu-top {
  background-color: #388e3c;
  color: #f5f5f5;
  position: relative;
  z-index: 1;
}
.menu-top a {
  color: #f5f5f5;
  text-decoration: none;
}
.menu-top a:focus, .menu-top a:hover {
  color: #ffffff;
}

.page-alt .menu-top {
  background-color: #388e3c;
}

.page-blue .menu-top {
  background-color: #1976d2;
}

.page-green .menu-top {
  background-color: #689f38;
}

.page-purple .menu-top {
  background-color: #7b1fa2;
}

.page-red .menu-top {
  background-color: #d32f2f;
}

.page-yellow .menu-top {
  background-color: #ffa000;
}

.menu-top-img {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.menu-top-img img {
  min-height: 100%;
  width: 100%;
  opacity: 0.5;
}

.menu-top-info {
  padding: 12px 16px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .menu-top-info {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.menu-top-info-sub {
  font-weight: 300;
  padding: 12px 16px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .menu-top-info-sub {
    padding-top: 24px;
  }
}

.menu-top-user {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.no-flexbox .menu-top-user:after, .no-flexbox .menu-top-user:before {
  content: "";
  display: table;
  line-height: 0;
}
.no-flexbox .menu-top-user:after {
  clear: both;
}

.menu-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

@media only screen and (min-width: 992px) {
  .nav-drawer.nav-drawer-md {
    background-color: transparent;
    overflow: visible;
    width: 240px;
  }
  .nav-drawer.nav-drawer-md .menu-scroll {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    left: 0;
    width: 240px;
  }
  .nav-drawer.nav-drawer-md.menu-left ~ .content {
    margin-left: 240px;
  }
  .nav-drawer.nav-drawer-md.menu-left ~ .content .content-heading,
  .nav-drawer.nav-drawer-md.menu-left ~ .content .content-inner {
    padding-left: 16px;
  }
  .nav-drawer.nav-drawer-md.menu-left ~ .footer,
  .nav-drawer.nav-drawer-md.menu-left ~ .header {
    padding-left: 16px;
    left: 240px;
  }
  .nav-drawer.nav-drawer-md.menu-right ~ .content {
    margin-right: 240px;
  }
  .nav-drawer.nav-drawer-md.menu-right ~ .content .content-heading,
  .nav-drawer.nav-drawer-md.menu-right ~ .content .content-inner {
    padding-right: 15px;
  }
  .nav-drawer.nav-drawer-md.menu-right ~ .footer,
  .nav-drawer.nav-drawer-md.menu-right ~ .header {
    padding-right: 15px;
    right: 240px;
  }
}
@media only screen and (min-width: 1440px) {
  .nav-drawer.nav-drawer-lg {
    background-color: transparent;
    overflow: visible;
    width: 240px;
  }
  .nav-drawer.nav-drawer-lg .menu-scroll {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    left: 0;
    width: 240px;
  }
  .nav-drawer.nav-drawer-lg.menu-left ~ .content {
    margin-left: 240px;
  }
  .nav-drawer.nav-drawer-lg.menu-left ~ .content .content-heading,
  .nav-drawer.nav-drawer-lg.menu-left ~ .content .content-inner {
    padding-left: 16px;
  }
  .nav-drawer.nav-drawer-lg.menu-left ~ .footer,
  .nav-drawer.nav-drawer-lg.menu-left ~ .header {
    padding-left: 16px;
    left: 240px;
  }
  .nav-drawer.nav-drawer-lg.menu-right ~ .content {
    margin-right: 240px;
  }
  .nav-drawer.nav-drawer-lg.menu-right ~ .content .content-heading,
  .nav-drawer.nav-drawer-lg.menu-right ~ .content .content-inner {
    padding-right: 15px;
  }
  .nav-drawer.nav-drawer-lg.menu-right ~ .footer,
  .nav-drawer.nav-drawer-lg.menu-right ~ .header {
    padding-right: 15px;
    right: 240px;
  }
}



.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

/* End */


/* Start:/bitrix/templates/ymservice/js/tooltipster/css/tooltipster.css?14472272569043*/
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* End */


/* Start:/bitrix/templates/ymservice/js/tooltipster/css/themes/tooltipster-ymservice.css?1447234506636*/
.tooltipster-ymservice {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
        
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.13), 2px 3px 5px rgba(0,0,0,.24);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.13), 2px 3px 5px rgba(0,0,0,.24);
	box-shadow: 0 0 3px rgba(0,0,0,.13), 2px 3px 5px rgba(0,0,0,.24);
        
        border: 1px solid #e5e7e8;
        
	background-color: #fcfeff;
        color: #000;
        
        pointer-events:auto;
        z-index: 99;
}
.tooltipster-ymservice .tooltipster-content {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 15px;
}
/* End */


/* Start:/bitrix/templates/ymservice/js/owl-carousel/owl.carousel.css?14477413561476*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-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 .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/bitrix/templates/ymservice/js/owl-carousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/* End */


/* Start:/bitrix/templates/ymservice/js/owl-carousel/owl.theme.css?14477413561665*/
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(/bitrix/templates/ymservice/js/owl-carousel/AjaxLoader.gif) no-repeat center center
}
/* End */


/* Start:/bitrix/templates/ymservice/js/photoswipe/photoswipe.css?14513921224065*/
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/* End */


/* Start:/bitrix/templates/ymservice/js/photoswipe/default-skin/default-skin.css?145139206411611*/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus,
  .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/bitrix/templates/ymservice/js/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/bitrix/templates/ymservice/js/photoswipe/default-skin/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(/bitrix/templates/ymservice/js/photoswipe/default-skin/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/main.include/left/style.css?1455709324280*/
.b1t-ymservice-main-include-left h2 {
    margin-top: 0px;
}

.no-left-mode .b1t-ymservice-main-include-left h2:first-of-type {
    display: none;
}

@media only screen and (max-width: 991px) {
    .b1t-ymservice-main-include-left h2:first-of-type {
        display: none;
    }
}
/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/menu/left/style.css?14579565667583*/
.b1t-ymservice-menu-left {
    padding-top: 3px;
}

/* ------------------------------- */
/* Меню для больших экранов        */
/*-------------------------------- */

.b1t-ymservice-menu-left .items {
    background: #ffffff;
   
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
}
    

.b1t-ymservice-menu-left .items .item {
    position: relative;
}

.b1t-ymservice-menu-left .items a,
.b1t-ymservice-menu-left .items a:hover,
.b1t-ymservice-menu-left .items a:focus{
    text-decoration: none;
}

.b1t-ymservice-menu-left .items a{
    color: #000000;
    font-weight: 400;
    text-decoration: none;
    
    padding: 10px 15px 10px 55px;
    display: block;
    
    font-size: 15px;

    border-bottom: 1px solid #e0e0e0;
}

.b1t-ymservice-menu-left .items .item:last-child a{
    border-bottom-color: transparent;
}

.b1t-ymservice-menu-left .items .item:hover a,
.b1t-ymservice-menu-left .items .item.selected a {
    background-color: #eeeff0;
}

.b1t-ymservice-menu-left .items a .icon,
.b1t-ymservice-menu-left .items a .icon2{
    display: block;
    position: absolute;
    top:8px;
    left: 15px;
    width: 24px;
    height: 24px;

    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  
    opacity:1;
}


.b1t-ymservice-menu-left .items a .icon2 {
    opacity:0;
}
.b1t-ymservice-menu-left .items a:hover .icon2,
.b1t-ymservice-menu-left .items .item.selected a .icon2 {
    opacity:1;
}

.no-left-mode .b1t-ymservice-menu-left .items {
    background: transparent;

    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;

    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:  none;
}
    
.no-left-mode .b1t-ymservice-menu-left .items .item {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;

    background: #ffffff;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
}
    
.no-left-mode .b1t-ymservice-menu-left .items a{
    border-bottom: none;
}


@media only screen and (max-width: 991px) {
    
    .b1t-ymservice-menu-left .items,
    .no-left-mode .b1t-ymservice-menu-left .items{
        background: transparent;

        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;

        -webkit-box-shadow: none;
        -moz-box-shadow:  none;
        box-shadow:  none;
    }
    
    .b1t-ymservice-menu-left .items .item,
    .no-left-mode .b1t-ymservice-menu-left .items .item{
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        
        background: #ffffff;
   
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;

        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
        -moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
        box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    }
    
    .b1t-ymservice-menu-left .items a,
    .no-left-mode .b1t-ymservice-menu-left .items a{
        border-bottom: none;
    }
}

@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-menu-left .items a .icon,
    .no-left-mode .b1t-ymservice-menu-left .items a .icon,
    .b1t-ymservice-menu-left .items a .icon2,
    .no-left-mode .b1t-ymservice-menu-left .items a .icon2 {
        display: none;
    }
    
    .b1t-ymservice-menu-left .items a,
    .no-left-mode .b1t-ymservice-menu-left .items a{
        padding: 5px 10px;
        border-bottom: none;
        font-size: 14px;
    }
}



/* ------------------------------- */
/* Мобильное меню                  */
/*-------------------------------- */

.b1t-ymservice-menu-left .menu-mobile {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    padding: 0px;
    background-color: #fff;
}

.b1t-ymservice-menu-left .menu-mobile .sub-menu-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
   
    cursor: pointer;
    position: relative;
    padding: 15px;
}

.b1t-ymservice-menu-left .menu-mobile.active .sub-menu-btn {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background: #dcdcdc;
}

.b1t-ymservice-menu-left .menu-mobile .smb {
    position: absolute;
    padding: 18px 15px;
    cursor: pointer;
    top:3px;
    right: 0px;
}

.b1t-ymservice-menu-left .menu-mobile .smb .layer {
    display: block;
    width: 17px;
    height: 2px;
    background: #747474;
    position: relative;
    animation-duration: 300ms;
    animation-timing-function: ease-in-out;
}

.b1t-ymservice-menu-left .menu-mobile .smb .layer:before, 
.b1t-ymservice-menu-left .menu-mobile .smb .layer:after {
    display: block;
    width: inherit;
    height: 2px;
    position: absolute;
    background: inherit;
    left: 0;
    content: '';
    animation-duration: 300ms;
    animation-timing-function: ease-in-out;
}

.b1t-ymservice-menu-left .menu-mobile .smb .layer:before {
  bottom: 300%;
}

.b1t-ymservice-menu-left .menu-mobile .smb .layer:after {
  top: 300%;
}


.b1t-ymservice-menu-left .menu-mobile a,
.b1t-ymservice-menu-left .menu-mobile a:hover,
.b1t-ymservice-menu-left .menu-mobile a:focus{
    border-bottom: none;
}

.b1t-ymservice-menu-left .menu-mobile .ul-level-1 {
    display: none;
}

.b1t-ymservice-menu-left .menu-mobile.active .ul-level-1 {
    display: block;
}

.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1 {
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1.selected,
.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1:hover{
    background: #eeeff0;
}



.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1 a {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 40px;
    color: #000000;
    font-size: 13px;
}

.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1 a .icon,
.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1 a .icon2{
    display: block;
    position: absolute;
    top:10px;
    left: 10px;
    width: 24px;
    height: 24px;
}

.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1 a .icon2 {
    display: none;
}

.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1.selected a .icon,
.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1:hover a .icon{
    display: none;
}

.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1.selected a .icon2,
.b1t-ymservice-menu-left .menu-mobile .ul-level-1 .li-level-1:hover a .icon2{
    display: block;
}
/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/menu/submenu/style.css?14513109282181*/
.b1t-ymservice-menu-submenu .tab-nav {
    margin-top: 0px;
}

.b1t-ymservice-menu-submenu .menu-mobile {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    padding: 0px;
    background-color: #fff;
}

.b1t-ymservice-menu-submenu .menu-mobile .sub-menu-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    cursor: pointer;
    position: relative;
    padding: 15px;
}

.b1t-ymservice-menu-submenu .menu-mobile.active .sub-menu-btn {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background: #dcdcdc;
}

.b1t-ymservice-menu-submenu .menu-mobile .smb {
    position: absolute;
    padding: 18px 15px;
    cursor: pointer;
    top:3px;
    right: 0px;
}

.b1t-ymservice-menu-submenu .menu-mobile .smb .layer {
  display: block;
  width: 17px;
  height: 2px;
  background: #747474;
  position: relative;
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}

.b1t-ymservice-menu-submenu .menu-mobile .smb .layer:before, 
.b1t-ymservice-menu-submenu .menu-mobile .smb .layer:after {
  display: block;
  width: inherit;
  height: 2px;
  position: absolute;
  background: inherit;
  left: 0;
  content: '';
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}

.b1t-ymservice-menu-submenu .menu-mobile .smb .layer:before {
  bottom: 300%;
}

.b1t-ymservice-menu-submenu .menu-mobile .smb .layer:after {
  top: 300%;
}

.b1t-ymservice-menu-submenu .menu-mobile a,
.b1t-ymservice-menu-submenu .menu-mobile a:hover,
.b1t-ymservice-menu-submenu .menu-mobile a:focus{
    border-bottom: none;
}

.b1t-ymservice-menu-submenu .menu-mobile .ul-level-1 {
    display: none;
}

.b1t-ymservice-menu-submenu .menu-mobile.active .ul-level-1 {
    display: block;
}

.b1t-ymservice-menu-submenu .menu-mobile .ul-level-1 .li-level-1 {
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.b1t-ymservice-menu-submenu .menu-mobile .ul-level-1 .li-level-1 a {
    cursor: pointer;
    display: block;
    padding: 15px;
    color: #000000;
    font-size: 13px;
}


/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/menu/top/style.css?14571088664752*/
.b1t-ymservice-menu-top {
    overflow:hidden;
    height: 50px;
}

.header.fixed .b1t-ymservice-menu-top {
    display: none;
}

@media only screen and (max-width: 992px) {
    .b1t-ymservice-menu-top {
        display: none;
    }
}

.b1t-ymservice-menu-top.calculated {
    overflow: visible;
}

.b1t-ymservice-menu-top ul,
.b1t-ymservice-menu-top li{
    list-style: none;
    padding: 0px;
    margin:0px;
}

.b1t-ymservice-menu-top li{
    position: relative;
    line-height: 1.42857143;
}

.b1t-ymservice-menu-top li:before {
    display: none;
}

.b1t-ymservice-menu-top a {
    display: block;
    white-space: nowrap;
    position: relative;
    
     transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    
    text-decoration: none;
}

.b1t-ymservice-menu-top a,
.b1t-ymservice-menu-top a:hover,
.b1t-ymservice-menu-top a:focus{
    text-decoration: none;
    border-bottom: none;
}

/*
  Уровеь 1
*/

.b1t-ymservice-menu-top ul.root-list > li > a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px; 
    padding: 16px 15px 14px;
    border-bottom: 2px solid transparent;

    font-weight: 300;
}

.b1t-ymservice-menu-top ul.root-list > li{
    float: left;
}

html.bx-no-touch .b1t-ymservice-menu-top ul.root-list > li:hover > a,
.b1t-ymservice-menu-top ul.root-list > li.active > a{
    background: #374048;
}

.b1t-ymservice-menu-top ul.root-list > li.parent > a {
    padding-right: 30px;
}

.b1t-ymservice-menu-top ul.root-list > li.parent > a .tail {
    position: absolute;
    width: 20px;
    height: 20px;
    
    top: 50%;
    margin-top: -10px;
    right: 5px;
    
    cursor: pointer;
}

.b1t-ymservice-menu-top ul.root-list > li.parent > a .tail:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #e4e5e6 transparent transparent transparent;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -5px;
        
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    
}

html.bx-no-touch .b1t-ymservice-menu-top ul.root-list > li.parent:hover > a .tail:before,
.b1t-ymservice-menu-top ul.root-list > li.parent.active > a .tail:before{
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #e4e5e6 transparent;
    margin-top: -3px;
}


/*
  Уровеь 2
*/

.b1t-ymservice-menu-top li ul {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: -2px;
    
    background: #ffffff;
    
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    
    -moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2);
    
    border-top: 2px solid #2a98d3;
}

html.bx-no-touch .b1t-ymservice-menu-top ul.root-list > li:hover > ul,
.b1t-ymservice-menu-top ul.root-list > li.active > ul{
    display:block;
}

.b1t-ymservice-menu-top li ul a {
    color: #000000;
    text-transform:none;
    font-size: 15px;
    
    padding: 10px 20px;
}

.b1t-ymservice-menu-top li ul > li.selected > a,
.b1t-ymservice-menu-top li ul > li.active > a,
html.bx-no-touch .b1t-ymservice-menu-top li ul > li:hover > a {
    background: #eeeff0;
}

.b1t-ymservice-menu-top ul.root-list > li > ul > li.parent > a .tail {
    position: absolute;
    width: 20px;
    height: 20px;
    
    top: 50%;
    margin-top: -10px;
    right: 2px;
    
    cursor: pointer;
}

.b1t-ymservice-menu-top ul.root-list > li > ul > li.parent > a .tail:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px  5px;
    border-color: transparent transparent transparent #000;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -2px;
        
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    
}

/*
  Уровеь 3
*/

.b1t-ymservice-menu-top li ul li ul {
    top: 0px;
    left: 100%;
    margin-left: -2px;
    border-left: 1px solid #f3f4f5;
}

html.bx-no-touch .b1t-ymservice-menu-top ul.root-list > li:hover > ul > li:hover > ul,
.b1t-ymservice-menu-top ul.root-list > li.active > ul > li.active > ul{
    display:block;
}

/*
  Уровеь 4 (не поддерживаем)
*/

.b1t-ymservice-menu-top li ul li ul li ul{
    display: none;
}

/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/menu/top/style.css?1460007996215*/
.b1t-ymservice-menu-top ul.root-list > li.selected > a,
.b1t-ymservice-menu-top ul.root-list > li.active > a,
html.bx-no-touch .b1t-ymservice-menu-top ul.root-list > li:hover > a {
  border-bottom-color: #2a98d3;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/search.title/top/style.css?14571088803989*/
.b1t-ymservice-search-title-top {
    position: relative;
    height: 50px;
    width: 32px;
}

.b1t-ymservice-search-title-top .input-wrapper {
    position: absolute;
    width: 0px;
    top: 10px;
    right: 15px;
   
    -webkit-transition: width 0.3s;
          transition: width 0.3s;
}

.b1t-ymservice-search-title-top .input-inner {
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
     background: #fff;
}

.b1t-ymservice-search-title-top .input-wrapper.open {
    width: 320px;
    top: 0px;
    padding-top: 10px;
    height: 50px;
    background: #2c363e;
}

@media only screen and (max-width: 768px) {
    .b1t-ymservice-search-title-top .input-wrapper.open {
        width: 285px;
    }
}

.b1t-ymservice-search-title-top .input-wrapper input {
    background: transparent;
    color: #000;
    width: 100%;
    font-size: 13px;
    padding: 7px 0px 7px 0px;
    border: 0px;
    outline: 0;
}
.b1t-ymservice-search-title-top .input-wrapper input:focus {
    outline: 0;
}
.b1t-ymservice-search-title-top .input-wrapper.open input{
    padding: 7px 40px 7px 10px;
    visibility: visible;
}
    

.b1t-ymservice-search-title-top .search-btn {
    position: absolute;
    display: block;
    top: 10px;
    right: 0px;
    width: 30px;
    height: 30px;
    cursor:pointer;
    
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.b1t-ymservice-search-title-top .search-btn .icon-24 {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-9.6px;
    margin-left:-9.6px;
}

.b1t-ymservice-search-title-top .input-wrapper .results-wrapper {
    position: absolute;
    top: 100%;
    right:-1px;
    left:-1px;
    background: #fff;
    padding: 15px;
    display: none;
}




.b1t-ymservice-search-title-top div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

.b1t-ymservice-search-title-top div.title-search-result .item td {
    padding: 10px;
    background: #ffffff;
}

.b1t-ymservice-search-title-top div.title-search-result .item td.picture a,
.b1t-ymservice-search-title-top div.title-search-result .item td.picture a:focus,
.b1t-ymservice-search-title-top div.title-search-result .item td.picture a:hover{
    border-bottom: none;
}

.b1t-ymservice-search-title-top div.title-search-result .item:hover td {
    background: #eeeff0;
}


.b1t-ymservice-search-title-top div.title-search-result table {
    width: 100%;
    border-collapse: collapse;
}

.b1t-ymservice-search-title-top div.title-search-result table td {
    vertical-align: middle;
    border-top: 1px solid #e0e0e0;
}

.b1t-ymservice-search-title-top div.title-search-result table td.picture {
    width: 52px;
    text-align: center;
    padding-right: 5px;
}

.b1t-ymservice-search-title-top div.title-search-result a.link {
    font-size: 14px;
    color: #2a98d3;
    text-decoration: none;
    border-bottom-color: transparent;
}

.b1t-ymservice-search-title-top div.title-search-result a.link:focus,
.b1t-ymservice-search-title-top div.title-search-result a.link:hover{
    border-bottom: 1px solid #0d47a1;
    color: #0d47a1;
}

.b1t-ymservice-search-title-top div.title-search-result .path  {
    font-size: 12px;
    color: rgba(0, 0, 0,0.54);
}
.b1t-ymservice-search-title-top div.title-search-result .path a{
    text-decoration: none;
    border-bottom-color: transparent;
    color: rgba(0, 0, 0,0.54);
}
.b1t-ymservice-search-title-top div.title-search-result .path a:focus,
.b1t-ymservice-search-title-top div.title-search-result .path a:hover{
    border-bottom-color: rgba(0, 0, 0,0.54);
}

.b1t-ymservice-search-title-top div.title-search-result td.all {
    text-align: center;
}

.b1t-ymservice-search-title-top div.title-search-result td.all .btn {
    text-transform: none;
}

.b1t-ymservice-search-title-top div.title-search-result .price {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
}


/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/search.title/top/style.css?1460007996346*/
.b1t-ymservice-search-title-top .search-btn {
  background: #2a98d3;
}
.b1t-ymservice-search-title-top .input-inner {
  border-bottom: 2px solid #2a98d3;
}
.b1t-ymservice-search-title-top .input-wrapper .results-wrapper {
  border: 1px solid #2a98d3;
}
.b1t-ymservice-search-title-top div.title-search-result {
  border-top: 2px solid #2a98d3;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/top-phones/style.css?14601199001688*/
.b1t-ymservice-custom-top-phones {
    position: relative;
    height: 50px;
    display: inline-block;
    text-align: left;
}

.b1t-ymservice-custom-top-phones .context {
    color: #1f1a1a;
    line-height: 26px;
}

.b1t-ymservice-custom-top-phones .clickable-panel {
    cursor: pointer;
    white-space: nowrap;
    padding: 12px 10px;
}

.b1t-ymservice-custom-top-phones .clickable-panel .context {
    color: #f6f8fa;
    font-size: 16px;
    font-weight: 300;
}

.b1t-ymservice-custom-top-phones .description {
    font-size: 14px;
}

.b1t-ymservice-custom-top-phones .popup {
    display: none;
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: 5;
    background: #ffffff;
    padding: 12px 20px;
    width: 300px;
}

.b1t-ymservice-custom-top-phones.hover .popup{
    display: block;
}

.b1t-ymservice-custom-top-phones .popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    z-index: 3;
}
.b1t-ymservice-custom-top-phones .popup .close {
    display: block;
}

.b1t-ymservice-custom-top-phones .popup .callback-btn {
    width: 100%;
    margin-top: 10px;
}

.b1t-ymservice-custom-top-phones .popup .callback-wrapper {
    display: none;
}

.b1t-ymservice-custom-top-phones .popup .call-from-site .btn {
    width: 100%;
    margin-top: 10px;
    display: block;
}

@media only screen and (min-width: 769px) and  (max-width: 1060px), screen and (max-width: 540px) {
    .b1t-ymservice-custom-top-phones .clickable-panel .context .context-text{
        display: none;
    }
    
    .b1t-ymservice-custom-top-phones .clickable-panel .context {
        height: 24px;
        width: 24px;
        padding-left: 0px;
    }
}
/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/form.result.new/callback/style.css?1451029320352*/
.b1t-ymservice-form-result-new-callback .form-description {
    font-size: 14px;
    color: #101010;
}
.b1t-ymservice-form-result-new-callback .btn {
    width: 100%;
    display: block;
}

.b1t-ymservice-form-result-new-callback .form-success-note {
    font-size: 14px;
}

.b1t-ymservice-form-result-new-callback input[type=text] {
    color: #000;
}
/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/top-email/style.css?14513750462004*/
.b1t-ymservice-custom-top-email {
    position: relative;
    height: 50px;
    display: inline-block;
    text-align: left;
}

.b1t-ymservice-custom-top-email .context {
    color: #1f1a1a;
    line-height: 26px;
    
}

.b1t-ymservice-custom-top-email .clickable-panel {
    cursor: pointer;
    white-space: nowrap;
    padding: 12px 10px;
}

.b1t-ymservice-custom-top-email .clickable-panel .context {
    color: #f6f8fa;
    font-size: 16px;
    font-weight: 300;
}

.b1t-ymservice-custom-top-email .clickable-panel .context .context-text-short {
    display: none;
}


.b1t-ymservice-custom-top-email .description-wrapper {
    font-size: 14px;
    color: #101010;
}

.b1t-ymservice-custom-top-email .popup {
    display: none;
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: 5;
    background: #ffffff;
    padding: 12px 20px;
    width: 250px;
}

.b1t-ymservice-custom-top-email.hover .popup{
    display: block;
}

.b1t-ymservice-custom-top-email .popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    z-index: 3;
}
.b1t-ymservice-custom-top-email .popup .close {
    display: block;
}

.b1t-ymservice-custom-top-email .popup .online-chat .btn {
    width: 100%;
    margin-top: 10px;
    display: block;
}


@media only screen and (max-width: 1600px) {
    
    .b1t-ymservice-custom-top-email .clickable-panel .context .context-text-short {
        display: block;
    }
    .b1t-ymservice-custom-top-email .clickable-panel .context .context-text-full {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1160px), screen and (max-width: 650px)  {
    .b1t-ymservice-custom-top-email .clickable-panel .context .context-text-short,
    .b1t-ymservice-custom-top-email .clickable-panel .context .context-text-full {
        display: none;
    }
    
    
    .b1t-ymservice-custom-top-email .clickable-panel .context {
        height: 24px;
        width: 24px;
        padding-left: 0px;
    }
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/news.list/top-address/style.css?14582003043484*/
.b1t-ymservice-news-list-top-adress {
    position: relative;
    height: 50px;
    display: inline-block;
    text-align: left;
}

.b1t-ymservice-news-list-top-adress .context {
    color: #1f1a1a;
    line-height: 26px;
}

.b1t-ymservice-news-list-top-adress .clickable-panel {
    cursor: pointer;
    white-space: nowrap;
     padding: 12px 10px;
}

.b1t-ymservice-news-list-top-adress .clickable-panel .context {
    color: #f6f8fa;
    font-size: 16px;
    font-weight: 300;
}

.b1t-ymservice-news-list-top-adress .popup {
    display: none;
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: 5;
    background: #ffffff;
    padding: 12px 20px;
    width: 300px;
}

.b1t-ymservice-news-list-top-adress.hover .popup{
    display: block;
}

.b1t-ymservice-news-list-top-adress .popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    z-index: 3;
}
.b1t-ymservice-news-list-top-adress .popup .close {
    display: block;
}

.b1t-ymservice-news-list-top-adress .popup .h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 20px;
}

.b1t-ymservice-news-list-top-adress .popup .item {
    border-bottom: 1px solid #e9e9e9;
    padding: 21px;
    margin: 0px -21px;
    font-size: 14px;
    color: #000;
}

.b1t-ymservice-news-list-top-adress .popup .item.last {
    border-bottom: 0px;
    padding-bottom: 5px;
}

.b1t-ymservice-news-list-top-adress .popup .item.sale-points {
    border-bottom: 0px;
    padding-bottom: 5px;
    border-top: 1px solid #e9e9e9;
    margin-top: 21px;
    margin-bottom: 15px;
}

.b1t-ymservice-news-list-top-adress .popup .item .metro,
.b1t-ymservice-news-list-top-adress .popup .item .address{
    min-height: 19px;
}

.b1t-ymservice-news-list-top-adress .popup .item .address:before {
    left: 3px;
}

.b1t-ymservice-news-list-top-adress .popup .item a {
    text-decoration: none;
    border-bottom: 1px solid #2a98d3;
    color: #2a98d3;
}

.b1t-ymservice-news-list-top-adress .popup .item a:focus, 
.b1t-ymservice-news-list-top-adress .popup .item a:hover {
    color: #0d47a1;
    outline: 0;
    border-bottom: 1px solid #0d47a1;
}

.b1t-ymservice-news-list-top-adress .popup .btn {
    width: 100%;
    margin-top: 10px;
    display: block;
}

/* ------------------------------- */
/* Иконки метро                    */
/*-------------------------------- */
.b1t-ymservice-news-list-top-adress .item .metro {
    padding-left: 34px;
    position: relative;
}

.b1t-ymservice-news-list-top-adress .item .metro-icon {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 2px;
    left: 3px;
    
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    font-weight: 400;
    display: inline-block;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.b1t-ymservice-news-list-top-adress .item .metro-icon table {
    width: 100%;
    height: 100%;
}

.b1t-ymservice-news-list-top-adress .item .metro-icon table td {
    vertical-align: middle;
    text-align:center;
}

@media only screen and (max-width: 1280px) {
    .b1t-ymservice-news-list-top-adress .clickable-panel .context .context-text{
        display: none;
    }
    
    .b1t-ymservice-news-list-top-adress .clickable-panel .context {
        height: 24px;
        width: 24px;
        padding-left: 0px;
    }
}

@media only screen and (max-width: 750px) {
    .b1t-ymservice-news-list-top-adress .popup {
        left: -100px;
    }
}


/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/menu/left-side/style.css?14570958064765*/
.b1t-ymservice-menu-left-side {
    padding-top: 0px;
    padding-bottom: 0px;

}

.b1t-ymservice-menu-left-side .nav a{
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
}

.b1t-ymservice-menu-left-side .nav ul {
    display: none;
}

.b1t-ymservice-menu-left-side li.parent > a {
    padding-right: 45px;
}

.b1t-ymservice-menu-left-side li a .tail {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    
    width: 20px;
    height: 20px;
}

.b1t-ymservice-menu-left-side li a .tail:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #BBBBBB transparent transparent transparent;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -5px;
    
}

.b1t-ymservice-menu-left-side li:before {
    display: none;
}

.b1t-ymservice-menu-left-side li {
    padding-left: 0px;
    padding-bottom: 0px;
}

.b1t-ymservice-menu-left-side a,
.b1t-ymservice-menu-left-side a:hover,
.b1t-ymservice-menu-left-side a:focus{
    text-decoration: none;
    border-bottom: none;
}


/* ----------------------- */
/* Табы действий           */
/*-------------------------*/

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-menu{
    display: none;
}

.b1t-ymservice-menu-left-side .main-blocks .tab.active .tab-menu{
    display: block;
}

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-button {
    height: 60px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}

/* ----------------------- */
/* Иконка таба             */
/*-------------------------*/
.b1t-ymservice-menu-left-side .main-blocks .tab .tab-button-icon {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 60px;
    padding-left: 0px;
}

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-button-icon:before {
    top: 50%;
    left: 50%;
    margin-top: -36px;
    margin-left: -36px;
}

/* Корректировка положения иконки таба "Узнать стоимость" */
.b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-cost] .tab-button-icon:before {
    margin-top: -28px;
    margin-left: -20px;
}

/* Корректировка положения иконки таба "Сдать в ремонт" */
.b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-repair] .tab-button-icon:before {
    margin-top: -24px;
    margin-left: -18px;
}

/* Корректировка положения иконки таба "Получить из ремонта" */
.b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-get] .tab-button-icon:before {
    margin-top: -22px;
    margin-left: -30px;
}

/* ----------------------- */
/* Текст кнопки таба       */
/*-------------------------*/

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-button-text {
    position: absolute;
    left: 60px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    border-bottom: 1px solid #dcdcdc;
}

html.bx-no-touch .b1t-ymservice-menu-left-side .main-blocks .tab:hover .tab-button-text,
.b1t-ymservice-menu-left-side .main-blocks .tab.active .tab-button-text {
    color: #fff;
}

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-button-text table {
    width: 100%;
    height: 100%;
}
.b1t-ymservice-menu-left-side .main-blocks .tab .tab-button-text table td {
    vertical-align: middle;
    padding: 0px 15px;
}


/* ------------------------------- */
/* Пункт меню таба                 */
/*-------------------------------- */

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-menu-item {
    position:relative;
    height: 52px;
    background: #f7f7f7;
    font-size: 14px;
    cursor: pointer;
}

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-menu-item:hover {
    position:relative;
    height: 52px;
    background: #eeeeee;
}

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-menu-item-icon {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 60px;
    padding-left: 0px;
}

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-menu-item-icon .icon-24 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto auto auto auto;
}

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-menu-item-text {
    position: absolute;
    left: 60px;
    bottom: 0px;
    top: 0px;
    right: 0px;
}

.b1t-ymservice-menu-left-side .main-blocks .tab .tab-menu-item-text table {
    width: 100%;
    height: 100%;
}
.b1t-ymservice-menu-left-side .main-blocks .tab .tab-menu-item-text table td {
    vertical-align: middle;
    padding: 0px 15px;
}



    


/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/menu/left-side/style.css?14600079961613*/
.b1t-ymservice-menu-left-side .main-blocks .tab.active[data-tab=tab-cost] .tab-button,
html.bx-no-touch .b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-cost]:hover .tab-button,
.b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-cost] .tab-button-icon {
  background: #2a98d3;
}
.b1t-ymservice-menu-left-side .main-blocks .tab.active[data-tab=tab-cost] .tab-button-text,
html.bx-no-touch .b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-cost]:hover .tab-button-text {
  border-bottom-color: #2a98d3;
}
.b1t-ymservice-menu-left-side .main-blocks .tab.active[data-tab=tab-repair] .tab-button,
html.bx-no-touch .b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-repair]:hover .tab-button,
.b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-repair] .tab-button-icon {
  background: #fcba02;
}
.b1t-ymservice-menu-left-side .main-blocks .tab.active[data-tab=tab-repair] .tab-button-text,
html.bx-no-touch .b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-repair]:hover .tab-button-text {
  border-bottom-color: #fcba02;
}
.b1t-ymservice-menu-left-side .main-blocks .tab.active[data-tab=tab-get] .tab-button,
html.bx-no-touch .b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-get]:hover .tab-button,
.b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-get] .tab-button-icon {
  background: #c2d138;
}
.b1t-ymservice-menu-left-side .main-blocks .tab.active[data-tab=tab-get] .tab-button-text,
html.bx-no-touch .b1t-ymservice-menu-left-side .main-blocks .tab[data-tab=tab-get]:hover .tab-button-text {
  border-bottom-color: #c2d138;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/system.auth.form/top/style.css?14571088804669*/
.b1t-ymservice-system-auth-form-top {
    padding-top: 0px;
    padding-bottom: 0px;
}

.b1t-ymservice-system-auth-form-top .login-panel-title {
    height: 50px;
    cursor: pointer;
}

.b1t-ymservice-system-auth-form-top .login-panel-title .login-button {
    color: #fff;
    font-weight: 300;
    padding: 14px 0px 14px 60px;
    position:relative;
}

.b1t-ymservice-system-auth-form-top .user-panel-title {
    height: 50px;
    background: #364048;
    cursor: pointer;
}

.b1t-ymservice-system-auth-form-top .user-panel-title .user-button {
    color: #fff;
    font-weight: 300;
    padding: 14px 25px 14px 60px;
    position:relative;
    display: inline-block;
}

.b1t-ymservice-system-auth-form-top .login-panel-title .login-button .login-button-icon,
.b1t-ymservice-system-auth-form-top .user-panel-title .user-button .login-button-icon{
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    left: 20px;
    top: 10px;
    padding-left: 0px;
}

.b1t-ymservice-system-auth-form-top .login-panel-title .login-button .login-button-icon:before,
.b1t-ymservice-system-auth-form-top .user-panel-title .user-button .login-button-icon:before{
    position: absolute;
    top: 5px;
    left: 5px;
}


.b1t-ymservice-system-auth-form-top .user-panel-title .user-button img {
    display: block;
    position: absolute;
    width: 31px;
    height: 31px;
    left: 20px;
    top: 10px;
   
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    
    border: 1px solid #50585f;
}

.b1t-ymservice-system-auth-form-top .user-panel-title .user-button:after {
    content: " ";
    display: block;
    position: absolute;
    width: 33px;
    height: 33px;
    left: 19px;
    top: 9px;
   
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    
    border: 2px solid #50585f;
}

.b1t-ymservice-system-auth-form-top .user-panel-title .user-button.user-no-photo:after {
    display:none;
}

.b1t-ymservice-system-auth-form-top .user-panel-title .tail {
    position: absolute;
    width: 20px;
    height: 20px;
    
    top: 50%;
    margin-top: -10px;
    right: 0px;
    
    cursor: pointer;
}

.b1t-ymservice-system-auth-form-top .user-panel-title .tail:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #e4e5e6 transparent transparent transparent;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -5px;
}

.b1t-ymservice-system-auth-form-top .user-panel-title .user-name {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden; 
   display: inline-block;
   max-width: 220px;
}




.b1t-ymservice-system-auth-form-top .tab-nav {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

.b1t-ymservice-system-auth-form-top .tab-nav a {
    font-size: 14px;
}

.b1t-ymservice-system-auth-form-top.menu-content .tab-nav .nav a{
    font-weight: 400;
}
.b1t-ymservice-system-auth-form-top.menu-content .tab-nav .nav a:focus, 
.b1t-ymservice-system-auth-form-top.menu-content .tab-nav .nav a:hover, 
.b1t-ymservice-system-auth-form-top.menu-content .tab-nav .nav .a:focus, 
.b1t-ymservice-system-auth-form-top.menu-content .tab-nav .nav .a:hover, 
.b1t-ymservice-system-auth-form-top.menu-content .tab-nav .nav li.selected > a {
    background: transparent;
}

.b1t-ymservice-system-auth-form-top.menu-content .tab-pane {
    padding-bottom: 20px;
}

.b1t-ymservice-system-auth-form-top .login-panel-content {
    padding: 0px 20px;
    position: relative;
}

.b1t-ymservice-system-auth-form-top .forgot-password {
    font-size: 14px;
}

.b1t-ymservice-system-auth-form-top .buttons-wrapper {
    margin-top: 20px;
    text-align: center;
}

.b1t-ymservice-system-auth-form-top .buttons-wrapper .btn{
     padding: 8px 60px;
}

.b1t-ymservice-system-auth-form-top .captcha,
.b1t-ymservice-system-auth-form-top .b1t-ymservice-main-register-custom .captcha{
    position: absolute;
    right: 0px;
    top: -5px;
    width: 150px;
    height: 33px;
}

.b1t-ymservice-system-auth-form-top .form-group-label {
    margin-top: 30px;
    margin-bottom: 30px;
}

.b1t-ymservice-system-auth-form-top .socserv-delimiter {
    height: 1px;
    background: #e0e0e0;
    margin: 20px -20px;
}


.b1t-ymservice-system-auth-form-top .b1t-ymservice-main-register-custom .buttons-wrapper {
    text-align: center;
}

.b1t-ymservice-system-auth-form-top .b1t-ymservice-main-register-custom .buttons-wrapper .btn{
     padding: 8px 60px;
}

   
/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/system.auth.form/top/style.css?146000799682*/
.b1t-ymservice-system-auth-form-top .login-panel-title {
  background: #c2d138;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/header-phones/style.css?14601198983321*/
.b1t-ymservice-custom-header-phones {
    position: relative;
    padding: 20px;
}

.b1t-ymservice-custom-header-phones .context {
    color: #1f1a1a;
}

.b1t-ymservice-custom-header-phones .context .action a {
    text-decoration: none;
    border-bottom-width: 1px;
}

.b1t-ymservice-custom-header-phones .clickable-panel {
    cursor: pointer;
    white-space: nowrap;
}

.b1t-ymservice-custom-header-phones .description {
    font-size: 14px;
}

.b1t-ymservice-custom-header-phones .popup {
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 5;
    background: #ffffff;
    padding: 21px;
    min-width: 260px;
}

.b1t-ymservice-custom-header-phones.hover .popup{
    display: block;
}

.b1t-ymservice-custom-header-phones .popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    z-index: 3;
}

.b1t-ymservice-custom-header-phones .popup .close {
    display: block;
}

.b1t-ymservice-custom-header-phones .popup .callback-btn {
    width: 100%;
    margin-top: 10px;
}

.b1t-ymservice-custom-header-phones .popup .callback-wrapper {
    display: none;
}

.b1t-ymservice-custom-header-phones .popup .call-from-site .btn {
    width: 100%;
    margin-top: 10px;
    display: block;
}

@media only screen and (min-width: 1200px) {
    .b1t-ymservice-custom-header-phones .clickable-panel {
        width: 230px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    
    .b1t-ymservice-custom-header-phones .popup {
        left: -16px;
         top: -11px;
    }
}


@media only screen  and (max-width: 991px) {
    
    .b1t-ymservice-custom-header-phones {
        padding: 10px 5px;
    }  
    
    .b1t-ymservice-custom-header-phones .clickable-panel .context {
        font-size: 14px;
        padding-left: 29px;
    }
    .b1t-ymservice-custom-header-phones .clickable-panel .context:before {
        left: 3px;
    }
}

@media only screen  and (max-width: 767px) {

    .b1t-ymservice-custom-header-phones .clickable-panel .context .context-text,
    .b1t-ymservice-custom-header-phones .clickable-panel .context .action {
        display: none !important;
    }
    
    .b1t-ymservice-custom-header-phones {
        padding: 0px;
    }
    
    .b1t-ymservice-custom-header-phones .clickable-panel {
        padding: 22px 10px;
        text-align: center;
    }
    
    .b1t-ymservice-custom-header-phones .clickable-panel .context {
        height: 24px;
        padding-left: 0px;
    }
    
    .b1t-ymservice-custom-header-phones .clickable-panel .context:before {
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
    }
    
    .b1t-ymservice-custom-header-phones .popup {
        left: auto;
        right: -40px;
    }
}

@media only screen and (max-width: 570px) {
    
    .b1t-ymservice-custom-header-phones .clickable-panel {
        padding: 15px 10px;
    }
}

@media only screen and (max-width: 400px) {
    
    .b1t-ymservice-custom-header-phones .clickable-panel {
        padding: 10px 10px;
    }
    
    .b1t-ymservice-custom-header-phones {
        position: static;
    }
    
    .b1t-ymservice-custom-header-phones .popup {
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
    }  
}


/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/header-email/style.css?14531110843100*/
.b1t-ymservice-custom-header-email {
    position: relative;
    padding: 20px;
}

.b1t-ymservice-custom-header-email .context {
    color: #1f1a1a;
}

.b1t-ymservice-custom-header-email .context .action a {
    text-decoration: none;
    border-bottom-width: 1px;
}

.b1t-ymservice-custom-header-email .clickable-panel {
    cursor: pointer;
    white-space: nowrap;
}

.b1t-ymservice-custom-header-email .description-wrapper {
    font-size: 14px;
}

.b1t-ymservice-custom-header-email .popup {
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 5;
    background: #ffffff;
    padding: 21px;
    min-width: 260px;
}

.b1t-ymservice-custom-header-email.hover .popup{
    display: block;
}

.b1t-ymservice-custom-header-email .popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    z-index: 3;
}

.b1t-ymservice-custom-header-email .popup .close {
    display: block;
}

.b1t-ymservice-custom-header-email .popup .online-chat .btn {
    width: 100%;
    margin-top: 10px;
    display: block;
}

@media only screen and (min-width: 1200px) {
    .b1t-ymservice-custom-header-email .clickable-panel {
        width: 230px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .b1t-ymservice-custom-header-email .popup {
        left: -16px;
         top: -11px;
    }
 
}

@media only screen and (max-width: 991px) {
    
    .b1t-ymservice-custom-header-email {
        padding: 10px 5px;
    }
    
    .b1t-ymservice-custom-header-email .clickable-panel .context {
        font-size: 14px;
        padding-left: 30px;
    }
    .b1t-ymservice-custom-header-email .clickable-panel .context:before {
        left: 3px;
    }
}

@media only screen  and (max-width: 767px) {

    .b1t-ymservice-custom-header-email .clickable-panel .context .context-text,
    .b1t-ymservice-custom-header-email .clickable-panel .context .action {
        display: none !important;
    }
    
    .b1t-ymservice-custom-header-email {
        padding: 0px;
    }
    .b1t-ymservice-custom-header-email .popup {
        left: auto;
        right: -40px;
    }
    
    .b1t-ymservice-custom-header-email .clickable-panel {
        padding: 22px 10px;
        text-align: center;
    }
    
    .b1t-ymservice-custom-header-email .clickable-panel .context {
        height: 24px;
        padding-left: 0px;
    }
    
    .b1t-ymservice-custom-header-email .clickable-panel .context:before {
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
    }
}

@media only screen and (max-width: 570px) {
    
    .b1t-ymservice-custom-header-email .clickable-panel {
        padding: 15px 10px;
    }
}

@media only screen and (max-width: 400px) {
    
    .b1t-ymservice-custom-header-email .clickable-panel {
        padding: 10px 10px;
    }
    
    .b1t-ymservice-custom-header-email {
        position: static;
    }
    
    .b1t-ymservice-custom-header-email .popup {
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
    }  
}
/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/news.list/header-address/style.css?14582003025266*/
.b1t-ymservice-news-list-header-adress {
    position: relative;
    padding: 20px;
}

.b1t-ymservice-news-list-header-adress .context {
    color: #1f1a1a;
}

.b1t-ymservice-news-list-header-adress .context .action a {
    border-bottom-width: 1px;
}

.b1t-ymservice-news-list-header-adress .clickable-panel {
    cursor: pointer;
    white-space: nowrap;
}

.b1t-ymservice-news-list-header-adress .description-wrapper {
    font-size: 14px;
}

.b1t-ymservice-news-list-header-adress .popup {
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 5;
    background: #ffffff;
    padding: 21px;
    min-width: 260px;
}

/* ------------------------------- */
/* Иконки метро                    */
/*-------------------------------- */
.b1t-ymservice-news-list-header-adress .item .metro {
    padding-left: 34px;
    position: relative;
}

.b1t-ymservice-news-list-header-adress .item .metro-icon {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 2px;
    left: 3px;
    
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    font-weight: 400;
    display: inline-block;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.b1t-ymservice-news-list-header-adress .item .metro-icon table {
    width: 100%;
    height: 100%;
}

.b1t-ymservice-news-list-header-adress .item .metro-icon table td {
    vertical-align: middle;
    text-align:center;
}


@media only screen and (max-width: 479px) {
    .b1t-ymservice-news-list-header-adress {
        padding: 0px;
    }
    .b1t-ymservice-news-list-header-adress .popup {
        left: auto;
    }
    
    .b1t-ymservice-news-list-header-adress .clickable-panel {
        padding: 32px 20px;
        text-align: center;
    }
      
}

.b1t-ymservice-news-list-header-adress.hover .popup{
    display: block;
}

.b1t-ymservice-news-list-header-adress .popup .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    z-index: 3;
}

.b1t-ymservice-news-list-header-adress .popup .close {
    display: block;
}

.b1t-ymservice-news-list-header-adress .popup .h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 20px;
}

.b1t-ymservice-news-list-header-adress .popup .item {
    border-bottom: 1px solid #e9e9e9;
    padding: 21px;
    margin: 0px -21px;
    font-size: 14px;
}

.b1t-ymservice-news-list-header-adress .popup .item.last {
    border-bottom: 0px;
    padding-bottom: 5px;
}

.b1t-ymservice-news-list-header-adress .popup .item.sale-points {
    border-bottom: 0px;
    padding-bottom: 5px;
    border-top: 1px solid #e9e9e9;
    margin-top: 21px;
    margin-bottom: 15px;
}

.b1t-ymservice-news-list-header-adress .popup .item .metro,
.b1t-ymservice-news-list-header-adress .popup .item .address{
    min-height: 19px;
}

.b1t-ymservice-news-list-header-adress .popup .item .address:before {
    left: 3px;
}

.b1t-ymservice-news-list-header-adress .popup .item a {
    text-decoration: none;
    border-bottom-width: 1px;
}

.b1t-ymservice-news-list-header-adress .popup .btn {
    width: 100%;
    margin-top: 10px;
    display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .b1t-ymservice-news-list-header-adress .popup {
        left: -16px;
         top: -11px;
    }
 
}

@media only screen and (max-width: 991px) {
    
    .b1t-ymservice-news-list-header-adress {
        padding: 10px 5px;
    }
    
    .b1t-ymservice-news-list-header-adress .clickable-panel .context {
        font-size: 14px;
        padding-left: 30px;
    }
    .b1t-ymservice-news-list-header-adress .clickable-panel .context:before {
        left: 3px;
    }
    
    .b1t-ymservice-news-list-header-adress .popup {
        left: auto;
        right: -1px;
    }
}

@media only screen  and (max-width: 767px) {

    .b1t-ymservice-news-list-header-adress .clickable-panel .context .context-text,
    .b1t-ymservice-news-list-header-adress .clickable-panel .context .action {
        display: none !important;
    }
    
    .b1t-ymservice-news-list-header-adress {
        padding: 0px;
    }
    
    .b1t-ymservice-news-list-header-adress .clickable-panel {
        padding: 20px 10px;
        text-align: center;
    }
    
    .b1t-ymservice-news-list-header-adress .clickable-panel .context {
        height: 24px;
        padding-left: 0px;
    }
    .b1t-ymservice-news-list-header-adress .clickable-panel .context:before {
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
    }
}

@media only screen and (max-width: 570px) {
    
    .b1t-ymservice-news-list-header-adress .clickable-panel {
        padding: 15px 10px;
    }
}

@media only screen and (max-width: 590px) {
    
    
    .b1t-ymservice-news-list-header-adress .popup {
        width: 300px;
    }
    
    
}

@media only screen and (max-width: 400px) {
    
    .b1t-ymservice-news-list-header-adress .clickable-panel {
        padding: 10px 10px;
    }
    
    .b1t-ymservice-news-list-header-adress {
        position: static;
    }
    
    .b1t-ymservice-news-list-header-adress .popup {
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
    }  
}




/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/main-blocks/style.css?145709582623863*/
.b1t-ymservice-custom-main-blocks {
    position:relative;
    z-index:11;
}

.b1t-ymservice-custom-main-blocks h1 {
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0px;
}

/* ----------------------- */
/* Таб общий               */
/*-------------------------*/
.b1t-ymservice-custom-main-blocks .tab {
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    background: #fff;
    position: relative;
    overflow: hidden;
    
    -webkit-transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    height: 108px;
}

.b1t-ymservice-custom-main-blocks .tab-wrapper.active .tab {
    -moz-box-shadow: 3px 5px 18px 0px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 3px 5px 18px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 3px 5px 18px 0px rgba(0, 0, 0, 0.21);
}


/* Кнопка таба (обёртка для иконки и текста таба) */
.b1t-ymservice-custom-main-blocks .tab .tab-button{
    cursor: pointer;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 374px;
    overflow: hidden;
}

/* ----------------------- */
/* Иконка таба             */
/*-------------------------*/
.b1t-ymservice-custom-main-blocks .tab .tab-button-icon {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 120px;
    padding-left: 0px;
}

.b1t-ymservice-custom-main-blocks .tab .tab-button-icon.icon-72-bf-48 {
    display: none;
}

.b1t-ymservice-custom-main-blocks .tab .tab-button-icon:before {
    top: 50%;
    left: 50%;
    margin-top: -36px;
    margin-left: -36px;
}

/* Корректировка положения иконки таба "Узнать стоимость" */
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-cost] .tab-button-icon:before {
    margin-top: -41px;
    margin-left: -32px;
}

/* Корректировка положения иконки таба "Сдать в ремонт" */
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-repair] .tab-button-icon:before {
    margin-left: -28px;
}

/* Корректировка положения иконки таба "Получить из ремонта" */
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-get] .tab-button-icon:before {
    margin-top: -34px;
    margin-left: -44px;
}

/* ----------------------- */
/* Текст кнопки таба       */
/*-------------------------*/
.b1t-ymservice-custom-main-blocks .tab .tab-button-text {
    position: absolute;
    left: 120px;
    bottom: 0px;
    top: 0px;
    width: 254px;
    -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.b1t-ymservice-custom-main-blocks .tab:hover .tab-button-text,
.b1t-ymservice-custom-main-blocks .tab-wrapper.active .tab-button-text {
    color: #fff;
}

.b1t-ymservice-custom-main-blocks .tab .tab-button-text table {
    width: 100%;
    height: 100%;
}
.b1t-ymservice-custom-main-blocks .tab .tab-button-text table td {
    vertical-align: middle;
    padding: 0px 15px;
}
.b1t-ymservice-custom-main-blocks .tab .tab-button-text table td .desc {
    font-size: 12px;
    margin-top: 3px;
    opacity: 0.87;
}

.b1t-ymservice-custom-main-blocks .tab .tab-button-text table td .short-name {
    display:none;
}


/* ------------------------------- */
/* Меню таба                       */
/*-------------------------------- */

.b1t-ymservice-custom-main-blocks .tab .tab-menu {
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 100%;
    left: 374px;
    width: 507px;
    display: table;
}

.b1t-ymservice-custom-main-blocks .tab-menu .table-row{
    display: table-row;
}

.b1t-ymservice-custom-main-blocks .tab-menu .tab-menu-item {
    display: table-cell;
    width: 1%;
    height: 100%;
    text-align: center;
    padding: 20px 10px 0px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    white-space: nowrap;
}

.b1t-ymservice-custom-main-blocks .tab-menu .tab-menu-item:first-child {
    
     -moz-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.1) inset;  
    -webkit-box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.1) inset;  
    box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.1) inset; 
}

.b1t-ymservice-custom-main-blocks .tab-menu .tab-menu-item .icon-24 {
    margin-top: 5px;
    margin-bottom: 10px;
    opacity: 0.85;
}

/* строка только для меню табов - используется для мобильной версии на внутренних страницах */
.b1t-ymservice-custom-main-blocks .row-tab-menus {
    display: none;
}
.b1t-ymservice-custom-main-blocks .row-tab-menus .tab-menu {
    display: none;
}

/* ------------------------------- */
/* Контент табов                   */
/*-------------------------------- */

.b1t-ymservice-custom-main-blocks .tab-content {
    display: none;
}

.b1t-ymservice-custom-main-blocks .tab-content.active {
    display: block;
}

.b1t-ymservice-custom-main-blocks .tab-content-item {
    display: none;
    margin-bottom: 25px;
}

.b1t-ymservice-custom-main-blocks .tab-content-item.active {
    display: block;
}

.b1t-ymservice-custom-main-blocks .b1t-ymservice-block {
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}




/* Общие стили для разрешений больше мобильного */
@media only screen and (min-width: 768px) {
    
    .b1t-ymservice-custom-main-blocks .row {
        margin-right: -5px;
        margin-left: -5px;
    }
    
    .b1t-ymservice-custom-main-blocks .row > div {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab-wrapper {
        display: none;
    }

    .b1t-ymservice-custom-main-blocks .tab-wrapper {
        -webkit-transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
              transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }


    .b1t-ymservice-custom-main-blocks .tab-wrapper.minimized {
        width: 11.3%;
    }

    .b1t-ymservice-custom-main-blocks .tab-wrapper.active {
        width: 77.4%;
    }

    .b1t-ymservice-custom-main-blocks .tab-button{
       -webkit-transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
              transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    .b1t-ymservice-custom-main-blocks .tab {
        height: 90px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button{
         width: 307px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button-icon {
        width: 98px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button-text {
        left: 98px;
        width: 209px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu {
        left: 307px;
        width: 420px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item {
        white-space: normal;
        font-size: 14px;
        padding: 10px 7px 0px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item .icon-24 {
        margin-bottom: 5px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item .item-text-outer {
        display: table;
        height: 30px;
        width: 100%;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item .item-text-inner {
        display: table-row;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item .item-text {
        display: table-cell;
        vertical-align: middle;
        text-align:center;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button-text table td .full-name {
        display:none;;
    }
    .b1t-ymservice-custom-main-blocks .tab .tab-button-text table td .short-name {
        display:block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .b1t-ymservice-custom-main-blocks .tab {
        height: 68px;
    }
    .b1t-ymservice-custom-main-blocks .tab .tab-button{
         width: 234px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button-icon {
        width: 73px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button-icon.icon-72-bf {
        display: none;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button-icon.icon-72-bf.icon-72-bf-48 {
        display: block;
    }
    
    
    /* Корректировка положения иконки таба "Узнать стоимость" */
    .b1t-ymservice-custom-main-blocks .tab[data-tab=tab-cost] .tab-button-icon:before {
        margin-top: -28px;
        margin-left: -20px;
    }

    /* Корректировка положения иконки таба "Сдать в ремонт" */
    .b1t-ymservice-custom-main-blocks .tab[data-tab=tab-repair] .tab-button-icon:before {
        margin-top: -24px;
        margin-left: -18px;
    }

    /* Корректировка положения иконки таба "Получить из ремонта" */
    .b1t-ymservice-custom-main-blocks .tab[data-tab=tab-get] .tab-button-icon:before {
        margin-top: -22px;
        margin-left: -30px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button-text {
        left: 73px;
        width: 161px;
        font-size: 15px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-button-text table td {
        padding: 0px 10px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu {
        left: 234px;
        width: 322px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item {
        white-space: normal;
        font-size: 11px;
        padding: 5px 5px 0px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item .icon-24 {
        margin-bottom: 0px;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item .item-text-outer {
        display: table;
        height: 30px;
        width: 100%;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item .item-text-inner {
        display: table-row;
    }
    
    .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item .item-text {
        display: table-cell;
        vertical-align: middle;
        text-align:center;
    }

    .b1t-ymservice-custom-main-blocks .tab .tab-button-text table td .full-name {
        display:none;
    }
    .b1t-ymservice-custom-main-blocks .tab .tab-button-text table td .short-name {
        display:block;
    }
    .b1t-ymservice-custom-main-blocks .tab .tab-button-text table td .desc {
        display:none;
    }
}

@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-custom-main-blocks .row-tabs-inline {
        display: none;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab {
        height: auto;
        margin-bottom: 5px;
    }

    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-button{
        position: relative;
        width: 100%;
        overflow: visible;
        height: 68px;
    }

    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-button-icon {
        width: 73px;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-button-icon.icon-72-bf {
        display: none;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-button-icon.icon-72-bf.icon-72-bf-48 {
        display: block;
    }
    
    
    /* Корректировка положения иконки таба "Узнать стоимость" */
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab[data-tab=tab-cost] .tab-button-icon:before {
        margin-top: -28px;
        margin-left: -20px;
    }

    /* Корректировка положения иконки таба "Сдать в ремонт" */
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab[data-tab=tab-repair] .tab-button-icon:before {
        margin-top: -24px;
        margin-left: -18px;
    }

    /* Корректировка положения иконки таба "Получить из ремонта" */
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab[data-tab=tab-get] .tab-button-icon:before {
        margin-top: -22px;
        margin-left: -30px;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-button-text {
        left: 73px;
        bottom: 0px;
        top: 0px;
        width: auto;
        right: 0px;
        color: #fff;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-button-text table td {
        padding: 0px 0px;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-button-text table td .desc {
        display:none;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-menu {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        display: none;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab-wrapper.active .tab .tab-menu {
        display: block;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-menu .tab-menu-item {
        padding: 0px 5px;
        white-space: normal;
        vertical-align: middle;
        height: 68px;
    }
    
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-menu .tab-menu-item .icon-24 {
        display: none;
    }
    
    .b1t-ymservice-custom-main-blocks .tab-content-item {
        margin-bottom: 10px;
        margin-top: -5px;
    }
    
    .b1t-ymservice-custom-main-blocks .b1t-ymservice-block {
         padding: 20px 10px 20px;;
    }
    

}

@media only screen and (max-width: 500px) {
    .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab .tab-menu .tab-menu-item {
        font-size: 12px;
    }
}


/* ------------------------------- */
/* Стили для внутренних страниц    */
/*-------------------------------- */

@media only screen and (min-width: 768px) {
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab {
        height: 68px;

        -webkit-transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
              transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-button-text table td .desc {
        display:none;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-button-icon {
        width: 80px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-button-icon.icon-72-bf {
        display: none;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-button-icon.icon-72-bf.icon-72-bf-48 {
        display: block;
    }
    
    /* Корректировка положения иконки таба "Узнать стоимость" */
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab[data-tab=tab-cost] .tab-button-icon:before {
        margin-top: -28px;
        margin-left: -20px;
    }

    /* Корректировка положения иконки таба "Сдать в ремонт" */
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab[data-tab=tab-repair] .tab-button-icon:before {
        margin-top: -24px;
        margin-left: -18px;
    }

    /* Корректировка положения иконки таба "Получить из ремонта" */
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab[data-tab=tab-get] .tab-button-icon:before {
        margin-top: -22px;
        margin-left: -30px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-button-text {
        left: 80px;
        width: 293px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper.minimized {
        width: 90px;
    }
    
}

@media only screen and (min-width: 1200px) {
    
    html.bx-no-touch.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks {
        min-height: 88px;
    }
    
    
    html.bx-no-touch.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper .tab:hover,
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper.active .tab {
        height: 88px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper.active {
        width: 960px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-menu {
        width: 576px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-menu .tab-menu-item {
        padding: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    html.bx-no-touch.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks {
        min-height: 88px;
    }
    
    html.bx-no-touch.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper .tab:hover,
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper.active .tab {
        height: 88px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper.active {
        width: 770px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-menu {
        width: 453px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper.minimized {
        width: 83px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-wrapper.active {
        width: 564px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-menu {
        width: 320px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-button-icon {
        width: 73px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab .tab-button-text {
        left: 73px;
        width: 161px;
    }
    
   
}

@media only screen and (max-width: 767px)  {

    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tabs-inline,
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tab-menus,
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tab-menus .tab-menu.active{
        display: block;
    }
    
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab-wrapper,
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tabs-inline .tab .tab-button-text,
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tabs-inline .tab .tab-menu{
        display: none;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline {
        margin-right: 0px;
        margin-left: 0px;
        
        

        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        
        position: relative;
        z-index: 1;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline > div {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;

        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        
        height: 68px;

    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab .tab-button { 
        width: 100%;                                                    
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab .tab-button-icon {
        width: 100%;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab .tab-button-icon.icon-72-bf {
        display: none;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab .tab-button-icon.icon-72-bf.icon-72-bf-48 {
        display: block;
    }
    
    
    /* Корректировка положения иконки таба "Узнать стоимость" */
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab[data-tab=tab-cost] .tab-button-icon:before {
        margin-top: -28px;
        margin-left: -20px;
    }

    /* Корректировка положения иконки таба "Сдать в ремонт" */
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab[data-tab=tab-repair] .tab-button-icon:before {
        margin-top: -24px;
        margin-left: -18px;
    }

    /* Корректировка положения иконки таба "Получить из ремонта" */
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab[data-tab=tab-get] .tab-button-icon:before {
        margin-top: -22px;
        margin-left: -30px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab[data-tab=tab-cost] {
        -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab[data-tab=tab-repair] {
        -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row.row-tabs-inline .tab[data-tab=tab-get] {
        -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    }
    
    

    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tab-menus .tab-menu {
    
       -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tab-menus .tab-menu .tab-menu-item {
        padding: 0px 5px;
        white-space: normal;
        vertical-align: middle;
        height: 68px;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tab-menus .tab-menu .tab-menu-item:first-child {
    
        -moz-box-shadow: none;  
        -webkit-box-shadow: none;  
        box-shadow: none;  
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tab-menus .tab-menu .tab-menu-item .icon-24 {
        display: none;
    }
    
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .tab-content-item {
        margin-top: 0px;
    }

}

@media only screen and (max-width: 500px) {
    html.b1t-ym-not-main-page .b1t-ymservice-custom-main-blocks .row-tab-menus .tab-menu .tab-menu-item {
        font-size: 12px;
    }
}
/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/catalog.section.list/main-blocks-tab-cost-by-model/style.css?14507862144208*/
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .row > div {
    padding-left: 15px;
    padding-right: 15px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brands-container{
    margin: -20px;
    padding: 20px;
    position: relative;
}


.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .title {
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brand {
    min-height: 50px;
    position: relative;
    margin: 40px 10px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brand a,
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brand a:hover,
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brand a:focus {
    text-decoration: none;
    border-bottom: none;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brand img {
    position:absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto auto auto auto;
    max-width: 100%; 
    width: auto\9; /* ie8 */ 
    height: auto; 
    opacity: 0.3;
}

html.bx-no-touch .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brand img:hover,
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brand.active img {
    opacity: 1;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-loader {
    display: none;
    padding-top: 30px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container {
    display: none;
    background: #fafbfc;
    margin: 0px -20px -20px;
    padding: 60px 20px 20px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container .models-wrapper {
    display: none;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container .tab-nav {
    font-size: 14px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container .tab-nav .nav:before {
    display: none;
}
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container .tab-nav .nav:after {
    display: none;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container .tab-nav.mobile {
    display: none;
    padding: 0px 10px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container .tab-nav.mobile li {
    float: left !important;
    display: block !important;
    width: 50% !important;
    text-align: center;
}


/* ----------------------- */
/* Поиск                   */
/*-------------------------*/

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .search-container {
    text-align: center;
    position:absolute;
    bottom: -25px;
    left: 0px;
    right: 0px;
    z-index: 12;
}

@media only screen and (max-width: 768px){
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model {
        margin: 0px -10px;
    }
    
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brands-container{
        margin: -20px 0px;
        padding: 10px;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .row > .col-xs-6 {
        width: 50% !important;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .brand {
        margin: 10px 10px;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container {
        margin: 0px;
        padding: 60px 10px 10px;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container .tab-nav.common {
        display: none;
    }
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .models-container .tab-nav.mobile {
        display: block;
    }
    
    html.b1t-ym-main-page .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-model .not-loaded-yet .search-container {
        position: relative;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/news.list/carousel-simple/style.css?14571088963523*/
.b1t-ymservice-news-list-carousel-simple {
    position: relative;
}

.b1t-ymservice-news-list-carousel-simple .item {
    margin: 20px 10px 70px 10px;
}

.b1t-ymservice-news-list-carousel-simple .item .picture {
    height: 200px;
    position: relative;
} 

.b1t-ymservice-news-list-carousel-simple .item .picture img {
    position:absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto auto auto auto;
    
    max-width: 100%; 
    width: auto\9; 
    width: auto; 
    
    max-height: 100%;
    height: auto; 

}

.b1t-ymservice-news-list-carousel-simple .item .picture a,
.b1t-ymservice-news-list-carousel-simple .item .picture a:hover,
.b1t-ymservice-news-list-carousel-simple .item .picture a:focus{
    border-bottom: none;
    text-decoration: none;
}

.b1t-ymservice-news-list-carousel-simple .item .name {
    margin: 15px -20px 0px -20px;
    border-top: 1px solid #cfd0d0;
    padding: 15px 20px 0px;
    min-height: 55px
}

.b1t-ymservice-news-list-carousel-simple .item .name a {
    font-size: 14px;
    color: #000000;
}
.b1t-ymservice-news-list-carousel-simple .item .name a,
.b1t-ymservice-news-list-carousel-simple .item .name a:hover,
.b1t-ymservice-news-list-carousel-simple .item .name a:focus,
.b1t-ymservice-news-list-carousel-simple .item .name a:active{
    text-decoration: none;
    border-bottom: none;
}

.b1t-ymservice-news-list-carousel-simple .item .popup {
    position: absolute;
    top: 20px;
    right: 10px;
    left: 10px;
    display: none;
}

html.bx-no-touch .b1t-ymservice-news-list-carousel-simple .item:hover .popup,
html.bx-touch .b1t-ymservice-news-list-carousel-simple .item.active .popup{
    display: block;
}

.b1t-ymservice-news-list-carousel-simple .item .popup .name {
    min-height: 1px;
}

.b1t-ymservice-news-list-carousel-simple .item .popup .button-wrapper .btn {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
}


.b1t-ymservice-news-list-carousel-simple .owl-theme .owl-controls .owl-buttons div {
    margin-top: -60px;
}

.b1t-ymservice-news-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -19px;
}
.b1t-ymservice-news-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -19px;
}

.b1t-ymservice-news-list-carousel-simple .go-to-wrapper {
    text-align: center;
    margin-top: -35px;
}

.b1t-ymservice-news-list-carousel-simple .go-to-wrapper .btn {
    font-size: 14px;
    padding-left: 40px; 
    padding-right: 40px;
}

@media only screen and (max-width: 991px) { 
    .b1t-ymservice-news-list-carousel-simple .item .picture {
        height: 170px;
    }
    
    .b1t-ymservice-news-list-carousel-simple .item .name {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .b1t-ymservice-news-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -10px;
    }
    .b1t-ymservice-news-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -10px;
    }
}

@media only screen and (max-width: 767px) { 
    .b1t-ymservice-news-list-carousel-simple .item .picture {
        height: 150px;
    }
    
    .b1t-ymservice-news-list-carousel-simple .item .popup .name {
        min-height: 1px;
    }
    
    .b1t-ymservice-news-list-carousel-simple .item .name {
        margin: 15px -10px 0px -10px;
    }
    
    .b1t-ymservice-news-list-carousel-simple .owl-theme .owl-controls .owl-buttons div {
        margin-top: -40px;
    }

}
/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/news.list/carousel-simple/style.css?146000799683*/
.b1t-ymservice-news-list-carousel-simple .item .name a:hover {
  color: #2a98d3;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.iblock.search/ajax/style.css?14571088784535*/
.b1t-ymservice-iblock-search-ajax {
    position: relative;
    height: 50px;
    width: 32px;
    display: inline-block;
    
    -webkit-transition: width 0.3s;
          transition: width 0.3s;
          
    text-align: left;
}

.b1t-ymservice-iblock-search-ajax.open {
    width: 320px;
}

.b1t-ymservice-iblock-search-ajax .input-wrapper {
    position: absolute;
    width: 0px;
    top: 10px;
    right: 15px;
    
    border-top: 1px solid #cfd0d0;
    border-left: 1px solid #cfd0d0;
   
    -webkit-transition: width 0.3s;
          transition: width 0.3s;
    overflow: hidden;
}

.b1t-ymservice-iblock-search-ajax .input-inner {
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
     background: #fff;
}

.b1t-ymservice-iblock-search-ajax.open .input-wrapper {
    width: 320px;
}

@media only screen and (max-width: 768px) {
    .b1t-ymservice-iblock-search-ajax.open,
    .b1t-ymservice-iblock-search-ajax.open .input-wrapper {
        width: 285px;
    }
}

@media only screen and (max-width: 500px) {
    .b1t-ymservice-iblock-search-ajax.open,
    .b1t-ymservice-iblock-search-ajax.open .input-wrapper {
        width: 250px;
    }
}

.b1t-ymservice-iblock-search-ajax .input-wrapper input {
    background: transparent;
    color: #000;
    width: 100%;
    font-size: 13px;
    padding: 7px 0px 7px 0px;
    border: 0px;
    outline: 0;
}
.b1t-ymservice-iblock-search-ajax .input-wrapper input:focus {
    outline: 0;
}
.b1t-ymservice-iblock-search-ajax.open .input-wrapper input{
    padding: 7px 40px 7px 10px;
    visibility: visible;
}
    

.b1t-ymservice-iblock-search-ajax .search-btn {
    position: absolute;
    display: block;
    top: -3px;
    right: -10px;
    width: 56px;
    height: 56px;
    cursor:pointer;
    
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-box-shadow: 5px 8px 17px 1px rgba(0,0,0,.27);
    -moz-box-shadow: 5px 8px 17px 1px rgba(0,0,0,.27);
    box-shadow: 5px 8px 17px 1px rgba(0,0,0,.27);
}

.b1t-ymservice-iblock-search-ajax .search-btn .icon-24 {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-12px;
    margin-left:-12px;
}

.b1t-ymservice-iblock-search-ajax .input-wrapper .results-wrapper {
    position: absolute;
    top: 100%;
    right:-1px;
    left:-1px;
    border: 1px solid #2a97d1;
    background: #fff;
    padding: 15px;
    display: none;
}

.b1t-ymservice-iblock-search-ajax.closed .results-wrapper {
    display: none !important;
}


.b1t-ymservice-iblock-search-ajax div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
        border-top: 2px solid #2a97d1;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result .item td {
    padding: 10px;
    background: #ffffff;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result .item:hover td {
    background: #eeeff0;
}


.b1t-ymservice-iblock-search-ajax div.title-search-result table {
    width: 100%;
    border-collapse: collapse;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result table td {
    vertical-align: middle;
    border-top: 1px solid #e0e0e0;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result table td.picture {
    width: 52px;
    text-align: center;
    padding-right: 5px;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result table td.picture a,
.b1t-ymservice-iblock-search-ajax div.title-search-result table td.picture a:hover,
.b1t-ymservice-iblock-search-ajax div.title-search-result table td.picture a:focus {
    text-decoration: none;
    border-bottom: none; 
}


.b1t-ymservice-iblock-search-ajax div.title-search-result a.link {
    font-size: 14px;
    text-decoration: none;
    border-bottom-color: transparent;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result a.link:focus,
.b1t-ymservice-iblock-search-ajax div.title-search-result a.link:hover{
    border-bottom: 1px solid #0d47a1;
    color: #0d47a1;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result .path  {
    font-size: 12px;
}
.b1t-ymservice-iblock-search-ajax div.title-search-result .path a{
    text-decoration: none;
}



.b1t-ymservice-iblock-search-ajax div.title-search-result td.all {
    text-align: center;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result td.all .btn {
    text-transform: none;
}

.b1t-ymservice-iblock-search-ajax div.title-search-result .price {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
}


/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/b1team/ymservice.iblock.search/ajax/style.css?1460007996160*/
.b1t-ymservice-iblock-search-ajax .search-btn {
  background: #2a98d3;
}
.b1t-ymservice-iblock-search-ajax .input-inner {
  border-bottom: 2px solid #2a98d3;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/catalog.section.list/main-blocks-tab-cost-by-breaking/style.css?14567565385315*/
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .row > div {
    padding-left: 15px;
    padding-right: 15px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brands-container{
    margin: -20px;
    padding: 20px;
    position: relative;
}


.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .title {
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brand {
    min-height: 50px;
    position: relative;
    margin: 40px 10px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brand img {
    position:absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto auto auto auto;
    max-width: 100%; 
    width: auto\9; /* ie8 */ 
    height: auto; 
    opacity: 0.3;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brand a,
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brand a:hover,
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brand a:focus {
    text-decoration: none;
    border-bottom: none;
}

html.bx-no-touch .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brand img:hover,
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brand.active img {
    opacity: 1;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-loader {
    display: none;
    padding-top: 30px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container {
    display: none;
    background: #fafbfc;
    margin: 0px -20px -20px;
    padding: 60px 20px 20px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container .defects-wrapper {
    display: none;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container .tab-nav {
    font-size: 14px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container .tab-nav .nav:before {
    display: none;
}
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container .tab-nav .nav:after {
    display: none;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container .tab-nav.mobile {
    display: none;
    padding: 0px 10px;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container .tab-nav.mobile li {
    float: left !important;
    display: block !important;
    width: 50% !important;
    text-align: center;
}


/* ----------------------- */
/* Поиск                   */
/*-------------------------*/

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .search-container {
    text-align: center;
    position:absolute;
    bottom: -25px;
    left: 0px;
    right: 0px;
    z-index: 12;
}

/* ----------------------- */
/* Режим одного бренда     */
/*-------------------------*/

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking.single .brands-container {
    display: none;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking.single .defects-container {
    display: block;
    padding-top: 0px;
}
.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking.single .defects-container .defects-wrapper{
    display: block;
}

.b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking.single .search-container {
    bottom: auto;
    left: auto;
    right: 30px;
    top: 20px;
}

@media only screen and (max-width: 768px){
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking {
        margin: 0px -10px;
    }
    
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brands-container{
        margin: -20px 0px;
        padding: 10px;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .row > .col-xs-6 {
        width: 50% !important;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .brand {
        margin: 10px 10px;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container {
        margin: 0px;
        padding: 60px 10px 10px;
    }
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container .tab-nav.common {
        display: none;
    }
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .defects-container .tab-nav.mobile {
        display: block;
    }
    
    html.b1t-ym-main-page .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking .not-loaded-yet .search-container {
        position: relative;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
    
    /* ----------------------- */
    /* Режим одного бренда     */
    /*-------------------------*/
    
    .b1t-ymservice-catalog-section-list-main-blocks-tab-cost-by-breaking.single .search-container {
        position: relative;
        bottom: auto;
        left: auto;
        right: 0px;
        top: 5px;
    }
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/catalog.section.list/carousel-simple/style.css?14571088684167*/
.b1t-ymservice-catalog-section-list-carousel-simple {
    position: relative;
}

.b1t-ymservice-catalog-section-list-carousel-simple .item {
    margin: 20px 10px 70px 10px;
}

.b1t-ymservice-catalog-section-list-carousel-simple .item .picture {
    height: 200px;
    position: relative;
} 

.b1t-ymservice-catalog-section-list-carousel-simple .item .picture img {
    position:absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto auto auto auto;
    
    max-width: 100%; 
    width: auto\9; 
    width: auto; 
    
    max-height: 100%;
    height: auto; 

}

.b1t-ymservice-catalog-section-list-carousel-simple .item .picture a,
.b1t-ymservice-catalog-section-list-carousel-simple .item .picture a:hover,
.b1t-ymservice-catalog-section-list-carousel-simple .item .picture a:focus{
    border-bottom: none;
    text-decoration: none;
}

.b1t-ymservice-catalog-section-list-carousel-simple .item .name {
    margin: 15px -20px 0px -20px;
    border-top: 1px solid #cfd0d0;
    padding: 15px 20px 0px;
    min-height: 55px
}

.b1t-ymservice-catalog-section-list-carousel-simple .item .name a {
    font-size: 14px;
    color: #000000;
}
.b1t-ymservice-catalog-section-list-carousel-simple .item .name a,
.b1t-ymservice-catalog-section-list-carousel-simple .item .name a:hover,
.b1t-ymservice-catalog-section-list-carousel-simple .item .name a:focus,
.b1t-ymservice-catalog-section-list-carousel-simple .item .name a:active{
    text-decoration: none;
    border-bottom: none;
}

.b1t-ymservice-catalog-section-list-carousel-simple .item .popup {
    position: absolute;
    top: 20px;
    right: 10px;
    left: 10px;
    display: none;
}

html.bx-no-touch .b1t-ymservice-catalog-section-list-carousel-simple .item:hover .popup,
html.bx-touch .b1t-ymservice-catalog-section-list-carousel-simple .item.active .popup{
    display: block;
}

.b1t-ymservice-catalog-section-list-carousel-simple .item .popup .name {
    min-height: 1px;
}

.b1t-ymservice-catalog-section-list-carousel-simple .item .popup .button-wrapper .btn {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
}


.b1t-ymservice-catalog-section-list-carousel-simple .owl-theme .owl-controls .owl-buttons div {
    margin-top: -60px;
}

.b1t-ymservice-catalog-section-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-prev {
    margin-left: 10px;
}
.b1t-ymservice-catalog-section-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-next {
    margin-right: 9px;
}

.b1t-ymservice-catalog-section-list-carousel-simple .go-to-wrapper {
    text-align: center;
    margin-top: -35px;
}

.b1t-ymservice-catalog-section-list-carousel-simple .go-to-wrapper .btn {
    font-size: 14px;
    padding-left: 40px; 
    padding-right: 40px;
}

@media only screen and (max-width: 991px) { 
    .b1t-ymservice-catalog-section-list-carousel-simple .item .picture {
        height: 170px;
    }
    
    .b1t-ymservice-catalog-section-list-carousel-simple .item .name {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .b1t-ymservice-catalog-section-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-prev {
        margin-left: 5px;
    }
    .b1t-ymservice-catalog-section-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-next {
        margin-right: 4px;
    }
}

@media only screen and (max-width: 767px) { 
    .b1t-ymservice-catalog-section-list-carousel-simple .item .picture {
        height: 150px;
    }
    
    .b1t-ymservice-catalog-section-list-carousel-simple .item .popup .name {
        min-height: 1px;
    }
    
    .b1t-ymservice-catalog-section-list-carousel-simple .item .name {
        margin: 15px -10px 0px -10px;
    }
    
    .b1t-ymservice-catalog-section-list-carousel-simple .owl-theme .owl-controls .owl-buttons div {
        margin-top: -40px;
    }
    
    .b1t-ymservice-catalog-section-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-prev {
        margin-left: 5px;
    }
    .b1t-ymservice-catalog-section-list-carousel-simple .owl-theme .owl-controls .owl-buttons .owl-next {
        margin-right: 4px;
    }

}
/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/catalog.section.list/carousel-simple/style.css?146000799694*/
.b1t-ymservice-catalog-section-list-carousel-simple .item .name a:hover {
  color: #2a98d3;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/main-blocks-tab-cost-call/style.css?14533750005695*/
.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .title {
    font-size: 20px;
    margin-bottom: 20px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .items {
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15); 
    -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15); 
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item {
    padding: 25px 25px 0px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.5;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item:hover {
    box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -moz-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -webkit-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item.first:hover {
    box-shadow: 4px 5px 18.92px 1.08px rgba(0, 0, 0, 0.14); 
    -moz-box-shadow: 4px 5px 18.92px 1.08px rgba(0, 0, 0, 0.14); 
    -webkit-box-shadow: 4px 5px 18.92px 1.08px rgba(0, 0, 0, 0.14); 
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item .property {
    margin-bottom: 25px;
    line-height: 26px;
    padding-left: 42px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item .property.icon-24-bf-19 {
    display: none;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item .callback {
     display: none;
}
.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item:hover .callback {
    display: block;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .callback-mobile {
    display: none;
}
.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .callback-mobile .callback-mobile-btn {
    width: 100%;
    display: block;
    font-size: 13px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .callback-mobile.active .callback-mobile-btn {
    display: none;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .callback-mobile .callback-mobile-inner {
    display: none;
}


@media only screen and (max-width: 991px) {
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item {
        font-size: 14px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item .property.icon-24-bf {
        display: none;
    }
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item .property.icon-24-bf.icon-24-bf-19 {
        display: block;
        line-height: 22px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item .property {
        padding-left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .b1t-ymservice-form-result-new-callback-ajax {
        margin-top: -5px;
    }
}

@media only screen and (min-width: 768px) {
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item:hover {
        position:relative;
        top: -1px;
        padding-top: 26px;
        z-index: 10;
        background: #fff;
    }
    
}

@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .title {
        text-align: center;
        font-size: 16px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item .property .city {
        display: none;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .items {
        box-shadow: none; 
        -moz-box-shadow: none; 
        -webkit-box-shadow: none; 
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item {
        padding: 15px 15px 0px;
        border-bottom: 0px;
        margin-bottom: 10px; 
        background-color: #fefefe;
        
        -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item,
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item.first:hover,
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item:hover {
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .item .property {
        margin-bottom: 15px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .callback-mobile {
        display: block;
    }
    .b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .callback-mobile.active .callback-mobile-inner {
        display: block;
    }

}


/* ------------------------------- */
/* Стиля формы обратной связи      */
/*-------------------------------- */

.b1t-ymservice-form-result-new-callback-ajax {
    margin-bottom: 25px;
    width: 180px;
}

.b1t-ymservice-form-result-new-callback-ajax .form-title {
    font-size: 18px;
}

.b1t-ymservice-form-result-new-callback-ajax .btn {
    width: 100%;
    display: block;
    font-size: 13px;
}

.b1t-ymservice-form-result-new-callback-ajax .form-success-note {
    font-size: 14px;
}

.b1t-ymservice-form-result-new-callback-ajax .form-group-label {
    margin-bottom: 20px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .callback-mobile .b1t-ymservice-form-result-new-callback-ajax {
    width: 100%;
    margin-bottom: 0px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-cost-call .callback-mobile .b1t-ymservice-form-result-new-callback-ajax .form-title {
    text-align: center;
}

@media only screen and (max-width: 991px) {
    
    .b1t-ymservice-form-result-new-callback-ajax {
        margin-bottom: 15px;
    }
    
}
/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/chat/style.css?1451029302841*/
.b1t-ymservice-ymservice-custom-chat .title {
    font-size: 20px;
    margin-bottom: 20px;
}

.b1t-ymservice-ymservice-custom-chat .chat-form-wrapper {
    max-width: 250px;
}

.b1t-ymservice-ymservice-custom-chat .btn {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 14px;
}

.b1t-ymservice-ymservice-custom-chat .send-email {
    margin-top: 20px;
}

.b1t-ymservice-ymservice-custom-chat .description-wrapper,
.b1t-ymservice-ymservice-custom-chat .send-email{
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-ymservice-custom-chat .title {
        text-align: center;
        font-size: 16px;
    }
    
    .b1t-ymservice-ymservice-custom-chat .description-wrapper,
    .b1t-ymservice-ymservice-custom-chat .send-email{
        font-size: 13px;
    }
   

}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/news.list/main-blocks-tab-repair-bring-into-service/style.css?145932334627075*/
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .b1t-ymservice-block {
    display: none;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .items-map-container {
    margin: 0px -20px -20px;;
    position: relative;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .items-map-container .items {
    width: 50%;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .items-map-container .map {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 50%;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item {
    position: relative;
    padding: 20px 25px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    background-color: #fcfeff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.item-main-office:before {
    position: absolute;
    content:" ";
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 3px;
    
    -webkit-border-radius: 2px 0px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item:hover,
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .items-map-container .map{
    box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -moz-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -webkit-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item:hover{
     z-index:11 !important;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.active{
    -webkit-box-shadow: 11px 18px 56px 4px rgba(0,0,0,.24);
    -moz-box-shadow: 11px 18px 56px 4px rgba(0,0,0,.24);
    box-shadow: 11px 18px 56px 4px rgba(0,0,0,.24);
    
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.active {
    z-index:10 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .collapser {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 20px;
    height: 20px;
}


.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point.active .collapser:before,
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.active .collapser:before {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #b8b9ba transparent;
    margin-top: -3px;
}



.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point .collapser:before,
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .collapser:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #b8b9ba transparent transparent transparent;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -5px;
    
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .collapsable {
    display: none;
}
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.active .collapsable {
    display: block;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.active .uncollapsable {
    display: none;
}

/* ------------------------------- */
/* Главный офис                    */
/*-------------------------------- */

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .main-office {
    position: absolute;
    top: 5px;
    left: 67px;
    font-size: 12px;
}
/* ------------------------------- */
/* Свойства                        */
/*-------------------------------- */

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property {
    line-height: 26px;
    padding: 5px 0px 5px 42px;
    position: relative;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.icon-24-bf:before {
    top: 5px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.icon-24-bf-19 {
    display: none;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property a {
    font-size: 14px;
    border-bottom-width:1px;
}


/* ------------------------------- */
/* Иконки метро                    */
/*-------------------------------- */

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .metro-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.metro {
    padding-top: 0px;
    padding-bottom: 0px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.metromap {
    padding-top:0px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property .metro-icon {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 3px;
    left: 2px;
    
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    display: inline-block;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property .metro-icon table {
    width: 100%;
    height: 100%;
}


.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property .metro-icon table td {
    vertical-align: middle;
    text-align:center;
}

/* ------------------------------- */
/* Фото доп возможностей           */
/*-------------------------------- */

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.features-photo .photo {
    float: left;
    margin-right: 8px;
    height: 50px;
    position: relative;
    white-space: nowrap;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.features-photo .photo::before {
    content:"";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.features-photo .photo:last-of-type {
    margin-right: 0px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.features-photo .photo img {
    max-width: 100%; 
    width: auto\9; 
    width: auto; 
    
    max-height: 100%;
    height: auto; 
    
    margin: auto;
}


/* ------------------------------- */
/* Контейнер формы обратной связи  */
/*-------------------------------- */

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .callback {
    display: none;
    padding-left: 42px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .callback .b1t-ymservice-form-result-new-callback-ajax {
    width: 100%;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .callback .b1t-ymservice-form-result-new-callback-ajax .form-group,
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .callback .b1t-ymservice-form-result-new-callback-ajax .buttons-wrapper{
    width: 180px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .callback.active {
    display: block;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .callback .b1t-ymservice-form-result-new-callback-ajax .form-title{
    display: none;
}

/* ------------------------------- */
/* Форма отправки СМС координат    */
/*-------------------------------- */

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .sms-mobile-btn {
    margin-top: 10px;
    display: block;
    font-size: 12px;
    width: 100%;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .sms-coordinates-inner {
    display: none;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .sms-coordinates.active  .sms-coordinates-inner{
    display: block;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .sms-coordinates.active .sms-mobile-btn {
    display: none;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .captcha {
    position: absolute;
    right: 0px;
    top: -5px;
    width: 150px;
    height: 33px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .btn {
    width: 100%;
    display: block;
    font-size: 13px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .form-success-note {
    font-size: 14px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .form-group-label {
    margin-bottom: 20px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .captcha-label-2 {
    display: none;
}

/* ------------------------------- */
/* Стили балуна                    */
/*-------------------------------- */
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout {
    position: relative;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout {
    position: relative;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout-text {
    padding: 10px;
    color: #fefefe;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout-name {
    font-size: 15px;
    margin-bottom:5px;
    font-weight:400;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout-address {
    font-size: 12px;
    font-weight:300;
    padding-right:30px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout .arrow {
    position: relative;
    height: 5px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout .arrow:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -6px;
    
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout .close-wrapper {
    position: relative;
    height: 13px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout .close {
    position: absolute;
    top: 0px;
    right: 0px;
}


.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout.sale-point-layout .balloon-content-layout-text {
    background: #ffa000;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout.sale-point-layout .arrow:before {
    border-color: #ffa000 transparent transparent transparent;
}


/* ------------------------------- */
/* Верхний блок с кнопкой перехода к заявке */
/*-------------------------------- */

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block{
    padding: 20px 10px 40px;
}

/* ------------------------------- */
/* Кнопка "Все"                    */
/*-------------------------------- */

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .mobile-btn-all {
    display: none;
}


/* ------------------------------- */
/* Блок точек приема               */
/*-------------------------------- */
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .title {
    font-size: 18px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points:before {
    position: absolute;
    content:" ";
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 3px;
    background-color: #fcba02;
    
    -webkit-border-radius: 2px 0px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .title,
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-wrap {
     display: inline-block;
}


.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-wrap {
    margin: 0px;
    position: relative;
    left: 30px;
}

   
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .tail{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    right: 8px;
    cursor: pointer;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .tail:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #bbbbbb transparent transparent transparent;
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -5px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown.open .tail:before {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #bbbbbb transparent;
    margin-top: -3px;
}


.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city  .dropdown-toggle-btn {
    background-color: #f5f5f5;
    text-transform: none;
    position: relative;
    padding-right: 60px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-menu {
    background-color: #f5f5f5;
    top: 0px;
    padding-top: 42px !important;
    border: none;
    padding-bottom: 0px !important;
    width: 150px; 
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .choose-city .dropdown-menu .cities-list {
   max-height: 200px;
   overflow-y: auto;
}


.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-menu li:first-child {
    border-top: 1px #dcdcdc solid;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-menu li a {
    padding: 5px 15px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-menu li a:hover {
    background-color: #eeeeee;  
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-menu li.all-cities {
    display:none;
}


.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .property.sale-points-list {
    margin-top: 10px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .item .collapsable {
    display: none;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .item.active .collapsable {
    display: block;
}



.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point {
    display: none;
    
    margin: 0px;
    -webkit-border-radius:0;
    -moz-border-radius: 0;
    border-radius: 0;
}


.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point {
    padding: 0 10px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service  .item.sale-point  .property.icon-24-bf.address:before {
    top: 12px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point .title {
    padding: 5px 0;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point.active .title a {
    color: #000;
    text-decoration: none;
    border: none;
    font-size: 16px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point  .collapser {
    top: 13px;
    right: 10px;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point  .property.icon-24-bf.icon-24-bf-19.collapsable{
    display: none !important;
}

.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point .property {
    padding: 5px 42px;
}

@media only screen and (max-width: 1199px) {
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .city {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .title {
        font-size: 14px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-wrap  {
        left: 0px;
        display: block;
    }
     
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point .property.icon-24-bf.collapsable {
        display: none !important;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-point  .property.icon-24-bf.icon-24-bf-19.collapsable{
        display: block !important;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item {
        font-size: 14px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.icon-24-bf {
        display: none;
    }
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.icon-24-bf.icon-24-bf-19 {
        display: block;
        line-height: 22px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.icon-24-bf.icon-24-bf-19.collapsable {
        display: none;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.active .property.icon-24-bf.icon-24-bf-19.collapsable {
        display: block;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property,
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .callback{
        padding-left: 30px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-text-wrapper {
        font-size: 14px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .collapser {
        right: 10px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property .metro-icon {
        width: 17px;
        height: 17px;
        font-size: 10px;
        line-height: 18px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.features-photo .photo {
        height: 40px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .main-office {
        left: 55px;
    }
}

@media only screen and (min-width: 768px) {
    
    /* ------------------------------- */
    /* Виды ремонта                    */
    /*-------------------------------- */
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container {
        margin: 15px -25px -20px;
    }

    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container .table-table {
        display: table;
        width: 100%;
    }

    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container .table-row {
        display: table-row;
        width: 100%;
    }
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container .table-cell {
        display: table-cell;
        width: 33.33333%;
        height: 100%;
        text-align: center;
        padding: 10px 5px;
        border-top: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
    }
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container .table-cell:last-child {
        border-right: 0px;
    }

    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container .table-cell .description {
        font-size: 14px;
        margin-bottom: 5px;
        display: block;
    }
    
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-outer {
        display: table;
        width: 100%;
    }

    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-inner {
        display: table-row;
        width: 100%;
    }

    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-text-wrapper,
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-btn-wrapper{
        display:table-cell;
        vertical-align: middle;
    }

}

@media only screen and (min-width: 992px) {
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container .table-cell {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    
   .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-menu .cities-list {
       margin-right: -25px;
       padding-right: 25px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-wrap  {
        top: 0px;
        left: 30px;
        display: inline-block;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .items-map-container {
        margin: 0px;
    }

    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .items-map-container .items {
        width: 100%;
    }

    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .items-map-container .map {
        display: none;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item {
        padding: 15px 25px 15px 15px;
        margin-bottom: 10px; 
        
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
        
        -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
        
        background-color: #fefefe;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item:last-child {
        margin-bottom: 0px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .collapser {
        top: 15px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property a {
        font-size: 13px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .property.features-photo {
        padding-left: 0px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container {
        margin: 25px -15px 15px;
        border-top: 1px solid #d8d8d8;
        padding: 15px 15px 0px;
        font-size: 13px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container .table-cell {
        margin-bottom: 5px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container .table-cell .description:after {
        content: ":";
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .repair-container.hide-repair-values .table-cell .description:after {
        display: none;
    }

    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .btn {
        font-size: 12px;
    }
    
    
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .captcha-label-1 {
        display: none;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .captcha-label-2 {
        display: inline;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .b1t-ymservice-form-result-new-sms-coordinates-ajax .captcha {
        
        top: -2px;
        width: 135px;
        height: 30px;
    }
    
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-text-wrapper,
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-btn-wrapper{
        display:block;
        text-align: center;
        
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-text-wrapper,
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-btn-wrapper .btn{
        font-size: 13px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block-btn-wrapper {
        margin-top: 10px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block{
        padding: 10px 15px 25px 15px;
        margin-bottom: 10px; 
        
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
        
        -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
        
        background-color: #fefefe;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .top-block:hover {
        box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
        -moz-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
        -webkit-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
  
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .mobile-btn-all{
        width: 100%;
        display: block;
        font-size: 14px;
        margin-top: 10px;
    }
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item .main-office {
        left: 45px;
    }

    
}

@media only screen and (max-width: 460px) {
    
    .b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.sale-points .choose-city .dropdown-wrap  {
        display: block;
        left: 0px;
    }
}
/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/news.list/main-blocks-tab-repair-bring-into-service/style.css?1460007996458*/
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .item.item-main-office:before {
  background-color: #2a98d3;
}
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout-text {
  background: #2a98d3;
}
.b1t-ymsertvice-news-list-main-blocks-tab-repair-bring-into-service .balloon-layout .balloon-content-layout .arrow:before {
  border-color: #2a98d3 transparent transparent transparent;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/form.result.new/request/style.css?14570958182604*/

.b1t-ymservice-form-result-new-request .form-group {
    max-width: 550px;
}

.b1t-ymservice-form-result-new-request .form-group.hide-required .starrequired{
    display: none;
}

.b1t-ymservice-form-result-new-request .form-group .description {
    font-size: 12px;
    margin-top: 10px;
}

.b1t-ymservice-form-result-new-request .form-group.form-group-red .checkbox-adv {
    color: #f44336;
}

.b1t-ymservice-form-result-new-request .form-group.form-group-red .circle {
    border-color:#f44336;
}

.b1t-ymservice-form-result-new-request .form-success-note {
    font-size: 18px;
}

.b1t-ymservice-form-result-new-request input[type=text] {
    color: #000;
}

.b1t-ymservice-form-result-new-request .captcha {
    position: absolute;
    right: 0px;
    top: -5px;
    width: 150px;
    height: 33px;
}

.b1t-ymservice-form-result-new-request .atention-block {
    background: #f8fafc;
    padding: 15px 20px 15px 120px;
    position: relative;
    font-size: 14px;
    margin-bottom: 20px;
}

.b1t-ymservice-form-result-new-request .atention-block:before {
    display: block;
    content: "!";
    position: absolute;
    top: 20px;
    left: 30px;
    width: 62px;
    height: 62px;

    color: #fff;
    font-size: 24px;
    font-weight: bold;
    
    line-height: 66px;
    text-align: center;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.b1t-ymservice-form-result-new-request .form-description {
    font-size: 14px;
}

.b1t-ymservice-form-result-new-request .form-description b {
    color: #121212;
}

.b1t-ymservice-form-result-new-request .buttons-wrapper .btn {
    font-size: 14px;
    padding-left: 40px;
    padding-right: 40px;
}

.b1t-ymservice-form-result-new-request .h2 {
    margin-top: 0px;
}

@media only screen and (max-width: 991px) { 
    
    .b1t-ymservice-form-result-new-request .atention-block {
         padding: 15px 20px 15px 20px;
    }
    
    .b1t-ymservice-form-result-new-request .atention-block:before {
        display: none;
    }
    
    .b1t-ymservice-form-result-new-request .h2 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) { 
    .b1t-ymservice-form-result-new-request .atention-block {
        margin: -20px -10px 20px -10px;
        
        padding: 20px 10px;
    }
    
    .b1t-ymservice-form-result-new-request .h2 {
        font-size: 16px;
       
    }
    
    .b1t-ymservice-form-result-new-request .buttons-wrapper .btn {
        width: 100%;
    }
    
    .b1t-ymservice-form-result-new-request .form-description {
        font-size: 13px;
    }
    
}


/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/form.result.new/request/style.css?146000799695*/
.b1t-ymservice-form-result-new-request .atention-block:before {
  background-color: #2a98d3;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.request.status/.default/style.css?14555452223261*/
.b1t-ymservice-request-status-default .col-or {
    text-align: center;
    padding-top: 45px;
}

.b1t-ymservice-request-status-default .form-group .description {
    font-size: 12px;
    margin-top: 10px;
    display: none;
}

.b1t-ymservice-request-status-default .form-group .description.imei-group-description,
.b1t-ymservice-request-status-default .form-group .description.number-group-description{
     display: block;
}

.b1t-ymservice-request-status-default .form-group.phone {
    margin-bottom: 10px;
}

.b1t-ymservice-request-status-default .button-wrapper {
    text-align: center;
}

.b1t-ymservice-request-status-default .button-wrapper .btn {
    font-size: 14px;
    padding-left: 40px;
    padding-right: 40px;
}

.b1t-ymservice-request-status-default .tab-nav{
    font-size: 14px;
}


.b1t-ymservice-request-status-default .results-wrapper,
.b1t-ymservice-request-status-default .results-wrapper .results,
.b1t-ymservice-request-status-default .results-wrapper .progress{
    display: none;
}

.b1t-ymservice-request-status-default .results-wrapper .results .table-mobile {
    display: none;
    margin: 20px 0px;
}

.b1t-ymservice-request-status-default .results-wrapper .results .table-mobile .item {
    margin-bottom: 5px;
}

.b1t-ymservice-request-status-default .results-wrapper .results .table-mobile .item .property {
    padding: 10px 15px;
    background-color: #f9fbfd;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.15), 1px 1px 2px rgba(0,0,0,.2);
    font-size: 14px;
}

.b1t-ymservice-request-status-default .results-wrapper .results .table-mobile .item .property label {
    font-size: 13px;
}

.b1t-ymservice-request-status-default .results-wrapper .results .table-mobile .item .property.status {
    background: #2a98d3;
    color: #fff;
    text-align: center;
    font-weight: 300;
}

.b1t-ymservice-request-status-default .results-wrapper .statuses-tooltip-wrapper {
    text-align: right;
    font-size: 14px;
}



@media only screen and (max-width: 991px) {
    
    .b1t-ymservice-request-status-default .form-group .description {
        display: block;
    }
    
    .b1t-ymservice-request-status-default .form-group .b1t-ymservice-label-tooltip{
        display: none;
    }
    
    .b1t-ymservice-request-status-default .form-group {
        margin: 20px 0;
    }
}

@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-request-status-default .form-group.phone {
        margin-bottom: 30px;
    }
    
    .b1t-ymservice-request-status-default .col-or {
        padding-top: 0px;
        text-align: left;
    }
    
    .b1t-ymservice-request-status-default .button-wrapper .btn {
        width: 100%;
    }
    
    .b1t-ymservice-request-status-default .tab-nav{
        margin: 0px;
    }
    
    .b1t-ymservice-request-status-default .results-wrapper .results .table-responsive {
        display: none;
    }
    
    .b1t-ymservice-request-status-default .results-wrapper .results .table-mobile {
        display: block;
    }
}

/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/main-blocks-tab-get-phone/style.css?14533749905928*/
.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .title {
    font-size: 18px;
    margin-bottom: 15px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .description {
    font-size: 14px;
    margin-bottom: 15px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .items {
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15); 
    -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15); 
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item {
    padding: 25px 25px 0px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.5;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item:hover {
    box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -moz-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -webkit-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item.first:hover {
    box-shadow: 4px 5px 18.92px 1.08px rgba(0, 0, 0, 0.14); 
    -moz-box-shadow: 4px 5px 18.92px 1.08px rgba(0, 0, 0, 0.14); 
    -webkit-box-shadow: 4px 5px 18.92px 1.08px rgba(0, 0, 0, 0.14); 
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item .property {
    margin-bottom: 25px;
    line-height: 26px;
    padding-left: 42px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item .property.icon-24-bf-19 {
    display: none;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item .callback {
     display: none;
}
.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item:hover .callback {
    display: block;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .callback-mobile {
    display: none;
}
.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .callback-mobile .callback-mobile-btn {
    width: 100%;
    display: block;
    font-size: 13px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .callback-mobile.active .callback-mobile-btn {
    display: none;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .callback-mobile .callback-mobile-inner {
    display: none;
}


@media only screen and (max-width: 991px) {
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item {
        font-size: 14px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item .property.icon-24-bf {
        display: none;
    }
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item .property.icon-24-bf.icon-24-bf-19 {
        display: block;
        line-height: 22px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item .property {
        padding-left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .b1t-ymservice-form-result-new-callback-ajax {
        margin-top: -5px;
    }
}

@media only screen and (min-width: 767px) {
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item:hover {
        position:relative;
        top: -1px;
        padding-top: 26px;
        z-index: 10;
        background: #fff;
    }
    
}

@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .title {
        text-align: center;
        font-size: 16px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .description {
        display: none;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item .property .city {
        display: none;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .items {
        box-shadow: none; 
        -moz-box-shadow: none; 
        -webkit-box-shadow: none; 
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item {
        padding: 15px 15px 0px;
        border-bottom: 0px;
        margin-bottom: 10px; 
        background-color: #fefefe;
        
        -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item,
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item.first:hover,
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item:hover {
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .item .property {
        margin-bottom: 15px;
    }
    
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .callback-mobile {
        display: block;
    }
    .b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .callback-mobile.active .callback-mobile-inner {
        display: block;
    }

}


/* ------------------------------- */
/* Стиля формы обратной связи      */
/*-------------------------------- */

.b1t-ymservice-form-result-new-callback-ajax {
    margin-bottom: 25px;
    width: 180px;
}

.b1t-ymservice-form-result-new-callback-ajax .form-title {
    font-size: 18px;
}

.b1t-ymservice-form-result-new-callback-ajax .btn {
    width: 100%;
    display: block;
    font-size: 13px;
}

.b1t-ymservice-form-result-new-callback-ajax .form-success-note {
    font-size: 14px;
}

.b1t-ymservice-form-result-new-callback-ajax .form-group-label {
    margin-bottom: 20px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .callback-mobile .b1t-ymservice-form-result-new-callback-ajax {
    width: 100%;
    margin-bottom: 0px;
}

.b1t-ymservice-ymservice-custom-main-blocks-tab-get-phone .callback-mobile .b1t-ymservice-form-result-new-callback-ajax .form-title {
    text-align: center;
}

@media only screen and (max-width: 991px) {
    
    .b1t-ymservice-form-result-new-callback-ajax {
        margin-bottom: 15px;
    }
    
}
/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/b1team/ymservice.custom/main-blocks/style.css?14600079962180*/
.b1t-ymservice-custom-main-blocks .tab-wrapper.minimized .tab[data-tab=tab-cost],
.b1t-ymservice-custom-main-blocks .tab-wrapper.active .tab[data-tab=tab-cost],
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-cost]:hover,
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-cost] .tab-button-icon,
.b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab[data-tab=tab-cost] {
  background: #2a98d3;
}
.b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-cost] .tab-menu-item {
  background: #2589bf;
}
html.bx-no-touch .b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-cost] .tab-menu-item:hover,
.b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-cost] .tab-menu-item.active {
  background: #1771a5;
}
.b1t-ymservice-custom-main-blocks .tab-wrapper.minimized .tab[data-tab=tab-repair],
.b1t-ymservice-custom-main-blocks .tab-wrapper.active .tab[data-tab=tab-repair],
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-repair]:hover,
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-repair] .tab-button-icon,
.b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab[data-tab=tab-repair] {
  background: #fcba02;
}
.b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-repair] .tab-menu-item {
  background: #f5a409;
}
html.bx-no-touch .b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-repair] .tab-menu-item:hover,
.b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-repair] .tab-menu-item.active {
  background: #ef9307;
}
.b1t-ymservice-custom-main-blocks .tab-wrapper.minimized .tab[data-tab=tab-get],
.b1t-ymservice-custom-main-blocks .tab-wrapper.active .tab[data-tab=tab-get],
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-get]:hover,
.b1t-ymservice-custom-main-blocks .tab[data-tab=tab-get] .tab-button-icon,
.b1t-ymservice-custom-main-blocks .row-tabs-by-rows .tab[data-tab=tab-get] {
  background: #c2d138;
}
.b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-get] .tab-menu-item {
  background: #a7b52b;
}
html.bx-no-touch .b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-get] .tab-menu-item:hover,
.b1t-ymservice-custom-main-blocks .tab-menu[data-tab=tab-get] .tab-menu-item.active {
  background: #b7c537;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/breadcrumb/.default/style.css?14593255743272*/
.b1t-ymservice-breadcrumb-default {
    margin-top:10px;
    margin-bottom: 20px; 
}

.b1t-ymservice-breadcrumb-default .item {
    float: left;
    background: #ffffff;
    padding: 9px 30px 7px 15px;
    font-size: 14px;
    color: #868686;
    position: relative;
    margin-bottom: 5px;
}

.b1t-ymservice-breadcrumb-default .item.last {
    padding-right: 15px;
}

.b1t-ymservice-breadcrumb-default .item:after {
    position: absolute;
    display: block;
    content:"";
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 12px;
    background: transparent url("/bitrix/templates/ymservice/components/bitrix/breadcrumb/.default/images/arrow.png");
}

.b1t-ymservice-breadcrumb-default .item.last:after{
    display: none;
}



.b1t-ymservice-breadcrumb-default .item.first {
    padding-right: 20px;
    padding-left: 10px;
}

.b1t-ymservice-breadcrumb-default .item.first.last {
    padding-right: 10px;
}

.b1t-ymservice-breadcrumb-default .item.first a {
    position: relative;
    width: 20px;
}

.b1t-ymservice-breadcrumb-default .item.first a span{
    display: none;
}
    
.b1t-ymservice-breadcrumb-default .item.first a:before {
    content: "_"; 
    display: inline;
    opacity: 0;
}

.b1t-ymservice-breadcrumb-default .item.first a .icon-24 {
    position: absolute;
    top: -1px;
    left: 0px;
}

.b1t-ymservice-breadcrumb-default .item a {
    text-decoration: none;
    border-bottom: none;
    color: #000000;
    display: block;
    height: 20px;
}

.b1t-ymservice-breadcrumb-default .item a:hover {
    border-bottom: 1px solid #0d47a1;
    color: #0d47a1;
}

.b1t-ymservice-breadcrumb-default .item.first a:hover {
    border-bottom: none;
}

@media only screen and (max-width: 991px) {
    .b1t-ymservice-breadcrumb-default {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-breadcrumb-default {
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        display: inline-block;
        max-width: 100%;
    }
    
    .b1t-ymservice-breadcrumb-default .item {
        display: none;
        font-size: 13px;
        margin-bottom: 0px;
    }
    
    .b1t-ymservice-breadcrumb-default .item.first,
    .b1t-ymservice-breadcrumb-default .item.last,
    .b1t-ymservice-breadcrumb-default .item:nth-last-child(3) {
        display: inline-block;
        float: none;
    }
    
    .b1t-ymservice-breadcrumb-default .item:nth-last-child(3) a:before {
        content:'...';
    }
    .b1t-ymservice-breadcrumb-default .item:nth-last-child(3) a span {
        display: none;
    }
    
    .b1t-ymservice-breadcrumb-default .item.last {
        position: static;
    }

    .b1t-ymservice-breadcrumb-default .item.last:after {
        content:'';
        display: block;
        position: absolute;
        right: 0px;
        bottom: 0px;
        top: 0px;
        width: 15px;
        z-index: 3;


        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    
    
}





/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/footer/style.css?14586264129908*/
/* ------------------------------- */
/* Логотип, меню, контакты         */
/*-------------------------------- */

.b1t-ymservice-custom-footer .footer-block-1 {
    background: #2c363e;
    min-height: 50px;
    padding: 40px 0px;
}

.b1t-ymservice-custom-footer .footer-block-1 .logo {
    max-width: 260px;
}

.b1t-ymservice-custom-footer .footer-block-1 .logo img {
    max-width: 100%;
    height: auto;
} 

.b1t-ymservice-custom-footer .footer-block-1 .logo .logo-2x {
    display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        
        .b1t-ymservice-custom-footer .footer-block-1 .logo .logo-1x {
            display: none;
        }
        
        .b1t-ymservice-custom-footer .footer-block-1 .logo .logo-2x {
            display: inline;
        }
}

.b1t-ymservice-custom-footer .footer-block-1 .logo a,
.b1t-ymservice-custom-footer .footer-block-1 .logo a:focus,
.b1t-ymservice-custom-footer .footer-block-1 .logo a:hover{
    border-bottom: none;
}

.b1t-ymservice-custom-footer .footer-block-1 .about {
    font-size: 13px;
    margin-top:15px;
    line-height: 1.5;
    color: #dbdbdb;
}

.b1t-ymservice-custom-footer .footer-block-1 #bx-composite-banner {
    margin-top:15px;
}

.b1t-ymservice-custom-footer .footer-block-1 #bx-composite-banner a,
.b1t-ymservice-custom-footer .footer-block-1 #bx-composite-banner a:focus,
.b1t-ymservice-custom-footer .footer-block-1 #bx-composite-banner a:hover{
    border-bottom: none;
}

@media only screen and (max-width: 767px) {
    .b1t-ymservice-custom-footer .footer-block-1 {
        padding: 20px 0px;
    }
    
}

/* ------------------------------- */
/* Мобильное меню                  */
/*-------------------------------- */

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile .sub-menu-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #4b5c69;
    padding: 12px 10px 10px;
    cursor: pointer;
    position: relative;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile.open .sub-menu-btn {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile .smb {
    position: absolute;
    padding: 18px 15px;
    cursor: pointer;
    top:0px;
    right: 0px;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile .smb .layer {
  display: block;
  width: 17px;
  height: 2px;
  background: #fff;
  position: relative;
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile .smb .layer:before, 
.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile .smb .layer:after {
  display: block;
  width: inherit;
  height: 2px;
  position: absolute;
  background: inherit;
  left: 0;
  content: '';
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile .smb .layer:before {
  bottom: 300%;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile .smb .layer:after {
  top: 300%;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile a {
    border-bottom: none;
}
 
.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile a:hover,
.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile a:focus{
    border-bottom: none;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile ul.level-1 {
    background-color: #627685;
    
    margin: 0;
    padding: 0;
    border: 0;
    
    display: none;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li:before {
    display: none;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile ul.level-1,
.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile ul.level-1 li.level-1:last-child {         
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile.open ul.level-1 {
    display: block;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1{
    cursor: pointer;
    border-bottom: 1px solid #526370;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1 .text {
    height: 38px;
    padding: 0px 10px;
    position: relative;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1 .text table {
    width:100%;
    height:100%;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1 .text table tr td, 
.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1 .text table tr td a {
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1 .text .tail {
    position: absolute;
    width: 20px;
    height: 20px;
    
    top: 50%;
    margin-top: -10px;
    right: 13px;
    
    cursor: pointer;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1 .text .tail:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ebedef transparent transparent transparent;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -5px;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1.open .text .tail:before{
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #ebedef transparent;
    margin-top: -3px;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1 ul.level-2 {
    display: none;
    margin: 0;
    padding: 0px 0px 0px 15px;
}


.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-1.open ul.level-2 {
    display: block;
}

.b1t-ymservice-custom-footer .footer-block-1 .footer-menu-mobile li.level-2{
    cursor: pointer;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* ------------------------------- */
/* Социальные ссылки               */
/*-------------------------------- */

.b1t-ymservice-custom-footer .footer-block-1 .social-links a,
.b1t-ymservice-custom-footer .footer-block-1 .social-links a:hover,
.b1t-ymservice-custom-footer .footer-block-1 .social-links a:focus{
    text-decoration: none;
    border-bottom: none;
}
.b1t-ymservice-custom-footer .footer-block-1 .social-links {
    margin-top: 30px;
    padding-left: 34px;
}

@media only screen and (max-width: 1199px) {
    .b1t-ymservice-custom-footer .footer-block-1 .social-links {
         padding-left: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .b1t-ymservice-custom-footer .footer-block-1 .social-links {
         text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .b1t-ymservice-custom-footer .footer-block-1 .social-links {
        margin-top: 20px;
    }
}



/* ------------------------------- */
/* Бренды                          */
/*-------------------------------- */

.b1t-ymservice-custom-footer .footer-block-2 {
    background: #262e34;
}


/* ------------------------------- */
/* Копирайт                        */
/*-------------------------------- */

.b1t-ymservice-custom-footer .footer-block-3 {
    background: #1c2226;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    padding: 13px 0px;
    font-weight:300;
}

.b1t-ymservice-custom-footer .footer-block-3 .copyright,
.b1t-ymservice-custom-footer .footer-block-3 .repair{
    opacity: 0.51;
}

.b1t-ymservice-custom-footer .footer-block-3 .copyright:after {
    content: " -";
}

.b1t-ymservice-custom-footer .footer-block-3 .notice{
    opacity: 0.41;
    margin: 0px -15px;
}


@media only screen and (max-width: 1199px) {
    .b1t-ymservice-custom-footer .footer-block-3 .notice {
        display: none;
    }
}


@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-custom-footer .footer-block-3 {
        line-height: 18px;
    }
    
    .b1t-ymservice-custom-footer .footer-block-3 .copyright {
        display: block;
    }
    
    .b1t-ymservice-custom-footer .footer-block-3 .copyright:after {
        display: none;
    }
}


/* ------------------------------- */
/* Разработчики                    */
/*-------------------------------- */


.b1t-ymservice-custom-footer .footer-block-1 .developers {
    font-size: 12px;
    opacity: 0.7;
    font-weight: 300;
}

.b1t-ymservice-custom-footer .footer-block-1 .developers,
.b1t-ymservice-custom-footer .footer-block-1 .developers a {
    color: #fff;
}
.b1t-ymservice-custom-footer .footer-block-1 .developers a {
    border-bottom-color: #fff;
}
/*
.b1t-ymservice-custom-footer .footer-block-1 .developers a {
    color: #c2c6c7;
    border-bottom-color: #c2c6c7;
    font-weight: 300;
}*/

@media only screen and (min-width: 1200px) {
    .b1t-ymservice-custom-footer .footer-block-1 .developers {
        position: absolute;
        bottom: 0px;
        left: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {                                                  

    .b1t-ymservice-custom-footer .footer-block-1 .developers {
        position: absolute;
        bottom: 0px;
        right: 15px;
    }
        
}
/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/menu/bottom/style.css?1457108866979*/
.b1t-ymservice-menu-bootom {
    margin-bottom: 15px;
    font-weight:300;
    font-size: 14px;
}

.b1t-ymservice-menu-bootom .title {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
    font-weight:400;
}

.b1t-ymservice-menu-bootom .title a {
    text-decoration: none;
    color: #fff;
}

.b1t-ymservice-menu-bootom .item {
    margin-bottom: 8px;
    line-height: 1.3;
}

.b1t-ymservice-menu-bootom .item a,
.b1t-ymservice-menu-bootom .item a:active,
.b1t-ymservice-menu-bootom .item a:visited {
    text-decoration: none;
    color:#c2c6c7;
    border-bottom-color: transparent;
}

.b1t-ymservice-menu-bootom .title a,
.b1t-ymservice-menu-bootom .title a:active,
.b1t-ymservice-menu-bootom .title a:visited  {
    border-bottom-color: transparent;
}

.b1t-ymservice-menu-bootom .item a:hover,
.b1t-ymservice-menu-bootom .item a:focus,
.b1t-ymservice-menu-bootom .title a:focus,
.b1t-ymservice-menu-bootom .title a:hover{
    text-decoration: none;
}
/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/menu/bottom/style.css?1460007996227*/
.b1t-ymservice-menu-bootom .item a:hover,
.b1t-ymservice-menu-bootom .item a:focus,
.b1t-ymservice-menu-bootom .title a:focus,
.b1t-ymservice-menu-bootom .title a:hover {
  border-bottom: 1px solid #2a98d3;
  color: #2a98d3;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/footer-phones/style.css?1453819910782*/
.b1t-ymservice-custom-footer-phones {
    font-weight:300;
    white-space: nowrap;
}

.b1t-ymservice-custom-footer-phones .icon-24-bf.icon-24-bf-19 {
    display: none;
}

@media only screen and (max-width: 1199px) {
    
    .b1t-ymservice-custom-footer-phones {
        font-size: 14px;
    }
    
    .b1t-ymservice-custom-footer-phones .icon-24-bf {
        display: none;
    }
    
    .b1t-ymservice-custom-footer-phones .icon-24-bf.icon-24-bf-19 {
        display: block;
        padding-left: 29px;
    }
}

@media only screen and (min-width: 768px)  and (max-width: 991px) {
    .b1t-ymservice-custom-footer-phones {
        margin-top: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .b1t-ymservice-custom-footer-phones {
        font-size: 13px;
    }
}
/* End */


/* Start:/bitrix/templates/ymservice/components/b1team/ymservice.custom/footer-email/style.css?14538199521113*/
.b1t-ymservice-custom-footer-email {
    font-weight:300;
}

.b1t-ymservice-custom-footer-email .icon-24-bf.icon-24-bf-19 {
    display: none;
}

.b1t-ymservice-custom-footer-email .write-to {
/*    color: #2a98d3;*/
}

.b1t-ymservice-custom-footer-email a,
.b1t-ymservice-custom-footer-email a:hover,
.b1t-ymservice-custom-footer-email a:focus,
.b1t-ymservice-custom-footer-email a:active,
.b1t-ymservice-custom-footer-email a:visited{
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}

@media only screen and (max-width: 1199px) {
    
    .b1t-ymservice-custom-footer-email {
        font-size: 14px;
    }
    
    .b1t-ymservice-custom-footer-email .icon-24-bf {
        display: none;
    }
    
    .b1t-ymservice-custom-footer-email .icon-24-bf.icon-24-bf-19 {
        display: block;
        padding-left: 29px;
    }
}

@media only screen and (min-width: 768px)  and (max-width: 991px) {
    .b1t-ymservice-custom-footer-email {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .b1t-ymservice-custom-footer-email {
        font-size: 13px;
    }
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/news.list/footer-address/style.css?14571088761771*/
.b1t-ymservice-news-list-footer-address {
    font-weight:300;
}

.b1t-ymservice-news-list-footer-address .icon-24-bf.icon-24-bf-19 {
    display: none;
}

.b1t-ymservice-news-list-footer-address .icon-24-bf.icon-24-bf-19 .city {
    display: none;
}

.b1t-ymservice-news-list-footer-address a{
    margin-left: 34px;
    font-weight:300;
}

.b1t-ymservice-news-list-footer-address a,
.b1t-ymservice-news-list-footer-address a:hover,
.b1t-ymservice-news-list-footer-address a:active,
.b1t-ymservice-news-list-footer-address a:visited{
    border-bottom-color: transparent;
}

@media only screen and (min-width: 992px) {
    .b1t-ymservice-news-list-footer-address {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .b1t-ymservice-news-list-footer-address {
        margin-top: 20px;
    }
    
    .b1t-ymservice-news-list-footer-address .icon-24-bf.icon-24-bf-19 .city {
        display: inline;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .b1t-ymservice-news-list-footer-address .street {
        display: none;
    }
    
    .b1t-ymservice-news-list-footer-address {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 320px) {
    .b1t-ymservice-news-list-footer-address .icon-24-bf.icon-24-bf-19 .city {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    
    .b1t-ymservice-news-list-footer-address {
        font-size: 14px;
    }
    
    .b1t-ymservice-news-list-footer-address .icon-24-bf {
        display: none;
    }
    
    .b1t-ymservice-news-list-footer-address .icon-24-bf.icon-24-bf-19 {
        display: block;
        padding-left: 29px;
    }
    
    .b1t-ymservice-news-list-footer-address a{
        margin-left: 29px;
    }
}

/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/news.list/footer-address/style.css?1460007996369*/
.b1t-ymservice-news-list-footer-address a,
.b1t-ymservice-news-list-footer-address a:hover,
.b1t-ymservice-news-list-footer-address a:active,
.b1t-ymservice-news-list-footer-address a:visited {
  color: #2a98d3;
}
.b1t-ymservice-news-list-footer-address a:hover,
.b1t-ymservice-news-list-footer-address a:focus {
  border-bottom: 1px solid #2a98d3;
  color: #2a98d3;
}

/* End */


/* Start:/bitrix/templates/ymservice/components/bitrix/catalog.section.list/footer-brands/style.css?1453118230855*/
.b1t-ymservice-catalog-section-list-footer-brands .item {
    min-height: 50px;
    position: relative;
    margin: 40px 0px;
}

.b1t-ymservice-catalog-section-list-footer-brands .item img {
    position:absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto auto auto auto;
    max-width: 100%; 
    width: auto\9; /* ie8 */ 
    height: auto; 
}

.b1t-ymservice-catalog-section-list-footer-brands .item img.nophoto {
    opacity: 0.6;
}

.b1t-ymservice-catalog-section-list-footer-brands .item a,
.b1t-ymservice-catalog-section-list-footer-brands .item a:hover,
.b1t-ymservice-catalog-section-list-footer-brands .item a:focus {
    text-decoration: none;
    border-bottom: none;
}

@media only screen and (max-width: 767px) {
    .b1t-ymservice-catalog-section-list-footer-brands  {
        display: none;
    }
    
}
/* End */


/* Start:/bitrix/templates/ymservice/styles.css?14559745004666*/
body {
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 16px;
    line-height: 1.42857143;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
}

h1,.h1 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0px;
}

h2,.h2 {
    font-size: 20px;
    line-height: 26px;
}
h3,.h3 {
    font-size: 18px;
    line-height: 26px;
}


/* ---------------------------------- */
/* Стили элементов сайта               */
/* ---------------------------------- */

.description {
    color: rgba(0, 0, 0,0.54);
}

a.btn {
    text-decoration: none;
    border-bottom: none;
} 

.btn.btn-blue {
    background-color: #2a98d3;
    box-shadow: 2px 3px 6.96px 1.04px rgba(0, 0, 0, 0.15);
}
.btn.btn-blue:hover {
    background-color: #41a7de;
    box-shadow: 3px 5px 18px 0px rgba(0, 0, 0, 0.21);
}
.btn.btn-blue:active,
.btn.btn-blue:focus{
    background-color: #57b7eb;
}

.btn.btn-white {
    background-color: #fcfeff;
    color: #0a0a0a;
    box-shadow: 1px 1px 4.7px 1px rgba(0, 0, 0, 0.24);
}
.btn.btn-white:active,
.btn.btn-white:focus{
    background-color: #f5f7f8;
}
.btn.btn-white:hover{
    box-shadow: 3px 5px 18px 0px rgba(0, 0, 0, 0.21);
}

.btn.btn-orange {
    background-color: #ff6600;
    color: #fff;
}
.btn.btn-orange:hover {
    box-shadow: 3px 5px 18px 0px rgba(0, 0, 0, 0.21);
}

.btn.btn-orange-light {
    background-color: #aabb00;
    color: #fff;
}
.btn.btn-orange-light:hover {
    box-shadow: 3px 5px 18px 0px rgba(0, 0, 0, 0.21);
}

a {
    color: #2a98d3;
    text-decoration: none;
    border-bottom: 1px solid #2a98d3;
}

a:focus,
a:hover{
    text-decoration: none;
    border-bottom: 1px solid #0d47a1;
    color: #0d47a1;
}

a.btn:focus,
a.btn:hover{
    border-bottom: none;
}

ul, ol {
    padding: 0px;
}

ul li {
    list-style: none;
    position:relative;
    padding-left: 20px;
    padding-bottom: 10px;
}

ul > li:before {
    position: absolute;
    top: 5px;
    left: 0px;
    content:" ";
    display: block;
    width: 6px;
    height: 6px;
     border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #2a98d3;
}

ol > li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
}

ol > li:before {
    content: counter(list) ".";
    position: absolute;
    top: 0px;
    left: 0px;
    color: #2a98d3;
    font-weight: 500;
}


/* ---------------------------------- */
/* Блоки                              */
/* ---------------------------------- */

.b1t-ymservice-block {
    background: #ffffff;
    padding: 20px;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.b1t-ymservice-block,
.b1t-ymservice-block.no-hover-shadow:hover,
.b1t-ymservice-block.no-hover-shadow.active{
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
}

.b1t-ymservice-block:hover {
    box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -moz-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -webkit-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
}

.b1t-ymservice-block.active {
    -webkit-box-shadow: 11px 18px 56px 4px rgba(0,0,0,.24);
    -moz-box-shadow: 11px 18px 56px 4px rgba(0,0,0,.24);
    box-shadow: 11px 18px 56px 4px rgba(0,0,0,.24);
}

/* ---------------------------------- */
/* Размеры шрифтов                    */
/* ---------------------------------- */

.font-size-14px {
    font-size: 14px;
}
.font-size-13px {
    font-size: 13px;
}
.font-size-12px {
    font-size: 12px;
}

/* ---------------------------------- */
/* Цитата                             */
/* ---------------------------------- */
.b1t-ymservice-block-quote {
    padding-left: 55px;
    position:relative;
}

.b1t-ymservice-block-quote:before {
    position:absolute;
    content:" ";
    display: block;
    top: 10px;
    left: 0px;
    width: 40px;
    height: 2px;
    background: #2a98d3;
}

@media only screen and (max-width: 767px) {
    
    .b1t-ymservice-block-quote {
        padding-left: 35px;
    }
    
    .b1t-ymservice-block-quote:before {
        width: 25px;
    }
    
}

/* ---------------------------------- */
/* Блок с текстом и картинками        */
/* ---------------------------------- */

.b1t-ymservice-text-images-block img {
    max-width: 100%; 
    width: auto\9; 
    width: auto; 
}
/* End */


/* Start:/bitrix/templates/ymservice/template_styles.css?146769847258542*/
/* ---------------------------------- */
/* Структура */
/* ---------------------------------- */


body {
    min-width: 320px;
}

html,
body {
    background: #f3f4f5;
}

.header {
    z-index:100;
    min-width: 320px;
    
}

body.fixfixed header.header {
    position: relative;
    left: 0px;
}
body.fixfixed .content {
    padding-top: 0px;
}

.content-wrapper {
    position: relative;
}

.content {
    padding-top: 50px;
    padding-bottom: 30px;
}

.footer {
    background-color: transparent;
    border-top: 0px;
    color: #fff;
    text-align: left;
    padding: 0px;
}

.avoid-fout > .avoid-fout-indicator {
    z-index: 1000;
}
.avoid-fout-indicator .progress-circular{
    top: 60px;
}


/* ---------------------------------- */
/* Шапка */
/* ---------------------------------- */

#top-panel{
    background: #2c363e;
    box-shadow: 0px 1px 3.92px 2px rgba(0, 0, 0, 0.16);
    height: 50px;
    min-height: 50px;
    padding: 0px;
}

#top-panel .top-panel-row {
    display: table;
    width:100%;
}

#top-panel .top-left-part {
    display: table-cell; 
    position: relative;
}

#top-panel .top-left-part {
    display: table-cell;
}




/* мобильный оверлей (при отображении бокового меню)*/
#top-panel-mobile-overlay {
    display: none;
    position: absolute;
    top:0px;
    left: 50px;
    height: 50px;
    background: #2c363e;
    z-index: 105;
    right:0px;
/*    opacity: 0;
    
     transition: opacity 0.2s ease-out;
   -webkit-transition: opacity 0.2s ease-out;
   -moz-transition: opacity 0.2s ease-out;
   -o-transition: opacity 0.2s ease-out;*/
   
   transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), width 0s;
   -webkit-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), width 0s;
   -moz-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), width 0s;
   -o-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), width 0s;
   
   background-color: transparent;
    
    
}

@media only screen and (max-width: 767px) {
    #top-panel-mobile-overlay.active {
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
    }
}




/* Кнопка меню*/

#top-menu-button-wrapper {
    float:left;
    display: none;
    margin-left: -15px;
    position:relative;
}
#top-menu-button {
    padding: 24px 15px;
    cursor: pointer;
    
     transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

#top-menu-button-wrapper.active #top-menu-button {
    background: #374048;
}


.header.fixed #top-menu-button-wrapper {
    display: block;
}

@media only screen and (max-width: 992px) {
    #top-menu-button-wrapper {
        display: block;
    }
}

#top-menu-button .layer {
  display: block;
  width: 17px;
  height: 2px;
  background: #fff;
  position: relative;
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}

#top-menu-button .layer:before, 
#top-menu-button .layer:after {
  display: block;
  width: inherit;
  height: 2px;
  position: absolute;
  background: inherit;
  left: 0;
  content: '';
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}

#top-menu-button .layer:before {
  bottom: 300%;
}

#top-menu-button .layer:after {
  top: 300%;
}

#top-menu-button .layer.icon--to-arrow {
  animation-name: top-menu-button-icon--slide;
  animation-fill-mode: forwards;
}

#top-menu-button .layer.icon--to-arrow:before {
  animation-name: top-menu-button-icon--slide-before;
  animation-fill-mode: forwards;
}

#top-menu-button .layer.icon--to-arrow:after {
  animation-name: top-menu-button-icon--slide-after;
  animation-fill-mode: forwards;
}

#top-menu-button .layer.icon--from-arrow {
  animation-name: top-menu-button-icon--slide-from;
}

#top-menu-button .layer.icon--from-arrow:before {
  animation-name: top-menu-button-icon--slide-before-from;
}

#top-menu-button .layer.icon--from-arrow:after {
  animation-name: top-menu-button-icon--slide-after-from;
}

@keyframes top-menu-button-icon--slide {
  0% {
  }
  100% {
    transform: rotate(180deg);
  }
}

@keyframes top-menu-button-icon--slide-before {
  0% {
  }
  100% {
    transform: rotate(40deg);
    margin: -18.27% 48%;
    width: 60%;
  }
}

@keyframes top-menu-button-icon--slide-after {
  0% {
  }
  100% {
    transform: rotate(-40deg);
    margin: -18.27% 48%;
    width: 60%;
  }
}

@keyframes top-menu-button-icon--slide-from {
  0% {
    transform: rotate(-180deg);
  }
  100% {
  }
}

@keyframes top-menu-button-icon--slide-before-from {
  0% {
    transform: rotate(45deg);
    margin: -18% 48%;
    width: 60%;
  }
  100% {
  }
}

@keyframes top-menu-button-icon--slide-after-from {
  0% {
    transform: rotate(-45deg);
    margin: -18% 48%;
    width: 60%;
  }
  100% {
  }
}


/* Кнопка входа */
#top-login-button-wrapper {
    float: right;
}

#top-login-button {
    cursor: pointer;
    color: #fff;
    font-weight: 300;
    padding: 14px 0px 14px 40px;
    position:relative;
}

#top-login-button .login-icon,
#top-user-button .login-icon{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    left: 0px;
    top: 10px;
    padding-left: 0px;
}

#top-login-button .login-icon:before,
#top-user-button .login-icon:before{
    position: absolute;
    top: 5px;
    left: 5px;
}

#top-user-button {
    cursor: pointer;
    color: #fff;
    font-weight: 300;
    padding: 14px 25px 14px 40px;
    position:relative;
}

#top-user-button .tail {
    position: absolute;
    width: 20px;
    height: 20px;
    
    top: 50%;
    margin-top: -10px;
    right: 0px;
    
    cursor: pointer;
}

#top-user-button .tail:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #e4e5e6 transparent transparent transparent;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -5px;
    
}

#top-user-button img {
    display: block;
    position: absolute;
    width: 31px;
    height: 31px;
    left: 0px;
    top: 10px;
   
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    
    border: 1px solid #50585f;
}

#top-user-button:after {
    content: " ";
    display: block;
    position: absolute;
     width: 33px;
    height: 33px;
    left: -1px;
    top: 9px;
   
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    
    border: 2px solid #50585f;
}

#top-user-button.user-no-photo:after {
    display:none;
}

#top-user-button .user-name {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden; 
   display: inline-block;
   max-width: 180px;
}

@media only screen and (max-width: 768px) {
    #top-login-button,
    #top-user-button {
        padding: 0px;
        width: 33px;
        height: 50px;
    }
    #top-login-button .login-text,
    #top-user-button .user-name{
        display: none;
    }
    
    #top-user-button .tail {
        display: none;
    }
    
   
}


/* Контейнер поиска и корзины */
#top-search-and-cart {
    position: relative; 
    -webkit-transition: left 0.3s;
          transition: left 0.3s;
    left: 0px;
    background: #2c363e;
    
}
@media only screen and (min-width: 769px) {
    #top-search-and-cart {
        z-index: 15;
    }
}
   

/* Логотип в панеле */
#top-panel-logo {
    display: none;
    position: relative;
    top: 2px;
    margin-left: 15px;
}

#top-panel-logo a,
#top-panel-logo a:hover,
#top-panel-logo a:focus{
    text-decoration: none;
    border-bottom: none;
}

.header.fixed #top-panel-logo {
    display: block;
}


@media only screen and (max-width: 768px) {
    
    .header.fixed #top-panel-logo {
        display: none;
    }
}

/* Логотип в панеле (мобильный)*/
#top-panel-logo-search-mobile {
    display: none;
    position: absolute;
    top:0px;
    left: 50px;
    height: 50px;
    background: #2c363e;
    z-index: 200;
}

#top-panel-logo-search-mobile a,
#top-panel-logo-search-mobile a:hover,
#top-panel-logo-search-mobile a:focus{
    text-decoration: none;
    border-bottom: none;
}

@media only screen and (max-width: 768px) {
    #top-panel-logo-search-mobile {
        opacity: 0;
        display: block;
        -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
        width:0px;
        overflow: hidden;
    }
    #top-menu-button-wrapper.active #top-panel-logo-search-mobile{
        width: 270px;
        overflow: visible;
        opacity: 1;
    }
    
    #top-menu-button-wrapper.active #top-panel-mobile-overlay {
        display: block;
    }
}

#top-panel-logo-mobile {
    position: absolute;
    top: 2px;
    left: 10px;
}



/* Поиск в панеле */
#top-panel-search {
    margin-right: 20px;
}

@media only screen and (max-width: 768px) {
    #top-panel-search {
        display: none;
    }
}

/* Поиск в панеле (мобильный)*/
#top-panel-search-mobile {
    position: absolute;
    top: 0px;
    left: 230px;
}

/* Блоки контактов в панеле */
#top-panel-contacts {
    display: none;
    width: 80%;
    position: absolute;
    left: 350px;
    top: 0px;
    height: 50px;
    z-index: 20;
}
.header.fixed #top-panel-contacts {
    display: block;
}

#top-panel-contacts .table-row {
    display: table-row;
}

#top-panel-contacts .table-cell {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    text-align: center;
}

@media only screen and (max-width: 1700px) {
    #top-panel-contacts {
        width: 470px;
    }
}


@media only screen and (max-width: 1280px) {
    #top-panel-contacts {
        width: 370px;
    }
}

@media only screen and (max-width: 1160px) {
    #top-panel-contacts {
        width: 260px;
    }
}

@media only screen and (max-width: 1060px) {
    #top-panel-contacts {
        width: 140px;
    }
}

@media only screen and (max-width: 940px)  {
    #top-panel-contacts {
        left: 300px;
    }
}

@media only screen and (max-width: 880px)  {
    .header.fixed #top-panel-contacts {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .header.fixed #top-panel-contacts {
        display: block;
    }
    
    #top-panel-contacts {
        width: 120%;
        position: absolute;
        left: 50px;
        top: 0px;
        height: 50px;
    }
}

@media only screen and (max-width: 650px) {
    
    #top-panel-contacts {
        width: 100%;
    }
}

@media only screen and (max-width: 540px) {
    
    #top-panel-contacts {
        width: 160px;
    }
}

@media only screen and (max-width: 400px)  {
    .header.fixed #top-panel-contacts {
        display: none;
    }
}


/* ---------------------------------- */
/* Левое раскрывающееся меню          */
/* ---------------------------------- */

#top-menu-left {
    height: auto;
    top: 50px;
    bottom: 0px;
}

#top-menu-left .menu-scroll {
    background-color: #fafafa;
    max-width: -webkit-calc(100% - 0px);
    max-width: calc(100% - 0px);
}

#top-menu-left .menu-scroll .menu-wrap{
/*    visibility: hidden;*/
    overflow-y: scroll;
    
}

html.bx-no-touch #top-menu-left .menu-scroll .menu-wrap {
  right: -16px;
}


#top-menu-left .menu-scroll .menu-wrap .menu-content {
   visibility: visible;
}

/* ---------------------------------- */
/* Правая раскрывающаяся панель       */
/* ---------------------------------- */

#top-profile-right {
    height: auto;
    top: 0px;
    bottom: 0px;
    z-index: 200;
}

#top-profile-right .menu-scroll {
    background-color: #fafafa;
    max-width: -webkit-calc(100% - 0px);
    max-width: calc(100% - 0px);
}

#top-profile-right .menu-scroll .menu-wrap{
/*    visibility: hidden;*/
    overflow-y: scroll;
    
}

html.bx-no-touch #top-profile-right .menu-scroll .menu-wrap {
    right: -16px;
}


#top-profile-right .menu-scroll .menu-wrap .menu-content {
    visibility: visible;
}

/* ---------------------------------- */
/* Контакты в шапке                   */
/* ---------------------------------- */
#header-contacts {
    background: #f7f8f9;
    padding: 20px 0px;
    
     -moz-box-shadow: 1px 2px 2.82px 0.18px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 1px 2px 2.82px 0.18px rgba(0, 0, 0, 0.17);
    box-shadow: 1px 2px 2.82px 0.18px rgba(0, 0, 0, 0.17);
    position: relative;
    z-index: 12;
}

#header-contacts-logo {
    min-height: 90px;
    position: relative;
}
#header-contacts-logo img {
    position: absolute;
    margin: auto auto auto 0px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    max-width: 100%;
    height: auto;
    max-height: 100%;
} 

#header-contacts-logo .logo-2x {
    display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        
        #header-contacts-logo .logo-1x {
            display: none;
        }
        
        #header-contacts-logo .logo-2x {
            display: inline;
        }
}

@media only screen and (min-width: 768px)  and (max-width: 991px) {
    #header-contacts-logo {
        min-height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .header-contacts-logo-col {
        padding-right: 0px;
    }
    
    #header-contacts-logo {
        text-align: center;
        min-height: 68px;
    }
    
    #header-contacts-logo img {
        margin: auto;
    }
}

@media only screen and (max-width: 570px) {
    #header-contacts-logo {
        min-height: 54px;
    }
}

@media only screen and (max-width: 400px) {
    #header-contacts-logo {
        min-height: 44px;
    }
    
    #header-contacts-table,
    .header-contacts-table-col{
        position: static;
    }
}

#header-contacts .table-row {
    display: table-row;
}

#header-contacts .table-cell {
    display: table-cell;
    width: 1%;
    border-right: 1px solid #e0e0e0;
    vertical-align: middle;
}

#header-contacts .table-cell:last-child {
    border-right: none;
}

#header-contacts-table {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}

/* ---------------------------------- */
/* Стили элементов сайта               */
/* ---------------------------------- */

.editor_dialog .content {
    padding-top: 0px;
}

.form-group-label {
    margin-top: 30px;
    margin-bottom: 30px;
}

.starrequired {
    color: red;
}

.menu-content .nav a:focus, 
.menu-content .nav a:hover,
.menu-content .nav .a:focus,
.menu-content .nav .a:hover,
.menu-content .nav li.selected > a{
  background-color: #eeeff0;
}

.card {
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.card-shadow {
    -moz-box-shadow: 11px 18px 56.4px 3.6px rgba(0, 0, 0, 0.24); 
    -webkit-box-shadow: 11px 18px 56.4px 3.6px rgba(0, 0, 0, 0.24); 
    box-shadow: 11px 18px 56.4px 3.6px rgba(0, 0, 0, 0.24);   
}

.tab-nav {
    font-size: 14px;
}

.tab-nav .nav a {
    text-decoration: none;
}

.tab-nav .nav.nav-justified:before {
    display: none;
}
.tab-nav .nav.nav-justified:after {
    display: none;
}

.tab-nav li:before,
.dropdown-menu.nav li:before{
    display: none;
    
}

.tab-nav li,
.dropdown-menu.nav li{
    padding-left:0px;
    padding-bottom:0px;
}

.dropdown-menu.nav li a,
.dropdown-menu.nav li a:focus,
.dropdown-menu.nav li a:hover{
    border-bottom:0px;
}

.form-group-label.control-multiple .floating-label {
  font-size: 12px;
  top: -16px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.modal {
    z-index: 220;
}


.modal-backdrop {
    z-index: 219;
}

.modal .modal-dialog .close {
    position: absolute;
    top: 5px;
    right: 15px;
}

@media (min-width: 768px) {
    .modal .modal-dialog.modal-sm {
        width: 400px;
    }
}

.close {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: transparent url('/bitrix/templates/ymservice/images/close.png') center center no-repeat;
    cursor: pointer;
}

html.bx-retina .close {
    background-size: 13px 13px;
    background-image: url("/bitrix/templates/ymservice/images/close-retina.png");
}

@media only screen and (max-width: 767px) {
    h1,.h1 {
        font-size: 19px;
        line-height: 25px;
    }

    h2,.h2 {
        font-size: 17px;
        line-height: 24px;
    }
    h3,.h3 {
        font-size: 16px;
        line-height: 24px;
    }
}

.tooltip,
.tooltip:hover,
.tooltip:active,
.tooltip:focus{
    text-decoration: none;
    border-bottom: 1px dashed #2a98d3;
}

.compare-btn,
.favorite-btn{
    font-size: 14px;
    display: inline-block;
    height: 20px;
    padding-top: 2px;
    margin: 10px 0px;
}

.compare-btn,
.compare-btn:active,
.compare-btn:focus,
.compare-btn:hover,
.compare-btn:visited,
.favorite-btn,
.favorite-btn:active,
.favorite-btn:focus,
.favorite-btn:hover,
.favorite-btn:visited
{
    border-bottom: 0px;
    color: #747474;
}

.compare-btn:after,
.favorite-btn:after {
    content: '';
    position: absolute;
    z-index:1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
     transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
}

.icon-24-bf-19.compare-btn:after,
.icon-24-bf-19.favorite-btn:after {
    left: -3px;
    top: -3px;
    width: 26px;
    height: 26px;
}

.compare-btn .in-compare {
    display: none;
}
.compare-btn.active .in-compare {
    display: inline;
}
.compare-btn.active .to-compare {
    display: none;
}

.favorite-btn .in-favorites {
    display: none;
}
.favorite-btn.active .in-favorites {
    display: inline;
}
.favorite-btn.active .to-favorites {
    display: none;
}

.favorite-btn.hidden {
    display: none !important;
}

.add2basket-btn .in-basket,
.add2basket-btn .cant-buy{
    display: none;
}
.add2basket-btn.active .in-basket {
    display: inline;
}
.add2basket-btn.active .to-basket {
    display: none;
}

.add2basket-btn.cant-buy .cant-buy {
    display: inline;
}

.add2basket-btn.cant-buy .in-basket,
.add2basket-btn.cant-buy .to-basket{
    display: none;
}

.compare-btn.disabled,
.favorite-btn.disabled,
.add2basket-btn.disabled{
    cursor: not-allowed;
    opacity: 0.5;
}

/*
    Кнопка удаления
*/

.delete-btn {
    display: inline-block;
    position: relative;
}
.delete-btn,
.delete-btn:hover,
.delete-btn:active,
.delete-btn:focus{
    border-bottom: 0px;
}

.delete-btn .icon-24-bf{
    padding-left: 20px;
}

.delete-btn .icon-24{
    z-index: 2;
    position: relative;
}

.delete-btn:after{
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
     transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    
    left: -3px;
    top: -4px;
    width: 26px;
    height: 26px;
}


.delete-btn .icon-close-24,
.delete-btn:hover .icon-delete-24{
    display: none;
}
.delete-btn:hover .icon-close-24{
    display: inline-block;
}

.delete-btn:hover:after{
    background: #f09911;
}




/* ---------------------------------- */
/* Подсказки к полям                  */
/* ---------------------------------- */

.b1t-ymservice-label-tooltip {
    display: block;
    padding-left: 0px !important;
    position: absolute !important;
    width: 24px;
    height: 24px;
    left: 100%;
    top: 0px;
    margin-top: -10px;
    margin-left: 10px;
    cursor: pointer;
    z-index:2;
}

.b1t-ymservice-label-tooltip.tooltip, 
.b1t-ymservice-label-tooltip.tooltip:hover, 
.b1t-ymservice-label-tooltip.tooltip:active, 
.b1t-ymservice-label-tooltip.tooltip:focus {
    border: none;
}

/* ---------------------------------- */
/* Стили для owl-carousel             */
/* ---------------------------------- */

.owl-theme .owl-controls .owl-buttons div {
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    z-index: 10;
    
    position: absolute;
    top: 50%;
    margin-top: -29px;
    width: 58px;
    height: 58px;
    
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
}

.owl-theme .owl-controls .owl-buttons div:hover {
    box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -moz-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -webkit-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
}

.owl-theme .owl-controls .owl-buttons div .icon-24 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
}

.owl-theme .owl-controls .owl-buttons div.disabled {
    display: none;
}

.owl-theme .owl-controls .owl-buttons div table {
    width: 100%;
    height: 100%;
}


.owl-theme .owl-controls .owl-buttons div table td {
    vertical-align: middle;
    text-align:center;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -29px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -29px;
}

.owl-theme .owl-controls {
    margin-top: 0px;
}

@media only screen and (max-width: 991px) {
    .owl-theme .owl-controls .owl-buttons div {
        margin-top: -20px;
        width: 40px;
        height: 40px;
    }
    
    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -15px;
    }

    .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -15px;
    }
}


/* ---------------------------------- */
/* Ошибки/сообщения                   */
/* ---------------------------------- */

font.errortext,
.errortext
{
	color:red;
}

font.notetext,
.notetext
{
	color:green;
}

.b1t-ymservice-ajax-error {
    margin: 24px 0px;
    display: none;
}

/* ---------------------------------- */
/* Автоскрываемый контент             */
/* ---------------------------------- */
.b1t-ymservice-overflowable {
    max-height: 190px;
    overflow:hidden;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .b1t-ymservice-overflowable {
        max-height: 120px;
    }
}

.b1t-ymservice-overflowable.show{
    max-height: none;
}

.b1t-ymservice-overflowable .more {
    position: absolute;
    left: 0;
    right: 0px;
    bottom: 0px;
    height: 40px;
    z-index: 3;

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
    display: none;
}

.b1t-ymservice-overflowable.site-bg .more {
    background: -moz-linear-gradient(top,  rgba(243,244,245,0) 0%, rgba(243,244,245,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(243,244,245,0) 0%,rgba(243,244,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(243,244,245,0) 0%,rgba(243,244,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f4f5', endColorstr='#f3f4f5',GradientType=0 ); /* IE6-9 */
}

.b1t-ymservice-overflowable .more.active {
    display: block;
}

.b1t-ymservice-overflowable.show .more.active {
    display: none;
}

.b1t-ymservice-overflowable .more .more-btn {
    cursor: pointer;
    background: 0;
    display: block;
    border-bottom: 1px solid #e9edf0;
    height: 23px;

    position: relative;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
    top: 10px;
    
    
}

.b1t-ymservice-overflowable .more .more-btn:hover {
    border-bottom-color: #2a98d3;
}

.b1t-ymservice-overflowable .more .more-btn:before {
    background: #fff;
    border: 1px solid #e6eaec;
    border-bottom: 0;
    bottom: -1px;
    content: '';
    height: 21px;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    width: 63px;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
}

.b1t-ymservice-overflowable .more .more-btn:hover:before {
    border-color: #2a98d3;
}

.b1t-ymservice-overflowable .more .more-btn:after {

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #2a98d3 transparent transparent transparent;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
}

.b1t-ymservice-overflowable .more .more-btn:hover:after {
    border-color: #2a98d3 transparent transparent transparent;
}

/* ---------------------------------- */
/* Наличие                            */
/* ---------------------------------- */

.b1t-ymservice-quantity-wrapper {
    display: inline-block;
    border-bottom: none !important;
    white-space:nowrap;
}

.b1t-ymservice-quantity-wrapper .quantity {
    height: 14px;
    width: 14px;
    
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    margin-right: 5px;
    background: #fff;
    border: 1px solid #ececec;
    
    float: left;
}

/* ---------------------------------- */
/* Стилизация слайдера диапазонов     */
/* ---------------------------------- */

.b1t-ymservice-nouislider-range.noUi-horizontal {
    height: 4px;
    margin: 15px 0px;
}

.b1t-ymservice-nouislider-range.noUi-horizontal.noUi-target {
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
}

.b1t-ymservice-nouislider-range.noUi-horizontal.noUi-background,
.b1t-ymservice-nouislider-range.noUi-horizontal .noUi-background{
    background: #a6a7a9;
    box-shadow: none;
}

.b1t-ymservice-nouislider-range.noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    left: -9px;
    top: -6px;
    
    border: none;
	
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 0 4px rgba(0,0,0,.12), 1px 2px 4px rgba(0,0,0,.08);
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.b1t-ymservice-nouislider-range.noUi-horizontal .noUi-handle:before,
.b1t-ymservice-nouislider-range.noUi-horizontal .noUi-handle:after {
    display: none;
}


.b1t-ymservice-nouislider-range.noUi-horizontal .noUi-handle:hover {
    width: 26px;
    height: 26px;
    left: -13px;
    top: -10px;
    
}

.b1t-ymservice-nouislider-range.noUi-horizontal .noUi-handle:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

/* ---------------------------------- */
/* Стилизация dropdown Material       */
/* ---------------------------------- */

.dropdown .dropdown-toggle-btn {
    text-transform: none;
    position:relative;
    padding-right: 40px;
}

.dropdown .dropdown-toggle-btn .tail {
    position: absolute;
    width: 20px;
    height: 20px;
    
    top: 50%;
    margin-top: -10px;
    right: 5px;
    
    cursor: pointer;
}

.dropdown .dropdown-toggle-btn .tail:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #bbbbbb transparent transparent transparent;
    content: " ";
    display: block;
    
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -5px;
}

.dropdown.open .dropdown-toggle-btn .tail:before{
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #bbbbbb transparent;
    margin-top: -3px;
}

.dropdown .dropdown-toggle-btn.btn-orange-light .tail:before {
    border-color: #fff transparent transparent transparent;
}


.dropdown.open .dropdown-toggle-btn.btn-orange-light .tail:before{
    border-color: transparent transparent #fff transparent;
}


.dropdown .btn {
    -webkit-box-shadow: 1px 1px 4.7px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 1px 1px 4.7px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 1px 1px 4.7px 1px rgba(0, 0, 0, 0.24);
}

.dropdown .btn:active, 
.dropdown .btn:focus, 
.dropdown .btn:hover,
.dropdown .dropdown-menu{
    box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -moz-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
    -webkit-box-shadow: 4px 5px 18.92px 1.28px rgba(0, 0, 0, 0.18); 
}

.dropdown.open .dropdown-toggle-btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dropdown .dropdown-menu {
    border: none;
    padding-bottom: 0px !important;
}

.dropdown .dropdown-toggle-btn ~ .dropdown-menu {
    top: 0px;
    padding-top: 36px !important;
}

.dropdown .dropdown-menu.nav a {
    padding: 8px 16px;
}




/* ---------------------------------- */
/* Иконки 24x24                       */
/* ---------------------------------- */

.icon-24 { 
    display: inline-block;
}

.icon-24-bf { 
    position: relative;
    padding-left: 34px;
}
.icon-24-bf:before { 
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:2;
}

.icon-24,
.icon-24-bf:before { 
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-image: url('/bitrix/templates/ymservice/images/icons/icon-24.png?v=13');
    background-size: 240px 408px;  /* ИЗМЕНИТЬ РАЗМЕРЫ ЕСЛИ ИЗМЕНЯЕТСЯ ФАЙЛ*/
    background-position: 1000px 1000px;
}

.icon-24-19,
.icon-24-bf-19:before {
    background-size: 192px 326.4px; /* ИЗМЕНИТЬ РАЗМЕРЫ ЕСЛИ ИЗМЕНЯЕТСЯ ФАЙЛ - 80% */
    width: 19.2px;
    height: 19.2px;
}
.icon-24-bf-17:before {
    background-size: 168px 285.6px; /* ИЗМЕНИТЬ РАЗМЕРЫ ЕСЛИ ИЗМЕНЯЕТСЯ ФАЙЛ - 70% */
    width: 16.8px;
    height: 16.8px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        
        .icon-24,
        .icon-24-bf:before { 
            background-image: url('/bitrix/templates/ymservice/images/icons/icon-48.png?v=13');
        }
}

.icon-24.icon-place-24,
.icon-24-bf.icon-place-24:before {background-position: 0px 0px;}
.icon-24.icon-place-grey-24,
.icon-24-bf.icon-place-grey-24:before {background-position: 0px -120px;}
.icon-24.icon-phone-24,
.icon-24-bf.icon-phone-24:before {background-position: -96px 0px;}
.icon-24.icon-phone-grey-24,
.icon-24-bf.icon-phone-grey-24:before {background-position: -216px -96px;}
.icon-24.icon-mail-24,
.icon-24-bf.icon-mail-24:before {background-position: -144px 0px;}
.icon-24.icon-mail-grey-24,
.icon-24-bf.icon-mail-grey-24:before {background-position: -24px -120px;}
.icon-24.icon-mail-blue-24,
.icon-24-bf.icon-mail-blue-24:before {background-position: -216px -120px;}
.icon-24.icon-mail-orange-24,
.icon-24-bf.icon-mail-orange-24:before {background-position: -216px -240px;}
.icon-24.icon-phone-talk-24,
.icon-24-bf.icon-phone-talk-24:before {background-position: -168px -96px;}
.icon-24.icon-headset-mic-24,
.icon-24-bf.icon-headset-mic-24:before {background-position: -144px -96px;}
.icon-24.icon-forum-24,
.icon-24-bf.icon-forum-24:before {background-position: -120px -96px;}
.icon-24.icon-arrow-right-top-24,
.icon-24-bf.icon-arrow-right-top-24:before {background-position: -192px -96px;}
.icon-24.icon-metro-mayakovskaya-24,
.icon-24-bf.icon-metro-mayakovskaya-24:before {background-position: -24px 0px;}
.icon-24.icon-metro-barricade-24,
.icon-24-bf.icon-metro-barricade-24:before {background-position: -48px 0px;}
.icon-24.icon-metro-university-24,
.icon-24-bf.icon-metro-university-24:before {background-position: -72px 0px;}
.icon-24.icon-cart-24,
.icon-24-bf.icon-cart-24:before {background-position: -0px -144px;}
.icon-24.icon-cart-white-24,
.icon-24-bf.icon-cart-white-24:before {background-position: -48px -120px;}
.icon-24.icon-cart-blue-24,
.icon-24-bf.icon-cart-blue-24:before {background-position: -24px -144px;}
.icon-24.icon-user-white-24,
.icon-24-bf.icon-user-white-24:before {background-position: -72px -120px;}
.icon-24.icon-user-black-24,
.icon-24-bf.icon-user-black-24:before {background-position: -96px -120px;}
.icon-24.icon-personal-24,
.icon-24-bf.icon-personal-24:before {background-position: -120px -120px;}
.icon-24.icon-personal-blue-24,
.icon-24-bf.icon-personal-blue-24:before {background-position: -144px -120px;}
.icon-24.icon-orders-24,
.icon-24-bf.icon-orders-24:before {background-position: -168px -120px;}
.icon-24.icon-orders-blue-24,
.icon-24-bf.icon-orders-blue-24:before {background-position: -192px -120px;}
.icon-24.icon-lock-24,
.icon-24-bf.icon-lock-24:before {background-position: -144px -24px;}
.icon-24.icon-lock-blue-24,
.icon-24-bf.icon-lock-blue-24:before {background-position: -48px -144px;}
.icon-24.icon-requests-24,
.icon-24-bf.icon-requests-24:before {background-position: -168px -24px;}
.icon-24.icon-requests-blue-24,
.icon-24-bf.icon-requests-blue-24:before {background-position: -72px -144px;}
.icon-24.icon-exit-24,
.icon-24-bf.icon-exit-24:before {background-position: -96px -144px;}
.icon-24.icon-exit-blue-24,
.icon-24-bf.icon-exit-blue-24:before {background-position: -120px -144px;}
.icon-24.icon-settings-white-24,
.icon-24-bf.icon-settings-white-24:before {background-position: -144px -144px;}
.icon-24.icon-settings-24,
.icon-24-bf.icon-settings-24:before {background-position: -192px -24px;}
.icon-24.icon-phone-forwarded-white-24,
.icon-24-bf.icon-phone-forwarded-white-24:before {background-position: -168px -144px;}
.icon-24.icon-phone-forwarded-24,
.icon-24-bf.icon-phone-forwarded-24:before {background-position: -168px -168px;}
.icon-24.icon-forum-white-24,
.icon-24-bf.icon-forum-white-24:before {background-position: -192px -144px;}
.icon-24.icon-phone-android-white-24,
.icon-24-bf.icon-phone-android-white-24:before {background-position: -216px -144px;}
.icon-24.icon-phone-android-24,
.icon-24-bf.icon-phone-android-24:before {background-position: -216px -168px;}
.icon-24.icon-place-white-24,
.icon-24-bf.icon-place-white-24:before {background-position: 0px -168px;}
.icon-24.icon-chat-white-24,
.icon-24-bf.icon-chat-white-24:before {background-position: -24px -168px;}
.icon-24.icon-chat-24,
.icon-24-bf.icon-chat-24:before {background-position: -24px -96px;}
.icon-24.icon-courier-white-24,
.icon-24-bf.icon-courier-white-24:before {background-position: -48px -168px;}
.icon-24.icon-courier-24,
.icon-24-bf.icon-courier-24:before {background-position: -48px -96px;}
.icon-24.icon-info-white-24,
.icon-24-bf.icon-info-white-24:before {background-position: -72px -168px;}
.icon-24.icon-info-24,
.icon-24-bf.icon-info-24:before {background-position: -192px -168px;}
.icon-24.icon-phone-msg-white-24,
.icon-24-bf.icon-phone-msg-white-24:before {background-position: -96px -168px;}
.icon-24.icon-phone-msg-24,
.icon-24-bf.icon-phone-msg-24:before {background-position: -0px -192px;}
.icon-24.icon-clock-24,
.icon-24-bf.icon-clock-24:before {background-position: -120px 0px;}
.icon-24.icon-phone-white-24,
.icon-24-bf.icon-phone-white-24:before {background-position: -120px -168px;}
.icon-24.icon-email-white-24,
.icon-24-bf.icon-email-white-24:before {background-position: -144px -168px;}
.icon-24.icon-arrow-forward-white-24,
.icon-24-bf.icon-arrow-forward-white-24:before {background-position: -144px -216px;}
.icon-24.icon-arrow-back-white-24,
.icon-24-bf.icon-arrow-back-white-24:before {background-position: -168px -216px;}
.icon-24.icon-skype-24,
.icon-24-bf.icon-skype-24:before {background-position: -192px -216px;}
.icon-24.icon-repair-24,
.icon-24-bf.icon-repair-24:before {background-position: -216px -216px;}
.icon-24.icon-sort-24,
.icon-24-bf.icon-sort-24:before {background-position: 0px -264px;}
.icon-24.icon-done-24,
.icon-24-bf.icon-done-24:before {background-position: -168px -240px;}
.icon-24.icon-done-orange-24,
.icon-24-bf.icon-done-orange-24:before {background-position: -168px -264px;}
.icon-24.icon-close-24,
.icon-24-bf.icon-close-24:before {background-position: -192px -240px;}
.icon-24.icon-close-orange-24,
.icon-24-bf.icon-close-orange-24:before {background-position: -192px -264px;}
.icon-24.icon-properties-24,
.icon-24-bf.icon-properties-24:before {background-position: -120px -24px;}
.icon-24.icon-delete-24,
.icon-24-bf.icon-delete-24:before {background-position: 0px -336px;}
.icon-24.icon-users-24,
.icon-24-bf.icon-users-24:before {background-position: -24px -336px;}
.icon-24.icon-users-blue-24,
.icon-24-bf.icon-users-blue-24:before {background-position: -48px -336px;}
.icon-24.icon-download-grey-24,
.icon-24-bf.icon-download-grey-24:before {background-position: -72px -336px;}
.icon-24.icon-download-blue-24,
.icon-24-bf.icon-download-blue-24:before {background-position: -96px -336px;}
.icon-24.icon-sort-orange-24,
.icon-24-bf.icon-sort-orange-24:before {background-position: -120px -336px;}
.icon-24.icon-compare-white-24,
.icon-24-bf.icon-compare-white-24:before {background-position: -144px -336px;}
.icon-24.icon-compare-grey-24,
.icon-24-bf.icon-compare-grey-24:before {background-position: -168px -336px;}
.icon-24.icon-favorite-white-24,
.icon-24-bf.icon-favorite-white-24:before {background-position: -192px -336px;}
.icon-24.icon-favorite-grey-24,
.icon-24-bf.icon-favorite-grey-24:before {background-position: -216px -336px;}
.icon-24.icon-star-light-grey-24,
.icon-24-bf.icon-star-light-grey-24:before {background-position: 0px -360px;}
.icon-24.icon-star-grey-24,
.icon-24-bf.icon-star-grey-24:before {background-position: -24px -360px;}
.icon-24.icon-alphabet-light-grey-24,
.icon-24-bf.icon-alphabet-light-grey-24:before {background-position: -48px -360px;}
.icon-24.icon-alphabet-grey-24,
.icon-24-bf.icon-alphabet-grey-24:before {background-position: -72px -360px;}
.icon-24.icon-price-light-grey-24,
.icon-24-bf.icon-price-light-grey-24:before {background-position: -96px -360px;}
.icon-24.icon-price-grey-24,
.icon-24-bf.icon-price-grey-24:before {background-position: -120px -360px;}
.icon-24.icon-sort-grey-24,
.icon-24-bf.icon-sort-grey-24:before {background-position: -144px -360px;}
.icon-24.icon-payment-orange-24,
.icon-24-bf.icon-payment-orange-24:before {background-position: -168px -360px;}
.icon-24.icon-settings-blue-24,
.icon-24-bf.icon-settings-blue-24:before {background-position: -192px -360px;}

/*иконки соц сетей (белые)*/
.icon-24.icon-fb-white-24,
.icon-24-bf.icon-fb-white-24:before {background-position: -24px -192px;}
.icon-24.icon-gplus-white-24,
.icon-24-bf.icon-gplus-white-24:before {background-position: -48px -192px;}
.icon-24.icon-ok-white-24,
.icon-24-bf.icon-ok-white-24:before {background-position: -72px -192px;}
.icon-24.icon-tw-white-24,
.icon-24-bf.icon-tw-white-24:before {background-position: -96px -192px;}
.icon-24.icon-vk-white-24,
.icon-24-bf.icon-vk-white-24:before {background-position: -120px -192px;}
.icon-24.icon-youtube-white-24,
.icon-24-bf.icon-youtube-white-24:before {background-position: -144px -192px;}
.icon-24.icon-instagram-white-24,
.icon-24-bf.icon-instagram-white-24:before {background-position: -216px -360px;}

/*иконки соц сетей (серые)*/
.icon-24.icon-fb-grey-24,
.icon-24-bf.icon-fb-grey-24:before {background-position: -24px -240px;}
.icon-24.icon-gplus-grey-24,
.icon-24-bf.icon-gplus-grey-24:before {background-position: -48px -240px;}
.icon-24.icon-ok-grey-24,
.icon-24-bf.icon-ok-grey-24:before {background-position: -72px -240px;}
.icon-24.icon-tw-grey-24,
.icon-24-bf.icon-tw-grey-24:before {background-position: -96px -240px;}
.icon-24.icon-vk-grey-24,
.icon-24-bf.icon-vk-grey-24:before {background-position: -120px -240px;}
.icon-24.icon-youtube-grey-24,
.icon-24-bf.icon-youtube-grey-24:before {background-position: -144px -240px;}

/*иконки соц сетей (цветные)*/
.icon-24.icon-fb-24,
.icon-24-bf.icon-fb-24:before {background-position: -24px -264px;}
.icon-24.icon-gplus-24,
.icon-24-bf.icon-gplus-24:before {background-position: -48px -264px;}
.icon-24.icon-ok-24,
.icon-24-bf.icon-ok-24:before {background-position: -72px -264px;}
.icon-24.icon-tw-24,
.icon-24-bf.icon-tw-24:before {background-position: -96px -264px;}
.icon-24.icon-vk-24,
.icon-24-bf.icon-vk-24:before {background-position: -120px -264px;}
.icon-24.icon-youtube-24,
.icon-24-bf.icon-youtube-24:before {background-position: -144px -264px;}

/*Иконки характеристик*/
.icon-24.icon-search-white-24,
.icon-24-bf.icon-search-white-24:before {background-position: -168px -192px;}
.icon-24.icon-question-24,
.icon-24-bf.icon-question-24:before {background-position: -192px -192px;}
.icon-24.icon-home-24,
.icon-24-bf.icon-home-24:before {background-position: -216px -192px;}
.icon-24.icon-display-size-24,
.icon-24-bf.icon-display-size-24:before {background-position: -72px -48px;}
.icon-24.icon-resolution-24,
.icon-24-bf.icon-resolution-24:before {background-position: -120px -48px;}
.icon-24.icon-camera-24,
.icon-24-bf.icon-camera-24:before {background-position: -96px -48px;}
.icon-24.icon-save-24,
.icon-24-bf.icon-save-24:before {background-position: -24px -48px;}
.icon-24.icon-price-24,
.icon-24-bf.icon-price-24:before {background-position: -144px -48px;}
.icon-24.icon-phone-call-24,
.icon-24-bf.icon-phone-call-24:before {background-position: -168px -48px;}
.icon-24.icon-chip-24,
.icon-24-bf.icon-chip-24:before {background-position: -96px -72px;}

.icon-24.icon-devices-other-24,
.icon-24-bf.icon-devices-other-24:before {background-position: 0px -216px;}
.icon-24.icon-settings-overscan-24,
.icon-24-bf.icon-settings-overscan-24:before {background-position: -24px -216px;}
.icon-24.icon-ring-volume-24,
.icon-24-bf.icon-ring-volume-24:before {background-position: -48px -216px;}
.icon-24.icon-battery-charging-full-24,
.icon-24-bf.icon-battery-charging-full-24:before {background-position: -72px -216px;}
.icon-24.icon-zoom-out-map-24,
.icon-24-bf.icon-zoom-out-map-24:before {background-position: -96px -216px;}
.icon-24.icon-wifi-tethering-24,
.icon-24-bf.icon-wifi-tethering-24:before {background-position: -120px -216px;}
.icon-24.icon-clock-white-24,
.icon-24-bf.icon-clock-white-24:before {background-position: 0px -240px;}

/*Иконки видов работ*/
.icon-24.icon-common-repair-24,
.icon-24-bf.icon-common-repair-24:before {background-position: -216px -264px;}
.icon-24.icon-connector-24,
.icon-24-bf.icon-connector-24:before {background-position: -72px -72px;}
.icon-24.icon-speaker-24,
.icon-24-bf.icon-speaker-24:before {background-position: -216px -312px;}
.icon-24.icon-keyboard-24,
.icon-24-bf.icon-keyboard-24:before {background-position: 0px -288px;}
.icon-24.icon-microphone-24,
.icon-24-bf.icon-microphone-24:before {background-position: -24px -288px;}
.icon-24.icon-display-24,
.icon-24-bf.icon-display-24:before {background-position: -48px -288px;}
.icon-24.icon-display-repair-24,
.icon-24-bf.icon-display-repair-24:before {background-position: -120px -72px;}
.icon-24.icon-battery-24,
.icon-24-bf.icon-battery-24:before {background-position: -0px -72px;}
.icon-24.icon-carcase-24,
.icon-24-bf.icon-carcase-24:before {background-position: -72px -288px;}
.icon-24.icon-headset-connector-24,
.icon-24-bf.icon-headset-connector-24:before {background-position: -120px -288px;}
.icon-24.icon-wifi-24,
.icon-24-bf.icon-wifi-24:before {background-position: -192px -288px;}
.icon-24.icon-sim-24,
.icon-24-bf.icon-sim-24:before {background-position: -144px -288px;}
.icon-24.icon-trackpad-24,
.icon-24-bf.icon-trackpad-24:before {background-position: -168px -288px;}
.icon-24.icon-kuller-24,
.icon-24-bf.icon-kuller-24:before {background-position: -216px -288px;}
.icon-24.icon-sliding-mechanism-24,
.icon-24-bf.icon-sliding-mechanism-24:before {background-position: 0px -312px;}
.icon-24.icon-btn-home-24,
.icon-24-bf.icon-btn-home-24:before {background-position: -24px -312px;}
.icon-24.icon-accessory-24,
.icon-24-bf.icon-accessory-24:before {background-position: -48px -312px;}
.icon-24.icon-assembled-unit-24,
.icon-24-bf.icon-assembled-unit-24:before {background-position: -96px -288px;}
.icon-24.icon-cdrom-24,
.icon-24-bf.icon-cdrom-24:before {background-position: -72px -312px;}
.icon-24.icon-power-button-24,
.icon-24-bf.icon-power-button-24:before {background-position: -96px -312px;}
.icon-24.icon-vibromotor-24,
.icon-24-bf.icon-vibromotor-24:before {background-position: -120px -312px;}
.icon-24.icon-additional-servicer-24,
.icon-24-bf.icon-additional-servicer-24:before {background-position: -144px -312px;}
.icon-24.icon-insurance-24,
.icon-24-bf.icon-insurance-24:before {background-position: -168px -312px;}
.icon-24.icon-guarantee-24,
.icon-24-bf.icon-guarantee-24:before {background-position: -192px -312px;}
.icon-24.icon-program-24,
.icon-24-bf.icon-program-24:before {background-position: -48px -72px;}

/* уменьшенные иконки с 24x24 до 19x19*/
.icon-24-bf-19.icon-place-24:before {background-position: 0px 0px;}
.icon-24-bf-19.icon-phone-24:before {background-position: -76.8px 0px;}
.icon-24-bf-19.icon-mail-24:before {background-position: -115.5px 0px;}
.icon-24-bf-19.icon-metro-mayakovskaya-24:before {background-position: -19.2px 0px;}
.icon-24-bf-19.icon-metro-barricade-24:before {background-position: -38.4px 0px;}
.icon-24-bf-19.icon-metro-university-24:before {background-position: -57.6px 0px;}
.icon-24-bf-19.icon-arrow-right-top-24:before {background-position: -153.6px -78px;}
.icon-24-19.icon-cart-white-24,
.icon-24-bf-19.icon-cart-white-24:before {background-position: -38.4px -96px;}
.icon-24-bf-19.icon-user-white-24:before {background-position: -57.6px -97px;}
.icon-24-bf-19.icon-user-black-24:before {background-position: -76.8px -97px;}
.icon-24-bf-19.icon-clock-24:before {background-position: -95px 0px;}
.icon-24-bf-19.icon-phone-white-24:before {background-position: -96px -134.4px;}
.icon-24-bf-19.icon-email-white-24:before {background-position: -115.2px -134.4px;}
.icon-24-bf-19.icon-place-white-24:before {background-position: 0px -134.4px;}
.icon-24-19.icon-search-white-24 {background-position: -134.4px -153.6px;}
.icon-24-19.icon-home-24 {background-position: -172.8px -153.6px;}
.icon-24-19.icon-settings-24,
.icon-24-bf-19.icon-settings-24:before {background-position: -153.6px -19.2px;}
.icon-24-19.icon-phone-android-24,
.icon-24-bf-19.icon-phone-android-24:before {background-position: -172.8px -134.4px;}
.icon-24-19.icon-display-size-24,
.icon-24-bf-19.icon-display-size-24:before {background-position: -57.6px -38.4px;}
.icon-24-19.icon-resolution-24,
.icon-24-bf-19.icon-resolution-24:before {background-position: -96px -38.4px;}
.icon-24-19.icon-camera-24,
.icon-24-bf-19.icon-camera-24:before {background-position: -76.8px -38.4px;}
.icon-24-19.icon-save-24,
.icon-24-bf-19.icon-save-24:before {background-position: -19.2px -38.4px;}
.icon-24-19.icon-price-24,
.icon-24-bf-19.icon-price-24:before {background-position: -115.2px -38.4px;}
.icon-24-19.icon-skype-24,
.icon-24-bf-19.icon-skype-24:before {background-position: -153.6px -172.8px;}
.icon-24-19.icon-repair-24,
.icon-24-bf-19.icon-repair-24:before {background-position: -172.8px -172.8px;}
.icon-24-19.icon-sort-24,
.icon-24-bf-19.icon-sort-24:before {background-position: 0px -211.2px;}
.icon-24-19.icon-sort-orange-24,
.icon-24-bf-19.icon-sort-orange-24:before {background-position: -96px -268.8px;}
.icon-24-19.icon-delete-24,
.icon-24-bf-19.icon-delete-24:before {background-position: 0px -268.8px;}
.icon-24-19.icon-close-24,
.icon-24-bf-19.icon-close-24:before {background-position: -153.6px -192px;}
.icon-24-19.icon-cart-24,
.icon-24-bf-19.icon-cart-24:before {background-position: -0px -115.2px;}
.icon-24-19.icon-star-light-grey-24,
.icon-24-bf-19.icon-star-light-grey-24:before {background-position: 0px -288px;}
.icon-24-19.icon-star-grey-24,
.icon-24-bf-19.icon-star-grey-24:before {background-position: -19.2px -288px;}
.icon-24-19.icon-alphabet-light-grey-24,
.icon-24-bf-19.icon-alphabet-light-grey-24:before {background-position: -38.4px -288px;}
.icon-24-19.icon-alphabet-grey-24,
.icon-24-bf-19.icon-alphabet-grey-24:before {background-position: -57.6px -288px;}
.icon-24-19.icon-price-light-grey-24,
.icon-24-bf-19.icon-price-light-grey-24:before {background-position: -76.8px -288px;}
.icon-24-19.icon-price-grey-24,
.icon-24-bf-19.icon-price-grey-24:before {background-position: -96px -288px;}
.icon-24-19.icon-sort-grey-24,
.icon-24-bf-19.icon-sort-grey-24:before {background-position: -115.2px -288px;}

.icon-24-19.icon-compare-white-24,
.icon-24-bf-19.icon-compare-white-24:before,
.icon-24-19.icon-compare-grey-24.compare-btn.active,
html.bx-no-touch .icon-24-19.icon-compare-grey-24.compare-btn:hover,
.icon-24-bf-19.icon-compare-grey-24.compare-btn.active:before,
html.bx-no-touch .icon-24-bf-19.icon-compare-grey-24.compare-btn:hover:before{background-position: -115.2px -268.8px;}
.icon-24-19.icon-compare-grey-24,
.icon-24-bf-19.icon-compare-grey-24:before{background-position: -134.4px -268.8px;}

.icon-24-19.icon-favorite-white-24,
.icon-24-bf-19.icon-favorite-white-24:before,
.icon-24-19.icon-favorite-grey-24.favorite-btn.active,
html.bx-no-touch .icon-24-19.icon-favorite-grey-24.favorite-btn:hover,
.icon-24-bf-19.icon-favorite-grey-24.favorite-btn.active:before,
html.bx-no-touch .icon-24-bf-19.icon-favorite-grey-24.favorite-btn:hover:before{background-position: -153.6px -268.8px;}
.icon-24-19.icon-favorite-grey-24,
.icon-24-bf-19.icon-favorite-grey-24:before {background-position: -172.8px -268.8px;}

.icon-24-19.icon-devices-other-24,
.icon-24-bf-19.icon-devices-other-24:before {background-position: 0px -172.8px;}
.icon-24-19.icon-settings-overscan-24,
.icon-24-bf-19.icon-settings-overscan-24:before {background-position: -19.2px -172.8px;}
.icon-24-19.icon-ring-volume-24,
.icon-24-bf-19.icon-ring-volume-24:before {background-position: -38.4px -172.8px;}
.icon-24-19.icon-battery-charging-full-24,
.icon-24-bf-19.icon-battery-charging-full-24:before {background-position: -57.6px -172.8px;}
.icon-24-19.icon-zoom-out-map-24,
.icon-24-bf-19.icon-zoom-out-map-24:before {background-position: -76.8px -172.8px;}
.icon-24-19.icon-wifi-tethering-24,
.icon-24-bf-19.icon-wifi-tethering-24:before {background-position: -96px -172.8px;}

.icon-24-19.icon-clock-white-24,
.icon-24-bf-19.icon-clock-white-24:before {background-position: 0px -192px;}
.icon-24-19.icon-clock-24,
.icon-24-bf-19.icon-clock-24:before {background-position: -96px 0px;}

/* уменьшенные иконки с 24x24 до 17x17*/
.icon-24-bf-17.icon-cart-white-24:before {background-position: -33.6px -84px;}
.icon-24-17.icon-clock-white-24,
.icon-24-bf-17.icon-clock-white-24:before {background-position: 0px -168px;}

/* ---------------------------------- */
/* Иконки 36x36                       */
/* ---------------------------------- */

.icon-36 { 
    display: inline-block;
}

.icon-36-bf { 
    position: relative;
    padding-left: 50px;
}
.icon-36-bf:before { 
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:2;
}

.icon-36,
.icon-36-bf:before { 
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    background-image: url('/bitrix/templates/ymservice/images/icons/icon-36-1x.png?v=2');
    background-size: 144px 144px;  /* ИЗМЕНИТЬ РАЗМЕРЫ ЕСЛИ ИЗМЕНЯЕТСЯ ФАЙЛ*/
    background-position: 1000px 1000px;
}


.icon-36.icon-ready-36,
.icon-36-bf.icon-ready-36:before {background-position: -0px 0px;}
.icon-36.icon-wait-36,
.icon-36-bf.icon-wait-36:before {background-position: -36px 0px;}
.icon-36.icon-place-36,
.icon-36-bf.icon-place-36:before {background-position: -72px 0px;}

/* ---------------------------------- */
/* Иконки 72x72                       */
/* ---------------------------------- */

.icon-72-bf { 
    position: relative;
    padding-left: 90px;
}
.icon-72-bf:before { 
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-image: url('/bitrix/templates/ymservice/images/icons/icon-72.png');
    left: 0px;
    top: 0px;
    width: 72px;
    height: 72px;
    background-size: 360px 72px;  /* ИЗМЕНИТЬ РАЗМЕРЫ ЕСЛИ ИЗМЕНЯЕТСЯ ФАЙЛ*/
}

.icon-72-bf-48:before {
    background-size: 240px 48px; /* ИЗМЕНИТЬ РАЗМЕРЫ ЕСЛИ ИЗМЕНЯЕТСЯ ФАЙЛ - 60,66666666% */
    width: 48px;
    height: 48px;
}

.icon-72-bf.icon-cost-72:before {background-position: 0px 0px;}
.icon-72-bf.icon-repair-72:before {background-position: -72px 0px;}
.icon-72-bf.icon-get-72:before {background-position: -144px 0px;}

/* уменьшенные иконки с 72x72 до 48x48*/
.icon-72-bf-48.icon-cost-72:before {background-position: 0px 0px;}
.icon-72-bf-48.icon-repair-72:before {background-position: -48px 0px;}
.icon-72-bf-48.icon-get-72:before {background-position: -96px 0px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        
        .icon-72-bf:before { 
            background-image: url('/bitrix/templates/ymservice/images/icons/icon-144.png');
        }
}

/* иконки социальных сетей - оформление контейнера, цвета */
.b1t-ymservice-social-icon {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #475057;
    background-position: center center;
    background-repeat: no-repeat;
    
    -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
            
            
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;        
}

.b1t-ymservice-social-icon,
.b1t-ymservice-social-icon:hover,
.b1t-ymservice-social-icon:active,
.b1t-ymservice-social-icon:focus {
    text-decoration: none;
}

.b1t-ymservice-social-icon .icon-24 {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto auto auto auto;
}


.b1t-ymservice-social-icon:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05),8px 13px 16px 0px rgba(0, 0, 0, 0.13);
}

.b1t-ymservice-social-icon.vkontakte:hover {
    background-color: #2b80ad;
}

.b1t-ymservice-social-icon.facebook:hover {
    background-color: #196d9a;
}

.b1t-ymservice-social-icon.twitter:hover {
    background-color: #39d6ed;
}

.b1t-ymservice-social-icon.odnoklassniki:hover {
    background-color: #f5a409;
}

.b1t-ymservice-social-icon.google-plus:hover {
    background-color: #f65353;
}

.b1t-ymservice-social-icon.youtube:hover {
    background-color: #d32121;
}

.b1t-ymservice-social-icon.instagram:hover {
    background-color: #dd2b72;
}

/*
 * Иконки файлов
 */

.b1t-ymservice-file {
     position: relative;
     min-height: 55px;
     padding-left: 60px;
}

.b1t-ymservice-file:before {
    content:"";
    position: absolute;
    top: 0px;
    left:0px;
    width: 46px;
    height:55px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 46px 55px;
}

.b1t-ymservice-file.ext-pdf:before {
    background-image: url("/bitrix/templates/ymservice/images/ext/pdf.png");
}

.b1t-ymservice-file.ext-jpg:before,
.b1t-ymservice-file.ext-jpeg:before{
    background-image: url("/bitrix/templates/ymservice/images/ext/jpg.png");
}

.b1t-ymservice-file.ext-png:before{
    background-image: url("/bitrix/templates/ymservice/images/ext/png.png");
}

.b1t-ymservice-file.ext-doc:before,
.b1t-ymservice-file.ext-docx:before{
    background-image: url("/bitrix/templates/ymservice/images/ext/doc.png");
}

.b1t-ymservice-file.ext-xls:before,
.b1t-ymservice-file.ext-xlsx:before{
    background-image: url("/bitrix/templates/ymservice/images/ext/xls.png");
}

.b1t-ymservice-file.ext-rar:before{
    background-image: url("/bitrix/templates/ymservice/images/ext/rar.png");
}

.b1t-ymservice-file.ext-zip:before{
    background-image: url("/bitrix/templates/ymservice/images/ext/zip.png");
}



/* ---------------------------------- */
/* Стикеры                            */
/* ---------------------------------- */

.b1t-ymservice-stikers {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.b1t-ymservice-stiker { 
    display: block;
    margin-bottom: 5px;
    width: 40px;
    height: 40px;
    background-image: url('/bitrix/templates/ymservice/images/icons/stikers-1x.png');
    background-size: 40px 80px;  /* ИЗМЕНИТЬ РАЗМЕРЫ ЕСЛИ ИЗМЕНЯЕТСЯ ФАЙЛ*/
    background-position: 0px 0px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        
        .b1t-ymservice-stiker { 
            background-image: url('/bitrix/templates/ymservice/images/icons/stikers-2x.png');
        }
}

.b1t-ymservice-stiker-discount {
    background-position: 0px 0px;
}

.b1t-ymservice-stiker-hit {
    background-position: 0px -40px;
}

/* ---------------------------------- */
/* Тема для плагина скролбара         */
/* ---------------------------------- */

.ps-theme-b1t-ymservice-perferct-scrollbar .ps-scrollbar-x-rail{
    opacity: 0.5;
}


/* End */


/* Start:/bitrix/templates/ymservice/themes/euroservice/styles.css?14571088761096*/

#top-panel-logo .logo {
    display: inline-block;
    width: 98px;
    height: 43px;
    background: transparent url("/bitrix/templates/ymservice/themes/euroservice/images/logo-panel-1x.png") 0px 0px no-repeat;
    background-size: 98px 43px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        
        #top-panel-logo .logo {
            background-image: url('/bitrix/templates/ymservice/themes/euroservice/images/logo-panel-2x.png');
        }
}


#top-panel-logo-mobile .logo {
    display: inline-block;
    width: 98px;
    height: 43px;
    background: transparent url("/bitrix/templates/ymservice/themes/euroservice/images/logo-panel-1x.png") 0px 0px no-repeat;
    background-size: 98px 43px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        
        #top-panel-logo-mobile .logo {
            background-image: url('/bitrix/templates/ymservice/themes/euroservice/images/logo-panel-2x.png');
        }
}
/* End */


/* Start:/upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/themes/euroservice/style.css?14658275961874*/
#top-login-button .login-icon,
#top-user-button .login-icon {
  background: #c2d138;
}
.checkbox-adv input.access-hide:checked ~ .circle-icon,
.radio-adv input.access-hide:checked ~ .circle-icon,
.checkbox-adv .circle-check:after,
.radio-adv .circle-check:after {
  background-color: #2a98d3;
}
.radio-adv input.access-hide:checked ~ .circle-check {
  background-color: #2a98d3;
}
.radio-adv input.access-hide:checked ~ .circle {
  border-color: #2a98d3;
}
.tab-nav .nav > li > a:focus,
.tab-nav .nav > li > a:hover,
.tab-nav .nav > li > .a:focus,
.tab-nav .nav > li > .a:hover {
  border-bottom-color: #2a98d3;
  color: #2a98d3;
}
.tab-nav .nav > li.active > a,
.tab-nav .nav > li.active > .a {
  border-bottom-color: #2a98d3;
  color: #2a98d3;
}
.tab-nav-indicator {
  background-color: #2a98d3;
}
.form-group-label.control-focus .floating-label {
  color: #2a98d3;
}
input[type="checkbox"]:checked + .switch-toggle:after,
input[type="radio"]:checked + .switch-toggle:after {
  background-color: #2a98d3;
}
.owl-theme .owl-controls .owl-buttons div {
  background: #2a98d3;
}
.b1t-ymservice-block-quote:before {
  background: #2a98d3;
}
.compare-btn.active:after,
html.bx-no-touch .compare-btn:hover:after,
.favorite-btn.active:after,
html.bx-no-touch .favorite-btn:hover:after {
  background: #2a98d3;
}
.b1t-ymservice-quantity-wrapper .quantity.none {
  background: #f04848;
  border-color: #f04848;
}
.b1t-ymservice-quantity-wrapper .quantity.low {
  background: #fcba02;
  border-color: #fcba02;
}
.b1t-ymservice-quantity-wrapper .quantity.enough {
  background: #c1d038;
  border-color: #c1d038;
}
.b1t-ymservice-nouislider-range.noUi-horizontal .noUi-connect {
  background: #2a98d3;
}
.b1t-ymservice-nouislider-range.noUi-horizontal .noUi-handle {
  background: #2a98d3;
}
.ps-theme-b1t-ymservice-perferct-scrollbar .ps-scrollbar-x {
  background-color: #2a98d3;
}

/* End */
/* /bitrix/templates/ymservice/js/material/css/base.css?1448523136170842 */
/* /bitrix/templates/ymservice/js/tooltipster/css/tooltipster.css?14472272569043 */
/* /bitrix/templates/ymservice/js/tooltipster/css/themes/tooltipster-ymservice.css?1447234506636 */
/* /bitrix/templates/ymservice/js/owl-carousel/owl.carousel.css?14477413561476 */
/* /bitrix/templates/ymservice/js/owl-carousel/owl.theme.css?14477413561665 */
/* /bitrix/templates/ymservice/js/photoswipe/photoswipe.css?14513921224065 */
/* /bitrix/templates/ymservice/js/photoswipe/default-skin/default-skin.css?145139206411611 */
/* /bitrix/templates/ymservice/components/bitrix/main.include/left/style.css?1455709324280 */
/* /bitrix/templates/ymservice/components/bitrix/menu/left/style.css?14579565667583 */
/* /bitrix/templates/ymservice/components/bitrix/menu/submenu/style.css?14513109282181 */
/* /bitrix/templates/ymservice/components/bitrix/menu/top/style.css?14571088664752 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/menu/top/style.css?1460007996215 */
/* /bitrix/templates/ymservice/components/bitrix/search.title/top/style.css?14571088803989 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/search.title/top/style.css?1460007996346 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/top-phones/style.css?14601199001688 */
/* /bitrix/templates/ymservice/components/bitrix/form.result.new/callback/style.css?1451029320352 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/top-email/style.css?14513750462004 */
/* /bitrix/templates/ymservice/components/bitrix/news.list/top-address/style.css?14582003043484 */
/* /bitrix/templates/ymservice/components/bitrix/menu/left-side/style.css?14570958064765 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/menu/left-side/style.css?14600079961613 */
/* /bitrix/templates/ymservice/components/bitrix/system.auth.form/top/style.css?14571088804669 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/system.auth.form/top/style.css?146000799682 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/header-phones/style.css?14601198983321 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/header-email/style.css?14531110843100 */
/* /bitrix/templates/ymservice/components/bitrix/news.list/header-address/style.css?14582003025266 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/main-blocks/style.css?145709582623863 */
/* /bitrix/templates/ymservice/components/bitrix/catalog.section.list/main-blocks-tab-cost-by-model/style.css?14507862144208 */
/* /bitrix/templates/ymservice/components/bitrix/news.list/carousel-simple/style.css?14571088963523 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/news.list/carousel-simple/style.css?146000799683 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.iblock.search/ajax/style.css?14571088784535 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/b1team/ymservice.iblock.search/ajax/style.css?1460007996160 */
/* /bitrix/templates/ymservice/components/bitrix/catalog.section.list/main-blocks-tab-cost-by-breaking/style.css?14567565385315 */
/* /bitrix/templates/ymservice/components/bitrix/catalog.section.list/carousel-simple/style.css?14571088684167 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/catalog.section.list/carousel-simple/style.css?146000799694 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/main-blocks-tab-cost-call/style.css?14533750005695 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/chat/style.css?1451029302841 */
/* /bitrix/templates/ymservice/components/bitrix/news.list/main-blocks-tab-repair-bring-into-service/style.css?145932334627075 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/news.list/main-blocks-tab-repair-bring-into-service/style.css?1460007996458 */
/* /bitrix/templates/ymservice/components/bitrix/form.result.new/request/style.css?14570958182604 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/form.result.new/request/style.css?146000799695 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.request.status/.default/style.css?14555452223261 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/main-blocks-tab-get-phone/style.css?14533749905928 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/b1team/ymservice.custom/main-blocks/style.css?14600079962180 */
/* /bitrix/templates/ymservice/components/bitrix/breadcrumb/.default/style.css?14593255743272 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/footer/style.css?14586264129908 */
/* /bitrix/templates/ymservice/components/bitrix/menu/bottom/style.css?1457108866979 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/menu/bottom/style.css?1460007996227 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/footer-phones/style.css?1453819910782 */
/* /bitrix/templates/ymservice/components/b1team/ymservice.custom/footer-email/style.css?14538199521113 */
/* /bitrix/templates/ymservice/components/bitrix/news.list/footer-address/style.css?14571088761771 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/components/bitrix/news.list/footer-address/style.css?1460007996369 */
/* /bitrix/templates/ymservice/components/bitrix/catalog.section.list/footer-brands/style.css?1453118230855 */
/* /bitrix/templates/ymservice/styles.css?14559745004666 */
/* /bitrix/templates/ymservice/template_styles.css?146769847258542 */
/* /bitrix/templates/ymservice/themes/euroservice/styles.css?14571088761096 */
/* /upload/b1team.ymservice/less_compiled/s1/bitrix/templates/ymservice/themes/euroservice/style.css?14658275961874 */