/* Start:/local/templates/ugrateam/bootstrap/css/bootstrap.css?1675925022151203*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

 /*Montserrat*/
 @font-face {
    font-family: 'Montserrat'; /* Имя шрифта */
    src: url(fonts/Montserrat/Montserrat-Regular.otf); /* Путь к файлу со шрифтом */
    font-weight: normal;
}

@font-face {
    font-family: 'Montserrat'; /* Имя шрифта */
    src: url(fonts/Montserrat/Montserrat-Medium.otf); /* Путь к файлу со шрифтом */
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat'; /* Имя шрифта */
    src: url(fonts/Montserrat/Montserrat-SemiBold.otf); /* Путь к файлу со шрифтом */
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat'; /* Имя шрифта */
    src: url(fonts/Montserrat/Montserrat-Bold.otf); /* Путь к файлу со шрифтом */
    font-weight: bold;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

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

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

[hidden],
template {
    display: none;
}



.list-slider {
    display: none;
}

.list-slider.active {
    display: block;
}

.list-slider .doc-list {
    padding-left: 30px;
}

.section_name {
    cursor: pointer;
}

.section_name::after {
    display: inline-block;
    content: "";
    background: url('https://www.ugrasu.ru/local/templates/yugu2021/img/arrow_b.svg') center no-repeat;
    width: 22px;
    height: 16px;
    margin-left: 10px;
    opacity: 1;
    transition: 0.3s ease;
}

.section_name.active::after {
    transform: rotate(180deg);
}






.card-about-inner__body {
    position: relative;
}
.card-about-inner__body::before {
    content: '';
    display: table;
    position: absolute;
    left: 30px;
    top: 25px;
    background-size: contain !important;
    opacity: 0.1;
    width: 48px;
    height: 48px;
    background: url('img/quotes.svg') no-repeat;
}
.card-about-inner__body::after {
    content: '';
    display: table;
    position: absolute;
    right: 30px;
    bottom: 25px;
    background-size: contain !important;
    opacity: 0.1;
    width: 48px;
    height: 48px;
    background: url('img/quotes.svg') no-repeat;
}


a {
    background-color: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .navbar {
        display: none;
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important;
    }
    .label {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/local/templates/ugrateam/bootstrap/css/../fonts/glyphicons-halflings-regular.eot');
    src: url('/local/templates/ugrateam/bootstrap/css/../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/ugrateam/bootstrap/css/../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/local/templates/ugrateam/bootstrap/css/../fonts/glyphicons-halflings-regular.woff') format('woff'), url('/local/templates/ugrateam/bootstrap/css/../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/local/templates/ugrateam/bootstrap/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: 'DinPro', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #2b2b2b;
    background-color: #ffffff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #01a4e4;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #016d98;
    text-decoration: underline;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 4px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.3;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eef3fa;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #96a1ab;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}

h1,
.h1 {
    font-size: 41px;
}

h2,
.h2 {
    font-size: 48px;
}

h3,
.h3 {
    font-size: 25px;
}

h4,
.h4 {
    font-size: 22px;
}

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

h6,
.h6 {
    font-size: 14px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 24px;
    }
}

small,
.small {
    font-size: 87%;
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em;
}

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

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

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

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

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

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

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

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

.text-muted {
    color: #96a1ab;
}

.text-primary {
    color: #ed6f00;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #ba5700;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #ed6f00;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #ba5700;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eef3fa;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

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

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.3;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #96a1ab;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 20px;
    border-left: 5px solid #eef3fa;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.3;
    color: #96a1ab;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eef3fa;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.3;
}

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

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.3;
    word-break: break-all;
    word-wrap: break-word;
    color: #5e5e5e;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #96a1ab;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.3;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.table>tbody+tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #c9d3dd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8;
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6;
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3;
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }
    .table-responsive>.table-bordered {
        border: 0;
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: inherit;
    color: #5e5e5e;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

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

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

input[type="file"] {
    display: block;
}

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

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

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 16px;
    line-height: 1.3;
    color: #6d6d6d;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.3;
    color: #6d6d6d;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #01a4e4;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(1, 164, 228, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(1, 164, 228, 0.6);
}

.form-control::-moz-placeholder {
    color: #6d6d6d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6d6d6d;
}

.form-control::-webkit-input-placeholder {
    color: #6d6d6d;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eef3fa;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 33px;
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 83px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

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

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 36px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
}

.input-sm {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}

select.input-sm {
    height: 33px;
    line-height: 33px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}

.form-group-sm select.form-control {
    height: 33px;
    line-height: 33px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 33px;
    min-height: 34px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.5;
}

.input-lg {
    height: 83px;
    padding: 27px 45px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 4px;
}

select.input-lg {
    height: 83px;
    line-height: 83px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 83px;
    padding: 27px 45px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 4px;
}

.form-group-lg select.form-control {
    height: 83px;
    line-height: 83px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 83px;
    min-height: 40px;
    padding: 28px 45px;
    font-size: 20px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 83px;
    height: 83px;
    line-height: 83px;
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 33px;
    height: 33px;
    line-height: 33px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label~.form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #6b6b6b;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-static {
        display: inline-block;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }
    .form-inline .input-group>.form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 28px;
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 14px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.3;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #ffffff;
    text-decoration: none;
}

.btn:active,
.btn.active {
    outline: 0;
    //background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #ffffff;
    background-color: #ed6f00;
    border-color: transparent;
}

.btn-default:focus,
.btn-default.focus {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-default:hover {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
    color: #ffffff;
    background-color: #964600;
    border-color: rgba(0, 0, 0, 0);
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #ed6f00;
    border-color: transparent;
}

.btn-default .badge {
    color: #ed6f00;
    background-color: #ffffff;
}

.btn-primary {
    color: #ffffff;
    background-color: #ed6f00;
    border-color: transparent;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #964600;
    border-color: rgba(0, 0, 0, 0);
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #ed6f00;
    border-color: transparent;
}

.btn-primary .badge {
    color: #ed6f00;
    background-color: #ffffff;
}

.btn-success {
    color: #ffffff;
    background-color: #65bc3a;
    border-color: transparent;
}

.btn-success:focus,
.btn-success.focus {
    color: #ffffff;
    background-color: #50952e;
    border-color: rgba(0, 0, 0, 0);
}

.btn-success:hover {
    color: #ffffff;
    background-color: #50952e;
    border-color: rgba(0, 0, 0, 0);
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #50952e;
    border-color: rgba(0, 0, 0, 0);
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
    color: #ffffff;
    background-color: #417a26;
    border-color: rgba(0, 0, 0, 0);
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #65bc3a;
    border-color: transparent;
}

.btn-success .badge {
    color: #65bc3a;
    background-color: #ffffff;
}

.btn-info {
    color: #ffffff;
    background-color: #01a4e4;
    border-color: transparent;
}

.btn-info:focus,
.btn-info.focus {
    color: #ffffff;
    background-color: #017fb1;
    border-color: rgba(0, 0, 0, 0);
}

.btn-info:hover {
    color: #ffffff;
    background-color: #017fb1;
    border-color: rgba(0, 0, 0, 0);
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #017fb1;
    border-color: rgba(0, 0, 0, 0);
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
    color: #ffffff;
    background-color: #01668e;
    border-color: rgba(0, 0, 0, 0);
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #01a4e4;
    border-color: transparent;
}

.btn-info .badge {
    color: #01a4e4;
    background-color: #ffffff;
}

.btn-warning {
    color: #ffffff;
    background-color: #ed6f00;
    border-color: transparent;
}

.btn-warning:focus,
.btn-warning.focus {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
    color: #ffffff;
    background-color: #964600;
    border-color: rgba(0, 0, 0, 0);
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #ed6f00;
    border-color: transparent;
}

.btn-warning .badge {
    color: #ed6f00;
    background-color: #ffffff;
}

.btn-danger {
    color: #ffffff;
    background-color: #ed6f00;
    border-color: transparent;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-danger:hover {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #ba5700;
    border-color: rgba(0, 0, 0, 0);
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
    color: #ffffff;
    background-color: #964600;
    border-color: rgba(0, 0, 0, 0);
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #ed6f00;
    border-color: transparent;
}

.btn-danger .badge {
    color: #ed6f00;
    background-color: #ffffff;
}

.btn-link {
    color: #01a4e4;
    font-weight: normal;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    color: #016d98;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #96a1ab;
    text-decoration: none;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 27px 45px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 4px;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}

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

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.3;
    color: #5e5e5e;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #515151;
    background-color: #f5f5f5;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #ed6f00;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #96a1ab;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.3;
    color: #96a1ab;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 6px dashed;
    border-bottom: 6px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}








.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group .form-control:focus {
    z-index: 3;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 83px;
    padding: 27px 45px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 4px;
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 83px;
    line-height: 83px;
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 33px;
    line-height: 33px;
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #6d6d6d;
    text-align: center;
    background-color: #eef3fa;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
}

.input-group-addon.input-lg {
    padding: 27px 45px;
    font-size: 20px;
    border-radius: 4px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    color: #01a4e4;
}

.nav>li.disabled>a {
    color: #96a1ab;
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #96a1ab;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.3;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eef3fa #eef3fa #dddddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #6d6d6d;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified>li {
    float: none;
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #ffffff;
    }
}

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

.nav-pills>li>a {
    border-radius: 4px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #ffffff;
    background-color: #ed6f00;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified {
    width: 100%;
}

.nav-justified>li {
    float: none;
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #ffffff;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 20px;
    line-height: 20px;
    height: 50px;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-brand>img {
    display: block;
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .navbar-form .form-control-static {
        display: inline-block;
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto;
    }
    .navbar-form .input-group>.form-control {
        width: 100%;
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-btn.btn-sm {
    margin-top: 8.5px;
    margin-bottom: 8.5px;
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }
    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777777;
}

.navbar-default .navbar-nav>li>a {
    color: #777777;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #333333;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555555;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

.navbar-default .navbar-link:hover {
    color: #333333;
}

.navbar-default .btn-link {
    color: #777777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333333;
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #cccccc;
}

.navbar-inverse {
    background-color: #222222;
    border-color: #080808;
}

.navbar-inverse .navbar-brand {
    color: #c1c7cd;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #c1c7cd;
}

.navbar-inverse .navbar-nav>li>a {
    color: #c1c7cd;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #c1c7cd;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #c1c7cd;
}

.navbar-inverse .navbar-link:hover {
    color: #ffffff;
}

.navbar-inverse .btn-link {
    color: #c1c7cd;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #ffffff;
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444444;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}

.breadcrumb>.active {
    color: #96a1ab;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.3;
    text-decoration: none;
    color: #01a4e4;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #016d98;
    background-color: #eef3fa;
    border-color: #dddddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #ffffff;
    background-color: #ed6f00;
    border-color: #ed6f00;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #96a1ab;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 27px 45px;
    font-size: 20px;
    line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

.pager li {
    display: inline;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #eef3fa;
}

.pager .next>a,
.pager .next>span {
    float: right;
}

.pager .previous>a,
.pager .previous>span {
    float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #96a1ab;
    background-color: #ffffff;
    cursor: not-allowed;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #96a1ab;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #7a8894;
}

.label-primary {
    background-color: #ed6f00;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #ba5700;
}

.label-success {
    background-color: #65bc3a;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #50952e;
}

.label-info {
    background-color: #01a4e4;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #017fb1;
}

.label-warning {
    background-color: #ed6f00;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ba5700;
}

.label-danger {
    background-color: #ed6f00;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #ba5700;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #96a1ab;
    border-radius: 10px;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #01a4e4;
    background-color: #ffffff;
}

.list-group-item>.badge {
    float: right;
}

.list-group-item>.badge+.badge {
    margin-right: 5px;
}

.nav-pills>li>a>.badge {
    margin-left: 3px;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eef3fa;
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 200;
}

.jumbotron>hr {
    border-top-color: #c7d7ee;
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }
    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 72px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.3;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

.thumbnail>img,
.thumbnail a>img {
    margin-left: auto;
    margin-right: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #01a4e4;
}

.thumbnail .caption {
    padding: 9px;
    color: #2b2b2b;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert>p,
.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #ed6f00;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #65bc3a;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #01a4e4;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #ed6f00;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #ed6f00;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-object.img-thumbnail {
    max-width: none;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-left,
.media>.pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
    color: #555555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #f5f5f5;
}

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eef3fa;
    color: #96a1ab;
    cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #96a1ab;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #ed6f00;
    border-color: #ed6f00;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #ffdaba;
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #dddddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default>.panel-heading {
    color: #5e5e5e;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #5e5e5e;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-primary {
    border-color: #ed6f00;
}

.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #ed6f00;
    border-color: #ed6f00;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ed6f00;
}

.panel-primary>.panel-heading .badge {
    color: #ed6f00;
    background-color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ed6f00;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
    padding: 24px;
    border-radius: 4px;
}

.well-sm {
    padding: 9px;
    border-radius: 4px;
}

.close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

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

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.3;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

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

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: 'DinPro', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.3;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #6d6d6d;
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ffffff;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ffffff;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ffffff;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #ffffff;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #ffffff;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #ffffff;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #ffffff;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #ffffff;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: 'DinPro', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.3;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 16px;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 16px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 3px 3px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }
    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0;
    }
    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0;
    }
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
    outline: 0;
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }
    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

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

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print {
    .hidden-print {
        display: none !important;
    }
}
/* End */


/* Start:/local/templates/ugrateam/icon.css?16788961231965*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/templates/ugrateam/../../fonts/icomoon.eot?7fy5be');
  src:  url('/local/templates/ugrateam/../../fonts/icomoon.eot?7fy5be#iefix') format('embedded-opentype'),
  url('/local/templates/ugrateam/../../fonts/icomoon.ttf?7fy5be') format('truetype'),
  url('/local/templates/ugrateam/../../fonts/icomoon.woff?7fy5be') format('woff'),
  url('/local/templates/ugrateam/../../fonts/icomoon.svg?7fy5be#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-soc-face:before {
  content: "\e900";
}
.icon-soc-odk:before {
  content: "\e901";
}
.icon-soc-twit:before {
  content: "\e902";
}
.icon-soc-vk:before {
  content: "\e903";
}
.icon-soc-google:before {
  content: "\e90d";
}
.icon-soc-inst:before {
  content: "\e90e";
}
.icon-user:before {
  content: "\e904";
}
.icon-seach:before {
  content: "\e905";
}
.icon-message:before {
  content: "\e906";
}
.icon-redact:before {
  content: "\e907";
}
.icon-close:before {
  content: "\e908";
}
.icon-check:before {
  content: "\e909";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-minus:before {
  content: "\e90b";
}
.icon-show:before {
  content: "\e90c";
}
.icon-drop:before {
  content: "\e90f";
}
.icon-quote-up:before {
  content: "\e910";
}
.icon-quote-down:before {
  content: "\e911";
}
.icon-calendar:before {
  content: "\e912";
}
.icon-clock:before {
  content: "\e913";
}
.icon-location:before {
  content: "\e914";
}
.icon-angle-down:before {
  content: "\e915";
}
.icon-angle-up:before {
  content: "\e916";
}
.icon-downlad:before {
  content: "\e917";
}
.icon-eye:before {
  content: "\e918";
}
.icon-warning:before {
  content: "\e919";
}
/* End */


/* Start:/local/templates/ugrateam/fancybox/jquery.fancybox.min.css?166797373212795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/ugrateam/fancybox/fancybox.min.css?166797373315512*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/local/templates/ugrateam/tiny-slider/tiny-slider.css?16679902172178*/
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

/* End */


/* Start:/local/templates/ugrateam/components/bitrix/news.list/slider-banners/style.css?1671542917150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/ugrateam/components/bitrix/menu/menu-top/style.css?16754136612801*/
.top-menu {
	margin-left: auto;
	position: relative;
}

.top-menu a {
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	transition: 0.3s ease;
	line-height: initial !important;
	height: fit-content;
	margin-right: 25px;
}

.top-menu a:hover {
	opacity: 0.5;
	color: #fff;
}

.btn-gamb {
	font-size: 4px;
	color: #fff;
	position: absolute;
	width: 21px;
	height: 26px;
	cursor: pointer;
	opacity: 0.3;
	display: inline-block;
}

.btn-gamb.active, .btn-gamb:hover {
	display: inline-block;
	opacity: 1;
}

.btn-gamb span {
	display: block;
	position: absolute;
	height: 4px;
	width: 4px;
	background: #006fba;
	border-radius: 50%;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: 0.5s ease-in-out;
	top: 50%;
	margin-top: -2px;
	background: #fff;
}

.btn-gamb span:nth-child(1) {
	left: 0;
}

.btn-gamb span:nth-child(2) {
	left: 8px;
}

.btn-gamb span:nth-child(3) {
	left: 16px;
}

.dropdown-item {
	display: none;
}


.dropdown-block {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	background: #fff;
	margin-top: 40px;
	border-radius: 4px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 15%);
	padding: 0 25px;
	display: none;
}

.dropdown-block.show {
	display: table;
}


.dropdown-block a {
	display: block;
	color: #212426;
	font-weight: 600;
	font-size: 16px;
	padding: 16px 0;
	border-bottom: 1px solid #EFECE9;
	margin: 0;
}

.dropdown-block a:hover {
	color: #527696;
}



@media (max-width: 991px) {
	.btn-gamb {
		opacity: 1;
		height: 11px;
	}

	.btn-gamb span {
		border-radius: 1px;
		position: initial;
		display: table;
		height: 2px;
		width: 20px;
		margin-top: 0;
	}

	.btn-gamb span:nth-child(2) {
		margin-top: 4px;
	}

	.btn-gamb span:nth-child(3) {
		margin-top: 4px;
	}

	.top-menu a {
		display: none;
	}
}

.mobile-view {
	display: block;
	position: fixed;
	left: 0;
	right: auto;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 100px 15px;
	margin-top: 0;
	border-radius: 0;
	background-color: #527696;
	transition: all .3s linear;
	transform: translateX(100%);
	box-shadow: none;
	overflow: auto;
}


.mobile-view.show {
	transform: translateX(0%);
	opacity: 1;
	visibility: visible;
}

.mobile-view-close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 18px;
	right: 20px;
}

.mobile-view-close span {
	background: #fff;
	width: 20px;
	height: 2px;
	border-radius: 1px;
	display: table;
	position: absolute;
	top: 0;
}

.mobile-view-close span:nth-child(1) {
	transform: translate3d(0, 6px, 0) rotate(45deg);
}

.mobile-view-close span:nth-child(2) {
	transform: translateY(6px) rotate(-45deg);
}

.mobile-view a {
	display: block;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    padding: 16px 0;
    border-bottom: 1px solid #EFECE9;
}
/* End */


/* Start:/local/templates/ugrateam/template_styles.css?1678986575624594*/
@charset "UTF-8";
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-italic - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-italic.eot'); /* IE9 Compat Modes */
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-italic.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-500 - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500.eot'); /* IE9 Compat Modes */
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-500italic - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500italic.eot'); /* IE9 Compat Modes */
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-500italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-600 - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600.eot'); /* IE9 Compat Modes */
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-600italic - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 600;
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600italic.eot'); /* IE9 Compat Modes */
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-600italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-700 - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700.eot'); /* IE9 Compat Modes */
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-700italic - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 700;
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700italic.eot'); /* IE9 Compat Modes */
    src: url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/ugrateam/fonts/fira-sans-v16-cyrillic_latin-700italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}

body {
    background: #F2F5F8;
    padding: 0;
    margin: 0;

    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #212426;
}


body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: auto;
}

.table-box {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}


.blind-header__in {

}

.header--dark .logo {
    color: #212426;
}

.logo {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.logo img {
    width: 70px;
    display: table;
}

.logo .prime {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.logo .sub {
    font-size: 14px;
    letter-spacing: .03em;
    margin-bottom: 0;
}

.logo:hover {
    color: #ffffff;
    opacity: .8;
}

.header--dark .logo:hover {
    color: #212426;
}


.glasses {
	background: url('/local/templates/ugrateam/img/glasses.svg') no-repeat;
	width: 34px;
    height: 14px;
    background-size: cover !important;
    filter: brightness(0) invert(1);
}

.icon-user {
    background: url('/local/templates/ugrateam/img/user.svg') no-repeat;
    width: 21px;
    height: 20px;
    background-size: cover !important;
    filter: brightness(0) invert(1);
    margin-right: 10px;
}

.icon-location {
    display: inline-block;
    background: url('/local/templates/ugrateam/img/location.svg') center no-repeat;
    width: 16px;
    height: 16px;
    background-size: contain !important;
}



.gos-info {
    font-size: 12px;
    color: #fff;
    width: 30%;
    display: flex;
    align-items: center;
    opacity: 0.7;
}

.head-btn-top {
    display: flex;
    column-gap: 15px;
}

.footer-info {
    display: flex;
    justify-content: space-between;
}

footer .gos-info {
    text-align: right;
}


ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

sub {
    vertical-align: sub;
    font-size: 60%;
    line-height: 100%;
}

sup {
    vertical-align: super;
    font-size: 60%;
    line-height: 100%;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

a:active,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

button {
    cursor: pointer;
}

textarea {
    resize: none;
}

::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

::-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}


/* Firefox 19+ */

:-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}


/* Firefox 18- */

:-ms-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

:focus::-webkit-input-placeholder {
    opacity: 0;
}

:focus::-moz-placeholder {
    opacity: 0;
}


/* Firefox 19+ */

:focus:-moz-placeholder {
    opacity: 0;
}


/* Firefox 18- */

:focus:-ms-input-placeholder {
    opacity: 0;
}


/*============== VARIABLE ==============*/


/*============== FONTS ==============*/


/* demo */

.sextion-abs {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.sextion-abs .simpl-in {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    z-index: 20;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sextion-abs .simpl-in .btn {
    display: block;
    margin: 0 auto 20px;
}

.sextion-abs .simpl-in .btn i {
    margin-right: 10px;
}

@media (max-width: 419px) {
    .sextion-abs .simpl-in .btn {
        display: inline-block;
        margin: 0 0px 20px;
    }
}




/*============== GENERAL ==============*/


@media (max-width: 767px) {
    .md-shown body {
        position: fixed;
        overflow: hidden;
    }
}

.container {
    width: 100%;
    max-width: 1174px;
    margin: 0 auto;
    padding: 0 15px;
}

h1.section-title,
h2.section-title,
a.section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
}

a.section-title {
    display: inline-block;
    color: #212426;
}

a.section-title:hover {
    color: #527696;
}

h3.section-sub-title,
h4.section-sub-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 18px;
}

h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
}

h4.sm-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.page-lk h1.section-title {
    margin-bottom: 35px;
}

.page-lk img {
	width: 100%;
	height: auto;
}

a {
    color: #00aeef;
}

a:hover {
    color: #527696;
}

p {
    margin-bottom: 20px;
}

.strong {
    font-weight: 700;
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
    }
    h1.section-title,
    h2.section-title,
    a.section-title {
        font-size: 24px;
        line-height: normal;
    }
    h3.section-sub-title,
    h4.section-sub-title {
        font-size: 18px;
        line-height: normal;
    }
    h4.sm-title {
        font-size: 14px;
        line-height: normal;
    }
}

.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.flex-wrap:before,
.row.flex-wrap:after {
    content: none;
}

.row.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.flex-row:before,
.row.flex-row:after {
    content: none;
}

.row.flex-row>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn {
    display: block;
    width: 100%;
    max-width: 350px;
    height: 58px;
    margin-bottom: 20px;
    padding: 21px 15px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 16px;
    background-color: initial;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-no-margin {
    margin: 0px;
}

.btn.btn--full {
    max-width: 100% !important;
}

.btn.btn--lg {
    max-width: 380px !important;
}

.btn:focus,
.btn:active {
    outline: none;
}

.btn.btn-prime {
    color: #ffffff;
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
    transition: 0.5s;
}

.btn.btn-prime:hover {
    background: linear-gradient(212.33deg, #00C960 0%, #00AEEF 105.47%);
}

.btn.btn-bruwn {
    color: #ffffff;
    background-color: #D8B08C;
}

.btn.btn-bruwn:hover {
    background-color: #C29A76;
}

.btn.btn-green {
    color: #ffffff;
    background-color: #00CF91;
}

.btn.btn-green:hover {
    color: #ffffff;
    background-color: #008376;
}

.btn.btn-green-dark {
    color: #fff;
    background: #009688;
}

.btn.btn-green-dark:hover {
    color: #ffffff;
    background-color: #008376;
}

.btn.btn-sub {
    color: #ffffff;
    background-color: #779fc1;
}

.btn.btn-sub:hover {
    background-color: #527696;
}

.btn.btn-border {
    color: #00aeef;
    padding: 20px 15px;
    border: 1px solid;
    border-image: linear-gradient(0deg, #00C960 0%, #00AEEF 105.47%);
    border-image-slice: 1;
}

.btn.btn-border:hover {
    color: #ffffff;
    background-color: #527696;
    border: 1px solid #527696;
}

.btn.add-btn {
    margin: 0 auto 50px;
    height: auto;
    padding: 16px;
    font-size: 14px;
    max-width: 240px;
}

.btn.add-btn i {
    margin-left: 8px;
    vertical-align: middle;
}

.btn[disabled] {
    color: #ffffff;
    background-color: #BCBDBD;
    cursor: default;
    opacity: 1;
}

.btn[disabled]:hover {
    color: #ffffff;
    background-color: #BCBDBD;
}

.btn.btn-border[disabled],
.btn.btn-border[disabled]:hover {
    color: #ffffff;
    border-color: #BCBDBD;
}

.btn .btn-icon {
    width: 18px;
    height: auto;
    margin-right: 12px;
}

.btn.btn-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
}

@media (max-width: 419px) {
    .btn {
        max-width: 100%;
        height: 48px;
        padding: 16px 14px;
        font-size: 13px;
    }
    .btn.btn-border {
        padding: 15px 14px;
    }
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.btn-wrap .btn {
    width: 46%;
}

.btn-center {
    margin: 0 auto 30px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
    box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
}

.btn-aling {
    margin: 0 auto 30px;
}

.btn.btn-border-leader {
    position: relative;
    color: #3c84b4;
    border: 1px solid transparent;
    border-image: linear-gradient(#3C84B4, #85BA5D);
    border-image-slice: 1;
}

.btn.btn-border-leader:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #85BA5D, #3C84B4);
    opacity: 0;
    transition: all .2s linear;
}

.btn.btn-border-leader:hover {
    color: #ffffff;
}

.btn.btn-border-leader:hover:after {
    opacity: 1;
}

.btn.btn-border-leader .text {
    position: relative;
    z-index: 20;
}

.btn.btn-leader {
    position: relative;
    color: #ffffff;
    background: linear-gradient(90deg, #3D84B3, #84BA5E);
    box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
}

.btn.btn-leader:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90deg, #3D84B3, #84BA5E);
    opacity: 0;
    transition: all .2s linear;
}

.btn.btn-leader:hover {
    box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
}

.btn.btn-leader .text {
    position: relative;
    z-index: 20;
}

.btn-flex {
    display: flex;
    flex-wrap: wrap;
}

.btn-flex .btn {
    max-width: 320px;
    margin-right: 30px;
}

.btn-flex .btn:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .btn-flex {
        display: block;
    }
    .btn-flex .btn {
        max-width: 380px;
        margin: 0 auto 20px;
    }
    .btn-flex .btn:last-child {
        margin-right: auto;
    }
}

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

.img-wrap img {
    width: 100%;
    vertical-align: text-bottom;
    border-radius: 4px;
}

a.img-fancy {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

a.img-fancy img {
    max-width: 100%;
    max-height: 340px;
    vertical-align: middle;
}

a.img-fancy:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 5;
    -webkit-transition: all.2s linear;
    -o-transition: all.2s linear;
    transition: all.2s linear;
}

a.img-fancy .look-ic {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 0;
    transition: all.2s linear;
}

a.img-fancy:hover .look-ic {
    opacity: 1;
}

a.img-fancy:hover:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.sub-link {
    color: #98694c;
}

.sub-link:hover {
    color: #6e4c37;
}

.hr-line-base {
    width: 100%;
    height: 1px;
    background-color: #dce1e9;
    margin-bottom: 30px;
}

.base-content .section-sub-title {
    margin-top: 40px;
}

.base-content .sm-title {
    margin-top: 30px;
}

.base-content p {
    font-size: 16px;
    margin-bottom: 10px;
}

.base-content ol {
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 20px;
}

.base-content ol li {
    list-style: decimal;
    margin-bottom: 5px;
}

.base-content ul {
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 20px;
}

.base-content ul li {
    list-style: disc;
    margin-bottom: 5px;
}

.base-content .collapsable-base .ca-control a {
    font-size: 16px;
}

@media (max-width: 767px) {
    .base-content .section-sub-title {
        margin-top: 30px;
    }
    .base-content .sm-title {
        margin-top: 25px;
    }
    .base-content p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .base-content ol {
        margin-bottom: 20px;
        font-size: 14px;
        padding-left: 20px;
    }
    .base-content ol li {
        list-style: decimal;
        margin-bottom: 5px;
    }
    .base-content ul {
        margin-bottom: 20px;
        font-size: 14px;
        padding-left: 20px;
    }
    .base-content ul li {
        list-style: disc;
        margin-bottom: 5px;
    }
    .base-content .collapsable-base {
        margin-bottom: 20px;
    }
    .base-content .collapsable-base .ca-control a {
        font-size: 14px;
    }
}

.mr-base {
    margin-bottom: 30px;
    outline: none;
}

.mr-b-70 {
    margin-bottom: 70px;
}

.fin-text {
    text-align: center;
    color: rgb(216, 176, 140);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .fin-text {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .mr-b-70 {
        margin-bottom: 40px;
    }
}


/*============== Template ==============*/



@media (max-width: 1199px) {
    .logo {
        padding: 16px 0 16px 70px;
    }
    .logo img {
        top: 0px;
        width: 58px;
    }
    .logo .prime {
        font-size: 14px;
        margin-bottom: 1px;
    }
    .logo .sub {
        font-size: 12px;
    }
}

.header {
    position: relative;
    display: table;
    width: 100%;
    padding: 20px 0;
    z-index: 100;
}

.header.header--dark:before {
    content: "";
    position: absolute;
    left: 0;
    top: -66px;
    width: 100%;
    height: 196px;
    background-color: #D8B08C;
    -webkit-transform: rotateZ(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    transform: rotateZ(-2.5deg);
    opacity: .15;
}

.header.header-fixed {
    position: fixed;
    width: 100%;
}

.header.header-absl {
    position: absolute;
    width: 100%;
    top: 52px;
    background: linear-gradient(180deg, rgb(82 118 150), transparent);
}

.header.header-static {
    background-color: #779fc1;
}

.header .header-content {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

.blind-header__in .header-logIn {
    top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 220px;
    padding: 10px 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 5px;
}

.icon-user::before {
    display: none;
}

.blind-header__in.header--dark .header-logIn {
    color: #986b4d;
}

.blind-header__in .header-logIn i {
    margin-right: 18px;
    font-size: 18px;
}

.blind-header__in .header-logIn:hover {
    background-color: #ffffff6c;
    border: 1px solid #ffffff6c;
}

.blind-header__in.header--dark .header-logIn:hover {
    color: #ffffff;
    background-color: #986b4d;
    border: 1px solid #986b4d;
}

.header .hamburger {
    display: none;
    position: absolute;
    right: 0;
    top: 18px;
    color: #ffffff;
    z-index: 9999;
}

.header .hamburger:hover {
    color: #ffffff;
}

.header.header--dark .hamburger,
.header.header--dark .hamburger:hover {
    color: #986B4D;
}

.nav-menu-shown .header .hamburger {
    border-color: transparent;
}

img {
    width: 100%;
}
.footer img {
    width: unset;
}

@media (max-width: 1199px) {
    .header {
        padding: 25px 0 20px;
    }
    .header .logo {
        top: 6px;
    }
}

@media (max-width: 991px) {
    .header {
        padding: 10px 0 10px;
    }
    .header.header--dark:before {
        height: 170px;
    }
    .icon-user {
        background: url('/local/templates/ugrateam/img/user.svg') center no-repeat;
        width: 40px;
        height: 40px;
        background-size: 19px !important;
        filter: brightness(0) invert(1);
        margin-right: 10px;
        margin-top: -6px;
    }
    .blind-header__in .header-logIn {
        top: 8px;
        width: auto;
        padding: 0;
        color: #ffffff;
        font-size: 14px;
        border: none;
    }
    .blind-header__in .header-logIn i {
        display: block;
        background-color: rgba(255, 255, 255, 0.1);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        line-height: 50px;
        margin-right: 0;
        font-size: 18px;
    }
    .blind-header__in.header--dark .header-logIn i {
        background-color: rgba(152, 107, 77, 0.1);
    }
    .blind-header__in .header-logIn .text {
        display: none;
    }
    .blind-header__in .header-logIn:hover {
        background-color: initial;
        border: none;
    }
    .blind-header__in.header--dark .header-logIn:hover {
        color: #986b4d;
        background-color: initial;
        border: none;
    }
}

@media (max-width: 991px) {
    .header {
        padding: 10px 0 10px;
    }
    .header.header--dark:before {
        height: 150px;
    }
    .header .logo {
        top: 6px;
        padding: 0;
    }
    .header .logo img {
        left: 0;
        width: 40px;
    }
    header .tns-outer {
       position:relative;
       padding-top: 63px !important;
   }
   .logo .prime {
    font-size: 11px;
    letter-spacing: normal;
}
.logo .sub {
    font-size: 10px;
    letter-spacing: normal;
}
.blind-header__in .header-logIn {
    right: 36px;
}
.blind-header__in .header-logIn i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.header .hamburger {
    display: block;
}
}

.nav-social {
    display: flex;
    align-items: center;
}

.nav-social__item {
    margin-right: 15px;
    color: #d8b08c;
    font-size: 16px;
    transition: 0.3s;
}

.nav-social__item:last-child {
    margin-right: 0px;
}

.nav-social__item:hover {
    color: #fff;
}

@media (max-width: 1280px) {
    .nav-social {
        margin-left: auto;
        margin-right: 100px;
    }
    .nav-social__item {
        color: #fff;
    }
}

@media (max-width: 400px) {
    .nav-social {
        display: none;
    }
}

.header .nav-feed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
    width: 100%;
}

.header .nav-wrap {
    width: 100%;
    padding: 20px 0 34px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header .nav-wrap .nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.nav-wrap .nav-list .nav-ell {
    padding-right: 25px;
    opacity: 0;
}

.nav-feed.ready .nav-wrap .nav-list .nav-ell {
    opacity: 1;
}

.nav-wrap .nav-list .nav-ell .link-header {
    display: block;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
}

.nav-wrap .nav-list .nav-ell .link-header:hover {
    opacity: .5;
}

.header--dark .nav-wrap .nav-list .nav-ell .link-header {
    color: #986b4d;
}

.header--dark .nav-list .nav-ell .link-header:before {
    background-color: #986b4d;
}

.header--dark .nav-list .nav-ell .link-header:after {
    background-color: #986b4d;
}

.nav-wrap .nav-list .nav-ell .link-header:hover:after {
    width: 100px;
}

.nav-wrap .nav-list .nav-ell .dropdown-toggle {
    color: #ffffff;
    font-size: 25px;
    letter-spacing: 1.7px;
    line-height: 16px;
    opacity: 0.3;
}

.header--dark .nav-wrap .nav-list .nav-ell .dropdown-toggle {
    color: #986b4d;
}

.nav-wrap .nav-list .nav-ell .dropdown-toggle:hover,
.nav-wrap .nav-list .nav-ell .dropdown-toggle[aria-expanded="true"] {
    opacity: 1;
}




.nav-menu-shown body {
    position: fixed;
    height: 100vh;
    width: 100vw;
}

.site-about-title {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 35px;
}

.margin-left {
    margin-left: 14px;
}

.vacancies-list {
    padding-left: 1em;
    list-style: disc;
    font-size: 18px;
    line-height: 1.556;
    margin-bottom: 30px;
}

.vacancies {
    padding-top: 80px;
}

.vacancies h2 {
    margin-bottom: 40px;
}

.section-vacancies .btn {
    margin-top: 30px;
}

.vacancies-card-wrap.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vacancies-card-wrap.row:before,
.vacancies-card-wrap.row:after {
    content: none;
}

.vacancies-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    height: 100%;
}

.vacancies__title_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.vacancies__more {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #00A0E3;
    display: flex;
    align-items: center;
}

.vacancies__more:hover {
    color: #527696;
}

.vacancies__more svg {
    margin-left: 20px;
}

.vacancies-card .mr-base {
    margin-bottom: 20px;
}

.vacancies-card .vacancies-card__border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.vacancies-card:hover .vacancies-card__border {
    height: 6px;
}

.vacancies-card .vacancies-card__header {
    position: relative;
    border-bottom: 1px solid rgba(152, 166, 177, 0.28);
}

.vacancies-card .vacancies-card__header .vacancies-card__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: auto;
    display: none;
}

.vacancies-card .vacancies-card__header .vacancies-card__name {
    color: #212426;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin-top: 0;
}

.desktop .vacancies-card:hover .vacancies-card__header .vacancies-card__name {
    color: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
}

.vacancies-card .vacancies-card__header .vacancies-card__text {
    font-size: 16px;
    line-height: 28px;
    color: #98A6B1;
}

.vacancies-card .vacancies-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}

.vacancies-card .vacancies-card__place {
    font-size: 14px;
    line-height: 18px;
    color: #212426;
    margin-bottom: 0;
}

.vacancies-card .vacancies-card__place img {
    margin-right: 5px;
    width: 18px;
    height: auto;
    vertical-align: text-bottom;
}

.vacancies-card .vacancies-card__date {
    font-size: 14px;
    line-height: 18px;
    color: #98A6B1;
    margin-bottom: 0;
}

.vacancies-card .vacancies-card__date .bold {
    color: #212426;
    font-weight: 700;
}

@media (max-width: 767px) {
    .vacancies {
        padding-bottom: 20px
    }
    .vacancies-card {
        height: auto;
    }
    .vacancies-card .vacancies-card__header .vacancies-card__icon {
        width: 36px;
    }
    .vacancies-card .vacancies-card__header .vacancies-card__name {
        font-size: 16px;
    }
    .vacancies-card .vacancies-card__header .vacancies-card__text {
        font-size: 16px;
    }
    .vacancies-card .vacancies-card__footer {
        display: block;
        position: static;
        width: 100%;
        padding: 0;
    }
    .vacancies-card .vacancies-card__place {
        font-size: 14px;
        line-height: 20px;
    }
    .vacancies-card .vacancies-card__place img {
        margin-left: 0;
        margin-right: 5px;
        width: 14px;
        height: auto;
        vertical-align: text-bottom;
    }
    .vacancies-card .vacancies-card__date {
        font-size: 15px;
        color: #bfbfbf;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .vacancies-card .vacancies-card__date .bold {
        color: #212426;
        font-weight: 700;
    }
}

.divided-ol {
    padding-left: 1em;
}

.divided-ol--first {
    counter-reset: divided-ol;
}

.section-about h3 {
    font-size: inherit;
    line-height: inherit;
}

.divided-ol li {
    position: relative;
}

.divided-ol li::before {
    content: counter(divided-ol)".";
    position: absolute;
    left: -1em;
    counter-increment: divided-ol;
}

.competition-calendar {
    padding: 105px 0 62px;
}

h2.competition-calendar__title {
    margin-bottom: 53px;
}

.competition-calendar__list {
    counter-reset: item;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

h3.competition-calendar__list-item-title {
    height: calc(96px + 2.56em);
    line-height: 1.333;
    margin-bottom: 12px;
    font-weight: 500;
    position: relative;
}

.competition-calendar__list-item-date {
    color: #949596;
    font-weight: 500;
    letter-spacing: 0.7px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.competition-calendar__list li {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1.9%;
    position: relative;
}

.competition-calendar__list li:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 34px;
    left: 34px;
    right: 0;
    height: 1px;
    background-color: #d8b08c;
}

.competition-calendar__list-item-title::before {
    content: counter(item, decimal-leading-zero);
    counter-increment: item;
    color: #fff;
    width: 1.9em;
    line-height: 1.9em;
    border-radius: 50%;
    font-size: 36px;
    background-color: #d8b08c;
    display: block;
    text-align: center;
    margin-bottom: 28px;
}

.competition-calendar__list .active .competition-calendar__list-item-title::before {
    background-color: #E44934;
}

.competition-calendar__list .active .competition-calendar__list-item-date {
    color: #E44934;
}

.competition-calendar__list .active .competition-calendar__list-item-date {
    text-transform: none;
}

.competition-calendar__list-item-desc {
    font-size: 16px;
    color: #212426;
    line-height: 1.5;
}

.can-participate {
    padding-top: 90px;
    padding-bottom: 120px;
}

@media (max-width: 767px) {
    .can-participate {
        padding-top: 60px;
        padding-bottom: 80px;
    }
}

h2.can-participate__title {
    margin-bottom: 52px;
}

.can-participate__item-desc {
    max-width: 340px;
    margin: 10px auto 0;
    padding: 0 15px;
}

.can-participate__list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.can-participate__list>li {
    width: 20%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 30px;
}

@media (max-width: 1200px) {
    .can-participate__list>li {
        width: 50%;
    }
    .footer .control-block {
        justify-content: start!important;
    }
    .footer-err__block {
        display: none!important;
    }
    .footer-err {
        display: block!important;
        padding-left: 0!important;
    }
    .can-participate__item-desc br {
        display: none;
    }
}

@media (max-width: 500px) {
    .can-participate__list>li {
        width: 100%;
    }
    .can-participate__item-desc {
        padding: 0;
    }
}

body {
    overflow-x: hidden;
}

.can-participate__list i {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    background-color: #f7f6f5;
    border-radius: 50%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[class^="icon--"],
[class^="icon--"]::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon--certificate::before {
    width: 50px;
    height: 63px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/icon/pasport.svg");
}

.icon--education::before {
    width: 65px;
    height: 55px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/icon/obrazovanie.svg");
}

.icon--suit::before {
    width: 62px;
    height: 61px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/icon/upravlenie.svg");
}

.icon--handcuff::before {
    width: 49px;
    height: 62px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/icon/narushenie.svg");
}

.icon--proff::before {
    width: 62px;
    height: 51px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/icon/rabota.svg");
}

.section-competence {
    padding: 170px 0 30px;
    background-color: #efece9;
}

@media (max-width: 991px) {
    .section-competence {
        padding: 60px 0 20px;
    }
}

@media (max-width: 767px) {
    .section-competence {
        padding: 50px 0 50px;
    }
}

.competence .competence-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
}

.competence .competence-header .section-title {
    margin-bottom: 12px;
}

.nav-tabs.competence-tabs {
    padding: 8px;
    background-color: #ffffff;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.nav-tabs.competence-tabs li {
    border: none;
    padding: 0;
    margin: 0;
}

.nav-tabs.competence-tabs li a,
.nav-tabs.competence-tabs li a:hover,
.nav-tabs.competence-tabs li a:focus {
    margin: 0;
    padding: 10px 16px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #212426;
}

.nav-tabs.competence-tabs li.active a,
.nav-tabs.competence-tabs li.active a:hover {
    color: #ffffff;
    background-color: #779fc1;
    border-radius: 6px;
}

@media (max-width: 767px) {
    .competence .competence-header {
        display: block;
        margin-bottom: 60px;
    }
    .competence .competence-header .section-title {
        margin-bottom: 20px;
    }
    .nav-tabs.competence-tabs {
        border: 1px solid #EFECE9;
    }
    .nav-tabs.competence-tabs li {
        border: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .nav-tabs.competence-tabs li a,
    .nav-tabs.competence-tabs li a:hover,
    .nav-tabs.competence-tabs li a:focus {
        display: block;
        margin: 0;
        padding: 10px 10px;
        text-align: center;
        font-size: 12px;
    }
}

.competence-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.row.competence-list:before {
    content: none;
}

.row.competence-list:after {
    content: none;
}

.row.competence-list .col-xs-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.competence-list__ell {
    width: 100%;
    max-width: 380px;
    padding: 28px 28px 20px;
    border: 1px solid #D8B08C;
    border-radius: 6px;
    margin: 0 auto;
}

.competence-list__ell .competence-list__head {
    margin-bottom: 25px;
}

.competence-list__ell .competence-list__title {
    font-size: 21px;
    color: rgb(60, 62, 64);
    font-weight: 700;
    text-align: center;
    line-height: 1.14;
    margin-bottom: 26px;
}

.competence-list__ell .competence-list__hr {
    width: 92px;
    height: 4px;
    margin: 0 auto;
    background-color: #D8B08C;
}

.competence-list__ell .competence-list__head img {
    display: block;
    width: auto;
    height: 60px;
    margin: 0 auto 22px;
}

.competence-list__ell .competence__ul li {
    position: relative;
    padding-left: 20px;
    color: rgb(39, 42, 44);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 12px;
}

.competence-list__ell .competence__ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    color: #CEA682;
    font-size: 12px;
    -webkit-transform: translateY(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotateZ(-90deg);
}

.competence-list__ell.competence-list__ell--full {
    max-width: 100%;
    position: relative;
    padding: 40px 28px 40px 236px;
}

.competence-list__ell.competence-list__ell--full .competence-list__head img {
    margin: 0 0 12px;
}

.competence-list__ell.competence-list__ell--full .competence-list__head {
    position: absolute;
    left: 28px;
    top: 30px;
    width: 155px;
}

.competence-list__ell.competence-list__ell--full .competence-list__title {
    text-align: left;
}

.competence-list__ell.competence-list__ell--full .competence-list__hr {
    display: none;
}

@media (max-width: 1199px) {
    .competence-list__ell.competence-list__ell--full {
        max-width: 100%;
        position: relative;
        padding: 40px 28px 40px 200px;
    }
}

@media (max-width: 767px) {
    .competence-list__ell.competence-list__ell--full {
        width: 100%;
        max-width: 380px;
        padding: 28px 28px 20px;
        border: 1px solid #D8B08C;
        border-radius: 6px;
        margin: 0 auto;
    }
    .competence-list__ell.competence-list__ell--full .competence-list__head img {
        display: block;
        width: auto;
        height: 60px;
        margin: 0 auto 22px;
    }
    .competence-list__ell.competence-list__ell--full .competence-list__head {
        position: static;
        width: 100%;
    }
    .competence-list__ell.competence-list__ell--full .competence-list__title {
        text-align: center;
    }
    .competence-list__ell.competence-list__ell--full .competence-list__hr {
        display: block;
    }
}

.competence {
    width: 100%;
    overflow: hidden;
}

.stage-competition .stage-competition__title {
    font-size: 21px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
}

.stage-competition .stage-competition__block {
    width: 100%;
}

.stage-competition .stage-competition__block .stage-competition__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 30px;
    margin-bottom: 20px;
}

.stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-6 {
    padding-right: 182px;
}

.stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-5 {
    padding-right: 217px;
}

.stage-competition .stage-competition__block .stage-competition__ell {
    position: relative;
    padding: 20px 0 100px;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__tag {
    position: absolute;
    left: 0px;
    top: -30px;
    padding: 10px 20px 6px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    border-radius: 6px;
    background-color: #D8B08C;
    z-index: 15;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__name {
    position: absolute;
    left: 0px;
    top: 82px;
    color: rgb(33, 36, 38);
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.2;
    z-index: 15;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num {
    position: relative;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    background-color: #EFECE9;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num-text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #d8b08c;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50%;
    border: 8px solid #D8B08C;
    z-index: 10;
}

.stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 100vw;
    height: 4px;
    background-color: #D8B08C;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--top .stage-competition__num:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 4px;
    height: 100px;
    background-color: #D8B08C;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.stage-competition .stage-competition__block .stage-competition__ell:last-child .stage-competition__num:after {
    background-color: #EFECE9;
    height: 8px;
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--read .stage-competition__tag {
    background-color: #E44934;
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--read .stage-competition__num span {
    color: #E44934;
    border: 8px solid #E44934;
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--read .stage-competition__num:after {
    background-color: #E44934;
}

.stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--read:last-child .stage-competition__num:after {
    background-color: #EFECE9;
    height: 8px;
}

@media (max-width: 1360px) {
    .stage-competition .stage-competition__block {
        max-width: 900px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__name {
        font-size: 14px;
    }
    .stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-6 {
        padding-right: 142px;
    }
    .stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-5 {
        padding-right: 170px;
    }
}

@media (max-width: 991px) {
    .stage-competition .stage-competition__block {
        width: 100%;
    }
    .stage-competition .stage-competition__block .stage-competition__row {
        display: block;
        width: 100%;
        padding-top: 0;
        margin-bottom: 20px;
    }
    .stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-6 {
        padding-right: 0;
    }
    .stage-competition .stage-competition__block .stage-competition__row.stage-competition__row-fix-5 {
        padding-right: 0;
    }
    .stage-competition .stage-competition__block .stage-competition__ell {
        position: relative;
        padding: 0 0 30px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__tag {
        position: static;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__name {
        position: static;
        color: rgb(33, 36, 38);
        font-size: 16px;
        white-space: nowrap;
        line-height: 1.2;
        z-index: 15;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num {
        margin-right: 15px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num-bg {
        display: none;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num-text {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        color: #d8b08c;
        font-size: 16px;
        font-weight: 500;
        border-radius: 50%;
        border: 8px solid #D8B08C;
        z-index: 10;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num:after {
        content: none;
    }
    .stage-competition .stage-competition__block .stage-competition__ell.stage-competition__ell--top .stage-competition__num:before {
        content: none;
    }
}

h2.competence__title {
    margin-bottom: 30px;
}

.submit-applications {
    text-align: center;
    margin-top: -160px;
    margin-bottom: -150px;
    padding: 41px 58px 33px;
    background: url(https://ugrateam.admhmao.ru/static/default/img/submit-applications-bg.jpg) center no-repeat;
    -webkit-box-shadow: 0px 11px 25px 0px rgba(78, 54, 36, 0.64);
    box-shadow: 0px 11px 25px 0px rgba(78, 54, 36, 0.64);
}

.submit-applications .end-timer {
    max-width: 640px;
    margin: 0 auto;
}

.submit-applications__title {
    font-size: 30px;
    margin-bottom: 5px;
    letter-spacing: 0.2px;
}

.submit-applications__title,
.countdown-period {
    color: #d8b08c;
}

.countdown-period {
    font-size: 24px;
    font-weight: 500;
    text-align: right;
}

.countdown-row {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    width: 86%;
    line-height: 1;
}

.countdown-section {
    display: block;
}

.countdown-section>* {
    display: block;
}

.countdown-amount {
    font-size: 110px;
    font-weight: 700;
    margin-bottom: -5px;
    text-align: right;
}

.submit-applications__btns .btn.btn-prime {
    float: right;
}

.submit-applications__btns .btn.btn-prime:last-child {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .submit-applications {
        padding: 44px 38px;
    }
}

@media (max-width: 1023px) {
    .countdown-row {
        width: auto;
    }
    .submit-applications__btns .btn.btn-prime {
        float: none;
        max-width: 460px;
        margin: 0 auto 15px;
    }
    .end-timer {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .submit-applications__title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .countdown-section>* {
        display: inline-block;
    }
    .countdown-section {
        margin-bottom: 15px;
    }
    .countdown-amount {
        margin-bottom: 0;
    }
    .countdown-period {
        font-size: 18px;
    }
    .countdown-amount {
        font-size: 90px;
    }
    .submit-applications__btns {
        display: block;
    }
    .submit-applications__btns .btn.btn-prime {
        height: auto;
        white-space: normal;
    }
}

@media (max-width: 420px) {
    .submit-applications {
        padding: 44px 20px;
    }
}

@media (max-width: 640px) {
    .countdown-row {
        display: block;
    }
    .countdown-section {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .countdown-amount {
        font-size: 72px;
        text-align: right;
        padding-right: 3px;
    }
    .countdown-section>* {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .countdown-period {
        text-align: left;
        padding-left: 3px;
    }
}

.section-serteficate {
    padding: 90px 0 90px;
}

.section-serteficate h2.section-title {
    margin-bottom: 38px;
}

.serteficate-bl {
    display: block;
}

.serteficate-bl .serteficate-bl__sl {
    position: relative;
    display: block;
    padding: 38px;
    background-color: #EFECE9;
    border-radius: 6px;
    margin-bottom: 22px;
}

.serteficate-bl .serteficate-bl__title {
    color: rgb(33, 36, 38);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 12px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.serteficate-bl .serteficate-bl__text {
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.serteficate-bl .serteficate-bl__con {
    position: relative;
    width: 100%;
    height: 286px;
}

.serteficate-bl .serteficate-bl__con .serteficate-bl__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.serteficate-bl .serteficate-bl__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.serteficate-bl .serteficate-bl__bg .serteficate-bl__bg-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #E44934;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.serteficate-bl .serteficate-bl__bg .serteficate-bl__bg-icon img {
    width: 23px;
    height: auto;
}

.serteficate-bl:hover .serteficate-bl__con .serteficate-bl__image {
    opacity: .3;
}

.serteficate-bl:hover .serteficate-bl__bg .serteficate-bl__bg-icon {
    opacity: 1;
}

.serteficate-bl:hover .serteficate-bl__title {
    color: #e44934;
}

.serteficate-bl:hover .serteficate-bl__text {
    color: #e44934;
}

@media (max-width: 767px) {
    .section-serteficate {
        padding: 50px 0 50px;
    }
    .section-serteficate h2.section-title {
        margin-bottom: 30px;
    }
    .serteficate-bl {
        margin-bottom: 20px;
    }
    .serteficate-bl .serteficate-bl__sl {
        padding: 28px;
    }
}

.footer {
    position: relative;
    display: table;
    width: 100%;
    padding: 32px 0;
    color: #ffffff;
    background-color: #527696;
}

.footer .logo {
    color: #ffffff;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.footer .logo .sub {
    color: #fff;
    opacity: 1;
}

.footer .logo:hover {
    opacity: .5;
}

.footer__descr {
    padding: 30px 0 0;
}

.footer .descr {
    font-size: 12px;
    line-height: 1.2;
    opacity: .4;
    margin-bottom: 15px;
}

.footer .control-block {
    padding: 18px 0px;
    display: flex;
    justify-content: end;
}

.footer-err__block {
    display: flex;
}

.footer .control-block .link-footer {
    position: relative;
    display: inline-block;
    margin-right: 40px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.875;
}

.footer .control-block .link-footer:last-child {
    margin-right: 0px;
}

.footer .control-block .link-footer:hover {
    opacity: .5;
}

.footer .social-block {
    float: right;
    padding: 9px 5px;
}

.footer .social-block .social-list {
    margin-left: -5px;
    margin-right: -5px;
}

.footer .social-block .social-list li {
    display: inline-block;
    margin: 0 4px;
}

.footer .social-block .social-list li a {
    display: block;
    width: 52px;
    height: 52px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .social-block .social-list li a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.footer .social-block .social-list li a i {
    vertical-align: middle;
}

.footer.footer_alt {
    padding-top: 160px;
}


/* .footer-err {
    position: relative;
    padding-left: 54px;
    margin-top: 30px;
    } */

    .footer-err .footer-err__icon {
        width: 50px;
        height: 50px;
        font-size: 22px;
        opacity: 0.25;
        border: 1px solid #D6DBE0;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 17px;
    }


/* .footer-err .footer-err__icon span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    } */

    .footer-err {
        display: flex;
        padding-left: 83px;
        justify-content: space-between;
    }

    .footer-err .footer-err__prime,
    .footer-err .footer-err__sub {
        font-size: 16px;
        color: #ffffff;
        line-height: 0.875;
        opacity: 0.8;
    }

    .footer__top {
        border-bottom: 1px solid #E1E3E7;
        padding-bottom: 40px;
    }

    .footer-err .footer-err__prime {
        font-weight: 700;
        font-size: 17px;
        line-height: 20px;
        letter-spacing: 0.01em;
        color: #BAC8D5;
    }

    .footer-err .footer-err__sub {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.005em;
        color: #FFFFFF;
    }

    .footer__social {
        display: flex;
    }

    .footer-info__item {
        display: flex;
        justify-content: space-between;
    }

    .footer__social_block {
        opacity: 0.25;
        border: 1px solid #D6DBE0;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px;
    }

    .footer__social_block:first-child {
        margin-left: 0;
    }

    @media (max-width: 1199px) {
        .footer .logo {
            padding: 5px 0 20px 60px;
        }
        .footer .logo img {
            width: 50px;
        }
        .footer .logo .prime {
            font-size: 14px;
            margin-bottom: 1px;
        }
        .footer .logo .sub {
            font-size: 12px;
        }
        .footer .control-block .link-footer {
            margin-right: 30px;
            font-size: 16px;
            line-height: 1.875;
        }
        .footer .social-block {
            float: right;
            padding: 14px 5px;
        }
        .footer .social-block .social-list li {
            display: inline-block;
            margin: 0 2px;
        }
        .footer .social-block .social-list li a {
            width: 46px;
            height: 46px;
            font-size: 16px;
            line-height: 44px;
        }
    }

    @media (max-width: 1023px) {
        .footer.footer_alt {
            padding-top: 180px;
        }
        .footer .logo:hover {
            opacity: 1;
        }
        .footer .control-block .link-footer {
            margin-right: 10px;
            font-size: 15px;
        }
        .footer .control-block .link-footer:hover {
            opacity: 1;
        }
        .footer .social-block {
            float: none;
            padding: 14px 5px;
            text-align: center;
        }
        .footer .social-block .social-list {
            display: inline-block;
        }
        .footer .social-block .social-list li {
            display: inline-block;
            margin: 0 5px;
        }
        .footer .social-block .social-list li a {
            width: 46px;
            height: 46px;
            font-size: 16px;
            line-height: 44px;
        }
        .footer .social-block .social-list li a:hover {
            color: #ffffff;
        }
    }

    @media (max-width: 767px) {
        .footer.footer_alt {
            padding-top: 200px;
        }
        .footer .control-block .link-footer {
            margin-right: 10px;
            font-size: 15px;
        }
    }

    @media (max-width: 768px) {
        .footer .control-block {
            flex-direction: column;
            padding: 20px 0;
        }
        .footer .control-block .link-footer {
            display: block;
            margin-right: 0px;
            font-size: 16px;
        }
    }

    .sidebar-wrap {
        padding: 0px 0 60px;
        text-align: right;
    }

    .sidebar-list {
        display: inline-block;
        text-align: left;
        width: 100%;
        max-width: 320px;
    }

    .sidebar-list .sidebar-link {
        position: relative;
        display: inline-block;
        font-size: 24px;
        font-weight: 700;
        color: #212426;
        line-height: 1.25;
        padding-bottom: 4px;
        margin-bottom: 26px;
    }

    .sidebar-list .sidebar-link .link-border {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background-color: #212426;
    }

    .sidebar-list .sidebar-link .link-border .border-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .sidebar-list .sidebar-link:hover .link-border .border-bg {
        width: 100%;
    }

    .sidebar-list .sidebar-ell-active {
        display: inline-block;
        font-size: 24px;
        font-weight: 700;
        color: #00aeef;
        line-height: 1.25;
        margin-bottom: 26px;
    }

    .sidebar-list .sidebar-list__sub {
        margin-top: -5px;
    }

    @media (max-width: 991px) {
        .sidebar-list .sidebar-list__sub {
            margin-top: 15px;
            border-bottom: 1px solid #EFECE9;
        }
    }

    .sidebar-list .sidebar-list__sub li {
        margin-bottom: 22px;
    }

    .sidebar-list .sidebar-list__sub li:last-child {
        margin-bottom: 20px;
    }

    .sidebar-list .sidebar-list__sub .sidebar-link__sub {
        display: block;
        position: relative;
        padding-left: 25px;
        color: #212426;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .sidebar-list .sidebar-list__sub .sidebar-link__sub::after {
        content: '';
        position: absolute;
        left: 0px;
        top: 50%;
        border: 4px solid transparent;
        border-left: 5px solid #212426;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .sidebar-list .sidebar-list__sub .sidebar-link__sub:hover {
        color: #00aeef;
    }

    .sidebar-list .sidebar-list__sub .sidebar-link__sub:hover::after {
        border-left: 5px solid #00aeef;
    }

    .sidebar-list .sidebar-list__sub .sidebar-ell-active {
        display: block;
        position: relative;
        padding-left: 25px;
        color: #E44934;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .sidebar-list .sidebar-list__sub .sidebar-ell-active::after {
        content: '';
        position: absolute;
        left: 0px;
        top: 50%;
        border: 4px solid transparent;
        border-left: 5px solid #00aeef;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    @media (max-width: 1023px) {
        .sidebar-wrap {
            padding: 0px 0 40px;
            text-align: left;
        }
    }

    @media (max-width: 991px) {
        .sidebar-list {
            width: 100%;
            max-width: 100%;
            margin-top: 30px;
        }
        .sidebar-list>li {
            padding: 16px 0;
            border-bottom: 1px solid #EFECE9;
        }
        .sidebar-list .sidebar-link {
            color: #ffffff;
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 0;
            padding-bottom: 0;
            border: none;
        }
        .sidebar-list .sidebar-link .link-border {
            display: none;
        }
        .sidebar-list .sidebar-ell-active {
            position: relative;
            display: inline-block;
            font-size: 16px;
            font-weight: 700;
            color: #ffffff;
            line-height: 1.25;
            margin-bottom: 20px;
            z-index: 10;
        }
        .sidebar-list .sidebar-list__sub .sidebar-link__sub {
            color: #ffffff;
            font-size: 14px;
        }
        .sidebar-list .sidebar-list__sub li {
            margin-bottom: 16px;
        }
        .sidebar-list .sidebar-list__sub .sidebar-link__sub::after {
            border-left: 5px solid #ffffff;
        }
        .sidebar-list .sidebar-list__sub .sidebar-ell-active::after {
            border-left: 5px solid #ffffff;
        }
        .sidebar-list .sidebar-list__sub .sidebar-ell-active {
            color: #ffffff;
            font-size: 14px;
            font-weight: 500;
        }
    }


    /*============== base block ==============*/


    /* block-more */

    .block-more .content-more {
        display: none;
    }

    .block-more .control-more {
        margin-top: 50px;
        cursor: pointer;
    }


    /* card-icon */

    .card-icon {
        display: block;
        position: relative;
        margin-top: 50px;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .card-icon .card-content {
        position: relative;
        padding: 45px 40px 25px;
        color: #212426;
        border-radius: 4px;
        background-color: #ffffff;
        overflow: hidden;
    }

    .card-icon .border {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0px;
        background-color: #98694c;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .card-icon:hover {
        -webkit-box-shadow: 0px 10px 25px 0px rgba(44, 61, 76, 0.15);
        box-shadow: 0px 10px 25px 0px rgba(44, 61, 76, 0.15);
    }

    .card-icon:hover .border {
        height: 6px;
    }

    .card-icon .top-icon {
        position: absolute;
        top: 0;
        left: 38px;
        width: 73px;
        height: 81px;
        color: #98694c;
        font-size: 32px;
        background-image: url('https://ugrateam.admhmao.ru/static/default/img/icon-bg.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .card-icon .top-icon i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .card-icon h3 {
        font-size: 21px;
        font-weight: 700;
        line-height: 1.238;
        margin-bottom: 15px;
    }

    .card-icon p {
        font-size: 16px;
        line-height: 1.625;
        margin-bottom: 20px;
    }

    @media (max-width: 419px) {
        .card-icon .card-content {
            padding: 45px 20px 25px;
        }
        .card-icon .top-icon {
            left: 18px;
        }
    }


    /* block-join */

    .block-join {
        position: relative;
        padding: 60px 38px;
        padding-right: 640px;
        color: #ffffff;
        background-image: url('https://ugrateam.admhmao.ru/static/default/img/join-bg.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 4px;
        -webkit-box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.4);
    }

    .block-join h2.section-title {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.2;
    }

    .block-join p {
        font-size: 20px;
    }

    .block-join .btn-wrap {
        position: absolute;
        right: 38px;
        top: 50%;
        width: 600px;
        text-align: right;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .block-join .btn-wrap .btn {
        display: block;
        max-width: 350px;
        margin-bottom: 14px;
        margin-left: auto;
    }

    .block-join .btn-wrap .btn:last-child {
        margin-right: 0;
    }

    .block-join .btn-wrap .btn.btn-border {
        color: #ffffff;
        border: 1px solid rgba(255, 255, 255, .3);
    }

    .block-join .btn-wrap .btn.btn-border:last-child {
        margin-bottom: 0px;
    }

    .block-join .btn-wrap .btn.btn-border:hover {
        opacity: 1;
        color: #ffffff;
        border: 1px solid #D53A25;
        background-color: #D53A25;
    }

    @media (max-width: 1199px) {
        .block-join {
            padding-right: 480px;
        }
        .block-join .btn-wrap {
            width: 460px;
        }
    }

    @media (max-width: 991px) {
        .block-join {
            padding-right: 28px;
        }
        .block-join h2.section-title {
            margin-bottom: 30px;
        }
        .block-join p {
            margin-bottom: 40px;
        }
        .block-join .btn-wrap {
            position: static;
            width: 100%;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            text-align: center;
        }
        .block-join .btn-wrap .btn {
            display: block;
            margin: 0 auto 15px;
        }
        .block-join .btn-wrap .btn:last-child {
            margin-right: auto;
        }
    }

    @media (max-width: 767px) {
        .block-join {
            padding-right: 28px;
        }
        .block-join h2.section-title {
            font-size: 26px;
            margin-bottom: 30px;
        }
        .block-join p {
            font-size: 18px;
            margin-bottom: 40px;
        }
        .block-join .btn-wrap .btn {
            height: auto;
            white-space: normal;
        }
    }

    @media (max-width: 419px) {
        .block-join {
            padding-right: 20px;
            padding-left: 20px;
        }
    }


    /* vacancies-block */

    .vacancies-block {
        display: block;
        position: relative;
        margin: 0 auto 35px;
        width: 267px;
        height: 267px;
        background-color: #ffffff;
        font-size: 250px;
        border-radius: 50%;
    }

    .vacancies-block .vacancies-descr {
        position: absolute;
        left: 115px;
        top: 46px;
        width: 250px;
    }

    .vacancies-block.vacancies-cust .vacancies-descr {
        left: 40px;
        top: 90px;
    }

    .vacancies-descr p {
        color: #212426;
        font-size: 24px;
        font-weight: 700;
        font-style: italic;
        line-height: 1.5;
        margin-bottom: 0;
        max-width: 270px;
    }

    .vacancies__num {
        position: absolute;
        top: -24px;
        left: -24px;
        font-size: 1em;
        line-height: 1;
        font-weight: 700;
        color: #E44934;
        text-shadow: 0px 8px 20px rgba(227, 73, 52, 0.6);
    }

    .vacancies__prime {
        position: absolute;
        left: 40px;
        top: 32px;
        display: block;
        font-size: 72px;
        line-height: 1;
        font-weight: 700;
        color: #E44934;
        text-shadow: 0px 8px 20px rgba(227, 73, 52, 0.6);
        line-height: 0;
    }

    .vacancies__position-label {
        display: block;
        font-size: 22px;
        color: rgba(33, 36, 38, 0.6);
        margin-bottom: 20px;
    }

    .section-vacancies {
        position: relative;
        z-index: 20;
        margin-bottom: 70px;
    }

    .home-survey {
        margin-bottom: 50px;
    }

    .vacancies .section-title {
        margin-bottom: 35px!important;
    }

    .section-vacancies a.section-title {
        margin-bottom: 0px;
    }

    @media (max-width: 1199px) {
        .vacancies-block {
            font-size: 200px;
        }
        .vacancies-block .vacancies-descr {
            left: 90px;
        }
    }

    @media (max-width: 1023px) {
        .vacancies-block {
            max-width: 420px;
            margin: 0 auto 30px;
        }
        .section-vacancies a.section-title {
            margin-bottom: 40px;
        }
        .vacancies .btn {
            margin: 0 auto 40px;
        }
    }

    @media (max-width: 767px) {
        .section-vacancies a.section-title {
            margin-bottom: 0px !important;
            width: 100% !important;
        }

        .vacancies-descr p {
            font-size: 22px;
        }
        .vacancies-block {
            font-size: 160px;
        }
        .vacancies-block .vacancies-descr {
            left: 70px;
        }
        .vacancies__num {
            top: -12px;
        }

        .main-link__block {
            padding: 0 15px !important;
        }
    }

    @media (max-width: 1200px) {
        .competition-calendar__list {
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .section-prime .prime-map {
            display: none;
        }
        .competition-calendar__list li:not(:last-child) {
            padding-bottom: 20px;
        }
        .competition-calendar__list li {
            width: 50%;
            padding-right: 40px;
        }
    }

    @media (max-width: 750px) {
        h3.competition-calendar__list-item-title {
            height: auto;
        }
        .competition-calendar__list {
            display: block;
        }
        .competition-calendar__list li {
            width: auto;
            padding-right: 0;
            padding-left: 100px;
        }
        .competition-calendar__list li:not(:last-child)::before {
            right: auto;
            height: auto;
            bottom: 0;
            width: 1px;
        }
        .competition-calendar__list-item-title {
            position: relative;
        }
        .competition-calendar__list-item-title::before {
            position: absolute;
            left: -100px;
            margin-top: -0.9em;
            top: 50%;
        }
    }

    @media (max-width: 440px) {
        .competition-calendar__list li {
            padding-left: 80px;
        }
        .competition-calendar__list-item-title::before {
            font-size: 30px;
            left: -80px;
        }
        .competition-calendar__list li:not(:last-child)::before {
            top: 28.5px;
            left: 28.5px;
        }
    }

    .vacancies-text {
        font-size: 18px;
        letter-spacing: 0.1px;
        line-height: 1.778;
    }

    .vacancies__columns {
        margin-top: 50px;
    }


    /* card-mentor */

    .card-mentor {
        display: block;
        text-align: center;
        width: 100%;
        max-width: 260px;
        margin: 22px auto 50px;
    }

    .card-mentor .avatar-wrap {
        position: relative;
        width: 240px;
        height: 240px;
        margin: 0 auto 15px;
        border-radius: 50%;
        border: 52px solid #FBFBFB;
        overflow: hidden;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .card-mentor .avatar-wrap .avatar {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 140px;
        height: 140px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .card-mentor .name {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.333;
        margin-bottom: 5px;
    }

    .card-mentor .descr {
        font-size: 16px;
        color: #9ea1a4;
        line-height: 1.333;
    }

    @media (max-width: 1199px) {
        .card-mentor .avatar-wrap {
            position: relative;
            width: 220px;
            height: 220px;
        }
    }


    /* block-questionnaire */

    .block-questionnaire {
        position: relative;
        max-width: 755px;
        margin-bottom: 30px;
    }

    .block-questionnaire .h1.section-title {
        margin-bottom: 36px;
    }

    .block-questionnaire .block-step {
        position: absolute;
        top: 24px;
        right: 0;
        font-size: 16px;
        text-transform: uppercase;
        color: #9ea1a4;
    }

    .block-questionnaire .question-list {
        padding-top: 7px;
        position: relative;
        background-color: #fff;
        border-radius: 4px;
        overflow: hidden;
    }

    .block-questionnaire .question-list .prgress-bar {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 7px;
    }

    .block-questionnaire .question-list .prgress-bar .progress-bg {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 30%;
        background-color: #009688;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }

    .block-questionnaire .question-list .card-question .card-head {
        padding: 26px 40px 28px;
        border-bottom: 1px solid #E2E3E6;
    }

    .block-questionnaire .question-list .card-question .card-head p {
        font-size: 24px;
        color: #212426;
        line-height: 1.25;
        font-weight: 700;
        margin-bottom: 0;
    }

    .block-questionnaire .question-list .card-question .card-body {
        padding: 38px 40px 26px;
    }

    .block-questionnaire .question-list .card-foot {
        padding: 30px 0;
        background-color: #E4E9F2;
    }

    .block-questionnaire .question-list .card-foot .btn {
        margin: 0 auto;
        max-width: 320px;
    }

    .block-questionnaire .base-form .ac-custom {
        padding-left: 50px;
        margin-top: 0px;
        margin-bottom: 26px;
    }

    .block-questionnaire .base-form .ac-custom label {
        color: #212426;
        font-size: 16px;
    }

    @media (max-width: 1023px) {
        .block-questionnaire {
            max-width: 100%;
        }
    }

    @media (max-width: 767px) {
        .block-questionnaire .question-list .card-question .card-head {
            padding: 26px 25px 28px;
        }
        .block-questionnaire .question-list .card-question .card-body {
            padding: 38px 25px 26px;
        }
        .block-questionnaire .question-list .card-foot {
            padding: 30px 25px;
        }
    }


    /* block-user-data */

    .block-user-data {
        position: relative;
        max-width: 755px;
        margin-bottom: 50px;
    }

    .block-user-data .user-status {
        position: absolute;
        top: 24px;
        right: 0;
        padding-left: 36px;
        font-size: 16px;
        color: #009688;
        font-weight: 700;
        text-transform: uppercase;
    }

    .block-user-data .user-status .check-user {
        position: absolute;
        left: 0;
        top: 50%;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-image: url('https://ugrateam.admhmao.ru/static/default/img/icon-check.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #009688;
    }

    .block-user-data .card-user-data .prgress-bar {
        position: relative;
        font-size: 14px;
        color: #9ea1a4;
        margin-bottom: 28px;
        padding-left: 140px;
    }

    .block-user-data .card-user-data .prgress-bar .prgress-status {
        position: relative;
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        line-height: 26px;
        z-index: 15;
    }

    .block-user-data .card-user-data .prgress-bar p {
        z-index: 20;
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-bottom: 0;
    }

    .block-user-data .card-user-data .prgress-bar .progress-wrap {
        position: relative;
        padding: 0 15px;
        height: 26px;
        background-color: #E4E9F2;
        background-image: url('https://ugrateam.admhmao.ru/static/default/img/progress_bg.jpg');
        background-repeat: repeat-x;
        background-size: auto 100%;
        border-radius: 25px;
        overflow: hidden;
    }

    .block-user-data .card-user-data .prgress-bar .progress-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 90%;
        height: 100%;
        background-color: #009688;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        z-index: 10;
    }

    .block-user-data .card-user-data .card-body {
        padding: 46px 96px;
        border-radius: 4px;
        background-color: #ffffff;
        overflow: hidden;
    }

    .block-user-data .base-form .ac-custom {
        padding-left: 40px;
        margin-top: 0px;
    }

    @media (max-width: 1199px) {
        .block-user-data .card-user-data .card-body {
            padding: 40px 30px;
        }
    }

    @media (max-width: 1023px) {
        .block-user-data {
            max-width: 100%;
            margin-bottom: 20px;
        }
    }

    @media (max-width: 767px) {
        .block-user-data h1.section-title {
            margin-bottom: 15px;
        }
        .block-user-data .user-status {
            display: block;
            position: relative;
            top: auto;
            right: auto;
            margin-bottom: 35px;
        }
        .block-user-data .card-user-data .prgress-bar {
            padding: 25px 0 0;
        }
        .block-user-data .card-user-data .prgress-bar p {
            z-index: 20;
            position: absolute;
            left: 0px;
            top: 0;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
        }
        .block-user-data .card-user-data .card-body {
            padding: 40px 14px;
        }
    }


    /* block-user-information */

    .block-user-information {
        border-radius: 4px;
        background-color: #ffffff;
        overflow: hidden;
    }

    .block-user-information .tabs-nav {
        display: table;
        width: 100%;
    }

    .block-user-information .tabs-nav li {
        float: left;
        width: 33.33333%;
    }

    .block-user-information .tabs-nav li a {
        position: relative;
        display: block;
        height: 60px;
        padding: 22px 10px;
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #9bb9d1;
    }

    .block-user-information .tabs-nav li a:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 30px;
        background-color: rgba(255, 255, 255, 0.3);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .block-user-information .tabs-nav li:first-child a:after {
        content: none;
    }

    .block-user-information .tabs-nav li a:hover {
        background-color: #779fc1;
    }

    .block-user-information .tabs-nav li.active a {
        background-color: #ffffff;
        color: #212426;
        cursor: default;
    }

    .block-user-information .tabs-nav li.active a:after {
        display: none;
    }

    .block-user-information .tabs-nav li.active a:hover {
        color: #212426;
        background-color: #ffffff;
    }

    .block-user-information .tabs-nav li.active+li a:after {
        display: none;
    }

    .block-user-information .blok-content {
        padding: 40px 58px;
    }

    .block-user-information .collapsable {
        margin-bottom: 20px;
    }

    .block-user-information .collapsable .ca-control {
        position: relative;
        background-color: #9bb9d1;
    }

    .block-user-information .collapsable .ca-control a {
        display: block;
        height: 62px;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        color: #ffffff;
        line-height: 24px;
        padding: 19px 28px;
    }

    .block-user-information .collapsable .ca-control a i {
        position: absolute;
        top: 50%;
        right: 28px;
        color: #ffffff;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 16px;
    }

    .block-user-information .collapsable .ca-control a[aria-expanded="true"] i:before {
        content: "\e90b";
    }

    .block-user-information .collapsable .ca-box {
        padding: 40px;
        border: 1px solid #dce1e9;
        border-top: none;
    }

    .block-user-information .collapsable .social-list-add {
        display: table;
        width: 100%;
        padding: 10px 0;
    }

    .block-user-information .collapsable .social-list-add li {
        float: left;
        margin-right: 15px;
    }

    .block-user-information .collapsable .social-list-add li:last-child {
        margin-right: 0;
    }

    .block-user-information .collapsable .social-list-add li .soc-icon {
        position: relative;
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #dce1e9;
        cursor: pointer;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .block-user-information .collapsable .social-list-add li .soc-icon i {
        position: absolute;
        left: 50%;
        top: 50%;
        color: #ffffff;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .block-user-information .collapsable .social-list-add li .soc-icon:hover {
        background-color: #5181b8;
    }

    @media (max-width: 767px) {
        .block-user-information {
            padding: 0 20px;
        }
        .block-user-information .tabs-nav-wrap {
            width: 100%;
        }
        .block-user-information .tabs-nav {
            display: block;
            width: 100%;
        }
        .block-user-information .tabs-nav li {
            display: block;
            float: none;
            width: 100%;
        }
        .block-user-information .tabs-nav li a {
            position: relative;
            display: block;
            height: auto;
            padding: 16px 14px 14px;
            font-size: 14px;
            font-weight: 700;
            line-height: 14px;
            text-align: center;
            text-transform: uppercase;
            color: #958b8b;
            background-color: #FFFFFF;
            border-bottom: 2px solid #CAC5C5;
        }
        .block-user-information .tabs-nav li a:after {
            content: none;
        }
        .block-user-information .tabs-nav li a:hover {
            background-color: #FFFFFF;
        }
        .block-user-information .tabs-nav li.active a {
            background-color: #ffffff;
            color: #212426;
            cursor: default;
            border-bottom: 2px solid #E44934;
        }
        .block-user-information .tabs-nav li.active a:after {
            display: none;
        }
        .block-user-information .tabs-nav li.active a:hover {
            color: #212426;
            background-color: #ffffff;
        }
        .block-user-information .tabs-nav li.active+li a:after {
            display: none;
        }
        .block-user-information .blok-content {
            padding: 30px 0px;
        }
        .block-user-information .collapsable {
            margin-bottom: 20px;
        }
        .block-user-information .collapsable .ca-control a {
            height: auto;
            padding: 19px 18px;
            font-size: 16px;
        }
        .block-user-information .collapsable .ca-control a i {
            right: 18px;
        }
        .block-user-information .collapsable .ca-box {
            padding: 25px 10px;
        }
        .block-user-information .collapsable .social-list-add {
            display: table;
            width: 100%;
            padding: 10px 0;
        }
        .block-user-information .collapsable .social-list-add li {
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 425px) {
        .block-user-information {
            padding: 0 14px;
        }
        .block-user-information .collapsable {
            margin-bottom: 20px;
        }
        .block-user-information .collapsable .ca-control a {
            height: auto;
            padding: 14px 10px;
            font-size: 14px;
        }
        .block-user-information .collapsable .ca-control a i {
            right: 10px;
            font-size: 14px;
        }
        .block-user-information .collapsable .ca-box {
            padding: 25px 10px;
        }
    }


    /* all-done-block */

    .all-done-block {
        padding: 30px 0;
    }

    .all-done-block .info-card {
        position: relative;
        padding: 20px 20px 20px 85px;
        background-color: #FBFBFB;
        color: #958b8b;
        font-size: 16px;
        margin-bottom: 45px;
    }

    .all-done-block .info-card img {
        position: absolute;
        left: 0;
        top: 50%;
        width: 72px;
        height: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .all-done-block .base-form .ac-custom input[type="checkbox"],
    .all-done-block .base-form .ac-custom input[type="radio"],
    .all-done-block .base-form .ac-custom label::before {
        background-color: #ffffff;
    }

    .all-done-block .base-form .ac-custom input[type="checkbox"]:checked+label::before,
    .all-done-block .base-form .ac-custom input[type="radio"]:checked+label::before {
        background-color: #D8B08C;
    }

    @media (max-width: 767px) {
        .all-done-block {
            padding: 30px 0;
        }
        .all-done-block .info-card {
            position: relative;
            padding: 50px 14px 20px 14px;
            background-color: #FBFBFB;
            color: #958b8b;
            font-size: 16px;
            margin-bottom: 25px;
        }
        .all-done-block .info-card img {
            position: absolute;
            left: -5;
            top: -12px;
            width: 50px;
            height: auto;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }


    /* block-user-video */

    .block-user-video p {
        margin-bottom: 40px;
    }

    .block-user-video ul {
        padding-left: 20px;
    }

    .block-user-video ul li {
        list-style: disc;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .block-user-video ol {
        padding-left: 20px;
    }

    .block-user-video ol li {
        list-style: decimal;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .block-user-video .collapsable-base {
        font-size: 16px;
    }

    .block-user-video .collapsable-base p {
        margin-bottom: 12px;
    }

    .block-user-video .collapsable-base .ca-card {
        position: relative;
        padding: 20px;
        background-color: #F5F5F5;
        border-radius: 4px;
        margin-bottom: 12px;
    }

    .block-user-video .collapsable-base .ca-card .time {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 8px 16px 8px 36px;
        font-size: 14px;
        color: #958b8b;
        background-color: #EBEAEA;
    }

    .block-user-video .collapsable-base .ca-card .time img {
        position: absolute;
        left: 8px;
        top: 50%;
        width: 18px;
        height: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .block-user-video .collapsable-base .ca-card .card-name {
        color: #958b8b;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 8px;
        margin-bottom: 25px;
    }

    @media (max-width: 767px) {
        .block-user-video p {
            margin-bottom: 30px;
        }
        .block-user-video ul li {
            padding-left: 5px;
        }
        .block-user-video ol li {
            padding-left: 5px;
        }
        .block-user-video .collapsable-base {
            font-size: 14px;
        }
        .block-user-video .collapsable-base .ca-card {
            position: relative;
            padding: 55px 10px 20px;
        }
        .block-user-video .collapsable-base .ca-card .time {
            top: 15px;
            right: auto;
            left: 10px;
            padding: 6px 12px 6px 36px;
            font-size: 12px;
        }
        .block-user-video .collapsable-base .ca-card .time img {
            left: 8px;
            width: 14px;
        }
        .block-user-video .collapsable-base .ca-card .card-name {
            margin-top: 0px;
            margin-bottom: 15px;
        }
    }


    /* collapsable-base */

    .collapsable-base {
        border-radius: 4px;
        margin-bottom: 28px;
        overflow: hidden;
    }

    .collapsable-base .ca-control a {
        position: relative;
        display: block;
        padding: 18px 28px;
        padding-right: 50px;
        font-size: 18px;
        line-height: 1.2;
        font-weight: bold;
        color: #ffffff;
        background-color: #779fc1;
    }

    .collapsable-base .ca-control a:hover {
        color: #ffffff;
        background-color: #779fc1;
        opacity: .7;
    }

    .rules-section-2 .collapsable-base .ca-control a {
        background-color: #c58b57;
    }

    .rules-section-2 .collapsable-base .ca-control a:hover {
        background-color: #9e7855;
    }

    .collapsable-base .ca-control a:before {
        content: "\e90f";
        position: absolute;
        right: 28px;
        top: 50%;
        width: auto;
        height: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .collapsable-base.ca-expanded .ca-control a:before {
        -webkit-transform: translateY(-50%) rotateX(180deg);
        transform: translateY(-50%) rotateX(180deg);
    }

    .collapsable-base .ca-box {
        padding: 30px 28px;
        background-color: #ffffff;
    }

    @media (max-width: 767px) {
        .collapsable-base {
            margin-bottom: 28px;
        }
        .collapsable-base .ca-control a {
            position: relative;
            display: block;
            padding: 12px 14px;
            padding-right: 50px;
            font-size: 16px;
        }
        .collapsable-base .ca-control a:before {
            content: "\e90f";
            position: absolute;
            right: 14px;
            top: 50%;
        }
        .collapsable-base.ca-expanded .ca-control a:before {
            -webkit-transform: translateY(-50%) rotateX(180deg);
            transform: translateY(-50%) rotateX(180deg);
        }
        .collapsable-base .ca-box {
            padding: 20px 14px;
        }
    }


    /* card-user-video */

    .card-user-video video {
        vertical-align: text-bottom;
    }

    .card-user-video .video-tabs {
        visibility: hidden;
        opacity: 0;
        border-radius: 4px;
        margin-bottom: 28px;
        background-color: #ffffff;
        overflow: hidden;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .card-user-video .video-tabs.visible {
        visibility: visible;
        opacity: 1;
    }

    .card-user-video .video-tabs.only-load .tabs-nav {
        display: none;
    }

    .card-user-video .video-tabs .tabs-cont.active {
        visibility: visible !important;
    }

    .card-user-video .video-tabs .tabs-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
    }

    .card-user-video .video-tabs .tabs-nav li {
        float: left;
        width: 50%;
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
    }

    .card-user-video .video-tabs .tabs-nav li a {
        display: block;
        padding: 26px 14px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        line-height: 1;
        color: #ffffff;
        background-color: #958B8B;
    }

    .card-user-video .video-tabs .tabs-nav li a:hover {
        background-color: #655E5E;
    }

    .card-user-video .video-tabs .tabs-nav li a.active {
        background-color: #ffffff;
        color: #212426;
    }

    .card-user-video .video-tabs .tabs-cont {
        padding: 40px;
    }

    .card-user-video .video-tabs .helper {
        font-size: 14px;
        color: #989898;
        margin-bottom: 10px;
    }

    .upload-wrap {
        padding: 10px;
        background-color: #F0F0F0;
        border-radius: 4px;
        margin-bottom: 28px;
    }

    .upload-wrap .upload-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        height: 300px;
        border: 1px dashed #989898;
        cursor: pointer;
    }

    .upload-wrap .upload-cont .fileinput-button {
        position: static;
        margin-bottom: 0;
        max-width: 240px;
    }

    .upload-wrap .upload-cont .fileinput-button input {
        width: 100%;
        height: 100%;
        font-size: 0 !important;
    }

    .fileupload-block {
        margin-top: 28px;
    }

    .fileupload-block .progress {
        height: 10px;
        border-radius: 0;
    }

    .fileupload-block .progress .progress-bar-success {
        background-color: #009688;
    }

    .fileupload-block .template-upload video {
        max-width: 100%;
        width: 100%;
    }

    .fileupload-block .upload-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .fileupload-block .upload-info p {
        font-size: 14px;
        color: #989898;
        margin-bottom: 10px;
    }

    .fileupload-block .download-info {
        padding: 25px 0;
        text-align: center;
    }

    .fileupload-block .download-info .download-massege.massege-error {
        color: #c62828;
    }

    .fileupload-block .download-info .download-massege.massege-success {
        color: #009688;
    }

    .recordrtc .upload-btn,
    .fileupload-block .upload-btn {
        margin-top: 30px;
        text-align: center;
    }

    .recordrtc .upload-btn .btn,
    .fileupload-block .upload-btn .btn {
        display: inline-block;
        margin: 0 10px;
    }

    .video-user-loaded {
        padding: 40px;
        border-radius: 4px;
        background-color: #ffffff;
    }

    @media (max-width: 767px) {
        .card-user-video .video-tabs .tabs-nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-left: 0;
        }
        .card-user-video .video-tabs .tabs-nav li {
            float: none;
            width: 100%;
        }
        .card-user-video .video-tabs .tabs-nav li a {
            padding: 16px 14px;
            font-size: 14px;
        }
        .card-user-video .video-tabs .tabs-nav li a.active {
            background-color: #F0F0F0;
        }
        .card-user-video .video-tabs .tabs-cont {
            padding: 30px 14px;
        }
        .video-user-loaded {
            padding: 30px 14px;
        }
        .recordrtc .upload-btn .btn,
        .fileupload-block .upload-btn .btn {
            display: block;
            margin: 0 auto 20px;
        }
        .upload-wrap .upload-cont .fileinput-button {
            max-width: 200px;
        }
    }


    /*============== Section ==============*/


    /* section-prime */

    .section-prime {
        position: relative;
        padding: 198px 0 80px;
        overflow: hidden;
        background-color: #7098BA;
        background-image: url("/local/templates/ugrateam/img/section-prime1.png");
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-size: cover;
        background-blend-mode: luminosity;
        color: #ffffff;
    }

    .section-prime .prime-content {
        position: relative;
        z-index: 20;
    }

    .section-prime .prime-content h1 {
        max-width: 860px;
        font-size: 54px;
        font-weight: 700;
        line-height: 1.15;
        margin-bottom: 74px;
    }

    .section-prime .prime-content p {
        margin: 0;
    }

    .section-prime .prime-content .btn {
        display: block;
        width: 32% !important;
        /* max-width: 362px; */
        height: 54px;
        /* margin-right: 30px; */
        padding: 21px 15px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: auto;
    }

    .section-main-link{
        margin-top: 60px;
    }

    .section-prime .prime-content .btn.btn.btn-prime {
        -webkit-box-shadow: 0px 8px 20px 0px rgba(151, 29, 12, 0.4);
        box-shadow: 0px 8px 20px 0px rgba(151, 29, 12, 0.4);
    }

    .section-prime .prime-content .btn.btn.btn-prime:hover {
        -webkit-box-shadow: 0px 3px 10px 0px rgba(151, 29, 12, 0.4);
        box-shadow: 0px 3px 10px 0px rgba(151, 29, 12, 0.4);
    }

    .section-prime .prime-content .btn.btn.btn-800 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
        color: #ffffff;
        background-color: #D3AB87;
        -webkit-box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
        box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
    }

    .section-prime .prime-content .btn.btn.btn-800 img {
        margin-left: 24px;
    }

    .section-prime .prime-content .btn.btn.btn-800:hover {
        -webkit-box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
        box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
    }

    .section-prime .prime-content .btn.btn-soc-idea {
        -webkit-box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
        box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
    }

    .section-prime .prime-content .btn.btn-soc-idea:hover {
        -webkit-box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
        box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
    }

    .section-prime .prime-content .btn.btn-offering {
        -webkit-box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
        box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
    }

    .section-prime .prime-content .btn.btn-offering:hover {
        -webkit-box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
        box-shadow: 0px 3px 10px 0px rgba(83, 60, 45, 0.4);
    }

    .section-prime .prime-content .line-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    .section-prime .prime-map {
        position: absolute;
        top: 120px;
        right: 0px;
    }

    .section-prime .prime-map img {
        width: 900px;
        height: 700px;
    }

    .section-prime .prime-map .men-icon {
        position: absolute;
    }

    .section-prime .prime-map .men-icon img.m-ic {
        position: absolute;
        left: 50%;
        top: -45px;
        width: 16px;
        margin-left: 5px;
        height: 34px;
        -webkit-transform: translate(-50%, -20px);
        -ms-transform: translate(-50%, -20px);
        transform: translate(-50%, -20px);
        opacity: 0;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }

    .section-prime .prime-map .men-icon .shadow {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #00AEEF;
        -webkit-box-shadow: 0 0 10px 14px rgba(255, 255, 255, 0.28);
        box-shadow: 0 0 10px 14px rgba(255, 255, 255, 0.28);
        opacity: 0;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }

    .section-prime .prime-map .men-icon .pulse {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: -24px;
        margin-left: -25px;
        opacity: 0;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }

    .section-prime .prime-map .men-icon .pulse:after {
        display: block;
        width: 60px;
        height: 60px;
        content: '';
        -webkit-animation: pulsate 1s ease-out;
        animation: pulsate 1s ease-out;
        -webkit-animation-delay: 1.1s;
        animation-delay: 1.1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        opacity: 0;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.1);
    }

    .section-prime .prime-map .men-icon.ellshow img.m-ic {
        -webkit-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
        opacity: 1;
    }

    .section-prime .prime-map .men-icon.ellshow .shadow {
        opacity: 1;
    }

    .section-prime .prime-map .men-icon.ellshow .pulse {
        opacity: 1;
    }

    @-webkit-keyframes pulsate {
        0% {
            -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        100% {
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
            opacity: 0;
        }
    }

    @keyframes pulsate {
        0% {
            -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        100% {
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
            opacity: 0;
        }
    }

    @media (max-width: 1560px) {
        .section-prime .prime-map .men-icon {
            position: absolute;
        }
    }

    @media (max-width: 1023px) {
        .section-prime .prime-content h1 {
            max-width: 780px;
            font-size: 46px;
        }
        .section-prime .prime-content .btn {
            margin-right: auto;
            margin-left: auto;
            display: block;
            max-width: 460px;
            min-width: inherit;
            width: 48% !important;
        }
    }

    @media (max-width: 767px) {
        .section-prime {
            padding: 80px 0 170px;
        }
        .section-prime .prime-content h1 {
            font-size: 34px;
            margin-bottom: 30px;
            text-align: center;
        }
        .section-prime .prime-content p {
            font-size: 18px;
        }
        .section-prime .prime-content .btn {
            display: block;
            margin: 0 auto 15px;
        }
        .section-prime .prime-content .line-btn {
            display: block;
            width: 100%;
        }
        .section-prime .prime-content .btn {
            margin-right: auto;
            display: block;
            width: 100% !important;
            max-width: 350px !important;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: auto;
            -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
            box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
            min-height: 55px!important;
        }
    }

    @media (max-width: 479px) {
        .section-prime .prime-content h1 {
            font-size: 28px;
        }
        .section-prime .prime-content p {
            font-size: 16px;
        }
    }


    /* section-managerial */

    .section-managerial {
        padding: 95px 0;
        background-image: -webkit-linear-gradient( 45deg, rgb(152, 107, 77) 0%, rgb(216, 176, 140) 100%);
        background-image: -ms-linear-gradient( 45deg, rgb(152, 107, 77) 0%, rgb(216, 176, 140) 100%);
    }

    .managerial-block .managerial-card {
        position: relative;
        border: 2px solid #ffffff;
        border-radius: 6px;
        max-width: 270px;
        margin-left: 22px;
    }

    .managerial-block .managerial-card:before {
        content: "";
        position: absolute;
        left: -12px;
        top: -12px;
        width: 100%;
        height: 100%;
        border: 2px solid #ffffff;
        border-radius: 6px;
        opacity: .3;
    }

    .managerial-block .managerial-card:after {
        content: "";
        position: absolute;
        left: -22px;
        top: -22px;
        width: 100%;
        height: 100%;
        border: 2px solid #ffffff;
        border-radius: 6px;
        opacity: .3;
    }

    .managerial-block .managerial-card .managerial-card__content {
        position: relative;
        padding: 25px 18px 50px;
        background-image: -webkit-linear-gradient( 45deg, rgb(173, 129, 97) 0%, rgb(181, 138, 105) 100%);
        background-image: -ms-linear-gradient( 45deg, rgb(173, 129, 97) 0%, rgb(181, 138, 105) 100%);
        z-index: 20;
    }

    .managerial-block .managerial-card .managerial-card__icon {
        display: block;
        width: 58px;
        height: auto;
        margin-left: auto;
        margin-bottom: 16px;
    }

    .managerial-block .managerial-card .managerial-card__text {
        font-size: 24px;
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.4;
    }

    .managerial-block .managerial-list {
        position: relative;
        width: 100%;
    }

    .managerial-block .managerial-list li {
        position: absolute;
        font-size: 18px;
        color: #ffffff;
        font-weight: 700;
        line-height: 1.5;
        width: 250px;
    }

    .managerial-block .managerial-list li:nth-child(1) {
        left: 118px;
        top: 265px;
    }

    .managerial-block .managerial-list li:nth-child(2) {
        left: 365px;
        top: 10px;
        width: 276px;
    }

    .managerial-block .managerial-list li:nth-child(3) {
        left: 608px;
        top: 265px;
    }

    .managerial-block .managerial-list:before {
        content: "";
        position: absolute;
        left: 0;
        top: 100px;
        width: 622px;
        height: 149px;
        background-image: url(https://ugrateam.admhmao.ru/static/default/img/managerial_bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    @media (max-width: 1199px) {
        .managerial-block .managerial-list {
            position: relative;
            width: 100%;
            padding-left: 20px;
        }
        .managerial-block .managerial-list li {
            position: static;
            width: auto;
            max-width: 540px;
            margin-bottom: 20px;
            list-style: circle;
        }
        .managerial-block .managerial-list li:nth-child(2) {
            width: auto;
        }
        .managerial-block .managerial-list:before {
            content: none;
        }
    }

    @media (max-width: 767px) {
        .section-managerial {
            padding: 65px 0 45px;
        }
        .managerial-block .managerial-card {
            margin-bottom: 40px;
        }
    }


    /* section-about */

    .section-about {
        position: relative;
        padding-bottom: 0;
        z-index: 30;
    }

    .main-link h3 {
        font-weight: 700;
        font-size: 28px;
        line-height: 42px;
        color: #212426;
    }

    .main-link__item {
        margin-bottom: 24px;
        display: flex;
        justify-content: space-between;
    }

    .main-link__links {
        background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
        box-shadow: 0px 12px 20px rgba(27, 68, 83, 0.15);
        border-radius: 6px;
        padding: 28px 25px 32px 28px;
        display: block;
    }

    .main-link__links p {
        font-weight: 700;
        font-size: 21px;
        line-height: 24px;
        color: #FFFFFF;
        margin-bottom: 0;
    }

    .main-link__block {
        padding-left: 0;
    }

    .main-link__svg {
        background: rgba(255, 255, 255, 0.7);
        border-radius: 4px;
        padding: 7px;
        display: flex;
        width: 60px;
        height: 60px;
    }

    .main-link__svg img {
        width: 100%;
    }

    .main-link__box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 22px;
    }

    .main-link__item a {
        border: none;
        outline: none;
        background: transparent;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
    }

    .main-link__item a span {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: #00A0E3;
        margin-right: 19px;
    }

    .main-link__item_main {
        margin-bottom: 20px;
    }

    .main-link__item_main a {
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        color: #212426;
    }

    .main-link__item_main p {
        font-size: 14px;
        line-height: 16px;
        color: #687A8B;
        margin: 0;
        margin-top: 10px;
    }

    .main-link__title {
        margin-bottom: 24px;
    }

    .main-link__wrap {
        margin-bottom: 30px;
    }


    /* survey block */

    .section-title {
        font-size: 28px;
        line-height: 42px;
        color: #212426;
        font-weight: 700;
        width: calc(100% - 350px);
    }

    .section-title_white {
        color: #fff;
    }

    .section-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 45px;
        margin-top: 40px;
    }

    .section-top-btn {
        width: 350px;
    }

    .section-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section-navigation-button{
        justify-content: space-between;
        width: 100%
    }

    .section-navigation__btn {
        border: 1px solid #1cc937;
        width: 50px;
        height: 50px;
        border-radius: 68px;
        margin-right: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .section-navigation-button .section-navigation__btn{
        margin-right: 0;
        border: 3px solid #1cc937;
    }
    .section-navigation-button .section-navigation__btn img{
        zoom: 150%;
    }

    .section-navigation__btn:hover {
        border-color: #527696;
    }

    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .survey-item {
        background: #FFFFFF;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 30px;
    }

    .survey-item__image {
        height: 150px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .survey-item__image img {
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .survey-item-info {
        padding: 20px 15px;
    }

    .survey-item-info a {
        display: flex;
        justify-content: space-between;
        padding: 30px 20px 30px 30px;
    }

    .survey-item__title {
        min-height: 80px;
        font-size: 18px;
        line-height: 1.4;
        color: #212426;
        font-weight: 700;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .survey-item__description {
        font-size: 16px;
        line-height: 1.5;
        color: #212426;
        margin-bottom: 20px;
        min-height: 48px;
    }

    .btn {
        font-size: 16px;
        line-height: 1.4;
        color: #986b4d;
        font-weight: 700;
        min-height: 62px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 5px;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .btn-brown {
        background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
        color: #fff;
    }


/* .btn-brown:hover {
    background: #c58953;
    color: #fff;
    } */


    /* survey block end */


    /* HOME EVENT */

    .home-event {
        margin: 80px 0 100px 0;
        position: relative;
    }

    .event-item {
        background: #FFFFFF;
        border-radius: 6px;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
    }

    .event-item__title {
        font-size: 16px;
        line-height: 28px;
        color: #98A6B1;
        margin-bottom: 20px;
        min-height: 85px;
    }

    .event-item__date {
        font-size: 14px;
        line-height: 18px;
        color: #98A6B1;
        display: flex;
        align-items: center;
    }

    .event-item__date img {
        margin-right: 10px;
    }


    /* HOME EVENT END*/

    .card-about {
        margin-top: -110px;
        margin-bottom: 0;
    }

    body {
        background: #F2F5F8!important;
    }

    .card-about-inner {
        padding: 30px 30px 30px 40px;
        border-radius: 4px;
        background: linear-gradient(45deg, rgba(190,234,247,1) 45%, rgba(190,238,226,1) 55%);
        -webkit-box-shadow: 0px 8px 10px 0px rgba(190, 190, 191, 0.4);
        box-shadow: 0px 8px 10px 0px rgba(190, 190, 191, 0.4);
        display: flex;
    }

    .section-about-slide .slick-track {
        display: flex;
    }

    .section-about .card-about {
        padding-bottom: 0;
        position: relative;
        margin-bottom: 40px;
    }

    .section-about .slick-slide {
        margin-bottom: 0px;
    }

    .section-about .slide-prev {
        left: 0px;
        transform: rotate(90deg);
    }

    .section-about .slide-next {
        right: 0px;
        transform: rotate(-90deg);
    }

    .section-about .slide-prev,
    .section-about .slide-next {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        cursor: pointer;
    }

    .section-about .card-about .scroll-avatar-wrap {
        position: relative;
    }

    .section-about .card-about .card-avatar {
        position: relative;
        left: 0;
        -webkit-transition: all .02s linear;
        -o-transition: all .02s linear;
        transition: all .02s linear;
    }

    .card-about-inner .card-about-inner__header {
        margin-bottom: 16px;
    }

    .card-about-inner__body {
        background: #F2F5F8;
        border-radius: 6px;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .card-about-inner .card-avatar .avatar {
        border-radius: 50%;
        width: 140px;
        height: 140px;
        background-color: #F2F5F8;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .card-about-inner .card-name {
        width: 100%;
        margin-top: 16px;
    }

    .card-about-inner .card-name .name {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
        color: #000000;
    }

    .card-about-inner .card-name .sub {
        color: #7a7c7d;
        font-size: 16px;
        line-height: 1.26;
        font-style: italic;
        margin-bottom: 0;
    }

    .card-about-inner .card-descr {
        position: relative;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 0;
        font-style: italic;
        font-weight: 400;
        z-index: 20;
        padding: 0 40px;
    }

    .card-about-inner .card-descr span {
        position: relative;
        z-index: 40;
    }

    .card-about-inner .card-descr:before,
    .card-about-inner .card-descr:after {
        position: absolute;
        z-index: 10;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 50px;
        color: #CED5DC;
        opacity: 0.25;
    }

    .card-about-inner .card-descr:before {
        content: "\e911";
        left: 35px;
        top: -40px;
    }

    .card-about-inner .card-descr:after {
        content: "\e911";
        right: 40px;
        bottom: -35px;
    }

    @media (max-width: 1199px) {
        .card-about-inner .card-descr:before,
        .card-about-inner .card-descr:after {
            font-size: 30px;
        }
    }

    @media (max-width: 991px) {
        .section-about .card-about .card-avatar .descr:before,
        .section-about .card-about .card-avatar .descr:after {
            opacity: 0.3;
        }
    }

    .section-about .card-about .card-content {
        position: relative;
        min-height: 100%;
        padding: 0 95px 0 45px;
    }

    .section-about .card-about .card-content:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #F5EAE1;
    }

    .section-about .card-about .card-content h2.section-title {
        margin-bottom: 25px;
    }

    .content-text {
        font-size: 18px;
        line-height: 1.556;
    }

    .section-about .card-about .card-content p,
    .section-about .card-about .card-content li,
    .section-about h3 {
        margin-bottom: 20px;
    }

    .section-about .card-about .card-content ul {
        padding-left: 20px;
    }

    .section-about .card-about .card-content ul li {
        list-style: disc;
        margin-bottom: 20px;
    }

    .section-about .descr-prime {
        font-size: 24px;
        color: rgb(152, 107, 77);
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.4;
        margin-bottom: 70px;
    }

    .block-cycle {
        width: 100%;
        padding: 10px 0 65px;
    }

    .block-cycle .cycle-ell {
        position: relative;
    }

    .block-cycle .cycle-ell .cycle-ell__cont {
        width: 100%;
        max-width: 310px;
        margin: 0 auto;
    }

    .block-cycle .cycle-ell .cycle-dots {
        position: absolute;
        top: 160px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #EFECE9;
    }

    .block-cycle .cycle-ell .cycle-dots--left-1 {
        left: 5px;
    }

    .block-cycle .cycle-ell .cycle-dots--left-2 {
        left: 15%;
    }

    .block-cycle .cycle-ell .cycle-dots--right-1 {
        right: 5px;
    }

    .block-cycle .cycle-ell .cycle-dots--right-2 {
        right: 15%;
    }

    .block-cycle .cycle-ell .cycle-ell__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 140px;
    }

    .block-cycle .cycle-ell .cycle-ell__icon .cycle-ell__img {
        display: block;
        width: 100px;
        height: auto;
    }

    .block-cycle .cycle-ell .cycle-ell__name {
        width: 100%;
        max-width: 152px;
        margin: 0 auto 30px;
        padding: 12px 12px;
        color: #527696;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1.4px;
        background-color: #F2F5F8;
        border-radius: 6px;
    }

    .block-cycle .cycle-ell .cycle-ell__text {
        font-size: 18px;
        color: rgb(117, 117, 117);
        line-height: 1.5;
        text-align: center;
        margin-bottom: 0;
    }

    @media (max-width: 1023px) {
        .card-about-inner {
            padding: 45px 30px 30px;
        }
        .content-text,
        .vacancies-text,
        .vacancies-list {
            font-size: 16px;
        }
        .card-avatar-content {
            padding-left: 30px;
        }
    }

    @media (max-width: 767px) {
        .card-about {
            margin-top: -60px;
            margin-bottom: 20px;
        }
        .card-about-inner {
            padding: 40px 20px 38px;
            flex-direction: column;
        }
        .section-about .card-about {
            padding-bottom: 35px;
        }
        .card-about-inner .card-about-inner__header {
            display: block;
            margin-bottom: 0px;
            margin-left: auto;
            margin-right: auto;
        }
        .card-about-inner .card-avatar .avatar {
            margin: 0 auto;
        }
        .card-about-inner__body {
            width: 100%;
            padding-left: 0px;
        }
        .card-about-inner .card-name {
            padding-left: 0;
            margin-bottom: 15px;
        }
        .card-about-inner .card-name .name {
            font-size: 20px;
            text-align: center;
        }
        .card-about-inner .card-name .sub {
            font-size: 14px;
            text-align: center;
        }
        .card-about-inner .card-descr {
            padding: 20px;
            font-size: 16px;
            line-height: 1.5;
        }
        .card-about-inner .card-descr span {
            position: relative;
            z-index: 40;
        }
        .card-about-inner .card-descr:before,
        .card-about-inner .card-descr:after {
            position: absolute;
            z-index: 10;
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 50px;
            color: #F3F3F3;
        }
        .card-about-inner .card-descr:before {
            content: "\e910";
            left: -20px;
            top: -20px;
        }
        .card-about-inner .card-descr:after {
            content: "\e911";
            right: -20px;
            bottom: -20px;
        }
        .section-about .descr-prime {
            font-size: 21px;
        }
    }


    /* section-mentor */

    .section-mentor {
        position: relative;
        padding-top: 190px;
        padding-bottom: 60px;
        z-index: 20;
    }


    /* section-strategy */

    .strategy-block {
        padding-top: 60px;
    }

    .strategy-block .block-logo {
        position: relative;
        padding-left: 140px;
        margin-bottom: 50px;
    }

    .strategy-block .block-logo img {
        width: auto;
        height: 116px;
    }

    .strategy-block .block-logo img.arr-logo {
        position: absolute;
        left: 0;
        top: 0;
    }

    .strategy-block p {
        margin-bottom: 40px;
    }

    .strategy-block .btn {
        -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
        box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
    }

    @media (max-width: 767px) {
        .strategy-block {
            padding-top: 40px;
        }
        .strategy-block .block-logo {
            padding-left: 0px;
            margin-bottom: 30px;
        }
        .strategy-block .block-logo img {
            width: auto;
            height: 80px;
        }
        .strategy-block .block-logo img.arr-logo {
            display: none;
        }
    }


    /* section-components */

    .section-components {
        padding: 80px 0 80px;
        background: #fff;
    }

    .section-components__text {
        font-size: 18px;
        line-height: 30px;
        color: #000000;
    }

    .section-components .section-title {
        margin-bottom: 30px;
    }

    .section-components .section-components__text {
        font-size: 21px;
        line-height: 1.35;
    }

    .section-components .btn-prime {
        margin: 0 auto;
        -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
        box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.4);
        display: flex;
        justify-content: space-between;
        padding: 15px 30px;
    }

    .components-block {
        position: relative;
        padding-left: 125px;
        margin-bottom: 70px;
        max-width: 480px;
    }

    .components-block .components__num {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 200px;
        color: rgba(216, 176, 140, 0.38);
        font-weight: 700;
        text-transform: uppercase;
        line-height: 140px;
    }

    .components-block .components__content .components__name {
        font-size: 24px;
        color: rgb(216, 176, 140);
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.6;
    }

    .components-block .components__content .components__name span {
        border-bottom: 6px solid #E44934;
    }

    .components-block .components__content .components__text {
        font-size: 18px;
        color: rgb(33, 36, 38);
        line-height: 1.5;
        margin-bottom: 0;
    }

    @media (max-width: 1023px) {
        .components-block {
            max-width: 100%;
        }
    }

    @media (max-width: 767px) {
        .section-components {
            padding: 220px 0 80px;
        }
        .section-components .section-title {
            margin-bottom: 50px;
        }
        .components-block {
            padding-left: 70px;
            margin-bottom: 50px;
        }
        .components-block .components__num {
            font-size: 100px;
            line-height: 80px;
        }
        .components-block .components__content .components__name {
            font-size: 20px;
            line-height: 1.4;
        }
        .components-block .components__content .components__name span {
            border-bottom: none;
        }
        .components-block .components__content .components__text {
            font-size: 16px;
            line-height: 1.4;
        }
    }

    @media (max-width: 460px) {
        .components-block {
            padding-left: 60px;
        }
        .components-block .components__num {
            font-size: 80px;
            line-height: 60px;
        }
        .components-block .components__content .components__name {
            font-size: 20px;
            line-height: 1.4;
        }
        .components-block .components__content .components__name span {
            border-bottom: none;
        }
        .components-block .components__content .components__text {
            font-size: 16px;
            line-height: 1.4;
        }
    }


    /*============== Section end ==============*/


    /*======= proposed-card =======*/

    .card-side-sr {
        padding: 30px 28px;
        background-color: #FAFAFC;
    }

    .card-side-sr .name {
        color: #535353;
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

    .card-side-sr .link {
        color: #18a2c2;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.286;
    }

    .card-side-sr .link:hover {
        color: #262c6c;
    }


    /*======= proposed-card =======*/

    .proposed-card {
        position: relative;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        width: 100%;
        background-color: #F3F3F6;
        overflow: hidden;
    }

    .proposed-card__icon {
        position: absolute;
        left: 50%;
        top: 5%;
        height: 90%;
        width: auto;
        opacity: .1;
        z-index: 15;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .proposed-card__bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .95;
        background-color: #18a2c2;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        z-index: 10;
    }

    .proposed-card__body {
        position: relative;
        padding: 135px 40px 40px;
        min-height: 330px;
        z-index: 20;
    }

    .proposed-card__body .name {
        position: absolute;
        left: 0px;
        top: 55px;
        padding: 0 40px;
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 1.5;
        margin-bottom: 40px;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .proposed-card__body .btn-border-sub {
        display: block;
        color: #ffffff;
        border: 2px solid #ffffff;
        margin-bottom: 15px;
        max-width: 100%;
    }

    .proposed-card__body .btn-border-prime {
        display: block;
        color: #262c6c;
        border: 2px solid #262c6c;
        margin-bottom: 15px;
        max-width: 100%;
    }

    .proposed-card:hover .proposed-card__icon {
        opacity: 1;
    }

    .proposed-card:hover .proposed-card__bg {
        opacity: 0;
    }

    .proposed-card:hover .proposed-card__body .name {
        color: #212426;
    }

    .proposed-card:hover .proposed-card__body .btn-border-sub {
        color: #18a2c2;
        border: 2px solid #18a2c2;
    }

    .proposed-card:hover .proposed-card__body .btn-border-sub:hover {
        color: #ffffff;
        background-color: #18a2c2;
    }

    .proposed-card:hover .proposed-card__body .btn-border-prime {
        color: #262c6c;
        border: 2px solid #262c6c;
    }

    .proposed-card:hover .proposed-card__body .btn-border-prime:hover {
        color: #ffffff;
        background-color: #262c6c;
    }

    @media (max-width: 767px) {
        .proposed-card__body {
            position: relative;
            padding: 140px 20px 40px;
            z-index: 20;
        }
        .proposed-card__body .name {
            top: 45px;
            padding: 0 20px;
        }
    }


    /*============== Pages ==============*/

    .page-lk {
        padding: 72px 0 70px;
        background-color: #f2f5f8;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: auto;
    }

    @media (max-width: 767px) {
        .page-lk {
            min-height: auto;
        }
    }

    .page-gr {
        padding: 72px 0 70px;
        background-color: #f2f5f8;
    }


    /*============== Components libs fix ==============*/


    /* modal */

    .md-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        visibility: hidden;
        top: 0;
        left: 0;
        z-index: 1000;
        opacity: 0;
        background: rgba(0, 0, 0, 0.6);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .md-content {
        color: inherit;
        background: #ffffff;
        position: relative;
        border-radius: 3px;
        margin: 0 auto;
    }


    /* tabs */

    #tabs_container {
        padding: 0px;
        overflow: hidden;
        position: relative;
        background: inherit;
    }


    /*============== Components custom ==============*/

    .modal {
        display: block !important;
        visibility: hidden;
    }

    .modal.fade {
        -webkit-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

    .modal.fade.in {
        visibility: visible;
    }

    .modal-content {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


    /* autorization-block */

    #modalLogIn {
        padding-right: 0 !important;
    }

    #modalLogIn .modal-dialog {
        width: 100%;
        max-width: 764px;
    }

    #modalLogIn.md-show .tabs-card.active {
        visibility: visible !important;
    }

    #modalLogIn .wind-close {
        position: absolute;
        top: 0;
        right: -50px;
        color: #ffffff;
        font-size: 18px;
        line-height: 1;
        float: right;
        padding: 10px;
        cursor: pointer;
        border: 1px solid rgba(255, 255, 255, 0.5);
    }

    #modalLogIn .autorization-block {
        padding: 0;
    }

    #modalLogIn .autorization-block .tabs-card {
        padding: 72px 0 40px;
    }

    #modalLogIn .autorization-block .blok-content {
        padding: 0 70px;
    }

    #modalLogIn .autorization-block .autorization-tabs .tabs-nav {
        display: table;
        width: 100%;
        padding: 0;
    }

    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li {
        float: left;
        width: 50%;
        padding: 0;
    }

    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a {
        display: block;
        padding: 24px 10px 22px;
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
        font-weight: 700;
        color: #ffffff;
        text-align: center;
        background-color: #98694c;
    }

    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a:hover {
        background-color: #6e4c37;
    }

    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a.active {
        color: #2d2e2f;
        background-color: #ffffff;
        cursor: default;
    }

    #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a.active:hover {
        background-color: #ffffff;
    }

    #modalLogIn .autorization-block .autorization-footer {
        background-color: #F4F6FA;
    }

    #modalLogIn .autorization-block .autorization-footer .log-in-esia {
        position: relative;
        padding: 30px 180px 30px 0;
    }

    #modalLogIn .autorization-block .autorization-footer .log-in-esia p {
        font-size: 15px;
        color: #9ea1a4;
        line-height: 1.2;
        margin-bottom: 5px;
    }

    #modalLogIn .autorization-block .autorization-footer .log-in-esia p.name {
        font-size: 18px;
        color: #212426;
        font-weight: 700;
        line-height: 1;
    }

    #modalLogIn .autorization-block .autorization-footer .log-in-esia .esia-btn {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 140px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 16px;
        font-weight: 700;
        line-height: 56px;
        text-align: center;
        color: #98694c;
        border-radius: 2px;
        border: 1px solid #98694c;
    }

    #modalLogIn .autorization-block .autorization-footer .log-in-esia .esia-btn:hover {
        color: #ffffff;
        background-color: #6e4c37;
        border: 1px solid #6e4c37;
    }

    #modalLogIn .autorization-block #log-in .btn {
        margin: 10px auto 15px;
        max-width: 300px;
    }

    #modalLogIn .autorization-block #log-in .forgot-pass {
        margin-top: 3px;
        float: right;
        font-size: 15px;
        color: #9ea1a4;
        line-height: 1.2;
        cursor: pointer;
    }

    #modalLogIn .autorization-block #log-in .forgot-pass:hover {
        color: #98694c;
    }

    #modalLogIn .autorization-block #log-in .loader {
        display: none;
        text-align: center;
    }

    #modalLogIn .autorization-block #log-in .loader img {
        margin: 0 auto;
        width: 78px;
        height: auto;
        vertical-align: text-bottom;
    }

    #modalLogIn .autorization-block #registration.tabs-card {
        padding: 36px 0 10px;
    }

    #modalLogIn .autorization-block #registration .reg-message {
        padding: 30px 0;
    }

    #modalLogIn .autorization-block #registration .reg-step-head {
        position: relative;
    }

    #modalLogIn .autorization-block #registration .reg-step-head p {
        font-size: 16px;
        font-weight: bold;
        color: #212426;
    }

    #modalLogIn .autorization-block #registration .reg-step-head .reg-step {
        display: inline-block;
        float: right;
        font-size: 16px;
        color: rgba(137, 144, 153, 0.6);
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    #modalLogIn .autorization-block #registration #reg-step-2 .reg-step-head {
        margin-bottom: 60px;
    }

    #modalLogIn .autorization-block #registration #reg-step-2 .step-fix {
        height: 30px;
    }

    #modalLogIn .autorization-block #registration .link-back {
        display: inline-block;
        margin-top: 30px;
        font-size: 16px;
        font-weight: 700;
        color: #98694c;
    }

    #modalLogIn .autorization-block #registration .link-back:hover {
        color: #6e4c37;
    }

    #modalLogIn .autorization-block #registration .btn {
        margin: 10px auto 30px;
        max-width: 300px;
    }

    #modalLogIn .autorization-block #registration .faild-wrap label svg {
        z-index: 200;
    }

    #modalLogIn .autorization-block #registration .faild-wrap label input[type="checkbox"] {
        opacity: 1 !important;
        background-color: #f4f6fa !important;
        border-radius: 2px !important;
        margin: 0;
        outline: none;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    #modalLogIn .autorization-block #registration .faild-wrap label input[type="checkbox"]:focus {
        outline: none;
    }

    #modalLogIn .autorization-block #registration .faild-wrap label input[type="checkbox"]:checked {
        background-color: #98694c !important;
        outline: none;
    }

    #modalLogIn .autorization-block #registration .loader {
        display: none;
        text-align: center;
    }

    #modalLogIn .autorization-block #registration .loader img {
        margin: 0 auto;
        width: 78px;
        height: auto;
        vertical-align: text-bottom;
    }

    .modal-familiarization .modal-dialog {
        width: 100%;
        max-width: 754px;
    }

    .modal-familiarization .modal-dialog {
        background-color: #ffffff;
    }

    .modal-familiarization .familiarization-block {
        background-image: url('https://ugrateam.admhmao.ru/static/default/img/modal_bg.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .modal-familiarization .familiarization-block .block-head {
        position: relative;
        padding: 36px 60px 40px;
        background-color: rgba(239, 236, 233, .3);
        font-size: 36px;
        font-weight: 700;
    }

    .modal-familiarization .familiarization-block .wind-close {
        position: absolute;
        right: 60px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px;
        color: #B1A9A2;
        cursor: pointer;
    }

    .familiarization-slider .slider-ell,
    .familiarization-slider .slider-ell:hover,
    .familiarization-slider .slider-ell:focus {
        outline: none;
    }

    .familiarization-slider .slider-ell .ell__icon-wrap {
        position: relative;
        margin: 20px auto -26px;
        width: 200px;
        height: 200px;
        background-color: #E2C6AD;
        background-clip: content-box;
        border-radius: 50%;
        border: 40px solid rgba(247, 245, 244, 0.6);
        z-index: 10;
    }

    .familiarization-slider .slider-ell .ell__icon-wrap .ell__img {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 50px;
        height: 50px !important;
        height: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-0 {
        background-image: url(https://ugrateam.admhmao.ru/static/default/img/user.svg);
    }

    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-1 {
        background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_1.svg);
    }

    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-2 {
        background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_2.svg);
    }

    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-3 {
        background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_3.svg);
    }

    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-4 {
        background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_4.svg);
    }

    .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-5 {
        background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_5.svg);
    }

    .familiarization-slider .slider-ell .ell__icon-wrap .ell__num {
        position: absolute;
        top: -20px;
        left: -46px;
        width: 42px;
        height: 42px;
        font-size: 18px;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        line-height: 42px;
        border-radius: 50%;
        background-color: rgb(255, 23, 68);
        -webkit-box-shadow: 0px 12px 18px 4px rgba(104, 65, 40, 0.2);
        box-shadow: 0px 12px 18px 4px rgba(104, 65, 40, 0.2);
    }

    .familiarization-slider .slider-ell .ell__content {
        position: relative;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        text-align: center;
        z-index: 20;
    }

    .familiarization-slider .slider-ell .ell__content .ell__name {
        font-size: 24px;
        font-weight: 700;
    }

    .familiarization-slider .slider-ell .ell__content .ell__descr {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 30px;
    }

    .familiarization-slider .slider-ell .ell__content .ell__descr-sm {
        font-size: 14px;
    }

    .familiarization-slider .slider-ell .ell__content .ell__date {
        font-size: 16px;
        line-height: 1;
        color: #d8b08c;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .familiarization-slider .slider-ell .ell__content .ell__date span {
        display: inline-block;
        padding: 6px 12px;
        border: 1px solid #d8b08c;
        border-radius: 4px;
    }

    .familiarization-slider .slider-ell .ell__content .btn {
        margin: 0 auto 20px;
    }

    .familiarization-slider .slick-dots {
        text-align: center;
    }

    .familiarization-slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 14px;
    }

    .familiarization-slider .slick-dots li button {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 6px;
        height: 6px;
        padding: 0;
        border-radius: 50%;
        border: none;
        background-color: #F0E1D3;
        font-size: 0;
        -webkit-transition: all .15s linear;
        -o-transition: all .15s linear;
        transition: all .15s linear;
    }

    .familiarization-slider .slick-dots li button,
    .familiarization-slider .slick-dots li button:focus,
    .familiarization-slider .slick-dots li button:hover {
        outline: none;
    }

    .familiarization-slider .slick-dots li.slick-active button {
        width: 10px;
        height: 10px;
        background-color: #D8B08C;
    }

    .modal-familiarization .familiarization-block .block-content {
        position: relative;
        padding-bottom: 45px;
    }

    .familiarization-block .slider-control .control-arrow {
        position: absolute;
        top: 175px;
        width: 68px;
        height: 68px;
        background-color: #F0E1D3;
        border-radius: 50%;
        cursor: pointer;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .15s linear;
        -o-transition: all .15s linear;
        transition: all .15s linear;
    }

    .familiarization-block .slider-control .control-arrow.slick-disabled {
        visibility: hidden !important;
    }

    .modal-familiarization .familiarization-block .block-content:hover .slider-control .control-arrow {
        visibility: visible;
        opacity: 1;
    }

    .familiarization-block .slider-control .fam-slide-prew {
        left: 35px;
    }

    .familiarization-block .slider-control .fam-slide-next {
        right: 35px;
    }

    .familiarization-block .slider-control .control-arrow img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: auto;
        height: 26px;
    }

    @media (max-width: 991px) {
        #modalLogIn .wind-close {
            position: static;
            border: none;
            display: block;
            color: #212426;
            margin-right: 10px;
            margin-top: 10px;
        }
    }

    @media (max-width: 767px) {
        .modal-content {
            height: 100%;
        }
        #modalLogIn .modal-dialog {
            margin: 0;
            width: 100%;
            min-height: 100%;
            background-color: #ffffff;
        }
        #modalLogIn .md-content {
            overflow: auto;
            height: 100vh;
            width: 100vw;
            border-radius: 0;
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }
        #modalLogIn.md-show {
            width: 100%;
        }
        #modalLogIn .autorization-block .tabs-card {
            padding: 40px 0;
        }
        #modalLogIn .autorization-block .blok-content {
            padding: 0 15px;
        }
        #modalLogIn .autorization-block .autorization-tabs .tabs-nav li {
            float: none;
            width: 100%;
            padding: 0;
        }
        #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a {
            display: block;
            padding: 20px 10px 20px;
        }
        #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a.active {
            color: #2d2e2f;
            background-color: #F4F6FA;
            cursor: default;
        }
        #modalLogIn .autorization-block .autorization-tabs .tabs-nav li a.active:hover {
            background-color: #F4F6FA;
        }
        #modalLogIn .autorization-block .autorization-footer .log-in-esia {
            padding: 30px 0px 90px 0;
        }
        #modalLogIn .autorization-block .autorization-footer .log-in-esia .esia-btn {
            display: block;
            position: static;
            right: auto;
            top: auto;
            width: 140px;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
            margin-top: 20px;
        }
        #modalLogIn .autorization-block #registration .reg-step-head .reg-step {
            float: none;
        }
        #modalLogIn .autorization-block #registration .link-back {
            margin-top: 0;
            margin-bottom: 20px;
            font-size: 16px;
        }
        #modalLogIn .autorization-block #registration .btn {
            margin: 10px auto 30px;
            max-width: 320px;
        }
        .modal-familiarization {
            padding: 0 !important;
        }
        .modal-familiarization .modal-dialog {
            margin: 0;
            min-height: 100%;
            background-color: #A76B4A;
        }
        .modal-familiarization .modal-content {
            background-color: #A76B4A;
        }
        .modal-familiarization .familiarization-block {
            background-image: url('https://ugrateam.admhmao.ru/static/default/img/modal_bg.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
        .modal-familiarization .familiarization-block .block-head {
            position: relative;
            padding: 30px 28px 30px;
            background-color: inherit;
            font-size: 16px;
            color: rgb(216, 176, 140);
            text-transform: uppercase;
        }
        .modal-familiarization .familiarization-block .wind-close {
            right: 28px;
            font-size: 18px;
            color: #ffffff;
        }
        .familiarization-slider .slider-ell .ell__icon-wrap {
            margin: 5px auto 20px;
            background-color: #F8F6F5;
            border: 40px solid rgba(216, 176, 140, 0.1);
            z-index: 10;
        }
        .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-0 {
            background-image: url(https://ugrateam.admhmao.ru/static/default/img/user_m.svg);
        }
        .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-1 {
            background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_1m.svg);
        }
        .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-2 {
            background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_2m.svg);
        }
        .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-3 {
            background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_3m.svg);
        }
        .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-4 {
            background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_4m.svg);
        }
        .familiarization-slider .slider-ell .ell__icon-wrap .step-icon-5 {
            background-image: url(https://ugrateam.admhmao.ru/static/default/img/step_5m.svg);
        }
        .familiarization-slider .slider-ell .ell__icon-wrap .ell__num {
            top: -8px;
            left: -52px;
        }
        .familiarization-slider .slider-ell .ell__content {
            text-align: left;
            font-size: #ffffff;
            max-width: 100%;
            padding: 0 28px;
        }
        .familiarization-slider .slider-ell .ell__content .ell__name {
            font-size: 24px;
            color: #ffffff;
        }
        .familiarization-slider .slider-ell .ell__content .ell__descr {
            font-size: 16px;
            color: #ffffff;
            line-height: 1.4;
            margin-bottom: 20px;
        }
        .familiarization-slider .slider-ell .ell__content .ell__descr-sm {
            color: #ffffff;
            margin-bottom: 30px;
        }
        .familiarization-slider .slider-ell .ell__content .ell__date {
            font-size: 16px;
            line-height: 1;
            color: #ffffff;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 26px;
        }
        .familiarization-slider .slider-ell .ell__content .ell__date span {
            border: 1px solid #CAA492;
        }
        .familiarization-slider .slider-ell .ell__content .btn {
            margin: 0 auto 20px;
        }
        .familiarization-slider .slick-dots {
            text-align: center;
        }
        .familiarization-slider .slick-dots li {
            position: relative;
            display: inline-block;
            width: 6px;
            height: 6px;
            margin: 0 18px;
        }
        .familiarization-slider .slick-dots li button {
            background-color: #C39983;
        }
        .familiarization-slider .slick-dots li.slick-active button {
            width: 6px;
            height: 6px;
            background-color: #ffffff;
        }
        .modal-familiarization .familiarization-block .block-content {
            padding-bottom: 36px;
        }
        .familiarization-block .slider-control .control-arrow {
            display: none !important;
        }
    }


    /* recovery-password-block */

    .recovery-password-block .block-head .head-content {
        padding: 36px 14px;
        background-image: url('https://ugrateam.admhmao.ru/static/default/img/recovery-bg.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .recovery-password-block .block-head .head-content h3 {
        color: #ffffff;
        font-size: 21px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 0;
    }

    .recovery-password-block .block-head .recovery-progress {
        position: relative;
        width: 100%;
        height: 7px;
        background-color: #EAE1DB;
    }

    .recovery-password-block .block-head .recovery-progress .progress-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 0%;
        height: 100%;
        background-color: #B99985;
        -webkit-transition: all .25s linear;
        -o-transition: all .25s linear;
        transition: all .25s linear;
    }

    .recovery-password-block .block-body {
        padding: 46px 70px;
        background-color: #ffffff;
    }

    .recovery-password-block .block-body .btn {
        margin: 0 auto 28px;
    }

    .recovery-password-block .block-body .text-mail {
        color: #958b8b;
    }

    .recovery-password-block .block-body .text-suc {
        text-align: center;
        font-weight: 700;
        margin-bottom: 40px;
    }

    .recovery-password-block .block-body .loader_rec {
        display: none;
        text-align: center;
    }

    .recovery-password-block .block-body .loader_rec img {
        margin: 0 auto;
        width: 78px;
        height: auto;
        vertical-align: text-bottom;
    }

    .recovery-password-block .block-body .btn-wrap {
        text-align: center;
    }

    .recovery-password-block .block-body .btn-wrap .btn {
        display: inline-block;
    }

    @media (max-width: 767px) {
        .recovery-password-block .block-head {
            padding-top: 40px;
        }
        .recovery-password-block .block-head .head-content {
            padding: 26px 14px;
        }
        .recovery-password-block .block-head .head-content h3 {
            font-size: 18px;
        }
        .recovery-password-block .block-body {
            padding: 40px 14px;
        }
    }

    .preview-content {
        margin-bottom: 50px;
    }

    .preview-content .sm-text {
        font-size: 14px;
        color: #899099;
    }


    /* base-form */

    .base-form .faild-wrap {
        position: relative;
        margin-bottom: 30px;
    }

    .lable-top {
        font-size: 16px;
        font-weight: 700;
        color: #212426;
        margin-bottom: 10px;
    }

    .base-form .input {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .base-form .input--juro,
    .base-form .select--juro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        background-color: #F4F6FA;
        border: 1px solid #F4F6FA;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .base-form .select--juro .chosen-container-single .chosen-single {
        padding: 3px 40px 11px 18px;
        background-color: initial;
        border: none;
    }

    .base-form .select--juro .chosen-container-single .chosen-single div {
        top: 3px;
    }

    .base-form .input--juro.input--filled,
    .base-form .select--juro.input--filled {
        background-color: #ffffff;
    }

    .base-form .input__label--juro::before {
        content: none;
    }

    .base-form .input__field--juro {
        position: relative;
        color: #212426;
        font-weight: 400;
        padding: 0px 18px 8px;
        height: 30px;
        margin: 0;
        width: 100%;
    }

    .base-form .input-icon .input__field--juro {
        padding-right: 40px;
    }

    .base-form .input__label {
        font-size: 16px;
        color: #899099;
        font-weight: 400;
        line-height: 1em;
    }

    .base-form .input__label--juro {
        padding: 15px 18px 5px;
        font-size: 14px;
        border-radius: 2px;
        background-color: rgba(255, 255, 255, 0);
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .base-form .input__field--juro {
        font-size: 16px;
    }

    .base-form .input__label-content--juro {
        padding: 0;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        -webkit-transform-origin: 0%;
        -ms-transform-origin: 0%;
        transform-origin: 0%;
    }

    .base-form .input--filled .input__label--juro {
        background-color: #FFFFFF;
        z-index: 200;
    }

    .base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro::before,
    .base-form .input--filled .input__label--juro::before {
        content: none;
        border-width: 1px;
        border-color: #F4F6FA;
        border-top-width: 1px;
    }

    .base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro,
    .base-form .input--filled .input__label--juro {
        padding: 15px 18px 5px;
    }

    .base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro,
    .base-form .input--filled .input__label--juro {
        color: #899099;
        font-size: 14px;
    }

    .base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro .input__label-content--juro,
    .base-form .input--filled .input__label--juro .input__label-content--juro {
        color: #899099;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }

    .base-form textarea.input__field--juro {
        height: 66px;
    }

    .base-form textarea.input__field--juro.textarea-simple {
        height: 120px;
    }

    .base-form textarea.input__field--juro+.input__label {
        padding-bottom: 5px;
    }

    .base-form textarea.input__field--juro {
        padding: 8px 18px 8px;
        height: 34px;
    }

    .base-form textarea.input__field--juro+.input__label--juro {
        position: static;
    }

    .base-form textarea.input__field--juro:not([readonly="readonly"]):focus+.input__label--juro,
    .base-form textarea.input__field--juro+.input__label--juro {
        height: auto;
    }

    .base-form .help-block {
        display: none;
        width: 100%;
        margin: 0;
        padding: 15px 18px 5px;
        font-size: 14px;
        color: #c62828 !important;
        font-weight: 400;
        line-height: 1em;
        white-space: nowrap;
    }

    .base-form .input--filled .help-block {
        width: 100%;
        font-size: 14px;
        padding: 15px 18px 5px;
    }

    .base-form .has-error .input {
        border-bottom: 1px solid #c62828;
    }

    .base-form .has-error .input__label--juro {
        display: none;
    }

    .base-form .has-error .input .help-block {
        display: block;
        z-index: 250;
    }

    .base-form .file-load .help-block {
        display: none;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #c62828 !important;
        font-weight: 400;
        line-height: 1em;
        white-space: normal;
    }

    .base-form .has-error .file-load .help-block {
        display: block;
        z-index: 20;
    }

    .base-form .has-error .file-load .file-load__cont .file-load__load {
        border: 1px solid #c62828;
    }

    .base-form .ac-custom {
        padding: 0;
        padding-left: 40px;
        margin-top: 15px;
    }

    .base-form .ac-custom label {
        font-size: 15px;
        line-height: 1.2;
        color: #9ea1a4;
        height: auto;
        display: inline-block;
        cursor: pointer;
        font-weight: 400;
    }

    .base-form .ac-custom input[type="checkbox"],
    .base-form .ac-custom input[type="radio"],
    .base-form .ac-custom label::before {
        width: 24px;
        height: 24px;
        top: 0;
        left: 0;
        margin-top: 0;
        position: absolute;
        cursor: pointer;
        border-radius: 2px;
        background-color: #f4f6fa;
    }

    .base-form .ac-custom label::before {
        content: '';
        border: none;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .base-form .ac-custom input[type="checkbox"]:checked+label::before,
    .base-form .ac-custom input[type="radio"]:checked+label::before {
        opacity: 1;
        background-color: #9bb9d1 !important;
    }

    .base-form .ac-custom input[type="radio"]+label::after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        left: 0px;
        top: 0px;
        border-radius: 50%;
        background-color: #f4f6fa;
        z-index: 10;
    }

    .base-form .ac-custom input[type="radio"]+label::before {
        border-radius: 50%;
        width: 10px;
        height: 10px;
        left: 7px;
        top: 7px;
        z-index: 20;
    }

    .base-form .ac-custom svg {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 3px;
        margin-top: 1px;
        left: 4px;
        pointer-events: none;
    }

    .base-form .ac-custom svg path {
        stroke: #ffffff;
        stroke-width: 13px;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
    }

    .base-form .has-error.ac-custom label {
        color: #c62828;
    }

    .base-form .helper {
        font-size: 14px;
        color: #9ea1a4;
    }

    .base-form .faid-icon {
        position: absolute;
        top: 50%;
        right: 18px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #C2C8D6;
        cursor: pointer;
        z-index: 300;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .base-form .faid-icon.icon-calendar {
        font-size: 20px;
    }

    .base-form .faid-icon:hover {
        color: #212426;
    }

    .base-form .faid-icon.icon-show {
        font-size: 20px;
    }

    .base-form .faid-icon.icon-show.shown {
        color: #98694c;
    }

    .base-form .faid-icon.icon-show.shown:hover {
        color: #6e4c37;
    }

    .base-form .faid-icon.icon-redact.active {
        color: #2ecc8f;
    }

    .base-form .faid-icon.icon-redact.active:hover {
        color: #13B174;
    }

    .chosen-container-multi:focus {
        outline: none;
    }

    .chosen-container-multi .chosen-choices {
        position: relative;
        display: block;
        padding: 12px 40px 12px 18px;
        border-radius: 2px;
        background: inherit;
        color: #212426;
        background-color: #F4F6FA;
        border: 1px solid #F4F6FA;
    }

    .has-error .chosen-container-multi .chosen-choices {
        border-bottom: 1px solid #c62828;
    }

    .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        padding: 8px 0;
        margin: 3px;
        height: auto;
        border: none;
        color: #212426;
        font-size: 16px;
        font-weight: 400;
        line-height: 1em;
    }

    .chosen-container-multi .chosen-choices li.search-field input[type="text"].default {
        color: #899099;
    }

    .chosen-container-multi .chosen-choices li.search-choice {
        padding: 8px 28px 8px 8px;
        color: #212426;
        font-size: 16px;
        font-weight: 400;
        line-height: 1em;
        background-color: #FFFFFF;
        background-image: none;
        border: 1px solid #F4F6FA;
    }

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        position: absolute;
        top: 50%;
        right: 8px;
        display: block;
        width: auto;
        height: auto;
        background: inherit;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        font-size: 11px;
    }

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
        content: "\e908";
    }

    .chosen-container-multi .chosen-choices:before {
        content: "\e90f";
        position: absolute;
        right: 18px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        height: auto;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        color: #899099;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
    }

    .chosen-container-multi.chosen-with-drop .chosen-choices {
        background-color: #FFFFFF;
        border: 1px solid #F4F6FA;
    }

    .chosen-container-multi.chosen-with-drop .chosen-choices:before {
        -webkit-transform: translateY(-50%) rotateX(180deg);
        transform: translateY(-50%) rotateX(180deg);
    }

    .chosen-container-multi .chosen-drop {
        border: 1px solid #F4F6FA;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .chosen-container-multi .chosen-drop .chosen-results {
        margin: 0;
        padding: 0;
    }

    .chosen-container-multi .chosen-drop .chosen-results li {
        padding: 17px;
        font-size: 15px;
        font-weight: 400;
        line-height: 1em;
        color: #212426;
        border-top: 1px solid #F4F6FA;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .chosen-container-multi .chosen-drop .chosen-results li:hover {
        background: none;
        background-color: #D8B08C;
        color: #ffffff;
    }

    .chosen-container-multi .chosen-drop .chosen-results li.result-selected {
        background-color: #ffffff;
        color: #989898;
        cursor: default;
    }

    .chosen-container-multi .chosen-drop .chosen-results li.result-selected:hover {
        background-color: #ffffff;
        color: #989898;
        cursor: default;
    }

    .chosen-container-single:focus {
        outline: none;
    }

    .chosen-container-single .chosen-search input[type="text"] {
        display: none;
    }

    .chosen-container-single .chosen-single {
        position: relative;
        display: block;
        height: auto;
        padding: 25px 40px 25px 18px;
        border-radius: 2px;
        background: inherit;
        color: #212426;
        background-color: #FFFFFF;
        border: 1px solid #F4F6FA;
        white-space: normal;
    }

    .has-error .chosen-container-single .chosen-single {
        border-bottom: 1px solid #c62828;
    }

    .chosen-container-single .chosen-single.chosen-default {
        color: #899099;
        background-color: #F4F6FA;
    }

    .chosen-container-single .chosen-single span {
        font-size: 16px;
        font-weight: 400;
        line-height: 1em;
        white-space: normal;
        margin-right: 0;
    }

    .chosen-container-single .chosen-single div {
        position: absolute;
        right: 18px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        height: auto;
    }

    .chosen-container-single .chosen-single div b {
        width: auto;
        height: auto;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        color: #899099;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
    }

    .chosen-container-single .chosen-single div b:before {
        content: "\e915";
    }

    .chosen-container-single.chosen-container-active .chosen-single {
        background-color: #ffffff;
        border: 1px solid #F4F6FA;
    }

    .chosen-container-single.chosen-with-drop .chosen-single div b {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    .chosen-container-single .chosen-drop {
        border: 1px solid #F4F6FA;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .chosen-container-single .chosen-drop .chosen-results {
        margin: 0;
        padding: 0;
    }

    .chosen-container-single .chosen-drop .chosen-results li {
        padding: 17px;
        font-size: 15px;
        font-weight: 400;
        line-height: 1em;
        color: #212426;
        border-top: 1px solid #F4F6FA;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .chosen-container-single .chosen-drop .chosen-results li:hover {
        background: none;
        background-color: #9bb9d1;
        color: #ffffff;
    }

    .chosen-container-single .chosen-drop .chosen-results li.result-selected {
        background-color: #ffffff;
        color: #989898;
        cursor: default;
    }

    .chosen-container-single .chosen-drop .chosen-results li.result-selected:hover {
        background-color: #ffffff;
        color: #989898;
        cursor: default;
    }

    #errormessage-verifycode-image {
        position: absolute;
        right: 5px;
        top: 50%;
        height: 56px;
        width: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 300;
    }

    .faild-wrap.field-errormessage-verifycode.has-error .form-control,
    .faild-wrap.field-errormessage-verifycode .form-control {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    @media (max-width: 767px) {
        .faild-wrap.field-errormessage-verifycode {
            margin-top: 70px;
        }
        .faild-wrap.field-errormessage-verifycode .input--juro {
            overflow: visible;
        }
        #errormessage-verifycode-image {
            right: auto;
            left: 0px;
            top: -50px;
            height: 50px;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
        }
        .base-form .faild-wrap {
            position: relative;
            margin-bottom: 25px;
        }
        .base-form .lable-top {
            font-size: 14px;
            font-weight: 700;
            color: #212426;
            margin-bottom: 10px;
        }
        .base-form .input {
            margin: 0;
            width: 100%;
            max-width: 100%;
        }
        .base-form .input-icon .input__field--juro {
            padding-right: 40px;
        }
        .base-form .input__field--juro {
            font-size: 14px;
            padding: 0px 10px 8px;
            height: 23px;
        }
        .base-form .select--juro .chosen-container-single .chosen-single {
            padding: 0px 10px 8px 10px;
            background-color: initial;
            border: none;
        }
        .base-form .select--juro .chosen-container-single .chosen-single div {
            display: none;
        }
        .base-form .input__label--juro {
            font-size: 14px;
            padding: 12px 10px 5px;
        }
        .base-form .input__field--juro:not([readonly="readonly"]):focus+.input__label--juro,
        .base-form .input--filled .input__label--juro {
            padding: 12px 10px 5px;
        }
        .base-form .help-block {
            padding: 12px 10px 5px;
        }
        .base-form .input--filled .help-block {
            padding: 12px 10px 5px;
        }
        .base-form .ac-custom label {
            font-size: 14px;
            padding: 3px 0;
        }
        .base-form .helper {
            font-size: 14px;
        }
        .base-form .faid-icon {
            position: absolute;
            top: 50%;
            right: 18px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #C2C8D6;
            cursor: pointer;
            z-index: 100;
            -webkit-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
        }
        .base-form .faid-icon:hover {
            color: #212426;
        }
        .base-form .faid-icon.icon-show {
            font-size: 20px;
        }
        .base-form .faid-icon.icon-show.shown {
            color: #98694c;
        }
        .base-form .faid-icon.icon-show.shown:hover {
            color: #6e4c37;
        }
        .base-form .faid-icon.icon-redact.active {
            color: #2ecc8f;
        }
        .base-form .faid-icon.icon-redact.active:hover {
            color: #13B174;
        }
        .chosen-container-multi:focus {
            outline: none;
        }
        .chosen-container-multi .chosen-choices {
            position: relative;
            display: block;
            padding: 8px 40px 8px 18px;
            border-radius: 2px;
            background: inherit;
            color: #212426;
            background-color: #F4F6FA;
            border: 1px solid #F4F6FA;
        }
        .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
            padding: 8px 0;
            margin: 1px;
            height: auto;
            border: none;
            color: #212426;
            font-size: 14px;
            font-weight: 400;
            line-height: 1em;
        }
        .chosen-container-multi .chosen-choices li.search-field input[type="text"].default {
            color: #899099;
        }
        .chosen-container-multi .chosen-choices li.search-choice {
            padding: 8px 28px 8px 8px;
            font-size: 14px;
        }
        .chosen-container-multi .chosen-drop .chosen-results li {
            padding: 15px;
            font-size: 14px;
        }
        .chosen-container-single:focus {
            outline: none;
        }
        .chosen-container-single .chosen-single {
            padding: 20px 30px 20px 10px;
        }
        .chosen-container-single .chosen-single div {
            right: 10px;
        }
        .chosen-container-single .chosen-single.chosen-default {
            color: #899099;
            background-color: #F4F6FA;
        }
        .chosen-container-single .chosen-single span {
            font-size: 14px;
            font-weight: 400;
            line-height: 1em;
        }
        .chosen-container-single .chosen-drop .chosen-results {
            margin: 0;
            padding: 0;
        }
        .chosen-container-single .chosen-drop .chosen-results li {
            padding: 15px;
            font-size: 14px;
        }
        .base-form textarea.input__field--juro {
            padding: 8px 10px 8px;
        }
    }

    .file-debug {
        margin-bottom: 10px;
    }

    .input-file-block {
        padding: 10px;
        background-color: rgba(236, 240, 246, 0.6);
    }

    .input-file-block .input-file-wrap {
        position: relative;
        display: block;
        padding: 10px;
        border: 1px dashed #DCE1E9;
    }

    .input-file-block .input-file-wrap.has-error {
        border: 1px dashed #c62828;
        background-color: rgba(198, 85, 85, 0.35);
    }

    .input-file-block .input-file-wrap .help-block {
        padding: 15px 0 5px;
    }

    .base-form .input-file-block .input-file-wrap.has-error .help-block {
        display: block;
    }

    .input-file-block .input-file-wrap .upload-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 20;
    }

    .input-file-block .input-file-wrap .preview-wrap {
        position: relative;
        height: 126px;
        width: 126px;
        z-index: 40;
    }

    .input-file-block .input-file-wrap .preview-wrap .preview {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 30;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .5s linear;
        -o-transition: opacity .5s linear;
        transition: opacity .5s linear;
    }

    .input-file-block .input-file-wrap .preview-wrap .file-lable {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #DCE0E9;
        cursor: pointer;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        z-index: 20;
    }

    .input-file-block .input-file-wrap .preview-wrap .file-lable .icon-plus {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 40px;
        color: #ffffff;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .input-file-block .input-file-wrap .preview-wrap .file-lable:hover {
        background-color: #BFC2CA;
    }

    .input-file-block .input-file-wrap .info-defult {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        padding: 10px 20px 10px 156px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .site-about>div {
        background: #fff;
        padding: 15px;
    }

    .input-file-block .input-file-wrap .info-defult p {
        font-size: 16px;
        color: #899099;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
    }

    .input-file-block .input-file-wrap .file-info {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        padding: 10px 20px 10px 156px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 30;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .input-file-block .input-file-wrap .file-info .text-info {
        position: relative;
        max-width: 260px;
        margin: 0 auto 15px;
        font-size: 16px;
        padding-right: 40px;
    }

    .input-file-block .input-file-wrap .file-info .text-info .file-name {
        color: #9bb9d1;
    }

    .input-file-block .input-file-wrap .file-info .text-info .file-size {
        color: #899099;
    }

    .input-file-block .input-file-wrap .file-info .text-info .clear-file {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        font-size: 10px;
        text-align: center;
        color: #ffffff;
        border-radius: 50%;
        background-color: #9bb9d1;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        cursor: pointer;
    }

    .input-file-block .input-file-wrap .file-info .text-info .clear-file i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .input-file-block .input-file-wrap .file-info .text-info .clear-file:hover {
        background-color: #779fc1;
    }

    .input-file-block .input-file-wrap.active .preview-wrap .preview {
        opacity: 1;
        visibility: visible;
    }

    .input-file-block .input-file-wrap.active .file-info {
        visibility: visible;
        opacity: 1;
    }

    .input-file-block .input-file-wrap.active .info-defult {
        visibility: hidden;
        opacity: 0;
    }

    .input-file-block .input-file-wrap.active.fix-iphone .preview-wrap .preview {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .input-file-block .input-file-wrap.disabled .text-info {
        margin: 0 auto;
        padding-right: 0px;
        text-align: center;
    }

    .input-file-block .btn-change {
        display: block;
        width: 100%;
        height: 48px;
        max-width: 260px;
        padding: 15px 10px;
        margin: 0 auto;
        border-radius: 2px;
        border: 1px solid #9bb9d1;
        font-size: 16px;
        color: #9bb9d1;
        font-weight: 700;
        line-height: 1em;
        text-align: center;
        background-color: inherit;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .input-file-block .btn-change:hover {
        color: #ffffff;
        background-color: #9bb9d1;
    }

    @media (max-width: 767px) {
        .input-file-block .input-file-wrap .upload-img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 20;
        }
        .input-file-block .input-file-wrap .preview-wrap {
            display: block;
            position: relative;
            height: 126px;
            width: 126px;
            z-index: 40;
            margin: 0 auto 20px;
        }
        .input-file-block .input-file-wrap .info-defult {
            position: static;
            left: auto;
            top: auto;
            width: 100%;
            padding: 10px 20px 10px 20px;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
        }
        .input-file-block .input-file-wrap .file-info {
            display: none;
            position: static;
            left: auto;
            top: auto;
            width: 100%;
            padding: 10px 20px 10px 20px;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%);
        }
        .input-file-block .input-file-wrap.active .file-info {
            display: block;
            visibility: visible;
            opacity: 1;
        }
        .input-file-block .input-file-wrap.active .info-defult {
            display: none;
            visibility: hidden;
            opacity: 0;
        }
        .input-file-block .btn-change {
            display: block;
            width: 100%;
            height: 48px;
            padding: 10px 5px;
            font-size: 13px;
        }
    }


    .bootstrap-datetimepicker-widget table td.active {
        background-color: #E44934;
    }

    .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #D53A25;
    }

    .send-questionary-popup-wrap {
        display: block;
        position: relative;
        margin-bottom: 20px;
    }

    .send-questionary .btn {
        position: relative;
        max-width: 100%;
        margin-bottom: 0;
        z-index: 50;
    }

    .send-questionary-popup-wrap .btn[disabled] {
        z-index: 10;
    }

    .send-questionary-popup-wrap .send-questionary-popup {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
    }

    .send-questionary-popup-wrap .popover {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        color: #E44934;
        border: 1px solid #dce1e9;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }

    .send-questionary-popup-wrap .popover.top>.arrow {
        border-top-color: #dce1e9;
    }

    @media (max-width: 767px) {
        .send-questionary-popup-wrap {
            display: block;
            position: relative;
        }
        .send-questionary-popup-wrap .btn {
            width: 100%;
            max-width: 100%;
        }
    }

    .esia-block .block-head {
        padding: 40px 60px;
        background-color: #EFECE9;
        font-weight: 700;
        font-size: 36px;
    }

    .esia-block .block-body {
        padding: 40px 60px;
    }

    .esia-block .block-body .sub-head {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .esia-block .block-body p {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .esia-block .block-body .btn {
        margin: 0 auto 50px;
        line-height: 25px;
        padding: 17px 15px;
    }

    .esia-block .block-body .btn i {
        font-size: 22px;
        margin-right: 5px;
        vertical-align: text-bottom;
    }

    .esia-block .block-body .hr-line {
        width: 100%;
        height: 1px;
        background-color: #DADADA;
    }

    .esia-block .block-foot .info-message,
    .esia-block .block-foot .error-message {
        padding-top: 40px;
        position: relative;
        padding-left: 52px;
    }

    .esia-block .block-foot .info-message p {
        font-size: 15px;
        color: #989898;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .esia-block .block-foot .error-message .err-head {
        font-size: 18px;
        color: #E44934;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .esia-block .block-foot .error-message p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 10px;
    }

    .esia-block .block-foot .error-message .hightlight {
        background-color: #FCECEA;
    }

    .esia-block .block-foot .message-icon {
        position: absolute;
        left: 0;
        top: 32px;
        width: 34px;
        height: auto;
    }

    @media (max-width: 767px) {
        .esia-block .block-head {
            padding: 40px 24px 30px;
            font-size: 30px;
        }
        .esia-block .block-body {
            padding: 30px 24px;
        }
        .esia-block .block-body .sub-head {
            font-size: 22px;
            line-height: normal;
        }
        .esia-block .block-body p {
            font-size: 16px;
            margin-bottom: 20px;
        }
        .esia-block .block-body .btn {
            margin: 0 auto 30px;
        }
        .esia-block .block-foot .info-message,
        .esia-block .block-foot .error-message {
            padding-top: 50px;
            padding-left: 0px;
        }
        .esia-block .block-foot .info-message p {
            font-size: 15px;
        }
        .esia-block .block-foot .error-message .err-head {
            font-size: 16px;
            margin-bottom: 5px;
        }
        .esia-block .block-foot .error-message p {
            font-size: 15px;
        }
        .esia-block .block-foot .message-icon {
            position: absolute;
            left: 0;
            top: 13px;
            width: 26px;
            height: auto;
        }
    }

    @media (max-width: 419px) {
        .esia-block .block-body .btn {
            line-height: normal;
        }
    }

    .base-form .field-clientform-worktype .input--juro {
        border: none;
        background-color: inherit;
    }

    .base-form .field-clientform-worktype .input--juro #clientform-worktype label {
        display: block;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 1.2;
        color: #9ea1a4;
        height: auto;
        cursor: pointer;
        font-weight: 400;
    }

    .page-news {
        padding: 90px 0 40px;
        background-color: #f2f5f8;
    }

    h1.news-content__header,
    .news-content__header {
        font-size: 36px;
        margin-bottom: 60px;
    }

    h2.news-content__sub-header,
    .news-content__sub-header {
        font-size: 21px;
        margin-bottom: 35px;
    }

    @media (max-width: 767px) {
        h1.news-content__header,
        .news-content__header {
            font-size: 20px;
            margin-bottom: 20px;
        }
        h2.news-content__sub-header,
        .news-content__sub-header {
            font-size: 18px;
            margin-bottom: 20px;
        }
    }

    .news-content__head-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .news-content__head-flex h1.news-content__header,
    .news-content__head-flex .news-content__header {
        margin-bottom: 15px;
    }

    @media (max-width: 767px) {
        .news-content__head-flex {
            display: block;
            margin-bottom: 20px;
        }
    }

    .nav-tabs.news-content-tabs {
        padding: 9px 16px 11px;
        background-color: #ffffff;
        border-radius: 6px;
    }

    .nav-tabs.news-content-tabs li {
        border: none;
        padding: 0;
        margin: 0;
    }

    .nav-tabs.news-content-tabs li a,
    .nav-tabs.news-content-tabs li a:hover,
    .nav-tabs.news-content-tabs li a:focus {
        margin: 0;
        min-width: 170px;
        padding: 10px 16px;
        border: none;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        color: #212426;
    }

    .nav-tabs.news-content-tabs li.active a,
    .nav-tabs.news-content-tabs li.active a:hover {
        color: #ffffff;
        background: linear-gradient(0deg, #00c960, #00aeef);
        border-radius: 6px;
        -webkit-box-shadow: 0px 8px 20px 0px #ffffff;
        box-shadow: 0px 8px 20px 0px #fff;
    }

    .nav-tabs.news-content-tabs.news-content-tabs--alt li.active a,
    .nav-tabs.news-content-tabs.news-content-tabs--alt li.active a:hover {
        color: #ffffff;
        background-color: #649FDC;
        border-radius: 6px;
        -webkit-box-shadow: 0px 8px 20px 0px rgba(46, 90, 135, 0.3);
        box-shadow: 0px 8px 20px 0px rgba(46, 90, 135, 0.3);
    }

    @media (max-width: 767px) {
        .nav-tabs.news-content-tabs {
            border: 1px solid #EFECE9;
        }
        .nav-tabs.news-content-tabs li {
            border: none;
            padding: 0;
            margin: 0;
            width: 50%;
        }
        .nav-tabs.news-content-tabs li a,
        .nav-tabs.news-content-tabs li a:hover,
        .nav-tabs.news-content-tabs li a:focus {
            display: block;
            min-width: auto;
            margin: 0;
            padding: 10px 10px;
            text-align: center;
            font-size: 12px;
        }

        .news-content__text img {
            width: 100% !important;
        }
    }

    .news-content {
        margin-bottom: 50px;
    }

    .news-content__text {
     font-size: 18px;
     color: rgb(33, 36, 38);
     line-height: 1.5;
     margin-bottom: 30px;
 }



 .news-content p {
    font-size: 18px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    margin-bottom: 30px;
}

.news-content ol {
    padding-left: 20px;
    margin-bottom: 50px;
}

.news-content ol li {
    font-size: 18px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    list-style: decimal;
    margin-bottom: 20px;
}

.news-content ul {
    padding-left: 20px;
    margin-bottom: 50px;
}

.news-content ul li {
    font-size: 18px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    list-style: disc;
    margin-bottom: 20px;
}

.page-news .news-content .news-content__header {
    font-size: 36px;
    color: rgb(33, 36, 38);
    font-weight: bold;
    line-height: 1.278;
    margin-bottom: 30px;
}

.news-content .news-content__date {
    font-size: 14px;
    color: rgb(117, 117, 117);
    margin-bottom: 30px;
}

.news-content img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 40px;
}

.news-content iframe {
    width: 100%;
    height: 450px;
    margin-bottom: 40px;
}

.news-content .news-autor {
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.news-content .news-autor .news-autor-name {
    color: rgb(117, 117, 117);
    font-weight: 400;
}

.news-content p.news-content__descr {
    font-size: 21px;
    font-style: italic;
}

.sheare-block {
    width: 100%;
    padding: 35px 40px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 50px;
}

.sheare-block .sheare-block__header {
    font-size: 24px;
    color: rgb(46, 48, 49);
    font-weight: bold;
    line-height: 1.16;
    margin-bottom: 30px;
}

.sheare-block .sheare-list .sheare-list__link {
    display: block;
    padding: 16px 20px;
    text-align: center;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #e2e6e9;
    margin-bottom: 12px;
}

.sheare-block .sheare-list .sheare-list__link i {
    font-size: 18px;
    vertical-align: text-top;
    margin-right: 10px;
}

.sheare-block .sheare-list .sheare-list__link i::before {
    /* background: linear-gradient(0deg, #00C960 0%, #00AEEF 105.47%); */
    background: -webkit-linear-gradient(90deg, #00C960 0%, #00AEEF 105.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sheare-block .sheare-list .sheare-list__link:hover {
    color: #527696;
    border: 1px solid #527696;
}

@media (max-width: 767px) {
    .page-news {
        padding: 50px 0;
    }
    .page-news .news-content__header {
        margin-bottom: 30px;
        font-size: 34px;
    }
    .page-news .news-content .news-content__header {
        font-size: 20px;
    }
    .news-content p.news-content__descr {
        font-size: 18px;
    }
    .news-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .news-content ol {
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .news-content ol li {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .news-content ul {
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .news-content ul li {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .news-content img {
        margin-bottom: 30px;
    }
    .news-content iframe {
        height: 250px;
        margin-bottom: 30px;
    }
    .sheare-block {
        padding: 30px 20px;
    }
    .sheare-block .sheare-block__header {
        font-size: 20px;
    }
}

.news-sl-wrap {
    position: relative;
    margin-bottom: 50px;
}

.news-sl-wrap .news-sl-ell img {
    margin-bottom: 0;
}

.news-sl-wrap .news-sl-control {
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-sl-wrap:hover .news-sl-control {
    opacity: 1;
}

.news-sl-wrap .news-sl-control .prev-news-sl,
.news-sl-wrap .news-sl-control .next-news-sl {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: rgba(83, 118, 150, 0.3);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-sl-wrap .news-sl-control .prev-news-sl img,
.news-sl-wrap .news-sl-control .next-news-sl img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.news-sl-wrap .news-sl-control .prev-news-sl:hover,
.news-sl-wrap .news-sl-control .next-news-sl:hover {
    background-color: rgba(83, 118, 150, 0.9);
}

.news-sl-wrap .news-sl-control .prev-news-sl {
    left: 20px;
}

.news-sl-wrap .news-sl-control .next-news-sl {
    right: 20px;
}

.news-sl-wrap .news-sl-control .btn-sl-resize {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: rgba(83, 118, 150, 0.3);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-sl-wrap .news-sl-control .btn-sl-resize:hover {
    background-color: rgba(83, 118, 150, 0.9);
}

.news-sl-wrap .news-sl-control .btn-sl-resize img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.news-sl-wrap .slick-dots {
    display: none !important;
    text-align: center;
    padding: 9px 0;
}

.news-sl-wrap .slick-dots li {
    display: inline-block;
    padding: 3px;
}

.news-sl-wrap .slick-dots li button {
    padding: 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid rgb(216, 176, 140);
    font-size: 0;
    background-color: inherit;
}

.news-sl-wrap .slick-dots li button:hover,
.news-sl-wrap .slick-dots li button:focus {
    outline: none;
}

.news-sl-wrap .slick-dots li.slick-active button {
    background-color: rgb(216, 176, 140);
}

@media (max-width: 767px) {
    .news-sl-wrap .news-sl-control .prev-news-sl,
    .news-sl-wrap .news-sl-control .next-news-sl {
        display: none !important;
    }
    .news-sl-wrap .news-sl-control .btn-sl-resize {
        display: none;
    }
    .news-sl-wrap .slick-dots {
        display: block !important;
    }
}

.sl-modal .modal-close {
    position: absolute;
    right: 65px;
    top: 65px;
    color: #ffffff;
    cursor: pointer;
}

.sl-modal .modal-dialog {
    width: 100%;
    background-color: inherit;
}

.sl-modal.modal.fade .modal-dialog {
    width: 100%;
    margin: 0 auto;
    background-color: inherit;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
}

.sl-modal.modal.in .modal-dialog {
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
}

.sl-modal .modal-dialog .modal-content {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
}

.modal-sl-wrap .modal-sl-ell img {
    width: 100%;
    height: auto;
}

.modal-sl-control .prev-modal-sl,
.modal-sl-control .next-modal-sl {
    position: absolute;
    top: 50%;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.modal-sl-control .prev-modal-sl img,
.modal-sl-control .next-modal-sl img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal-sl-control .prev-modal-sl:hover,
.modal-sl-control .next-modal-sl:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.modal-sl-control .prev-modal-sl {
    left: 34px;
}

.modal-sl-control .next-modal-sl {
    right: 34px;
}

.modal-sl-tolbar-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #0A0807;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar {
    max-width: 760px;
    margin: 0 auto;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell {
    padding: 17px 5px 20px;
    width: 120px;
    height: 120px;
    border-top: 3px solid #0A0807;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    outline: none;
    cursor: pointer;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell:hover,
.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell:focus {
    outline: none;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell.slick-current {
    border-top: 3px solid #E44934;
}

.modal-sl-tolbar-wrap .modal-sl-tolbar .modal-sl-tolbar-ell img {
    width: 110px;
    height: 80px;
    border-radius: 4px;
    vertical-align: text-bottom;
}

.news-ell {
    position: relative;
    height: 100%;
    -webkit-box-shadow: 0px 10px 20px 5px rgba(190, 190, 191, 0.05);
    box-shadow: 0px 10px 20px 5px rgba(190, 190, 191, 0.05);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.news-ell:hover {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
}

.news-ell .news-ell__link {
    display: block;
    height: 100%;
    background-color: #ffffff;
}

.news-ell .news-ell__image {
    position: relative;
    width: 100%;
    height: 240px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-ell .news-ell__image .news-ell__image-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(112, 152, 186, 0.6), rgba(112, 152, 186, 0));
}

.news-ell .news-ell__content {
    padding: 35px 30px 90px;
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: bold;
    line-height: 1.5;
}

.news-ell .news-ell__content .news-ell__date {
    position: absolute;
    left: 30px;
    bottom: 40px;
    font-size: 14px;
    font-weight: normal;
    color: rgb(117, 117, 117);
}

.sheare-list-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sheare-list-wrap .sheare-btn:hover i,
.sheare-list-wrap .sheare-btn.active i {
    color: #AAA9A9;
}

.sheare-list-wrap .sheare-ell a:hover i,
.sheare-list-wrap .sheare-ell a.active i {
    color: #AAA9A9;
}

.sheare-list-wrap .sheare-btn {
    position: relative;
    float: right;
}

.sheare-list-wrap .sheare-btn img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sheare-list-wrap .sheare-btn,
.sheare-list-wrap .sheare-ell a {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(33, 36, 38, 0.35);
    cursor: pointer;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.sheare-list-wrap .sheare-btn i,
.sheare-list-wrap .sheare-ell a i {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 16px;
    color: #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sheare-list-wrap ul.sheare-list {
    float: right;
    display: block;
    padding: 0;
    margin: 0;
    height: inherit;
    height: 35px;
    margin-right: 5px;
    overflow: hidden;
    -webkit-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}

.sheare-list-wrap ul.sheare-list.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell:nth-child(1) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.sheare-list-wrap ul.sheare-list.active .sheare-ell:nth-child(4) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.sheare-list-wrap ul.sheare-list .sheare-ell {
    display: inline-block;
    width: auto;
    float: none;
    padding: 0;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sheare-list-wrap ul.sheare-list .sheare-ell:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.sheare-list-wrap ul.sheare-list .sheare-ell:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.sheare-list-wrap ul.sheare-list .sheare-ell:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.sheare-list-wrap ul.sheare-list .sheare-ell:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.mobile .sheare-list-wrap {
    visibility: visible;
    opacity: 1;
}

.like-wd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 225px;
    z-index: 20;
}

.like-wd .like-wd__btn {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.like-wd .like-wd__btn .like-wd__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: auto;
    opacity: .6;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.like-wd .like-wd__btn:hover .like-wd__icon {
    opacity: 1;
}

.like-wd .like-wd__view {
    padding: 9px 10px 7px;
    margin: 0 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    vertical-align: middle;
    background-color: #ffffff;
    border-radius: 4px;
}

.like-wd .like-wd__view.col--green {
    color: #00cf91;
}

.like-wd .like-wd__view.col--red {
    color: #E44934;
}

@media (max-width: 767px) {
    .like-wd {
        top: 170px;
    }
    .like-wd .like-wd__btn .like-wd__icon {
        opacity: 1;
    }
}

.news-ell:hover .sheare-list-wrap {
    opacity: 1;
    visibility: visible;
}

.task-card:hover .sheare-list-wrap {
    opacity: 1;
    visibility: visible;
}

.news-pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.btn.btn-border.btn-news {
    color: #d8b08c;
    border: 1px solid #d8b08c;
    margin-left: auto;
}

.btn.btn-border.btn-news:hover {
    color: #ffffff;
    background-color: #d8b08c;
}

.pagination-wrap {
    display: table;
    width: 100%;
    margin-bottom: 80px;
}

.pagination-wrap .pagination-list li {
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #7a7b7a;
    line-height: 1;
}

.pagination-wrap .pagination-list li.pagination-cont {
    padding: 17px 0;
}

.pagination-wrap .pagination-list li.pagination-cont a {
    color: #7a7b7a;
}

.pagination-wrap .pagination-list li.pagination-cont a:hover {
    color: #D8B08C;
}

.pagination-wrap .pagination-list li.pagination-cont.prev {
    margin-right: 30px;
}

.pagination-wrap .pagination-list li.pagination-cont.next {
    margin-left: 30px;
}

.pagination-wrap .pagination-list li.pagination-ell {
    margin: 0 4px;
}

.pagination-wrap .pagination-list li.pagination-ell a,
.pagination-wrap .pagination-list li.pagination-ell span {
    padding: 17px 0;
    display: block;
    width: 50px;
    color: #7a7b7a;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.pagination-wrap .pagination-list li.pagination-ell a:hover,
.pagination-wrap .pagination-list li.pagination-ell span:hover {
    color: #7a7b7a;
    background-color: #FAF9F8;
}

.pagination-wrap .pagination-list li.pagination-ell.active a,
.pagination-wrap .pagination-list li.pagination-ell.active span {
    color: #ffffff;
    background: linear-gradient(0deg, #00c960, #00aeef);
}

@media (max-width: 1199px) {
    .pagination-wrap {
        padding: 5px 0;
    }
    .pagination-wrap .pagination-list li {
        float: left;
        font-size: 14px;
    }
    .pagination-wrap .pagination-list li.pagination-cont {
        padding: 13px 0;
    }
    .pagination-wrap .pagination-list li.pagination-cont a {
        color: #7a7b7a;
    }
    .pagination-wrap .pagination-list li.pagination-cont a:hover {
        color: #D8B08C;
    }
    .pagination-wrap .pagination-list li.pagination-cont.prev {
        margin-right: 10px;
    }
    .pagination-wrap .pagination-list li.pagination-cont.next {
        margin-left: 10px;
    }
    .pagination-wrap .pagination-list li.pagination-ell {
        margin: 0 2px;
    }
    .pagination-wrap .pagination-list li.pagination-ell a,
    .pagination-wrap .pagination-list li.pagination-ell span {
        padding: 13px 0;
        display: block;
        width: 40px;
    }
}

@media (max-width: 1023px) {
    .btn.btn-border.btn-news {
        margin-left: inherit;
    }
}

@media (max-width: 767px) {
    .pagination-wrap {
        margin-bottom: 30px;
    }
    .pagination-wrap .pagination-list li {
        font-size: 14px;
        line-height: 1;
    }
    .pagination-wrap .pagination-list li.pagination-cont {
        padding: 10px 0;
    }
    .pagination-wrap .pagination-list li.pagination-cont.prev {
        margin-right: 10px;
    }
    .pagination-wrap .pagination-list li.pagination-cont.next {
        margin-left: 10px;
    }
    .pagination-wrap .pagination-list li.pagination-ell {
        margin: 0 2px;
    }
    .pagination-wrap .pagination-list li.pagination-ell a,
    .pagination-wrap .pagination-list li.pagination-ell span {
        padding: 10px 0;
        width: 34px;
    }
}

@media (max-width: 560px) {
    .pagination-wrap .pagination-list li {
        font-size: 14px;
        line-height: 1;
    }
    .pagination-wrap .pagination-list li.pagination-cont {
        display: none;
    }
}

.certificate-page-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #EFECE9;
    z-index: -1;
}

.certificate-page {
    max-width: 600px;
    height: 890px;
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
}

.certificate-page__header {
    padding: 36px 42px 34px;
    color: #ffffff;
    background-image: url(https://ugrateam.admhmao.ru/static/default/img/certificate-bg@4x.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.certificate-page__header .logo-img {
    display: block;
    width: 52px;
    height: auto;
    margin-bottom: 10px;
}

.certificate-page__header .prime {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}

.certificate-page__header .sub {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.certificate-page__body {
    position: relative;
    padding: 105px 0 40px;
}

.certificate-page__body .body-content {
    position: relative;
    padding: 0 100px 0 160px;
    z-index: 20;
}

.certificate-page__body .image-map {
    position: absolute;
    left: 0;
    top: 20px;
    width: 50%;
    height: auto;
    z-index: 10;
}

.certificate-page__body .body-content .header {
    padding: 0;
    color: #956D51;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 130px;
}

.certificate-page__body .body-content .name {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.certificate-page__body .body-content .text {
    position: relative;
    padding-top: 15px;
}

.certificate-page__body .body-content .text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 1px;
    background-color: #956D51;
}

.certificate-page__body .body-content .text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 14px;
}

.gov-signature {
    position: relative;
    padding-top: 34px;
    max-width: 300px;
}

.gov-signature .gov-signature__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.65;
    margin-bottom: 0;
}

.gov-signature .gov-signature__icon {
    position: absolute;
    bottom: -7px;
    right: -96px;
    width: 110px;
    height: auto;
}

.certificate-modal .modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #ffffff;
    font-size: 20px;
}

.certificate-page_update {
    max-width: 600px;
    height: 890px;
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
}

.certificate-page_update .certificate-page__body {
    position: relative;
    padding: 80px 0 70px;
}

.certificate-page_update .certificate-page__body .image-book {
    position: absolute;
    right: 45px;
    bottom: 30px;
    width: 140px;
    height: auto;
}

.certificate-page_update .certificate-page__body .body-content {
    position: relative;
    padding: 0 110px;
    z-index: 20;
}

.certificate-page_update .certificate-page__body .body-content .header {
    padding: 0;
    color: #956D51;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.certificate-page_update .certificate-page__body .body-content .sub-header {
    color: #956D51;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.certificate-page_update .certificate-page__body .promo-bl {
    margin: 0 auto 40px;
    width: 100%;
    max-width: 204px;
    padding: 15px;
    background-color: #E3D8D2;
}

.certificate-page_update .certificate-page__body .promo-bl .bl-name {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.certificate-page_update .certificate-page__body .promo-bl .num {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.certificate-page_update .certificate-page__body .body-content .text {
    position: relative;
    padding-top: 0px;
}

.certificate-page_update .certificate-page__body .body-content .text:before {
    content: none;
}

.certificate-page_update .certificate-page__body .body-content .text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 14px;
}

.certificate-page_update .certificate-page__body .body-content .text ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 14px;
}

.certificate-page_update .certificate-page__body .padd-foot {
    padding-top: 25px;
}

.certificate-page_update .certificate-page__body .body-content .padd-foot .sub-header {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px;
}

.certificate-modal .modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #ffffff;
    font-size: 20px;
}

.sert-view {
    max-width: 400px;
    margin: 0 auto 50px;
}

.sert-view .sert-view__name {
    color: #89684e;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}

.sert-view .sert-view__link {
    text-align: center;
}

.sert-view .sert-view__link a {
    font-size: 20px;
    color: #212426;
    text-decoration: underline;
}

.sert-view .sert-view__link a:hover {
    color: #89684e;
}

.sert-view .sert-view__cont {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 40px;
}

.sert-view .sert-view__cont .document-wrap {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sert-view .sert-view__cont .document-wrap .certificate-page,
.sert-view .sert-view__cont .document-wrap .certificate-page_update {
    width: 600px;
}


/*===== testing =====*/

.quest-card-wrap {
    display: table;
    width: 100%;
}

.quest-card {
    float: right;
    position: relative;
    width: 100%;
    max-width: 300px;
    padding: 45px 40px 50px;
    margin-right: 20px;
    border-radius: 4px;
    background-color: #ffffff;
}

.quest-card .quest-card__image {
    position: absolute;
    top: -90px;
    right: -45px;
    width: 190px;
    height: auto;
    z-index: 10;
}

.quest-card .quest-card__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.quest-card .quest-card__text {
    font-size: 18px;
    line-height: 1.5;
}

.quest-card .instruction-head {
    position: relative;
    margin-bottom: 30px;
}

.quest-card .instruction-head img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: auto;
    opacity: 0.6;
    z-index: 10;
}

.quest-card .instruction-head .prime {
    color: #e44934;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    z-index: 20;
}

.quest-card .instruction-head .sub {
    color: #757575;
    font-size: 16px;
    text-transform: uppercase;
    z-index: 20;
}

.quest-card .instruction-text {
    color: #757575;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
}

@media (max-width: 1199px) {
    .quest-card .quest-card__image {
        position: absolute;
        top: -75px;
        right: -20px;
        width: 160px;
        height: auto;
        z-index: 10;
    }
}

@media (max-width: 1023px) {
    .quest-card {
        float: left;
    }
}

@media (max-width: 767px) {
    .quest-card {
        max-width: 100%;
        padding: 40px 20px 40px;
    }
    .quest-card .quest-card__image {
        display: none;
    }
}

.testing-block {
    padding: 40px 0;
}

@media (max-width: 767px) {
    .testing-block {
        padding: 20px 0;
    }
}

.tes-card {
    padding: 55px 40px 40px;
    border-radius: 4px;
    background-color: #ffffff;
}

.tes-card .tes-card__name {
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 15px;
}

.tes-card .tes-card__text {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 35px;
}

.tes-card .tes-card__text ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

.tes-card .tes-card__text ul li {
    list-style: disc;
}

.tes-card .btn {
    display: block;
    min-width: inherit;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .tes-card {
        padding: 35px 20px 20px;
    }
    .tes-card .tes-card__name {
        font-size: 20px;
    }
    .tes-card .tes-card__text {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 30px;
    }
}

.testing-status {
    position: relative;
    padding-top: 40px;
    margin-bottom: 45px;
}

.testing-status .testing-status__line {
    position: absolute;
    left: 0;
    top: 19px;
    width: 100%;
    height: 2px;
    background-color: #D6DBE0;
}

.testing-status .h-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #527696;
}

.testing-status .testing-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.testing-status .testing-step .testing-step__ell {
    position: relative;
    max-width: 110px;
    padding-top: 10px;
}

.testing-status .testing-step .testing-step__ell .ell-dot {
    position: absolute;
    top: -21px;
    left: 50%;
    height: 2px;
    width: 44px;
    background-color: #EFECE9;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testing-status .testing-step .testing-step__ell .ell-dot .dot-cir {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 4px solid #c9d4dc;
    border-radius: 50%;
}

.testing-status .testing-step .testing-step__ell .date {
    font-size: 18px;
    color: rgb(192 205 215);
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
}

.testing-status .testing-step .testing-step__ell .descr {
    font-size: 13px;
    color: rgb(192 205 215);
    font-weight: 500;
    line-height: 1;
}

@media (max-width: 767px) {
    .testing-status {
        position: relative;
        padding-top: 0px;
        margin-bottom: 30px;
    }
    .testing-status .testing-status__line {
        display: none;
    }
    .testing-status .testing-step {
        display: block;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
    }
    .testing-status .testing-step .testing-step__ell {
        position: relative;
        width: 100%;
        max-width: inherit;
        padding-top: 0;
        padding-left: 40px;
        margin-bottom: 20px;
    }
    .testing-status .testing-step .testing-step__ell .ell-dot {
        position: absolute;
        top: 10px;
        left: 0;
        height: auto;
        width: auto;
        background-color: inherit;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    .testing-status .testing-step .testing-step__ell .ell-dot .dot-cir {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }
    .testing-status .testing-step .testing-step__ell .date {
        margin-bottom: 5px;
    }
}

.testing-status .testing-step .testing-step__ell.active .ell-dot .dot-cir {
    border: 4px solid #00A0E3;
}

.testing-status .testing-step .testing-step__ell.active .date {
    color: #E44934;
}

.testing-status .testing-step .testing-step__ell.active .descr {
    color: #212426;
}

.testing-status .testing-step .testing-step__ell.finished .ell-dot .dot-cir {
    border: 4px solid #527696;
}

.testing-status .testing-step .testing-step__ell.finished .date {
    color: #527696;
}

.testing-status .testing-step .testing-step__ell.finished .descr {
    color: #527696;
}

.faild-wrap {
    position: relative;
    margin-bottom: 30px;
}

.faild-wrap .input__st {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
}

.faild-wrap .input__st:focus {
    background-color: #ffffff;
    border: 1px solid #F4F6FA;
    outline: none;
}

.faild-wrap .area__st {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
}

.faild-wrap .area__st:focus {
    background-color: #ffffff;
    border: 1px solid #F4F6FA;
    outline: none;
}

@media (max-width: 767px) {
    .faild-wrap .input__st {
        width: 100%;
        padding: 20px 18px;
        font-size: 14px;
    }
    .faild-wrap .area__st {
        width: 100%;
        padding: 20px 18px;
        font-size: 14px;
    }
}

.testing-quest-bl {
    border-radius: 4px;
    background-color: #ffffff;
}

.testing-quest-bl .testing-quest-bl__head {
    display: table;
    width: 100%;
    padding: 24px 40px;
    font-size: 14px;
    color: rgb(117, 117, 117);
    border-bottom: 1px solid #EFECE9;
}

.testing-quest-bl .testing-quest-bl__head .head-left {
    float: left;
}

.testing-quest-bl .testing-quest-bl__head .head-left .time {
    color: #00A0E3;
    font-size: 18px;
    font-weight: 700;
}

.testing-quest-bl .testing-quest-bl__head .head-right {
    float: right;
}

.testing-quest-bl .testing-quest-bl__body {
    padding: 40px;
}

.testing-quest-bl .testing-quest-bl__body .text {
    font-size: 18px;
    margin-bottom: 30px;
}

.testing-quest-bl .testing-quest-bl__body .variant {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 45px;
}

.testing-quest-bl .testing-quest-bl__body img {
    display: block;
    border-radius: 4px;
    border: 1px solid #EFECE9;
    max-width: 100%;
    margin: 0 auto 30px;
}

.testing-quest-bl .testing-quest-bl__body .btn {
    display: block;
    margin: 0 auto 20px;
}

@media (max-width: 767px) {
    .testing-quest-bl .testing-quest-bl__head {
        padding: 24px 20px;
        font-size: 14px;
    }
    .testing-quest-bl .testing-quest-bl__head .head-left .time {
        font-size: 16px;
    }
    .testing-quest-bl .testing-quest-bl__body {
        padding: 20px;
    }
    .testing-quest-bl .testing-quest-bl__body .text {
        font-size: 16px;
    }
    .testing-quest-bl .testing-quest-bl__body .variant {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

.radio-btn-wrap {
    margin-bottom: 30px;
}

.testing-quest-bl .radio-btn-wrap .faild-wrap {
    margin-bottom: 0;
}

.radio-btn-wrap .ac-radio {
    margin-bottom: 0;
}

.radio-btn-wrap .ac-radio label {
    position: relative;
    padding: 15px 15px 15px 60px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    background-color: #D6DBE0;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.radio-btn-wrap .ac-radio .radio__field {
    display: none;
}

.radio-btn-wrap .ac-radio label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #EFECE9;
    background-color: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.radio-btn-wrap .ac-radio label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 26px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #00A0E3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.radio-btn-wrap .ac-radio input[type="radio"]:checked+label {
    background-color: #779fc1;
    color: #ffffff;
}

.radio-btn-wrap .ac-radio input[type="radio"]:checked+label:after {
    visibility: visible;
    opacity: 1;
}

.checkbox-btn-wrap {
    margin-bottom: 30px;
}

.checkbox-btn-wrap.mr-fix-md {
    margin-top: 31px;
}

@media (max-width: 1023px) {
    .checkbox-btn-wrap.mr-fix-md {
        margin-top: 0;
    }
}

.testing-quest-bl .checkbox-btn-wrap .faild-wrap {
    margin-bottom: 0;
}

.checkbox-btn-wrap .ac-checkbox .checkbox__field {
    display: none;
}

.checkbox-btn-wrap .ac-checkbox label {
    position: relative;
    padding: 15px 15px 15px 60px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    background-color: #F4F6FA;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.advertiser-block .advertiser-content .ac-checkbox label {
    padding: 21px 15px 21px 60px;
}

.checkbox-btn-wrap .ac-checkbox label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #EFECE9;
    background-color: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.checkbox-btn-wrap .ac-checkbox label .check-icon {
    position: absolute;
    top: 50%;
    left: 28px;
    color: #ffffff;
    font-weight: normal;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    font-size: 12px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.checkbox-btn-wrap .ac-checkbox input[type="checkbox"]:checked+label {
    background-color: #d3e2ff;
    color: #527696;
}

.checkbox-btn-wrap .ac-checkbox input[type="checkbox"]:checked+label:before {
    background-color: #527696;
}

.checkbox-btn-wrap .ac-checkbox input[type="checkbox"]:checked+label .check-icon {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 767px) {
    .checkbox-btn-wrap .ac-checkbox label {
        padding: 15px 15px 15px 50px;
        font-size: 14px;
    }
    .checkbox-btn-wrap .ac-checkbox label:before {
        left: 10px;
    }
    .checkbox-btn-wrap .ac-checkbox label .check-icon {
        left: 16px;
    }
}

.result-card {
    padding: 24px 20px 24px;
    font-size: 24px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    font-style: italic;
    text-align: center;
    border-radius: 4px;
    background-color: #FAF9F8;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .result-card {
        padding: 24px 20px 24px;
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.result-tabs-wrap {
    border-radius: 4px;
    background-color: #ffffff;
}

.testing-block .tabs-nav {
    display: table;
    width: 100%;
}

.testing-block .tabs-nav li {
    float: left;
    width: 33.333%;
}

.testing-block .tabs-nav li a {
    position: relative;
    display: block;
    height: 60px;
    padding: 22px 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #986B4D;
}

.testing-block .tabs-nav li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 30px;
    background-color: #CCC8C8;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testing-block .tabs-nav li:first-child a:after {
    content: none;
}

.testing-block .tabs-nav li a:hover {
    background-color: #986B4D;
}

.testing-block .tabs-nav li.active a {
    background-color: #ffffff;
    color: #212426;
    cursor: default;
}

.testing-block .tabs-nav li.active a:after {
    display: none;
}

.testing-block .tabs-nav li.active a:hover {
    color: #212426;
    background-color: #ffffff;
}

.testing-block .tabs-nav li.active+li a:after {
    display: none;
}

.testing-block .blok-content {
    padding: 40px 58px;
}

@media (max-width: 767px) {
    .testing-block .tabs-nav-wrap {
        overflow: auto;
        width: 100%;
    }
    .testing-block .tabs-nav {
        display: table;
        width: 100%;
        min-width: 100%;
        border-bottom: none;
    }
    .testing-block .tabs-nav li {
        float: none;
        width: 100%;
    }
}

.result-content {
    padding: 0 40px 30px;
}

.result-content p {
    font-size: 16px;
    margin-bottom: 15px;
}

.result-content p.bold {
    font-weight: 700;
}

.result-content .hr-line {
    padding-top: 15px;
    border-bottom: 1px solid #E3D5C8;
    margin-bottom: 20px;
}

.result-content .card-head {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.333;
    padding: 45px 0 10px;
    border-bottom: 6px solid #E3D5C8;
    margin-bottom: 25px;
}

.result-content ol {
    padding-left: 20px;
}

.result-content ol li {
    padding-left: 10px;
    list-style: decimal;
    margin-bottom: 25px;
}

.result-content ol li p {
    margin-bottom: 0;
}

.result-content ol li p.text-upper {
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .result-content {
        padding: 0 20px 30px;
    }
    .result-content p {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .result-content .card-head {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .result-content ol {
        padding-left: 20px;
    }
    .result-content ol li {
        padding-left: 5px;
        margin-bottom: 20px;
    }
}

.sl-result {
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
}

.sl-result .sl-result__line {
    position: absolute;
    left: 0;
    top: 34px;
    width: 100%;
    height: 4px;
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
}

.sl-result .sl-result__line .sl-drop {
    position: absolute;
    top: -60px;
    width: 32px;
    height: 40px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/oill.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 20;
}

.sl-result .sl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sl-result .sl-dots .dot-ell {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #ffffff;
}

.sl-result .sl-dots .dot-ell .dot-val {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #00aeef;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sl-result .sl-dots .dot-ell:nth-child(1) .dot-val {
    background-color: #00c9603d!important;
}

.sl-result .sl-dots .dot-ell:nth-child(2) .dot-val {
    background-color: #00c18b75!important;
}

.sl-result .sl-dots .dot-ell:nth-child(3) .dot-val {
    background-color: #00aeef78!important;
}

.sl-result .sl-dots .dot-ell:nth-child(4) .dot-val {
    color: #ffffff;
    background-color: #00aeef!important;
}

.sl-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.sl-name .name-ell {
    font-size: 14px;
    color: rgb(152, 107, 77);
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .sl-result {
        position: relative;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .sl-result .sl-result__line {
        position: absolute;
        left: 0;
        top: 34px;
        width: 100%;
        height: 4px;
        background: -webkit-gradient(linear, left top, right top, from(#EFECE9), to(#986B4D));
        background: -webkit-linear-gradient(left, #EFECE9, #986B4D);
        background: -o-linear-gradient(left, #EFECE9, #986B4D);
        background: linear-gradient(to right, #EFECE9, #986B4D);
    }
    .sl-result .sl-result__line .sl-drop {
        position: absolute;
        top: -60px;
        width: 32px;
        height: 40px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        line-height: 34px;
        background-image: url("https://ugrateam.admhmao.ru/static/default/img/oill.svg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .sl-result .sl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .sl-result .sl-dots .dot-ell {
        position: relative;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #ffffff;
    }
    .sl-result .sl-dots .dot-ell .dot-val {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        color: #986b4d;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        line-height: 28px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .sl-result .sl-dots .dot-ell:nth-child(2) {
        display: none;
    }
    .sl-result .sl-dots .dot-ell:nth-child(3) {
        display: none;
    }
    .sl-name {
        display: none;
    }
}

.chat-container {
    width: 100%;
    overflow: auto;
    margin-bottom: 30px;
}

.chat-container .chat-container-scr {
    min-width: 660px;
    min-height: 340px;
}

.chat-container canvas {
    width: 100%;
    height: 100%;
}

#chartResult {
    min-width: 670px;
    min-height: 340px;
}

.individ-result {
    margin-bottom: 20px;
}

.individ-result .individ-result__ell {
    position: relative;
    width: 100%;
    height: 16px;
}

.individ-result .individ-result__ell .ell-val {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.individ-result .individ-result__ell .bg-red {
    background-color: #E44934;
}

.individ-result .individ-result__ell .bg-brown {
    background-color: #D8B08C;
}

.individ-result .individ-result__ell .val,
.individ-result .individ-result__sc .val {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.individ-result .individ-result__sc .val {
    color: #757575;
}

.individ-result .individ-result__sc {
    position: relative;
    width: 100%;
    height: 16px;
    background-color: #EFECE9;
}

.chat-block-ell {
    padding-top: 40px;
    margin-bottom: 30px;
}

.chat-block-ell .col-brown {
    background-color: #D8B08C;
}

.chat-block-ell .col-grey {
    background-color: #E3D5C8;
}

.chat-block-ell .chat-block-bar {
    position: relative;
    margin: 0 auto 25px;
    width: 140px;
    height: 140px;
}

.chat-block-ell .chat-block-bar .chat-block-bar__ell {
    position: absolute;
    bottom: 0;
    width: 50%;
    float: left;
}

.chat-block-ell .chat-block-bar .chat-block-bar__ell:nth-child(1) {
    left: 0;
}

.chat-block-ell .chat-block-bar .chat-block-bar__ell:nth-child(2) {
    left: 50%;
}

.chat-block-ell .chat-block-bar .chat-block-bar__ell .num {
    position: absolute;
    left: 50%;
    top: -30px;
    color: #986b4d;
    font-size: 16px;
    font-weight: 700;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.chat-block-ell .chat-block-bar__descr .descr-ell {
    position: relative;
    padding-left: 45px;
    margin-bottom: 16px;
    font-size: 16px;
}

.chat-block-ell .chat-block-bar__descr .descr-ell .box {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

.fix-pad-side {
    width: 100%;
    max-width: 265px;
    float: right;
}

#request-state-program input,
#request-state-program select {
    background: #fff;
}

#request-state-program .help-block {
    padding-left:0;
}

#request-state-program .required label:after {
    content: ' * ';
    color:red;
}

#request-state-program .send-request {
    background: #00C960;
    color:#ebebeb;
}

#request-state-program .send-request:hover {
    color:#fff;
}

#request-state-program .has-error label {
    color:#333;
}

@media (max-width: 1023px) {
    .fix-pad-side {
        width: 100%;
        max-width: 100%;
        float: none;
    }
}

.card-anc-fin {
    border-radius: 4px;
    padding: 55px 40px 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 80px;
    background: #779fc1;
}

.card-anc-fin p.text {
    font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 1.3;
    margin-bottom: 10px;
}

.card-anc-fin p.date {
    font-size: 30px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .card-anc-fin {
        padding: 50px 20px 40px;
        margin-bottom: 40px;
    }
    .card-anc-fin p.text {
        font-size: 16px;
    }
    .card-anc-fin p.date {
        font-size: 22px;
    }
}

.advertiser-block {
    margin-top: 50px;
    background-color: #ffffff;
    border-radius: 4px;
}

.advertiser-block .block-head {
    position: relative;
    padding: 40px 130px 30px 40px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}

.advertiser-block .block-head .step-num {
    position: absolute;
    right: 40px;
    top: 40px;
    font-size: 14px;
    color: #779fc1;
}

@media (max-width: 767px) {
    .advertiser-block {
        margin-top: 40px;
    }
    .advertiser-block .block-head {
        padding: 40px 80px 30px 20px;
        font-size: 21px;
    }
    .advertiser-block .block-head .step-num {
        right: 20px;
        top: 40px;
        font-size: 14px;
    }
}

.advertiser-status {
    position: relative;
    padding-top: 40px;
    margin-bottom: 45px;
}

.advertiser-status .status-line {
    position: absolute;
    left: 0;
    top: 19px;
    width: 100%;
    height: 2px;
    background-color: #779fc1;
}

.advertiser-status .h-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #D8B08C;
}

.advertiser-status .testing-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px;
}

.advertiser-status .testing-step .testing-step__ell {
    position: relative;
    max-width: 170px;
    padding-top: 0px;
    text-align: center;
}

.advertiser-status .testing-step .testing-step__ell .ell-dot {
    position: absolute;
    top: -21px;
    left: 50%;
    height: 2px;
    width: 44px;
    background-color: #ffffff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.advertiser-status .testing-step .testing-step__ell .ell-dot .dot-cir {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 4px solid #779fc1;
    border-radius: 50%;
}

.advertiser-status .testing-step .testing-step__ell .descr {
    font-size: 16px;
    color: #779fc1;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1;
}

@media (max-width: 767px) {
    .advertiser-status {
        position: relative;
        padding-top: 0px;
        margin-bottom: 30px;
    }
    .advertiser-status .status-line {
        display: none;
    }
    .advertiser-status .testing-step {
        display: block;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .advertiser-status .testing-step .testing-step__ell {
        position: relative;
        width: 100%;
        max-width: inherit;
        padding-top: 0;
        padding-left: 30px;
        margin-bottom: 16px;
    }
    .advertiser-status .testing-step .testing-step__ell .ell-dot {
        position: absolute;
        top: -4px;
        left: 0;
        height: auto;
        width: auto;
        background-color: inherit;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    .advertiser-status .testing-step .testing-step__ell .ell-dot .dot-cir {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }
    .advertiser-status .testing-step .testing-step__ell .descr {
        font-size: 14px;
        text-align: left;
    }
}

.advertiser-status .testing-step .testing-step__ell.active .ell-dot .dot-cir {
    border: 4px solid #527696;
}

.advertiser-status .testing-step .testing-step__ell.active .descr {
    color: #527696;
}

.advertiser-status .testing-step .testing-step__ell.finished .ell-dot .dot-cir {
    border: 4px solid #D8B08C;
}

.advertiser-status .testing-step .testing-step__ell.finished .descr {
    color: #D8B08C;
}

.advertiser-block .advertiser-content {
    padding: 10px 40px 0px;
}

.advertiser-block .advertiser-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.advertiser-block .advertiser-content .row:before,
.advertiser-block .advertiser-content .row:after {
    content: none;
}

.advertiser-block .advertiser-control {
    border-top: 1px solid #F4F4F4;
    padding: 20px 40px 20px;
}

.advertiser-block .advertiser-control .loader {
    text-align: center;
}

.advertiser-block .advertiser-control .loader img {
    width: 100px;
    height: auto;
}

@media (max-width: 767px) {
    .advertiser-block .advertiser-content {
        padding: 10px 20px 0px;
    }
    .advertiser-block .advertiser-control {
        border-top: 1px solid #F4F4F4;
        padding: 20px 20px 20px;
    }
    .advertiser-block .advertiser-control .loader img {
        width: 68px;
        height: auto;
    }
}

.advertiser-control {
    display: table;
    width: 100%;
}

.advertiser-control .btn-sub {
    float: right;
    max-width: 234px;
    margin-left: 20px;
}

.advertiser-control .btn-prime {
    float: right;
    max-width: 234px;
    margin-left: 20px;
}

.advertiser-control .btn-forward {
    float: left;
    position: relative;
    padding: 21px 0;
    padding-left: 45px;
    font-size: 16px;
    color: #779fc1;
    font-weight: 700;
    line-height: 1;
}

.site-about ul {
    padding-left: 20px;
}

.advertiser-control .btn-forward svg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .advertiser-control .btn-sub {
        float: none;
        max-width: 100%;
        margin-left: 0px;
    }
    .advertiser-control .btn-prime {
        float: none;
        max-width: 100%;
        margin-left: 0px;
    }
    .advertiser-control .btn-forward {
        float: none;
        display: block;
        margin-bottom: 20px;
    }
}

.advertiser-block .con-head {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .advertiser-block .con-head {
        font-size: 14px;
    }
}

.advertiser-block .hr-line {
    margin: 10px 0 20px;
    width: 100%;
    height: 1px;
    background-color: #F4F4F4;
}

.quality-block .quality-block__head {
    margin-bottom: 20px;
}

.quality-block .quality-block__head .name {
    font-size: 16px;
    color: #779fc1;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
}

.quality-block .quality-block__head .head-ell {
    position: relative;
    padding-left: 42px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 16px;
}

.quality-block .quality-block__head .head-ell .num {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
    border-radius: 4px;
    background-color: #527696;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.quality-block .quality-block__head .descr {
    font-size: 14px;
    color: rgb(152, 152, 152);
    line-height: 1.429;
}

.quality-block__body .quality-ell {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 16px;
    padding-right: 190px;
}

.quality-block__body .quality-ell .quality-ell__descr {
    position: relative;
    width: 100%;
    background-color: #F8F8F8;
    padding: 20px;
    padding-right: 56px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: normal;
    color: #779fc1;
    text-transform: uppercase;
}

.quality-block__body .quality-ell .quality-ell__descr .info {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    background-color: #779fc1;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.quality-block__body .quality-ell .quality-ell__descr .info:hover {
    background-color: #527696;
}

.quality-block__body .quality-ell .quality-ell__val {
    position: absolute;
    right: 0;
    top: 50%;
    width: 182px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #779fc1;
    border-radius: 4px;
    display: flex;
}

.quality-block__body .quality-ell .quality-ell__val .val-ell {
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #779fc1;
    font-size: 18px;
    text-align: center;
    line-height: 58px;
}

.quality-block__body .quality-ell .quality-ell__val .val-ell .radio__ell {
    display: none;
}

.quality-block__body .quality-ell .quality-ell__val .val-ell label {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.quality-block__body .quality-ell .quality-ell__val .val-ell input[type="radio"]:checked+label {
    color: #ffffff;
    background-color: #779fc1;
}

.usetwentyfour li.collapse {
    display: none;
}

.usetwentyfour li.picker-switch {
    display: none !important;
}

.usetwentyfour li.collapse:last-child {
    display: block;
}

.lable-info {
    font-size: 16px;
    font-weight: normal;
    color: rgb(216, 176, 140);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.lable-info .info {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    background-color: #E8D4C2;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.lable-info .info:hover {
    background-color: #98694c;
}

@media (max-width: 767px) {
    .quality-block__body .quality-ell {
        margin-bottom: 15px;
        padding-right: 0px;
    }
    .quality-block__body .quality-ell .quality-ell__descr {
        padding: 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .quality-block__body .quality-ell .quality-ell__descr .info {
        display: none;
    }
    .quality-block__body .quality-ell .quality-ell__val {
        display: table;
        position: static;
        right: auto;
        top: auto;
        width: 100%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        border: 1px solid #D8B08C;
        border-radius: 4px;
    }
    .quality-block__body .quality-ell .quality-ell__val .val-ell {
        float: left;
        width: 33.333%;
        height: 40px;
        font-size: 16px;
        line-height: 38px;
    }
}

.document-block {
    position: relative;
    padding-top: 40px;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    opacity: 0;
}

.document-block .document-scroll {
    max-height: 880px;
}

.document-block .document-scroll .document-wrap {
    position: relative;
    margin: 0 auto;
}

.document-block .document-scroll .document-wrap .document-list {
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.document-block .document-scroll .document-wrap .document-list .document-ell {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    margin: 5px 50px 35px;
}

.document-block .document-scroll .document-wrap .document-list .document-ell>img {
    width: 100%;
    height: auto;
}

.document-block .control-panel {
    position: absolute;
    display: table;
    bottom: 30px;
    left: 50%;
    width: 306px;
    background-color: rgba(32, 32, 32, 0.75);
    border-radius: 5px;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.document-block .control-panel .info-block {
    float: left;
    width: 60%;
    padding: 12px 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    line-height: 20px;
    text-align: center;
}

.document-block .control-panel .info-block span {
    display: inline-block;
    min-width: 30px;
}

.document-block .control-panel .control-block {
    float: left;
    width: 40%;
    padding: 12px 5px;
    line-height: 20px;
    font-size: 30px;
}

.document-block .control-panel .control-block .zoom-in {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/zoom-plus.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.document-block .control-panel .control-block .btn-zoom {
    vertical-align: top;
    padding: 0 8px;
    cursor: pointer;
}

.document-block .control-panel .control-block .btn-zoom.static {
    opacity: 0.5;
    cursor: default;
}

.document-block .btn-resize {
    position: absolute;
    top: 40px;
    right: -70px;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/fullscreen-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
}

.tooltip-wrap {
    position: relative;
}

.tooltip {
    width: 420px;
}

.tooltip .tooltip-inner {
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1)
}

@media (max-width: 767px) {
    .tooltip {
        left: auto !important;
        right: 0px !important;
        width: 260px;
    }
    .tooltip .tooltip-arrow {
        left: auto !important;
        right: 25px !important;
    }
}

.vote-block {
    padding-top: 50px;
    margin-bottom: 40px;
}

.vote-block .vote-block__head {
    display: table;
    width: 100%;
    margin-bottom: 46px;
}

.vote-block .vote-name {
    float: left;
    font-size: 24px;
    color: #986B4D;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 58px;
    margin-bottom: 0;
}

.vote-sort-wrap {
    float: right;
    display: table;
}

.vote-sort-wrap .sort-feild-seach {
    float: left;
    width: 340px;
    margin-right: 60px;
    padding: 17px 20px;
    border: 1px solid #986B4D;
    border-radius: 4px;
    background-color: inherit;
}

.vote-sort-wrap .sort-feild-seach:focus {
    outline: none;
    background-color: #ffffff;
}

.vote-block .vote-sort {
    float: left;
    border: 1px solid #986B4D;
    border-radius: 4px;
    overflow: hidden;
}

.vote-block .vote-sort li {
    float: left;
}

.vote-block .vote-sort .sort-btn {
    display: block;
    width: 180px;
    padding: 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    background-color: #986B4D;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
}

.vote-block .vote-sort .sort-btn:hover {
    background-color: #825B42
}

.vote-block .vote-sort .sort-btn.active {
    background-color: inherit;
    color: #986B4D;
}

@media (max-width: 1199px) {
    .vote-sort-wrap .sort-feild-seach {
        width: 300px;
        margin-right: 20px;
    }
}

@media (max-width: 992px) {
    .vote-sort-wrap {
        float: none;
        width: 100%;
    }
    .vote-sort-wrap .sort-feild-seach {
        width: 340px;
    }
}

@media (max-width: 767px) {
    .vote-sort-wrap .sort-feild-seach {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 12px 14px;
    }
    .vote-block {
        padding-top: 40px;
        margin-bottom: 40px;
    }
    .vote-block .vote-block__head {
        margin-bottom: 40px;
    }
    .vote-block .vote-name {
        float: none;
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .vote-block .vote-sort {
        float: none;
    }
    .vote-block .vote-sort li {
        float: left;
        width: 50%;
    }
    .vote-block .vote-sort .sort-btn {
        display: block;
        width: 100%;
        padding: 14px;
    }
}

.vote-card {
    position: relative;
    padding: 40px 38px 30px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.004);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.004);
    margin-bottom: 20px;
}

.vote-card .card-head {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
}

.vote-card .card-head .card-name {
    float: left;
    font-size: 21px;
    font-weight: 700;
    line-height: 42px;
}

.vote-card .card-head .card-raiting {
    float: right;
    font-size: 16px;
    color: rgb(149, 139, 139);
    line-height: 40px;
}

.vote-card .card-head .card-raiting .num {
    color: #986b4d;
    font-size: 24px;
    font-weight: 700;
}

.vote-card .card-body .post {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 25px;
}

.vote-card .card-body .card-bnt {
    display: block;
    width: 100%;
    height: 58px;
    padding: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.vote-card .card-body .card-bnt.btn-video {
    color: #958B8B;
    border: 1px solid #958B8B;
}

.vote-card .card-body .card-bnt.btn-video img {
    width: 18px;
    height: 22px;
    margin-top: -4px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.vote-card .card-body .card-bnt.btn-vote {
    color: #ffffff;
    border: 1px solid #E44934;
    background-color: #E44934;
}

.vote-card .card-body .card-bnt.btn-vote:focus {
    outline: none;
}

.vote-card .card-body .card-bnt.btn-vote:hover {
    border: 1px solid #B53229;
    background-color: #B53229;
}

.vote-card .card-body .card-bnt.btn-vote[disabled] {
    border: 1px solid #CFCFCF;
    background-color: #CFCFCF;
    cursor: default;
}

@media (max-width: 767px) {
    .vote-card {
        padding: 30px 20px 20px;
    }
    .vote-card .card-head .card-name {
        float: none;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 5px;
    }
    .vote-card .card-head .card-raiting {
        float: none;
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    .vote-card .card-head .card-raiting .num {
        font-size: 20px;
    }
    .vote-card .card-body .card-bnt {
        display: block;
        height: 50px;
        padding: 16px;
        font-size: 14px;
    }
    .vote-card .card-body .card-bnt.btn-video img {
        width: auto;
        height: 18px;
        margin-top: -2px;
        margin-right: 5px;
    }
}

.modal.fade .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal .modal-dialog {
    margin: 0;
}

@media (max-width: 767px) {
    .modal.fade .modal-dialog {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.modal-SocAuth .modal-dialog {
    width: 100%;
    max-width: 760px;
}

.modal-SocAuth .modal-content {
    overflow: hidden;
    border-radius: 4px;
}

.modal-SocAuth .modal-header {
    position: relative;
    padding: 40px 60px;
    background-color: #EFECE9;
}

.modal-SocAuth .modal-header .modal-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}

.modal-SocAuth .modal-header .close {
    position: absolute;
    right: 60px;
    top: 50%;
    margin: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999999;
    font-size: 16px;
    opacity: 1;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.modal-SocAuth .modal-header .close:hover {
    margin: 0;
    padding: 0;
    opacity: 1;
    color: #212121;
}

.modal-SocAuth .modal-body {
    padding: 40px 60px 60px;
}

.modal-SocAuth .modal-body p {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.333;
    margin-bottom: 46px;
}

.modal-SocAuth .modal-body p.sm-text {
    font-size: 18px;
    font-weight: normal;
}

.modal-SocAuth .modal-body p.voit-ch {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.333;
    margin-bottom: 0px;
    padding: 15px 0;
    padding-left: 100px;
}

.modal-SocAuth .modal-body p.auth-des {
    margin-top: 15px;
    margin-bottom: 0;
    color: #E44934;
    font-size: 18px;
    text-align: center;
}

.modal-SocAuth .modal-body p.voit-ch img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 60px;
    height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .modal-SocAuth .modal-dialog {
        width: 100%;
        max-width: 100%;
        height: 100%;
        background-color: #ffffff;
        border-radius: 0px;
    }
    .modal-SocAuth .modal-content {
        border-radius: 0px;
    }
    .modal-SocAuth .modal-header {
        position: relative;
        padding: 30px 20px;
    }
    .modal-SocAuth .modal-header .modal-title {
        font-size: 24px;
    }
    .modal-SocAuth .modal-header .close {
        position: absolute;
        right: 20px;
        font-size: 16px;
    }
    .modal-SocAuth .modal-body {
        padding: 30px 20px 40px;
    }
    .modal-SocAuth .modal-body p {
        font-size: 18px;
        margin-bottom: 36px;
    }
    .modal-SocAuth .modal-body p.voit-ch {
        position: relative;
        font-size: 18px;
        margin-bottom: 0px;
        padding: 10px 0;
        padding-left: 60px;
    }
    .modal-SocAuth .modal-body p.auth-des {
        font-size: 16px;
    }
    .modal-SocAuth .modal-body p.voit-ch img {
        width: 40px;
    }
}

.modal-SocAuth .soc-list {
    text-align: center;
    width: 100%;
}

.modal-SocAuth .soc-list li {
    display: inline-block;
    margin-right: 60px;
}

.modal-SocAuth .soc-list li:last-child {
    margin-right: 0px;
}

.modal-SocAuth .soc-list li a.soc-link {
    position: relative;
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
}

.modal-SocAuth .soc-list li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal-SocAuth .soc-list li a.soc-link.soc-face {
    background-color: #3B5998;
}

.modal-SocAuth .soc-list li a.soc-link.soc-odk {
    background-color: #EE8208;
}

.modal-SocAuth .soc-list li a.soc-link.soc-vk {
    background-color: #4D7198;
}

.modal-SocAuth .soc-list li a.soc-link.soc-face:hover {
    background-color: #2A3E6B;
}

.modal-SocAuth .soc-list li a.soc-link.soc-odk:hover {
    background-color: #BE6807;
}

.modal-SocAuth .soc-list li a.soc-link.soc-vk:hover {
    background-color: #3F5D7D;
}

@media (max-width: 767px) {
    .modal-SocAuth .soc-list li {
        margin-right: 24px;
    }
}

.modal-mVideo .modal-dialog {
    width: 100%;
    max-width: 1150px;
    margin: 0;
}

.modal-mVideo .modal-content {
    background-color: initial;
}

.modal-mVideo .modal-content .close {
    position: absolute;
    top: -40px;
    right: -40px;
    color: #ffffff;
    font-size: 20px;
    opacity: 1;
    text-shadow: none;
    z-index: 50;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.modal-mVideo .modal-content .close:hover {
    margin: 0;
    padding: 0;
    opacity: .7;
}

.modal-mVideo .modal-content video {
    width: 100%;
    height: auto;
    vertical-align: text-top;
}

.video-youtube {
    width: 100%;
    height: 647px;
    max-height: 70vh;
    vertical-align: text-bottom;
}

@media (max-width: 1199px) {
    .modal-mVideo .modal-dialog {
        max-width: 940px;
        margin: 0;
    }
    .modal-mVideo .modal-content .close {
        right: 0px;
    }
    .video-youtube {
        height: 529px;
        max-height: 80vh;
    }
}

@media (max-width: 992px) {
    .modal-mVideo .modal-dialog {
        max-width: 740px;
        margin: 0;
    }
    .video-youtube {
        height: 416px;
    }
}

@media (max-width: 767px) {
    .modal-mVideo .modal-content .close {
        right: 10px;
        top: -25px;
        font-size: 16px;
    }
    .video-youtube {
        height: 380px;
    }
}

@media (max-width: 425px) {
    .video-youtube {
        height: 240px;
    }
}

@media (max-width: 375px) {
    .video-youtube {
        height: 210px;
    }
}

@media (max-width: 320px) {
    .video-youtube {
        height: 180px;
    }
}

.table-wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 50px;
}

table.tb-cont {
    background-color: #ffffff;
}

table.tb-cont tr th,
table.tb-cont tr td {
    padding: 20px 16px;
    color: #212426;
    font-size: 16px;
    border: 1px solid #EFECE9;
}

table.tb-cont tr th {
    text-transform: uppercase;
}

table.tb-cont tr th:first-child,
table.tb-cont tr td:first-child {
    text-align: center;
}

table.tb-cont tbody tr:nth-child(odd) {
    background-color: #F8F8F8;
}

table.tb-brown thead {
    background-color: #D8B08C;
}

table.tb-brown thead tr th {
    color: #ffffff;
    vertical-align: middle;
    border: 1px solid #D8B08C;
}

.project_protection h1.section-title {
    margin-bottom: 30px;
}

.project_protection h3.section-br-title {
    font-size: 24px;
    color: rgb(152, 107, 77);
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 20px;
}

.project_protection h4.section-sub-title {
    margin-bottom: 14px;
    font-size: 21px;
}

.project_protection p {
    margin-bottom: 34px;
}

.project_protection table {
    min-width: 680px;
}

.project_protection table.tb-cont tr th:nth-child(2) {
    width: 210px;
}

@media (max-width: 767px) {
    .project_protection h3.section-br-title {
        font-size: 18px;
    }
    .project_protection h4.section-sub-title {
        font-size: 18px;
    }
}

.info-card {
    padding: 36px 30px 16px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 40px;
}

.info-card .info-card__title {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 24px;
}

.info-card .info-card__text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.info-card .card-name {
    font-size: 18px;
    color: rgb(216, 176, 140);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 25px;
}

.info-card ul {
    margin: 0;
    padding: 0;
}

.info-card ul li {
    position: relative;
    list-style: none;
    padding-left: 50px;
    margin-bottom: 20px;
}

.info-card ul li i {
    position: absolute;
    left: 0;
    top: 0;
    color: #E44934;
}

.info-card p {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .info-card {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    .info-card .card-name {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .info-card ul {
        margin: 0;
        padding: 0;
    }
    .info-card ul li {
        padding-left: 30px;
        margin-bottom: 16px;
    }
}


/* sl-result */

.sl-result-wrap {
    padding: 0 13px;
}

.sl-result {
    position: relative;
    margin-top: 50px;
    margin-bottom: 35px;
}

.sl-result .sl-result__line {
    position: absolute;
    left: 0;
    top: 26px;
    width: 100%;
    height: 4px;
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
}

.sl-result .sl-result__line .sl-drop {
    position: absolute;
    top: -60px;
    width: 32px;
    height: 40px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
}

.sl-result .sl-result__line .sl-drop.sl-drop-red {
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/oill-red.svg");
}

.sl-result .sl-result__line .sl-drop.sl-drop-brown {
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/oill-brown.svg");
}

.sl-result .sl-dots {
    position: relative;
    height: 56px;
}

.sl-result .sl-dots .dot-ell {
    position: absolute;
    top: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sl-result .sl-dots .dot-ell:nth-child(1) {
    left: 0;
}

.sl-result .sl-dots .dot-ell:nth-child(2) {
    left: 30%;
}

.sl-result .sl-dots .dot-ell:nth-child(3) {
    left: 70%;
}

.sl-result .sl-dots .dot-ell:nth-child(4) {
    left: 100%;
}

.sl-result .sl-dots .dot-ell .dot-val {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #00aeef;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sl-result .sl-dots .dot-ell:nth-child(1) .dot-val {
    background-color: #EFECE9;
}

.sl-result .sl-dots .dot-ell:nth-child(2) .dot-val {
    background-color: #E3D5C8;
}

.sl-result .sl-dots .dot-ell:nth-child(3) .dot-val {
    background-color: #D8B08C;
}

.sl-result .sl-dots .dot-ell:nth-child(4) .dot-val {
    color: #ffffff;
    background-color: #986B4D;
}

.sl-name {
    display: table;
    width: 100%;
    margin-top: -10px;
}

.sl-name .name-ell {
    float: left;
    padding: 0 28px;
    font-size: 14px;
    color: #00aeef;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.sl-name .name-ell .dr-sub {
    color: #989898;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
}

.sl-name .name-ell:nth-child(1) {
    width: 30%;
}

.sl-name .name-ell:nth-child(2) {
    width: 40%;
}

.sl-name .name-ell:nth-child(3) {
    width: 30%;
}

@media (max-width: 767px) {
    .sl-result .sl-dots .dot-ell:nth-child(2) {
        display: none;
    }
    .sl-result .sl-dots .dot-ell:nth-child(3) {
        display: none;
    }
    .sl-name {
        display: none;
    }
}

.block-user .section-title {
    margin-bottom: 40px;
}


/* avatar-card */

.avatar-card {
    position: relative;
    min-height: 140px;
    padding: 30px 38px 30px 165px;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.avatar-card .avatar-ell {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    background-color: #f5f5f5;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.avatar-card .avatar-ell:after {
    content: "\e904";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #cccccc;
    font-size: 32px;
    z-index: 5;
}

.avatar-card .avatar-ell .avatar-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 10;
}

.avatar-card .name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.avatar-card .descr {
    font-size: 14px;
    color: rgb(152, 152, 152);
    margin-bottom: 10px;
}

.avatar-card .descr:last-child {
    margin-bottom: 0;
}

.avatar-card .descr .bold {
    color: #212426;
    font-weight: bold;
}

@media (max-width: 767px) {
    .avatar-card {
        padding: 20px;
        border-radius: 4px;
        background-color: #ffffff;
        margin-bottom: 20px;
    }
    .avatar-card .avatar-ell {
        position: static;
        margin: 0 auto 20px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .avatar-card .name {
        font-size: 20px;
    }
    .avatar-card .descr {
        font-size: 14px;
    }
}


/* diagnostic-card */

.diagnostic-card {
    border-radius: 4px;
    margin-bottom: 30px;
    font-size: 16px;
}

.diagnostic-card .card-head {
    padding: 22px 38px;
    color: #ffffff;
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
}

.diagnostic-card .card-head.card-head-collapse {
    position: relative;
    padding-right: 80px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.diagnostic-card .card-head.card-head-collapse:after {
    content: "+";
    position: absolute;
    right: 28px;
    top: 50%;
    font-size: 46px;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.diagnostic-card .card-head.card-head-collapse[aria-expanded="true"]:after {
    content: "-";
}

.diagnostic-card .card-body {
    padding: 20px 38px;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .diagnostic-card {
        margin-bottom: 20px;
    }
    .diagnostic-card .card-head {
        padding: 14px 20px;
    }
    .diagnostic-card .card-head.card-head-collapse {
        padding-right: 40px;
        font-size: 13px;
    }
    .diagnostic-card .card-head.card-head-collapse:after {
        right: 14px;
        font-size: 26px;
    }
    .diagnostic-card .card-body {
        padding: 20px 15px;
    }
}

.range-list .range-ell {
    padding: 25px 0 30px;
    border-bottom: 1px solid #E3D5C8;
}

.range-list .range-ell:last-child {
    border-bottom: none;
}

.range-list .range-ell p.bold {
    font-weight: 700;
    margin-bottom: 12px;
}

.range-list .range-ell p {
    font-size: 16px;
    margin-bottom: 12px;
}

.range-list .range-ell .sl-result {
    margin-top: 60px;
    margin-bottom: 0;
}

.range-list .range-ell .sl-result .sl-result__line .dr-read {}

.range-list .range-ell .sl-result .sl-result__line .dr-green {
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/oill_green.svg");
}

.range-list .range-ell.range-ell-legend {
    padding-bottom: 10px;
}

.range-list .range-ell.range-ell-legend .sl-result {
    margin-top: 10px;
}

.range-list .range-ell.range-ell-legend .sl-name {
    margin-top: 10px;
    margin-left: -13px;
}

.range-list .range-ell.range-ell-legend .sl-name .name-ell {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    text-align: left;
}

.legend {
    margin: 20px 0 0;
}

.legend .legend-ell {
    position: relative;
    padding-left: 34px;
    margin-bottom: 20px;
    font-size: 14px;
    color: rgb(152, 152, 152);
}

.legend .legend-ell img {
    position: absolute;
    left: 0;
    top: -5px;
    width: 22px;
    height: auto;
}

@media (max-width: 767px) {
    .range-list .range-ell {
        padding: 20px 0 20px;
    }
}


/* chat-result */

.chat-result-scroll {
    width: 100%;
    overflow: auto;
}

.chat-result-cont {
    padding: 30px 0 60px;
}

.chat-result {
    position: relative;
    min-width: 660px;
    padding-left: 52px;
}

.chat-result .axis-y {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.chat-result .axis-y .axis-point {
    position: absolute;
    left: 0;
    font-size: 14px;
    color: rgb(117, 117, 117);
    text-transform: uppercase;
}

.chat-result .axis-y .axis-point:nth-child(1) {
    bottom: 100%;
}

.chat-result .axis-y .axis-point:nth-child(2) {
    bottom: 50%;
}

.chat-result .axis-y .axis-point:nth-child(3) {
    bottom: 0;
}

.chat-result .axis-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    height: 200px;
    padding: 0 10px;
    background-color: #FAF9F6;
}

.chat-result .axis-x .axis-ell {
    position: relative;
    width: 170px;
    margin-right: 40px;
    background-color: #E6B18B;
    -webkit-box-shadow: 0px 5px 20px 1px rgba(149, 124, 102, 0.6);
    box-shadow: 0px 5px 20px 1px rgba(149, 124, 102, 0.6);
}

.chat-result .axis-x .axis-ell:nth-child(2) {
    background-color: #C48A60;
}

.chat-result .axis-x .axis-ell:nth-child(4) {
    background-color: #9A6641;
}

.chat-result .axis-x .axis-ell:last-child {
    margin-right: 0;
}

.chat-result .axis-x .axis-ell .num {
    position: absolute;
    left: 0;
    top: -25px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: rgb(216, 176, 140);
    text-align: center;
}

.chat-result .axis-x .axis-ell .name {
    position: absolute;
    left: 0;
    top: 110%;
    width: 100%;
    font-size: 14px;
    color: rgb(33, 36, 38);
    text-align: center;
}

.sub-collapse-wrap {
    padding-top: 20px;
}

.sub-collapse {
    margin-bottom: 20px;
}

.sub-collapse .sub-collapse__header a.sub-collapse__control {
    display: block;
    position: relative;
    padding: 22px 70px;
    font-size: 16px;
    color: rgb(152, 107, 77);
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #E9D6C9;
    border-bottom: 1px solid #E9D6C9;
}

.sub-collapse .sub-collapse__header a.sub-collapse__control[aria-expanded="true"] {
    border-top: 1px solid #F9F9FB;
    border-bottom: 1px solid #F9F9FB;
    background-color: #F9F9FB;
}

.sub-collapse .sub-collapse__header a.sub-collapse__control img {
    position: absolute;
    left: 10px;
    top: 50%;
    width: auto;
    height: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sub-collapse .sub-collapse__header a.sub-collapse__control i {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #E7B694;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sub-collapse .sub-collapse__header a.sub-collapse__control[aria-expanded="true"] i:before {
    content: "\e916";
}

.sub-collapse .sub-collapse__content {
    padding: 16px 20px 10px;
}

@media (max-width: 767px) {
    .sub-collapse .sub-collapse__header a.sub-collapse__control {
        padding: 12px 46px;
    }
    .sub-collapse .sub-collapse__header a.sub-collapse__control img {
        height: 26px;
    }
}

.cl-icon-list {
    padding-left: 30px;
}

.cl-icon-list .cl-icon-list__ell {
    position: relative;
    padding-left: 65px;
    margin-bottom: 12px;
    list-style: none;
}

.cl-icon-list .cl-icon-list__ell img {
    position: absolute;
    left: 0;
    top: 10px;
    width: auto;
    height: 42px;
}

.cl-icon-list .cl-icon-list__ell .name {
    color: #212426;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}

.cl-icon-list .cl-icon-list__ell .text {
    color: #212426;
    font-size: 16px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .sub-collapse .sub-collapse__content {
        padding: 20px 0;
    }
    .cl-icon-list {
        padding-left: 0px;
    }
    .cl-icon-list .cl-icon-list__ell {
        padding-left: 0px;
    }
    .cl-icon-list .cl-icon-list__ell img {
        display: none;
    }
}

h6.block-name {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
}


/* individ-card */

.individ-card-wrap {
    padding-top: 30px;
    border-top: 6px solid #E9D6C9;
}

.individ-card-wrap .support {
    font-size: 16px;
    color: rgb(152, 152, 152);
    line-height: 1.313;
    margin-bottom: 20px;
}

.individ-card {
    position: relative;
    padding-left: 70px;
    margin-bottom: 22px;
}

.individ-card img {
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: auto;
    height: 42px;
}

.individ-card .name {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: bold;
    margin-bottom: 5px;
}

.individ-card .individ-result {
    position: relative;
}

.individ-card .individ-result .individ-result__ell {
    position: relative;
    width: 100%;
    height: 16px;
    z-index: 20;
}

.individ-card .individ-result .individ-result__ell .ell-val {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.individ-card .individ-result .individ-result__ell .bg-red {
    background-color: #986B4D;
}

.individ-card .individ-result .individ-result__ell .bg-brown {
    background-color: #525252;
}

.individ-card .individ-result .individ-result__ell .val,
.individ-card .individ-result .individ-result__sc .val {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.individ-card .individ-result .individ-result__sc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #EFECE9;
    z-index: 1;
}

.individ-card .individ-result .individ-result__sc .val {
    color: #B7B7B7;
}

.individ-legend {
    padding-top: 10px;
}

.individ-legend-ell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.individ-legend-ell .legend-des {
    position: relative;
    padding-left: 80px;
    margin-right: 40px;
    font-size: 16px;
}

.individ-legend-ell .legend-des .legend-des__bl {
    position: absolute;
    left: 0;
    top: 3px;
    height: 16px;
    width: 60px;
}

.individ-legend-ell .legend-des .legend-des__bl.legend-des__bl--user {
    background-color: #986B4D
}

.individ-legend-ell .legend-des .legend-des__bl.legend-des__bl--all {
    background-color: #525252
}

@media (max-width: 767px) {
    .individ-card {
        position: relative;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    .individ-card img {
        display: none;
    }
}

.support-icon {
    position: relative;
    padding: 10px 0;
    padding-left: 54px;
    font-size: 16px;
    color: rgb(152, 152, 152);
    line-height: 1.313;
    margin-bottom: 10px;
}

.support-icon img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 34px;
    height: 34px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .support-icon {
        padding-left: 36px;
        font-size: 14px;
    }
    .support-icon img {
        top: 10px;
        width: 22px;
        height: 22px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.chat-result-wrap {
    padding-top: 40px;
    border-top: 1px solid #00aeef;
}

.chat-result-wrap p.bold {
    font-size: 16px;
    font-weight: 700;
}

.diagn-collapse-wrap {
    padding-bottom: 25px;
}

.diagn-collapse-ell {
    margin-bottom: 20px;
}

.diagn-collapse-ell .diagn-collapse-title {
    position: relative;
    display: block;
    padding: 22px 28px;
    padding-right: 50px;
    font-size: 16px;
    color: #00aeef;
    font-weight: 700;
    border-top: 1px solid #00aeef;
    border-bottom: 1px solid #00aeef;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.diagn-collapse-ell .diagn-collapse-title i {
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.diagn-collapse-ell .diagn-collapse-title[aria-expanded="true"] {
    background-color: #F9F9FB;
    border-top: 1px solid #F9F9FB;
    border-bottom: 1px solid #F9F9FB;
}

.diagn-collapse-ell .diagn-collapse-title[aria-expanded="true"] i:before {
    content: "\e916";
}

.diagn-collapse-ell .diagn-panel-body {
    padding: 22px 28px;
    font-size: 16px;
}

.diagn-collapse-ell .diagn-panel-body p {
    margin-bottom: 16px;
}

.diagn-collapse-ell .diagn-panel-body p.col-br {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #71cff3;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 5px solid #00aeef;
}

.diagn-collapse-ell .diagn-panel-body ol {
    padding-left: 15px;
}

.diagn-collapse-ell .diagn-panel-body ol li {
    list-style: decimal;
    padding-left: 10px;
    margin-bottom: 16px;
}

.diagn-collapse-ell .diagn-panel-body ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 16px;
}

.diagn-collapse-ell .diagn-panel-body ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #71cff3;
}

@media (max-width: 767px) {
    .diagn-collapse-wrap {
        padding-bottom: 20px;
    }
    .diagn-collapse-ell {
        margin-bottom: 10px;
    }
    .diagn-collapse-ell .diagn-collapse-title {
        position: relative;
        display: block;
        padding: 14px;
        padding-right: 40px;
        font-size: 14px;
    }
    .diagn-collapse-ell .diagn-collapse-title:after {
        right: 14px;
        top: 50%;
        font-size: 36px;
    }
    .diagn-collapse-ell .diagn-panel-body {
        padding: 12px 10px;
        font-size: 14px;
    }
    .diagn-collapse-ell .diagn-panel-body p {
        margin-bottom: 14px;
    }
    .diagn-collapse-ell .diagn-panel-body ol li {
        padding-left: 5px;
        margin-bottom: 12px;
    }
    .diagn-collapse-ell .diagn-panel-body ul li {
        padding-left: 20px;
        margin-bottom: 12px;
    }
}


/* compare-results */

.compare-results__legend {
    padding-top: 20px;
}

.compare-results__legend .name {
    font-size: 16px;
    color: rgb(152, 107, 77);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.313;
    margin-bottom: 0;
}

.compare-results__legend .text {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.313;
}

.chat-compare {
    padding-top: 20px;
    padding-bottom: 30px;
}

.chat-compare .chat-compare__result {
    position: relative;
    width: 100%;
}

.chat-compare .chat-compare__result .axis-y .axis-y-ell {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 50px;
    color: #757575;
}

.chat-compare .chat-compare__result .axis-y .axis-y-ell:first-child {
    height: auto;
}

.chat-compare .chat-compare__result .axis-y .axis-y-ell:nth-child(even) {
    background-color: #FAF9F8;
}

.chat-compare .chat-compare__result .axis-y .axis-y-ell .axis-point {
    position: relative;
    z-index: 20;
}

.chat-compare .chat-compare__result .axis-x {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.chat-compare .chat-compare__result .axis-x__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 85%;
    height: calc(100% - 22px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.chat-compare .chat-compare__result .axis-x__bar .axis-ell {
    position: relative;
    width: 47%;
    background-color: #E6B18B;
}

.chat-compare .chat-compare__result .axis-x__bar .axis-ell:nth-child(2) {
    background-color: #C48A60;
}

.chat-compare .chat-compare__result .axis-x__bar .axis-ell .num {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    font-size: 16px;
    color: rgb(216, 176, 140);
    font-weight: bold;
    text-transform: uppercase;
}

.chat-compare .chat-compare__result .axis-x__bar .axis-ell .name {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    font-size: 14px;
    color: rgb(33, 36, 38);
    line-height: 1.2;
}

@media (max-width: 767px) {
    .chat-compare .chat-compare__result .axis-x__bar {
        width: 85%;
    }
    .chat-compare .chat-compare__result .axis-x__bar .axis-ell {
        width: 47%;
    }
}

@media (max-width: 419px) {
    .chat-compare .chat-compare__result .axis-x__bar {
        width: 85%;
    }
    .chat-compare .chat-compare__result .axis-x__bar .axis-ell {
        width: 47%;
    }
}


/* table-rec */

.table-rec-wrap {
    margin-bottom: 20px;
}

.table-rec {
    width: 100%;
    min-width: 500px;
}

.table-rec thead {
    background-color: #EFECE9;
}

.table-rec tbody {
    background-color: #F9F9FB;
}

.table-rec td,
.table-rec th {
    border: 3px solid #ffffff;
}

.table-rec th {
    padding: 20px;
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle;
}

.table-rec th:first-child {
    width: 33.333%;
}

.table-rec td {
    position: relative;
    padding: 16px 20px;
    font-size: 14px;
    vertical-align: middle;
}

.table-rec td p {
    margin-bottom: 0;
}

.table-rec tr td:first-child {
    font-weight: 700;
}

.table-rec tr td .num {
    display: block;
    padding: 6px 0;
    font-size: 30px;
    text-align: center;
    color: rgb(33, 36, 38);
    font-weight: bold;
    line-height: 30px;
}

.table-rec tr td .tooltip-rec {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #ffffff;
    font-style: normal;
    border-radius: 50%;
    cursor: pointer;
}

.table-rec tr td.success {
    background-color: #E0F2E7;
}

.table-rec tr td.error {
    background-color: #F4B6AE;
}

.table-rec tr td.success .tooltip-rec {
    background-color: #67D793;
}

.table-rec tr td.error .tooltip-rec {
    background-color: #E67567;
}

.tooltip-rec+.tooltip {
    left: auto !important;
    right: 0 !important;
    margin-top: 10px;
}

.tooltip-rec+.tooltip .tooltip-arrow {
    left: auto !important;
    right: 13px !important;
}

.tooltip-rec+.tooltip .tooltip-inner {
    padding: 10px 12px;
    font-size: 14px;
    width: 100%;
    max-width: 500px;
}

@media (max-width: 767px) {
    .table-rec-wrap {
        width: 100%;
        overflow: auto;
        margin-bottom: 20px;
    }
    .table-rec tr td .tooltip-rec {
        display: none;
    }
}

.tracking-list-wrap .faild-wrap {
    margin-bottom: 20px;
}

.tracking-list-wrap .chosen-container-single .chosen-single {
    padding: 20px 40px 20px 18px;
}

.tracking-list-wrap .btn.btn-border {
    margin-bottom: 40px;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.6em solid rgba(178, 178, 178, 0.2);
    border-right: 0.6em solid rgba(178, 178, 178, 0.2);
    border-bottom: 0.6em solid rgba(178, 178, 178, 0.2);
    border-left: 0.6em solid #00aeef;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f5fafc;
    z-index: 60;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.preloader.loaded {
    visibility: hidden;
    opacity: 0;
}

.preloader .loader-wr {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.preloader.loaded .loader-wr {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5, 0.5);
    transform: translate(-50%, -50%) scale(0.5, 0.5);
}

.bar-chart {
    position: relative;
    background: #d2ecf7;
    height: 30px;
    margin-bottom: 50px;
}

.bar-chart .bar-chart--inner {
    position: relative;
    background: #333;
    height: 100%;
    display: block;
    margin-bottom: 5px;
    position: relative;
    will-change: width;
}

.bar-chart .bar-chart--all {
    position: absolute;
    right: 20px;
    top: 6px;
    color: #00aeef;
    font-size: 16px;
    font-weight: bold;
}

.bar-chart .bar-chart--num {
    position: absolute;
    right: 20px;
    top: 6px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    z-index: 20;
}

.bar-chart .bar-chart--text {
    font-size: 14px;
    color: rgb(33, 36, 38)
}

.bar-chart .bar-chart--inner:after {
    position: absolute;
    top: 0;
    right: 0;
    content: " ";
    width: 1rem;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

.bar-chart[animated] .bar-chart--inner {
    -webkit-transition: width 1.3s;
    -o-transition: width 1.3s;
    transition: width 1.3s;
}

.bar-chat-container .bar-chart:nth-child(even) .bar-chart--inner {
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
}

.bar-chat-container .bar-chart:nth-child(odd) .bar-chart--inner {
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
}

.page-job {
    padding-bottom: 35px;
}

.page-job .anim-tabs {
    background: #fff url('./https://ugrateam.admhmao.ru/static/default/img/job-patterns-bg1.png') no-repeat bottom right;
}

.job-card-scr {
    padding: 0 0 20px;
}

.job-card-scr .job-card-fix {
    display: none;
    height: 160px;
}

.job-card-scr.pos-fixed .job-card-fix {
    display: block;
}

.job-card-scr .job-card-wrap {
    position: relative;
    width: 100%;
    z-index: 50;
}

.job-card-scr.pos-fixed .job-card-wrap {
    position: fixed;
    left: 0;
    top: 0;
}

.job-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.job-card-scr.pos-fixed .job-card {
    -webkit-box-shadow: 0px 6px 23.75px 1.25px rgba(190, 190, 191, 0.6);
    box-shadow: 0px 6px 23.75px 1.25px rgba(190, 190, 191, 0.6);
}

.job-card .job-card__avatar {
    position: relative;
    padding-left: 120px;
    min-height: 100px;
}

.job-card .job-card__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    background-color: #F3F4F6;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px auto;
}

.job-card .job-card__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.job-card .job-card__descr {
    font-size: 16px;
    color: rgb(117, 117, 117);
    margin-bottom: 15px;
}

.job-card .job-card__place {
    font-size: 16px;
    color: #687a8b;
    margin-bottom: 0;
}

.job-card .job-card__place img {
    width: 17px;
    height: auto;
    margin-right: 5px;
    margin-bottom: -4px;
}

.job-card .job-card__place i {
    margin-right: 5px;
    color: #C0C0C0;
}

.job-card .job-card__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.job-card .job-card__control .btn-prime {
    width: 210px;
    max-width: 100%;
    min-width: 210px;
}

.job-card .job-card__control .btn-fav {
    position: relative;
    margin-left: 20px;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #F6F5F5;
}

.job-card .job-card__control .btn-fav .star-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 22px;
    height: 22px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/star.svg');
}

.job-card .job-card__control .btn.btn-fav.active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.job-card .job-card__control .btn.btn-fav.active .star-icon,
.job-card .job-card__control .btn.btn-fav:hover .star-icon {
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/star-active.svg');
}

.job-card .job-card__control .btn-favorite .cls-1 {
    fill: #D8B08C;
}

.cls-3 {
    fill: #779fc1;
}

.job-card .job-card__control .btn-favorite .cls-3 {
    fill: #BFBFBF;
}

@media (max-width: 991px) {
    .job-card-scr.pos-fixed .job-card-fix {
        display: none;
    }
    .job-card-scr.pos-fixed .job-card-wrap {
        position: relative;
        left: auto;
        top: auto;
    }
    .job-card-scr.pos-fixed .job-card {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .job-card {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 50px 20px 30px;
    }
    .job-card .job-card__avatar {
        position: relative;
        padding-left: 0px;
        min-height: 100px;
    }
    .job-card .job-card__img {
        position: absolute;
        left: 0px;
        top: -60px;
        width: 55px;
        height: 55px;
        background-color: #ffffff;
        border-radius: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    .job-card .job-card__control .btn-prime {
        margin-top: 20px;
    }
    .job-card .job-card__control .btn-fav {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .job-card .job-card__control .btn-fav {
        margin-left: 0px;
        width: 22px;
        height: 22px;
        border: none;
    }
}

.btn-double {
    position: relative;
    display: table;
    width: 100%;
    max-width: 380px;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.btn-double li {
    list-style: none;
    float: left;
    width: 50%;
}

.btn-double li .btn-icon {
    display: block;
    padding: 9px 28px;
    text-align: center;
    border: 1px solid;
    border-image: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
    border-image-slice: 1;
    color: #000000;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-double li .btn-icon svg * {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn-double li:first-child .btn-icon {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-double li:last-child .btn-icon {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-double li .btn-icon .btn-icon-cont {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    line-height: 40px;
    font-size: 14px;
}

.btn-double li .btn-icon .btn-icon-cont .icon {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 29px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-double li .btn-icon:hover,
.btn-double li .btn-icon[aria-expanded="true"] {
    border: 1px solid #779fc1;
    background-color: #779fc1;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-double li .btn-icon:hover .icon .cls-stroke,
.btn-double li .btn-icon[aria-expanded="true"] .icon .cls-stroke {
    stroke: #ffffff;
}

.btn-double li .btn-icon:hover .icon .cls-fill,
.btn-double li .btn-icon[aria-expanded="true"] .icon .cls-fill {
    fill: #ffffff;
}

@media (max-width: 767px) {
    
}


/* btn-sheare */
.card-aside {
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 20px;
}

.card-aside .card-aside__title {
    padding: 21px 38px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #779fc1;
}

.card-aside .card-aside__content {
    padding: 35px 38px 15px;
}

.card-aside .card-aside__content p {
    color: #757575;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.card-aside .card-aside__content p.prime {
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
}

.card-aside .card-aside__content .card-aside__news-bl {
    display: block;
    padding-bottom: 36px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EFECE9;
}

.card-aside .card-aside__content .card-aside__news-bl:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.card-aside .card-aside__content .card-aside__news-bl p {
    line-height: 1.3;
    margin-bottom: 5px;
}

.icon-file-add {
    color: #00aeef;
}

.icon-article {
    color: #00c960;
}

.card-aside .card-aside__content .card-aside__news-bl p.prime {
    margin-bottom: 5px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.card-aside .card-aside__content .card-aside__news-bl p.date {
    color: #bfbfbf;
    margin-bottom: 0;
}

.card-aside .card-aside__content .card-aside__news-bl p.date span {
    color: #212121;
}

.card-aside .card-aside__content .card-aside__news-bl:hover p.prime {
    color: #98694c;
}

@media (max-width: 767px) {
    .card-aside .card-aside__title {
        padding: 21px 12px;
    }
    .card-aside .card-aside__content {
        padding: 22px 12px 15px;
    }
    .card-aside .card-aside__content p {
        font-size: 16px;
    }
    .card-aside .card-aside__content p.prime {
        font-size: 16px;
    }
}

.anim-tabs {
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 60px;
}

.anim-tabs .nav-tabs {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #EAE8E8;
}

.anim-tabs .nav-tabs li {
    display: block;
    margin: 0px !important;
}

.anim-tabs .nav-tabs li a {
    position: relative;
    margin-right: 0px;
    padding: 22px 30px;
    color: rgb(149, 139, 139) !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border: none !important;
    color: #333;
}

.anim-tabs .nav-tabs .active {
    background-color: transparent!important;
    border: none!important;
    color: #39bcd3!important;
}

.anim-tabs .nav-tabs a:hover {
    background-color: #fff!important;
    border: none;
    opacity: 1;
}

.anim-tabs .nav-tabs .active a {
    color: #212121 !important;
}

.anim-tabs .slider {
    display: inline-block;
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
    position: absolute;
    z-index: 20;
    bottom: 0;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}

.anim-tabs .tab-pane {
    padding: 45px 40px 30px;
}

@media (max-width: 767px) {
    .anim-tabs {
        background-color: #ffffff;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 60px;
    }
    .anim-tabs .nav-tabs {
        position: relative;
        background-color: #fff;
        border-bottom: 1px solid #EAE8E8;
    }
    .anim-tabs .nav-tabs li {
        display: block;
        margin: 0px !important;
    }
    .anim-tabs .nav-tabs li a {
        padding: 22px 12px;
        font-size: 13px;
    }
    .anim-tabs .tab-pane {
        padding: 26px 18px 20px;
    }
}

.base-content .prime {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
}

.base-content ul {
    margin-bottom: 36px;
}

.tags-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 24px;
}

.tags-bl .tag {
    display: inline-block;
    padding: 10px 24px;
    color: #989898;
    font-size: 16px;
    border-radius: 4px;
    background-color: #F8F8F8;
    margin-right: 8px;
    margin-bottom: 8px;
}

.tags-bl .tag:hover {
    color: #ffffff;
    background-color: #E44934;
}

.table-dw {
    margin-bottom: 28px;
}

.table-dw .table-dw__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
}

.table-dw .table-dw__row:nth-child(odd) {
    background-color: #F8F8F8;
}

.table-dw .table-dw__row .table-dw__col:first-child {
    color: #989898;
}

.table-dw .table-dw__row .table-dw__col {
    width: 50%;
    font-size: 16px;
}

@media (max-width: 767px) {
    .base-content .prime {
        display: inline-block;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .base-content ul {
        margin-bottom: 36px;
    }
    .tags-bl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 24px;
    }
    .tags-bl .tag {
        padding: 8px 12px;
        font-size: 14px;
    }
    .table-dw .table-dw__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 12px;
    }
    .table-dw .table-dw__row .table-dw__col {
        width: 100%;
        font-size: 16px;
        padding: 5px 0;
    }
}

.page-job__foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px 40px;
}

.page-job__foot .page-job__foot-ell {
    position: relative;
    padding: 0 12px;
    color: #bfbfbf;
    font-size: 14px;
}

.page-job__foot .page-job__foot-ell:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #BFBFBF;
}

.page-job__foot .page-job__foot-ell:first-child {
    padding-left: 0;
}

.page-job__foot .page-job__foot-ell:last-child:after {
    content: none;
}

@media (max-width: 767px) {
    .page-job__foot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 18px 30px;
    }
    .page-job__foot .page-job__foot-ell {
        position: relative;
        padding: 0;
        color: #bfbfbf;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .page-job__foot .page-job__foot-ell:after {
        content: none;
    }
}

.xs-panel {
    display: none;
}

@media (max-width: 767px) {
    .xs-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: fixed;
        padding: 12px 36px;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 50;
    }
    .xs-panel .btn.btn-prime {
        font-size: 16px;
        margin-bottom: 0;
    }
    .drop-btn {
        position: relative;
    }
    .drop-btn .btn-icon {
        display: block;
        margin-left: 40px;
        padding: 10px 0;
        border: none;
        color: #D8B08C;
    }
    .drop-btn .btn-icon svg * {
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }
    .drop-btn .btn-icon .btn-icon-cont {
        display: inline-block;
        position: relative;
        padding-left: 35px;
        line-height: 40px;
        font-size: 14px;
    }
    .drop-btn .btn-icon .btn-icon-cont .icon {
        position: absolute;
        left: 0;
        top: 50%;
        width: 25px;
        height: 29px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .drop-btn .btn-icon:hover,
    .drop-btn .btn-icon[aria-expanded="true"] {
        background-color: initial;
    }
}

.page-job .base-content .prime {
    margin-bottom: 10px;
}

.page-job .base-content ul li,
.page-job .base-content ol li {
    line-height: 1.5;
    margin-bottom: 12px;
}

.page-job .base-content p {
    line-height: 1.5;
    margin-bottom: 17px;
}

.error-report .modal-header {
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #98694c;
    padding: 40px;
    text-align: center;
    border: none;
}

.error-report .modal-header .modal-title.modal-title-sm {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.error-report .modal-header .close {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    color: rgb(255, 255, 255, 0.6);
    text-shadow: none;
    font-size: 16px;
    opacity: 1;
}

.error-report .modal-header .close:hover,
.error-report .modal-header .close:focus {
    opacity: 1;
    color: rgb(255, 255, 255, 1);
}

.error-report .modal-body {
    padding: 40px 40px 20px;
}

.error-report .wind-massege {
    display: none;
}

.error-report.success .wind-form {
    display: none;
}

.error-report.success .wind-massege {
    display: block;
}

.error-report .modal-body .success-massege {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
}

.error-report .btn {
    max-width: 210px;
}

@media (max-width: 767px) {
    .error-report .modal-dialog {
        min-height: 100%;
        background-color: #ffffff;
    }
    .error-report .modal-header {
        padding: 40px 20px 20px;
    }
    .error-report .modal-header .modal-title.modal-title-sm {
        font-size: 18px;
    }
    .error-report .modal-header .close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 16px;
    }
    .error-report .modal-body {
        padding: 30px 20px 20px;
    }
    .error-report .modal-body .success-massege {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 18px;
    }
    .error-report .btn {
        max-width: 100%;
    }
}

.section-regtype {
    padding: 82px 0 0;
    background-color: #986B4D;
}

.section-regtype .section-title {
    color: #ffffff;
    margin-bottom: 40px;
}

.section-regtype .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-regtype .row:before {
    content: none;
}

.section-regtype .row:after {
    content: none;
}

.section-regtype .col-xs-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.regtype-card {
    position: relative;
    width: 100%;
    margin-bottom: -120px;
    padding: 50px 38px 30px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0px 10px 40px 5px rgba(188, 183, 178, 0.4);
    box-shadow: 0px 10px 40px 5px rgba(188, 183, 178, 0.4);
}

.regtype-card .regtype-card__icon {
    display: block;
    width: auto;
    height: 60px;
    margin: 0 auto 18px;
}

.regtype-card .regtype-card__text {
    max-width: 360px;
    margin: 0 auto 18px;
    color: rgb(117, 117, 117);
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
}

.regtype-card .regtype-card__title {
    max-width: 360px;
    margin: 0 auto 18px;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 22px;
}

.regtype-card .regtype-card__list {
    margin-bottom: 36px;
}

.regtype-card .regtype-card__list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    font-size: 16px;
    color: rgb(33, 36, 38);
    line-height: 1.2;
}

.regtype-card .regtype-card__list li i {
    position: absolute;
    top: 50%;
    left: 0;
    color: #C99B71;
    font-size: 12px;
    -webkit-transform: translateY(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotateZ(-90deg);
}

@media (max-width: 991px) {
    .section-regtype {
        padding: 80px 0 80px;
    }
    .regtype-card {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .section-regtype {
        padding: 50px 0 50px;
    }
    .regtype-card {
        position: relative;
        width: 100%;
        padding: 30px 20px 30px;
    }
    .regtype-card .regtype-card__text {
        margin: 0 auto 16px;
        font-size: 16px;
    }
    .regtype-card .regtype-card__title {
        font-size: 18px;
        margin-bottom: 22px;
    }
}

.text-peview {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 20px;
}

h1.section-title.faq-title {
    margin-bottom: 10px;
}

.base-content .section-sub-title.faq-sub-title {
    margin-top: 0;
}


/*======= ideas-card =======*/

.ideas-card {
    position: relative;
    display: block;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 100%;
    padding: 28px;
    padding-bottom: 168px;
    color: #212426;
    border: 2px solid #F3F3F6;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.ideas-card:hover {
    color: #212426;
    border: 2px solid #18a2c2;
    -webkit-box-shadow: 2px 2px 0 2px #F3F3F6;
    box-shadow: 2px 2px 0 2px #F3F3F6;
}

.ideas-card__user {
    position: relative;
    padding: 22px 0 20px;
    padding-left: 82px;
    margin-bottom: 46px;
}

.ideas-card__user .avatar {
    position: absolute;
    left: 0;
    top: 50%;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ideas-card__user .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}

.ideas-card__content .head {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ideas-card__content .text {
    font-size: 16px;
    margin-bottom: 0;
}

.ideas-card__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 28px;
    width: 100%;
}

.ideas-card__footer .topic {
    color: #18a2c2;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.ideas-card__footer .comment {
    display: table;
    width: 100%;
}

.ideas-card__footer .comment .date {
    float: left;
    color: #757575;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 23px;
}

.ideas-card__footer .comment .like-block {
    float: right;
}

.ideas-card__footer .comment .like-block .like-btn {
    display: inline-block;
    margin-right: 8px;
    color: #E3E3EA;
    font-size: 14px;
    cursor: pointer;
}

.ideas-card__footer .comment .like-block .like-btn i {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.ideas-card__footer .comment .like-block .like-btn:hover,
.ideas-card__footer .comment .like-block .like-btn.active {
    color: #18a2c2;
}

.ideas-card__footer .comment .like-block .num {
    display: inline-block;
    color: #18a2c2;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .ideas-card {
        padding: 20px;
        padding-bottom: 140px;
    }
    .ideas-card__user {
        position: relative;
        padding: 22px 0 20px;
        padding-left: 82px;
        margin-bottom: 30px;
    }
    .ideas-card__content .head {
        font-size: 16px;
    }
    .ideas-card__content .text {
        font-size: 14px;
    }
    .ideas-card__footer {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 20px;
        width: 100%;
    }
    .ideas-card__footer .topic {
        font-size: 12px;
    }
}

.idea-card-added {
    margin-bottom: 30px;
}

.idea-card-added__body {
    padding-bottom: 40px;
    border-bottom: 4px solid #FAFAFC;
}

.idea-card-added__body .text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.idea-card-added__footer {
    position: relative;
    padding: 25px 0;
}

.idea-card-added__footer .user-name {
    position: relative;
    padding-top: 12px;
    padding-left: 80px;
}

.idea-card-added__footer .user-name__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.idea-card-added__footer .user-name__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 3px;
}

.idea-card-added__footer .user-name__date {
    font-size: 12px;
    color: #757575;
    text-transform: uppercase;
    line-height: 1.2;
}

.idea-card-added__footer .like-block {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.idea-card-added__footer .like-block .like-btn {
    display: inline-block;
    margin-right: 8px;
    color: #E3E3EA;
    font-size: 14px;
    cursor: pointer;
}

.idea-card-added__footer .like-block .like-btn i {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.idea-card-added__footer .like-block .like-btn:hover,
.idea-card-added__footer .like-block .like-btn.active {
    color: #18a2c2;
}

.idea-card-added__footer .like-block .num {
    display: inline-block;
    color: #18a2c2;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .idea-card-added {
        margin-bottom: 30px;
    }
    .idea-card-added__body {
        padding-bottom: 30px;
    }
    .idea-card-added__body .text {
        font-size: 16px;
    }
    .idea-card-added__footer {
        position: relative;
        padding: 20px 0 50px;
    }
    .idea-card-added__footer .user-name {
        position: relative;
        padding-top: 8px;
        padding-left: 70px;
    }
    .idea-card-added__footer .user-name__image {
        width: 54px;
        height: 54px;
    }
    .idea-card-added__footer .user-name__name {
        font-size: 16px;
    }
    .idea-card-added__footer .user-name__date {
        font-size: 12px;
    }
    .idea-card-added__footer .like-block {
        right: auto;
        top: auto;
        left: 0;
        bottom: 10px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
}


/*====== .lk-ideas-card ======*/

.lk-ideas-card {
    position: relative;
    display: block;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 100%;
    padding: 28px;
    padding-bottom: 168px;
    color: #212426;
    border: 2px solid #F3F3F6;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.lk-ideas-card.status-moderation .icon-status {
    color: #FFAB00;
}

.lk-ideas-card.status-moderation .icon-status:before {
    content: "\e915";
}

.lk-ideas-card.status-moderation .like-block {
    display: none;
}

.lk-ideas-card.status-published .icon-status {
    color: #00C853;
}

.lk-ideas-card.status-published .icon-status:before {
    content: "\e916";
}

.lk-ideas-card.status-refused .icon-status {
    color: #DD2C00;
}

.lk-ideas-card.status-refused .icon-status:before {
    content: "\e917";
}

.lk-ideas-card.status-refused .like-block {
    display: none;
}

.lk-ideas-card:hover {
    color: #212426;
    border: 2px solid #18a2c2;
    -webkit-box-shadow: 2px 2px 0 2px #F3F3F6;
    box-shadow: 2px 2px 0 2px #F3F3F6;
}

.lk-ideas-card__header {
    display: table;
    width: 100%;
    position: relative;
    padding: 12px 0 20px;
    margin-bottom: 46px;
    border-bottom: 5px solid #F3F3F6;
}

.lk-ideas-card__header .text {
    float: left;
    font-size: 12px;
    color: #989898;
    text-transform: uppercase;
    line-height: 1;
}

.lk-ideas-card__header .status {
    float: right;
    font-size: 12px;
    font-weight: 600;
    color: #212426;
    text-transform: uppercase;
    line-height: 1;
}

.lk-ideas-card__header .status .icon-status {
    margin-right: 5px;
}

.lk-ideas-card__content .head {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.lk-ideas-card__content .text {
    font-size: 16px;
    margin-bottom: 0;
}

.lk-ideas-card__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 28px;
    width: 100%;
}

.lk-ideas-card__footer .topic {
    color: #18a2c2;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.lk-ideas-card__footer .comment {
    display: table;
    width: 100%;
}

.lk-ideas-card__footer .comment .date {
    float: left;
    color: #757575;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 23px;
}

.lk-ideas-card__footer .comment .like-block {
    float: right;
}

.lk-ideas-card__footer .comment .like-block .like-btn {
    display: inline-block;
    margin-right: 8px;
    color: #E3E3EA;
    font-size: 14px;
    cursor: pointer;
}

.lk-ideas-card__footer .comment .like-block .like-btn i {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.lk-ideas-card__footer .comment .like-block .like-btn:hover,
.lk-ideas-card__footer .comment .like-block .like-btn.active {
    color: #18a2c2;
}

.lk-ideas-card__footer .comment .like-block .num {
    display: inline-block;
    color: #18a2c2;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .lk-ideas-card {
        padding: 20px;
        padding-bottom: 140px;
    }
    .lk-ideas-card__user {
        position: relative;
        padding: 22px 0 20px;
        padding-left: 82px;
        margin-bottom: 30px;
    }
    .lk-ideas-card__content .head {
        font-size: 16px;
    }
    .lk-ideas-card__content .text {
        font-size: 14px;
    }
    .lk-ideas-card__footer {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 20px;
        width: 100%;
    }
    .lk-ideas-card__footer .topic {
        font-size: 12px;
    }
}


/* base card */

.base-card {
    padding: 45px 40px 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.base-card .base-card__title {
    font-size: 21px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.base-card .base-card__text {
    font-size: 16px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    margin-bottom: 26px;
}

.base-card .base-card__text-strong {
    font-size: 18px;
    line-height: 24px;
    color: #2d2e2f;
    font-weight: 700;
    margin-bottom: 0px;
}

.base-card .base-card__text-gray {
    color: #989898;
    margin-bottom: 0px;
}

.base-card .btn {
    max-width: 280px;
}

.base-card .map-wrap {
    margin-top: 20px;
    width: 100%;
    height: 465px;
}

@media (max-width: 767px) {
    .base-card {
        padding: 35px 20px 20px;
    }
    .base-card .base-card__title {
        font-size: 18px;
    }
}

.center-btn .btn {
    margin: 0 auto 20px;
}

.btn-title-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
}

.btn-title-bl h1.section-title {
    margin-bottom: 0;
}

.btn-title-bl .btn {
    max-width: 264px;
    margin-left: 30px;
    margin-bottom: 0;
}

@media (max-width: 559px) {
    .btn-title-bl {
        display: block;
        margin-bottom: 20px;
    }
    .btn-title-bl h1.section-title {
        margin-bottom: 40px;
    }
    .btn-title-bl .btn {
        max-width: 100%;
        margin: 0;
    }
}


/* idea list */

.idea-card {
    display: block;
    position: relative;
    padding-left: 280px;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.idea-card:hover {
    -webkit-box-shadow: 0 0 24px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 0 24px 3px rgba(0, 0, 0, .15);
}

.idea-card .idea-card__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.idea-card .idea-card__image img {
    transform: scale(1.3);
}

.idea-card .idea-card__image .idea-card__ic-default {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: auto;
    vertical-align: text-bottom;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.idea-card .idea-card__status {
    position: absolute;
    left: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 13px;
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 10;
}

.idea-card .idea-card__status-name {
    color: #212426;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 10px;
}

.idea-card .idea-card__image .look {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 10;
}

.idea-card .idea-card__image .look.col-green {
    color: #00CF91;
}

.idea-card .idea-card__image .look.col-reed {
    color: #E44934;
}

.idea-card .idea-card__content {
    position: relative;
    padding: 35px 32px 65px;
    min-height: 280px;
}

.idea-card .idea-card__content .tag {
    font-size: 14px;
    color: rgb(228, 73, 52);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.idea-card .idea-card__offering {
    display: inline-block;
    padding: 4px 13px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 15px;
    transform: translateY(-15px);
}

.idea-card .idea-card__content .title {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 25px;
}

.idea-card .idea-card__content .place {
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    color: rgb(216, 176, 140);
    line-height: 1.3;
}

.idea-card .idea-card__content .place img {
    position: absolute;
    left: 0;
    top: -1px;
    width: 17px;
    height: auto;
}

.idea-card .idea-card__content .date {
    position: absolute;
    left: 0;
    bottom: 35px;
    padding: 0 32px;
    font-size: 16px;
    color: #212426;
    margin-bottom: 0;
}

.idea-card .idea-card__content .date .light {
    color: #989898;
}

@media (max-width: 767px) {
    .idea-card {
        padding-left: 250px;
    }
    .idea-card .idea-card__image {
        position: absolute;
        left: 0;
        top: 0;
        width: 250px;
        height: 100%;
    }
    .idea-card .idea-card__content {
        padding: 30px 20px 60px;
        min-height: 250px;
    }
    .idea-card .idea-card__offering {
        margin-bottom: 15px;
        transform: translateY(-5px);
    }
    .idea-card .idea-card__content .title {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .idea-card .idea-card__content .place {
        padding-left: 22px;
        font-size: 14px;
    }
    .idea-card .idea-card__content .place img {
        position: absolute;
        left: 0;
        top: -1px;
        width: 15px;
        height: auto;
    }
    .idea-card .idea-card__content .date {
        bottom: 30px;
        padding: 0 20px;
        font-size: 14px;
    }
}

@media (max-width: 559px) {
    .idea-card {
        padding-left: 0;
    }
    .idea-card .idea-card__image {
        position: relative;
        width: 100%;
        height: 200px;
    }
    .idea-card .idea-card__content {
        padding: 25px 20px 60px;
        min-height: 250px;
    }
}


/* idea page */

.idea-date {
    font-size: 16px;
    color: #212426;
    margin-bottom: 42px;
}

.idea-date .light {
    color: #989898;
}

.idea-date-tag {
    display: flex;
    align-items: center;
    margin-bottom: 42px;
}

.idea-date-tag .idea-date {
    margin-bottom: 0;
}

.idea-block {
    padding: 38px 40px 40px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.idea-block .idea-block__cat {
    font-size: 16px;
    margin-bottom: 16px;
}

.idea-block .idea-block__cat span {
    font-size: 18px;
    font-weight: 700;
}

.idea-block .idea-block__title {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    margin-bottom: 16px;
}

.idea-block .idea-block__descr {
    margin-bottom: 40px;
}

.idea-block .idea-block__descr p {
    font-size: 16px;
    color: rgb(33, 36, 38);
    margin-bottom: 12px;
    line-height: 1.5;
}

.idea-block .idea-block__map {
    width: 100%;
    height: 365px;
    border-radius: 4px;
}

.idea-block__img-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 30px;
}

.idea-block__img-list .idea-block__img-ell {
    width: 33.333%;
    padding: 0 10px;
}

.idea-block__img-list .idea-block__img-ell .img {
    display: block;
    position: relative;
    width: 100%;
    height: 140px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-transition: all.2s linear;
    -o-transition: all.2s linear;
    transition: all.2s linear;
}

.idea-block__img-list .idea-block__img-ell .img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 5;
    -webkit-transition: all.2s linear;
    -o-transition: all.2s linear;
    transition: all.2s linear;
}

.idea-block__img-list .idea-block__img-ell .img--default {
    display: block;
    position: relative;
    width: 100%;
    height: 140px;
    border-radius: 4px;
}

.idea-block__img-list .idea-block__img-ell .img--default img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    transform: translate(-50%, -50%);
}

.idea-block__img-list .idea-block__img-ell .img .look-ic {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 0;
    -webkit-transition: all.2s linear;
    -o-transition: all.2s linear;
    transition: all.2s linear;
}

.idea-block__img-list .idea-block__img-ell .img:hover {
    -webkit-box-shadow: 0px 6px 20px 0px rgba(33, 36, 38, 0.1);
    box-shadow: 0px 6px 20px 0px rgba(33, 36, 38, 0.1);
}

.idea-block__img-list .idea-block__img-ell .img:hover:after {
    background-color: rgba(0, 0, 0, 0.15);
}

.idea-block__img-list .idea-block__img-ell .img:hover .look-ic {
    opacity: 1;
}

@media (max-width: 767px) {
    .idea-date {
        margin-bottom: 40px;
    }
    .idea-date-tag {
        display: block;
        margin-bottom: 40px;
    }
    .idea-date-tag .idea-date {
        margin-bottom: 10px;
    }
    .idea-block {
        padding: 30px 20px;
    }
    .idea-block .idea-block__title {
        margin-bottom: 15px;
    }
}

@media (max-width: 559px) {
    .idea-block .idea-block__map {
        width: 100%;
        height: 440px;
    }
    .idea-block__img-list {
        display: block;
        margin: 0 0 30px;
    }
    .idea-block__img-list .idea-block__img-ell {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .idea-block__img-list .idea-block__img-ell .img {
        width: 100%;
        height: 180px;
    }
}


/* file-multi */

.file-multi .file-multi__cont .file-multi__load {
    position: relative;
    width: 100%;
    height: 160px;
    background-color: #F4F6FA;
    overflow: hidden;
    margin-bottom: 10px;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__info {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: rgb(152, 152, 152);
    line-height: 1.4;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__info.error {
    font-size: 14px;
    color: #E44934;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label {
    display: none;
    max-width: 280px;
    margin: 40px auto 10px;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label.active {
    display: block;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label .file-multi__btn {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 16px;
    color: #E44934;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label .file-multi__btn:hover {
    color: #ffffff;
    background-color: #E44934;
    border: 1px solid #E44934;
}

.file-multi .file-multi__cont .file-multi__load .file-multi__label .file-multi__input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 200px;
    opacity: 0;
    z-index: 10;
}

.result-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.result-list .result-list__ell {
    position: relative;
    width: 140px;
    max-width: 33.333%;
    padding: 0 10px;
}

.result-list .result-list__ell .result-list__image {
    position: relative;
    width: 100%;
    height: 100px;
    border-radius: 4px;
    background-color: #F4F6FA;
    overflow: hidden;
}

.result-list .result-list__ell .result-list__image .image {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 20;
}

.result-list .result-list__ell .result-list__image .name {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

.result-list .result-list__ell .result-list__image .icon-close {
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    line-height: 24px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .3);
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 30;
}

.result-list .result-list__ell .result-list__image .icon-close:hover {
    background-color: rgba(0, 0, 0, .6);
}

@media (max-width: 419px) {
    .file-multi .file-multi__cont .file-multi__load .file-multi__label {
        margin: 30px auto 10px;
        max-width: 200px;
    }
    .file-multi .file-multi__cont .file-multi__load .file-multi__label .file-multi__btn {
        padding: 14px;
        font-size: 14px;
    }
    .file-multi .file-multi__cont .file-multi__load .file-multi__info {
        bottom: 20px;
        font-size: 14px;
    }
    .result-list {
        display: block;
        margin: 0 -10px;
    }
    .result-list .result-list__ell {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .result-list .result-list__ell .result-list__image {
        height: 120px;
    }
}

.map-wrap .ymaps-2-1-69-balloon {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.map-wrap .ymaps-2-1-69-searchbox-button-text {
    display: block;
    color: #ffffff;
    background-color: #E44934 !important;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.map-wrap .ymaps-2-1-69-searchbox-button {
    border: 1px solid #E44934 !important;
}

.map-wrap .ymaps-2-1-69-searchbox-button-text:hover {
    background-color: #D53A25 !important;
}

@media (min-width: 768px) {
    .map-wrap .ymaps-2-1-69-search.ymaps-2-1-69-search_layout_normal.ymaps-2-1-69-searchbox__normal-layout {
        position: absolute !important;
        left: 15px !important;
        top: 5px !important;
        width: calc(100% - 30px) !important;
    }
    .map-wrap input.ymaps-2-1-69-searchbox-input__input {
        height: auto !important;
        padding: 13px 2px !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 14px !important;
        line-height: 1;
        border-left: 9px solid transparent !important;
    }
    .map-wrap .ymaps-2-1-69-searchbox-button {
        height: auto !important;
        border: 1px solid #E44934 !important;
    }
    .map-wrap .ymaps-2-1-69-searchbox-button-text {
        color: #ffffff;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 16px !important;
        font-weight: bold;
        line-height: 1 !important;
        padding: 13px 50px !important;
        height: auto !important;
        background-color: #E44934 !important;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }
    .map-wrap .ymaps-2-1-69-searchbox-button-text:hover {
        background-color: #D53A25 !important;
    }
}

.ymaps-2-1-69-balloon {
    -webkit-box-shadow: 0px 10px 28px 0px rgba(33, 36, 38, 0.25) !important;
    box-shadow: 0px 10px 28px 0px rgba(33, 36, 38, 0.25) !important;
}

.map-wrap .btn.btn-prime {
    min-width: 260px;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px 15px;
    height: auto;
    margin-bottom: 0;
}

.map-ballon {
    padding: 12px 10px;
    max-width: 300px;
}

.map-ballon .map-ballon__title {
    font-size: 16px;
    font-weight: 600;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    margin-bottom: 10px;
}

.map-ballon .map-ballon__cords {
    font-size: 16px;
    color: rgb(152, 152, 152);
    margin-bottom: 10px;
}

.map-ballon .btn.btn-prime {
    min-width: 260px;
    border-radius: 4px;
    font-size: 16px;
    padding: 16px 15px;
    height: auto;
    margin-bottom: 0;
}

@media (max-width: 415px) {
    .map-ballon {
        padding: 12px 0px;
        max-width: 300px;
    }
    .map-ballon .map-ballon__title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .map-ballon .map-ballon__cords {
        font-size: 14px;
    }
    .map-ballon .btn.btn-prime {
        min-width: initial;
        max-width: 280px;
        margin: 0 auto;
        height: 48px;
        padding: 16px 14px;
        font-size: 13px;
    }
    .map-wrap .ymaps-2-1-69-balloon {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.ecology-info-bl {
    padding: 35px 28px 30px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 4px;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/eco-idea-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px 8px 30px 5px rgba(6, 95, 87, 0.24);
    box-shadow: 0px 8px 30px 5px rgba(6, 95, 87, 0.24);
    margin-bottom: 60px;
}

.ecology-info-bl .ecology-info-bl__title {
    font-weight: 700;
    margin-bottom: 10px;
}

.ecology-info-bl .ecology-info-bl__text p {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .ecology-info-bl {
        padding: 30px 20px 30px;
        font-size: 16px;
        margin-bottom: 40px;
    }
}

.task-card {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.task-card:hover {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
}

.task-card .task-card__link {
    display: block;
}

.task-card .task-card__link .task-card__image {
    position: relative;
    width: 100%;
    height: 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.task-card .task-card__link .task-card__image:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0));
    z-index: 10;
}

.task-card .task-card__image-default {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.task-card .task-card__image-default img {
    width: 90px;
    height: auto;
    vertical-align: text-bottom;
}

.task-card .task-card__link .task-card__image .task-card__image-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0));
}

.task-card .task-card__link .task-card__image .task-card__image-tag {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 6px 9px 5px;
    max-width: 240px;
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background-color: #ffffff;
    border-radius: 4px;
}

.task-card .task-card__link .task-card__content {
    padding: 30px 28px 90px;
}

.task-card .task-card__link .task-card__content .task-card__date {
    color: rgb(152, 152, 152);
    font-size: 14px;
    margin-bottom: 18px;
}

.task-card .task-card__link .task-card__content .task-card__title {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 30px;
}

.task-card .task-card__link .task-card__content .task-card__place {
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    color: rgb(216, 176, 140);
    line-height: 1.3;
    margin-bottom: 20px;
}

.task-card .task-card__link .task-card__content .task-card__place img {
    position: absolute;
    left: 0;
    top: -2px;
    width: 17px;
    height: auto;
}

.task-card .task-card__link .task-card__content .task-card__autor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 0 28px;
}

.task-card .task-card__link .task-card__content .task-card__autor .avatar {
    flex-shrink: 0;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #DFC3AA;
    overflow: hidden;
    margin-right: 12px;
}

.task-card .task-card__link .task-card__content .task-card__autor .avatar.avatar--alt {
    background-color: #649FDC;
}

.task-card .task-card__link .task-card__content .task-card__autor .avatar .user {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 20;
}

.task-card .task-card__link .task-card__content .task-card__autor .avatar .default {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.task-card .task-card__link .task-card__content .task-card__autor .name {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 6px;
}

.task-card .task-card__link .task-card__content .task-card__autor .date {
    font-size: 16px;
    color: #989898;
    line-height: 1;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .task-card .task-card__link .task-card__image {
        height: 220px;
    }
    .task-card .task-card__link .task-card__content {
        padding: 30px 20px 90px;
    }
    .task-card .task-card__link .task-card__image .task-card__image-tag {
        max-width: 180px;
        font-size: 12px;
        letter-spacing: 0;
    }
    .task-card .task-card__link .task-card__content .task-card__date {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .task-card .task-card__link .task-card__content .task-card__title {
        font-size: 16px;
        line-height: 1.3;
    }
    .task-card .task-card__link .task-card__content .task-card__place {
        padding-left: 25px;
        font-size: 14px;
    }
    .task-card .task-card__link .task-card__content .task-card__place img {
        left: 0;
        top: 0;
        width: 15px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor {
        padding: 0 20px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor .avatar {
        width: 50px;
        height: 50px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor .avatar .default {
        width: 24px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor .name {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .task-card .task-card__link .task-card__content .task-card__autor .date {
        font-size: 14px;
        margin-bottom: 0;
    }
}

.eco-section {
    margin-bottom: 60px;
}

.eco-task {}

.eco-task .eco-task__info {
    padding: 30px 40px 40px;
    color: #ffffff;
    border-radius: 4px;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/eco-task-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px 6px 20px 4px rgba(6, 95, 87, 0.25);
    box-shadow: 0px 6px 20px 4px rgba(6, 95, 87, 0.25);
    margin-bottom: 45px;
}

.eco-task .eco-task__info .eco-task__num {
    font-size: 140px;
    font-weight: 700;
    line-height: 140px;
    margin-bottom: 0;
}

.eco-task .eco-task__info .eco-task__text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 30px;
}

.eco-task .eco-task__info .eco-task__btn {
    color: #009688;
    background-color: #ffffff;
    margin-bottom: 0;
}

.eco-task .eco-task__info .eco-task__btn:hover {
    background-color: #efece9;
}

.eco-task .eco-task__cunter .eco-task__cunter-title {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    margin-bottom: 20px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-row {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) {
    margin-right: 30px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(2) {
    margin-right: 50px;
    margin-top: 5px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:last-child {
    position: relative;
    margin-right: 0;
    margin-top: 5px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:last-child:before {
    content: ":";
    position: absolute;
    left: -30px;
    top: 5px;
    color: #212426;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}

.eco-task .eco-task__cunter .eco-timer .countdown-amount {
    color: #212426;
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 2px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-period {
    color: #009688;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    letter-spacing: 3px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) {
    background-color: #009587;
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0px 10px 10px;
    border-radius: 6px;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) .countdown-amount {
    color: #ffffff;
    font-size: 90px;
    margin-bottom: 0;
}

.eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) .countdown-period {
    color: #ffffff;
}

@media (max-width: 767px) {
    .eco-task .eco-task__info {
        padding: 20px 20px 30px;
        margin-bottom: 30px;
    }
    .eco-task .eco-task__info .eco-task__num {
        font-size: 100px;
        line-height: 100px;
        margin-bottom: 5px;
    }
    .eco-task .eco-task__info .eco-task__text {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-section>* {
        display: block;
    }
}

@media (max-width: 640px) {
    .eco-task .eco-task__cunter .eco-timer .countdown-section {
        width: 100%;
        margin-right: 0px;
        padding: 5px 10px;
        margin-bottom: 0;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-section:last-child:before {
        content: none;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-amount {
        font-size: 50px;
        margin-bottom: 0px;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) {
        padding: 5px 10px;
    }
    .eco-task .eco-task__cunter .eco-timer .countdown-section:nth-child(1) .countdown-amount {
        font-size: 70px;
    }
}

.rating-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 30px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.rating-side .rating-side__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: rgb(152, 152, 152);
    line-height: 1;
}

.rating-side .rating-side__text img {
    width: 24px;
    height: auto;
    margin-right: 20px;
}

.rating-side .rating-side__num {
    font-size: 30px;
    color: rgb(0, 207, 145);
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 767px) {
    .rating-side {
        padding: 15px 20px;
    }
}

.voite-side {
    padding: 28px 30px 30px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.voite-side .voite-side__title {
    font-size: 21px;
    color: rgb(46, 48, 49);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 3px;
}

.voite-side .voite-side__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 14px;
}

.voite-side .voite-side__text {
    font-size: 14px;
    color: rgb(152, 152, 152);
    line-height: 1.2;
    margin-bottom: 16px;
}

.voite-side .voite-side__btn-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.voite-side .voite-side__btn-bl.voite-side__btn-bl--center {
    justify-content: center;
}

.voite-side__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48%;
    padding: 4px 5px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    overflow: hidden;
}

.voite-side .voite-side__btn:nth-child(2) {
    margin-left: 10px;
}

.voite-side__btn img {
    width: 18px;
    height: auto;
    margin-right: 12px;
}

.voite-side__btn.voite-side__btn--green {
    color: #ffffff;
    background-color: #00CF91;
}

.voite-side__btn.voite-side__btn--green:hover,
.voite-side__btn.voite-side__btn--green.active {
    color: #ffffff;
    background-color: #00BA82;
}

.voite-side__btn.voite-side__btn--green.active {
    color: #ffffff;
    background-color: #00BA82;
}

.voite-side__btn.voite-side__btn--red {
    color: #ffffff;
    background-color: #E44934;
}

.voite-side__btn.voite-side__btn--red:hover,
.voite-side__btn.voite-side__btn--red.active {
    color: #ffffff;
    background-color: #B81F0A;
}

.voite-side__btn.voite-side__btn--green.process:before {
    background-color: #00BA82;
}

.voite-side__btn.voite-side__btn--red.process:before {
    background-color: #B81F0A;
}

.voite-side__btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/spinner.svg');
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: all .2s linear;
}

.voite-side__btn.process:before {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1199px) {
    .voite-side__btn img {
        width: 15px;
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .voite-side {
        padding: 28px 20px;
    }
}

.idea-autor-side {
    padding: 34px 30px 35px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.idea-autor-side .idea-autor-side__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.idea-autor-side .idea-autor-side__title {
    font-size: 21px;
    color: rgb(46, 48, 49);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 0;
}

.idea-autor-side.idea-autor-side--pr .idea-autor-side__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.idea-autor-side .idea-autor-side__all-task {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 130px;
}

.idea-autor-side .idea-autor-side__all-task .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #D8B08C;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
    margin-right: 10px;
}

.idea-autor-side .idea-autor-side__all-task .text {
    font-size: 14px;
    color: rgb(152, 152, 152);
    line-height: 1.2;
}

.idea-autor-side__avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.idea-autor-side__avatar .name {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.3;
}

.idea-autor-side .btn {
    height: auto;
    padding: 18px 15px;
    border-radius: 4px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .idea-autor-side {
        padding: 30px 20px 30px;
    }
}

.user-bl {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #EFECE9;
    margin-right: 14px;
    overflow: hidden;
}

.user-bl .user-bl__def {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.user-bl .user-bl__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 20;
}

.soc-list-sq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 365px;
    margin-bottom: 20px;
}

.soc-list-sq .soc-list-sq__ell a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 68px;
    height: 50px;
    border: 1px solid #E2D9D3;
    border-radius: 4px;
}

.soc-list-sq .soc-list-sq__ell a i {
    color: #D8B08C;
    font-size: 18px;
}

.soc-list-sq .soc-list-sq__ell a:hover {
    background-color: #E2D9D3;
}


/* soc-idea */

.btn.btn-soc-idea {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px;
    color: #ffffff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    background-color: #E44934;
    background: -webkit-gradient(linear, left top, right top, from(#6F7D94), to(#649FDB));
    background: -webkit-linear-gradient(left, #6F7D94, #649FDB);
    background: -o-linear-gradient(left, #6F7D94, #649FDB);
    background: linear-gradient(to right, #6F7D94, #649FDB);
    box-shadow: 0px 10px 20px 0px rgba(167, 167, 167, 0.4);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-soc-idea:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #649FDC;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-soc-idea .text {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.btn.btn-soc-idea:hover {
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

.btn.btn-soc-idea:hover:after {
    opacity: 1;
}

.btn-soc-idea.btn-soc-idea--icon .text {
    padding-left: 80px;
}

.btn-soc-idea.btn-soc-idea--icon .btn-icon {
    position: absolute;
    top: 50%;
    left: 7px;
    width: 36px;
    height: 36px;
    transform: translateY(-50%);
}

.btn-soc-idea.btn-soc-idea--icon .text:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 64px;
    width: 2px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-50%);
}

.btn.btn-offering {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px;
    color: #ffffff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    background-color: #1771F1;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-offering:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn.btn-offering .text {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.btn.btn-offering:hover:after {
    opacity: 1;
}

.btn-offering.btn-offering--icon .text {
    padding-left: 80px;
}

.btn-offering.btn-offering--icon .btn-icon {
    position: absolute;
    top: 50%;
    left: 7px;
    width: 36px;
    height: 36px;
    transform: translateY(-50%);
}

.btn-offering.btn-offering--icon .text:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 64px;
    width: 2px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-50%);
}

@media (max-width: 419px) {
    .btn.btn-soc-idea {
        width: 100% !important;
        max-width: 350px;
    }
    .btn-soc-idea.btn-soc-idea--icon .text {
        padding-left: 60px;
    }
    .btn-soc-idea.btn-soc-idea--icon .btn-icon {
        left: 5px;
        width: 30px;
        height: 30px;
    }
    .btn-soc-idea.btn-soc-idea--icon .text:before {
        height: 30px;
    }
    .btn-offering {
        width: 100% !important;
        max-width: 350px;
    }
    .btn-offering.btn-offering--icon .text {
        padding-left: 60px;
    }
    .btn-offering.btn-offering--icon .btn-icon {
        left: 5px;
        width: 30px;
        height: 30px;
    }
    .btn-offering.btn-offering--icon .text:before {
        height: 30px;
    }
}

.soc-idea-section {
    margin-bottom: 60px;
}

.soc-idea-section__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 26px;
}

.soc-idea-section__text {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 0.08em;
    margin-bottom: 40px;
}

.soc-idea-section .btn.btn-soc-idea {
    width: 350px !important;
    max-width: 350px;
}

.soc-idea-section__stick {
    display: inline-block;
    padding: 11px 18px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#E55D61), to(#FF9A6E));
    background: -webkit-linear-gradient(left, #E55D61, #FF9A6E);
    background: -o-linear-gradient(left, #E55D61, #FF9A6E);
    background: linear-gradient(to right, #E55D61, #FF9A6E);
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .soc-idea-section {
        margin-bottom: 40px;
    }
    .soc-idea-section__title {
        font-size: 24px;
    }
    .soc-idea-section__text {
        font-weight: 18px;
    }
    .soc-idea-section__stick {
        padding: 11px 14px;
        font-size: 14px;
    }
}

@media (max-width: 419px) {
    .soc-idea-section .btn.btn-soc-idea {
        width: 100% !important;
        max-width: 350px;
    }
}

.soc-idea-card {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 28px;
    color: #212426;
    background-color: #ffffff;
    border-radius: 6px;
}

.soc-idea-card .soc-idea-card__icon {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 16px;
    height: auto;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.soc-idea-card .soc-idea-card__title {
    min-height: 36px;
    padding-right: 30px;
    color: rgb(100, 159, 220);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 0.01em;
    margin-bottom: 15px;
}

.soc-idea-card .soc-idea-card__text {
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.01em;
    margin-bottom: 0;
}

.soc-idea-card:hover {
    color: #212426;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
}

.soc-idea-card:hover .soc-idea-card__icon {
    top: 20px;
    right: 20px;
    width: 24px;
}

@media (max-width: 419px) {
    .soc-idea-card {
        padding: 30px 20px;
    }
}

.soc-idea-all {
    position: relative;
    width: 100%;
    padding: 33px 30px 47px;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#6E7F96), to(#659DD9));
    background: -webkit-linear-gradient(left, #6E7F96, #659DD9);
    background: -o-linear-gradient(left, #6E7F96, #659DD9);
    background: linear-gradient(to right, #6E7F96, #659DD9);
}

.soc-idea-all .soc-idea-all__num {
    position: absolute;
    top: 13px;
    right: 24px;
    color: rgb(255, 255, 255);
    font-size: 88px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 5px 10px rgba(128, 42, 45, 0.2);
    line-height: 1;
    letter-spacing: 3px;
}

.soc-idea-all .soc-idea-all__title {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.125;
    margin-bottom: 34px;
}

.soc-idea-all .soc-idea-all__btn {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 20px 18px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.soc-idea-all .soc-idea-all__btn img {
    width: 22px;
    height: auto;
}

.soc-idea-all .soc-idea-all__btn:hover {
    color: rgb(100, 159, 220);
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

@media (max-width: 419px) {
    .soc-idea-all {
        padding: 20px 20px 30px;
    }
    .soc-idea-all .soc-idea-all__num {
        top: -20px;
        right: 20px;
    }
}

.idea-timer {
    display: flex;
    padding-top: 26px;
    padding-bottom: 15px;
}

.idea-timer__text {
    flex-shrink: 0;
    max-width: 126px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.28;
    letter-spacing: 0.08em;
}

.soc-idea--timer {
    max-width: 752px;
    padding: 0 40px;
    margin-bottom: 10px;
}

.soc-idea--timer .countdown-row {
    color: #E44934;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.soc-idea--timer .countdown-section {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-right: 100px;
}

.soc-idea--timer .countdown-section:after {
    content: ":";
    position: absolute;
    bottom: 30px;
    right: -70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #8495AC;
    width: 40px;
    height: 40px;
}

.soc-idea--timer .countdown-section:last-child {
    margin-right: 0px;
}

.soc-idea--timer .countdown-section:last-child:after {
    content: none;
}

.soc-idea--timer .countdown-amount {
    color: #649FDC;
    font-size: 120px;
    font-weight: 700;
    line-height: 85px;
    text-align: center;
    margin-bottom: 0;
}

.soc-idea--timer .countdown-period {
    color: #8495AC;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.25em;
    margin-bottom: 18px;
}

@media (max-width: 767px) {
    .idea-timer {
        display: block;
        padding-top: 0px;
        padding-bottom: 15px;
    }
    .idea-timer__text {
        max-width: 100%;
        margin-right: 0;
    }
    .idea-timer__text br {
        display: none;
    }
    .soc-idea--timer {
        max-width: 390px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .soc-idea--timer .countdown-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .soc-idea--timer .countdown-section {
        margin-right: 60px;
    }
    .soc-idea--timer .countdown-section:last-child {
        margin-right: 0px;
    }
    .soc-idea--timer .countdown-section>* {
        width: auto;
    }
    .soc-idea--timer .countdown-amount {
        font-size: 80px;
        line-height: 58px;
    }
    .soc-idea--timer .countdown-period {
        margin-bottom: 20px;
    }
    .soc-idea--timer .countdown-section:after {
        bottom: 16px;
        right: -38px;
        width: 26px;
        height: 26px;
    }
}

@media (max-width: 419px) {
    .soc-idea--timer {
        max-width: 290px;
        padding: 0;
        margin-bottom: 0;
    }
    .soc-idea--timer .countdown-amount {
        font-size: 60px;
        line-height: 44px;
    }
    .soc-idea--timer .countdown-section {
        margin-right: 50px;
    }
    .soc-idea--timer .countdown-section:last-child {
        margin-right: 0px;
    }
    .soc-idea--timer .countdown-period {
        margin-bottom: 10px;
    }
    .soc-idea--timer .countdown-section:after {
        bottom: 13px;
        right: -36px;
        width: 20px;
        height: 20px;
    }
}


/* soc-idea pages */

.btn-soc-idea-add {
    color: #ffffff;
    background: -webkit-gradient(linear, left top, right top, from(#E55D61), to(#FF9A6E));
    background: -webkit-linear-gradient(left, #E55D61, #FF9A6E);
    background: -o-linear-gradient(left, #E55D61, #FF9A6E);
    background: linear-gradient(to right, #E55D61, #FF9A6E);
}

.btn-soc-idea-add:hover {
    color: #ffffff;
    background: -webkit-gradient(linear, left top, right top, from(#D53A25), to(#D53A25));
    background: -webkit-linear-gradient(left, #D53A25, #D53A25);
    background: -o-linear-gradient(left, #D53A25, #D53A25);
    background: linear-gradient(to right, #D53A25, #D53A25);
}

.str-card {
    padding: 46px 30px 40px;
    border-radius: 6px;
    border: 1px solid #C1B4AF;
}

.str-card .str-card__logo {
    display: block;
    width: 100%;
    max-width: 244px;
    margin: 0 auto 36px;
}

.str-card .str-card__text {
    color: #765a53;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    margin-bottom: 15px;
}

.str-card .str-card__title {
    color: #533f3b;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 30px;
}

.str-card .str-card__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.str-card .str-card__btn-load {
    max-width: 150px;
    margin-right: 38px;
    color: #ffffff;
    background-color: #765A53;
    margin-bottom: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(75, 46, 20, 0.2);
}

.str-card .str-card__btn-load:hover {
    background-color: #56413C;
}

.str-card .str-card__btn-more {
    color: rgb(83, 63, 59);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.str-card .str-card__btn-more:hover {
    color: #D53A25;
}

@media (max-width: 419px) {
    .str-card {
        padding: 30px 20px;
    }
}

.soc-idea-cat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 28px 28px 40px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.soc-idea-cat:hover {
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
}

.soc-idea-cat .soc-idea-cat__title {
    min-height: 36px;
    color: #649FDC;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3;
    margin-bottom: 23px;
}

.soc-idea-cat .soc-idea-cat__text {
    color: rgb(33, 36, 38);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 36px;
}

.soc-idea-cat .soc-idea-cat__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.soc-idea-cat .soc-idea-cat__num .text {
    color: rgb(191, 191, 191);
    font-size: 16px;
    line-height: 1.3;
}

.soc-idea-cat .soc-idea-cat__num .num {
    padding: 10px;
    color: #649fdc;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    background-color: #F9F8F7;
    border-radius: 6px;
}

.soc-idea-cat .soc-idea-cat__num .num.num--grey {
    color: #bfbfbf;
}

.soc-idea-cat .btn {
    max-width: 100%;
    padding: 21px 5px;
}

.soc-idea-cat .soc-idea-cat__bnt-all {
    color: #649FDC;
    border: 1px solid rgba(100, 159, 220, .6);
    margin-bottom: 0;
}

.soc-idea-cat .soc-idea-cat__bnt-all:hover {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

@media (max-width: 419px) {
    .soc-idea-cat {
        padding: 30px 20px;
    }
}

.soc-idea-info {
    position: relative;
    min-height: 180px;
    padding: 42px 28px 32px;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#6F7D94), to(#649FDB));
    background: -webkit-linear-gradient(left, #6F7D94, #649FDB);
    background: -o-linear-gradient(left, #6F7D94, #649FDB);
    background: linear-gradient(to right, #6F7D94, #649FDB);
    margin-bottom: 60px;
}

.soc-idea-info__icon {
    position: absolute;
    top: 14px;
    right: 42px;
    width: 112px;
    height: auto;
}

.soc-idea-info__title {
    color: #ffffff;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 24px;
}

.soc-idea-info__text {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.soc-idea-info__text p {
    margin-bottom: 12px;
}

.soc-idea-info-wrap .soc-idea-info {
    margin-bottom: 30px;
}

.soc-idea-info-wrap .btn-soc-idea {
    margin: 0 auto 70px;
}

@media (max-width: 767px) {
    .soc-idea-info {
        padding-right: 28px;
    }
    .soc-idea-info__title {
        padding-right: 100px;
        margin-bottom: 28px;
    }
    .soc-idea-info__icon {
        top: 10px;
        right: 28px;
        width: 50px;
    }
    .soc-idea-info-wrap .btn-soc-idea {
        margin-bottom: 50px;
    }
}

@media (max-width: 419px) {
    .soc-idea-info {
        padding: 30px 20px 30px;
        padding-right: 20px;
        margin-bottom: 40px;
    }
    .soc-idea-info__title {
        padding-right: 100px;
        font-size: 20px;
        margin-bottom: 28px;
    }
    .soc-idea-info__text {
        font-size: 16px;
    }
}

.idea-cat-side {
    display: block;
    padding: 28px 30px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.idea-cat-side:hover {
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
}

.idea-cat-side__title {
    color: rgb(46, 48, 49);
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 16px;
}

.idea-cat-side__cat {
    color: rgb(229, 93, 97);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3;
    margin-bottom: 10px;
}

.idea-cat-side__text {
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .idea-cat-side {
        padding: 28px 20px;
    }
}

.collapse-block {
    margin-bottom: 30px;
}

.collapse-block .collapse-block__ell {
    margin-top: -1px;
}

.collapse-block .collapse-block__ell .collapse-block__head {
    position: relative;
    display: flex;
    padding: 25px 28px;
    padding-right: 50px;
    color: rgb(33, 36, 38);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    border-top: 1px solid rgba(152, 166, 177, 0.28);
    border-bottom: 1px solid rgba(152, 166, 177, 0.28);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.collapse-block .collapse-block__ell .collapse-block__head i {
    position: absolute;
    right: 28px;
    top: 50%;
    color: #98A6B1;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.collapse-block .collapse-block__ell .collapse-block__head[aria-expanded="true"] {
    background-color: #F9F8F7
}

.collapse-block .collapse-block__ell .collapse-block__head[aria-expanded="true"] i {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
}

.collapse-block .collapse-block__ell .collapse-block__body {
    padding: 20px 28px;
    font-size: 18px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .collapse-block .collapse-block__ell .collapse-block__head {
        padding: 16px 20px;
        padding-right: 42px;
        font-size: 16px;
    }
    .collapse-block .collapse-block__ell .collapse-block__head i {
        right: 20px;
    }
    .collapse-block .collapse-block__ell .collapse-block__body {
        padding: 16px 20px;
        font-size: 16px;
    }
}

.br-card {
    padding: 42px 30px 30px 30px;
    border: 1px solid;
    border-image: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
    border-image-slice: 1;
    border-radius: 6px;
}

.br-card .br-card__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    color: #212426;
    margin-bottom: 57px;
}

@media (max-width: 767px) {
    .br-card {
        padding: 32px 20px 40px;
    }
    .br-card .br-card__title {
        font-size: 18px;
        margin-bottom: 30px;
    }
}

.info-block {
    padding: 36px 28px 20px;
    background-color: #ffffff;
    border-radius: 6px;
    margin-bottom: 30px;
}

.info-block p {
    margin-bottom: 10px;
}

@media (max-width: 419px) {
    .info-block {
        padding: 30px 20px 20px;
    }
}

.category-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 36px 28px 30px;
    background-color: #ffffff;
    border-radius: 6px;
    margin-bottom: 50px;
}

.category-card .category-card__name {
    color: rgb(152, 152, 152);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 15px;
}

.category-card .category-card__name .br {
    margin: 0 10px;
}

.category-card .category-card__name .color {
    color: #e55d61;
}

.category-card .category-card__text {
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0;
}

.category-card .btn {
    max-width: 264px;
    border-radius: 6px;
    margin-left: 30px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .category-card {
        display: block;
        padding: 30px 20px 30px;
        margin-bottom: 40px;
    }
    .category-card .category-card__text {
        margin-bottom: 20px;
    }
    .category-card .btn {
        margin-left: 0;
        margin-bottom: 0;
    }
}

.cat-all-card {
    width: 100%;
    padding: 43px 30px 48px;
    border-radius: 6px;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/cat-all-card-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cat-all-card .cat-all-card__title {
    margin-bottom: 44px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.35);
}

.cat-all-card .cat-all-card__num {
    color: #ffffff;
    font-size: 120px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 85px;
    letter-spacing: 7px;
    margin-bottom: 42px;
}

.cat-all-card .cat-all-card__text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.313;
    margin-bottom: 35px;
}

.cat-all-card .cat-all-card__icon {
    display: block;
    width: 140px;
    height: auto;
    margin: 0 auto 42px;
    vertical-align: text-bottom;
}

.cat-all-card .btn-border {
    height: 62px;
    padding: 22px 15px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 auto;
}

.cat-all-card .btn-border:hover {
    color: rgb(100, 159, 220);
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

@media (max-width: 767px) {
    .cat-all-card {
        width: 100%;
        padding: 40px 20px 40px;
    }
    .cat-all-card .cat-all-card__title {
        margin-bottom: 30px;
    }
    .cat-all-card .cat-all-card__num {
        font-size: 100px;
        line-height: 70px;
        margin-bottom: 20px;
    }
    .cat-all-card .cat-all-card__text {
        margin-bottom: 20px;
    }
    .cat-all-card .cat-all-card__icon {
        width: 100px;
        margin: 0 auto 36px;
    }
    .cat-all-card .btn-border {
        height: 58px;
        padding: 20px 15px;
    }
}

.anniversary--bg {
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/pattern.jpg');
    background-repeat: repeat;
}

.section-anniversary {
    position: relative;
    z-index: 40;
}

.anniversary-block {
    position: relative;
    padding: 126px 0 80px;
}

.anniversary-block .anniversary-block__img-bg-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
}

.anniversary-block .anniversary-block__img-bg-wrap .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.anniversary-block .anniversary-block__img-bg {
    position: relative;
    width: 100%;
}

.anniversary-block .anniversary-img-bg-1 {
    position: absolute;
    left: -357px;
    top: 501px;
    width: 396px;
    height: auto;
}

.anniversary-block .anniversary-img-bg-2 {
    position: absolute;
    right: -452px;
    bottom: -47px;
    width: 431px;
    height: auto;
}

.anniversary-block .anniversary-block__body {
    position: relative;
    z-index: 20;
}

.anniversary-content {
    margin-bottom: 30px;
}

.anniversary-block .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
}

.tag-title {
    display: inline-block;
    padding: 7px 20px 6px;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.08em;
    background-color: #E44934;
    margin-left: 20px;
}

.anniversary-content .text {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 42px;
}

.anniversary-content .btn {
    height: 62px;
    padding: 23px 15px;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
    box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
}

.anniversary-image {
    margin-bottom: 54px;
}

.anniversary-image img {
    position: relative;
    height: auto;
    margin-top: -126px;
    margin-left: 11px;
    vertical-align: text-bottom;
}

@media (max-width: 1199px) {
    .anniversary-block .anniversary-block__img-bg-wrap {
        display: none;
    }
    .anniversary-content {
        margin-bottom: 50px;
    }
    .anniversary-content .btn {
        height: 62px;
    }
    .anniversary-image {
        display: none;
    }
}

@media (max-width: 992px) {
    .anniversary-image {
        display: none;
    }
}

@media (max-width: 767px) {
    .anniversary-block {
        position: relative;
        padding: 60px 0 0;
    }
    .anniversary-block .anniversary-block__img-bg-wrap {
        display: none;
    }
    .anniversary-content {
        margin-bottom: 50px;
    }
    .anniversary-block .section-title {
        display: block;
        margin-bottom: 22px;
    }
    .anniversary-block .text-title {
        display: block;
        margin-bottom: 10px;
    }
    .tag-title {
        padding: 7px 16px 6px;
        font-size: 12px;
        margin-left: 0;
    }
    .anniversary-content .text {
        font-size: 18px;
        margin-bottom: 32px;
    }
    .anniversary-content .btn {
        height: 58px;
        padding: 21px 15px;
    }
}

.anniversary-progect-all {
    position: relative;
    width: 100%;
}

.anniversary-progect-all .anniversary-progect-all__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 28px;
}

.anniversary-progect-all .anniversary-progect-al__body {
    padding: 52px 30px 37px;
    border-radius: 6px;
    background-color: #D8B08C;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
}

.anniversary-progect-all .anniversary-progect-all__num {
    color: rgb(228, 73, 52);
    font-size: 88px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 5px 10px rgba(128, 42, 45, 0.2);
    line-height: 68px;
    margin-top: -6px;
}

.anniversary-progect-all .anniversary-progect-all__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 6px;
}

.anniversary-progect-all .btn-border {
    height: 58px;
    padding: 20px 15px;
    color: #ffffff;
    border: 1px solid #ffffff;
    margin: 0 auto 15px;
}

.anniversary-progect-all .btn-bruwn {
    height: 58px;
    padding: 20px 15px;
    margin: 0 auto 20px;
    background-color: #BF9773;
}

.anniversary-progect-all .btn-bruwn:hover {
    background-color: #D53A25;
}

@media (max-width: 767px) {
    .anniversary-progect-all .anniversary-progect-al__body {
        padding: 40px 20px 25px;
    }
    .anniversary-progect-all .anniversary-progect-all__num {
        font-size: 100px;
    }
    .anniversary-progect-all .anniversary-progect-all__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 20px;
    }
}

.anniversar-timer-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px 30px 20px;
    background-color: #D8B08C;
    border-radius: 4px;
    -webkit-box-shadow: 0px 8px 24px 0 rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 24px 0 rgba(184, 144, 108, 0.3);
    margin-bottom: -170px;
}

.anniversar-timer-bl .anniversar-timer-bl__cont {
    display: block;
    width: 66.666%;
}

.anniversar-timer-bl .anniversar-timer-bl__text {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 40px;
}

.anniversar-timer-bl .anniversar-timer-bl__btn {
    width: 33.333%;
    padding-left: 60px;
}

.anniversar-timer-bl .anniversar-timer-bl__title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
}

.anniversar-timer-bl .anniversar-timer-bl__num {
    display: block;
    color: #ffffff;
    font-size: 72px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 54px;
    margin-bottom: 20px;
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn {
    width: 300px;
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn.btn-prime {
    box-shadow: 0px 8px 30px 0px rgba(151, 29, 12, 0.4);
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn.btn-prime:hover {
    box-shadow: 0px 2px 10px 0px rgba(151, 29, 12, 0.2);
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn.btn-border {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.anniversar-timer-bl .anniversar-timer-bl__btn .btn.btn-border:hover {
    border: 1px solid #D53A25;
}

@media (max-width: 1199px) {
    .anniversar-timer-bl .anniversar-timer-bl__text {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn {
        padding-left: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn .btn {
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 991px) {
    .anniversar-timer-bl {
        display: block;
    }
    .anniversar-timer-bl .anniversar-timer-bl__cont {
        width: 100%;
        margin-bottom: 30px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__text {
        margin-bottom: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn {
        width: 100%;
        padding-left: 0px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__header {
        display: flex;
        align-items: flex-end;
        margin-bottom: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__title {
        margin-bottom: 0;
    }
    .anniversar-timer-bl .anniversar-timer-bl__title br {
        display: none;
    }
    .anniversar-timer-bl .anniversar-timer-bl__num {
        font-size: 42px;
        line-height: 36px;
        margin-bottom: 0;
        margin-left: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn .btn {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .anniversar-timer-bl {
        display: block;
        padding: 30px 20px 10px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__cont {
        width: 100%;
        margin-bottom: 30px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__text {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn {
        width: 100%;
        padding-left: 0px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__header {
        display: block;
        margin-bottom: 20px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .anniversar-timer-bl .anniversar-timer-bl__title br {
        display: none;
    }
    .anniversar-timer-bl .anniversar-timer-bl__num {
        font-size: 46px;
        line-height: 36px;
        margin-bottom: 0;
        margin-left: 0;
    }
    .anniversar-timer-bl .anniversar-timer-bl__btn .btn {
        margin: 0 auto 20px;
    }
}

.tag-timer {
    display: inline-block;
    padding: 10px 27px;
    color: rgb(216, 176, 140);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #D8B08C;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .tag-timer {
        padding: 10px 14px 8px;
        font-size: 14px;
        margin-bottom: 30px;
    }
}

.anniversar-timer-bl__timer {
    margin-bottom: 27px;
}

.anniversar-timer-bl__timer .countdown-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: inherit;
}

.anniversar-timer-bl__timer .countdown-row .countdown-section {
    position: relative;
    color: #ffffff;
    margin-right: 140px;
}

.anniversar-timer-bl__timer .countdown-row .countdown-section:first-child:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -65px;
    width: 2px;
    height: 126px;
    background-color: rgba(255, 255, 255, 0.4);
    transform: rotateZ(18deg);
}

.anniversar-timer-bl__timer .countdown-row .countdown-section:nth-child(2):after {
    content: ":";
    position: absolute;
    top: 28px;
    right: -72px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 26px;
}

.anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-amount {
    font-size: 120px;
    font-weight: 700;
    line-height: 86px;
    margin-bottom: 20px;
}

.anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-period {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .anniversar-timer-bl__timer .countdown-row .countdown-section {
        position: relative;
        margin-right: 100px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:first-child:after {
        top: 0px;
        right: -50px;
        width: 2px;
        height: 80px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:nth-child(2):after {
        top: 20px;
        right: -58px;
        font-size: 26px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-amount {
        display: block;
        font-size: 100px;
        line-height: 70px;
        margin-bottom: 15px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-period {
        display: block;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .anniversar-timer-bl__timer .countdown-row .countdown-section {
        position: relative;
        display: block;
        margin-right: 30px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:last-child {
        margin-right: 0;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:first-child:after {
        top: 13px;
        right: -15px;
        width: 2px;
        height: 50px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section:nth-child(2):after {
        top: 20px;
        right: -20px;
        font-size: 20px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-amount {
        display: block;
        width: auto;
        padding: 0;
        font-size: 60px;
        line-height: 70px;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .anniversar-timer-bl__timer .countdown-row .countdown-section .countdown-period {
        display: block;
        width: auto;
        font-size: 14px;
    }
}

.anniversary-footer {
    position: relative;
    padding: 0 0 60px;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/pattern-2.jpg');
    background-repeat: repeat;
    z-index: 50;
}

.anniversary-slider-wrap .anniversary-slider__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 26px;
}

.anniversary-slider-wrap .anniversary-slider__header .section-title {
    margin-bottom: 0px;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid #CDA27A;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin-right: 16px;
    cursor: pointer;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr i {
    color: #C99B71;
    font-size: 14px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr:hover {
    border: 1px solid #E44934;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr:hover i {
    color: #E44934;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr.slick-disabled {
    opacity: 0.6;
    cursor: default;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr.slick-disabled:hover {
    border: 1px solid #CDA27A;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr.slick-disabled:hover i {
    color: #C99B71;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr:last-child {
    margin-right: 0;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-prev i {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
}

.anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-next i {
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
}

.anniversary-slider-wrap .anniversary-slider__btn .btn {
    height: 62px;
    max-width: 362px;
    margin: 0 auto 20px;
    padding: 23px 15px;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
    box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
}

@media (max-width: 767px) {
    .anniversary-slider-wrap .anniversary-slider__header {
        position: relative;
        margin-bottom: 50px;
    }
    .anniversary-slider-wrap .section-title {
        margin-bottom: 20px;
    }
    .anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control {
        position: absolute;
        left: 0;
        bottom: -40px;
        margin-left: 0;
    }
    .anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    .anniversary-slider-wrap .anniversary-slider__header .anniversary-slider__control .slide-arr i {
        font-size: 12px;
    }
    .anniversary-slider-wrap .anniversary-slider__btn .btn {
        height: 58px;
        padding: 21px 15px;
    }
}

.anniversary-slider.slick-slider {
    margin-left: -15px;
    margin-right: -15px;
}

.anniversary-slider.slick-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.anniversary-slider .slider-ell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 10px 15px 30px;
}

.anniversary-card {
    display: block;
    width: 100%;
    padding: 43px 28px 37px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 12px 30px 0px rgba(184, 144, 108, 0.35);
    box-shadow: 0px 12px 30px 0px rgba(184, 144, 108, 0.35);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.anniversary-card .anniversary-card__icon {
    width: auto;
    height: 80px;
    margin-bottom: 30px;
}

.anniversary-card .anniversary-card__name {
    color: rgb(33, 36, 38);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.anniversary-card:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 0px 0px 0px rgba(184, 144, 108, 0.3);
}

.anniversary-card:hover .anniversary-card__name {
    color: #E44934;
}

@media (max-width: 767px) {
    .anniversary-card {
        padding: 40px 20px 30px;
    }
}

.page-anniversary .section-anniversary {
    padding-top: 174px;
    padding-bottom: 0px;
}

.page-anniversary .anniversary-block {
    position: relative;
    padding: 74px 0 80px;
}

.page-anniversary .anniversar-timer-bl {
    margin-bottom: 60px;
}

@media (max-width: 992px) {
    .page-anniversary .section-anniversary {
        padding-top: 80px;
        padding-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .page-anniversary .section-anniversary {
        padding-top: 60px;
        padding-bottom: 0px;
    }
    .page-anniversary .anniversar-timer-bl {
        margin-bottom: 40px;
    }
}

.flex-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.flex-tag .idea-date {
    margin-bottom: 0;
}

.flex-tag .status-tag {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .flex-tag {
        display: block;
        margin-bottom: 18px;
    }
    .flex-tag .idea-date {
        margin-bottom: 10px;
    }
    .flex-tag .status-tag {
        margin-left: 0px;
    }
}

.status-tag {
    display: inline-block;
    position: relative;
    padding: 8px 14px 7px 32px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .06em;
    background-color: #ffffff;
    border-radius: 4px;
}

.status-tag::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #BCBDBD;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.status-tag.status-tag--red::before {
    background-color: #F6522E;
}

.anniversary-card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 21px 30px 22px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.anniversary-card-info .anniversary-card-info__icon {
    width: auto;
    height: 46px;
    margin-right: 34px;
}

.anniversary-card-info .anniversary-card-info__descr {
    color: rgb(152, 152, 152);
    font-size: 14px;
    margin-bottom: 10px;
}

.anniversary-card-info .anniversary-card-info__name {
    color: rgb(33, 36, 38);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .anniversary-card-info {
        display: block;
        padding: 21px 20px 22px;
    }
    .anniversary-card-info .anniversary-card-info__icon {
        width: auto;
        height: 54px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .anniversary-card-info .anniversary-card-info__descr {
        margin-bottom: 4px;
    }
}

.tabs-card {
    margin-bottom: 30px;
}

.tabs-card .nav-tabs {
    border-bottom: none;
}

.tabs-card .nav-tabs>li {
    margin-bottom: 0;
}

.tabs-card .nav-tabs>li>a {
    padding: 19px 38px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    background-color: #ACA298;
    border-radius: 4px 4px 0 0;
    border: none;
    margin-right: 6px;
}

.tabs-card .nav-tabs>li.active>a,
.tabs-card .nav-tabs>li.active>a:hover,
.tabs-card .nav-tabs>li.active>a:focus {
    color: #212426;
    background-color: #ffffff;
    border: none;
}

.tabs-card .tab-content {
    padding: 25px 20px 20px;
    background-color: #ffffff;
    border-radius: 0 4px 4px 4px;
}

@media (max-width: 767px) {
    .tabs-card .nav-tabs {
        border-bottom: none;
    }
    .tabs-card .nav-tabs>li {
        display: block;
        float: none;
        margin-bottom: 0;
    }
    .tabs-card .nav-tabs>li>a {
        display: block;
        padding: 16px 20px;
        border-radius: 0;
        border: none;
        margin-right: 0;
    }
    .tabs-card .nav-tabs>li:first-child>a {
        border-radius: 4px 4px 0 0;
    }
    .tabs-card .tab-content {
        padding: 25px 15px 20px;
        border-radius: 0 0 4px 4px;
    }
}

.list-table {
    position: relative;
    margin-bottom: 30px;
}

.list-table .list-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-table .list-table__row:nth-child(even) {
    background-color: #F9F8F7;
}

.list-table .list-table__col {
    padding: 20px;
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
}

.list-table .list-table__col:first-child {
    width: 35%;
    font-weight: 700;
}

.list-table .list-table__col:last-child {
    width: 65%;
}

.list-table.list-table--num .list-table__ell-num {
    position: absolute;
    left: 20px;
    top: 18px;
    color: #212426;
}

.list-table.list-table--num .list-table__col:first-child {
    width: 50%;
    padding-left: 46px;
    color: #989898;
    font-weight: 400;
}

.list-table.list-table--num .list-table__col:last-child {
    width: 50%;
}

@media (max-width: 767px) {
    .list-table {
        margin-bottom: 30px;
    }
    .list-table .list-table__row {
        display: block;
        padding: 10px 0;
    }
    .list-table .list-table__col {
        padding: 3px 10px;
    }
    .list-table .list-table__col:first-child {
        width: 100%;
    }
    .list-table .list-table__col:last-child {
        width: 100%;
    }
    .list-table.list-table--num .list-table__ell-num {
        position: static;
        left: auto;
        top: auto;
        padding: 10px;
        font-size: 18px;
    }
    .list-table.list-table--num .list-table__col:first-child {
        padding-left: 10px;
        width: 100%;
    }
    .list-table.list-table--num .list-table__col:last-child {
        width: 100%;
    }
}

.hr-line {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 30px;
}

.pres-pr-bl {
    padding: 20px;
}

.pres-pr-bl .pres-pr-bl__label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 12px;
}

.pres-pr-bl .pres-pr-bl__file {
    position: relative;
    padding: 19px 18px;
    padding-right: 116px;
    border: 1px solid #F1F1F2;
    border-radius: 4px;
    margin-bottom: 26px;
}

.pres-pr-bl .pres-pr-bl__file-name {
    font-size: 16px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.pres-pr-bl .pres-pr-bl__file-name .light {
    color: #989898;
}

.pres-pr-bl .pres-pr-bl__file-icon {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 12px 0;
}

.pres-pr-bl .pres-pr-bl__file-icon .file-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 58px;
    border-left: 1px solid #F1F1F2;
}

.pres-pr-bl .pres-pr-bl__file-icon .file-icon:first-child {
    border-left: none;
}

.pres-pr-bl .pres-pr-bl__video video {
    width: 100%;
    height: 378px;
    vertical-align: text-bottom;
    background-color: #000000;
}

@media (max-width: 767px) {
    .pres-pr-bl {
        padding: 20px 0;
    }
    .pres-pr-bl .pres-pr-bl__video video {
        width: 100%;
        height: 206px;
    }
}

@media (max-width: 424px) {
    .pres-pr-bl .pres-pr-bl__video video {
        width: 100%;
        height: 147px;
    }
}


/* file-load */

.file-load .file-load__cont .file-load__load {
    position: relative;
    width: 100%;
    height: 160px;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
    overflow: hidden;
    margin-bottom: 10px;
}

.file-load .file-load__cont .file-load__load .file-load__info {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: rgb(152, 152, 152);
    line-height: 1.4;
}

.file-load .file-load__cont .file-load__load .file-load__info.error {
    font-size: 14px;
    color: #E44934;
}

.file-load .file-load__cont .file-load__load .file-load__label {
    display: none;
    max-width: 280px;
    margin: 40px auto 10px;
}

.file-load .file-load__cont .file-load__load .file-load__label.active {
    display: block;
}

.file-load .file-load__cont .file-load__load .file-load__label .file-load__btn {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 16px;
    color: #00aeef;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border: 1px solid;
    border-image: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
    border-image-slice: 1;
    border-radius: 4px;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.file-load .file-load__cont .file-load__load .file-load__label .file-load__btn:hover {
    color: #ffffff;
    background-color: #E44934;
    border: 1px solid #E44934;
}

.file-load .file-load__cont .file-load__load .file-load__label .file-load__input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 200px;
    opacity: 0;
    z-index: 10;
}

.file-load .file-load__result .file-ell {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-right: 50px;
}

.file-load .file-load__result .file-ell .file-ell_name {
    font-size: 16px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.file-load .file-load__result .file-ell .file-ell_name .light {
    color: #989898;
}

.file-load .file-load__result .file-ell .file-ell_remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    font-size: 14px;
    border-radius: 4px;
    color: #ffffff;
    background-color: #BCBDBD;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
}

.file-load .file-load__result .file-ell .file-ell_remove:hover {
    background-color: #E44934;
}

.file-load .file-load__result .video-ell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.file-load .file-load__result .video-ell__preview {
    position: relative;
    display: inline-block;
}

.file-load .file-load__result .video-ell__preview video {
    width: 178px;
    height: 100px;
    border-radius: 4px;
    background-color: #000000;
    vertical-align: text-bottom;
}

.file-load .file-load__result .video-ell_remove {
    position: absolute;
    right: 8px;
    top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    border-radius: 4px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    z-index: 10;
}

.file-load .file-load__result .video-ell__cont {
    padding-top: 14px;
    padding-left: 30px;
}

.file-load .file-load__result .video-ell__name {
    margin-bottom: 5px;
}

.file-load .file-load__result .video-ell__time {
    color: #989898;
    margin-bottom: 0;
}

.file-load .file-load__result .video-ell .support {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 16px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    background-color: #F4F6FA;
    border: 1px dotted #D9DBDC;
}

.file-load .file-load__result .video-ell .support .name {
    font-weight: 700;
    font-size: 16px;
}

.file-load .file-load__result .video-ell .support .sub {
    color: #9ea1a4;
}

@media (max-width: 767px) {
    .file-load .file-load__result .video-ell {
        display: block;
    }
    .file-load .file-load__result .video-ell__cont {
        padding-left: 0px;
    }
}

@media (max-width: 419px) {
    .file-load .file-load__cont .file-load__load .file-load__label {
        margin: 30px auto 10px;
        max-width: 200px;
    }
    .file-load .file-load__cont .file-load__load .file-load__label .file-load__btn {
        padding: 14px;
        font-size: 14px;
    }
    .file-load .file-load__cont .file-load__load .file-loadi__info {
        bottom: 20px;
        font-size: 14px;
    }
    .file-load .file-load__result .file-ell {
        padding-right: 30px;
    }
}

.team-pr-bl {
    margin-bottom: 30px;
}

.team-pr-bl .team-pr-bl__list {
    padding-right: 50px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell {
    position: relative;
    padding: 0 15px 10px 33px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell:last-child {
    border-bottom: 0;
    margin-bottom: 10px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__col-12 {
    padding: 0 5px;
    width: 100%;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__col-6 {
    padding: 0 5px;
    width: 50%;
}

.base-form .team-pr-bl .team-pr-bl__list .team-pr-bl__ell .faild-wrap {
    margin-bottom: 10px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__num {
    position: absolute;
    left: 3px;
    top: 20px;
    color: #989898;
    font-size: 15px;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -50px;
    width: 50px;
    height: 50px;
    color: #B9B9B9;
    font-size: 14px;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__remove:hover {
    color: #E44934;
    border: 1px solid #E44934;
}

.team-pr-bl .team-pr-bl__btn {
    padding: 0 60px 0 28px;
}

.team-pr-bl .team-pr-bl__btn .btn-border {
    color: #d8b08c;
    border: 1px solid #D8B08C;
}

.team-pr-bl .team-pr-bl__btn .btn-border:hover {
    color: #ffffff;
    background-color: #D8B08C;
}

.site-about th {
    background: #dce5ee;
    border-right: 1px solid #e0e0e4;
    border-bottom: 1px solid #e0e0e4;
    padding: 16px;
}

.site-about th:last-child {
    border-right: 1px solid #e0e0e4;
}

.site-about td {
    border-right: 1px solid #e0e0e4;
    border-bottom: 1px solid #e0e0e4;
    border-left: 1px solid #e0e0e4;
    padding: 16px;
}

.site-about td:last-child {
    border-right: 1px solid #e0e0e4;
}

@media (max-width: 767px) {
    .team-pr-bl .team-pr-bl__list {
        padding-right: 0px;
    }
    .team-pr-bl .team-pr-bl__list .team-pr-bl__ell {
        padding: 40px 0 10px 0;
    }
    .team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__col-6 {
        width: 100%;
    }
    .team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__num {
        top: 8px;
        left: 0;
    }
    .team-pr-bl .team-pr-bl__list .team-pr-bl__ell .team-pr-bl__remove {
        right: 0;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .team-pr-bl .team-pr-bl__btn {
        padding: 0;
    }
}

.lable-top.lable-top--tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tooltip-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    background-color: #D8B08C;
    margin-left: 8px;
    margin-top: -4px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.tooltip-icon:hover {
    background-color: #EFDFD1;
}

.tooltip {
    max-width: 618px;
    margin-bottom: 0;
    padding: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(122, 77, 60, 0.2);
    box-shadow: 0px 10px 30px 0px rgba(122, 77, 60, 0.2);
}

.tooltip.bottom {
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 10px;
}

.tooltip .tooltip-inner {
    width: 100%;
    margin: 0;
    padding: 28px;
    color: rgb(33, 36, 38);
    font-size: 15px;
    text-align: left;
    line-height: 1.4;
    background-color: #ffffff;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -12px;
    border-width: 0 12px 10px;
    border-bottom-color: #ffffff;
}

@media (min-width: 1200px) {
    .tooltip {
        width: 618px;
        margin-left: 160px;
    }
    .tooltip.bottom .tooltip-arrow {
        left: 148px !important;
    }
}

@media (max-width: 767px) {
    .tooltip .tooltip-inner {
        padding: 14px;
    }
    .tooltip.bottom {
        padding-top: 0px;
        margin-top: 10px;
    }
    .tooltip.bottom .tooltip-arrow {
        display: none;
    }
}

.pr-800-info {
    padding: 42px 30px 30px;
    border-radius: 4px;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/pr-800-info-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
}

.pr-800-info .pr-800-info__title {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
}

.pr-800-info .pr-800-info__text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.pr-800-info .btn-prime {
    max-width: 280px;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
    box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
}

@media (max-width: 767px) {
    .pr-800-info {
        padding: 30px 20px 20px;
    }
}

.pr-800-cat-side {
    display: block;
    width: 100%;
    padding: 28px 30px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.pr-800-cat-side .pr-800-cat-side__cat {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
}

.pr-800-cat-side .pr-800-cat-side__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pr-800-cat-side .pr-800-cat-side__img {
    height: 48px;
    margin-right: 28px;
}

.pr-800-cat-side .pr-800-cat-side__title {
    color: rgb(33, 36, 38);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}

.pr-800-cat-side:hover {
    -webkit-box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
    box-shadow: 0px 10px 32px 0px rgba(190, 190, 191, 0.4);
}

@media (max-width: 767px) {
    .pr-800-cat-side {
        padding: 28px 20px;
    }
    .pr-800-cat-side .pr-800-cat-side__cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .pr-800-cat-side .pr-800-cat-side__img {
        height: 40px;
        margin-right: 16px;
    }
}

.rating-side-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 30px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.rating-side-pr__text {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.rating-side-pr__num {
    color: rgb(216, 176, 140);
    font-size: 30px;
    font-weight: 700;
}

.rating-side-pr__num img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .rating-side-pr {
        padding: 15px 20px;
    }
    .rating-side-pr__num {
        font-size: 24px;
    }
    .rating-side-pr__num img {
        width: 20px;
        margin-right: 6px;
    }
}

.social-card-side {
    display: block;
    width: 100%;
    padding: 28px 30px 20px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.social-card-side .social-card-side__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.social-card-side .soc-list-sq .soc-list-sq__ell a {
    width: 60px;
    border: 1px solid #F0EAE5;
}

@media (max-width: 767px) {
    .social-card-side {
        padding: 28px 20px 20px;
    }
    .social-card-side .soc-list-sq .soc-list-sq__ell a {
        width: 50px;
    }
}

.cat-nav-side {
    padding: 24px 32px 8px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.cat-nav-side .cat-nav-side__head {
    border-bottom: 1px solid #EFECE9;
}

.cat-nav-side .cat-nav-side__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.cat-nav-side .cat-nav-side__body {
    padding-top: 25px;
}

.cat-nav-side .cat-nav-side__list-ell {
    margin-bottom: 30px;
}

.cat-nav-side .cat-nav-side__link {
    display: block;
    position: relative;
    color: #212426;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.125;
}

.cat-nav-side .cat-nav-side__link:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #E44934;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

.cat-nav-side .cat-nav-side__link.active,
.cat-nav-side .cat-nav-side__link:hover {
    color: #e44934;
}

.cat-nav-side .cat-nav-side__link.active:before {
    opacity: 1;
}

.cat-nav-side .cat-nav-side__link .text {
    display: inline-block;
    max-width: 200px;
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__body {
    padding-top: 11px;
    padding-bottom: 11px;
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__list-ell {
    margin-bottom: 0;
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__link {
    padding: 16px 52px 16px 2px;
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__link:before {
    content: "";
    position: absolute;
    right: auto;
    left: -32px;
    top: 0;
    width: 5px;
    height: 100%;
    border-radius: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__link .num {
    position: absolute;
    right: 4px;
    top: 50%;
    display: block;
    padding: 6px 10px 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    background-color: #D8B08C;
    border-radius: 4px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cat-nav-side.cat-nav-side--num .cat-nav-side__link.active .num {
    background-color: #E44934;
}

@media (max-width: 767px) {
    .cat-nav-side {
        padding: 25px 20px 8px;
    }
    .cat-nav-side .cat-nav-side__list-ell {
        margin-bottom: 20px;
    }
    .cat-nav-side.cat-nav-side--num .cat-nav-side__link:before {
        left: -20px;
    }
}

.pr-cat-list {
    margin-bottom: 60px;
}

.pr-cat-block {
    padding: 28px 30px 0;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 22px;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
}

.pr-cat-block .pr-cat-block__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 28px;
    border-bottom: 1px solid #EFECE9;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__img {
    width: 80px;
    height: auto;
    margin-right: 28px;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__title {
    max-width: 220px;
    color: rgb(33, 36, 38);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 30px;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn {
    width: 302px;
    max-width: 100%;
    margin-right: 30px;
    margin-bottom: 0;
}

.pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn:last-child {
    margin-right: 0;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__contr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__info-ell {
    margin-left: 20px;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__info .text {
    color: rgb(191, 191, 191);
    font-size: 16px;
    margin-bottom: 0;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__info .num {
    padding: 7px 10px 6px;
    color: rgb(216, 176, 140);
    font-size: 16px;
    font-weight: 700;
    background-color: #F7F6F5;
    border-radius: 5px;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__more-link {
    color: rgb(33, 36, 38);
    font-size: 16px;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__more-link i {
    display: inline-block;
    color: #C99B71;
    font-size: 12px;
    margin-left: 12px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__more-link[aria-expanded="true"] i {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.pr-cat-block .pr-cat-block__footer .collapse {
    border-top: 1px solid #EFECE9;
}

.pr-cat-block .pr-cat-block__footer .pr-cat-block__description {
    padding: 22px 0 30px;
    color: rgb(33, 36, 38);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.nav-tabs.news-content-tabs.pr-cat-tabs li a,
.nav-tabs.news-content-tabs.pr-cat-tabs li a:hover,
.nav-tabs.news-content-tabs.pr-cat-tabs li a:focus {
    min-width: 100px;
}

@media (max-width: 1199px) {
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__img {
        width: 80px;
        height: auto;
        margin-right: 20px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn {
        margin-left: 20px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn {
        width: 260px;
        margin-right: 20px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn:last-child {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .pr-cat-block .pr-cat-block__body {
        display: block;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name {
        margin-bottom: 20px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .nav-tabs.news-content-tabs.pr-cat-tabs li {
        width: 100%;
    }
    .pr-cat-block {
        padding: 28px 20px 0;
    }
    .pr-cat-block .pr-cat-block__body {
        display: block;
        padding-bottom: 10px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name {
        margin-bottom: 25px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__img {
        width: 46px;
        margin-right: 10px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__name .pr-cat-block__title {
        max-width: 100%;
        font-size: 16px;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn {
        display: block;
        margin-left: 0;
    }
    .pr-cat-block .pr-cat-block__body .pr-cat-block__btn .btn {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__contr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 20px 0;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info {
        width: 100%;
        margin-bottom: 15px;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info .pr-cat-block__info-ell {
        margin-left: 0;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info .num {
        padding: 5px 8px 4px;
        font-size: 14px;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__description {
        padding: 20px 0 30px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info {
        display: block;
        margin-bottom: 15px;
    }
    .pr-cat-block .pr-cat-block__footer .pr-cat-block__info .pr-cat-block__info-ell {
        display: flex;
        justify-content: space-between;
        margin-left: 0;
        margin-bottom: 10px;
    }
}

.pr-cat-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 28px;
    background-color: #986B4D;
    border-radius: 4px;
    margin-bottom: 22px;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
}

.pr-cat-add .pr-cat-add__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pr-cat-add .pr-cat-add__content .pr-cat-add__descr {
    max-width: 540px;
}

.pr-cat-add .pr-cat-add__content .pr-cat-add__icon {
    width: 82px;
    height: auto;
    margin-right: 30px;
}

.pr-cat-add .pr-cat-add__content .pr-cat-add__title {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.pr-cat-add .pr-cat-add__content .pr-cat-add__name {
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.pr-cat-add .pr-cat-add__btn {
    margin-left: 40px;
}

.pr-cat-add .pr-cat-add__btn .btn {
    width: 302px;
    color: #986b4d;
    background-color: #ffffff;
    margin-bottom: 0;
}

.pr-cat-add .pr-cat-add__btn .btn:hover {
    color: #ffffff;
    background-color: #E44934;
}

@media (max-width: 991px) {
    .pr-cat-add {
        display: block;
    }
    .pr-cat-add .pr-cat-add__btn {
        margin-top: 30px;
        margin-left: 112px;
    }
}

@media (max-width: 767px) {
    .pr-cat-add {
        display: block;
        padding: 20px 20px 30px;
    }
    .pr-cat-add .pr-cat-add__content {
        position: relative;
        display: block;
    }
    .pr-cat-add .pr-cat-add__content .pr-cat-add__descr {
        max-width: 100%;
    }
    .pr-cat-add .pr-cat-add__content .pr-cat-add__icon {
        width: 60px;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .pr-cat-add .pr-cat-add__content .pr-cat-add__title {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .pr-cat-add .pr-cat-add__content .pr-cat-add__name {
        font-size: 16px;
        line-height: 1.4;
    }
    .pr-cat-add .pr-cat-add__btn {
        margin-left: 0;
    }
    .pr-cat-add .pr-cat-add__btn .btn {
        width: 100%;
        margin: 0 auto;
    }
}

.side-progect-all {
    position: relative;
    width: 100%;
    padding: 25px 30px 10px;
    border-radius: 4px;
    background-color: #D8B08C;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    box-shadow: 0px 8px 30px 0px rgba(184, 144, 108, 0.3);
    z-index: 60;
    margin-bottom: 30px;
}

.side-progect-all .side-progect-all__num {
    position: absolute;
    top: -19px;
    right: 25px;
    color: rgb(255, 255, 255);
    font-size: 102px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 5px 10px rgba(128, 42, 45, 0.2);
    line-height: 1;
    letter-spacing: 2px;
}

.side-progect-all .side-progect-all__title {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 25px;
}

.side-progect-all .btn-border {
    height: 58px;
    padding: 20px 15px;
    color: #ffffff;
    border: 1px solid #ffffff;
    margin: 0 auto 15px;
}

.side-progect-all .btn-prime {
    height: 58px;
    padding: 20px 15px;
    margin: 0 auto 20px;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
    box-shadow: 0px 8px 24px 0px rgba(151, 29, 12, 0.2);
}

@media (max-width: 992px) {
    .side-progect-all {
        margin-top: 0;
    }
    .side-progect-all .side-progect-all__num {
        top: -32px;
        right: 25px;
        font-size: 108px;
    }
    .side-progect-all .side-progect-all__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .side-progect-all {
        padding: 22px 20px 30px;
    }
    .side-progect-all .side-progect-all__num {
        position: absolute;
        top: -20px;
        right: 20px;
        font-size: 78px;
    }
    .side-progect-all .side-progect-all__title {
        font-size: 16px;
        margin-bottom: 36px;
    }
    .side-progect-all .btn-border {
        height: 58px;
        padding: 21px 15px;
    }
    .side-progect-all .btn-prime {
        height: 58px;
        padding: 21px 15px;
    }
}

.side-join {
    padding: 26px 30px 30px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.side-join .side-join__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 11px;
}

.side-join .side-join__text {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.side-join .btn.btn-prime {
    margin-bottom: 0;
    -webkit-box-shadow: 0px 6px 20px 0px rgba(151, 29, 12, 0.4);
    box-shadow: 0px 6px 20px 0px rgba(151, 29, 12, 0.4);
}

@media (max-width: 767px) {
    .side-join {
        padding: 26px 20px 30px;
    }
}

.side-user-card {
    padding: 30px 30px 5px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.side-user-card .side-user-card__avatar {
    position: relative;
    width: 100%;
    max-width: 310px;
    height: 300px;
    border-radius: 4px;
    background-color: #EFECE9;
    overflow: hidden;
    margin: 0 auto 43px;
}

.side-user-card .side-user-card__avatar .side-user-card__avatar-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
}

.side-user-card .side-user-card__avatar .side-user-card__avatar-default {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
}

.side-user-card .side-user-card__avatar .side-user-card__user-icon {
    width: 80px;
    height: auto;
    vertical-align: text-bottom;
}

.side-user-card .side-user-card__body {
    width: 100%;
}

.side-user-card .side-user-card__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #EFECE9;
}

.side-user-card .side-user-card__rating-text {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 0;
}

.side-user-card .side-user-card__rating-num {
    font-size: 14px;
    margin-bottom: 0;
}

.side-user-card .side-user-card__rating-num.rating-num--green {
    color: #00CF91;
}

.side-user-card .side-user-card__rating-num.rating-num--red {
    color: #E44934;
}

.side-user-card .side-user-card__all-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0 12px;
}

.side-user-card .side-user-card__all-pr .side-user-card__all-text {
    color: rgb(46, 48, 49);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.side-user-card .side-user-card__all-pr .side-user-card__all-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.side-user-card .side-user-card__all-pr .side-user-card__all-descr .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #D8B08C;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}

.side-user-card .side-user-card__all-pr .side-user-card__all-descr .icon-angle-down {
    color: #989898;
    font-size: 12px;
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
}

.side-user-card .side-user-card__all-pr:hover .side-user-card__all-text {
    color: #E44934;
}

@media (max-width: 992px) {
    .side-user-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .side-user-card .side-user-card__avatar {
        margin-bottom: 25px;
        margin-right: 30px;
    }
}

@media (max-width: 767px) {
    .side-user-card {
        display: block;
        padding: 30px 20px 5px;
    }
    .side-user-card .side-user-card__avatar {
        height: 260px;
        margin: 0 auto 30px;
    }
}

.user-info-card {
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 22px;
}

.user-info-card .user-info-card__header {
    padding: 20px 50px;
    border-bottom: 1px solid #EFECE9;
}

.user-info-card .user-info-card__header .user-info-card__title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 0;
}

.user-info-card .user-info-card__body {
    padding: 20px 20px;
}

@media (max-width: 767px) {
    .user-info-card {
        margin-bottom: 20px;
    }
    .user-info-card .user-info-card__header {
        padding: 20px 20px;
    }
}

.info-card-list .info-card-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.info-card-list .info-card-list__row:nth-child(odd) {
    background-color: #F8F8F8;
}

.info-card-list .info-card-list__col {
    padding: 16px 20px;
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.125;
}

.info-card-list .info-card-list__col:first-child {
    width: 36%;
    color: #989898;
}

.info-card-list .info-card-list__col:last-child {
    width: 64%;
}

@media (max-width: 767px) {
    .info-card-list .info-card-list__row {
        display: block;
        padding: 10px 0;
    }
    .info-card-list .info-card-list__col {
        padding: 3px 10px;
    }
    .info-card-list .info-card-list__col:first-child {
        width: 100%;
        color: #989898;
    }
    .info-card-list .info-card-list__col:last-child {
        width: 100%;
    }
}

.user-card {
    position: relative;
    width: 100%;
    padding: 50px 30px 134px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 6px 20px 0px rgba(184, 144, 108, 0.4);
    box-shadow: 0px 6px 20px 0px rgba(184, 144, 108, 0.4);
}

.user-card .user-card__link {
    display: block;
}

.user-card .user-card__rating-num {
    position: absolute;
    right: 30px;
    top: 36px;
    color: #BFBFBF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.user-card .user-card__rating-num.rating-num--green {
    color: #00CF91;
}

.user-card .user-card__rating-num.rating-num--red {
    color: #E44934;
}

.user-card .user-card__avatar {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #DFC3AA;
    overflow: hidden;
    margin: 0 auto 24px;
}

.user-card .user-card__avatar .user-card__avatar-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
}

.user-card .user-card__avatar .user-card__avatar-default {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
}

.user-card .user-card__avatar .user-card__user-icon {
    width: 32px;
    height: auto;
    vertical-align: text-bottom;
}

.user-card .user-card__content {
    text-align: center;
}

.user-card .user-card__content .user-card__name {
    font-size: 18px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    margin-bottom: 16px;
}

.user-card .user-card__content .user-card__place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    color: rgb(33, 36, 38);
    margin-bottom: 28px;
}

.user-card .user-card__content .user-card__place i {
    color: #BFBFBF;
    font-size: 18px;
    margin-right: 8px;
}

.user-card__voite {
    position: absolute;
    left: 0;
    bottom: 61px;
    padding: 0 30px 30px;
    width: 100%;
}

.user-card__voite .voite-side__btn-bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.user-card__voite .voite-side__btn-bl.voite-side__btn-bl--center {
    justify-content: center;
}

.user-card__voite .voite-side__btn-bl .voite-side__btn {
    width: 47%;
}

.user-card__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 30px;
}

.user-card__footer .hr-line {
    border-bottom: 1px solid #EFECE9;
    margin-bottom: 0;
}

.user-card__footer .user-card__all-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px 0 16px;
}

.user-card__footer .user-card__all-pr .user-card__all-text {
    color: rgb(46, 48, 49);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.user-card__footer .user-card__all-pr .user-card__all-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-card__footer .user-card__all-pr .user-card__all-descr .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #D8B08C;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}

.user-card__footer .user-card__all-pr .user-card__all-descr i {
    color: #989898;
    font-size: 12px;
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg);
}

.user-card__footer .user-card__all-pr:hover .user-card__all-text {
    color: #E44934;
}

@media (max-width: 767px) {
    .user-card {
        padding: 40px 20px 134px;
    }
    .user-card .user-card__rating-num {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .user-card__voite {
        padding: 0 20px 30px;
    }
    .user-card__footer {
        padding: 0 20px;
    }
    .user-card__footer .user-card__all-pr .user-card__all-text {
        letter-spacing: normal;
    }
}

.expetr-comment {
    padding: 20px 30px 20px;
    background-color: #ffffff;
    border-radius: 6px;
    margin-bottom: 20px;
}

.expetr-comment .expetr-comment__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EFECE9;
}

.expetr-comment .expetr-comment__text {
    position: relative;
    color: rgb(33, 36, 38);
    font-size: 16px;
    line-height: 1.3;
}

.expetr-comment .expetr-comment__text p,
.expetr-comment .expetr-comment__text ul,
.expetr-comment .expetr-comment__text ol {
    margin-bottom: 10px;
}

.expetr-comment .expetr-comment__text ul,
.expetr-comment .expetr-comment__text ol {
    padding-left: 20px;
}

.expetr-comment .expetr-comment__text ul li {
    list-style: circle;
    margin-bottom: 5px;
}

.expetr-comment .expetr-comment__text ol li {
    list-style: decimal;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .expetr-comment {
        padding: 20px 20px 20px;
    }
}

.leader-block {
    padding: 0 35px;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 70px;
}

.leader-block .leader-block__header {
    display: flex;
    align-items: center;
    padding: 50px 0;
    border-bottom: 1px solid #DCDCDC;
}

.leader-block .leader-block__header .leader-block__logo {
    flex-shrink: 0;
    width: 134px;
    margin-right: 45px;
    vertical-align: text-bottom;
}

.leader-block .leader-block__header .leader-block__title {
    font-size: 21px;
    line-height: 1.45;
}

.leader-block .leader-block__body {
    padding: 44px 0px 1px;
}

.leader-block .leader-block__body>h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #212426;
    text-align: center;
    margin-bottom: 40px;
}

.leader-block .leader-block__body .leader-block__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -20px;
}

.leader-block .leader-block__body .leader-block__list-ell {
    width: 20%;
    margin-bottom: 65px;
}

.leader-block.leader-block--info-card {
    padding-top: 10px;
    padding-bottom: 40px;
}

.leader-block.leader-block--info-card .collapse-block {
    margin-bottom: 0;
}

.leader-block.leader-block--info-card .collapse-block .collapse-block__ell {
    margin-top: 0;
}

.leader-block.leader-block--info-card .collapse-block .collapse-block__ell .collapse-block__head {
    border-bottom: none;
}

.leader-block.leader-block--info-card .collapse-block .collapse-block__ell:last-child .collapse-block__head {
    border-bottom: 1px solid #EFECE9;
}

.leader-block.leader-block--info-card .br-card {
    padding: 20px 28px 10px;
}

.leader-block.leader-block--info-card .br-card .br-card__title {
    font-size: 18px;
    margin-bottom: 24px;
}

@media (max-width: 991px) {
    .leader-block .leader-block__body .leader-block__list-ell {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .leader-block {
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .leader-block .leader-block__header {
        display: block;
        padding: 40px 0;
    }
    .leader-block .leader-block__header .leader-block__logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .leader-block .leader-block__header .leader-block__title {
        font-size: 18px;
    }
    .leader-block .leader-block__body {
        padding: 40px 0px 1px;
    }
    .leader-block .leader-block__body .leader-block__list {
        display: block;
        margin: 0;
    }
    .leader-block .leader-block__body .leader-block__list-ell {
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }
}

.tracks-contest {
    margin-bottom: 70px;
}

.tracks-contest>h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #212426;
    margin-bottom: 32px;
}

.tracks-contest__block {
    display: grid;
    /*grid-template-columns: 264px 264px 264px 264px;*/
    grid-template-columns: repeat(auto-fit, minmax(264px, 1fr));
    grid-column-gap: 28px;
    grid-row-gap: 1em;
}

.tracks-contest__item {
    height: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 25px 15px 18px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tracks-contest__item p {
    margin-bottom: 0!important;
    margin-top: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #212426;
}

.tracks-contest__img {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: linear-gradient(231.71deg, #85BA5D 15.72%, #3C84B4 85.59%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.tracks-contest__img img {
    width: 44px;
    height: 44px;
    margin-bottom: 0 !important;
}

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

.leader-advantage .leader-advantage__icon {
    display: block;
    width: auto;
    height: 50px;
    margin: 0 auto 13px;
}

.leader-advantage .leader-advantage__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 16px;
}

.leader-advantage .leader-advantage__text {
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .leader-advantage .leader-advantage__icon {
        height: 46px;
        margin: 0 auto 15px;
    }
    .leader-advantage .leader-advantage__name {
        font-size: 18px;
        margin-bottom: 14px;
    }
    .leader-advantage .leader-advantage__name br {
        display: none;
    }
    .leader-advantage .leader-advantage__text {
        font-size: 15px;
    }
}

.leader-card {
    width: 100%;
    padding: 50px 30px 45px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
    transition: all .2s linear;
}

.leader-card .leader-card__avatar {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #90B9CB;
    border-image-slice: 1;
    overflow: hidden;
    margin: 0 auto 21px;
}

.leader-card .leader-card__avatar .leader-card__avatar-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 20;
}

.leader-card .leader-card__avatar .leader-card__avatar-deafult {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #90B9CB, #AFD1A6);
    z-index: 10;
}

.leader-card .leader-card__avatar .leader-card__avatar-deafult img {
    width: 30px;
    height: auto;
}

.leader-card .leader-card__title {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 15px;
    transition: all .2s linear;
}

.leader-card .leader-card__sub-title {
    color: #212426;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 4px;
}

.leader-card .leader-card__text {
    font-size: 16px;
    color: #212426;
    line-height: 1.35;
}

.leader-card:hover {
    box-shadow: 0px 10px 20px 0px rgba(190, 190, 191, 0.5);
}

.leader-card:hover .leader-card__title {
    color: #E44934;
}

@media (max-width: 767px) {
    .leader-card {
        padding: 40px 20px 35px;
    }
    .leader-card .leader-card__avatar {
        margin: 0 auto 20px;
    }
    .leader-card .leader-card__title {
        font-size: 18px;
        color: #212426;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 20px;
        transition: all .2s linear;
    }
    .leader-card .leader-card__text {
        font-size: 15px;
        color: #212426;
        line-height: 1.5;
    }
}

.leader-steps .leader-steps__block {
    margin-bottom: 65px;
}

.leader-steps .leader-steps__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}

.leader-steps .leader-steps__ell {
    width: 20%;
}

.leader-steps .leader-steps__row.leader-steps__row--end {
    width: 100%;
    justify-content: flex-end;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(45deg, #478CA7, #7BB369);
    margin-bottom: 16px;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 175px;
    height: 4px;
    margin: 0 40px;
    border-radius: 4px;
    background: linear-gradient(-90deg, #478CA7, #7BB369);
    transform: translateY(-50%);
}

.leader-steps .leader-steps__ell:last-child .leader-steps__body .leader-steps__num:after {
    content: none;
}

.leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    left: auto;
    width: 235px;
    height: 4px;
    margin: 0 40px;
    border-radius: 4px;
    background: linear-gradient(-90deg, #478CA7, #7BB369);
    transform: translateY(-50%);
}

.leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:before {
    content: "";
    position: absolute;
    bottom: 23px;
    left: -315px;
    width: 4px;
    height: 34px;
    margin: 0 40px;
    border-radius: 4px;
    background-color: #7BB369;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num .leader-steps__num-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #EFECE9;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num .leader-steps__num-text {
    position: relative;
    color: #3C84B4;
    font-size: 16px;
    font-weight: 500;
    z-index: 20;
}

.leader-steps .leader-steps__ell .leader-steps__body .leader-steps__name {
    color: rgb(33, 36, 38);
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.2;
}

@media (max-width: 1199px) {
    .leader-steps .leader-steps__block {
        width: 962px;
        margin-bottom: 60px;
    }
    .leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num:after {
        width: 166px;
        margin: 0 20px;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:after {
        width: 208px;
        margin: 0 20px;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:before {
        content: "";
        left: -268px;
        margin: 0 40px;
    }
}

@media (max-width: 991px) {
    .leader-steps .leader-steps__block {
        width: 100%;
        margin-bottom: 50px;
    }
    .leader-steps .leader-steps__row {
        display: block;
        margin-bottom: 0;
    }
    .leader-steps .leader-steps__ell {
        width: 100%;
        margin-bottom: 20px;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end {
        width: 100%;
        justify-content: flex-end;
    }
    .leader-steps .leader-steps__ell .leader-steps__body {
        display: flex;
        align-items: center;
    }
    .leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num {
        margin-bottom: 0;
        margin-right: 20px;
    }
    .leader-steps .leader-steps__ell .leader-steps__body .leader-steps__num:after {
        content: none;
    }
    .leader-steps .leader-steps__ell:last-child .leader-steps__body .leader-steps__num:after {
        content: none;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:after {
        content: none;
    }
    .leader-steps .leader-steps__row.leader-steps__row--end .leader-steps__ell .leader-steps__body .leader-steps__num:before {
        content: none;
    }
}

.offering-card {
    position: relative;
    display: block;
    width: 100%;
    padding: 58px 30px 54px;
    border-radius: 6px;
    box-shadow: 0px 6px 30px 0px rgba(167, 167, 167, 0.4);
    transition: all .2s linear;
}

.offering-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(255, 255, 255, .1);
    transition: all .2s linear;
    z-index: 10;
}

.offering-card:hover {
    color: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(167, 167, 167, 0.2);
}

.offering-card:hover:before {
    opacity: 1;
}

.offering-card .offering-card__icon {
    position: relative;
    width: auto;
    height: 64px;
    margin-bottom: 25px;
    z-index: 20;
}

.offering-card .offering-card__title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    z-index: 20px;
}

.bg--blue {
    color: #ffffff;
    background-color: #1771F1;
}

.bg--grey-grad {
    color: #ffffff;
    background-image: -webkit-linear-gradient(bottom left, rgb(111, 125, 147) 0%, rgb(100, 159, 220) 100%);
    background-image: -o-linear-gradient(bottom left, rgb(111, 125, 147) 0%, rgb(100, 159, 220) 100%);
    background-image: linear-gradient(to top right, rgb(111, 125, 147) 0%, rgb(100, 159, 220) 100%);
}

@media (max-width: 767px) {
    .offering-card {
        padding: 50px 20px 40px;
    }
    .offering-card .offering-card__icon {
        height: 56px;
        margin-bottom: 20px;
    }
}

.offering-filter {
    padding: 42px 30px 40px;
    border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 45px;
}

.offering-filter .offering-filter__title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.offering-filter .chosen-container-single .chosen-single.chosen-default {
    color: #899099;
    border: 1px solid #D9DBDC;
    background-color: #ffffff;
}

.offering-filter .chosen-container-single .chosen-drop {
    border: 1px solid #D9DBDC;
    border-top: none;
}

.filter-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.filter-status .filter-status__text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-right: 15px;
    margin-bottom: 0;
}

.filter-status .filter-status__list {
    display: flex;
}

.filter-status .filter-status__ell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 13px;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    margin-right: 15px;
    transition: all .2s linear;
    cursor: pointer;
}

.filter-status .filter-status__ell:hover,
.filter-status .filter-status__ell.active {
    border: 1px solid #E44934;
}

.filter-status__name {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 10px;
}

.filter-status .filter-status__ell:last-child {
    margin-right: 0;
}

@media (max-width: 1199px) {
    .filter-status {
        display: block;
    }
    .filter-status .filter-status__text {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .offering-filter {
        padding: 30px 20px 30px;
        margin-bottom: 40px;
    }
    .offering-filter .offering-filter__title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .filter-status {
        display: block;
    }
    .filter-status .filter-status__text {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .filter-status .filter-status__list {
        display: block;
    }
    .filter-status .filter-status__ell {
        display: flex;
        width: 100%;
        padding: 5px 12px;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .filter-status .filter-status__ell:hover,
    .filter-status .filter-status__ell.active {
        border: 1px solid #E44934;
    }
    .filter-status__name {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        margin-left: 10px;
    }
    .filter-status .filter-status__ell:last-child {
        margin-right: 0;
    }
}

.status-dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-dot.status-dot--grey {
    background-color: #BCBDBD;
}

.status-dot.status-dot--green {
    background-color: #00CF91;
}

.status-dot.status-dot--orange {
    background-color: #FFAD32;
}

.slick-arrow:hover,
.slick-arrow:focus {
    outline: none;
}

.offering-promo {
    padding-bottom: 50px;
}

.offering-promo .offering-promo__text {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 15px;
}

.offering-slider {
    position: relative;
    width: 100%;
}

.offering-slider .slick-dots {
    position: absolute;
    left: 35px;
    bottom: 52px;
    display: flex;
}

.offering-slider .slick-dots li {
    margin-right: 18px;
}

.offering-slider .slick-dots li:last-child {
    margin-right: 0;
}

.offering-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 0;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: .5;
    transition: all .2s linear;
}

.offering-slider .slick-dots li button:hover,
.offering-slider .slick-dots li button:focus,
.offering-slider .slick-dots li.slick-active button {
    opacity: 1;
    outline: none;
}

.offering-slider .offering-slider__control {
    position: absolute;
    right: 28px;
    bottom: 30px;
    display: flex;
}

.offering-slider .offering-slider__control .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid #ffffff;
    margin-right: 16px;
    transition: all .2s linear;
    cursor: pointer;
}

.offering-slider .offering-slider__control .slick-arrow:hover {
    color: #649FDC;
    background-color: #ffffff;
}

.offering-slider .offering-slider__control .slick-arrow:last-child {
    margin-right: 0;
}

.offering-slider .offering-slider__control .slick-arrow.slide-prev i {
    display: block;
    transform: rotateZ(90deg);
}

.offering-slider .offering-slider__control .slick-arrow.slide-next i {
    display: block;
    transform: rotateZ(-90deg);
}

.offering-slide {
    position: relative;
    width: 100%;
    min-height: 420px;
    border-radius: 6px;
    overflow: hidden;
}

.offering-slide .offering-slide__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
}

.offering-slide .offering-slide__image-default {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.offering-slide .offering-slide__image-default img {
    width: 120px;
    height: auto;
    vertical-align: text-bottom;
}

.offering-slide .offering-slide__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 130px 30px 90px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 20;
}

.offering-slide .offering-slide__tag {
    position: absolute;
    left: 30px;
    top: 50px;
    padding: 6px 12px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.offering-slide .offering-slide__caption {
    display: flex;
    align-items: center;
    color: #ffffff;
}

.offering-slide .offering-slide__caption .num-bl {
    position: relative;
}

.offering-slide .offering-slide__caption .descr {
    position: absolute;
    left: 0;
    bottom: -35px;
    font-size: 10px;
    white-space: nowrap;
    opacity: 0.85;
}

.offering-slide .offering-slide__caption .num {
    font-size: 120px;
    font-weight: 700;
    line-height: 86px;
    margin-right: 16px;
    margin-bottom: 0;
}

.offering-slide .offering-slide__caption .text {
    max-width: 415px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}

.bg-blue-lig {
    background-color: #649FDC;
}

.bg-blue {
    background-color: #1771F1;
}

@media (max-width: 767px) {
    .offering-promo {
        padding-bottom: 20px;
    }
    .offering-promo .offering-promo__text {
        font-size: 16px;
        line-height: 1.3;
        margin-top: 0;
    }
    .offering-slider {
        position: relative;
        width: 100%;
    }
    .offering-slider .slick-dots {
        left: 20px;
        bottom: 30px;
    }
    .offering-slider .slick-dots li {
        margin-right: 12px;
    }
    .offering-slider .offering-slider__control {
        display: none;
    }
    .offering-slide {
        min-height: 420px;
    }
    .offering-slide .offering-slide__content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 100px 20px 60px;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 20;
    }
    .offering-slide .offering-slide__tag {
        left: 20px;
        top: 20px;
        padding: 4px 10px;
        font-size: 12px;
    }
    .offering-slide .offering-slide__caption {
        display: block;
    }
    .offering-slide .offering-slide__caption .num {
        font-size: 90px;
        line-height: 70px;
        margin-right: 0;
        margin-bottom: 12px;
    }
    .offering-slide .offering-slide__caption .text {
        font-size: 14px;
    }
}

.bg-white {
    background-color: #ffffff;
}

.bg-grey {
    background-color: #EFECE9;
}


/* offering-section */

.offering-section {
    padding: 58px 0 40px;
}

.offering-section .offering-section__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 42px;
}

.offering-section .offering-section__cn {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.offering-section .offering-section__cn .btn {
    margin-right: 38px;
    margin-bottom: 0;
}

.offering-section .offering-section__cn .offering-section__tm {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.offering-section .offering-section__cn .offering-section__tm i {
    margin-right: 12px;
    color: #FF472F;
}

.offering-timer .offering-timer__text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 32px;
    margin-bottom: 28px;
}

.offering-timer .offering-count {
    margin-bottom: 27px;
}

.offering-timer .offering-count .countdown-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: inherit;
}

.offering-timer .offering-count .countdown-row .countdown-section {
    position: relative;
    margin-right: 140px;
}

.offering-timer .offering-count .countdown-row .countdown-section:first-child:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -65px;
    width: 2px;
    height: 126px;
    background-color: #ACB5C3;
    transform: rotateZ(18deg);
}

.offering-timer .offering-count .countdown-row .countdown-section:nth-child(2):after {
    content: ":";
    position: absolute;
    top: 28px;
    right: -72px;
    color: #ACB5C3;
    font-size: 26px;
}

.offering-timer .offering-count .countdown-row .countdown-section .countdown-amount {
    font-size: 120px;
    font-weight: 700;
    line-height: 86px;
    margin-bottom: 20px;
}

.offering-timer .offering-count .countdown-row .countdown-section .countdown-period {
    color: #ACB5C3;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

.offering-all {
    padding: 33px 28px 50px;
    border-radius: 6px;
    box-shadow: 0px 12px 20px 0px rgba(167, 167, 167, 0.4);
}

.offering-all .offering-all__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 19px;
}

.offering-all .offering-all__num {
    display: block;
    font-size: 72px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 54px;
    margin-bottom: 30px;
}

.offering-all .offering-all__btn {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 20px 18px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .5);
}

.offering-all .offering-all__btn:hover {
    color: rgb(100, 159, 220);
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(100, 159, 220, 0.3);
}

@media (max-width: 1199px) {
    .offering-timer .offering-count .countdown-row .countdown-section {
        position: relative;
        margin-right: 100px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:first-child:after {
        top: 0px;
        right: -50px;
        width: 2px;
        height: 80px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:nth-child(2):after {
        top: 20px;
        right: -58px;
        font-size: 26px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section .countdown-amount {
        display: block;
        font-size: 100px;
        line-height: 70px;
        margin-bottom: 15px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section .countdown-period {
        display: block;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .offering-section {
        padding: 40px 0 40px;
    }
    .offering-section .offering-section__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .offering-timer .offering-timer__text {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section {
        position: relative;
        display: block;
        margin-right: 45px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:last-child {
        margin-right: 0;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:first-child:after {
        top: 13px;
        right: -25px;
        width: 2px;
        height: 50px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section:nth-child(2):after {
        top: 20px;
        right: -30px;
        font-size: 26px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section .countdown-amount {
        display: block;
        width: auto;
        padding: 0;
        font-size: 60px;
        line-height: 70px;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .offering-timer .offering-count .countdown-row .countdown-section .countdown-period {
        display: block;
        width: auto;
        font-size: 14px;
    }
    .offering-all {
        padding: 30px 20px 40px;
    }
    .offering-section .offering-section__cn {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .offering-section .offering-section__cn .btn {
        margin-right: 0;
        margin-bottom: 0;
    }
    .offering-section .offering-section__cn .offering-section__tm {
        margin-bottom: 15px;
    }
}

.offering-category .offering-category__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.offering-category .offering-category__header .offering-section__title {
    margin-bottom: 0;
}

.offering-category .offering-category__header .offering-category__control {
    display: flex;
    align-items: center;
}

.offering-category .offering-category__header .offering-category__control .slick-arrows {
    display: flex;
}

.offering-category .offering-category__header .offering-category__control .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #CED5DE;
    font-size: 14px;
    border: 1px solid #C7CDD6;
    margin-right: 16px;
    transition: all .2s linear;
    cursor: pointer;
}

.offering-category .offering-category__header .offering-category__control .slick-arrow.slick-disabled,
.offering-category .offering-category__header .offering-category__control .slick-arrow.slick-disabled:hover {
    color: #CED5DE !important;
    background-color: rgba(255, 255, 255, 0) !important;
    opacity: 0.5;
    cursor: default;
}

.offering-category .offering-category__header .offering-category__control .slick-arrow:last-child {
    margin-right: 0;
}

.offering-category .offering-category__header .offering-category__control .slick-arrow.slide-prev i {
    display: block;
    transform: rotateZ(90deg);
}

.offering-category .offering-category__header .offering-category__control .slick-arrow.slide-next i {
    display: block;
    transform: rotateZ(-90deg);
}

.offering-category .offering-category__header .offering-category__control .slick-count {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgb(127, 145, 169);
    line-height: 1.2;
    margin-right: 25px;
}

.offering-category .offering-category__header .offering-category__control .slick-count .dec {
    padding: 0 8px;
}

.offering-category .offering-category__header .offering-category__control .slick-count .cur {
    font-size: 24px;
    color: rgb(33, 36, 38);
    line-height: 1.2;
}

.offering-category .category-all-btn {
    position: relative;
    margin: 0 auto;
    color: #ffffff;
}

.offering-category .category-all-btn .text {
    position: relative;
    z-index: 20;
}

.offering-category .category-all-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(255, 255, 255, .1);
    transition: all .2s linear;
    z-index: 10;
}

.offering-category .category-all-btn:hover:before {
    opacity: 1;
}

.offering-category .offering-category__slider {
    margin: 0 -15px 40px;
}

.offering-category .offering-category__slider .slick-track {
    display: flex;
}

.offering-category .offering-category__slider .slick-slider__ell {
    display: flex;
    height: auto;
    padding: 0 15px;
}

.offering-category .offering-category__slider .slick-slider__ell:focus {
    outline: none;
}

.offering-category-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 36px 28px 48px;
    border-radius: 6px;
    border: 1px solid #C5CBD4;
    background: #FFFFFF;
}

.offering-category-card .offering-category-card__content {
    margin-bottom: 30px;
}

.offering-category-card .offering-category-card__text {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
}

.offering-category-card .offering-category-card__tag {
    display: inline-block;
    padding: 6px 20px;
    color: #bfbfbf;
    font-size: 14px;
    font-weight: 700;
    border-radius: 14px;
    background-color: #F7F5F4;
    margin-bottom: 0;
}

.offering-category-card .offering-category-card__btn-block .btn {
    margin-bottom: 20px;
}

.offering-category-card .offering-category-card__btn {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 20px 18px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .offering-category .offering-category__header {
        display: block;
        margin-bottom: 20px;
    }
    .offering-category .offering-category__header .offering-section__title {
        margin-bottom: 20px;
    }
    .offering-category .offering-category__header .offering-category__control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .offering-category .offering-category__header .offering-category__control .slick-arrow {
        width: 46px;
        height: 46px;
        font-size: 12px;
        margin-right: 10px;
    }
    .offering-category-card {
        padding: 30px 20px 40px;
    }
}


/* offering-section colors */

.offering--blue .offering-timer .offering-count .countdown-row {
    color: #1771f1;
}

.offering--blue .offering-all {
    color: #ffffff;
    background-color: #1771F1;
}

.offering--blue .offering-category__header .offering-category__control .slick-arrow:hover {
    color: #ffffff;
    background-color: #1771F1;
}

.offering--blue .offering-category-card .offering-category-card__tag.tag--active {
    color: #1771f1;
}

.offering--blue .category-all-btn {
    background-color: #1771F1;
}

.offering--blue .offering-category-card .offering-category-card__btn {
    color: #1771f1;
    border: 1px solid #A7C9FA;
}

.offering--blue .offering-category-card .offering-category-card__btn:hover {
    color: #ffffff;
    background-color: #1771f1;
    border: 1px solid #1771f1;
}

.offering--blue-grad .offering-timer .offering-count .countdown-row {
    color: #649fdc;
}

.offering--blue-grad .offering-all {
    color: #ffffff;
    background: linear-gradient(45deg, #6F7E93, #649FDC);
}

.offering--blue-grad .offering-category__header .offering-category__control .slick-arrow:hover {
    color: #ffffff;
    background-color: #649FDC;
}

.offering--blue-grad .offering-category-card .offering-category-card__tag.tag--active {
    color: #649fdc;
}

.offering--blue-grad .category-all-btn {
    background: linear-gradient(90deg, #6F7D93, #64A0DC);
}

.offering--blue-grad .offering-category-card .offering-category-card__btn {
    color: #649fdc;
    border: 1px solid #A6C8F9;
}

.offering--blue-grad .offering-category-card .offering-category-card__btn:hover {
    color: #ffffff;
    background-color: #649fdc;
    border: 1px solid #649fdc;
}

.offering--blue-grad .btn.btn-offering {
    background: linear-gradient(90deg, #6F7D93, #64A0DC);
}


/* no-faund-card */

.no-faund-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 410px);
}

.no-faund-card {
    display: inline-block;
    padding: 36px 38px 40px;
    background-color: #ffffff;
    border-radius: 4px;
}

.no-faund-card .no-faund-card-title {
    font-size: 28px;
    margin-bottom: 36px;
}

.no-faund-card .btn {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .no-faund-card {
        padding: 20px 20px 30px;
    }
    .no-faund-card .no-faund-card-title {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

.idea-block-wrap {
    display: block;
    width: 280px;
    height: 280px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.idea-block__img-ell-default {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.idea-block_img-ell-img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: auto;
    vertical-align: text-bottom;
    transform: translate(-50%, -50%);
}


/* lk-response */

.response-filter {
    padding: 22px 20px 10px;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.response-filter .base-form .faild-wrap {
    margin-bottom: 20px;
}

.response-filter .chosen-container-single .chosen-single.chosen-default {
    color: #212426;
    padding: 21px 40px 21px 16px;
    background-color: #ffffff;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
}

.response-filter .chosen-container-single .chosen-single div b {
    color: #D8B08C;
}

.faild-date-range {
    display: flex;
    margin-bottom: 20px;
}

.faild-date-range ::-webkit-input-placeholder,
.faild-date-range ::-moz-placeholder,
.faild-date-range :-moz-placeholder,
.faild-date-range :-ms-input-placeholder {
    color: #212426;
    opacity: 1;
}

.faild-date-range .input-date {
    position: relative;
    width: 50%;
}

.faild-date-range .input-date .input__field {
    float: none;
    width: 100%;
    padding: 20px 40px 20px 16px;
    color: #212426;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    background-color: #ffffff;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
}

.faild-date-range .input-date:first-child .input__field {
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.faild-date-range .input-date:last-child .input__field {
    border-radius: 0 4px 4px 0;
}

.faild-date-range .input-date .icon-calendar {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #D8B08C;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .faild-date-range .input-date .input__field {
        font-size: 14px;
    }
}

@media (max-width: 459px) {
    .faild-date-range {
        display: block;
        margin-bottom: 20px;
    }
    .faild-date-range .input-date {
        width: 100%;
    }
    .faild-date-range .input-date .input__field {
        width: 100%;
        margin-bottom: 10px;
    }
    .faild-date-range .input-date:first-child .input__field {
        border-radius: 4px;
        border-right: 1px solid #D9DBDC;
    }
    .faild-date-range .input-date:last-child .input__field {
        border-radius: 4px;
    }
}

.response-card {
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 10px;
}

.response-card .response-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 10px;
}

.response-card .response-card__date {
    font-size: 16px;
}

.response-card .response-card__date .text {
    color: rgb(152, 152, 152);
}

.response-card .response-card__info {
    display: flex;
    align-items: center;
}

.response-card .response-card__status {
    display: flex;
    align-items: center;
    padding: 7px 8px 7px 12px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background-color: #EBEBED;
    border-radius: 14px;
    margin-right: 20px;
}

.response-card .response-card__status .dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
}

.response-card .response-card__contr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 20px 24px;
}

.response-card .response-card__btn-ctr {
    display: flex;
}

.response-card .response-card__btn-ctr .btn {
    width: 120px;
    height: auto;
    padding: 13px 10px;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1;
}

.response-card .response-card__btn-ctr .btn.btn-border {
    padding: 12px 10px;
}

.response-card .response-card__body {
    display: flex;
    align-items: center;
}

.response-card .response-card__icon {
    width: 54px;
    height: auto;
    margin-right: 15px;
}

.response-card .response-card__title .name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.response-card .response-card__title .sub {
    color: #989898;
    font-size: 16px;
}

.response-card .response-card__foot {
    border-top: 1px solid #E0E0E4;
}

.response-card .response-card__foot .ca-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 20px;
    transition: all .2s linear;
}

.response-card .response-card__accordion {
    color: rgb(33, 36, 38);
    font-size: 16px;
}

.response-card .response-card__accordion i {
    display: inline-block;
    color: #00aeef;
    font-size: 12px;
    margin-left: 7px;
    transition: all .2s linear;
}

.response-card .response-card__score {
    color: rgb(152, 152, 152);
    font-size: 16px;
}

.response-card .response-card__score .range {
    font-size: 18px;
    margin-left: 15px;
}

.response-card .response-card__score .score {
    color: #009688;
    font-weight: 500;
}

.response-card .response-card__foot .ca-expanded .ca-control {
    background-color: #00aeef1f;
}

.response-card .ca-expanded .response-card__accordion i {
    transform: rotateX(180deg);
}

.response-card .response-card__results {
    padding: 36px 20px 20px;
}

.response-card .response-card__results .response-card__results-title {
    color: rgb(152, 152, 152);
    font-size: 16px;
    margin-bottom: 14px;
}

.response-card .response-card__btn {
    display: flex;
}

.response-card .response-card__btn .btn {
    width: 100%;
    max-width: 33.333%;
    margin-right: 15px;
    margin-bottom: 20px;
    font-size: 14px;
}

.response-card .response-card__btn .btn:last-child {
    margin-right: 0;
}

.response-card .response-card__scroll {
    margin-bottom: 20px;
}

.evaluation-bl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.evaluation-bl .evaluation-bl__ell {
    width: 100%;
    padding: 16px 10px 18px;
    text-align: center;
    border-right: 1px solid #E0E0E4;
}

.evaluation-bl .evaluation-bl__ell:last-child {
    border-right: none;
}

.evaluation-bl .evaluation-bl__title {
    color: rgb(33, 36, 38);
    font-size: 14px;
    line-height: 1.286;
    margin-bottom: 20px;
}

.evaluation-bl .evaluation-bl__range {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20px;
    color: #989898;
    font-size: 14px;
}

.evaluation-bl .evaluation-bl__range .score {
    color: #009688;
    font-size: 24px;
    font-weight: 700;
    margin-right: 4px;
    margin-top: -5px;
}

.evaluation-bl .evaluation-bl__range .dash {
    display: block;
    width: 18px;
    height: 3px;
    margin: 0 auto;
    background-color: #009688;
}

.status-bl {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px 16px;
}

.status-bl .status-bl__ell {
    width: 100%;
    padding: 0 10px;
}

.status-bl .status-bl__ell .status-bl__status {
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: #F1F1F4;
    margin-bottom: 10px;
}

.status-bl .status-bl__ell .status-bl__title {
    color: rgb(174, 174, 174);
    font-size: 14px;
}

.status-bl .status-bl__ell.finished .status-bl__status {
    background-color: #009688;
}

.status-bl .status-bl__ell.finished .status-bl__title {
    color: #009688;
}

.status-bl .status-bl__ell.active .status-bl__status {
    background-color: #E44934;
}

.status-bl .status-bl__ell.active .status-bl__title {
    color: #e44934;
}

@media (max-width: 1199px) {
    .response-card .response-card__contr {
        display: block;
    }
    .response-card .response-card__btn-ctr {
        display: flex;
        margin-top: 20px;
        margin-left: 58px;
    }
}

@media (max-width: 1024px) {
    .response-card .response-card__scroll {
        width: 100%;
        overflow: auto;
        margin-bottom: 20px;
    }
    .evaluation-bl .evaluation-bl__ell {
        min-width: 28.5%;
    }
    .status-bl {
        margin: 0 0 16px;
    }
    .status-bl .status-bl__ell {
        min-width: calc(28.5% - 20px);
        padding: 0;
        margin-right: 20px;
    }
    .status-bl .status-bl__ell:first-child {
        min-width: calc(28.5% - 10px);
    }
    .status-bl .status-bl__ell:last-child {
        min-width: calc(28.5% - 10px);
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .response-card {
        background-color: #ffffff;
        border-radius: 4px;
        margin-bottom: 10px;
    }
    .response-card .response-card__head {
        display: block;
        padding: 18px 20px 20px;
    }
    .response-card .response-card__date {
        margin-bottom: 6px;
    }
    .response-card .response-card__info {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .response-card .response-card__status {
        margin-right: 0;
    }
    .response-card .response-card__contr {
        display: block;
        align-items: center;
        padding: 2px 20px 24px;
    }
    .response-card .response-card__btn-ctr {
        display: block;
        margin-top: 0;
        margin-left: 0;
    }
    .response-card .response-card__btn-ctr .btn {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 12px 10px;
        margin-left: 0px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1;
    }
    .response-card .response-card__body {
        display: block;
        margin-bottom: 20px;
    }
    .response-card .response-card__icon {
        width: 54px;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .response-card .response-card__title .name {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .response-card .response-card__title .sub {
        color: #989898;
        font-size: 14px;
    }
    .response-card .response-card__foot {
        border-top: 1px solid #E0E0E4;
    }
    .response-card .response-card__foot .ca-control {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
        ;
    }
    .response-card .response-card__score {
        color: rgb(152, 152, 152);
        font-size: 14px;
        margin-bottom: 8px;
    }
    .response-card .response-card__score .range {
        font-size: 16px;
        margin-left: 10px;
    }
    .response-card .response-card__results {
        padding: 30px 20px 10px;
    }
    .response-card .response-card__results .response-card__results-title {
        margin-bottom: 10px;
    }
    .response-card .response-card__btn {
        display: block;
    }
    .response-card .response-card__btn .btn {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 560px) {
    .response-card .response-card__scroll {
        width: 100%;
        overflow: auto;
        margin-bottom: 20px;
    }
    .evaluation-bl .evaluation-bl__ell {
        min-width: 66%;
    }
    .status-bl {
        margin: 0 0 16px;
    }
    .status-bl .status-bl__ell {
        min-width: calc(66% - 20px);
        padding: 0;
        margin-right: 20px;
    }
    .status-bl .status-bl__ell:first-child {
        min-width: calc(66% - 10px);
    }
    .status-bl .status-bl__ell:last-child {
        min-width: calc(66% - 10px);
        margin-right: 0;
    }
}


/* select 2 */

.base-form .response-filter .faild-wrap {
    margin-bottom: 20px;
}

.select2-container--krajee .select2-selection--single {
    height: auto;
    padding: 18px 56px 18px 16px;
    color: #212426;
    font-size: 16px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #D9DBDC;
    border-radius: 4px;
    outline: 0;
}

.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color: #212426;
}

.select2-container--krajee .select2-selection:focus,
.select2-container--krajee.select2-container--open .select2-selection {
    outline: none;
    box-shadow: none;
    border: 1px solid #D9DBDC;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    border: none;
    border-left: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    position: static;
    display: block;
    width: auto;
    height: auto;
    transition: all .2s linear;
    color: #00aeef;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    margin-left: 0;
    margin-top: 0;
    border: none;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow b:before {
    content: "\e915";
}

.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: none;
    transform: rotateX(180deg);
}

.select2-container--krajee .select2-selection--single .select2-selection__clear {
    position: absolute;
    right: 40px;
    top: 15px;
}

.select2-container--krajee .select2-dropdown {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-color: #D9DBDC;
    overflow-x: hidden;
    margin-top: -1px;
}

.select2-container--krajee .select2-results__option[aria-selected] {
    padding: 17px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1em;
    color: #212426;
    border-top: 1px solid #F4F6FA;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background: none;
    background-color: #9bb9d1;
    color: #ffffff;
}

.select2-container--krajee .select2-results__option[aria-selected=true] {
    background-color: #ffffff !important;
    color: #989898 !important;
    cursor: default;
}

.response-contr .nav-tabs {
    margin-bottom: 20px;
}

.response-contr .btn {
    margin-bottom: 20px;
    max-width: 100%;
}


/*html/framework/modules/questionary/widgets/views/question/_my-modals.php*/

.modal-response__row {
    width: 100%;
    margin-bottom: 20px;
}

.modal-response__label {
    color: #212426;
    line-height: 14px;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 7px;
}

.modal-response .modal-dialog {
    width: 754px;
    max-width: 100%;
}

.modal-response .modal-dialog .modal-header {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 45px;
    padding-bottom: 50px;
    background-color: #efece9;
}

.modal-response .modal-dialog .modal-title {
    color: #2d2e2f;
    font-size: 36px;
    font-weight: 700;
    line-height: 25px;
}

.modal-response .modal-dialog .modal-body {
    padding-top: 35px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

.modal-response__bold {
    color: #212426;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 17px;
}

.modal-response__gray {
    font-size: 16px;
    line-height: 16px;
    color: #757575;
    margin-bottom: 35px;
}

.modal-response .close {
    margin-top: 4px;
    font-size: 16px;
}

.modal-response__footer {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.modal-response__footer .btn {
    margin-bottom: 0;
    width: 220px;
}

.modal-response__footer .btn:not(:last-child) {
    margin-right: 25px;
}

.modal-response .chosen-container-single .chosen-single {
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
    letter-spacing: 0.4px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.modal-response .chosen-container-single .chosen-single div b:before {
    content: '';
    border: 6px solid transparent;
    border-top: 6px solid #989898;
    position: relative;
    top: 10px;
}

.fallout {
    margin-top: 30px;
    transition: margin-top ease-in-out 0.3s;
}

.fallout__header {
    color: #e44934;
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #e44934;
    display: inline-block;
    cursor: pointer;
}

.fallout__text {
    padding-top: 17px;
    max-height: 17px;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
    color: #989898;
    line-height: 21px;
    font-size: 15px;
}

.fallout.active .fallout__text {
    padding-top: 8px;
    max-height: 600px;
}

.fallout.active .fallout__header {
    border-color: transparent;
}

.drop-elem.active+.fallout {
    margin-top: 15px;
}


/* select 2 */

.base-form .response-filter .faild-wrap {
    margin-bottom: 20px;
}

.drop-elem__header {
    border-radius: 2px;
    border: 1px solid #e8e9ea;
    width: 100%;
    display: flex;
    align-items: stretch;
}

.drop-elem__text {
    width: calc(100% - 66px);
    min-height: 64px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 30px;
    display: flex;
    align-items: center;
}

.drop-elem__icon {
    border-left: 1px solid #e8e9ea;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    min-height: 64px;
}

.drop-elem.active .drop-elem__line:last-child {
    opacity: 0;
}

.drop-elem__content {
    max-height: 0px;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
}

.drop-elem__content textarea {
    outline: none;
    padding: 20px;
    border-left: 1px solid #e8e9ea;
    border-right: 1px solid #e8e9ea;
    border-bottom: 1px solid #e8e9ea;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    width: 100%;
    height: 130px !important;
}

.drop-elem.active .drop-elem__content {
    max-height: 400px;
}

.drop-elem__line {
    width: 18px;
    height: 2px;
    background-color: #e44934;
    transition: all ease-in-out 0.3s;
}

.drop-elem__line:last-child {
    transform: rotate(90deg);
    margin-left: -18px;
}

.thanks {
    padding-top: 15px;
    display: flex;
    align-items: center;
}

.thanks__bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #2d2e2f;
}

.thanks__icon {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

@media (max-width: 767px) {
    .modal-response .modal-dialog .modal-header {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .modal-response .modal-dialog .modal-title {
        font-size: 24px;
        line-height: 24px;
    }
    .modal-response .modal-dialog .modal-body {
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 500px) {
    .modal-response__footer {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .modal-response__footer .btn {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
        max-width: 100%;
    }
    .modal-response__footer .btn:not(:last-child) {
        margin-right: 0;
    }
    .fallout__header {
        font-size: 13px;
    }
    .drop-elem__text {
        font-size: 14px;
    }
    .drop-elem__text {
        padding-left: 10px;
        padding-right: 10px;
    }
    .thanks {
        flex-wrap: wrap;
    }
    .thanks__icon {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .thanks__bold {
        text-align: center;
    }
}

.job-header {
    position: relative;
    height: 340px;
}

.job-header::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #527696;
}

.job-header__inner {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url('./https://ugrateam.admhmao.ru/static/default/img/job-header-bg.png') no-repeat center right;
}

.job-header__logo img {
    max-width: 100%;
}

.job-header__heading {
    display: flex;
    padding: 20px 35px;
}

@media(max-width: 767px) {
    .job-header__heading {
        padding: 15px 15px;
        flex-direction: column;
    }
}

.job-header__logo {
    height: 146px;
    width: auto;
}

.job-header__logo img {
    height: 100%;
    width: auto;
}

.job-header__caption {
    display: flex;
    flex-direction: column;
    margin: 20px 0 0 80px;
    width: calc(100% - 240px);
}

.job-header__title {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    letter-spacing: 0.42px;
    text-shadow: 0 0 48px rgba(152, 107, 77, 0.15);
    text-transform: uppercase;
}

.job-header__subtitle {
    font-size: 28px;
    color: #fff;
    letter-spacing: 0.42px;
    text-shadow: 0 0 48px #fff;
}

.job-header__nav {
    margin-top: auto;
}

.job-header__nav {
    background-color: transparent !important;
}

.job-header__nav .nav-item.active a,
.job-header__nav .nav-item a:hover {
    background-color: transparent !important;
    color: #fff !important;
    opacity: 1;
}

.job-header .nav-tabs li a {
    background-color: transparent !important;
    color: #fff !important;
    opacity: 0.8;
}

@media(max-width: 1200px) {
    .job-header {
        position: relative;
        height: auto;
    }
    .job-header__inner {
        background: none !important;
    }
    .job-header__title {
        font-size: 27px;
    }
    .job-header__subtitle {
        color: #fafafa;
    }
    .job-header__caption {
        margin-left: 20px;
        margin-top: 0;
    }
}

@media(max-width: 768px) {
    .job-header__caption {
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    .job-header__title {
        font-size: 18px;
        margin-top: 10px;
    }
    .job-header__subtitle {
        font-size: 16px;
    }
    .job-header__logo {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.job-footer {
    position: relative;
    border-radius: 0 0 4px 4px;
    background-color: #527696;
}

.job-footer__inner {
    position: relative;
    padding: 15px 0px 27px 40px;
    z-index: 1;
    display: flex;
    align-items: center;
    background: url('./https://ugrateam.admhmao.ru/static/default/img/job-footer-bg1.png') no-repeat center right;
}

.job-footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.job-footer__logo {
    margin-right: 10px;
}

.job-footer__caption {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.job-footer__title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.job-footer__subtitle {
    font-size: 14px;
}


/* NEW LK */

.page-lk h1 {
    margin-bottom: 25px;
}

.page-lk-top-panel {
    width: 100%;
    background: #f4f2f0;
    border-bottom: 1px solid #e0e0e4;
}

.page-lk-top-panel-nav {}

.page-lk-top-panel-nav ul {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    padding: 20px 20px;
    width: calc(100% + 20px);
    margin-left: -20px;
}

.page-lk-top-panel-nav ul li {
    margin-right: 17px;
}

.page-lk-top-panel-nav ul li:last-child {
    margin-right: 0px;
}

.page-lk-top-panel-nav ul li a {
    display: block;
    width: auto;
    height: 55px;
    padding: 0px 24px;
    background: #fff;
    border-radius: 4px;
    font-size: 18px;
    color: #212426;
    font-weight: 500;
    border: 1px solid #fff;
    white-space: nowrap;
    min-width: 176px;
}

.page-lk-top-panel-nav ul li a.active,
.page-lk-top-panel-nav ul li a:hover {
    border: 1px solid #d9dbdc;
    color: #986b4d;
    background: #f9f8f7;
    box-shadow: 0px 0px 15px 0px rgba(152, 107, 77, 0.12);
}

.page-lk-top-panel-nav ul li a span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.page-lk .file-load .file-load__cont .file-load__load {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.page-lk .faild-wrap,
.page-lk .form-group {
    margin-bottom: 20px !important;
}

.lk-data-tab .faild-wrap .input__st {
    background: #fff !important;
    border: 0px !important;
}

.lk-sidebar-nav {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
}

.lk-sidebar-exit {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-right: 70px;
    background-color: #f9f8f7;
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/lk-sidebar-nav.png");
    background-repeat: no-repeat;
    background-position: right -15px bottom -50px;
}

.lk-sidebar-exit__name {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 15px;
}

.lk-sidebar-exit__btn-exit {
    display: flex;
    align-items: center;
}

.lk-sidebar-exit__btn-exit img {
    margin-right: 13px;
}

.lk-sidebar-exit__btn-exit span {
    font-size: 16px;
    color: #989898;
    padding-bottom: 2px;
    border-bottom: 1px solid #a6a5a5;
}

.lk-sidebar-exit__btn-exit:hover span {
    border-color: rgba(166, 165, 165, 0);
}

.lk-sidebar-nav-list li {
    padding-left: 70px;
    border-top: 1px solid #e0e0e4;
}

.lk-sidebar-nav-list li a.active {
    color: #98694c;
}

.lk-sidebar-nav-list li.parent.active ul {
    display: block;
}

.lk-sidebar-nav-list li.parent a {
    position: relative;
}

.lk-sidebar-nav-list li.parent>a:before {
    content: '';
    width: 10px;
    height: 10px;
    background: url(https://ugrateam.admhmao.ru/static/default/img/lk-sidebar-nav-list.png) no-repeat center;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -5px;
    transition: 0.3s;
}

.lk-sidebar-nav-list li.parent.active>a:before {
    transform: rotate(180deg);
}

.lk-sidebar-nav-list li>a {
    padding: 25px 0px;
    display: block;
}

.lk-sidebar-nav-list a {
    font-size: 18px;
    color: #212426;
    font-weight: 500;
}

.lk-sidebar-nav-list li ul {
    display: none;
}

.lk-sidebar-nav-list li ul li {
    padding-left: 20px;
}

.lk-sidebar-nav-list li ul li a {
    padding: 10px 0px;
}

.lk-sidebar-question {
    padding: 85px 75px;
    margin-bottom: 30px;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.lk-sidebar-question:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    z-index: 1;
    border: 40px solid #fff;
    background: #f9f8f7;
}

.lk-sidebar-question:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2;
    background-image: url(https://ugrateam.admhmao.ru/static/default/img/lk-sidebar-question.png);
    background-position: top 19px right 17px;
    background-repeat: no-repeat;
}

.lk-sidebar-question__title {
    position: relative;
    z-index: 1;
    font-size: 24px;
    color: #2e3031;
    font-weight: 700;
    margin-bottom: 25px;
    z-index: 3;
}

.lk-sidebar-question__text {
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: #2e3031;
    line-height: 28px;
    z-index: 3;
}

.lk-sidebar-question__text a {
    color: #986b4d;
}

.lk-sidebar-question__text a:hover {
    text-decoration: underline;
}

.lk-mydata {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
}

.lk-mydata-header {
    padding: 20px 25px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lk-mydata-header__logo {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    background-color: #f3f4f6;
    background-image: url('https://ugrateam.admhmao.ru/static/default/img/add-user-photo-lk.png');
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    cursor: pointer;
}

.lk-mydata-header__logo input {
    display: none;
}

.lk-mydata-header-info {
    padding-left: 50px;
    padding-right: 50px;
    width: calc(100% - 145px);
}

.lk-mydata-header-info__name {
    font-size: 24px;
    font-weight: 700;
    color: #212426;
    margin-bottom: 15px;
}

.lk-mydata-header-info__years {
    font-size: 16px;
    font-weight: 400;
    color: #989898;
    line-height: 20px;
}

.lk-mydata-header__edit {
    width: 55px;
    height: 55px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f8f7;
}

.lk-mydata .nox-group {
    background: #f9f8f7;
}

.lk-mydata .nox-group .lk-mydata-form-inp {
    width: 100%;
}

.lk-mydata .nox-group label {
    padding-left: 0px;
}

.lk-mydata .nox-group .lk-mydata-form-inp label {}

@media (max-width: 767px) {
    .lk-sidebar {
        margin-top: 40px;
    }
    .lk-mydata-header {
        flex-direction: column;
        justify-content: center;
    }
    .lk-mydata-header__logo {
        margin-bottom: 20px;
    }
    .lk-mydata-header-info {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
    .lk-mydata-header__edit {
        display: none;
    }
}

.lk-mydata-form {
    background: #f9f8f7;
    padding: 40px 28px;
    padding-top: 40px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lk-mydata-form-inp {
    width: 48%;
    margin-bottom: 15px;
}

.lk-mydata-form-inp label {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #212426;
    margin-bottom: 10px;
    padding-left: 20px;
}

.lk-mydata-form-inp input[type=text] {
    width: 100%;
    height: 60px;
    border-radius: 4px;
    border: 0px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    color: #989898;
    font-size: 16px;
}

.lk-mydata-form-inp .error {
    font-size: 12px;
    color: red;
    margin-top: 5px;
}

.lk-mydata-bottom {}

.lk-mydata-bottom button {
    width: 100%;
    height: 80px;
    color: #35a489;
    background: #fff;
    border: 0px;
    outline: none;
    transition: 0.3s;
    font-weight: 500;
    font-size: 16px;
}

.lk-mydata-bottom button:hover {
    color: #fff;
    background: #35a489;
}

@media (max-width: 767px) {
    .lk-mydata-form-inp {
        width: 100%;
    }
}

.lk-data-tab {
    margin-bottom: 30px;
}

.lk-data-tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 48px;
    padding-right: 30px;
    background: #fff;
    border-radius: 4px;
    min-height: 64px;
}

.lk-data-tab-header__title {
    font-size: 18px;
    color: #212426;
    font-weight: 500;
    line-height: 24px;
}

.lk-data-tab-header__status {
    padding: 10px 20px;
    background: #f9f8f7;
    border-radius: 4px;
    margin-right: auto;
    margin-left: 35px;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.lk-data-tab-header__status img {
    margin-right: 12px;
}

.lk-data-tab-header__toggle {
    color: #986b4d;
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.lk-data-tab-header__toggle img {
    margin-right: 10px;
}

.lk-data-tab-header__toggle span {
    line-height: 16px;
    padding-bottom: 2px;
    border-bottom: 1px solid #986b4d;
}

.lk-data-tab-header__toggle:hover span {
    border-color: rgba(152, 107, 77, 0);
}

.lk-data-tab-content {
    background: #f9f8f7;
    padding: 40px 28px;
    display: none;
}

.lk-data-tab-content .control-label {
    margin-bottom: 10px;
}

.lk-data-tab-content .lk-mydata-form {
    padding: 0px;
}

.lk-data-tab-content p:last-child {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .lk-data-tab-header__title {
        font-size: 16px;
        max-width: 60%;
        width: 60%;
    }
    .lk-data-tab-header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .lk-data-tab-header__status span {
        display: none;
    }
    .lk-data-tab-header__status {
        padding: 5px 5px;
        justify-content: center;
    }
}

.resume {}

.resume-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.resume-header__title {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
}

.resume-header__add {
    width: 264px;
    height: 58px;
    border-radius: 4px;
    cursor: pointer;
    color: #e44934;
    background: none;
    border: 1px solid #ebaea4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 500;
}

.resume-header__add:hover {
    border: 1px solid #e44934;
}

.resume-header__add img {
    margin-right: 14px;
}

.resume-item {
    background: #fff;
    margin-bottom: 30px;
    padding: 20px 40px;
    border-radius: 4px;
}

.resume-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 30px;
}

.resume-item__date-update {
    color: #989898;
}

.resume-item__date-update span {
    color: #212426;
}

.resume-item__refresh {
    color: #d8b08c;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #d9dbdc;
    padding: 6px 18px;
    margin-left: 20px;
    margin-right: auto;
    transition: 0.3s;
    cursor: pointer;
}

.resume-item__refresh:hover {
    background: #d9dbdc;
}

.resume-item__refresh img {
    margin-right: 12px;
}

.resume-item__date-create {
    color: #989898;
}

.resume-item-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.resume-item-bottom-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.resume-item__title {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 15px;
}

.resume-item__template {
    background: #ebebed;
    border-radius: 50px;
    font-size: 16px;
    line-height: 21px;
    color: #212426;
    padding: 5px 15px;
}

.resume-item-bottom__number {
    font-size: 16px;
    color: #989898;
    display: flex;
    align-items: center;
}

.resume-item-bottom__count {
    background: #d8b08c;
    width: 38px;
    height: 38px;
    border-radius: 4px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
}

.resume-item-bottom__count-zero {
    background: #d8d8d8;
}

.resume-item-load {
    font-size: 14px;
    font-weight: 500;
    color: #e44934;
    background: none;
    border: 1px solid #e44934;
    width: 280px;
    height: 58px;
    transition: 0.3s;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 60px;
}

.resume-item-load:hover {
    background: #e44934;
    color: #fff;
}

@media (max-width: 767px) {
    .resume-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .resume-header__title {
        margin-bottom: 20px;
    }
    .resume-item-header {
        flex-wrap: wrap;
        justify-content: center;
    }
    .resume-item__date-update {
        order: 0;
        margin-bottom: 10px;
    }
    .resume-item__date-create {
        order: 1;
        margin-bottom: 10px;
    }
    .resume-item__refresh {
        order: 2;
        margin-left: auto;
        margin-right: auto;
    }
    .resume-item-bottom {
        flex-wrap: wrap;
        justify-content: center;
    }
    .resume-item-bottom-info {
        margin-bottom: 15px;
    }
}

.crowdfunding {}

.crowdfunding-header {
    background-color: #98694c;
    border-top: 1px solid #fff;
    margin-bottom: 60px;
    overflow: hidden;
}

.crowdfunding-header .container {
    display: flex;
    min-height: 290px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
}

@media(max-width: 767px) {
    .crowdfunding-header .container {
        padding-bottom: 0px;
    }
}

.crowdfunding-header__title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    position: relative;
    z-index: 2;
}

@media(max-width: 767px) {
    .crowdfunding-header__title {
        width: 100%;
        margin-bottom: 25px;
        font-size: 31px;
        line-height: 37px;
    }
}

.crowdfunding-header__title span {
    color: #d8b08c;
}

.crowdfunding-header__abstraction {
    position: absolute;
    right: 0px;
    top: 10px;
}

@media(max-width: 980px) {
    .crowdfunding-header__abstraction {
        display: none;
    }
}

.crowdfunding-header-order {
    width: 520px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -260px;
    text-align: center;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/crowdfunding-header-order.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 91%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 27px;
}

@media(max-width: 980px) {
    .crowdfunding-header-order {
        margin-left: 0px;
        right: 0px;
        left: auto;
        width: 48%;
    }
}

@media(max-width: 767px) {
    .crowdfunding-header-order {
        width: 100%;
        position: relative;
        width: 320px;
        margin-left: auto;
        margin-right: auto;
        height: 257px;
    }
}

.crowdfunding-header-order__longtitle {
    font-size: 12px;
    color: #d8b08c;
}

.crowdfunding-header-order__title {
    color: #535556;
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 10px;
}

.crowdfunding-header-order__description {
    font-size: 14px;
    color: #535556;
    margin-bottom: 25px;
}

.crowdfunding-header-order__btn {
    width: 300px;
    box-shadow: 0px 12px 40px 10px rgba(151, 29, 12, 0.64);
}

@media(max-width: 980px) {
    .crowdfunding-header-order__btn {
        width: 60%;
    }
}

.crowdfunding-list {
    padding-bottom: 40px;
}

.crowdfunding-item {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 6px 21px -2px rgba(184, 144, 108, 0.64);
}

.crowdfunding-item-image {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.crowdfunding-item-image img {
    max-width: 100%;
    width: 100%;
}

.crowdfunding-item-body {
    background: #fff;
    padding: 25px 30px;
    padding-bottom: 15px;
}

.crowdfunding-item__title {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
}

.crowdfunding-header-order__description {
    font-size: 14px;
    line-height: 21px;
    color: #535556;
    margin-bottom: 25px;
    background: none;
}

.crowdfunding-item__description p,
.crowdfunding-item__description span {
    font-size: inherit;
    line-height: inherit;
    background: none !important;
    margin-bottom: 0px !important;
}

.crowdfunding-item-count {
    margin-bottom: 12px;
    display: flex;
}

.crowdfunding-item-count__ico {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dfc3aa;
}

.crowdfunding-item-count__ico img {}

.crowdfunding-item-count-info {
    padding-left: 15px;
    width: calc(100% - 35px);
}

.crowdfunding-item-count__title {
    font-size: 14px;
    color: #989898;
    font-weight: 300;
    margin-bottom: 5px;
}

.crowdfunding-item-count__number {
    font-size: 16px;
    color: #95694b;
    font-weight: 600;
}

.crowdfunding-item-button {
    padding-top: 15px;
    border-top: 1px solid #efece9;
    display: flex;
    justify-content: space-between;
}

.crowdfunding-item__btn {
    transition: 0.4s;
}

.crowdfunding-item__btn.green {
    font-size: 16px;
    background: #00cf91;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    padding: 10px 10px;
}

.crowdfunding-item__btn.green:hover {
    opacity: 0.6;
}

.crowdfunding-item__btn.more {
    font-size: 14px;
    text-transform: uppercase;
    color: #2e3031;
    position: relative;
    padding: 10px 30px;
}

.crowdfunding-item__btn.more img {
    position: absolute;
    height: 12px;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    transition: 0.4s;
}

.crowdfunding-item__btn.more:hover img {
    right: 5px;
}

@media(max-width: 767px) {
    .crowdfunding-item__btn.green {
        padding: 10px 8px;
        font-size: 13px;
    }
    .crowdfunding-item__btn.more {
        font-size: 12px;
        padding: 10px 18px;
    }
    .crowdfunding-item__btn.more img {
        height: 7px;
        margin-top: -5px;
    }
}

@media (max-width: 601px) {
    .survey-item-info a {
        max-width: 100%;
    }
    .survey-item__title {
        min-height: 60px;
    }
}

.crowdfunding-modal {
    display: none;
    padding: 0px 60px;
    background: #fff;
    width: 753px;
    max-width: 100%;
}

@media(max-width: 767px) {
    .crowdfunding-modal {
        padding: 0px 15px;
    }
}

.crowdfunding-modal-body.base-card {
    padding: 0px;
}

.crowdfunding-modal__title {
    padding: 40px 60px;
    background: #efece9;
    margin-left: -60px;
    width: calc(100% + 120px);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

@media(max-width: 767px) {
    .crowdfunding-modal__title {
        padding: 20px 15px;
        margin-left: -15px;
        width: calc(100% + 30px);
        font-size: 24px;
        line-height: 32px;
    }
}

.crowdfunding-modal .fancybox-button {
    top: 49px;
    right: 55px;
    padding: 0px;
    width: 30px;
    height: 30px;
}

@media(max-width: 767px) {
    .crowdfunding-modal .fancybox-button {
        top: 22px;
        right: 10px;
    }
}

.crowdfunding-modal .fancybox-button svg path {
    fill: #989898;
}

.crowdfunding-modal-more-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.crowdfunding-modal-more .fancybox-button {
    top: 49px;
    right: 55px;
    padding: 0px;
    width: 30px;
    height: 30px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more .fancybox-button {
        top: 22px;
        right: 10px;
    }
}

.crowdfunding-modal-more .fancybox-button svg path {
    fill: #989898;
}

.crowdfunding-modal-more .slick-arrow {
    display: none !important;
}

.crowdfunding-modal-more-slider {
    width: 55%;
    margin-bottom: 20px;
    height: 235px;
    overflow: hidden;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-slider {
        width: 100%;
        margin-bottom: 20px;
    }
}

.crowdfunding-modal-more-slider .slick-list {
    height: 100%;
}

.crowdfunding-modal-more-slider .slick-track {
    height: 100%;
}

.crowdfunding-modal-more-slider-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.crowdfunding-modal-more-slider-item img {
    max-width: 100%;
}

.crowdfunding-modal-more-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.crowdfunding-modal-more-slider .slick-dots li {
    width: 6px;
    height: 6px;
    background: #fff;
    margin: 0px 4px;
    border-radius: 6px;
}

.crowdfunding-modal-more-slider .slick-dots li.slick-active {
    transform: scale(1.5);
    background: #dfc3aa;
}

.crowdfunding-modal-more-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border: 0px;
    background: none;
    cursor: pointer;
    outline: none;
    position: absolute;
    left: 0px;
    top: 0px;
}

.crowdfunding-modal-more-info {
    width: 45%;
    padding-left: 34px;
    margin-bottom: 20px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-info {
        width: 100%;
        padding-left: 0px;
    }
}

.crowdfunding-modal-more-info-item {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
}

.crowdfunding-modal-more-info-item__ico {
    width: 36px;
    height: 36px;
}

.crowdfunding-modal-more-info-item__ico img {
    width: 100%;
    max-width: 100%;
}

.crowdfunding-modal-more-info-item-right {
    padding-left: 14px;
    width: calc(100% - 36px);
}

.crowdfunding-modal-more-info-item__title {
    font-size: 18px;
    color: #212426;
    font-weight: 700;
}

.crowdfunding-modal-more-info-item__text {
    font-size: 16px;
    color: #212426;
}

.crowdfunding-modal-more-html h4 {
    font-size: 18px;
    color: #2d2e2f;
    font-weight: 700;
    margin-bottom: 15px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-html h4 {
        font-size: 16px;
    }
}

.crowdfunding-modal-more-html p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-html p {
        font-size: 14px;
        line-height: 18px;
    }
}

.crowdfunding-modal-more-html a {
    color: #976a4c;
    text-decoration: none;
    position: relative;
}

.crowdfunding-modal-more-html a:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #976a4c;
    transition: 0.4s;
}

.crowdfunding-modal-more-html a:hover:before {
    width: 0px;
}

.crowdfunding-modal-more-comments {
    padding: 25px 60px;
    background: #f7f5f4;
    margin-left: -60px;
    width: calc(100% + 120px);
    margin-bottom: 25px;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more-comments {
        padding: 20px 15px;
        margin-left: -15px;
        width: calc(100% + 30px);
    }
}

.crowdfunding-modal-more-comments-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}

.crowdfunding-modal-more-comments-item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.crowdfunding-modal-more-comments-item__text {}

.crowdfunding-modal-more-comments-item-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.crowdfunding-modal-more-comments-item__author {
    font-size: 16px;
    color: #976a4c;
    font-style: italic;
    margin-right: 20px;
}

.crowdfunding-modal-more-comments-item__date {
    font-size: 14px;
    color: #989898;
}

.crowdfunding-modal-more-links {
    padding-bottom: 15px;
    border-bottom: 1px solid #edeeee;
    margin-bottom: 35px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.crowdfunding-modal-more-links-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    text-decoration: none;
    margin-right: 35px;
}

.crowdfunding-modal-more-links-item:last-child {
    margin-right: 0px;
}

.crowdfunding-modal-more-links-item__ico {
    width: 33px;
    margin-right: 20px;
}

.crowdfunding-modal-more-links-item__ico img {
    max-width: 100%;
}

.crowdfunding-modal-more-links-item__text {
    color: #976a4c;
    position: relative;
}

.crowdfunding-modal-more-links-item__text:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #976a4c;
    transition: 0.4s;
}

.crowdfunding-modal-more-links-item:hover .crowdfunding-modal-more-links-item__text:before {
    width: 0px;
}

.crowdfunding-modal-more-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 15px;
}

.crowdfunding-modal-more__btn {
    color: #fff;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: 0.4s;
}

.crowdfunding-modal-more__btn:hover {
    opacity: 0.8;
}

.crowdfunding-modal-more__btn svg {
    width: 24px;
    margin-right: 6px;
}

.crowdfunding-modal-more__btn svg path {
    fill: #fff;
}

.crowdfunding-modal-more__btn.green {
    font-size: 16px;
    background: #00cf91;
}

@media(max-width: 767px) {
    .crowdfunding-modal-more__btn.green {
        font-size: 14px;
    }
}

.crowdfunding-modal-more__btn.favorites {
    background: #e44934;
    font-size: 14px;
}

.crowdfunding-modal-more__btn.favorites span {
    position: relative;
}

.crowdfunding-modal-more__btn.favorites span:before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    background: #fff;
    transition: 0.4s;
}

.crowdfunding-modal-more__btn.favorites:hover span:before {
    width: 0px;
}

.crowdfunding-modal-form-header {}

.crowdfunding-modal-form {}

.crowdfunding-modal-form .form-group {
    width: 100%;
    margin-bottom: 20px;
}

.crowdfunding-modal-form .form-group.form-group-flex {
    display: flex;
    flex-wrap: wrap;
}

.crowdfunding-modal-form .form-group.form-group-flex .control-label {
    width: auto;
    margin-right: 30px;
}

.crowdfunding-modal-form .form-group .control-label {
    font-size: 18px;
    color: #2d2e2f;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
}

@media(max-width: 767px) {
    .crowdfunding-modal-form .form-group .control-label {
        font-size: 16px;
    }
}

.crowdfunding-modal-form .form-group input,
.crowdfunding-modal-form .form-group textarea,
.crowdfunding-modal-form .form-group select {
    border-radius: 4px;
    border: 1px solid #e8e9ea;
    margin-bottom: 10px;
    font-size: 16px;
    color: #2d2e2f;
    padding-left: 25px;
    padding-right: 20px;
    height: 60px;
    width: 100%;
    outline: none;
}

.crowdfunding-modal-form .form-group input:focus,
.crowdfunding-modal-form .form-group textarea:focus,
.crowdfunding-modal-form .form-group select:focus {
    box-shadow: none;
}

@media(max-width: 767px) {
    .crowdfunding-modal-form .form-group input,
    .crowdfunding-modal-form .form-group textarea,
    .crowdfunding-modal-form .form-group select {
        height: 48px;
        font-size: 14px;
        padding-left: 15px;
    }
}

.crowdfunding-modal-form .form-group input::-webkit-input-placeholder,
.crowdfunding-modal-form .form-group textarea::-webkit-input-placeholder {
    color: #989898;
}

.crowdfunding-modal-form .form-group input::-moz-placeholder,
.crowdfunding-modal-form.form-group textarea::-moz-placeholder {
    color: #989898;
}

.crowdfunding-modal-form .form-group input:-ms-input-placeholder,
.crowdfunding-modal-form .form-group textarea:-ms-input-placeholder {
    color: #989898;
}

.crowdfunding-modal-form .form-group input:-moz-placeholder,
.crowdfunding-modal-form .form-group textarea:-moz-placeholder {
    color: #989898;
}

.crowdfunding-modal-form .form-group textarea {
    height: 115px !important;
    padding-top: 15px;
}

.crowdfunding-modal-form .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/arr.png");
    background-position: center right 24px;
    background-repeat: no-repeat;
}

.crowdfunding-modal-form .form-group input[type="date"] {
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/calendar-g.png");
    background-position: center right 18px;
    background-repeat: no-repeat;
}

.crowdfunding-modal-form .form-group input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

.crowdfunding-modal-form .form-group .help-block {
    display: none !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.crowdfunding-modal-form .form-group.has-error .help-block {
    display: block !important;
}

.crowdfunding-modal-form .form-group.has-success input,
.crowdfunding-modal-form .form-group.has-success textarea {
    border-color: #00cf91;
}

.crowdfunding-modal-form .form-group.has-error input,
.crowdfunding-modal-form .form-group.has-error textarea {
    border-color: red;
}

.crowdfunding-modal-form-tab {
    padding: 40px 60px;
    margin-left: -60px;
    width: calc(100% + 110px);
    padding-top: 15px;
    padding-bottom: 0px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 30px;
}

.crowdfunding-modal-form .radio {
    margin-right: 30px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.crowdfunding-modal-form .radio:last-child {
    margin-right: 0px;
}

.crowdfunding-modal-form .radio input {
    display: none;
}

.crowdfunding-modal-form .radio span {
    padding-left: 37px;
    font-size: 16px;
    color: #2d2e2f;
    position: relative;
    font-weight: 400;
}

.crowdfunding-modal-form .radio span:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    left: 0px;
    top: -2px;
    border: 1px solid #e9eaeb;
}

.crowdfunding-modal-form .radio span:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: #e44934;
    border-radius: 13px;
    left: 6px;
    top: 4px;
    display: none;
}

.crowdfunding-modal-form .radio input:checked+span:after {
    display: block;
}

.crowdfunding-modal-btn {
    height: 60px;
    width: 100%;
    color: #fff;
    background: #009688;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    border: 0px;
    cursor: pointer;
    transition: 0.4s;
}

.crowdfunding-modal-btn:hover {
    opacity: 0.7;
}

.crowdfunding-modal-btn.border-red {
    color: #e44934;
    background: none;
    border: 1px solid #e44934;
}

@media(max-width: 767px) {
    .crowdfunding-modal-btn.border-red {
        margin-bottom: 15px;
    }
}

.crowdfunding-modal-btn.border-red:hover {
    color: #fff;
    background: #e44934;
}

.crowdfunding-modal-tab {
    display: none;
    padding-right: 10px;
}

#legal.crowdfunding-modal-tab {
    padding-bottom: 10px;
}

.crowdfunding-modal-tab.active {
    display: block;
}

.crowdfunding-modal-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.crowdfunding-modal-header-left {
    width: 47%;
}

.crowdfunding-modal-header-right {
    width: 47%;
}

@media(max-width: 767px) {
    .crowdfunding-modal-header-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .crowdfunding-modal-header-right {
        width: 100%;
    }
}

.form-group-avatar {
    padding: 30px 35px;
    padding-top: 55px;
    background: #f7f5f4;
    width: 100%;
}

.form-group-avatar input {
    display: none;
}

.form-group-avatar img {
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block;
}

.form-group-avatar-btn {
    height: 58px;
    border-radius: 4px;
    border: 1px solid #b2b2b2;
    margin-bottom: 15px;
    color: #e44934;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    transition: 0.4s;
}

.form-group-avatar-btn:hover {
    background: #e44934;
    color: #fff;
    border-color: #e44934;
}

.form-group-avatar__text {
    font-size: 16px;
    color: #989898;
    display: block;
    text-align: center;
    font-weight: 400;
}

.form-group .more-form-group {
    font-size: 22px;
    color: #d8b08c;
    display: flex;
    margin-left: auto;
    align-items: center;
    width: 125px;
}

.form-group .more-form-group:focus {
    color: #d8b08c;
}

.form-group .more-form-group span {
    margin-left: 7px;
    font-size: 16px;
    position: relative;
}

.form-group .more-form-group span:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #d8b08c;
    left: 0px;
    bottom: 0px;
    position: absolute;
    transition: 0.4s;
}

.form-group .more-form-group:hover span:before {
    width: 0px;
}

.crowdfunding-modal-buttons {
    width: calc(100% + 120px);
    margin-left: -60px;
    padding: 30px 60px;
    border-top: 1px solid #d6d6d6;
    margin-top: 50px;
}


/*
* ТЕРРИТОРИЯ РИТМА
*/

.rhythm__title {
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 20px;
    font-weight: 700;
}

@media(max-width: 767px) {
    .rhythm__title {
        font-size: 26px;
        line-height: 31px;
    }
}

.rhythm__title.center {
    width: 100%;
    text-align: center;
}

.rhythm-header {
    background: url("https://ugrateam.admhmao.ru/static/default/img/rhythm-header-bg.jpg") no-repeat center;
    background-size: cover;
    margin-bottom: 160px;
}

.rhythm-header .container {
    padding: 140px 15px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.rhythm-header .container:before,
.rhythm-header .container:after {
    display: none;
}

.rhythm-header__title {
    font-size: 36px;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    max-width: 55%;
}

.rhythm-header__title span {
    color: #d8b08c;
}

.rhythm-header__logo {
    position: absolute;
    top: -120px;
    right: -137px;
    z-index: 2;
}

.rhythm-header__logo img {}

@media(max-width: 1300px) {
    .rhythm-header {
        overflow: hidden;
    }
}

@media(max-width: 1024px) {
    .rhythm-header {
        margin-bottom: 50px;
    }
    .rhythm-header__title {
        width: 70%;
    }
    .rhythm-header__logo {
        width: 35%;
        position: absolute;
        top: 13px;
        right: 0px;
    }
    .rhythm-header__logo img {
        width: 100%;
    }
}

@media(max-width: 980px) {
    .rhythm-header__title {
        width: 100%;
        position: relative;
        z-index: 3;
    }
    .rhythm-header__logo {
        width: 35%;
        position: absolute;
        top: auto;
        right: -65px;
        bottom: 0px;
    }
    .rhythm-header {
        overflow: hidden;
    }
}

@media(max-width: 767px) {
    .rhythm-header .container {
        padding: 40px 15px;
    }
    .rhythm-header__title br {
        display: none;
    }
    .rhythm-header__title {
        font-size: 24px;
        line-height: 30px;
        max-width: 70%;
    }
    .rhythm-header__logo {
        right: -36px;
    }

    .table-box table {
        /*width: 400%;*/
    }
}

.rhythm-space {
    padding-bottom: 85px;
}

.rhythm-space .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.rhythm-space .container:before,
.rhythm-space .container:after {
    display: none;
}

.rhythm-space__description {
    font-size: 18px;
    color: #212426;
    line-height: 28px;
    margin-bottom: 40px;
}

.rhythm-space-video {
    overflow: hidden;
    border: 1px solid #dab593;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 45px;
    position: relative;
}

.rhythm-space-video:hover img {
    transform: scale(1.1);
}

.rhythm-space-video:hover .rhythm-space-video__play {
    transform: scale(0.8);
}

.rhythm-space-video:before {
    content: '';
    background-color: rgb(245, 235, 226, 0.5);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.rhythm-space-video img {
    width: 100%;
    transition: 0.4s;
    transform: scale(1);
}

.rhythm-space-video__play {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -60px;
    margin-top: -60px;
    background-color: rgb(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding-left: 10px;
    transition: 0.4s;
}

.rhythm-space-video__play svg {}

.rhythm-space-left {
    width: 60%;
}

.rhythm-space-left p {
    font-size: 18px;
    color: #212426;
    line-height: 28px;
    margin-bottom: 35px;
}

.rhythm-space-left i {
    font-size: 16px;
    color: #757575;
}

.rhythm-space-right {
    padding: 40px 35px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(239, 236, 233);
    border-radius: 5px;
    text-align: center;
}

.rhythm-space-right__title {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 15px;
}

.rhythm-space-right .btn {
    width: 100%;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

@media(max-width: 980px) {
    .rhythm-space-left {
        width: 100%;
    }
    .rhythm-space-right {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .rhythm-space__description,
    .rhythm-space-left p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 15px;
    }
    .rhythm-space-video__play {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        padding-left: 5px;
    }
    .rhythm-space-video__play svg {
        transform: scale(0.5);
    }
    .rhythm-space-right__title {
        font-size: 18px;
        line-height: 24px;
    }
    .rhythm-space-left i {
        font-size: 14px;
        line-height: 21px;
    }
    .rhythm-space {
        padding-bottom: 40px;
    }
}

.rhythm-together {
    background: url("https://ugrateam.admhmao.ru/static/default/img/rhythm-together-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
}

.rhythm-together .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rhythm-together .container:before,
.rhythm-together .container:after {
    display: none;
}

.rhythm-together-left {
    width: 55%;
}

.rhythm-together-right {
    width: 41%;
}

.rhythm-together-slide-wrap {
    position: relative;
}

.rhythm-together-slide-wrap .rhythm-together-slide-arrow {
    width: 56px;
    height: 56px;
    border-radius: 56px;
    top: 50%;
    margin-top: -28px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: absolute;
    background-color: rgb(255, 255, 255, 0.7);
    border: 1px solid #dab593;
    cursor: pointer;
    color: #d0a57e;
    font-size: 14px;
}

.rhythm-together-slide-arrow.slide-prev {
    left: 18px;
    transform: rotate(90deg);
}

.rhythm-together-slide-arrow.slide-next {
    right: 18px;
    transform: rotate(-90deg);
}

.rhythm-together-slide {
    border-radius: 5px;
    border: 1px solid #dab493;
    overflow: hidden;
}

.rhythm-together-slide-item {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    outline: none;
}

.rhythm-together-slide-item img {
    width: 100%;
}

.rhythm-together-enter {
    display: flex;
    width: 88%;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ded2c5;
}

.rhythm-together-enter .btn {
    width: 255px;
    margin-right: 20px;
    background: none;
    border: 1px solid #E44934;
    color: #E44934;
    box-shadow: 0px 7px 13px -2px rgba(184, 144, 108, 0.64);
}

.rhythm-together-enter .btn:hover {
    color: #fff;
    background: #E44934;
    box-shadow: none;
}

.rhythm-together-enter__text {
    font-size: 16px;
    color: #757575;
    line-height: 24px;
}

@media(max-width: 1024px) {
    .rhythm-together {
        padding: 50px 0px;
    }
}

@media(max-width: 980px) {
    .rhythm-together-left {
        width: 100%;
        order: 1;
    }
    .rhythm-together-right {
        width: 100%;
        order: 0;
        margin-bottom: 30px;
    }
}

@media(max-width: 767px) {
    .rhythm-together-slide-wrap .rhythm-together-slide-arrow {
        width: 34px;
        height: 34px;
        font-size: 10px;
    }
    .rhythm-together-enter {
        width: 100%;
    }
    .rhythm-together-enter__text {
        font-size: 12px;
        line-height: 17px;
        width: 75%;
    }
}

.rhythm-together__title {
    font-size: 36px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 20px;
}

.rhythm-together__description {
    font-size: 18px;
    line-height: 28px;
    color: #212426;
    margin-bottom: 28px;
}

.rhythm-together-bnr {
    background-color: #fff;
    border-radius: 5px;
    padding: 40px 28px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/rhythm-together-bnr.png");
    background-repeat: no-repeat;
    background-position: right -15px bottom -46px;
    box-shadow: 0px 7px 13px -2px rgba(184, 144, 108, 0.64);
}

.rhythm-together-bnr__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.rhythm-together-bnr__description {
    font-size: 16px;
    line-height: 24px;
}

.rhythm-together-bnr__description span {
    color: #986b4d;
}

@media(max-width: 767px) {
    .rhythm-together__description {
        font-size: 14px;
        line-height: 21px;
    }
}

.rhythm-employment {
    padding-top: 80px;
    padding-bottom: 100px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/rhythm-employment.png");
    background-repeat: no-repeat;
    background-position: center bottom -70px;
}

.rhythm-employment .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.rhythm-employment .container:before,
.rhythm-employment .container:after {
    display: none;
}

.rhythm-employment-left {
    width: calc(100% - 430px);
}

.rhythm-employment .btn {
    width: 310px;
    box-shadow: 0px 7px 13px -2px rgba(184, 144, 108, 0.64);
}

.rhythm-employment-bnr {
    width: 360px;
    padding: 40px;
    border-radius: 5px;
    border: 1px solid #f5f4f2;
    background-color: #fff;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/icon/rhythm-employment-bnr.png");
    background-repeat: no-repeat;
    background-position: right 20px top 20px;
}

.rhythm-employment-bnr__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.rhythm-employment-bnr__text {
    font-size: 16px;
    line-height: 24px;
}

.rhythm-employment-bnr__text a {
    color: #e44934;
    text-decoration: underline;
}

.rhythm-employment-bnr__text a:hover {
    text-decoration: none;
}

@media(max-width: 980px) {
    .rhythm-employment {
        padding-top: 50px;
        padding-bottom: 220px;
    }
    .rhythm-employment-left {
        width: 100%;
        text-align: center;
    }
    .rhythm-employment .btn {
        margin-left: auto;
        margin-right: auto;
    }
    .rhythm-employment-bnr {
        margin-left: auto;
        margin-right: auto;
    }
}

.rhythm-motion {
    background: #986b4d;
    overflow: hidden;
}

.rhythm-motion .container {
    padding: 100px 15px;
    position: relative;
}

.rhythm-motion-left {
    width: 770px;
    max-width: 100%;
}

.rhythm-motion__title {
    color: #fff;
    font-size: 36px;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

.rhythm-motion__title span {
    text-transform: none;
    color: #d8b08c;
}

.rhythm-motion .btn {
    width: 300px;
    box-shadow: 0px 7px 13px -2px rgba(151, 29, 12, 0.64);
}

.rhythm-motion-right {
    position: absolute;
    right: -100px;
    bottom: -120px;
}

.rhythm-motion-right img {}

@media(max-width: 980px) {
    .rhythm-motion .container {
        padding-top: 40px;
        padding-bottom: 250px;
    }
}

@media(max-width: 767px) {
    .rhythm-motion__title {
        font-size: 24px;
        line-height: 31px;
    }
    .rhythm-motion .container {
        padding-bottom: 330px;
    }
}

.rhythm-worth {
    padding-top: 90px;
    padding-bottom: 60px;
}

@media(max-width: 1024px) {
    .rhythm-worth {
        padding-top: 50px;
        padding-bottom: 40px;
    }
}

.rhythm-worth .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rhythm-worth-block {
    padding-top: 60px;
    padding-left: 130px;
    padding-right: 80px;
    padding-bottom: 80px;
}

@media(max-width: 1024px) {
    .rhythm-worth-block {
        padding-top: 40px;
        padding-left: 60px;
        padding-right: 40px;
        padding-bottom: 30px;
    }
}

.rhythm-worth-left {
    width: 50%;
    background: #f7f2ee;
}

.rhythm-worth-right {
    width: 50%;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/rhythm-worth-right.jpg");
}

.rhythm-worth__title {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
    margin-bottom: 25px;
}

.rhythm-worth-list {}

.rhythm-worth-list-item {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
}

.rhythm-worth-list-item:before {
    content: '';
    position: absolute;
    left: -35px;
    top: 6px;
    width: 20px;
    height: 20px;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/icon/rhythm-worth-list-item.png");
    background-repeat: no-repeat;
    background-position: center;
}

@media(max-width: 767px) {
    .rhythm-worth-left {
        width: 100%;
    }
    .rhythm-worth-right {
        width: 100%;
    }
    .rhythm-worth-list-item {
        font-size: 14px;
        line-height: 21px;
    }
}

.rhythm-tell {}

.rhythm-tell .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 1px solid #e4e0dd;
}

.rhythm-tell .container:before,
.rhythm-tell .container:after {
    display: none;
}

.rhythm-tell-left {
    width: 60%;
}

.rhythm-tell-right {
    padding: 40px 35px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(239, 236, 233);
    border-radius: 5px;
    max-width: 360px;
}

.rhythm-tell-left__title {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 30px;
    font-weight: 700;
}

.rhythm-tell-left__description {
    font-size: 18px;
    color: #212426;
    line-height: 24px;
}

.rhythm-tell-right__title {
    font-size: 24px;
    color: #212426;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 15px;
}

.rhythm-tell-right .btn {
    width: 100%;
    margin-bottom: 0px;
}

@media(max-width: 980px) {
    .rhythm-tell-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .rhythm-tell-right {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .rhythm-tell-left__title {
        font-size: 26px;
        line-height: 31px;
    }
    .rhythm-tell-left__description {
        font-size: 16px;
    }
    .rhythm-tell-right__title {
        font-size: 18px;
        line-height: 27px;
        text-align: center;
    }
}

.rhythm-contacts {
    background: #efece9;
    padding-top: 85px;
    padding-bottom: 95px;
}

.rhythm-contacts .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rhythm-contacts .container:before,
.rhythm-contacts .container:after {
    display: none;
}

.rhythm-contacts-item {
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    display: flex;
    width: 48%;
    padding: 40px 25px;
    margin-bottom: 25px;
    border: 1px solid #fff;
}

.rhythm-contacts-item-ico {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    background: #efece9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rhythm-contacts-item-info {
    width: calc(100% - 120px);
    padding-left: 25px;
}

.rhythm-contacts-item__name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.rhythm-contacts-item__position {
    font-size: 16px;
    color: #c3bab7;
    font-style: italic;
    margin-bottom: 10px;
}

.rhythm-contacts-item__email {
    font-size: 18px;
    color: #e44934;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 5px;
}

.rhythm-contacts-item__email:hover {
    text-decoration: none;
}

.rhythm-contacts-item__phone {
    color: #212426;
    font-size: 18px;
}

.rhythm-contacts-item__phone:hover {
    color: #e44934;
}

.rhythm-contacts-item.social {
    background: #efece9;
}

.rhythm-contacts-item-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.rhythm-contacts-item-social__title {
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #212426;
}

.rhythm-contacts-item-social__item {
    width: 74px;
    height: 74px;
    border-radius: 74px;
    margin: 0px 13px;
    overflow: hidden;
    background: #986b4d;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}

.rhythm-contacts-item-social__item:hover {
    background: #e44934;
    box-shadow: 0px 8px 15px -5px rgba(151, 29, 12, 0.64);
}

.rhythm-contacts-item-social__item svg {
    width: 40px;
    height: 40px;
}

.rhythm-contacts-item-social__item svg {
    fill: #fff;
}

@media(max-width: 980px) {
    .rhythm-contacts-item {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .rhythm-contacts {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .rhythm-contacts-item {
        flex-wrap: wrap;
    }
    .rhythm-contacts-item-ico {
        margin-left: auto;
        margin-right: auto;
    }
    .rhythm-contacts-item-info {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
        text-align: center;
    }
}

.rhythm-flag {
    padding-top: 70px;
    padding-bottom: 80px;
    background: #f7f2ee;
}

.rhythm-flag .aber-title {
    text-align: center;
}

.rhythm-flag__flex {
    display: flex;
    justify-content: space-around;
}

.rhythm-flag__romb {
    fill: #c7c0be;
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.rhythm-flag__romb:before {
    content: '';
    width: 210px;
    height: 130%;
    position: absolute;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/aber-rombs.png");
    background-repeat: no-repeat;
    background-position: top 27px center;
    background-size: cover;
    transition: 0.4s;
    z-index: 0;
    left: 50%;
    margin-left: -105px;
    top: 0px;
    margin-top: -15%;
}

.rhythm-flag__item:hover .rhythm-flag__romb:before {
    background-position: top -176px center;
}

.rhythm-flag__item:hover .rhythm-flag__text {
    color: #212426;
}

.rhythm-flag__item:hover svg path {
    fill: #e44934;
}

.rhythm-flag__romb svg {
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
}

.rhythm-flag__item {
    width: 160px;
    position: relative;
    padding-top: 160px;
    padding-bottom: 135px;
}

.rhythm-flag__item:nth-child(even) {
    padding-top: 230px;
}

.rhythm-flag__text {
    width: 200px;
    margin-left: -100px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: rgba(33, 36, 38, 0.749);
    display: block;
    position: absolute;
    top: 385px;
    left: 50%;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 60px;
}

a.rhythm-flag__text {
    color: #e44934;
}

.rhythm-flag__text br {
    display: none;
}

.rhythm-flag__text span {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 16px;
    display: block;
}

.rhythm-flag__circle {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #d8b08c;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #dfbea0;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}

.rhythm-flag__circle:after {
    width: 1px;
    height: 30px;
    position: absolute;
    content: "";
    bottom: -30px;
    background-color: #dfbea0;
    left: 50%;
    transform: translateX(-50%);
}

.rhythm-flag__item:nth-child(even) .rhythm-flag__circle {
    top: -15px;
    bottom: auto;
}

.rhythm-flag__item:nth-child(even) .rhythm-flag__circle:after {
    bottom: auto;
    top: -30px;
}

.rhythm-flag__item:nth-child(even) .rhythm-flag__text {
    top: 100px;
    align-items: flex-end;
}

.rhythm-flag__item:hover .rhythm-flag__circle {
    background-color: #e44934;
    color: #fff;
}

@media screen and (max-width: 1200px) {
    .rhythm-flag__flex {
        flex-wrap: wrap;
        padding-top: 50px;
    }
    .rhythm-flag__item {
        width: 200px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 15px;
    }
    .rhythm-flag__text {
        left: 0;
        margin-left: 0;
        position: static;
        margin-top: 70px;
    }
    .rhythm-flag__circle {
        position: absolute !important;
        bottom: -15px !important;
        top: auto !important;
    }
    .rhythm-flag__circle:after {
        bottom: -30px !important;
        top: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .rhythm-flag,
    .aber-drop,
    .aber-last {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .rhythm-flag__flex {
        padding-top: 30px;
    }
}

.service-transition-header {
    padding-top: 95px;
    padding-bottom: 315px;
    background: url("https://ugrateam.admhmao.ru/static/default/img/service-transition-header.jpg") no-repeat center;
    background-size: cover;
}

.service-transition-header__title {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    line-height: 54px;
}

.service-transition-header__title span {
    color: #d8b08c;
    font-size: 36px;
}

.service-transition-list {
    background: #efece9;
    padding-bottom: 300px;
}

.service-transition-list .container {}

.service-transition-list .container:before,
.service-transition-list .container:after {
    display: none;
}

.service-transition-list-item {
    border-radius: 5px;
    background: #fff;
    padding: 40px 110px;
    margin-top: -235px;
    min-height: 470px;
    text-align: center;
}

.service-transition-list-item__img {
    margin-bottom: 50px;
    min-height: 195px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.service-transition-list-item__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 40px;
}

.service-transition-list-item .btn {
    box-shadow: 0px 8px 13px -2px rgba(151, 29, 12, 0.64);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

@media(max-width: 980px) {
    .service-transition-header {
        padding-bottom: 95px;
    }
    .service-transition-list {
        padding-top: 40px;
    }
    .service-transition-list-item__img {
        min-height: auto;
    }
    .service-transition-list-item {
        margin-top: 0px;
        margin-bottom: 30px;
        min-height: auto;
    }
    .service-transition-list {
        padding-bottom: 60px;
    }
}

@media(max-width: 767px) {
    .service-transition-header__title {
        font-size: 36px;
        line-height: 40px;
    }
    .service-transition-list-item {
        padding: 30px;
    }
    .service-transition-list-item__img {
        margin-bottom: 30px;
    }
    .service-transition-list-item__title {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 30px;
    }
}


/*
* project-participants
*/

.project-participants-card {
    padding: 20px 40px;
    margin-bottom: 90px;
    min-width: 740px;
}

.project-participants__date {
    font-size: 16px;
    line-height: 21px;
    color: #212426;
    margin-bottom: 12px;
}

.project-participants__date span {
    color: #989898;
}

.project-participants-card-header {
    border-bottom: 1px solid #e0e0e4;
    margin-bottom: 28px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.project-participants-card-footer {
    border-top: 1px solid #e0e0e4;
    padding: 10px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project-participants-card-header,
.project-participants-card-footer {
    margin-left: -40px;
    width: calc(100% + 80px);
}

.project-participants-card-footer__item {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 10px 20px;
}

.project-participants-card-footer__item:hover span:before {
    display: none;
}

.project-participants-card-footer__item svg {
    margin-right: 20px;
}

.project-participants-card-footer__item svg path {
    fill: #bfbfbf;
}

.project-participants-card-footer__item span {
    font-size: 16px;
    color: #976a4c;
    position: relative;
}

.project-participants-card-footer__item span:before {
    content: '';
    position: absolute;
    width: 100%;
    background: #976a4c;
    height: 1px;
    left: 0px;
    bottom: 0px;
}

.project-participants-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.project-participants-filter__title {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 700;
}

.project-participants-filter-status {
    display: flex;
    flex-wrap: wrap;
}

.project-participants-filter-item {
    display: block;
    font-weight: 700;
    margin-bottom: 15px;
    border-radius: 28px;
    border: 1px solid #757575;
    font-size: 12px;
    color: #212426;
    text-transform: uppercase;
    padding: 6px 12px;
    margin-right: 10px;
    opacity: 0.5;
    letter-spacing: 1px;
}

.project-participants-filter-item.active {
    opacity: 1;
}

.project-participants-filter-item-wrap {
    display: flex;
    align-items: center;
}

.project-participants-filter-item__status {
    margin-right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

.project-participants-item {
    padding: 20px 30px;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 25px;
}

.project-participants-item-header {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: 1px solid #efece9;
}

.project-participants-item-image {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.project-participants-item-image img {}

.project-participants-item-info {
    width: calc(100% - 90px);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.project-participants-item-status {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 28px;
    font-size: 12px;
    color: #212426;
    text-transform: uppercase;
    padding: 8px 12px;
    margin-right: 10px;
    margin-bottom: 15px;
    background: #ebebed;
    font-weight: 700;
}

.project-participants-item-status__circle {
    margin-right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

.project-participants-item__title {
    color: #212426;
    font-size: 18px;
    font-weight: 700;
}

.project-participants-item-body {
    padding: 20px 40px;
}

.project-participants-item__email {
    color: #989898;
    font-size: 16px;
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
}

.project-participants-item__phone {
    font-size: 16px;
    color: #212426;
    text-decoration: none;
}

.project-participants-item-footer {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 1px solid #efece9;
    justify-content: space-between;
}

.project-participants-item-footer .btn {
    width: 140px;
    height: 40px;
    padding: 0px;
    line-height: 40px;
    margin-bottom: 0px;
}

.project-participants-pagination {
    display: flex;
    flex-wrap: wrap;
}

.project-participants-pagination .pagination-wrap {
    width: auto;
    margin-right: auto;
}

.project-participants-pagination .btn {
    width: 290px;
    margin-left: auto;
}

@media(max-width: 767px) {
    .project-participants-item {
        padding: 15px;
    }
    .project-participants-item-body {
        padding: 15px 15px;
    }
    .project-participants-item-footer .btn {
        width: 48%;
    }
    .project-participants-item__title {
        font-size: 16px;
    }
    .project-participants-pagination .btn {
        margin-left: 0px;
        margin-right: auto;
    }
}

.input {
    position: initial;
}

.fancybox-container {
    z-index: 99;
}

.fancybox-bg {
    background: rgb(30, 30, 30, 0.4);
}

.bootstrap-datetimepicker-widget {
    z-index: 9999999999;
    position: absolute;
}

.blind-header{
    background-color: #527696;
    position: relative;
}

.blind-header__in{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    column-gap: 15px;
}

.blind-header__btn-blind{
    background: #21272b;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    border-radius: 6px;
    border: 0 !important;
    font-size: 14px;
    text-transform: uppercase;
    padding: 13px 24px !important;
    margin: 0;
    transition: all .2s linear;
}

.blind-header__btn-blind span{
    margin-left: 10px;
}

.blind-header__btn-blind:hover{
    background-color: #779fc1;
    color: #ffffff;
}

.svg-tags{
    display: none;
}

.blind-header__btn-blind svg{
    width: 30px;
    height: 14px;
    fill: currentColor;
}

.promo-about__content .promo-num__btn{
    justify-content: flex-start;
    margin-top: 30px;

}

.header-content .header-logIn{
    display: none;
}

@media (max-width: 991px){
    section-prime {
        padding: 138px 0 250px;
    }

    .blind-header__in {
        display: none;
    }


    /*.blind-header{
        display: none;
    }

    .blind-header__btn-blind span{
        display: none;
        }*/


        .blind-header__btn-blind{
            padding: 13px 5px !important;
            border-radius: 50%;
        }  
        .header .header-logIn{
            display: block;
        }

        .header .header-logIn {
            position: absolute;
            top: 6px;
            right: 40px;
            width: auto;
            padding: 0;
            color: #ffffff;
            font-size: 14px;
            border: none;
            width: 40px;
            height: 40px;
        }
        .header .header-logIn i {
            display: block;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            margin-right: 0;
        }
        .header .header-logIn i {
            background-color: rgba(152, 107, 77, 0.1);
        }
        .header .header-logIn .text {
            display: none;
        }    

        .header.header-absl{
            top: 0;
            background: rgb(82 118 150);
        }

        .home-child-sites {
            margin-top: 70px !important;
        }

        .navigation-button {
            padding: 0px 10px !important;
        }

        .navigation-button .section-navigation__btn {
            width: 30px;
            height: 30px;
        }

        .navigation-button .section-navigation__btn img{
            zoom: 1;
        }
    }


    .site-about table thead{
        font-size: 16px;
    }

    .site-about table tbody{
        font-size: 15px;
    }

    .site-about table tbody{
        word-break: break-word;
    }

    .site-about table thead tr{
        background-color: #dce5ee;    
    }
    .site-about table thead td{
        text-align: center;
        vertical-align: middle;
    }

    .site-about table thead td{
        border: 2px solid #d3d3d3;
    }

    .site-about table tr td  p{
        margin-bottom: 0;
    }

    .site-about>div{
        overflow-x:auto
    }

    .success-restore{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .success-restore__btn{
        background: #98a6b1;
        color: #ffffff;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        transition: background 1s ease-in-out;
        -webkit-transition: background 1s ease-in-out;
    }

    .success-restore__btn:hover{
        background: linear-gradient(212.33deg, #00C960 0%, #00AEEF 105.47%);
    }

    .survey-item{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
    }

    .section-navigation__btn{
        user-select: none;
    }

    .d-none{
        display: none !important;
    }

    .new-leader-card__avatar-default img{
     margin-bottom: 0;
 }

 .nav-feed.ready .nav-wrap .nav-list > .nav-ell:last-child{
    display: inline !important;
}


@media (max-width: 1360px) {
    .nav-feed.ready .nav-wrap .nav-list > .nav-ell:nth-child(4),
    .nav-feed.ready .nav-wrap .nav-list > .nav-ell:nth-child(5),
    .nav-feed.ready .nav-wrap .nav-list > .nav-ell:nth-child(6)
    {
        display: none;
    }

    .nav-feed.ready .nav-wrap .nav-list > .nav-ell:last-child {
        display: inline !important;
    }

}


.password-field.login-form .has-error .input-group-addon,
.password-field.login-form .input-group-addon {
    background: #f4f6fa;
    color: #a5a5a5;
}

.password-field.login-form .input-group-addon {
    border: none;
}

.password-field.reset-form .has-error .input-group-addon,
.password-field.reset-form .input-group-addon {
    background: #fff;
    color: #a5a5a5;
    border-color: #e8e9ea;
    border-left: none;
}

.password-field.register-form .has-error .input-group-addon,
.password-field.register-form .input-group-addon {
    background: #fff;
    color: #a5a5a5;
    border-color: #e8e9ea;
    border-left: none;
}

.password-field .input-group-addon:hover {
    cursor: pointer;
}

.card-about-inner__body{
    color: #212426;
}

.card-about-inner{
    margin-bottom: 30px;
}



.js-home-child-sites a.swiper-slide img{
    width: 100%;
}


.navigation-button{
    justify-content: center;
    margin-top: 20px;
    position: absolute;
    z-index: 9;
    bottom: 50%;
    margin-bottom: 0;
    width: 100%;
    padding: 0 30px;
}

.home-child-sites{
    margin: 0px 0 0 0;
    position: relative;
}





.page-job .base-content h3,
.page-job .base-content h2 {
    margin-bottom: 20px;
    font-size: 20px;
    display: block;
}


.footer {
    margin-top: auto;
}

@media (min-width: 768px) {
    .clxe+.offering-category {
        margin-top: -90px;
    }
}

.new-leader-card__avatar-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-olh {
    background-color: #a0522d;
    background: linear-gradient(to right, rgba(39, 84, 139, 1) 0%, rgba(247, 124, 64, 1) 100%);
    color: #f5f5dc;
    box-shadow: 0px 8px 20px 0px rgba(83, 60, 45, 0.4);
}

.btn-olh:hover {
    background-color: #AA6442;
}

.offering-timer .offering-timer__text {
    margin-top: 0;
}


/* CABINET SURVAY */

.list-view .summary {
    font-weight: 700;
    transition: all .2s linear;
}

.list-view .summary:hover {
    color: #ffffff;
    background-color: #779fc1;
    opacity: .7;
}

.survey-item {
    margin-bottom: 30px;
    border-radius: 5px;
    background: #fff;
}

.survey-item__heading {
    display: flex;
    justify-content: space-between;
    padding: 25px 15px 20px 35px;
}

.survey-item__value {
    font-weight: 700;
    font-size: 18px;
    color: #212426;
}

.survey-item__group {
    display: flex;
    flex-direction: column;
}

.survey-item__group:not(:last-child) {
    margin-bottom: 10px;
}

.survey-item__media {
    min-width: 54px;
    width: 54px;
    height: 54px;
    margin-left: 10px;
}

.survey-item__icon {
    width: 100%;
    height: 100%;
}

.survey-item__footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e0e0e4;
}

.survey-item__dates {
    display: flex;
}

.survey-item__date {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90px;
    padding: 20px 35px 25px 35px;
    font-size: 16px;
}

.survey-item__date:not(:first-child) {
    border-left: 1px solid #e0e0e4;
}

.survey-item__date .date__title {
    color: #989898;
}

.survey-item__date .date__value {
    color: #212426;
}

.anniversary-t {
    min-height: 215px;
}

.anniversary-t__title {
    color: #fff;
    font-weight: 400;
    text-align: center;
}

.anniversary-t__num {
    font-weight: 700;
    font-size: 5rem;
    margin-left: 10px;
    line-height: 3rem;
}

.survey-item__actions {
    padding: 15px;
    width: 284px;
}

.survey-item__apply {
    margin-bottom: 0;
    font-size: 14px;
}

.work-place-remove-button {
    margin: 0 auto;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .anniversary-slider-wrap.wsx .anniversary-slider__header .anniversary-slider__control {
        position: static;
    }
    .anniversary-slider-wrap.wsx .anniversary-slider__header {
        margin-bottom: 20px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__body {
        flex-wrap: wrap;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__num {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__name br {
        display: none;
    }
    .stage-competition__row {
        text-align: center;
    }
    .stage-competition .stage-competition__block .stage-competition__ell .stage-competition__name {
        width: 100%;
        text-align: center;
        white-space: normal;
    }
    .footer-err {
        display: none !important;
    }
    .survey-item__heading {
        padding: 15px;
    }
    .survey-item__value {
        font-size: 16px;
    }
    .survey-item__footer {
        flex-direction: column;
    }
    .survey-item__dates {
        border-bottom: 1px solid #e0e0e4;
    }
    .survey-item__date {
        align-items: center;
        text-align: center;
        width: 50%;
        height: auto;
        padding: 15px 20px;
    }
    .survey-item__date .date__title {
        margin-bottom: 5px;
    }
    .survey-item__actions {
        width: 100%;
    }
    .survey-item__apply {
        margin: 0 auto;
    }
}

.nox-ava__avatar img {
    height: 100%;
    object-fit: cover;
}

.notification-item__wrapper .notification-item__time {
    min-width: 130px;
}

.notification-item__wrapper .notification-item__heading .notification-item__title {
    max-width: none;
}

.wrapper .sidebar .logo {
    width: 100%;
}

.wrapper .sidebar .logo .logo-normal img {
    position: relative;
    margin: auto;
}

.serteficate-bl {
    width: 100%;
}


/* #129548 */

.nox-template__btn {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* end #129548 */

.agree-modal .lable-top {
    display: none;
}

.agree-modal .faild-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 60px;
    padding-right: 60px;
    border-bottom: 1px solid #d6d6d6;
    background-color: #efece9;
    margin-bottom: 0;
}

.agree-modal .faild-wrap input {
    position: relative;
    margin-right: 10px;
}

.agree-modal .faild-wrap label {
    font-size: 16px;
    color: rgb(33, 36, 38);
    font-weight: 400;
}

.agree-modal .faild-wrap .help-block {
    display: none;
}

.agree-modal .nox-center {
    padding-top: 30px;
    margin-top: 0;
    padding-bottom: 35px;
}

.agree-modal .nox-center .btn {
    margin-bottom: 0;
    background-color: #009688;
}

.agree-modal .nox-center .btn:disabled {
    filter: grayscale(100%);
}

.nox-ava__hover img {
    height: auto !important;
}

.btn-grach {
    background: rgb(255, 149, 77);
    background: linear-gradient(90deg, rgba(255, 149, 77, 1) 0%, rgba(228, 73, 52, 1) 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-grach:active {
    background: rgb(255, 149, 77);
    background: linear-gradient(90deg, rgba(255, 149, 77, 1) 0%, rgba(228, 73, 52, 1) 100%);
}

.btn-contest {
    color: #fff;
    background: #2c5589;
    background: linear-gradient(90deg, #2c5589 0%, #f47a42 100%);
}

.btn-contest:active {
    background: #2c5589;
    background: linear-gradient(90deg, #2c5589 0%, #f47a42 100%);
}

.btn-int_map:active {
    background: linear-gradient(to right, #4F44BE, #E93342);
}

.section-prime .prime-content .btn.btn-grach {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-prime .line-btn .btn {
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%)!important;
    color: #fff!important;
    box-shadow: 0px 12px 20px rgba(27, 68, 83, 0.15)!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

.section-prime .line-btn .btn.btn-prime {
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%)!important;
}

.section-prime .line-btn .btn:hover,
.section-prime .line-btn .btn:active {
    box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
    .promo-first__title,
    .promo-first__descript {
        max-width: 480px;
    }
    .promo-num__num {
        position: relative;
        z-index: 3;
    }
}

.sbgs {
    border-radius: 20px;
    background-color: #000;
    padding: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    position: relative;
    display: block;
}

.sbgs p {
    font-size: 16px;
    margin-bottom: 0;
}

.sbgs__lenta img,
.sbgs__image img {
    width: 100%;
    height: auto;
}

.sbgs__image {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.sbgs__lenta {
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -50px;
    right: -10px;
}

.prmp-num__btn+.prmp-about {
    padding-top: 50px;
}

.prmp-num__btn {
    justify-content: center;
    display: flex;
    background-color: #efece9;
}

.prmp-num__btn .btn {
    margin-bottom: 0;
}

.select2-container .select2-selection {
    min-height: 66px;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid #e8e9ea;
    box-shadow: none;
}

.select2-container--krajee .select2-selection--multiple .select2-selection__rendered {
    min-height: 64px;
}

.select2-container .select2-search--inline {
    float: none;
    width: 100%;
    height: 100%;
    display: block;
    min-height: 64px;
}

.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {}

.survey-result-item .survey-result-value {
    color: rgb(152, 107, 77);
    font-size: 14px;
    border-left: 10px solid #e4e3e1;
    background-color: rgb(250, 249, 246);
    margin-left: -10px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.survey-result-item .survey-result-title {
    font-size: 14px;
    color: rgb(33, 36, 38);
}

.survey-result-item {
    margin-bottom: 20px;
}

.fc-scroller {
    overflow-x: visible !important;
}

.base-form .has-error .input.input--juro .help-block {
    position: static;
    padding: 15px 18px 5px;
    font-size: 14px;
}

.cbr-box__text {
    min-height: 63px;
}

.human-capital-wrap {
    padding-top: 25px;
    padding-bottom: 65px;
    background-color: #EFECE9;
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/human-capital-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.human-capital {
    padding-top: 80px;
    padding-bottom: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: initial;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.human-capital>* {
    position: relative;
    z-index: 1;
}

.human-capital__logo {
    position: absolute;
    z-index: 0;
    right: 45px;
    bottom: 50px;
}

.human-capital__title {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 46px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 700;
}

.human-capital__btn {
    margin-bottom: 0px;
    box-shadow: 0px 12px 40px 10px rgba(151, 29, 12, 0.64);
}

.human-capital__btn:hover {
    box-shadow: none;
}

@media(max-width: 767px) {
    .human-capital {
        padding-top: 40px;
    }
    .human-capital__title {
        font-size: 18px;
        line-height: 24px;
    }
    .human-capital__logo {
        position: relative;
        right: 0px;
        bottom: 0px;
        margin-bottom: 30px;
    }
}

.survey-statistic {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e0e0e4;
    padding-top: 25px;
}

.survey-statistic-dashboard {}

.highcharts-container {
    max-width: 100% !important;
    width: 100% !important;
}

.highcharts-container svg {
    max-width: 100%;
}

.survey-statistic-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.survey-statistic-item {
    width: 30%;
    padding: 5px 20px;
    border-left: 2px solid #eee;
}

.survey-statistic-item:last-child {
    border-right: 2px solid #eee;
}

.survey-statistic-item__number {
    font-size: 35px;
    line-height: 48px;
    font-weight: 700;
    color: #00aeef;
}

.survey-statistic-item__number span {
    font-weight: 400;
}

.survey-statistic-item__text {
    font-size: 16px;
    line-height: 21px;
}

.survey-statistic-spider {}

@media (max-width: 767px) {
    .survey-statistic-dashboard {
        width: 100%;
    }
    .survey-statistic-item {
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-left: 0px !important;
        border-right: 0px !important;
        border-bottom: 2px solid #eee;
    }
}

.survey-statistic .progress-bar {
    position: relative;
    margin: 4px;
    text-align: center;
    color: #98694c;
    background: none;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    box-shadow: none;
    float: none;
}

.survey-statistic .progress-bar canvas {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    transform: rotate(90deg);
}

.survey-statistic .progress-bar__numbmer {
    font-size: 26px;
    font-weight: 700;
}

.survey-statistic .barOverflow {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin-bottom: -14px;
}

.survey-statistic .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 15px solid #E44934;
    border-bottom-color: white;
    border-right-color: white;
}

.page-lk {
    min-height: fit-content;
}

@media(max-width: 767px) {
    .service-transition-header__title span,
    .rhythm-header__title span,
    .promo-first__descript,
    .prmp-first__descript {
        /*text-shadow: 2px 2px 0px #4e3627;*/
    }
    .prmp-first__bg {
        background-position: left center !important;
        background-size: cover;
        width: 100%;
        height: 100%;
        left: 0px;
        margin: 0px;
    }
    .promo-first__bg {
        background-position: left center !important;
        background-size: cover !important;
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        margin: 0px !important;
        right: auto !important;
    }
}

.workplace-item {
    position: relative;
}

.workplace-item:nth-child(1) .workplace-change-position__up {
    display: none;
}

.workplace-item:last-child .workplace-change-position__down {
    display: none;
}

.workplace-change-position {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    margin-top: -30px;
    margin-bottom: 15px;
}

.workplace-change-position__up,
.workplace-change-position__down {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.workplace-change-position__up {
    position: relative;
}

.workplace-change-position__up:before {
    content: '';
    border: 10px solid transparent;
    border-bottom: 10px solid #d8b08c;
}

.workplace-change-position__down {
    position: relative;
}

.workplace-change-position__down:before {
    content: '';
    border: 10px solid transparent;
    border-top: 10px solid #d8b08c;
}

.modal-errors .wind-close {
    position: absolute;
    top: 0;
    right: -50px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    float: right;
    padding: 10px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

@media (max-width: 991px) {
    .modal-errors .wind-close {
        position: static;
        border: none;
        display: block;
        color: #212426;
        margin-right: 10px;
        margin-top: 10px;
    }
}

.hidden {
    display: none;
}

.advertiser-content .chosen-select {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    background-color: #F4F6FA;
    border: 1px solid #F4F6FA;
}

.vacancies-card__date_new {
    font-size: 18px;
    color: #757575;
    line-height: 1.3;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

@media(max-width: 767px) {
    .vacancies-card__date_new {
        position: relative;
        left: 0px;
        top: 0px;
        margin-top: 40px;
        font-size: 14px;
        margin-bottom: 30px;
    }
}

.ca-box p {
    margin-bottom: 15px;
}

.home-important-links {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% - 40px);
}

.home-important-links-item {
    width: calc(33.3333333333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 13px 20px;
    background: linear-gradient(90deg, #FE4910 0%, #FF9148 100%);
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    min-height: 102px;
    overflow: hidden;
    box-shadow: 0px 5px 15px rgba(104, 75, 52, 0.46);
    border-radius: 5px;
    transition: 0.3s;
}

.home-important-links-item__image {
    position: absolute;
    right: -20px;
    bottom: -20px;
    transition: 0.3s;
    z-index: 0;
}

.home-important-links-item__image img {}

.home-important-links-item__title {
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    font-weight: 700;
    z-index: 1;
    position: relative;
}

.home-important-links-item__more {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    color: #FFFFFF;
    opacity: 0.6;
    display: flex;
    align-items: center;
    margin-top: auto;
    z-index: 1;
    position: relative;
    transition: 0.3s;
}

.home-important-links-item__more svg {
    margin-left: 10px;
    transition: 0.3s;
    position: relative;
    left: 0px;
}

.home-important-links-item:hover {
    box-shadow: none;
}

.home-important-links-item:hover .home-important-links-item__image {
    right: 0px;
    bottom: 0px;
}

.home-important-links-item:hover .home-important-links-item__more {
    opacity: 1;
}

.home-important-links-item:hover .home-important-links-item__more svg {
    left: 10px;
}

.home-important-links-item-1 {
    background: linear-gradient(90deg, #FE4910 0%, #FF9148 100%);
}

.home-important-links-item-2 {
    background: linear-gradient(90deg, #FF8D45 0%, #FCB447 100%);
}

.home-important-links-item-3 {
    background: linear-gradient(90deg, #FBB148 0%, #FED177 100%);
}

.home-important-links-item-4 {
    background: linear-gradient(90deg, #E55C1B 0%, #FF8139 100%);
}

.home-important-links-item-5 {
    background: linear-gradient(89.66deg, #FE8038 0.26%, #FFBA68 99.7%);
}

.home-important-links-item-6 {
    background: linear-gradient(90deg, #FFB464 0%, #FBB34B 100%);
}

@media(max-width: 980px) {
    .home-important-links {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
    .home-important-links-item {
        width: calc(50% - 20px);
    }
}

@media(max-width: 550px) {
    .home-important-links {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .home-important-links-item {
        width: 100%;
    }
}


/* Открытый лекторий - главная */

.home-lecturer {
    background-color: #EFECE9;
    padding-top: 30px;
    padding-bottom: 70px;
}

.home-lecturer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.home-lecturer__title {
    font-size: 36px;
    line-height: 1.3;
    color: #212426;
    font-weight: 700;
    width: calc(100% - 160px);
    margin-bottom: 45px;
}

.home-lecturer-navigation {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;
}

.home-lecturer-navigation__btn {
    border: 2px solid rgba(216, 176, 140, 0.22);
    width: 68px;
    height: 68px;
    border-radius: 68px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.home-lecturer-navigation__btn.slick-disabled {
    opacity: 0.5;
}

.home-lecturer-navigation__btn:last-child {
    margin-right: 0px;
}

.home-lecturer-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.home-lecturer-item-row {
    padding: 0px 15px;
    width: 33.333%;
}

.home-lecturer-item {
    position: relative;
    display: block !important;
}

.home-lecturer-item__date {
    background: #82B378;
    border-radius: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #FFFFFF;
    padding: 0px 12px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.home-lecturer-item__date svg {
    margin-right: 10px;
}

.home-lecturer-item__image {
    height: auto;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.home-lecturer-item__image img {
    object-fit: cover;
    width: 100%;
}

.home-lecturer-item__image:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(49, 42, 36, 0.6);
    background-image: url("https://ugrateam.admhmao.ru/static/default/img/lecturer-play-ico.svg");
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

.home-lecturer-item__title {
    font-size: 18px;
    line-height: 1.6;
    color: #212426;
    min-height: 85px;
    margin-bottom: 10px;
    font-weight: 700;
    transition: 0.3s;
}

.home-lecturer-item-address {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.home-lecturer-item-address svg {}

.home-lecturer-item-address__text {
    width: calc(100% - 30px);
    font-size: 16px;
    line-height: 1.3;
    color: #757575;
}

.home-lecturer-item:hover .home-lecturer-item__image:before {
    transform: scale(1.1)
}

.home-lecturer-item:hover .home-lecturer-item__title {
    color: #D53A25;
}

@media(max-width: 767px) {
    .home-lecturer {
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .home-lecturer__title {
        width: calc(100% - 95px);
        font-size: 20px;
        margin-bottom: 20px;
    }
    .home-lecturer-navigation {
        margin-bottom: 20px;
    }
    .home-lecturer-navigation__btn {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }
    .home-lecturer-item__image {
        margin-bottom: 15px;
    }
    .home-lecturer-item__date {
        font-size: 12px;
    }
    .home-lecturer-item__title {
        font-size: 16px;
        min-height: auto;
        margin-bottom: 15px;
    }
    .home-lecturer-item-address__text {
        font-size: 14px;
    }
}

.home-main__title {
    color: rgba(255, 255, 255, .5);
}

.form-control__description {
    font-size: 13px;
    margin-bottom: 15px;
}
.form-description {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 30px;
}
.text-black {
    color: #000000;
}
.confirm-email-code-info {
    margin-bottom: 30px;
}

.confirm-email__code {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}
.confirm-email__elem, .confirm-email__elem input {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.confirm-email__elem {
    display: inline-block;
    margin-right: 10px;
}
.confirm-email__elem input {
    text-align: center;
    padding-left: 15px;
}
.confirm-email__elem, .confirm-email__elem input {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.confirm-email__result {
    display: none;
    color: #278d27;
}
.retry-verify-codes-runner.hidden {
    display: none;
}
.retry-verify-codes-runner {
    display: block;
    color: #ff3333;
}
.error-message {
    color: #ff3333;
    font-weight: 700;
    margin-bottom: 37px;
    display: none;
    font-size: 18px;
}

.faild-wrap.has-error .help-block {
    display: block;
}

.field-registrationwithverifyform-agree label {
    font-weight: normal;
    font-size: 0.9em;
}

.disabled {
    pointer-events: none;
    background: none !important;
    background-color: #999999 !important;
}



.none {
	display: none;
}


.site-about>div {
    background: #fff;
    padding: 15px;
}

.site-about table thead {
    font-size: 16px;
}

.site-about table thead tr {
    background-color: #dce5ee;
}

.site-about table thead td {
    border: 2px solid #d3d3d3;
}

.site-about table tr td  p{
    margin-bottom: 0;
}

.site-about>div{
    overflow-x:auto
}

.success-restore{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.success-restore__btn{
    background: #98a6b1;
    color: #ffffff;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    transition: background 1s ease-in-out;
    -webkit-transition: background 1s ease-in-out;
}

.spoiler {
    margin: 27px 10px;
}

.spoiler summary {
    background-color: #779fc1;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    padding: 13px 28px;
    transition: all .2s linear;
    cursor: pointer;
}

.spoiler summary:hover {
    color: #ffffff;
    background-color: #779fc1;
    opacity: .7;
}

.spoiler-content {
    background-color: white;
    color: black;
    border-radius: 5px;
    font-weight: lighter;
    padding: 30px 28px;
    font-size: 18px;
}

.page-content {
    background-color: white;
    font-size: 16px;
    padding: 30px 30px;
}

.page-content table thead{
    font-size: 16px;
}

.page-content table tbody{
    font-size: 15px;
}

.page-content table tbody{
    word-break: break-word;
}

.page-content table thead tr{
    background-color: #dce5ee;    
}
.page-content table thead td{
    text-align: center;
    vertical-align: middle;
}

.page-content table thead td{
    border: 2px solid #d3d3d3;
}

.page-content table tr td  p{
    margin-bottom: 0;
}

.page-content td {
    border-right: 1px solid #e0e0e4;
    border-bottom: 1px solid #e0e0e4;
    border-left: 1px solid #e0e0e4;
    padding: 16px;
}

.page-title {
    font-size: 18px;
    color: rgb(33, 36, 38);
    line-height: 1.5;
    margin-bottom: 30px;
    font-weight: bold;
}



.my-slider .tns-nav {
    display: none;
}


.my-slider .tns-outer [data-controls=prev] {
    left: 30px;
}
.my-slider .tns-outer [data-controls=prev]:hover {
    border-color: #527696;
}
.my-slider .tns-outer [data-controls=prev]::before {
    content: '';
    display: table;
    background: url('https://ugrateam.admhmao.ru/static/default/img/surver-left.svg');
    width: 9px;
    height: 14px;
}


.my-slider .tns-outer [data-controls=next] {
    right: 30px;
}
.my-slider .tns-outer [data-controls=next]:hover {
    border-color: #527696;
}
.my-slider .tns-outer [data-controls=next]::before {
    content: '';
    display: table;
    background: url('https://ugrateam.admhmao.ru/static/default/img/surver-left.svg');
    width: 9px;
    height: 14px;
    transform: rotate(180deg);
}

.my-slider .tns-outer [data-controls=prev], .my-slider .tns-outer [data-controls=next] {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    background: transparent;

    border: 3px solid #1cc937;
    width: 50px;
    height: 50px;
    border-radius: 68px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}


/*Стажировки ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.promo {
    color: #212426;
}

.promo-page {
    overflow: hidden;
}

.promo-first {
    height: 425px;
    position: relative;
    z-index: 5;
}

.promo-first__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1920px;
    height: 668px;
    background-image: url(/local/templates/ugrateam/img/first2.png);
    left: 50%;
    margin-left: -960px;
}

.promo-first .container {
    z-index: 3;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-orient: vertical; */
    /* -webkit-box-direction: normal; */
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promo-first__title {
    letter-spacing: .25px;
    font-size: 30px;
    font-weight: 700;
    line-height: 140%;
    color: #fff;
}

.promo-first__descript {
    /*color: #00c960;*/
    color: #fff;
    letter-spacing: .25;
    font-size: 30px;
    font-weight: 700;
    line-height: 140%;
}

.promo-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.promo-text {
    line-height: 28px;
    font-size: 18px;
}

.promo-about {
    background-color: #f2f5f8;
    position: relative;
    z-index: 2;
}

.promo-about .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

.promo-about__image {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promo-about__content {
    padding-top: 150px;
    padding-bottom: 130px;
    width: 465px;
    max-width: 100%;
}

.promo-quest {
    background-color: #fff;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.promo-quest .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.promo-quest__image {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -130px;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promo-quest__image img {
    width: 50%;
    height: auto;
}

.promo-quest__content {
    padding-top: 110px;
    padding-bottom: 125px;
    width: 520px;
    max-width: 100%;
}

.promo-quest__content .promo-text {
    display: list-item;
}

.promo-who {
    background-color: #f2f5f8;
    padding-top: 85px;
    padding-bottom: 100px;
}

.promo-who-internship {
    background-color: #f2f5f8;
    padding-top: 25px;
    padding-bottom: 100px;
}

.promo-who .container {
    position: relative;
}

.promo-who__icon {
    margin-bottom: 20px;
}

.promo-who__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
    padding-bottom: 55px;
    border-bottom: 1px solid #958b8b;
    margin-bottom: 35px;
}

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

.promo-who__box {
    width: calc(100% / 4);
    text-align: center;
}



.promo-num {
    background-color: #779fc1;
    padding-bottom: 88px;
    padding-top: 100px;
}

.promo-num__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}

.promo-num__box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    max-width: 330px;
}

.promo-num__box:after {
    height: 1px;
    top: 26px;
    left: 82px;
    width: calc(100% - 102px);
    content: '';
    position: absolute;
    background-color: #527696;
}

.promo-num__box:last-child {
    max-width: 170px;
}

.promo-num__box:last-child:after {
    display: none;
}

.promo-num__box.active:after {
    background-color: #fff;
}

.promo-num__box.active .promo-num__num {
    border: 1px solid #fff;
    background: linear-gradient(84.33deg, #00C960 0%, #00AEEF 105.47%);
    color: #fff;
}

.promo-num__num {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #527696;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-bottom: 22px;
    position: relative;
}

.promo-num__text {
    font-weight: 700;
    line-height: 24px;
    font-size: 18px;
    padding-right: 30px;
    color: #fff;
}

.promo-num__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promo-num__btn .btn {
    max-width: 302px;
}

@media (max-width: 996px) {
    .promo-about__image {
        width: 400px;
        height: auto;
    }
    .promo-about__image img {
        width: 100%;
        height: auto;
    }
    .promo-about__content {
        padding-top: 80px;
        padding-bottom: 90px;
    }
    .promo-quest__content {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .promo-quest__image {
        width: 400px;
        height: auto;
    }
    .promo-quest__image img {
        width: 100%;
        height: auto;
    }
    .promo-who {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .promo-who-btn {
        position: relative;
        top: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    .promo-num {
        padding-top: 60px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .promo-who__flex {
        margin-top: 30px;
        margin-bottom: 15px;
        padding-bottom: 25px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .promo-who__box {
        width: calc(100% / 2);
        margin-bottom: 15px;
    }
    .promo-who__center br {
        display: none;
    }
    .promo-first {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .promo-first .container {
        height: auto;
    }
    .promo-first__bg {
        top: 0;
        bottom: 0;
        height: 100%;
        width: auto;
        background-image: url(/local/templates/ugrateam/img/bg2.jpg);
    }
    .promo-first__title,
    .promo-first__descript {
        font-size: 24px;
        line-height: 30px;
    }
    .promo-title {
        font-size: 24px;
        line-height: 30px;
    }
    .promo-text {
        font-size: 16px;
        line-height: 22px;
    }
    .promo-num .btn {
        margin-bottom: 0;
    }
    .promo-num__flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .promo-num__box {
        width: calc(100% / 2);
        max-width: 50%;
        min-width: 50%;
        padding-bottom: 20px;
    }
    .promo-num__box:after {
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .promo-num__box:last-child:after {
        display: block;
    }
    .promo-num__text {
        text-align: center;
        padding-right: 0;
    }
    .promo-num__num {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 560px) {
    .promo-about__image {
        display: none;
    }
    .promo-about__content {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .promo-quest__content {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .promo-who-btn {
        max-width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .promo-who-btn .btn {
        width: 100%;
        max-width: 100%;
    }
    .promo-who-btn__text {
        text-align: center;
        margin-bottom: 10px;
    }
    .promo-who-btn__text br {
        display: none;
    }
    .promo-num__box {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .promo-first__title br,
    .promo-first__descript br {
        display: none;
    }
}


/*Конец Стажировки*/



header .tns-nav {
    display: none;
}


.list-slider {
    display: none;
}

.list-slider.active {
    display: block;
}

.list-slider .doc-list {
    padding-left: 30px;
}

.section_name {
    cursor: pointer;
}

.section_name::after {
    display: inline-block;
    content: "";
    background: url('https://www.ugrasu.ru/local/templates/yugu2021/img/arrow_b.svg') center no-repeat;
    width: 22px;
    height: 16px;
    margin-left: auto;
    opacity: 1;
    transition: 0.3s ease;
}

.section_name.active::after {
    transform: rotate(180deg);
}
/* End */
/* /local/templates/ugrateam/bootstrap/css/bootstrap.css?1675925022151203 */
/* /local/templates/ugrateam/icon.css?16788961231965 */
/* /local/templates/ugrateam/fancybox/jquery.fancybox.min.css?166797373212795 */
/* /local/templates/ugrateam/fancybox/fancybox.min.css?166797373315512 */
/* /local/templates/ugrateam/tiny-slider/tiny-slider.css?16679902172178 */
/* /local/templates/ugrateam/components/bitrix/news.list/slider-banners/style.css?1671542917150 */
/* /local/templates/ugrateam/components/bitrix/menu/menu-top/style.css?16754136612801 */
/* /local/templates/ugrateam/template_styles.css?1678986575624594 */