.social-likes,.social-likes__button,.social-likes__widget{animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:medium none currentColor;border-collapse:separate;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:#000;columns:auto;column-count:auto;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;column-width:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;line-height:normal;height:auto;hyphens:none;left:auto;letter-spacing:normal;list-style:disc outside none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto;all:initial;box-sizing:border-box}.social-likes:after,.social-likes:before,.social-likes__button:after,.social-likes__button:before,.social-likes__widget:after,.social-likes__widget:before{display:none}.social-likes{opacity:0}.social-likes_visible{opacity:1;transition:opacity .25s ease-in}.social-likes>*{display:block;visibility:hidden}.social-likes_visible>*{visibility:inherit}.social-likes{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:16px}.social-likes__widget{position:relative;white-space:nowrap;font-size:inherit}.social-likes__button,.social-likes__widget{display:block;cursor:pointer;line-height:inherit}.social-likes__button{text-rendering:optimizeLegibility;font-family:Helvetica Neue,Arial,sans-serif;color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.social-likes__invisible-button{display:block;width:100%;height:100%}.social-likes__icon{position:absolute;fill:currentColor;width:1em;height:1em}.social-likes__widget_notext .social-likes__icon{position:static;display:block;margin:.3125em}.social-likes_vertical{-webkit-flex-direction:column;flex-direction:column}.social-likes{min-height:36px;margin:-.45em;line-height:1.45}.social-likes__widget{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:.45em;line-height:inherit;border:0;text-align:left;color:#fff}.social-likes__widget:active,.social-likes__widget:focus,.social-likes__widget:hover{opacity:.9;-webkit-filter:saturate(.8) brightness(1.15);filter:saturate(.8) brightness(1.15)}.social-likes__button{padding:.18em .7em .15em 1.75em;vertical-align:middle;font-size:.95em}.social-likes__icon{top:.3em;left:.4em}.social-likes_vertical .social-likes__widget{width:11em}.social-likes__widget_facebook{background:#3b5998}.social-likes__widget_twitter{background:#55acee}.social-likes__widget_plusone{background:#dc4e41}.social-likes__widget_vkontakte{background:#45668e}.social-likes__widget_odnoklassniki{background:#ed812b}.social-likes__widget_pinterest{background:#bd081c}.social-likes__widget_telegram{background:#08c}.social-likes__widget_linkedin{background:#0077b5}@charset "UTF-8";
/*╨╖╨░╨┤╨░╤С╨╝ ╨╕╨║╨╛╨╜╨║╨╕ ╤Б ╤Б╨┐╤А╨░╨╣╤В╨░
.icon-home{
@include sprite($calendar);
}
*/
/* reset */
/* ╬ёэютэ√х ¤ыхьхэЄ√ */
/* Header */
/* ╥хъёЄ√ */
/* ╟руюыютъш */
/* ╤ё√ыъш */
body {
margin: 0px;
padding: 0px;
font-family: "PT Sans", sans-serif;
background-color: #e9ebee;
height: 100%;
line-height: 1;
position: relative;
font-size: 16px !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block; }
blockquote, q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-width: 0px;
padding: 0px;
margin: 0px; }
html {
height: 100%;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none; }
input,
optgroup,
textarea {
color: #292b2c;
font-family: "PT Sans", sans-serif;
outline: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-appearance: none; }
input[type="button"],
input[type="submit"],
button {
cursor: pointer; }
td {
margin: 0px;
padding: 0px; }
form {
padding: 0px;
margin: 0px; }
a {
color: #3174af;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a,
span,
div,
button {
outline: none !important; }
input[type=submit],
input[type=button],
button {
-webkit-appearance: none;
outline: none; }
* {
-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; }
/*.clearfix:after,
.wrapper:after,
.row:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}*/
@font-face {
font-family: 'PT Sans';
src: url("/fonts/PT Sans.eot?ver1.0");
src: url("/fonts/PT Sans.eot?#iefix") format("embedded-opentype"), url("/fonts/PT Sans.woff2?ver1.0") format("woff2"), url("/fonts/PT Sans.woff?ver1.0") format("woff"), url("/fonts/PT Sans.svg?ver1.0#PT Sans") format("svg");
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-F6D4;
font-display: swap; }
@font-face {
font-family: 'PT Sans';
src: url("/fonts/PT Sans Bold.eot?ver1.0");
src: url("/fonts/PT Sans Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/PT Sans Bold.woff2?ver1.0") format("woff2"), url("/fonts/PT Sans Bold.woff?ver1.0") format("woff"), url("/fonts/PT Sans Bold.svg?ver1.0#PT Sans Bold") format("svg");
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-F6D4;
font-display: swap; }
@font-face {
font-family: 'Open Sans';
src: url("/fonts/Open Sans Bold.eot?ver1.0");
src: url("/fonts/Open Sans Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Open Sans Bold.woff2?ver1.0") format("woff2"), url("/fonts/Open Sans Bold.woff?ver1.0") format("woff"), url("/fonts/Open Sans Bold.svg?ver1.0#Open Sans Bold") format("svg");
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-2074;
font-display: swap; }
.main-wrapper {
padding: 0 0 0 0;
min-width: 320px;
width: 100%;
position: relative;
overflow: hidden;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start; }
.wrapper {
min-width: 320px;
max-width: 1340px;
padding: 0 20px;
margin: 0 auto;
position: relative; }
/* text position */
.text-left {
text-align: left !important; }
.text-center {
text-align: center !important; }
.text-right {
text-align: right !important; }
.nowrap {
white-space: nowrap !important; }
/*
================================================================================
| CONTENT |
================================================================================
*/
.content {
min-width: 320px;
text-align: left;
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-order: 2;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-grow: 1;
padding-top: 50px; }
@media screen and (max-width: 768px) {
.wrapper {
padding: 0; }
.wrap {
margin-top: 12px; } }
/* HTML-╤Н╨╗╨╡╨╝╨╡╨╜╤В╤Л */
body {
color: #292b2c; }
a {
color: #3174af; }
a:hover {
color: #56c035;
text-decoration: none;
cursor: pointer; }
a.btn, a.nav-link, a:not([href]):not([class]) {
color: #3174af; }
a.btn:hover, a.nav-link:hover, a:not([href]):not([class]):hover {
color: #56c035;
text-decoration: none; }
a.btn.blocked, a.nav-link.blocked, a:not([href]):not([class]).blocked {
color: #aaa;
text-decoration: line-through; }
a.blocked {
color: #aaa;
text-decoration: line-through; }
a.dotted {
text-decoration: none;
border-bottom: 1px dotted; }
a.show_visited:visited {
color: #85afd4; }
a.show_visited:visited:hover {
color: #56c035; }
a[class*="text-"]:hover {
color: #56c035 !important; }
a.uppercase {
font-size: 14px;
font-weight: 700;
text-transform: uppercase; }
a.anchor {
position: relative;
display: block;
top: -50px; }
a.text {
color: inherit; }
.dropdown-toggle:after {
border-width: 0.25rem !important; }
.dropdown-toggle:empty[class*="icon-"]:after {
margin-left: 0.255em; }
.dropdown-menu.show {
min-width: auto; }
blockquote,
.blockquote {
border-left: 4px solid #eee;
font-size: inherit;
margin: 0;
position: relative;
padding: 10px 20px; }
blockquote.block-success, blockquote.block-danger, blockquote.block-warning,
.blockquote.block-success,
.blockquote.block-danger,
.blockquote.block-warning {
padding-left: 24px; }
blockquote + blockquote,
blockquote .blockquote,
.blockquote + blockquote,
.blockquote .blockquote {
margin-top: 20px; }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #333;
font-weight: 700;
line-height: 1;
margin: 0;
padding: 0; }
h1,
.h1 {
font-size: 32px; }
h1.lg,
.h1.lg {
font-size: 46px; }
h2,
.h2 {
font-size: 28px; }
h3,
.h3 {
font-size: 24px; }
h4,
.h4 {
font-size: 20px; }
hr {
color: #eee;
margin: 20px 0;
opacity: unset; }
hr.thick {
border-width: 2px; }
p {
margin: 0;
padding: 0; }
select {
font-family: "PT Sans", sans-serif; }
small,
.small {
font-size: 80%;
font-weight: normal; }
/* ╨Ъ╨░╤А╤В╨╕╨╜╨║╨╕ */
img.head_img {
width: 100%;
height: auto;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
img.can_zoom {
cursor: zoom-out;
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out; }
img.can_zoom.img-fluid {
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in; }
pre {
tab-size: 4; }
pre.small {
line-height: 1.2; }
#regions_div svg > g > g:last-child {
pointer-events: none; }
.table {
border: 1px solid #eee;
border-radius: 4px; }
.table tr td {
border-bottom: 1px solid #eee;
padding: 10px 20px; }
/* ╨в╨╡╨║╤Б╤В╤Л */
.text-bold {
font-weight: bold; }
.text-gold {
color: #f18e3c !important; }
.text-muted {
color: #aaa !important; }
.text-normal {
font-weight: normal; }
.text-primary {
color: #3174af !important; }
.text-secondary {
color: #666; }
.text-success {
color: #5cb85c !important; }
.amount {
color: #d40c0c; }
.title {
font-size: 20px; }
.required:after {
content: "*";
color: #d40c0c;
font-size: 20px; }
.ucfirst:first-letter {
text-transform: uppercase; }
/*
╨С╨╡╨║╨│╤А╨░╤Г╨╜╨┤╤Л
*/
.bg-none {
background: none !important; }
.bg-success {
background-color: #5cb85c !important; }
.blocked {
color: #aaa;
text-decoration: line-through; }
.blocked img {
opacity: 0.5; }
.blocked:hover {
text-decoration: none; }
.blocked:hover img {
opacity: 1; }
.text_links a {
color: inherit; }
/* ╨б╨┐╨╛╨╣╨╗╨╡╤А ╨┤╨╗╤П ╨┤╨╗╨╕╨╜╨╜╤Л╤Е ╤В╨╡╨║╤Б╤В╨╛╨▓ */
.spoiler_collapsed {
overflow: hidden;
max-height: 7rem;
position: relative; }
.spoiler_collapsed:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 30px;
width: 100%;
background-image: -webkit-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); }
/* Popup ╨┤╨╗╤П ╤Ж╨╕╤В╨╕╤А╨╛╨▓╨░╨╜╨╕╤П */
#quote_popup {
display: none;
position: absolute;
z-index: 2;
background-color: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
padding: 20px 30px; }
/*╨а╨╡╨╖╤Г╨╗╤М╤В╨░╤В ╨┤╨╡╨╣╤Б╤В╨▓╨╕╤П */
#action_result {
display: none;
padding: 20px 30px;
position: absolute;
top: 20px;
right: 30px;
z-index: 10;
color: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45); }
/* ╨Ш╨║╨╛╨╜╨║╨╕ ╤Г╨┐╤А╨░╨▓╨╗╨╡╨╜╨╕╤П */
.controls > * + * {
margin-left: 10px; }
/* ╨б╤В╤А╨╡╨╗╨║╨░ ╨╛╤В╨┤╨╡╨╗╤М╨╜╨╛ */
.arrow {
position: relative;
top: 1px; }
.num_circle {
background-color: #3174af;
border-radius: 50%;
color: #fff;
font-size: 16px;
font-weight: 700;
width: 30px;
height: 30px;
display: inline-block;
padding: 6px 0 6px 11px;
margin-right: 10px;
position: relative;
top: -2px; }
.remove_icon {
width: auto;
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding: 1px 3px;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
color: #aaa;
background-color: #fff;
border-top-right-radius: 4px;
z-index: 10; }
.remove_icon:hover {
background-color: #d9534f;
border-left: none;
border-bottom: none;
color: #fff !important; }
.progress-thin.progress {
border-radius: 0;
background-color: #eee; }
.progress-thin .progress-bar {
background-color: #3174af;
height: 2px; }
.hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hover:hover {
z-index: 2;
-webkit-box-shadow: 0 5px 13px rgba(188, 188, 188, 0.34);
box-shadow: 0 5px 13px rgba(188, 188, 188, 0.34); }
.content-muted {
opacity: 0.5; }
.content_toggle-links .active {
color: inherit;
font-weight: 700;
text-decoration: none;
pointer-events: none; }
.content_toggle-links .active.dotted {
border-bottom: 1px solid transparent; }
.tag {
display: inline-block; }
.tag:before {
content: '#'; }
@media screen and (max-width: 991px) {
h1,
.h1 {
font-size: 28px; }
h2,
.h2 {
font-size: 24px; }
h3,
.h3 {
font-size: 22px; } }
@media (max-width: 768px) {
img.head_img {
border-top-left-radius: 0;
border-top-right-radius: 0; } }
header {
width: 100%;
background-color: #3174af; }
header .navbar-brand,
header .navbar-toggler,
header .navbar-collapse,
header .navbar-nocollapse,
header .navbar-nav,
header .nav-item,
header .nav-link {
display: flex;
align-self: stretch;
align-items: center; }
header .navbar {
padding: 0; }
header .navbar .navbar-brand {
height: 50px;
padding: 0;
margin-left: 30px;
margin-right: 20px; }
header .navbar .navbar-brand .logo {
display: inline-block;
width: 100px;
fill: #fff;
margin-bottom: 5px; }
header .navbar .navbar-brand .logo > svg {
width: 100%;
height: 100%; }
header .navbar .navbar-brand .logo + img {
width: 40px;
height: 40px;
border: 1px solid #276aa0;
border-radius: 4px; }
header .navbar .navbar-brand + .navbar-nav {
margin-left: 5px; }
header .navbar .navbar-toggler {
color: #f8f9fa; }
header .navbar .navbar-nav .nav-item {
position: relative; }
header .navbar .navbar-nav .nav-item .notice_badge {
top: 8px;
right: 8px; }
header .navbar .navbar-nav .nav-link {
color: #f8f9fa;
padding: 13px 15px;
white-space: nowrap; }
header .navbar .navbar-nav .nav-link:hover {
background: #276aa0; }
header .dropdown-menu {
background: #276aa0;
border-radius: 0 0 4px 4px; }
header .dropdown-menu.show {
margin-top: 0; }
header .dropdown-item {
color: #f8f9fa;
padding: 8px 15px; }
header .dropdown-item:hover {
color: #f8f9fa;
background: #275d8b; }
header .dropdown-toggle.show {
background: #276aa0;
transition: none; }
header .user {
color: #f8f9fa; }
header .user img {
border-radius: 4px;
display: inline-block;
width: 24px; }
header .user img + span {
margin-left: 10px; }
header.holyday-ny {
background-image: url(/img/new_year_snow.png); }
header.holyday-8march {
background-image: url(/img/8march.png); }
@media screen and (max-width: 768px) {
header .navbar .navbar-brand {
margin-left: 20px;
margin-right: 0; }
header .navbar .navbar-collapse {
border-top: 1px solid #f8f9fa;
border-bottom: 1px solid #f8f9fa; }
header .navbar .navbar-collapse.show {
display: block; }
header .navbar .navbar-collapse .nav-item {
display: block; }
header .navbar .navbar-collapse .nav-link {
padding: 13px 20px; }
header .navbar .navbar-collapse .dropdown-item {
padding: 8px 20px; }
header .navbar .navbar-nocollapse .navbar-nav .dropdown-menu {
position: absolute; } }
footer {
background-color: #fff;
text-align: left;
width: 100%;
min-width: 320px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-order: 3;
padding: 20px 0; }
footer .wrapper {
padding: 0 0 0 20px; }
footer .navbar-brand {
padding: 0; }
footer .navbar-brand .logo {
display: inline-block;
width: 125px;
height: 25px;
vertical-align: middle;
fill: #3174af; }
footer .navbar-brand .logo > svg {
width: 100%;
height: 100%; }
footer .social-list {
height: 52px; }
footer .header {
display: inline-block;
height: 25px;
margin-bottom: 30px;
white-space: nowrap; }
footer .links .h3 {
display: block; }
footer .links a {
display: block;
font-size: 18px;
line-height: 1.2;
position: relative;
white-space: nowrap; }
footer .links a + a {
margin-top: 10px; }
footer .links a > [class^="icon-"] {
margin-bottom: -2px;
margin-right: 10px; }
footer .links p {
font-size: 18px; }
@media screen and (max-width: 920px) {
footer .dot_divided > * {
display: block; }
footer .dot_divided > *:not(:first-child) {
margin-left: 0 !important; }
footer .dot_divided > *:not(:first-child):before {
content: none; } }
@media screen and (max-width: 768px) {
footer .wrapper {
padding: 0; } }
@media screen and (max-width: 575px) {
footer {
text-align: center; }
footer .navbar-brand {
display: block;
margin: 0 0 20px 0; }
footer .header {
margin-bottom: 20px; }
footer .links > a:last-child {
margin-bottom: 20px; } }
@media screen and (max-width: 400px) {
footer .dot_divided {
font-size: 16px; } }
.page_header {
font-size: 1rem;
background-color: #fff;
margin-bottom: 20px; }
.page_header > div:not(:first-child) {
border-top: 1px solid #eee; }
.page_header .cols_table .row {
padding-right: 0; }
.page_header h1 {
line-height: 1;
margin: 0;
padding: 0; }
.page_header h1 + * {
margin-top: 10px; }
.page_header .dot_divided > * {
margin-top: 5px; }
.page_header .btn {
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 30px;
border-radius: 4px; }
.page_header .btn:not(.btn-index) {
height: 60px;
padding: 12px 10px 0;
-webkit-border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(92, 184, 92, 0.44);
box-shadow: 0 5px 10px rgba(92, 184, 92, 0.44); }
.page_header .btn.fit_text {
font-size: 22px; }
.page_header .btn:active {
-webkit-box-shadow: none;
box-shadow: none; }
.page_header .btn-success:hover {
background-color: #438e43;
border-color: #438e43; }
.page_header .btn-success:active {
background-color: #71d671;
border-color: #71d671; }
.page_header .btn.btn-index {
line-height: 1; }
.page_header .page_header_sidebar {
width: 335px;
margin-right: -3px; }
.page_header .page_header_sidebar .btn {
display: block;
width: 100%; }
.page_header .page_header_sidebar .account_type_toggle {
width: 100%;
margin-bottom: -20px; }
.page_header .page_header_sidebar .account_type_toggle a {
border-bottom: 2px solid transparent;
font-size: 20px;
font-weight: 700;
display: inline-block;
padding: 20px 30px;
text-align: center;
width: 50%; }
.page_header .page_header_sidebar .account_type_toggle a:hover {
border-bottom: 2px solid #5cb85c; }
.page_header .page_header_sidebar .account_type_toggle a.active {
pointer-events: none;
color: #292b2c;
border-bottom: 2px solid #3174af; }
.page_header .page_header_sidebar .account_type_toggle.disabled a {
pointer-events: none; }
.page_header .page_header_sidebar .account_type_toggle.disabled a:not(.active) {
color: #aaa; }
.page_header .page_header_tabs .wrapper {
padding-bottom: 20px; }
@media (max-width: 991px) {
.page_header .page_header_sidebar {
width: 275px; }
.page_header h1 {
font-size: 28px; }
.page_header .btn {
font-size: 22px; }
.page_header .btn.fit_text {
font-size: 18px;
line-height: 31px; } }
@media (max-width: 768px) {
.page_header .cols_table .row {
padding-right: 30px; } }
@media (max-width: 575px) {
.page_header {
margin-bottom: 8px; }
.page_header .page_header_sidebar {
width: 100%; }
.page_header .btn {
font-size: 24px; }
.page_header .btn.fit_text {
font-size: 22px;
line-height: 30px; } }
.page_content {
width: 100%;
float: right;
padding: 0 325px 0 0;
margin: 0 -325px 0 0; }
.page_content.no_sidebar {
margin: 0;
padding: 0; }
.page_content > div,
.page_content > form {
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px; }
.page_content > div.alert,
.page_content > form.alert {
padding: 20px 30px; }
.page_content > div:not(.alert):not(.modal):not(.tab-content),
.page_content > form:not(.alert):not(.modal):not(.tab-content) {
background-color: #fff; }
.page_content > div > img:last-child,
.page_content > form > img:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.page_content .content_divider {
background: #e9ebee !important; }
.page_content .content_divider:before {
background: #fff;
height: 3px; }
.page_content .content_divider > span {
background: #e9ebee; }
.page_content.landing > div,
.page_content.landing > form {
margin-bottom: 30px; }
.page_content.landing .divided_cols {
margin-bottom: 0; }
.page_content.landing .divided_cols-narrow {
margin-bottom: 20px; }
.page_content.landing .header {
margin-bottom: 10px; }
.page_content.landing .header .dropdown {
margin-top: -6px;
margin-bottom: -6px;
margin-right: -4px; }
.page_content.landing .header .dropdown-menu > a {
padding: 7px 20px; }
.page_content.landing .header .dropdown-menu > a.active {
color: #fff;
background-color: #3174af; }
.page_content.landing .tab-content {
background: none; }
.page_content.landing .tab-content .tab-pane > div,
.page_content.landing .tab-content .tab-pane > form {
background-color: #fff;
border-radius: 4px; }
.page_content.landing .tab-content .tab-pane .tab-content {
background: none; }
.page_content.landing .tab-content .tab-pane-divided > div,
.page_content.landing .tab-content .tab-pane-divided > form {
margin-bottom: 30px; }
.page_content.landing .tab-content .tab-pane-divided .header {
margin-bottom: 10px; }
.page_content.landing .pagination_box {
margin-top: -20px; }
@media screen and (max-width: 1200px) {
.page_content {
float: none;
padding: 0;
margin: 0; } }
@media (max-width: 768px) {
.page_content > div,
.page_content > form {
border-radius: 0; } }
@media (max-width: 575px) {
.page_content > div,
.page_content > form,
.page_content.landing > div,
.page_content.landing > form {
margin-bottom: 8px; }
.page_content .divided_cols-narrow,
.page_content.landing .divided_cols-narrow {
margin-bottom: 0; } }
.page_layer {
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 20px 0; }
.page_layer-wide {
padding: 20px; }
.page_layer-index {
margin: 30px 0; }
.pr_layer.cols_table .row {
padding-bottom: 30px; }
.pr_layer.cols_table .row > [class^="col"] {
padding-top: 10px; }
.pr_layer .title {
line-height: 1.5; }
.page_layer_cells .row {
margin-left: -8px;
margin-right: -8px;
margin-top: -16px; }
.page_layer_cells .row > [class^="col"] {
margin-top: 16px;
padding-left: 8px;
padding-right: 8px; }
.page_layer_cells .row > [class^="col"] > div {
background: #fff;
border-radius: 4px; }
@media (max-width: 768px) {
.page_layer,
.page_layer-index {
border-radius: 0; }
.page_layer_cells .row > [class^="col"] > div {
border-radius: 0; } }
@media (max-width: 575px) {
.page_layer,
.page_layer-index {
margin: 8px 0; }
.pr_layer.cols_table .row {
padding-bottom: 20px; } }
.sidebar {
float: right;
padding: 0 0 0 20px;
position: relative;
width: 325px; }
.sidebar-left {
float: left;
padding: 0 20px 0 0; }
.sidebar > div {
background-color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px; }
.sidebar .navbar {
display: block;
background-color: transparent;
padding: 0; }
.sidebar .navbar .navbar-collapse {
display: block !important; }
.sidebar .navbar .navbar-collapse > div {
background-color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px; }
.sidebar .navbar .navbar-collapse > div > hr {
margin: 0 30px; }
.sidebar .navbar .navbar-collapse .navbar-nav .nav-link {
display: none;
padding: 17px 0 17px 30px; }
.sidebar .block-header {
color: #333;
font-size: 24px;
font-weight: 700; }
.sidebar .block-header [class*="icon-"] {
font-size: 1rem;
font-weight: normal; }
.sidebar .dropdown-menu {
border: 0;
display: block;
margin-top: 0;
position: relative;
top: auto;
width: 100%; }
.sidebar .block-video {
padding: 7px; }
.sidebar .block-video .embed-responsive {
background-size: cover; }
.sidebar .block-video iframe {
display: none; }
.sidebar .block-video:hover .btn-play {
content: url("/img/icons/youtube_color.png");
opacity: 1; }
.sidebar .pr_block .user_brief {
overflow: hidden; }
.sidebar .pr_block .user_brief .userpic {
width: 50px;
height: 50px; }
.sidebar .pr_block .user_brief .brief {
display: inline-block; }
.sidebar .spoiler_collapsed {
max-height: 20rem; }
@media (max-width: 1200px) {
.sidebar {
float: none;
margin-bottom: 20px;
padding: 0;
width: 100%; }
.sidebar .navbar {
background-color: #fff; }
.sidebar .navbar .navbar-collapse > div {
display: inline-block;
margin-bottom: 0; }
.sidebar .navbar .navbar-collapse > div > .block-content {
padding-right: 0; }
.sidebar .navbar .navbar-collapse .navbar-nav .nav-link {
display: block; }
.sidebar .block-header {
display: none; }
.sidebar .dropdown-menu {
display: none; }
.sidebar .dropdown-menu > label {
display: none; }
.sidebar .dropdown-menu.show {
border: 1px solid #eee;
display: block;
min-width: 325px;
position: absolute;
width: 100%;
-webkit-box-shadow: 0 2px 4px rgba(149, 152, 155, 0.25);
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.25); }
.sidebar-left hr {
display: none; }
.sidebar-left .navbar .navbar-collapse > div {
display: block; }
.sidebar-left .navbar .navbar-collapse > div > div {
display: inline-block; } }
@media (max-width: 768px) {
.sidebar > div {
border-radius: 0; } }
@media (max-width: 575px) {
.sidebar {
margin-bottom: 8px; }
.sidebar > div {
border-radius: 0;
margin-bottom: 8px; }
.sidebar .navbar .navbar-collapse > div {
display: flex;
border-radius: 0; }
.sidebar .navbar .navbar-collapse > div > .block-content {
padding-right: 20px; }
.sidebar .navbar .navbar-collapse .navbar-nav .nav-link {
padding-left: 20px; }
.sidebar .navbar .navbar-collapse .navbar-nav:not(:last-of-type) {
border-bottom: 1px solid #eee; }
.sidebar .dropdown-menu.show {
border: 0;
padding-top: 0;
position: relative;
box-shadow: none; }
.sidebar-left .navbar .navbar-collapse > div {
display: block; }
.sidebar-left .navbar .navbar-collapse > div > div {
display: flex; }
.sidebar-left .navbar .navbar-collapse > div > div:not(:last-of-type) {
border-bottom: 1px solid #eee; } }
.breadcrumb {
background-color: transparent;
padding: 0;
margin-bottom: 0; }
.breadcrumb-item {
float: none;
display: inline-block; }
.breadcrumb-item + .breadcrumb-item {
padding-left: 0; }
.breadcrumb-item + .breadcrumb-item:before {
display: none; }
.breadcrumb-item:not(:last-of-type):after {
display: inline-block;
padding-right: 0.6rem;
padding-left: 0.6rem;
color: #aaa;
content: '/'; }
.breadcrumb-item.active {
color: #aaa; }
/*
╨Ъ╨╜╨╛╨┐╨║╨╕
*/
.btn {
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: "PT Sans", sans-serif;
height: 40px;
line-height: 1.2;
padding: 9px 20px; }
.btn > [class*='icon-'] {
position: relative;
top: 2px; }
.btn > [class*='icon-'] + span {
margin-left: 10px; }
.btn:hover {
cursor: pointer; }
.btn:active {
-webkit-box-shadow: none;
box-shadow: none; }
.btn-block {
display: block;
width: 100%; }
.btn-primary {
background-color: #3174af;
border-color: #3174af;
color: #fff !important;
-webkit-box-shadow: 0 2px 4px rgba(51, 122, 183, 0.45);
box-shadow: 0 2px 4px rgba(51, 122, 183, 0.45); }
.btn-primary:hover {
background-color: #296090;
border-color: #296090; }
.btn-primary:active {
background-color: #4097e1;
border-color: #4097e1; }
.btn-primary.disabled {
background-color: #3174af;
border-color: #3174af; }
.btn-secondary {
background-color: #fff;
border-color: #acd8e8;
color: #3174af !important;
box-shadow: 0 2px 4px rgba(179, 226, 243, 0.45); }
.btn-secondary.active, .btn-secondary.disabled, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
background-color: #eee;
border-color: #dadada; }
.btn-success {
background-color: #5cb85c;
border-color: #5cb85c;
color: #fff !important;
-webkit-box-shadow: 0 2px 4px rgba(92, 184, 92, 0.45);
box-shadow: 0 2px 4px rgba(92, 184, 92, 0.45); }
.btn-success:hover {
background-color: #438e43;
border-color: #438e43; }
.btn-success:active {
background-color: #71d671;
border-color: #71d671; }
.btn-danger {
border-color: #d44242;
color: #fff !important;
-webkit-box-shadow: 0 2px 4px rgba(212, 66, 66, 0.45);
box-shadow: 0 2px 4px rgba(212, 66, 66, 0.45); }
.btn-danger:hover {
background-color: #a42e2e;
border-color: #a42e2e; }
.btn-danger:active {
background-color: #f56060;
border-color: #f56060; }
.btn-md {
-webkit-border-radius: 4px;
border-radius: 4px;
height: 50px;
line-height: 25px;
padding: 11px 30px 0; }
.btn-md > b {
font-size: 20px; }
.btn-lg {
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 24px;
font-weight: 700;
height: 60px;
line-height: 30px;
padding: 12px 30px 0; }
.btn-icon {
line-height: 1.25;
padding: 11px 12px; }
.btn-outline-info, .btn-outline-primary {
font-size: 14px;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
border: 1px solid #acd8e8;
color: #3174af;
padding: 9px 20px 0; }
.btn-outline-info:hover, .btn-outline-primary:hover {
color: #fff;
background-color: #3174af;
border-color: #3174af; }
.btn-outline-primary {
color: #fff !important;
background-color: #3174af; }
.btn-outline-primary:hover {
color: white;
background-color: #3174af;
border-color: #3174af; }
.btn-inactive {
opacity: 0.65; }
.btn-link {
color: #3174af;
padding-left: 0;
padding-right: 0; }
.btn-link:hover {
color: #56c035;
text-decoration: none; }
.btn-flat {
-webkit-box-shadow: none;
box-shadow: none; }
.btn-play {
content: url("/img/icons/youtube_dark.png");
opacity: 0.5; }
.btn-play:hover {
content: url("/img/icons/youtube_color.png");
opacity: 1; }
.btn-enabled {
border: 1px solid #5cb85c; }
.btn-enabled > * {
color: #5cb85c; }
.btn-enabled:hover > * {
color: inherit; }
/* ╨С╨╗╨╛╨║ ╤Б ╨║╨╜╨╛╨┐╨║╨░╨╝╨╕ */
.buttons {
padding-top: 0.01rem !important; }
.buttons .btn {
margin-top: 20px;
margin-right: 10px;
vertical-align: top; }
.buttons .btn:last-child {
margin-right: 0; }
.buttons-reverse_indent .btn {
margin-top: 0;
margin-bottom: 20px; }
.buttons-reverse_indent .btn:last-child {
margin-bottom: 0; }
/* ╨д╨╛╤А╨╝╨░ ╨╛╨┐╨╗╨░╤В╤Л */
.pay_forms .buttons .btn {
-webkit-border-radius: 4px;
border-radius: 4px;
width: 138px;
height: 60px; }
.btn-group {
/*.dropdown-menu {
-webkit-border-radius: 20px;
border-radius: 20px;
}*/ }
.btn-group .dropdown-menu {
line-height: 1.4; }
.btn-group .dropdown-menu-right {
right: auto; }
.btn-group .dropdown-item.active, .btn-group .dropdown-item:active {
background-color: #3174af;
color: #fff; }
.btn-group .dropdown-item.active > *, .btn-group .dropdown-item:active > * {
color: #fff !important; }
.input-group-lg .form-control {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: 17px 30px;
z-index: 3; }
.input-group-lg .btn {
font-size: 24px;
font-weight: 700;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 16px 30px 17px;
box-shadow: 0 2px 4px #2d5f95 !important; }
.input-group-lg .btn:active, .input-group-lg .btn:focus, .input-group-lg .btn:hover {
z-index: 2; }
@media (max-width: 575px) {
.btn.btn-block-xs-down:not(.hidden) {
display: block;
width: 100%; }
.btn-icon-xs {
padding: 11px 15px 0; }
.btn-icon-xs > [class*='icon-'] {
display: block;
top: 5px; }
.btn-icon-xs > [class*='icon-'] + span {
display: none; }
form .btn:not(.hidden):not(.btn-icon):not([class*="icon-"]),
.buttons .btn:not(.hidden):not(.btn-icon):not([class*="icon-"]),
.modal .btn:not(.hidden):not(.btn-icon):not([class*="icon-"]) {
display: block;
width: 100%; }
.buttons-reverse_indent .btn:first-of-type {
margin-top: 20px; } }
@media (min-width: 992px) {
.btn.btn-block-lg:not(.hidden) {
display: block;
width: 100%; } }
/* ╨Ю╤Б╨╜╨╛╨▓╨╜╨░╤П ╤В╨░╨▒╨╗╨╕╤Ж╨░ ╨╕╨╖ ╤Б╤В╤А╨╛╨║ ╨╕ ╤Б╤В╨╛╨╗╨▒╤Ж╨╛╨▓ */
.cols_table .row {
padding: 0 30px 20px 0;
margin: 0;
border-bottom: 1px solid #eee;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.cols_table .row:last-child {
border-bottom: none; }
.cols_table .row.header {
font-weight: 700; }
.cols_table .row.header * {
display: inline-block; }
.cols_table .row.header .uppercase {
position: relative;
top: 29%; }
.cols_table .row.header .nav-tabs {
border: 0; }
.cols_table .row.header .nav-tabs .nav-link {
padding: 0 20px; }
.cols_table .row.header .nav-tabs .nav-item.active .nav-link:after,
.cols_table .row.header .nav-tabs .nav-link.active:after {
top: 39px; }
.cols_table .row .new_item:before, .cols_table .row.new_item:before {
content: '';
border-style: solid;
border-width: 14px 14px 0 0;
border-color: #56c035 transparent transparent transparent;
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%; }
.cols_table .row.layer {
padding: 0; }
.cols_table .row.layer > div {
padding: 15px 30px; }
.cols_table .row.bid_row .award img {
width: 25px;
max-height: 25px; }
.cols_table .row.bid_row .award_category img:first-child {
display: none; }
.cols_table .row.bid_row .award_category img + img {
position: relative;
bottom: auto; }
.cols_table .row.bid_row .vertically_divided > * {
height: 25px;
line-height: 25px; }
.cols_table .row.bid_row .vertically_divided > * + * {
margin-top: 0; }
.cols_table .row.bootstrap_css {
border-bottom: 0;
margin-left: -15px;
margin-right: -15px;
padding: 0; }
.cols_table .row.bootstrap_css.form-group:not(:last-child) {
margin-bottom: 25px; }
.cols_table .row > [class^="col"] {
position: relative;
padding: 20px 0 0 30px; }
.cols_table .row > [class^="col"] div.title,
.cols_table .row > [class^="col"] h2.title {
margin-bottom: 10px; }
.cols_table .row > [class^="col"] div.title:empty,
.cols_table .row > [class^="col"] h2.title:empty {
height: 20px; }
.cols_table .row .fixed_icon {
color: #3174af;
font-size: 20px;
position: absolute;
left: -7px; }
.cols_table .row .fixed_icon.inactive:not(:hover) {
color: #aaa;
opacity: 0.5; }
.cols_table:not(.no_hover) .row:not(.header):not(.footer):not(.layer):hover {
z-index: 2;
-webkit-box-shadow: 0 5px 13px rgba(188, 188, 188, 0.34);
box-shadow: 0 5px 13px rgba(188, 188, 188, 0.34); }
.cols_table.nested_table {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-right: -30px;
margin-left: -30px; }
.cols_table.nested_table .row > [class^="col"].like_userpic {
max-width: 140px !important; }
.cols_table.promo > .row {
padding: 0 60px 50px 0; }
.cols_table.promo > .row > [class^="col"] {
padding: 50px 0 0 60px; }
.cols_table.divided_rows {
background: none !important; }
.cols_table.divided_rows > .row {
background-color: #fff;
border-bottom: none;
border-radius: 4px; }
.cols_table.divided_rows > .row:not(:last-child) {
margin-bottom: 10px; }
.cols_table.divided_cols {
background: none !important; }
.cols_table.divided_cols > .row {
padding: 0 0 0 30px;
margin-left: -20px; }
.cols_table.divided_cols > .row > [class^="col"] {
padding: 0 0 20px 20px; }
.cols_table.divided_cols > .row > [class^="col"] > div {
background-color: #fff;
border-radius: 4px; }
.cols_table.divided_cols > .row > [class^="col"] > div .block-content {
padding: 20px; }
.cols_table.divided_cols > .row > [class^="col"].hover > div {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.cols_table.divided_cols > .row > [class^="col"].hover > div:hover {
z-index: 2;
-webkit-box-shadow: 0 5px 13px rgba(188, 188, 188, 0.34);
box-shadow: 0 5px 13px rgba(188, 188, 188, 0.34); }
.cols_table.divided_cols .cell_list li {
background-color: inherit; }
.cols_table.divided_cols-wide > .row {
padding: 0; }
.cols_table.divided_cols-wide > .row > [class^="col"] {
padding: 0 0 30px 20px; }
.cols_table.divided_cols-narrow > .row {
padding: 0 0 0 10px; }
.cols_table.divided_cols-narrow > .row > [class^="col"] {
padding: 0 0 10px 10px; }
.cols_table.divided_cols-inline > .row {
padding: 0; }
.cols_table.divided_cols-inline > .row > [class^="col"] {
padding: 0 0 20px 20px; }
@media (max-width: 1200px) {
.cols_table.divided_cols .row {
padding: 0 0 20px 0; }
.cols_table.divided_cols-wide .row, .cols_table.divided_cols-inline .row {
padding: 0; }
.cols_table.divided_cols-narrow .row {
padding: 0 0 0 10px; } }
@media (max-width: 768px) {
.cols_table > .row .fixed_icon {
font-size: 14px;
left: 10px;
top: -2px; }
.cols_table.divided_rows .row {
border-radius: 0; }
.cols_table.divided_cols .row {
padding: 0 !important; }
.cols_table.divided_cols .row > [class^="col"] > div {
border-radius: 0; } }
@media (max-width: 575px) {
.cols_table > .row,
.cols_table > form > .row {
padding-right: 20px !important; }
.cols_table > .row > [class^="col"],
.cols_table > form > .row > [class^="col"] {
padding-left: 20px !important; }
.cols_table > .row > [class^="col"]:empty,
.cols_table > .row > [class^="col"] div:empty:not(.can_be_empty):not(.wysibb-body),
.cols_table > form > .row > [class^="col"]:empty,
.cols_table > form > .row > [class^="col"] div:empty:not(.can_be_empty):not(.wysibb-body) {
height: auto;
display: none; }
.cols_table.divided_cols .row > [class^="col"] {
padding: 0 0 8px 0; } }
.item_data {
border-bottom: 1px solid #eee;
padding-bottom: 20px; }
.item_data .row {
padding: 15px 0 0 30px;
margin: 0; }
.item_data .row.header {
border-bottom: 1px solid #eee; }
.item_data .row.header > [class^="col"] {
padding: 5px 30px 20px 0; }
.item_data .row > [class^="col"] {
padding: 5px 30px 0 0; }
.item_data .row > [class^="col"]:first-child:not(:last-child) {
font-weight: 700;
text-align: right;
white-space: nowrap; }
.item_data .row > [class^="col"] > ul {
margin: 0;
padding-left: 18px; }
.item_data .row > [class^="col"] > ul li {
line-height: 1.6; }
@media (max-width: 768px) {
.item_data .row > [class^="col"]:first-child:not(:last-child) {
text-align: inherit; } }
@media (max-width: 575px) {
.item_data .row {
padding-left: 20px; }
.item_data .row > [class^="col"] {
padding-right: 20px !important; } }
.pagination_box {
padding: 15px 30px; }
.pagination_box a {
display: inline-block;
font-weight: 700;
line-height: 40px;
text-transform: uppercase; }
.pagination_box a.active {
color: #fff;
background-color: #3174af;
-webkit-box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
pointer-events: none; }
.pagination_box a.active:hover {
color: #fff; }
.pagination_box .col:nth-child(1),
.pagination_box .col:nth-child(3) {
font-size: 14px; }
.pagination_box .col:nth-child(1) a,
.pagination_box .col:nth-child(3) a {
padding: 0; }
.pagination_box .col:nth-child(1) a + a,
.pagination_box .col:nth-child(3) a + a {
margin-left: 30px; }
.pagination_box .col:nth-child(2) {
font-size: 18px; }
.pagination_box .col:nth-child(2) a {
padding: 0 15px; }
.pagination_box .col:nth-child(2) a + a {
margin-left: 5px; }
@media (max-width: 575px) {
.pagination_box {
padding-left: 20px;
padding-right: 20px; } }
.track_progress {
margin: 0;
padding: 0; }
.track_progress > li {
background-color: #FFF;
display: inline-block;
height: 40px;
line-height: 40px;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
text-align: center; }
.track_progress > li > div {
color: #999; }
.track_progress > li > div:after,
.track_progress > li > div:before {
content: "";
border: solid transparent;
border-width: 20px 0 20px 14px;
border-color: transparent transparent transparent #fff;
display: block;
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0; }
.track_progress > li > div:after {
border-width: 25px 0 25px 17px;
border-color: transparent transparent transparent #e9ebee;
top: -5px;
z-index: 1; }
.track_progress > li > div:before {
z-index: 2; }
.track_progress > li.active > div {
background-color: #5cb85c;
color: #FFF; }
.track_progress > li.active + li > div:before {
border-left-color: #5cb85c; }
.track_progress > li:first-child > div:after, .track_progress > li:first-child > div:before {
display: none; }
.track_progress > li:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.track_progress > li:first-child > div {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.track_progress > li:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.track_progress > li:last-child > div {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.track_progress[data-steps="3"] > li {
width: 33.33333333%; }
.track_progress[data-steps="4"] > li {
width: 25%; }
.track_progress[data-steps="5"] > li {
width: 20%; }
.user_brief {
margin-bottom: -4px;
overflow: hidden;
position: relative;
white-space: nowrap; }
.user_brief > div {
vertical-align: top; }
.user_brief .userpic {
display: inline-block;
width: 120px;
height: 120px;
margin: 0 20px 4px 0; }
.user_brief .userpic img {
border-radius: 4px;
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
width: 100%; }
.user_brief .brief {
display: inline-block;
max-width: 90%; }
.user_brief .brief:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 100%;
background-image: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%); }
.user_brief .brief > div {
height: 25px;
overflow: hidden;
position: relative;
text-overflow: clip;
white-space: nowrap; }
.user_brief .brief > div:not(:first-child) {
line-height: 25px; }
.user_brief .brief > div:empty {
display: none; }
.user_brief .brief .name {
color: #333;
font-size: 20px;
font-weight: bold; }
.user_brief .brief .name > h1,
.user_brief .brief .name > h2 {
font-size: 20px;
display: inline; }
.user_brief .brief .name > h1 > span,
.user_brief .brief .name > h2 > span {
display: none; }
.user_brief .brief .name > h1 + *,
.user_brief .brief .name > h2 + * {
margin-top: 0; }
.user_brief .brief .name > span:last-child {
display: inline-block;
width: 5px; }
.user_brief .brief .login {
color: #666; }
.user_brief .brief [class^='icon-'] {
color: #acd8e8;
font-size: 15px;
margin-left: 10px; }
.user_brief .brief [class^='icon-']:hover {
color: #5cb85c; }
.user_brief .brief [class^='icon-'].icon-cog {
font-size: 16px; }
.user_brief .brief .rating {
margin: 5px 10px 0 0; }
.user_brief .brief a + a {
margin-left: 5px; }
.user_brief.compact {
white-space: normal; }
.user_brief.compact .userpic {
margin-bottom: 15px; }
.user_brief.compact .brief {
display: block; }
.user_brief.compact .brief > div {
height: auto;
line-height: 25px; }
.user_brief.compact .brief .login {
color: inherit;
display: block; }
.user_brief.compact .brief .login .nickname {
font-size: 18px; }
.user_brief.compact .brief .login + [class^='icon-'] {
margin-left: 0; }
.user_brief-small {
line-height: 1.4; }
.user_brief-small .userpic {
width: 35px;
height: 35px; }
.user_brief-small .brief {
margin-top: -5px; }
.user_brief-small .brief .name {
display: block;
font-size: 16px; }
.user_brief-small .brief .login {
display: block; }
.user_brief.has_new:before {
content: '';
border-style: solid;
border-width: 14px 14px 0 0;
border-color: #56c035 transparent transparent transparent;
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%; }
.user_brief-blocks .user_brief .userpic {
display: block;
margin-bottom: 12px; }
.user_brief-login_block .user_brief .brief > div:first-child {
height: auto; }
.user_brief-login_block .user_brief .brief .name {
display: block;
height: 25px; }
.user_brief-login_block .user_brief .brief .login {
display: block;
height: 25px;
line-height: 25px; }
.user_brief-login_block .user_brief .brief .login .nickname.hidden + [class^='icon-'] {
margin-left: 0; }
.btn-online {
color: #fff;
background-color: #5cb85c;
font-size: 14px;
font-weight: 400;
height: 20px;
line-height: 19px;
-webkit-border-radius: 11px;
border-radius: 11px;
padding: 0 8px;
display: inline-block;
position: relative;
top: -1px; }
.userpic_list {
margin-bottom: -4px; }
.userpic_list .userpic {
display: inline-block;
margin: 0 4px 4px 0;
width: 60px; }
@media (max-width: 991px) {
.user_brief:not(.user_brief-small) {
margin-bottom: 0; }
.user_brief:not(.user_brief-small) .brief > div:first-child {
height: auto; }
.user_brief:not(.user_brief-small) .brief .name {
display: block;
height: 25px; }
.user_brief:not(.user_brief-small) .brief .login {
display: block;
height: 25px;
line-height: 25px; }
.user_brief:not(.user_brief-small) .brief .login .nickname.hidden + [class^='icon-'] {
margin-left: 0; }
.user_brief.compact .brief .login {
height: auto; } }
@media (max-width: 768px) {
.user_brief.compact .userpic {
margin-bottom: 4px; }
.user_brief.compact .brief {
display: inline-block;
margin-top: -3px; }
.user_brief.compact .brief .login .nickname {
display: inline-block; }
.user_brief.compact .brief .login .nickname + [class^='icon-'] {
margin-left: 10px; } }
@media (max-width: 575px) {
.user_brief:not(.user_brief-small) .userpic {
width: 80px;
height: 80px; } }
@media screen and (max-width: 359px) {
.user_brief:not(.user_brief-small) .userpic {
width: 60px;
height: 60px; } }
@media screen and (max-width: 319px) {
.user_brief:not(.user_brief-small) .userpic {
width: 50px;
height: 50px; } }
.forum_themes .row .userpic {
width: 60px;
height: 60px; }
.forum_themes .row .userpic img {
border-radius: 4px;
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45); }
.forum_themes .row .userpic.news_userpic {
color: white;
background-color: #3174af;
font-family: 'Roboto', sans-serif;
font-size: 34px;
font-weight: 700;
line-height: 60px;
text-align: center; }
.forum_themes .row .col-auto.hidden-md-down {
margin-right: -10px; }
.forum_themes .row .col-auto:not(.hidden-md-down) + .col {
padding-left: 20px; }
.forum_posts .row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.forum_posts .post_has_actions {
margin-bottom: 60px; }
.forum_posts .buttons {
position: absolute;
left: 30px;
bottom: 0; }
@media (max-width: 768px) {
.forum_posts .post_has_actions {
margin-bottom: 0; }
.forum_posts .buttons {
position: static; } }
input[type="checkbox"] {
-webkit-appearance: checkbox; }
input[type="radio"] {
-webkit-appearance: radio; }
form sup {
margin-left: 5px; }
form .birthday-select > select {
display: inline-block;
margin-right: 10px;
width: auto; }
label {
font-weight: 700;
margin-bottom: 0.5rem; }
label.form-check-label {
font-weight: 400;
position: relative;
padding-left: 30px;
margin-bottom: 0; }
label.form-check-label input[type="checkbox"],
label.form-check-label input[type="radio"] {
position: absolute;
left: 0;
top: 0; }
.form-check,
.form-check-inline {
padding-left: 0;
min-height: auto; }
.form-check input[type="checkbox"],
.form-check input[type="radio"],
.form-check-inline input[type="checkbox"],
.form-check-inline input[type="radio"] {
width: 18px;
height: 18px;
margin: 0; }
.form-check.text_field input[type="checkbox"],
.form-check.text_field input[type="radio"],
.form-check-inline.text_field input[type="checkbox"],
.form-check-inline.text_field input[type="radio"] {
top: 3px; }
.form-check + .form-check:not(.form-check-inline) {
margin-top: 15px; }
.form-check + p {
padding-left: 30px; }
.form-check:last-child {
margin-bottom: 0; }
.form-check.title input[type="checkbox"] {
top: 2px; }
.form-check-inline {
margin-left: 0 !important; }
.form-check-inline:not(:last-of-type) {
margin-right: 15px; }
.form-check-input:focus {
border: none;
box-shadow: none; }
.form-check-input + .form-check-label {
padding-left: 10px; }
.form-control {
color: #292b2c; }
.form-control:-moz-placeholder, .form-control::-moz-placeholder {
color: #aaa;
opacity: 1; }
.form-control::-webkit-input-placeholder {
color: #aaa; }
.form-control-md {
-webkit-border-radius: 4px;
border-radius: 4px;
height: 50px;
line-height: 50px;
padding: 0 30px; }
.form-control-branded {
border: 1px solid #acd8e8; }
.react-tel-input .form-control {
width: 100%;
padding: 0.375rem 0.75rem 0.375rem 60px;
border-radius: 4px; }
.form-control-muted:-moz-placeholder, .form-control-muted::-moz-placeholder {
color: #aaa;
opacity: 1; }
.form-control-muted::-webkit-input-placeholder {
color: #aaa; }
.form-group {
margin-bottom: 25px; }
.form-group .form-control-feedback:not(:empty) {
display: inline-block;
line-height: 1.4;
margin-top: 10px; }
.form-group.amount, .form-group.budget_parts, .form-group.days, .form-group.ready_to_deal {
width: 170px; }
.form-group.amount .input-group .input-group-text, .form-group.budget_parts .input-group .input-group-text, .form-group.days .input-group .input-group-text, .form-group.ready_to_deal .input-group .input-group-text {
min-width: 60px;
justify-content: center; }
.form-group.amount .input-group .input-group-text:first-child, .form-group.budget_parts .input-group .input-group-text:first-child, .form-group.days .input-group .input-group-text:first-child, .form-group.ready_to_deal .input-group .input-group-text:first-child {
min-width: auto; }
.form-group.budget_parts .input-group + .input-group {
margin-top: 10px; }
.form-group.row > .form-control-feedback {
margin-left: 15px; }
.form-group:last-child {
margin-bottom: 0; }
.form-group-nested {
margin-left: 30px;
margin-top: 20px; }
.form-text {
color: #aaa;
margin-top: 0.5rem; }
.input-group .btn {
height: auto; }
.input-group .dropdown-item {
padding: 8px 20px; }
.input-group .dropdown-item.active, .input-group .dropdown-item:active {
background-color: #3174af;
color: #fff; }
.input-group.amount {
width: 200px; }
/* ╧юых фы т√сюЁр яюы№чютрЄхы яю ыюушэє */
#user_list {
display: none;
position: absolute;
width: 305px;
z-index: 10;
background-color: #fff;
border: 1px solid #eee;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45); }
#user_list .single_user {
padding: 20px 30px; }
#user_list .single_user:hover {
background-color: #f7f7f7;
cursor: pointer; }
#user_list .single_user:hover .user_brief .brief:after {
background-image: linear-gradient(to left, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); }
.user_select_item {
position: relative;
padding: 15px 0 0 0;
width: 305px; }
.user_select_item [class^="icon-"] {
position: absolute;
top: 20px;
right: 0; }
.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
color: #d9534f; }
.has-danger .form-control {
border-color: #d9534f; }
.has-danger .input-group-text {
color: #d9534f;
border-color: #d9534f;
background-color: #fdf7f7; }
.has-danger .form-control-danger {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); }
@media (max-width: 575px) {
.form-check-inline + .form-check-inline {
margin-top: 10px; }
.form-group:last-child .form-group:last-of-type {
margin-bottom: 0; } }
.rating {
display: inline-block;
vertical-align: top;
white-space: nowrap;
background: url("/img/star_rating_bg.svg") repeat-x;
height: 16px;
width: 80px;
background-size: 16px 16px; }
.rating div {
background: url("/img/star_rating.svg") repeat-x;
display: block;
background-size: 16px 16px;
height: 100%; }
.modal .alert {
padding: 20px; }
.modal .alert .btn-close {
padding: 20px; }
.modal .cell_list-secondary li {
width: 40% !important; }
.modal .modal-header {
padding: 20px; }
.modal .modal-body {
padding: 20px; }
.modal .modal-body:empty {
display: none; }
.modal .modal-body:empty + .modal-footer {
border-top: none; }
.modal .modal-footer {
padding: 20px; }
.modal .modal-footer > * {
margin: inherit; }
#block_form .modal-dialog,
#escrow_window .modal-dialog,
#file_edit_descr_window .modal-dialog,
#send_message_form .modal-dialog,
#video_modal .modal-dialog {
min-width: 768px; }
#chat_modal {
overflow-y: hidden !important; }
#chat_modal .modal-dialog {
display: flex;
height: 97%;
max-width: 550px;
max-height: 700px; }
#chat_modal .modal-dialog .modal-content {
width: 100%; }
#chat_modal .modal-dialog .modal-body {
display: flex;
padding: 0; }
@media (max-width: 768px) {
.modal-dialog {
min-width: unset !important; }
#chat_modal {
padding-right: 0 !important; } }
@media (max-width: 575px) {
.modal .modal-footer > * {
display: block; }
.modal .modal-footer > * + * {
margin-top: 15px; } }
.user_stats .h2 {
margin-bottom: 10px; }
.user_stats .h2.text-muted {
font-weight: 400; }
.user_stats .top_freelancer + .top_freelancer {
margin-top: 15px; }
.top_label {
color: #fff;
display: inline-block;
font-weight: normal;
font-size: 0.875em;
height: 25px;
line-height: 25px;
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 63px;
-webkit-border-radius: 20px;
border-radius: 20px; }
.top_label.label-gold {
background-color: #F18E3C; }
.top_label.label-success {
background-color: #5cb85c; }
.top_label.label-primary {
background-color: #3174af; }
.top_label.label-info {
background-color: #5bc0de; }
.top_label.label-default {
background-color: #9BA8A8; }
.pm_header {
margin-bottom: 2px; }
.pm_header .user_brief .icon-message {
display: none; }
.pm_header .btn {
box-shadow: none;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
height: auto !important;
width: auto !important;
padding: 5px 20px !important;
-webkit-box-shadow: 0 2px 4px rgba(179, 226, 243, 0.45) !important;
box-shadow: 0 2px 4px rgba(179, 226, 243, 0.45) !important; }
.pm_item_info {
background-color: #fff;
margin-bottom: 2px; }
.pm_item_info .dropdown {
display: inline-block; }
.pm_item_info .dropdown:hover {
cursor: pointer; }
#pm_body {
overflow-y: scroll;
margin-bottom: 2px; }
#pm_body > div {
margin-bottom: 0; }
#pm_body .pm_date {
color: #aaa;
text-align: center;
position: relative; }
#pm_body .pm_date:before {
background: #eee;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%; }
#pm_body .pm_date > span {
background: #fff;
padding: 0 20px;
position: relative;
z-index: 1; }
#pm_body #pm_load_more + .pm_date {
margin-top: 20px; }
#pm_body .bubble {
background-color: #ccf0fd;
border-radius: 5px;
line-height: 1.6;
padding: 10px 20px;
position: relative;
vertical-align: top; }
#pm_body .bubble.incoming {
border: 1px solid #ddd;
background-color: #fff;
margin: 5px 20px 5px 0; }
#pm_body .bubble.outcoming {
margin: 5px 0 5px 20px; }
#pm_body .bubble:not(:first-child) {
margin-top: 20px; }
#pm_body .bubble:not(:last-child) {
margin-bottom: 20px; }
.pm_footer {
margin: 0;
padding: 0; }
.pm_footer #message {
margin: 0; }
@media (max-width: 575px) {
.pm_header .cols_table .row,
.pm_item_info .cols_table .row,
.pm_footer .cols_table .row {
padding-bottom: 10px; }
.pm_header .cols_table .row > [class^="col"],
.pm_item_info .cols_table .row > [class^="col"],
.pm_footer .cols_table .row > [class^="col"] {
padding-top: 10px; }
.pm_header .user_brief .userpic {
width: 24px;
height: 24px; }
.pm_header .user_brief .brief > div:not(:first-child) {
display: none; }
.pm_header .btn-online {
top: 3px; }
.pm_item_info .dropdown-menu {
font-size: 0.8rem; }
.pm_footer .buttons .btn {
margin-top: 10px; } }
.bb_quote {
background-color: #f7f7f7;
margin: 5px 0 10px 0;
/*&:last-child {
margin-bottom: 0;
}*/ }
.diff {
color: #9ba8a8; }
.diff_del {
background-color: #ddd;
text-decoration: line-through; }
.diff_ins {
background-color: #dff0d8;
color: #292b2c; }
.btn-file {
position: relative;
overflow: hidden; }
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block; }
.file_upload_progress {
display: block;
max-width: 500px;
min-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 20px; }
.file_upload_progress .progress {
margin: 5px 0 0 0; }
@font-face {
font-family: 'icomoon';
src: url("/fonts/icomoon.eot?i83zf4");
src: url("/fonts/icomoon.eot?i83zf4#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?i83zf4") format("truetype"), url("/fonts/icomoon.woff?i83zf4") format("woff"), url("/fonts/icomoon.svg?i83zf4#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
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-dots-three-vertical:before {
content: "\e90e"; }
.icon-notifications:before {
content: "\e90f"; }
.icon-menu:before {
content: "\e90b"; }
.icon-check:before {
content: "\e90c"; }
.icon-double_check:before {
content: "\e90d"; }
.icon-tg:before {
content: "\e904"; }
.icon-shield:before {
content: "\e909"; }
.icon-dollar-symbol:before {
content: "\e908"; }
.icon-fb:before {
content: "\e900"; }
.icon-flag:before {
content: "\e901"; }
.icon-message:before {
content: "\e902"; }
.icon-note:before {
content: "\e903"; }
.icon-tw:before {
content: "\e905"; }
.icon-vk:before {
content: "\e906"; }
.icon-you-tube:before {
content: "\e907"; }
.icon-pencil:before {
content: "\e90a"; }
.icon-price-tag:before {
content: "\e935"; }
.icon-search:before {
content: "\e986"; }
.icon-gift:before {
content: "\e99f"; }
.icon-target:before {
content: "\e9b3"; }
.icon-eye:before {
content: "\e9ce"; }
.icon-eye-blocked:before {
content: "\e9d1"; }
.icon-circle-up:before {
content: "\ea41"; }
.icon-link:before {
content: "\e9cb"; }
.icon-plus:before {
content: "\ea0a"; }
.icon-first:before {
content: "\ea21"; }
.icon-last:before {
content: "\ea22"; }
.icon-arrow-left2:before {
content: "\ea40"; }
.icon-hour-glass:before {
content: "\e979"; }
.icon-enlarge:before {
content: "\e989"; }
.icon-cog:before {
content: "\e994"; }
.icon-bin:before {
content: "\e9ac"; }
.icon-attachment:before {
content: "\e9cd"; }
.icon-info:before {
content: "\ea0c"; }
.icon-cross:before {
content: "\ea0f"; }
.icon-checkmark:before {
content: "\ea10"; }
.icon-loop2:before {
content: "\ea2e"; }
.icon-arrow-up:before {
content: "\ea32"; }
.icon-arrow-down:before {
content: "\ea36"; }
.icon-filter:before {
content: "\ea5b"; }
.icon-google-plus:before {
content: "\ea8b"; }
.icon-instagram:before {
content: "\ea92"; }
.text-rich {
line-height: 1.4;
word-wrap: break-word !important;
word-break: break-word !important; }
.text-rich > * + * {
margin-top: 5px; }
.text-rich h1,
.text-rich .h1 {
font-size: 1.75em; }
.text-rich h1 + *,
.text-rich .h1 + * {
margin-top: 15px; }
.text-rich h2,
.text-rich .h2 {
font-size: 1.5em; }
.text-rich h2 + *,
.text-rich .h2 + * {
margin-top: 10px; }
.text-rich h3,
.text-rich .h3 {
font-size: 1.25em; }
.text-rich hr {
margin: 20px 0; }
.text-rich p:empty {
height: 15px; }
.text-rich p:not(:last-child) .ProseMirror-trailingBreak {
content: "";
display: block;
height: 15px; }
.text-rich ol,
.text-rich ul {
margin-bottom: 0;
padding-left: 20px; }
.text_field {
line-height: 1.4;
margin-top: -3px;
word-break: break-word;
word-wrap: break-word; }
.text_field b + ol,
.text_field b + ul,
.text_field i + ol,
.text_field i + ul {
margin-top: 10px; }
.text_field p {
margin: 0;
padding: 0; }
.text_field p + p,
.text_field p + ol,
.text_field p + ul {
margin-top: 10px; }
.text_field p + h1,
.text_field p + h2,
.text_field p + h3 {
margin-top: 20px; }
.text_field h1,
.text_field h2,
.text_field h3 {
line-height: 1.2; }
.text_field h1 + p,
.text_field h1 + ol,
.text_field h1 + ul,
.text_field h2 + p,
.text_field h2 + ol,
.text_field h2 + ul,
.text_field h3 + p,
.text_field h3 + ol,
.text_field h3 + ul {
margin-top: 10px; }
.text_field h1 + br + br,
.text_field h2 + br + br,
.text_field h3 + br + br {
display: none; }
.text_field .title + p {
padding-top: 5px; }
.text_field ol,
.text_field ul {
padding-left: 20px;
margin-bottom: 0;
/*
&.list-wide {
li:not(:first-child) {
padding-top: 8px;
}
}
*/ }
.text_field ol > br,
.text_field ul > br {
display: none; }
.text_field ol + p,
.text_field ul + p {
margin-top: 10px; }
.text_field ol + h1,
.text_field ol + h2,
.text_field ol + h3,
.text_field ul + h1,
.text_field ul + h2,
.text_field ul + h3 {
margin-top: 20px; }
.text_field ol.list-unstyled, .text_field ol.none,
.text_field ul.list-unstyled,
.text_field ul.none {
list-style-type: none;
margin: 0;
padding: 0; }
.text_field ol.list-unstyled ol,
.text_field ol.list-unstyled ul, .text_field ol.none ol,
.text_field ol.none ul,
.text_field ul.list-unstyled ol,
.text_field ul.list-unstyled ul,
.text_field ul.none ol,
.text_field ul.none ul {
list-style-type: none; }
.text_field ol.category_tree,
.text_field ul.category_tree {
overflow: hidden; }
.text_field ol.category_tree:not(.toggle_parents) li:not(:last-child) ul li:last-child,
.text_field ul.category_tree:not(.toggle_parents) li:not(:last-child) ul li:last-child {
margin-bottom: 8px; }
.text_field ol.category_tree ul,
.text_field ul.category_tree ul {
list-style-type: disc;
margin-left: 8px; }
.text_field ol.category_tree ul li,
.text_field ul.category_tree ul li {
color: #aaa;
white-space: nowrap; }
.text_field ol.category_tree ul li:first-child,
.text_field ul.category_tree ul li:first-child {
margin-top: 8px; }
.text_field ol.cell_list-secondary,
.text_field ul.cell_list-secondary {
padding-left: 0; }
.text_field ol li,
.text_field ul li {
line-height: 1.4;
position: relative; }
.text_field ol li b,
.text_field ul li b {
color: #292b2c !important; }
.text_field ol li p,
.text_field ul li p {
margin: 10px 0;
padding: 0 !important; }
.text_field ol li .num,
.text_field ul li .num {
color: #aaa;
position: absolute;
right: 0;
text-align: right;
width: 60px;
z-index: 5;
background-image: -webkit-linear-gradient(right, white 30%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(right, white 30%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(right, white 30%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(right, white 30%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0) 100%); }
.text_field ol li.active a,
.text_field ul li.active a {
font-weight: 700; }
.text_field ol li:not(.work):not(:last-child),
.text_field ul li:not(.work):not(:last-child) {
margin-bottom: 8px; }
.text_field ol li > br:last-child,
.text_field ul li > br:last-child {
display: none; }
.text_field ol ol,
.text_field ol ul,
.text_field ul ol,
.text_field ul ul {
margin-left: 20px; }
.text_field-wide {
line-height: 150%; }
.text_field.block-content {
margin-top: 0; }
.stars_marks {
line-height: 1; }
.stars_marks.editable {
display: inline-block; }
.stars_marks.editable .rating:hover {
cursor: pointer; }
.stars_marks > div:not(:last-child) {
padding-bottom: 10px; }
/* ┬ёх тыюцхээ√х ¤ыхьхэЄ√ Ёрчфхы ■Єё Єюўъющ яю уюЁшчюэЄрыш */
.dot_divided > * {
display: inline-block; }
.dot_divided > *:not(:last-child) {
position: relative;
margin-right: 35px; }
.dot_divided > *:not(:last-child):after {
content: '';
display: block;
background-color: #aaa;
width: 5px;
height: 5px;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 44%;
right: -20px; }
/* ┬ёх тыюцхээ√х ¤ыхьхэЄ√ Ёрчфхы ■Єё юЄёЄєяюь яю тхЁЄшърыш */
.vertically_divided > * {
display: block; }
.vertically_divided > * + * {
margin-top: 6px; }
.comma_divided > * {
display: inline-block; }
.comma_divided > *:not(:first-child):before {
content: ', '; }
.content_divider {
text-align: center;
position: relative; }
.content_divider:before {
background: #aaa;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%; }
.content_divider > span {
background: #fff;
padding: 0 20px;
position: relative;
z-index: 1; }
@media (max-width: 575px) {
.dot_divided:not(.media-ignore) {
line-height: 1.4; }
.dot_divided:not(.media-ignore) > * {
display: block; }
.dot_divided:not(.media-ignore) > *:not(:last-child) {
margin-right: 0 !important; }
.dot_divided:not(.media-ignore) > *:not(:last-child):after {
content: none; } }
/* ╬ЄёЄєя√ */
.indent-t0 {
margin-top: 0 !important; }
.indent-t10 {
margin-top: 10px !important; }
.indent-t15 {
margin-top: 15px !important; }
.indent-t20 {
margin-top: 20px !important; }
.indent-t30 {
margin-top: 30px !important; }
.indent-b0 {
margin-bottom: 0 !important; }
.indent-b10 {
margin-bottom: 10px !important; }
.indent-b15 {
margin-bottom: 15px !important; }
.indent-b20 {
margin-bottom: 20px !important; }
.indent-b30 {
margin-bottom: 30px !important; }
[class*="indent-t"]:empty:not(.btn-icon) {
margin-top: 0 !important; }
[class*="indent-b"]:empty:not(.btn-icon) {
margin-bottom: 0 !important; }
@media (max-width: 575px) {
.indent-xs-t10 {
margin-top: 10px !important; }
.indent-xs-t20 {
margin-top: 20px !important; }
.indent-xs-b0 {
margin-bottom: 0 !important; }
.indent-xs-b20 {
margin-bottom: 20px !important; } }
.freelancers .btn {
position: absolute;
top: 160px;
width: 120px;
z-index: 2; }
.freelancers .row {
min-height: 220px; }
.freelancers .row > .col-12:not(:first-child) {
padding-left: 170px; }
.freelancers .works-list {
list-style: none;
height: 114px;
overflow: hidden;
padding: 2px 4px;
margin-left: -4px; }
.freelancers .works-list a {
display: block; }
.freelancers .works-list a img {
max-width: 100%;
display: block;
-webkit-box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45); }
.freelancers .works-list li {
display: inline-block;
vertical-align: top;
width: 145px;
margin-right: 10px;
padding-bottom: 6px; }
.freelancers .works-list li:last-child {
margin-right: 0px; }
.freelancers .text-works-list {
max-height: 88px;
overflow: hidden; }
.freelancers .text-works-list > ul {
vertical-align: top; }
.freelancers .icon-shield {
margin-left: -28px;
margin-right: 10px; }
@media (max-width: 575px) {
.freelancers .btn {
position: relative;
top: auto;
display: block;
width: 100%;
margin-top: 20px; }
.freelancers .row > [class^="col"]:nth-last-child(-n+2) {
padding-left: 20px; }
.freelancers .icon-shield {
margin-left: 0; } }
.stats + .stats {
margin-top: 15px; }
.stats .stats_num {
color: #56c035;
font-size: 32px;
font-weight: 700;
line-height: 42px;
letter-spacing: -1px; }
.pr_block .user_brief {
overflow: visible; }
.pr_block .user_brief .userpic {
width: 60px;
height: 60px;
float: left; }
.pr_block .user_brief .brief {
display: block;
max-width: none;
white-space: normal; }
.pr_block .user_brief .brief:after {
content: none; }
.pr_block .user_brief .brief .name {
font-size: 20px;
line-height: 1.1; }
.pr_block .user_brief .brief > span {
display: block; }
.pr_block .user_brief .brief > span + span {
margin: 7px 0 0 0; }
.pr_block .pr_title {
font-weight: 700;
margin-top: 15px; }
.pr_block .pr_title:empty {
display: none; }
.pr_block .pr_title:empty + .pr_text {
margin-top: 15px; }
.pr_block .pr_text {
margin-top: 10px; }
.pr_block .fixed_icon {
position: absolute;
left: -5px; }
.pr_preview {
width: 325px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 0 4px 4px 0;
padding: 20px 30px;
position: relative; }
.carousel .carousel-content > div {
height: 210px; }
.carousel .carousel-content h1,
.carousel .carousel-content h2 {
display: block;
font-size: 30px;
line-height: 30px;
margin-bottom: 20px; }
.carousel .carousel-content p {
font-size: 20px;
line-height: 1.6; }
.carousel .carousel-indicators {
position: relative;
bottom: auto;
left: auto;
margin: 0; }
.carousel .carousel-indicators li {
height: auto;
margin: 0;
max-width: none;
text-indent: 1px;
width: auto; }
#main_video_container {
background-image: url("/img/youtube.jpg");
background-size: 100% auto;
border: 4px solid #3174af;
cursor: pointer;
position: relative; }
.page_layer-index > form {
background-color: #3174af;
background-image: url("/img/ukraine_flag.svg");
background-position: right -49px top -1px;
background-repeat: no-repeat;
background-size: 426px auto;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
padding: 40px 50px; }
.page_layer-index > form h1 {
color: #fff; }
.page_layer-index > form .input-group-lg .form-control {
border: 0; }
.page_layer-index > form a:not(:hover) {
color: #abd8e7; }
.page_layer-index > .cols_table {
padding-top: 10px;
padding-bottom: 10px; }
.page_layer-index > .cols_table img,
.page_layer-index > .cols_table svg {
display: inline-block;
height: 60px;
max-width: 60px;
margin-right: 20px; }
.page_layer-index > .cols_table img + div,
.page_layer-index > .cols_table svg + div {
display: inline-block; }
.page_layer-index > .cols_table .num {
background-color: #3174af;
border-radius: 50%;
color: #fff;
font-size: 13px;
font-weight: 700;
width: 25px;
height: 25px;
display: inline-block;
padding: 6px 0 6px 9px;
margin-right: 10px;
position: relative;
top: -2px; }
.page_layer-index > .cols_table p {
font-size: 18px;
display: block;
line-height: 1.2;
margin-top: 5px; }
.page_layer-index > .cols_table .row > [class^="col"] {
white-space: nowrap; }
.page_layer-index > .cols_table .row > [class^="col"] > * {
vertical-align: top; }
.page_layer-index > .cols_table .row > [class^="col"]:first-child .num {
background-color: #5cb85c; }
.page_layer-index > .cols_table .row > [class^="col"]:first-child:before {
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 10px 15px;
border-color: transparent transparent #fff transparent;
position: absolute;
top: -20px;
left: 50px; }
.index_categories img,
.index_categories svg {
width: 50px;
max-height: 50px;
margin-left: 20px; }
.index_categories .title {
min-height: 56px; }
@media (max-width: 991px) {
.carousel .carousel-content > div {
height: 150px; }
.carousel .carousel-content h1,
.carousel .carousel-content h2 {
font-size: 28px; }
.carousel .carousel-content p {
font-size: 18px; }
.page_layer-index > form {
background-image: none;
border-top-left-radius: 0;
border-top-right-radius: 0; } }
@media (max-width: 788px) {
.carousel .carousel-content > div {
height: 180px; } }
@media (max-width: 575px) {
.carousel .carousel-content > div {
height: 250px; }
.carousel .carousel-content br {
display: none; }
.page_layer-index > form {
padding: 30px 20px; }
.page_layer-index > form .input-group-lg {
display: block;
width: 100%; }
.page_layer-index > form .input-group-lg .form-control,
.page_layer-index > form .input-group-lg .btn {
border-radius: 4px !important;
display: block;
width: 100%; }
.page_layer-index > form .input-group-lg .btn {
margin-top: 20px; } }
@media (max-width: 360px) {
.carousel .carousel-content > div {
height: 290px; } }
.work_list.cell_list li, .work_list.cell_list-secondary li, .work_list.cell_list-single_row li {
padding: 20px 20px 52px 20px;
min-height: 271px; }
.work_list.cell_list img, .work_list.cell_list-secondary img, .work_list.cell_list-single_row img {
display: block;
max-width: 100%;
-webkit-box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45); }
.work_list.cell_list .work-title, .work_list.cell_list-secondary .work-title, .work_list.cell_list-single_row .work-title {
display: block;
font-size: 18px;
line-height: 22px;
margin-top: 12px;
word-wrap: break-word; }
.work_list.cell_list .work-stats, .work_list.cell_list-secondary .work-stats, .work_list.cell_list-single_row .work-stats {
color: #aaa;
font-size: 16px;
font-weight: 400;
line-height: 22px;
position: absolute;
left: 20px;
bottom: 20px; }
.work_list.cell_list .controls, .work_list.cell_list-secondary .controls, .work_list.cell_list-single_row .controls {
position: absolute;
right: 20px;
bottom: 20px;
padding-left: 20px;
z-index: 2;
background-image: -webkit-linear-gradient(right, white 70%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(right, white 70%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(right, white 70%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(right, white 70%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to left, white 70%, rgba(255, 255, 255, 0) 100%); }
.work_list.cell_list-secondary li {
min-height: 200px; }
.work_list.cell_list-secondary li .work-title {
font-size: 16px;
line-height: 20px; }
.work_list-bordered {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
margin: 0 -10px 0 -10px; }
.work_list-bordered li {
padding: 10px; }
.work_list-bordered li > div {
padding: 10px;
text-align: center; }
.work_list-bordered li > div:first-child {
border: 4px solid #3174af;
margin-bottom: 5px; }
.work_list-bordered li > div:first-child img {
border: 1px solid #eee;
width: 100%; }
.drop-hover {
background-color: #ceb !important; }
.jcrop-keymgr {
display: none !important; }
/* ┴ыюъ-ёё√ыър фы яюърчр ЁрсюЄ т яюыэюь ЁрчьхЁх */
.show_full_size {
opacity: 0.75;
position: absolute;
top: 20px;
right: 20px;
margin: 0;
white-space: nowrap; }
.show_full_size [class^="icon-"] {
font-size: 2.5em;
margin-right: 15px;
margin-top: 2px; }
.show_full_size:hover {
opacity: 1;
text-decoration: none; }
@media (min-width: 1200px) {
.work_list-bordered li {
max-width: 20%; } }
@media (max-width: 575px) {
.show_full_size {
line-height: 1;
padding: 7px; }
.show_full_size [class^="icon-"] {
font-size: 1.5em;
margin-right: 0; } }
@media (max-width: 450px) {
.work_list.cell_list li, .work_list.cell_list-single_row li {
min-height: 230px; } }
@media (max-width: 375px) {
.work_list-bordered li {
max-width: 100%;
-webkit-flex: unset; } }
@media screen and (max-width: 360px) {
.work_list.cell_list li img, .work_list.cell_list-single_row li img {
width: 100%; } }
.form-group .wysibb {
margin-bottom: 0; }
.has-danger .wysibb {
border: 1px solid #d9534f; }
.wysibb-body {
line-height: 1.4; }
.wysibb-body ul.cell_list-secondary {
padding-left: 0; }
.wysibb-body:empty:before {
color: #aaa;
content: attr(placeholder); }
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-text {
text-transform: none !important; }
.wysibb-toolbar-btn.wbb-file {
display: none !important; }
@media (max-width: 575px) {
.wysibb .wysibb-toolbar .wysibb-toolbar-container:not(:first-child):not(:last-child) {
display: none; } }
.chart {
height: 400px; }
.chart svg + a {
display: none !important; }
.support_messages {
max-height: 176px;
overflow-y: auto;
padding: 4px 0 13px 0;
margin: -4px 0 7px 0 !important; }
.support_messages .cols_table {
background-color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px; }
.support_messages .cols_table .row {
padding-bottom: 15px; }
.support_messages .cols_table .row > [class^="col"] {
padding-top: 15px; }
.support_messages .cols_table .row:hover {
cursor: pointer; }
#message .buttons {
padding-bottom: 30px; }
/*
* ╠шурыър
*/
.blink {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite; }
@-moz-keyframes blinker {
0% {
opacity: 1.0; }
50% {
opacity: 0.0; }
100% {
opacity: 1.0; } }
@-webkit-keyframes blinker {
0% {
opacity: 1.0; }
50% {
opacity: 0.0; }
100% {
opacity: 1.0; } }
@keyframes blinker {
0% {
opacity: 1.0; }
50% {
opacity: 0.0; }
100% {
opacity: 1.0; } }
.blink:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem; }
.popover .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem; }
.popover .arrow::before,
.popover .arrow::after {
position: absolute;
display: block;
border-color: transparent;
border-style: solid; }
.popover .arrow::before {
content: "";
border-width: 0.8rem; }
.popover .arrow::after {
content: "";
border-width: 0.8rem; }
.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.8rem; }
.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
bottom: 0; }
.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
border-bottom-width: 0; }
.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
bottom: -0.8rem;
margin-left: -0.8rem;
border-top-color: rgba(0, 0, 0, 0.25); }
.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: calc((0.8rem - 1px) * -1);
margin-left: -0.8rem;
border-top-color: #fff; }
.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
margin-left: 0.8rem; }
.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
left: 0; }
.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
margin-top: -0.8rem;
border-left-width: 0; }
.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
left: -0.8rem;
border-right-color: rgba(0, 0, 0, 0.25); }
.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
left: calc((0.8rem - 1px) * -1);
border-right-color: #fff; }
.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.8rem; }
.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
top: 0; }
.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
margin-left: -0.8rem;
border-top-width: 0; }
.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
top: -0.8rem;
border-bottom-color: rgba(0, 0, 0, 0.25); }
.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: calc((0.8rem - 1px) * -1);
border-bottom-color: #fff; }
.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 20px;
margin-left: -10px;
content: "";
border-bottom: 1px solid #f7f7f7; }
.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
margin-right: 0.8rem; }
.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
right: 0; }
.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
margin-top: -0.8rem;
border-right-width: 0; }
.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
right: -0.8rem;
border-left-color: rgba(0, 0, 0, 0.25); }
.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
right: calc((0.8rem - 1px) * -1);
border-left-color: #fff; }
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); }
.popover-header:empty {
display: none; }
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529; }
/* ╧хЁхюяЁхфхы хь ёЄшыш */
.popover {
max-width: 305px;
line-height: 1.4;
font-family: "PT Sans", sans-serif;
font-size: 1rem;
border: 1px solid rgba(238, 238, 238, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
box-shadow: 0 2px 4px rgba(149, 152, 155, 0.45);
padding: 0; }
.popover-header {
padding: 7px 20px;
font-size: 20px;
border-bottom: 1px solid #eee; }
.popover-body {
padding: 15px 20px;
max-height: 300px;
overflow-y: auto; }
/* Popover фы єтхфюьыхэшщ т header */
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color: rgba(238, 238, 238, 0.25); }
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-bottom-color: #f7f7f7; }
/* Popover фы чрьхЄюъ */
.popover.bs-popover-bottom .arrow::before {
border-bottom-color: rgba(238, 238, 238, 0.7); }
.tooltip {
font-family: "PT Sans", sans-serif; }
.tooltip.show {
opacity: 0.9; }
.tooltip-inner {
max-width: 300px;
background-color: #3174af; }
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: #3174af; }
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: #3174af; }
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: #3174af; }
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: #3174af; }
.accordion .accordion-button {
padding: 12px 20px; }
.accordion .accordion-button:not(.collapsed) {
color: inherit; }
.accordion .accordion-button:focus {
box-shadow: none; }
.nav-tabs {
border-color: #eee;
margin-bottom: 20px; }
.nav-tabs .nav-item {
margin: 0; }
.nav-tabs .nav-link {
border: 0;
padding: 0 20px 20px 20px;
position: relative; }
.nav-tabs .nav-item.active .nav-link,
.nav-tabs .nav-link.active {
color: inherit;
font-weight: 700; }
.nav-tabs .nav-item.active .nav-link:after,
.nav-tabs .nav-link.active:after {
content: '';
border-bottom: 2px solid #3174af;
display: block;
position: absolute;
left: 0;
bottom: -1px;
width: 100%; }
.nav-users .nav-item .nav-link .user_brief .userpic {
width: 60px;
height: 60px;
margin-right: 0;
border: none; }
.nav-users .nav-item .nav-link.active .user_brief .userpic {
border: 2px solid #5cb85c; }
.tabs {
display: flex;
margin-bottom: -20px; }
.tabs li {
display: flex; }
.tabs a {
color: #3174af;
border-bottom: 2px solid transparent;
font-size: 20px;
font-weight: 700;
display: inline-block;
padding: 20px 30px;
text-align: center; }
.tabs a:hover {
color: #56c035;
border-bottom: 2px solid #5cb85c; }
.tabs a.active {
pointer-events: none;
color: #292b2c;
border-bottom: 2px solid #3174af; }
.tabs a.active.has_new {
pointer-events: inherit; }
.tabs a.disabled {
pointer-events: none; }
.tabs a.disabled:not(.active) {
color: #aaa; }
/* Header ш Footer фы сыюъют */
.block-header {
border-bottom: 1px solid #eee;
padding: 20px 30px;
position: relative; }
.block-header > * {
display: inline-block; }
.block-header .uppercase {
position: absolute;
top: 41%;
right: 30px; }
.block-content {
padding: 20px 30px;
position: relative; }
.block-content.small {
padding: 15px 30px; }
.block-footer {
border-top: 1px solid #eee;
padding: 20px 30px;
position: relative; }
.block-footer.cols_table {
padding: 0; }
/* ┴ыюъ ё яюфўхЁъштрэшхь ёэшчє */
.block-underline {
border-bottom: 1px solid #eee; }
/* ╙уыют√х сыюъш */
.block-top_right {
display: inline-block;
margin-left: 20px; }
.block-bottom_right {
position: absolute;
bottom: 0;
right: 0;
margin-top: 20px;
z-index: 1; }
/* ┴ыюъш ё яюыюёющ ёыхтр */
.block-success,
.block-danger,
.block-muted,
.block-info,
.block-warning {
border-left: 0 !important; }
.block-success:before,
.block-danger:before,
.block-muted:before,
.block-info:before,
.block-warning:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px; }
.block-success:before {
background-color: #56c035; }
.block-danger:before {
background-color: #d9534f; }
.block-muted:before {
background-color: #eee; }
.block-info:before {
background-color: #acd8e8; }
.block-warning:before {
background-color: #ffc107; }
.block-options {
border: 10px solid #e3eeee;
border-radius: 4px; }
@media (max-width: 575px) {
.block-header,
.block-content,
.block-footer {
padding: 20px; } }
[class*="click_container"]:hover {
cursor: pointer; }
.cell_list,
.cell_list-secondary,
.cell_list-single_row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden; }
.cell_list li,
.cell_list-secondary li,
.cell_list-single_row li {
width: 100%;
border-right: none;
padding: 20px 30px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.cell_list li:nth-child(n+2),
.cell_list-secondary li:nth-child(n+2),
.cell_list-single_row li:nth-child(n+2) {
border-top: 1px solid #eee; }
.cell_list li:hover,
.cell_list-secondary li:hover,
.cell_list-single_row li:hover {
z-index: 2;
-webkit-box-shadow: 0 5px 13px rgba(188, 188, 188, 0.34);
box-shadow: 0 5px 13px rgba(188, 188, 188, 0.34); }
.cell_list li:last-child:nth-child(n+4):after,
.cell_list-secondary li:last-child:nth-child(n+4):after,
.cell_list-single_row li:last-child:nth-child(n+4):after {
content: '';
border-top: 1px solid #eee;
display: block;
position: absolute;
left: 100%;
top: -1px;
width: 500%; }
.cell_list.no_border li:last-child:nth-child(n+4):after,
.cell_list-secondary.no_border li:last-child:nth-child(n+4):after,
.cell_list-single_row.no_border li:last-child:nth-child(n+4):after {
display: none; }
.cell_list-secondary li {
border: 1px solid #eee; }
.cell_list-secondary li:last-child:nth-child(n+4):after {
content: none; }
.cell_list-secondary li:nth-child(n+2) {
border-top: none; }
.cell_list-single_row li:nth-child(n+2) {
display: none; }
@media (min-width: 375px) {
.cell_list li {
width: 50%;
border-right: 1px solid #eee; }
.cell_list li:nth-child(n+2) {
border-top: none; }
.cell_list li:nth-child(n+3) {
border-top: 1px solid #eee; }
.cell_list li:nth-child(2n) {
border-right: none;
padding-right: 31px; }
.cell_list li:nth-child(2n).work {
padding-right: 21px; }
.cell_list.cell-xs-1 li {
width: 100%;
border-right: none; }
.cell_list.cell-xs-1 li:nth-child(n+2) {
border-top: 1px solid #eee; }
.cell_list-secondary li {
width: 50%;
border: 1px solid #eee;
border-left: none; }
.cell_list-secondary li:nth-child(n+2) {
border-top: 1px solid #eee; }
.cell_list-secondary li:nth-child(2n+1) {
border-left: 1px solid #eee;
padding-left: 19px; }
.cell_list-secondary li:nth-child(n+3) {
border-top: none; }
.cell_list-single_row li {
width: 50%;
border-right: 1px solid #eee; }
.cell_list-single_row li:nth-child(n+2) {
border-top: none; }
.cell_list-single_row li:nth-child(n+3) {
border-top: 1px solid #eee; }
.cell_list-single_row li:nth-child(2n) {
border-right: none;
padding-right: 31px; }
.cell_list-single_row li:nth-child(2n).work {
padding-right: 21px; }
.cell_list-single_row li:nth-child(n+2) {
display: list-item; }
.cell_list-single_row li:nth-child(n+3) {
display: none; } }
@media (min-width: 475px) {
.cell_list-secondary li {
width: 33.33333%;
border-left: none; }
.cell_list-secondary li:nth-child(2n+1) {
border-left: none;
padding-left: 20px; }
.cell_list-secondary li:nth-child(3n+1) {
border-left: 1px solid #eee;
padding-left: 19px; }
.cell_list-secondary li:nth-child(n+3) {
border-top: 1px solid #eee; }
.cell_list-secondary li:nth-child(n+4) {
border-top: none; } }
@media (min-width: 576px) {
.cell_list li {
width: 33.33333%;
border-right: 1px solid #eee; }
.cell_list li:nth-child(n+3) {
border-top: none; }
.cell_list li:nth-child(2n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list li:nth-child(2n).work {
padding-right: 20px; }
.cell_list li:nth-child(n+4) {
border-top: 1px solid #eee; }
.cell_list li:nth-child(3n) {
border-right: none;
padding-right: 31px; }
.cell_list li:nth-child(3n).work {
padding-right: 21px; }
.cell_list.cell-sm-2 li {
width: 50%;
border-right: 1px solid #eee; }
.cell_list.cell-sm-2 li:nth-child(n+2) {
border-top: none; }
.cell_list.cell-sm-2 li:nth-child(n+3) {
border-top: 1px solid #eee; }
.cell_list.cell-sm-2 li:nth-child(2n) {
border-right: none;
padding-right: 31px; }
.cell_list.cell-sm-2 li:nth-child(2n).work {
padding-right: 21px; }
.cell_list-secondary li {
width: 25%; }
.cell_list-secondary li:nth-child(3n+1) {
border-left: none;
padding-left: 20px; }
.cell_list-secondary li:nth-child(4n+1) {
border-left: 1px solid #eee;
padding-left: 19px; }
.cell_list-secondary li:nth-child(n+4) {
border-top: 1px solid #eee; }
.cell_list-secondary li:nth-child(n+5) {
border-top: none; }
.cell_list-single_row li {
width: 33.33333%;
border-right: 1px solid #eee; }
.cell_list-single_row li:nth-child(n+3) {
border-top: none; }
.cell_list-single_row li:nth-child(2n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list-single_row li:nth-child(2n).work {
padding-right: 20px; }
.cell_list-single_row li:nth-child(n+4) {
border-top: 1px solid #eee; }
.cell_list-single_row li:nth-child(3n) {
border-right: none;
padding-right: 31px; }
.cell_list-single_row li:nth-child(3n).work {
padding-right: 21px; }
.cell_list-single_row li:nth-child(n+3) {
display: list-item; }
.cell_list-single_row li:nth-child(n+4) {
display: none; } }
@media (min-width: 768px) {
.cell_list.cell-md-3 li {
width: 33.33333%;
border-right: 1px solid #eee; }
.cell_list.cell-md-3 li:nth-child(n+3) {
border-top: none; }
.cell_list.cell-md-3 li:nth-child(2n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list.cell-md-3 li:nth-child(2n).work {
padding-right: 20px; }
.cell_list.cell-md-3 li:nth-child(n+4) {
border-top: 1px solid #eee; }
.cell_list.cell-md-3 li:nth-child(3n) {
border-right: none;
padding-right: 31px; }
.cell_list.cell-md-3 li:nth-child(3n).work {
padding-right: 21px; } }
@media (min-width: 875px) {
.cell_list-secondary li {
width: 20%; }
.cell_list-secondary li:nth-child(4n+1) {
border-left: none;
padding-left: 20px; }
.cell_list-secondary li:nth-child(5n+1) {
border-left: 1px solid #eee;
padding-left: 19px; }
.cell_list-secondary li:nth-child(n+5) {
border-top: 1px solid #eee; }
.cell_list-secondary li:nth-child(n+6) {
border-top: none; } }
@media (min-width: 992px) {
.cell_list li {
width: 25%;
border-right: 1px solid #eee; }
.cell_list li:nth-child(n+4) {
border-top: none; }
.cell_list li:nth-child(3n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list li:nth-child(3n).work {
padding-right: 20px; }
.cell_list li:nth-child(n+5) {
border-top: 1px solid #eee; }
.cell_list li:nth-child(4n) {
border-right: none;
padding-right: 31px; }
.cell_list li:nth-child(4n).work {
padding-right: 21px; }
.cell_list.cell-lg-3 li {
width: 33.33333%;
border-right: 1px solid #eee; }
.cell_list.cell-lg-3 li:nth-child(n+3) {
border-top: none; }
.cell_list.cell-lg-3 li:nth-child(2n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list.cell-lg-3 li:nth-child(2n).work {
padding-right: 20px; }
.cell_list.cell-lg-3 li:nth-child(n+4) {
border-top: 1px solid #eee; }
.cell_list.cell-lg-3 li:nth-child(3n) {
border-right: none;
padding-right: 31px; }
.cell_list.cell-lg-3 li:nth-child(3n).work {
padding-right: 21px; }
.cell_list.cell-lg-4 li {
width: 25%;
border-right: 1px solid #eee; }
.cell_list.cell-lg-4 li:nth-child(n+4) {
border-top: none; }
.cell_list.cell-lg-4 li:nth-child(3n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list.cell-lg-4 li:nth-child(3n).work {
padding-right: 20px; }
.cell_list.cell-lg-4 li:nth-child(n+5) {
border-top: 1px solid #eee; }
.cell_list.cell-lg-4 li:nth-child(4n) {
border-right: none;
padding-right: 31px; }
.cell_list.cell-lg-4 li:nth-child(4n).work {
padding-right: 21px; }
.cell_list-single_row li {
width: 25%;
border-right: 1px solid #eee; }
.cell_list-single_row li:nth-child(n+4) {
border-top: none; }
.cell_list-single_row li:nth-child(3n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list-single_row li:nth-child(3n).work {
padding-right: 20px; }
.cell_list-single_row li:nth-child(n+5) {
border-top: 1px solid #eee; }
.cell_list-single_row li:nth-child(4n) {
border-right: none;
padding-right: 31px; }
.cell_list-single_row li:nth-child(4n).work {
padding-right: 21px; }
.cell_list-single_row li:nth-child(n+4) {
display: list-item; }
.cell_list-single_row li:nth-child(n+5) {
display: none; } }
@media (min-width: 1200px) {
.cell_list.cell-xl-2 li {
width: 50%;
border-right: 1px solid #eee; }
.cell_list.cell-xl-2 li:nth-child(n+2) {
border-top: none; }
.cell_list.cell-xl-2 li:nth-child(n+3) {
border-top: 1px solid #eee; }
.cell_list.cell-xl-2 li:nth-child(2n) {
border-right: none;
padding-right: 31px; }
.cell_list.cell-xl-2 li:nth-child(2n).work {
padding-right: 21px; }
.cell_list.cell-xl-2 li:nth-child(3n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list.cell-xl-2 li:nth-child(3n).work {
padding-right: 20px; }
.cell_list.cell-xl-4 li {
width: 25%;
border-right: 1px solid #eee; }
.cell_list.cell-xl-4 li:nth-child(n+4) {
border-top: none; }
.cell_list.cell-xl-4 li:nth-child(3n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list.cell-xl-4 li:nth-child(3n).work {
padding-right: 20px; }
.cell_list.cell-xl-4 li:nth-child(n+5) {
border-top: 1px solid #eee; }
.cell_list.cell-xl-4 li:nth-child(4n) {
border-right: none;
padding-right: 31px; }
.cell_list.cell-xl-4 li:nth-child(4n).work {
padding-right: 21px; }
.cell_list.cell-xl-5 li {
width: 20%;
border-right: 1px solid #eee; }
.cell_list.cell-xl-5 li:nth-child(n+5) {
border-top: none; }
.cell_list.cell-xl-5 li:nth-child(4n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list.cell-xl-5 li:nth-child(4n).work {
padding-right: 20px; }
.cell_list.cell-xl-5 li:nth-child(n+6) {
border-top: 1px solid #eee; }
.cell_list.cell-xl-5 li:nth-child(5n) {
border-right: none;
padding-right: 31px; }
.cell_list.cell-xl-5 li:nth-child(5n).work {
padding-right: 21px; }
.cell_list-single_row li {
width: 20%;
border-right: 1px solid #eee; }
.cell_list-single_row li:nth-child(n+5) {
border-top: none; }
.cell_list-single_row li:nth-child(4n) {
border-right: 1px solid #eee;
padding-right: 30px; }
.cell_list-single_row li:nth-child(4n).work {
padding-right: 20px; }
.cell_list-single_row li:nth-child(n+6) {
border-top: 1px solid #eee; }
.cell_list-single_row li:nth-child(5n) {
border-right: none;
padding-right: 31px; }
.cell_list-single_row li:nth-child(5n).work {
padding-right: 21px; }
.cell_list-single_row li:nth-child(n+5) {
display: list-item; }
.cell_list-single_row li:nth-child(n+6) {
display: none; } }
.contacts_wrapper {
height: 100%; }
.contacts_wrapper .content,
.contacts_wrapper .wrapper,
.contacts_wrapper .page_content {
height: 100%; }
.contacts_wrapper .content {
padding-top: 70px; }
#message_form {
position: relative;
width: 100%; }
#message_form .form-control {
padding-right: 110px; }
#message_form .buttons {
position: absolute;
right: 20px; }
.msg_container {
position: relative;
/* .msg {
display: inline-block;
background-color: #ccf0fd;
border-radius: 5px;
line-height: 1.6;
padding: 10px 20px;
position: relative;
vertical-align: top;
}
&.in {
.msg {
border: 1px solid #ddd;
background-color: #fff;
}
+ .out {
margin-top: 20px;
}
}
&.out {
.msg {
float: right;
}
+ .in {
margin-top: 20px;
}
}*/ }
.msg_container + .msg_container {
margin-top: 10px; }
.msg_container .bookmark {
position: absolute;
left: -6px;
top: 16px; }
.msg_container .bookmark:not(:hover):not(.active) {
color: #eee; }
/*
.tag {
color: $link-color;
display: inline-block;
font-size: 14px;
border: 1px solid $link-border-color;
border-radius: 4px;
padding: 7px 10px;
margin-right: 10px;
margin-bottom: 10px;
&:hover {
cursor: pointer;
}
a {
margin-left: 10px;
font-size: 10px;
&:not(:hover) {
color: $link-border-color;
}
}
}*/
.social-list {
display: inline-block;
vertical-align: top;
white-space: nowrap; }
.social-list li {
display: inline-block;
vertical-align: top;
margin-right: 6px; }
.social-list li:last-child {
margin-right: 0; }
.social-list li.active a:not(:hover) {
background-color: #5cb85c;
border: 1px solid #5cb85c;
color: #fff; }
.social-list li.inactive a:not(:hover) {
border: 1px solid #aaa;
color: #aaa; }
.social-list a {
display: block;
vertical-align: top;
width: 43px;
height: 43px;
border: 1px solid #acd8e8;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center; }
.social-list a:hover {
background-color: #3174af;
color: #fff;
border-color: #3174af;
text-decoration: none; }
.social-list a i {
font-size: 20px;
line-height: 43px; }
.social-list a .icon-fb {
font-size: 20px;
position: relative;
top: -1px; }
.social-list a .icon-vk {
font-size: 11px; }
.social-list a .icon-tw {
font-size: 13px; }
.social-list a .icon-google {
font-size: 17px; }
.social-list a .icon-instagram {
font-size: 18px; }
.fb_iframe_widget,
#vk_subscribe,
#twitter-widget-0 {
margin-right: 10px;
vertical-align: top; }
.social-likes .social-likes__widget {
margin: 0.45em 0.85em; }
.social-likes .social-likes__widget:first-child {
margin-left: 0.45em; }
.social-likes .social-likes__widget:last-child {
margin-right: 0; }
.land > div {
margin-bottom: 30px; }
.land > div:first-child {
margin-top: 20px; }
.land > div:last-child {
margin-bottom: 20px; }
.land .title {
line-height: 1.2;
margin-top: -4px; }
.land_form .block-header {
background-color: #3174af;
border-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.land_form .block-header h2 {
color: #fff; }
.land_form .block-content {
border: #3174af 5px solid;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.land_form .block-content form {
width: 90%;
margin: 20px auto; }
.land_form .block-content form input,
.land_form .block-content form textarea {
font-size: 1.25em; }
.land_form .block-content form .btn-lg {
padding: 0 40px 3px; }
.land_form .wysibb-body {
font-size: 1.125em; }
.land_faq {
font-size: 1.125em; }
.land_faq h3 {
margin-left: 20px; }
.land_faq a {
display: block;
border: 1px solid transparent;
padding: 10px 20px; }
.land_faq a:hover, .land_faq a.active {
border: 1px solid #3174af;
border-radius: 4px;
text-decoration: none; }
.land_faq a.active {
color: #292b2c; }
.land_faq a + a {
margin-top: 10px; }
.land_faq .questions {
border-right: 1px solid #eee; }
.num-md {
color: #3174af;
font-size: 2.625em;
font-weight: 700; }
.num-lg {
color: #3174af;
font-size: 4em;
font-weight: 700; }
.land_btn {
border-radius: 4px;
font-size: 2em;
font-weight: 700;
height: auto;
padding: 30px 50px;
width: 100%; }
@media (max-width: 991px) {
.num-lg {
font-size: 3em; } }
@media (max-width: 768px) {
.land > div:first-child {
margin-top: 0; }
.land > div:last-child {
margin-bottom: 0; }
.land_form .block-header,
.land_form .block-content {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.land_faq .questions {
border-bottom: 1px solid #eee;
border-right: 0; }
.land_btn {
border-radius: 0; } }
.text-inline br {
display: none; }
.text-inline br + a {
margin-left: 5px; }
@media (max-width: 575px) {
.text-center-xs-down {
text-align: center; } }
@media (min-width: 576px) {
.text-sm-justify {
text-align: justify !important; } }
.head_img_container {
max-height: 400px;
overflow: hidden; }
.blog {
padding: 40px 80px;
line-height: 1.6; }
.blog * + p,
.blog * + img,
.blog * + ol,
.blog * + ul,
.blog * + table {
margin-top: 15px !important; }
.blog * + h2,
.blog * + h3 {
margin-top: 30px !important; }
.blog h2,
.blog h3 {
line-height: 1.3; }
.blog h2 + *,
.blog h3 + * {
margin-top: 20px !important; }
.blog ol li,
.blog ul li {
line-height: inherit;
padding-left: 10px; }
.blog ol li:not(:last-child),
.blog ul li:not(:last-child) {
margin-bottom: 10px; }
.blog ol.pluses,
.blog ul.pluses {
list-style: none;
margin-left: -20px; }
.blog ol.pluses li,
.blog ul.pluses li {
padding-left: 35px;
position: relative; }
.blog ol.pluses li:before,
.blog ul.pluses li:before {
content: "+";
font-family: FontAwesome;
font-size: 26px;
font-weight: 700;
color: #3174af;
display: inline-block;
line-height: 1;
margin-left: -35px;
width: 35px;
position: absolute;
top: 1px; }
.blog ol.contents a,
.blog ul.contents a {
text-decoration: none;
border-bottom: 1px dotted; }
.blog .bb_quote {
background-color: inherit;
border: 2px solid #3174af;
border-radius: 4px;
margin: 0;
padding: 25px 40px; }
.blog .buttons {
margin-top: -20px; }
@media (max-width: 575px) {
.blog {
padding: 20px; } }
.ReactTags__tagInput {
display: flex; }
.ReactTags__tagInput input {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.uploader input {
display: none; }
#message_form textarea {
min-height: 130px; }
#message_form .buttons .btn {
margin-top: 15px; }
#message_form .buttons a {
display: block; }
.search-result-panel, .search-result-panel-small {
width: 100%;
background-color: #3174af;
color: #fff;
height: 38px;
position: absolute;
z-index: 10; }
.search-result-panel .corr_count, .search-result-panel-small .corr_count {
margin: 11px;
display: inline-block; }
.search-result-panel .discard, .search-result-panel-small .discard {
margin: 11px;
color: #fff;
position: absolute;
right: 0; }
.search-result-panel .nav-result, .search-result-panel-small .nav-result {
margin: 11px auto;
width: 100%;
text-align: center;
position: absolute; }
.search-result-panel .nav-result a, .search-result-panel-small .nav-result a {
color: #fff;
margin: 20px; }
.search-result-panel .nav-result a.disabled, .search-result-panel-small .nav-result a.disabled {
opacity: 0.5; }
.search-result-panel .nav-result a:first-child:before, .search-result-panel-small .nav-result a:first-child:before {
display: inline-block;
width: 0;
height: 0;
margin-right: 6px;
vertical-align: middle;
content: "";
border-bottom: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent; }
.search-result-panel .nav-result a:last-child:after, .search-result-panel-small .nav-result a:last-child:after {
display: inline-block;
width: 0;
height: 0;
margin-left: 6px;
vertical-align: middle;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent; }
.search-result-panel-small {
position: inherit; }
.load_btn_container {
text-align: center; }
.contacts_list .active {
background-color: whitesmoke; }
.contacts_list .active .user_brief .brief:after {
background-image: -webkit-linear-gradient(right, whitesmoke 0%, rgba(0, 0, 0, 0) 100%);
background-image: -moz-linear-gradient(right, whitesmoke 0%, rgba(0, 0, 0, 0) 100%);
background-image: -ms-linear-gradient(right, whitesmoke 0%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(right, whitesmoke 0%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to left, whitesmoke 0%, rgba(0, 0, 0, 0) 100%); }
.contacts_list .job_list {
max-height: 250px;
overflow-y: scroll; }
.contacts_list .job_list::-webkit-scrollbar, .contacts_list .job_list::-webkit-scrollbar-track {
background-color: #eee;
width: 4px; }
.contacts_list .job_list::-webkit-scrollbar-thumb {
background-color: #3174af; }
.contacts_list .job_item {
margin: 5px 0; }
.active_uploads {
width: 100%; }
.active_uploads .active_upload {
height: 25px;
width: 100%;
text-align: center;
position: relative; }
.active_uploads .active_upload .file_name {
position: absolute;
top: 3px;
width: 100%;
z-index: 10; }
.active_uploads .active_upload .progress {
position: absolute;
height: 25px;
background-color: #eee; }
.job_msg {
text-align: center;
width: 100%;
background-color: #eee !important; }
.online-mark {
background-color: #5cb85c;
width: 8px;
height: 8px;
position: absolute;
left: 31px;
top: 31px;
border-radius: 50%; }
.date_separator {
overflow: hidden !important;
margin: 30px !important; }
#message_container {
padding: 20px; }
#message_container .msg {
word-break: break-word;
white-space: pre-line; }
#message_container .out {
margin-left: 10px; }
#message_container .out .work_list {
justify-content: flex-end; }
#message_container .in {
margin-right: 10px; }
.alert_block {
width: 100%;
padding: 10px; }
.users > .row {
cursor: pointer; }
.small_user_panel {
width: 100%;
border-bottom: 1px solid #eee; }
.small_user_panel .icon-arrow-left2 {
margin: 20px;
color: #3174af; }
.small_user_panel .user_brief {
margin: 10px 10px 10px 55px; }
.small_user_panel .user_brief .userpic {
width: 35px !important;
height: 35px !important; }
.users .user_brief-small .userpic {
width: 35px !important;
height: 35px !important; }
.user_block_overlay {
display: block !important;
position: absolute;
right: 0;
background-color: white;
border-left: 1px solid #ccc;
z-index: 1;
max-width: 305px !important; }
.user_block_overlay button.close {
position: relative;
top: -3px;
margin-left: 10px;
color: #3174af; }
@media (max-width: 768px) {
.contacts_list > .row > [class*="col"]:first-child, .contacts_list > .row > [class*="col"]:last-child {
max-width: 100%; }
.contacts_wrapper main.content {
padding-top: 58px; }
.contact_active header {
display: none; }
.contact_active main.content {
padding-top: 0px; }
#message_form textarea {
min-height: 0; }
#message_form .buttons a {
display: inline-block; } }
ol.list-wide-2 li,
ul.list-wide-2 li {
line-height: inherit;
padding-left: 10px; }
ol.list-wide-2 li:not(:last-child),
ul.list-wide-2 li:not(:last-child) {
margin-bottom: 15px; }
ol.list-icon,
ul.list-icon {
list-style: none;
margin-left: -20px; }
ol.list-icon li,
ul.list-icon li {
padding-left: 35px;
position: relative; }
ol.list-icon li:before,
ul.list-icon li:before {
font-family: FontAwesome;
font-size: 26px;
font-weight: 700;
color: #3174af;
display: inline-block;
line-height: 1;
margin-left: -35px;
width: 35px;
position: absolute;
top: 1px; }
ol.list-icon-plus li:before,
ul.list-icon-plus li:before {
content: "+"; }
ol.list-icon-minus li:before,
ul.list-icon-minus li:before {
content: "\2212"; }
ol.list-icon-star li:before,
ul.list-icon-star li:before {
content: "\2605";
font-size: 22px; }
ol.list-icon-success li:before,
ul.list-icon-success li:before {
color: #5cb85c; }
.badge {
border-radius: 1em;
font-weight: 400;
font-size: 12px;
margin-left: 5px;
padding: 0.25em 0.5em;
vertical-align: middle;
position: relative;
top: -1px; }
.badge-primary {
background-color: #3174af; }
.notice_badge {
background-color: #5cb85c;
color: #fff;
display: inline-block;
font-family: "PT Sans", sans-serif;
font-size: 10px;
height: 17px;
line-height: 1;
min-width: 17px;
border-radius: 17px;
padding: 4px;
text-align: center;
position: absolute;
top: -10px;
right: -10px; }
.scroll_up {
position: fixed;
top: 0;
right: 0;
height: 100%;
text-align: center;
width: 60px;
opacity: 0.8;
font-size: 24px;
z-index: 1001; }
.scroll_up:hover {
background-color: #f5f6f7;
opacity: 1; }
.typeahead {
/* + .btn {
position: absolute;
right: 0;
top: 23px;
font-size: 22px;
}*/ }
.typeahead.dropdown-menu > li {
padding: 10px 30px; }
.typeahead.dropdown-menu > li a {
color: #292b2c; }
.typeahead.dropdown-menu > li:hover {
background-color: #3174af;
cursor: pointer; }
.typeahead.dropdown-menu > li:hover a {
color: #fff; }
.award img {
width: 45px;
max-height: 45px; }
.award .text_field {
display: inline-block;
margin-left: 4px; }
.award + .award {
margin-top: 15px; }
.award_category {
display: inline-block;
position: relative; }
.award_category img + img {
width: 25px;
position: absolute;
bottom: -3px;
right: 0; }
.messenger {
width: 100%; }
.messenger > div {
height: 100%; }
.messenger > div:first-child .block-header {
border-right: 4px solid #eee;
border-top-left-radius: 4px; }
.messenger .contacts,
.messenger .chat {
height: 100%; }
.messenger .contacts,
.messenger .messages {
overflow-y: scroll;
flex-grow: 1;
height: 0;
scrollbar-width: thin; }
.messenger .contacts::-webkit-scrollbar, .messenger .contacts::-webkit-scrollbar-track,
.messenger .messages::-webkit-scrollbar,
.messenger .messages::-webkit-scrollbar-track {
background-color: #eee;
width: 4px; }
.messenger .contacts::-webkit-scrollbar-thumb,
.messenger .messages::-webkit-scrollbar-thumb {
background-color: #3174af;
border-radius: 4px; }
.messenger .messages::-webkit-scrollbar, .messenger .messages::-webkit-scrollbar-track {
background-color: #fff; }
.messenger .contacts .row {
transition: opacity 0.3s linear; }
.messenger .contacts .row:hover {
transition: all 0.3s; }
.messenger .contacts .row.selected {
background-color: #dbf1ff;
transition: opacity 0.3s linear; }
.messenger .contacts .row.selected .brief:after {
background-image: -webkit-linear-gradient(right, #dbf1ff 0%, rgba(219, 241, 255, 0) 100%);
background-image: -moz-linear-gradient(right, #dbf1ff 0%, rgba(219, 241, 255, 0) 100%);
background-image: -ms-linear-gradient(right, #dbf1ff 0%, rgba(219, 241, 255, 0) 100%);
background-image: -o-linear-gradient(right, #dbf1ff 0%, rgba(219, 241, 255, 0) 100%);
background-image: linear-gradient(to left, #dbf1ff 0%, rgba(219, 241, 255, 0) 100%); }
.messenger .contacts .user_brief .brief .name {
font-weight: normal; }
.messenger .chat_contact {
border-bottom: 1px solid #eee; }
.messenger .chat_contact .user_brief .userpic {
width: 59px;
height: 59px; }
.messenger .chat_contact .btn-online {
height: 16px;
line-height: 15px; }
.messenger .messages {
overflow-y: auto; }
.messenger .messages .msg {
display: inline-block;
background-color: #f2f6f9;
border-radius: 4px;
line-height: 1.4;
padding: 10px 20px;
position: relative;
vertical-align: top;
max-width: 90%;
word-break: break-word;
white-space: pre-line; }
.messenger .messages .msg.out {
background-color: #dbf1ff; }
.messenger .messages .msg .msg_menu {
color: #eee;
font-size: 22px;
display: none;
position: absolute;
top: 10px; }
.messenger .messages .msg .msg_menu:hover {
color: #5cb85c;
display: inline-block; }
.messenger .messages .msg .info {
color: #aaa;
float: right;
margin-top: auto;
padding-left: 20px; }
.messenger .messages .msg .info .icon-check,
.messenger .messages .msg .info .icon-double_check {
margin-left: 5px;
font-size: 70%; }
.messenger .messages .msg + .msg {
margin-top: 3px; }
.messenger .messages .msg + .content_divider {
margin-top: 20px; }
.messenger .messages .in {
margin-right: auto; }
.messenger .messages .in + .out {
margin-top: 20px; }
.messenger .messages .in:hover .msg_menu {
display: inline-block;
padding-left: 5px;
right: -25px; }
.messenger .messages .out {
margin-left: auto; }
.messenger .messages .out + .in {
margin-top: 20px; }
.messenger .messages .out:hover .msg_menu {
display: inline-block;
padding-right: 5px;
left: -25px; }
.messenger .messages .content_divider {
background: #fff !important; }
.messenger .messages .content_divider:before {
background: #fff; }
.messenger .messages .content_divider > span {
background: #eee;
border-radius: 15px;
padding: 5px 15px; }
.messenger .messages .content_divider + * {
margin-top: 20px; }
.messenger .messages .typing_notice {
color: #5cb85c;
display: inline-block;
font-style: italic;
margin-right: auto;
margin-top: auto;
position: relative;
padding-top: 20px;
padding-right: 25px; }
.messenger .messages .lds-dual-ring + * {
margin-top: 50px; }
.messenger .file {
position: relative; }
.messenger .file img {
width: 100px;
height: 75px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.messenger .file .file_info {
padding: 8px 18px 8px 20px;
overflow: hidden;
white-space: nowrap; }
.messenger .file.msg {
padding: 2px; }
.messenger .upload_container {
margin-bottom: 7px; }
.messenger .upload_container .file {
border: 2px solid #f2f6f9;
border-radius: 4px;
margin-right: 3px;
margin-bottom: 3px; }
.messenger .upload_container .file img {
border-radius: 4px; }
.messenger .upload_container .CircularProgressbar {
width: 100px;
height: 75px;
padding: 5px; }
.messenger .upload_container .CircularProgressbar .CircularProgressbar-text {
font-size: 18px; }
.messenger .online:after {
content: '';
background-color: #5cb85c;
width: 8px;
height: 8px;
position: absolute;
left: 31px;
top: 31px;
border-radius: 50%;
z-index: 1001; }
.messenger .contact_notice {
position: absolute;
right: 0;
bottom: 0; }
.messenger .contact_notice.typing {
right: 10px; }
.messenger .new_msg_count {
background-color: #5cb85c;
color: #fff;
display: inline-block;
font-size: 10px;
height: 17px;
min-width: 17px;
border-radius: 17px;
padding: 4px;
text-align: center; }
.messenger .unset_chat {
margin-left: -20px;
padding-left: 20px;
padding-right: 10px; }
.messenger .arrow {
display: inline-block;
width: 15px;
height: 15px;
border-top: 2px solid #3174af;
border-right: 2px solid #3174af; }
.messenger .arrow:hover {
border-top: 2px solid #5cb85c;
border-right: 2px solid #5cb85c; }
.messenger .arrow-left {
transform: rotate(-135deg); }
.messenger .hover {
transition: none; }
.messenger .hover:hover {
transition: all 0.3s; }
#chat_send_form {
padding: 20px 60px; }
#chat_send_form .editor {
max-height: 200px;
overflow-y: auto;
scrollbar-width: thin; }
#chat_send_form .editor::-webkit-scrollbar, #chat_send_form .editor::-webkit-scrollbar-track {
background-color: #eee;
width: 4px; }
#chat_send_form .editor::-webkit-scrollbar-thumb {
background-color: #3174af; }
#chat_send_form .editor.has_focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
#chat_send_form .rc-upload-disabled:hover {
cursor: inherit; }
#chat_send_form .upload {
position: absolute;
left: 20px;
bottom: 20px; }
#chat_send_form .icon-pencil {
position: absolute;
right: 60px;
bottom: 20px; }
#chat_send_form .icon-tg {
position: absolute;
right: 20px;
bottom: 20px; }
.typing {
position: absolute;
right: 0;
bottom: 0;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #5cb85c;
color: #5cb85c;
animation: typing .5s infinite linear alternate;
animation-delay: .25s; }
.typing:before, .typing:after {
content: '';
display: inline-block;
position: absolute;
top: 0; }
.typing:before {
left: -10px;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #5cb85c;
color: #5cb85c;
animation: typing .5s infinite alternate;
animation-delay: 0s; }
.typing:after {
left: 10px;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #5cb85c;
color: #5cb85c;
animation: typing .5s infinite alternate;
animation-delay: .5s; }
.react_toast {
border-radius: 4px !important;
font-size: 80%;
padding: 10px 30px !important;
max-width: 90% !important; }
.react_toast > div:first-child {
margin-right: 10px; }
.react_toast > div:first-child > div {
width: 16px;
height: 16px; }
.react_toast > div:first-child + div {
margin: 0; }
.react_toast.error {
background: #d9534f;
color: #fff; }
.react_toast.error > div:first-child > div {
border-color: #fff;
border-right-color: #d9534f; }
@keyframes typing {
0% {
background-color: #5cb85c; }
50%,
100% {
background-color: #ebe6ff; } }
/*
react-tooltip
*/
.__react_component_tooltip {
white-space: nowrap; }
/*
@szhsin/react-menu
*/
.szh-menu {
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
width: max-content;
z-index: 100;
border: 1px solid #eee;
border-radius: 4px;
background-color: #fff; }
.szh-menu:focus {
outline: none; }
.szh-menu__arrow {
box-sizing: border-box;
width: 0.75rem;
height: 0.75rem;
background-color: #fff;
border: 1px solid transparent;
border-left-color: rgba(0, 0, 0, 0.1);
border-top-color: rgba(0, 0, 0, 0.1);
z-index: -1; }
.szh-menu__arrow--dir-left {
right: -0.375rem;
transform: translateY(-50%) rotate(135deg); }
.szh-menu__arrow--dir-right {
left: -0.375rem;
transform: translateY(-50%) rotate(-45deg); }
.szh-menu__arrow--dir-top {
bottom: -0.375rem;
transform: translateX(-50%) rotate(-135deg); }
.szh-menu__arrow--dir-bottom {
top: -0.375rem;
transform: translateX(-50%) rotate(45deg); }
.szh-menu__item {
cursor: pointer;
padding: 10px 20px;
white-space: nowrap; }
.szh-menu__item:focus {
outline: none; }
.szh-menu__item--hover {
background-color: #ebebeb; }
.szh-menu__item--focusable {
cursor: default;
background-color: inherit; }
.szh-menu__item--disabled {
cursor: default;
color: #aaa; }
.szh-menu__group {
box-sizing: border-box; }
.szh-menu__radio-group {
margin: 0;
padding: 0;
list-style: none; }
.szh-menu__divider {
height: 1px;
margin: 0.5rem 0;
background-color: rgba(0, 0, 0, 0.12); }
.szh-menu-button {
box-sizing: border-box; }
/*
Spinner
*/
.lds-dual-ring:after {
content: " ";
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
border: 3px solid #3174af;
border-color: #3174af transparent #3174af transparent;
animation: lds-dual-ring 1.2s linear infinite; }
.lds-dual-ring.ring-small:after {
width: 16px;
height: 16px; }
.lds-dual-ring.ring-white:after {
border: 3px solid #fff;
border-color: #fff transparent #fff transparent; }
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
/*
* react-circular-progressbar styles
* All of the styles in this file are configurable!
*/
.CircularProgressbar {
/*
* This fixes an issue where the CircularProgressbar svg has
* 0 width inside a "display: flex" container, and thus not visible.
*/
width: 100%;
/*
* This fixes a centering issue with CircularProgressbarWithChildren:
* https://github.com/kevinsqi/react-circular-progressbar/issues/94
*/
vertical-align: middle; }
.CircularProgressbar .CircularProgressbar-path {
stroke: #3e98c7;
stroke-linecap: round;
-webkit-transition: stroke-dashoffset 0.5s ease 0s;
transition: stroke-dashoffset 0.5s ease 0s; }
.CircularProgressbar .CircularProgressbar-trail {
stroke: #d6d6d6;
/* Used when trail is not full diameter, i.e. when props.circleRatio is set */
stroke-linecap: round; }
.CircularProgressbar .CircularProgressbar-text {
fill: #3e98c7;
font-size: 20px;
dominant-baseline: middle;
text-anchor: middle; }
.CircularProgressbar .CircularProgressbar-background {
fill: #d6d6d6; }
/*
* Sample background styles. Use these with e.g.:
*
* <CircularProgressbar
* className="CircularProgressbar-inverted"
* background
* percentage={50}
* />
*/
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
fill: #3e98c7; }
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
fill: #fff; }
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
stroke: #fff; }
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
stroke: transparent; }
/*
Editor
*/
/*.rdw-editor-toolbar {
> div {
display: flex;
align-items: center;
margin-bottom: 5px;
flex-wrap: wrap;
+ div {
margin-left: 5px;
}
}
}
.rdw-option-wrapper {
padding: 15px 10px;
min-width: 25px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
cursor: pointer;
border-radius: 4px;
&.rdw-option-active {
border-color: $header-bg-color;
box-shadow: 0 2px 4px rgba(51, 122, 183, 0.45) inset;
}
&:hover {
&:not(.rdw-option-active) {
border-color: $header-bg-color;
box-shadow: 0 2px 4px rgba(51, 122, 183, 0.45);
}
}
+ .rdw-option-wrapper {
margin-left: 5px;
}
}
.rdw-editor-main {
max-height: 200px;
overflow-y: auto;
&::-webkit-scrollbar,
&::-webkit-scrollbar-track {
background-color: #eee;
width: 4px;
}
&::-webkit-scrollbar-thumb {
background-color: $header-bg-color;
}
&.has_focus {
border-color: #80bdff;
}
}*/
@media (max-width: 767px) {
.messenger > div:first-child .block-header {
border-right: none;
border-top-left-radius: 0; }
.messenger .contacts {
overflow-y: auto; } }
@media (max-width: 575px) {
#chat_send_form {
padding: 20px 50px; }
#chat_send_form .upload {
left: 10px; }
#chat_send_form .icon-pencil {
right: 50px; }
#chat_send_form .icon-tg {
right: 10px; } }
.hidden {
display: none !important; }
.hidden-empty:empty {
display: none !important; }
@media screen and (max-width: 374px) {
.hidden-xxs-down {
display: none !important; } }
.hidden-xs-up {
display: none !important; }
@media (max-width: 575px) {
.hidden-xs-down {
display: none !important; } }
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important; } }
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important; } }
@media (min-width: 768px) {
.hidden-md-up {
display: none !important; } }
@media (max-width: 991px) {
.hidden-md-down {
display: none !important; } }
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important; } }
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important; } }
.hidden-xl-down {
display: none !important; }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !important; }
.float-xl-none {
float: none !important; } }
.offcanvas .offcanvas-header {
border-bottom: 1px solid #eee;
padding: 20px 30px; }
.offcanvas .offcanvas-body {
padding: 20px 30px; }
.offcanvas .nav-link {
color: #3174af; }
.offcanvas .nav-link:hover {
color: #56c035;
text-decoration: none; }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.85714%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.alert {
line-height: 1.4;
margin-bottom: 20px;
padding: 20px 30px; }
.alert .btn-close {
padding: 20px 30px; }
.alert-success {
background-color: #dff0d8;
border-color: #d0e9c6;
color: #3c763d; }
.alert-success .alert-link {
color: #2b542c; }
.alert-info {
background-color: #d9edf7;
border-color: #bcdff1;
color: #31708f; }
.alert-info .alert-link {
color: #245269; }
.alert-warning {
background-color: #fcf8e3;
border-color: #faf2cc;
color: #8a6d3b; }
.alert-warning .alert-link {
color: #66512c; }
.alert-danger {
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442; }
.alert-danger .alert-link {
color: #843534; }