@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

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

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

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

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

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adobe:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-airbnb:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-bacon:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-battle-net:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

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

.fa-bell:before {
  content: "";
}

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

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

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

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-medical:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bootstrap:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-bread-slice:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-buffer:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

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

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

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

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

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

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

.fa-cc-jcb:before {
  content: "";
}

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

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

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

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

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

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

.fa-chart-bar:before {
  content: "";
}

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

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

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-cheese:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-chromecast:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-clinic-medical:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-medical:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-crutch:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-egg:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

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

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-evernote:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-alt:before {
  content: "";
}

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

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

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

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

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

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hamburger:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-middle-finger:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hard-hat:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-haykal:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotdog:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-cream:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itch-io:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laptop-medical:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

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

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

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

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

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

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

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-nintendo-switch:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-pager:before {
  content: "";
}

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

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-pepper-hot:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-php:before {
  content: "";
}

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

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

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

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

.fa-pinterest-square:before {
  content: "";
}

.fa-pizza-slice:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

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

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-salesforce:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

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

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

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

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

.fa-speakap:before {
  content: "";
}

.fa-speaker-deck:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-stackpath:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

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

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

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

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

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

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-symfony:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

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

.fa-tenge:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

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

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

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

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

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-trash-restore:before {
  content: "";
}

.fa-trash-restore-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-nurse:before {
  content: "";
}

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

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

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

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

.fa-users:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

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

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

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-wave-square:before {
  content: "";
}

.fa-waze:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yammer:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

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

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

/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/css/fontawesome-free-5.8.2-web/webfonts/fa-solid-900.eot");
  src: url("/css/fontawesome-free-5.8.2-web/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-solid-900.woff2") format("woff2"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-solid-900.woff") format("woff"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-solid-900.ttf") format("truetype"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/css/fontawesome-free-5.8.2-web/webfonts/fa-regular-400.eot");
  src: url("/css/fontawesome-free-5.8.2-web/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-regular-400.woff2") format("woff2"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-regular-400.woff") format("woff"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-regular-400.ttf") format("truetype"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/css/fontawesome-free-5.8.2-web/webfonts/fa-brands-400.eot");
  src: url("/css/fontawesome-free-5.8.2-web/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-brands-400.woff2") format("woff2"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-brands-400.woff") format("woff"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-brands-400.ttf") format("truetype"), url("/css/fontawesome-free-5.8.2-web/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
}

.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: " ";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ad.svg);
}

.flag-icon-ae {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ae.svg);
}

.flag-icon-af {
  background-image: url(/css/flag-icon-css-master/flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/af.svg);
}

.flag-icon-ag {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ag.svg);
}

.flag-icon-ai {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ai.svg);
}

.flag-icon-al {
  background-image: url(/css/flag-icon-css-master/flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/al.svg);
}

.flag-icon-am {
  background-image: url(/css/flag-icon-css-master/flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/am.svg);
}

.flag-icon-ao {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ao.svg);
}

.flag-icon-aq {
  background-image: url(/css/flag-icon-css-master/flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/aq.svg);
}

.flag-icon-ar {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ar.svg);
}

.flag-icon-as {
  background-image: url(/css/flag-icon-css-master/flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/as.svg);
}

.flag-icon-at {
  background-image: url(/css/flag-icon-css-master/flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/at.svg);
}

.flag-icon-au {
  background-image: url(/css/flag-icon-css-master/flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/au.svg);
}

.flag-icon-aw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/aw.svg);
}

.flag-icon-ax {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ax.svg);
}

.flag-icon-az {
  background-image: url(/css/flag-icon-css-master/flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/az.svg);
}

.flag-icon-ba {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ba.svg);
}

.flag-icon-bb {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bb.svg);
}

.flag-icon-bd {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bd.svg);
}

.flag-icon-be {
  background-image: url(/css/flag-icon-css-master/flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/be.svg);
}

.flag-icon-bf {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bf.svg);
}

.flag-icon-bg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bg.svg);
}

.flag-icon-bh {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bh.svg);
}

.flag-icon-bi {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bi.svg);
}

.flag-icon-bj {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bj.svg);
}

.flag-icon-bl {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bl.svg);
}

.flag-icon-bm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bm.svg);
}

.flag-icon-bn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bn.svg);
}

.flag-icon-bo {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bo.svg);
}

.flag-icon-bq {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bq.svg);
}

.flag-icon-br {
  background-image: url(/css/flag-icon-css-master/flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/br.svg);
}

.flag-icon-bs {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bs.svg);
}

.flag-icon-bt {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bt.svg);
}

.flag-icon-bv {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bv.svg);
}

.flag-icon-bw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bw.svg);
}

.flag-icon-by {
  background-image: url(/css/flag-icon-css-master/flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/by.svg);
}

.flag-icon-bz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/bz.svg);
}

.flag-icon-ca {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ca.svg);
}

.flag-icon-cc {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cc.svg);
}

.flag-icon-cd {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cd.svg);
}

.flag-icon-cf {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cf.svg);
}

.flag-icon-cg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cg.svg);
}

.flag-icon-ch {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ch.svg);
}

.flag-icon-ci {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ci.svg);
}

.flag-icon-ck {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ck.svg);
}

.flag-icon-cl {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cl.svg);
}

.flag-icon-cm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cm.svg);
}

.flag-icon-cn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cn.svg);
}

.flag-icon-co {
  background-image: url(/css/flag-icon-css-master/flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/co.svg);
}

.flag-icon-cr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cr.svg);
}

.flag-icon-cu {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cu.svg);
}

.flag-icon-cv {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cv.svg);
}

.flag-icon-cw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cw.svg);
}

.flag-icon-cx {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cx.svg);
}

.flag-icon-cy {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cy.svg);
}

.flag-icon-cz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/cz.svg);
}

.flag-icon-de {
  background-image: url(/css/flag-icon-css-master/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/de.svg);
}

.flag-icon-dj {
  background-image: url(/css/flag-icon-css-master/flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/dj.svg);
}

.flag-icon-dk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/dk.svg);
}

.flag-icon-dm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/dm.svg);
}

.flag-icon-do {
  background-image: url(/css/flag-icon-css-master/flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/do.svg);
}

.flag-icon-dz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/dz.svg);
}

.flag-icon-ec {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ec.svg);
}

.flag-icon-ee {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ee.svg);
}

.flag-icon-eg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/eg.svg);
}

.flag-icon-eh {
  background-image: url(/css/flag-icon-css-master/flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/eh.svg);
}

.flag-icon-er {
  background-image: url(/css/flag-icon-css-master/flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/er.svg);
}

.flag-icon-es {
  background-image: url(/css/flag-icon-css-master/flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/es.svg);
}

.flag-icon-et {
  background-image: url(/css/flag-icon-css-master/flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/et.svg);
}

.flag-icon-fi {
  background-image: url(/css/flag-icon-css-master/flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/fi.svg);
}

.flag-icon-fj {
  background-image: url(/css/flag-icon-css-master/flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/fj.svg);
}

.flag-icon-fk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/fk.svg);
}

.flag-icon-fm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/fm.svg);
}

.flag-icon-fo {
  background-image: url(/css/flag-icon-css-master/flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/fo.svg);
}

.flag-icon-fr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/fr.svg);
}

.flag-icon-ga {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ga.svg);
}

.flag-icon-gb {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gb.svg);
}

.flag-icon-gd {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gd.svg);
}

.flag-icon-ge {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ge.svg);
}

.flag-icon-gf {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gf.svg);
}

.flag-icon-gg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gg.svg);
}

.flag-icon-gh {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gh.svg);
}

.flag-icon-gi {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gi.svg);
}

.flag-icon-gl {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gl.svg);
}

.flag-icon-gm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gm.svg);
}

.flag-icon-gn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gn.svg);
}

.flag-icon-gp {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gp.svg);
}

.flag-icon-gq {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gq.svg);
}

.flag-icon-gr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gr.svg);
}

.flag-icon-gs {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gs.svg);
}

.flag-icon-gt {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gt.svg);
}

.flag-icon-gu {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gu.svg);
}

.flag-icon-gw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gw.svg);
}

.flag-icon-gy {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gy.svg);
}

.flag-icon-hk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/hk.svg);
}

.flag-icon-hm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/hm.svg);
}

.flag-icon-hn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/hn.svg);
}

.flag-icon-hr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/hr.svg);
}

.flag-icon-ht {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ht.svg);
}

.flag-icon-hu {
  background-image: url(/css/flag-icon-css-master/flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/hu.svg);
}

.flag-icon-id {
  background-image: url(/css/flag-icon-css-master/flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/id.svg);
}

.flag-icon-ie {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ie.svg);
}

.flag-icon-il {
  background-image: url(/css/flag-icon-css-master/flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/il.svg);
}

.flag-icon-im {
  background-image: url(/css/flag-icon-css-master/flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/im.svg);
}

.flag-icon-in {
  background-image: url(/css/flag-icon-css-master/flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/in.svg);
}

.flag-icon-io {
  background-image: url(/css/flag-icon-css-master/flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/io.svg);
}

.flag-icon-iq {
  background-image: url(/css/flag-icon-css-master/flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/iq.svg);
}

.flag-icon-ir {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ir.svg);
}

.flag-icon-is {
  background-image: url(/css/flag-icon-css-master/flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/is.svg);
}

.flag-icon-it {
  background-image: url(/css/flag-icon-css-master/flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/it.svg);
}

.flag-icon-je {
  background-image: url(/css/flag-icon-css-master/flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/je.svg);
}

.flag-icon-jm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/jm.svg);
}

.flag-icon-jo {
  background-image: url(/css/flag-icon-css-master/flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/jo.svg);
}

.flag-icon-jp {
  background-image: url(/css/flag-icon-css-master/flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/jp.svg);
}

.flag-icon-ke {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ke.svg);
}

.flag-icon-kg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/kg.svg);
}

.flag-icon-kh {
  background-image: url(/css/flag-icon-css-master/flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/kh.svg);
}

.flag-icon-ki {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ki.svg);
}

.flag-icon-km {
  background-image: url(/css/flag-icon-css-master/flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/km.svg);
}

.flag-icon-kn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/kn.svg);
}

.flag-icon-kp {
  background-image: url(/css/flag-icon-css-master/flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/kp.svg);
}

.flag-icon-kr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/kr.svg);
}

.flag-icon-kw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/kw.svg);
}

.flag-icon-ky {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ky.svg);
}

.flag-icon-kz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/kz.svg);
}

.flag-icon-la {
  background-image: url(/css/flag-icon-css-master/flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/la.svg);
}

.flag-icon-lb {
  background-image: url(/css/flag-icon-css-master/flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/lb.svg);
}

.flag-icon-lc {
  background-image: url(/css/flag-icon-css-master/flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/lc.svg);
}

.flag-icon-li {
  background-image: url(/css/flag-icon-css-master/flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/li.svg);
}

.flag-icon-lk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/lk.svg);
}

.flag-icon-lr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/lr.svg);
}

.flag-icon-ls {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ls.svg);
}

.flag-icon-lt {
  background-image: url(/css/flag-icon-css-master/flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/lt.svg);
}

.flag-icon-lu {
  background-image: url(/css/flag-icon-css-master/flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/lu.svg);
}

.flag-icon-lv {
  background-image: url(/css/flag-icon-css-master/flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/lv.svg);
}

.flag-icon-ly {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ly.svg);
}

.flag-icon-ma {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ma.svg);
}

.flag-icon-mc {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mc.svg);
}

.flag-icon-md {
  background-image: url(/css/flag-icon-css-master/flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/md.svg);
}

.flag-icon-me {
  background-image: url(/css/flag-icon-css-master/flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/me.svg);
}

.flag-icon-mf {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mf.svg);
}

.flag-icon-mg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mg.svg);
}

.flag-icon-mh {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mh.svg);
}

.flag-icon-mk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mk.svg);
}

.flag-icon-ml {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ml.svg);
}

.flag-icon-mm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mm.svg);
}

.flag-icon-mn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mn.svg);
}

.flag-icon-mo {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mo.svg);
}

.flag-icon-mp {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mp.svg);
}

.flag-icon-mq {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mq.svg);
}

.flag-icon-mr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mr.svg);
}

.flag-icon-ms {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ms.svg);
}

.flag-icon-mt {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mt.svg);
}

.flag-icon-mu {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mu.svg);
}

.flag-icon-mv {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mv.svg);
}

.flag-icon-mw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mw.svg);
}

.flag-icon-mx {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mx.svg);
}

.flag-icon-my {
  background-image: url(/css/flag-icon-css-master/flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/my.svg);
}

.flag-icon-mz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/mz.svg);
}

.flag-icon-na {
  background-image: url(/css/flag-icon-css-master/flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/na.svg);
}

.flag-icon-nc {
  background-image: url(/css/flag-icon-css-master/flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/nc.svg);
}

.flag-icon-ne {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ne.svg);
}

.flag-icon-nf {
  background-image: url(/css/flag-icon-css-master/flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/nf.svg);
}

.flag-icon-ng {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ng.svg);
}

.flag-icon-ni {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ni.svg);
}

.flag-icon-nl {
  background-image: url(/css/flag-icon-css-master/flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/nl.svg);
}

.flag-icon-no {
  background-image: url(/css/flag-icon-css-master/flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/no.svg);
}

.flag-icon-np {
  background-image: url(/css/flag-icon-css-master/flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/np.svg);
}

.flag-icon-nr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/nr.svg);
}

.flag-icon-nu {
  background-image: url(/css/flag-icon-css-master/flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/nu.svg);
}

.flag-icon-nz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/nz.svg);
}

.flag-icon-om {
  background-image: url(/css/flag-icon-css-master/flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/om.svg);
}

.flag-icon-pa {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pa.svg);
}

.flag-icon-pe {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pe.svg);
}

.flag-icon-pf {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pf.svg);
}

.flag-icon-pg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pg.svg);
}

.flag-icon-ph {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ph.svg);
}

.flag-icon-pk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pk.svg);
}

.flag-icon-pl {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pl.svg);
}

.flag-icon-pm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pm.svg);
}

.flag-icon-pn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pn.svg);
}

.flag-icon-pr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pr.svg);
}

.flag-icon-ps {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ps.svg);
}

.flag-icon-pt {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pt.svg);
}

.flag-icon-pw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/pw.svg);
}

.flag-icon-py {
  background-image: url(/css/flag-icon-css-master/flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/py.svg);
}

.flag-icon-qa {
  background-image: url(/css/flag-icon-css-master/flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/qa.svg);
}

.flag-icon-re {
  background-image: url(/css/flag-icon-css-master/flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/re.svg);
}

.flag-icon-ro {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ro.svg);
}

.flag-icon-rs {
  background-image: url(/css/flag-icon-css-master/flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/rs.svg);
}

.flag-icon-ru {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ru.svg);
}

.flag-icon-rw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/rw.svg);
}

.flag-icon-sa {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sa.svg);
}

.flag-icon-sb {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sb.svg);
}

.flag-icon-sc {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sc.svg);
}

.flag-icon-sd {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sd.svg);
}

.flag-icon-se {
  background-image: url(/css/flag-icon-css-master/flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/se.svg);
}

.flag-icon-sg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sg.svg);
}

.flag-icon-sh {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sh.svg);
}

.flag-icon-si {
  background-image: url(/css/flag-icon-css-master/flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/si.svg);
}

.flag-icon-sj {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sj.svg);
}

.flag-icon-sk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sk.svg);
}

.flag-icon-sl {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sl.svg);
}

.flag-icon-sm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sm.svg);
}

.flag-icon-sn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sn.svg);
}

.flag-icon-so {
  background-image: url(/css/flag-icon-css-master/flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/so.svg);
}

.flag-icon-sr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sr.svg);
}

.flag-icon-ss {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ss.svg);
}

.flag-icon-st {
  background-image: url(/css/flag-icon-css-master/flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/st.svg);
}

.flag-icon-sv {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sv.svg);
}

.flag-icon-sx {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sx.svg);
}

.flag-icon-sy {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sy.svg);
}

.flag-icon-sz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/sz.svg);
}

.flag-icon-tc {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tc.svg);
}

.flag-icon-td {
  background-image: url(/css/flag-icon-css-master/flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/td.svg);
}

.flag-icon-tf {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tf.svg);
}

.flag-icon-tg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tg.svg);
}

.flag-icon-th {
  background-image: url(/css/flag-icon-css-master/flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/th.svg);
}

.flag-icon-tj {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tj.svg);
}

.flag-icon-tk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tk.svg);
}

.flag-icon-tl {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tl.svg);
}

.flag-icon-tm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tm.svg);
}

.flag-icon-tn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tn.svg);
}

.flag-icon-to {
  background-image: url(/css/flag-icon-css-master/flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/to.svg);
}

.flag-icon-tr {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tr.svg);
}

.flag-icon-tt {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tt.svg);
}

.flag-icon-tv {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tv.svg);
}

.flag-icon-tw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tw.svg);
}

.flag-icon-tz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/tz.svg);
}

.flag-icon-ua {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ua.svg);
}

.flag-icon-ug {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ug.svg);
}

.flag-icon-um {
  background-image: url(/css/flag-icon-css-master/flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/um.svg);
}

.flag-icon-us {
  background-image: url(/css/flag-icon-css-master/flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/us.svg);
}

.flag-icon-uy {
  background-image: url(/css/flag-icon-css-master/flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/uy.svg);
}

.flag-icon-uz {
  background-image: url(/css/flag-icon-css-master/flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/uz.svg);
}

.flag-icon-va {
  background-image: url(/css/flag-icon-css-master/flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/va.svg);
}

.flag-icon-vc {
  background-image: url(/css/flag-icon-css-master/flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/vc.svg);
}

.flag-icon-ve {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ve.svg);
}

.flag-icon-vg {
  background-image: url(/css/flag-icon-css-master/flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/vg.svg);
}

.flag-icon-vi {
  background-image: url(/css/flag-icon-css-master/flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/vi.svg);
}

.flag-icon-vn {
  background-image: url(/css/flag-icon-css-master/flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/vn.svg);
}

.flag-icon-vu {
  background-image: url(/css/flag-icon-css-master/flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/vu.svg);
}

.flag-icon-wf {
  background-image: url(/css/flag-icon-css-master/flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/wf.svg);
}

.flag-icon-ws {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ws.svg);
}

.flag-icon-ye {
  background-image: url(/css/flag-icon-css-master/flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/ye.svg);
}

.flag-icon-yt {
  background-image: url(/css/flag-icon-css-master/flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/yt.svg);
}

.flag-icon-za {
  background-image: url(/css/flag-icon-css-master/flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/za.svg);
}

.flag-icon-zm {
  background-image: url(/css/flag-icon-css-master/flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/zm.svg);
}

.flag-icon-zw {
  background-image: url(/css/flag-icon-css-master/flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/zw.svg);
}

.flag-icon-es-ct {
  background-image: url(/css/flag-icon-css-master/flags/4x3/es-ct.svg);
}
.flag-icon-es-ct.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/es-ct.svg);
}

.flag-icon-eu {
  background-image: url(/css/flag-icon-css-master/flags/4x3/eu.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/eu.svg);
}

.flag-icon-gb-eng {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gb-eng.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gb-eng.svg);
}

.flag-icon-gb-nir {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gb-nir.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gb-nir.svg);
}

.flag-icon-gb-sct {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gb-sct.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gb-sct.svg);
}

.flag-icon-gb-wls {
  background-image: url(/css/flag-icon-css-master/flags/4x3/gb-wls.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/gb-wls.svg);
}

.flag-icon-un {
  background-image: url(/css/flag-icon-css-master/flags/4x3/un.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/un.svg);
}

.flag-icon-xk {
  background-image: url(/css/flag-icon-css-master/flags/4x3/xk.svg);
}
.flag-icon-xk.flag-icon-squared {
  background-image: url(/css/flag-icon-css-master/flags/1x1/xk.svg);
}

* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-family: arial;
  line-height: 1.4;
}

a {
  text-decoration: none;
  cursor: pointer;
  font-size: 11px;
}

a:visited {
  color: #808080;
}

a {
  color: #026dc0;
}

a:hover {
  color: #8c0400;
}

ul {
  list-style: none;
}

section {
  width: 100%;
  display: flex;
  justify-content: center;
}

section > div {
  padding: 0 15px;
  max-width: 1200px;
  width: 100%;
}

button {
  cursor: pointer;
  border-radius: 2px;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  text-align: center;
  white-space: nowrap;
  background: -webkit-linear-gradient(top, #5fbd37, #4ea828);
  font-weight: bold;
  font-size: 15px;
  outline: 0;
}

button:hover {
  background: -webkit-linear-gradient(top, #7ecd57, #6fbd48);
  border-bottom-color: #63a93f;
}

button:focus {
  outline: 0;
}

button:disabled {
  background: gray;
  cursor: auto;
  border: none;
}

button:hover:disabled {
  background: gray;
  cursor: auto;
  border: none;
}

a.btn {
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  text-align: center;
  white-space: nowrap;
  background: -webkit-linear-gradient(top, #5fbd37, #4ea828);
  font-weight: bold;
  font-size: 15px;
  outline: 0;
}

a.btn:hover {
  background: -webkit-linear-gradient(top, #7ecd57, #6fbd48);
  border-bottom-color: #63a93f;
}

a.btn:focus {
  outline: 0;
}

a.btn:disabled {
  background: gray;
  cursor: auto;
  border: none;
}

a.btn:hover:disabled {
  background: gray;
  cursor: auto;
  border: none;
}

input[type~=text],
input[type~=password],
input[type~=email],
textarea {
  height: 27px;
  width: 100%;
  outline: 0;
  border-bottom: 1px solid #bdc0c1;
  border-top: 1px solid #888c8f;
  border-left: 1px solid #a2a6a8;
  border-right: 1px solid #a2a6a8;
  padding: 1px 5px;
}

textarea {
  display: block;
  height: 100px;
}

input:focus, textarea:focus {
  border-bottom: 1px solid #ffd500;
  border-top: 1px solid #dfa100;
  border-left: 1px solid #ffc300;
  border-right: 1px solid #ffc300;
}

input[type=checkbox] {
  width: fit-content;
}

input[type=radio] {
  width: 15px;
  margin-right: 5px;
}

select {
  font-size: 13px;
  outline: 0;
  background: white;
  height: 27px;
  border-bottom: 1px solid #bdc0c1;
  border-top: 1px solid #888c8f;
  border-left: 1px solid #a2a6a8;
  border-right: 1px solid #a2a6a8;
  padding: 1px 5px;
}

select:focus {
  border-bottom: 1px solid #ffd500;
  border-top: 1px solid #dfa100;
  border-left: 1px solid #ffc300;
  border-right: 1px solid #ffc300;
}

.buttonPublish a {
  white-space: nowrap;
  text-align: right;
  padding: 10px;
  background: -webkit-linear-gradient(top, #db9c09, #dc7b12);
  border-bottom: 1px solid #dc551b;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  border-radius: 2px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.buttonPublish a:hover {
  background: -webkit-linear-gradient(top, #e39c16, #e39000);
}

ul.pagination {
  display: flex;
  flex-wrap: wrap;
}
ul.pagination li a {
  display: block;
  margin: 5px;
  border: 1px solid #e6e6e6;
  padding: 5px;
}
ul.pagination li.active a {
  background: #e6e6e6;
}

.FreelancersPortfolioMenu {
  display: flex;
}
.FreelancersPortfolioMenu > div {
  margin: 5px;
  padding: 5px;
}
.FreelancersPortfolioMenu > div a {
  font-size: 15px;
  display: block;
  padding: 10px 0;
  color: #323232;
}
.FreelancersPortfolioMenu > div a:hover {
  color: #55b12e;
}
.FreelancersPortfolioMenu > div a.active {
  color: #55b12e;
  font-weight: bold;
  border-bottom: 4px solid #55b12e;
}

.react-datepicker__day--selected, .react-datepicker__day--keyboard-selected {
  background: green !important;
}

.dateImg,
.viewsImg,
.bidsImg {
  font-size: 11px;
}
.dateImg i,
.viewsImg i,
.bidsImg i {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  margin-right: 5px;
}

.preloader {
  z-index: 9999999;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preloader .background {
  width: 100%;
  height: 100%;
  border: 2px solid green;
  position: absolute;
  background: #eee;
  opacity: 0.1;
}
.preloader img {
  z-index: 1;
}

.submitError {
  padding: 5px;
  color: red;
  font-weight: normal;
}

.require {
  color: red;
  font-weight: bold;
  margin: 2px;
  font-size: 16px;
}

.red {
  color: red;
}

.positive a {
  color: #5DA23E;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
}
.positive a:hover {
  text-decoration: none;
}

.neutral a {
  color: #666;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
  margin: 0 5px;
}
.neutral a:hover {
  text-decoration: none;
}

.negative a {
  color: #c10600;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
}
.negative a:hover {
  text-decoration: none;
}

.error {
  color: red;
  font-size: 13px;
  padding: 2px;
}

.submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}

.submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}

.submitErr {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}

.submitSuccess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}

.errorDialogBorder {
  border: 2px solid red !important;
}

.tox {
  z-index: 99999999 !important;
}
.tox .tox-tbtn {
  width: 20px !important;
  height: 20px !important;
  margin-right: 5px !important;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  border-bottom: 2px solid;
}

html, body {
  height: 100%;
}

#root {
  height: 100%;
}
#root > div {
  height: 100%;
}
#root > div > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#root > div > div > .content,
#root > div > div > .Login,
#root > div > div > .FreelancersLogged,
#root > div > div > .FreelancersUnlogged,
#root > div > div > .ProjectsUnlogged,
#root > div > div > .ProjectsLogged,
#root > div > div > .HomeUnlogged,
#root > div > div > .PortfolioUnlogged,
#root > div > div > .PortfolioLogged,
#root > div > div > .Registration,
#root > div > div > .Recover,
#root > div > div > .UsersPortfolioLogged,
#root > div > div > .UsersPortfolioLoggedAuthorEdit,
#root > div > div > .UsersPortfolioLoggedAuthorView,
#root > div > div > .UsersPortfolioLoggedNotAuthor,
#root > div > div > .UsersPortfolioUnlogged,
#root > div > div > .UsersPortfolioIdUnlogged,
#root > div > div > .UsersInfoUnlogged,
#root > div > div > .UsersSettingsMain,
#root > div > div > .UsersSettingsDelete,
#root > div > div > .UsersInfoLogged,
#root > div > div > .UsersInfoLoggedAuthorEdit,
#root > div > div > .UsersInfoLoggedAuthorView,
#root > div > div > .UsersInfoLoggedNotAuthor,
#root > div > div > .UsersReviewsLoggedAuthorEdit,
#root > div > div > .UsersReviewsLoggedAuthorView,
#root > div > div > .UsersReviewsLoggedNotAuthor,
#root > div > div > .UsersReviewsUnlogged,
#root > div > div > .UsersProjectsLoggedAuthorEdit,
#root > div > div > .UsersProjectsLoggedAuthorView,
#root > div > div > .UsersProjectsLoggedNotAuthor,
#root > div > div > .UsersProjectsUnlogged,
#root > div > div > .UsersProjectsLoggedAuthor,
#root > div > div > .Messages,
#root > div > div > .MessagesIdLogged,
#root > div > div > .MyProjects,
#root > div > div > .Offers,
#root > div > div > .Orders,
#root > div > div > .SiteRules,
#root > div > div > .Confirmation,
#root > div > div > .UsersPortfolioIdLogged,
#root > div > div > .OrdersIdLoggedAuthor,
#root > div > div > .ProjectsId,
#root > div > div > .OfferOrderIdLogged,
#root > div > div > .OfferOrderIdLoggedReward,
#root > div > div > .OfferOrderIdUnlogged,
#root > div > div > .ProjectsIdLoggedAuthor,
#root > div > div > .ProjectsIdLoggedNotAuthor,
#root > div > div > .ProjectsIdUnLogged,
#root > div > div > .PublishLogged,
#root > div > div > .PublishLoggedEdit,
#root > div > div > .PublishUnLogged {
  flex: 1 0 auto;
}

.bestFreelancers > .listBestFreelancers > .freelancer > .description img,
.statusBlock > .statusDescription img {
  max-width: 100%;
}

.outputTagText,
.ProjectsIdLoggedNotAuthor > div > div.project > div.yourOffer > div.descriptionBlock > div > div.message > div.messageDescription.outputTagText,
.ProjectsIdLoggedAuthor > div > div.project > div.offer > div.descriptionAndPortfolio > div.description > div.message > div.messageDescription.outputTagText,
.ProjectsIdLoggedAuthor > div > div.project > div:nth-child(1) > div.description.outputTagText,
.ProjectsIdLoggedNotAuthor > div > div.project > div.description.outputTagText,
.ProjectsIdUnLogged > div > div.project > div.description.outputTagText {
  font-size: 15px;
}
.outputTagText a,
.ProjectsIdLoggedNotAuthor > div > div.project > div.yourOffer > div.descriptionBlock > div > div.message > div.messageDescription.outputTagText a,
.ProjectsIdLoggedAuthor > div > div.project > div.offer > div.descriptionAndPortfolio > div.description > div.message > div.messageDescription.outputTagText a,
.ProjectsIdLoggedAuthor > div > div.project > div:nth-child(1) > div.description.outputTagText a,
.ProjectsIdLoggedNotAuthor > div > div.project > div.description.outputTagText a,
.ProjectsIdUnLogged > div > div.project > div.description.outputTagText a {
  font-size: 15px;
}
.outputTagText h1,
.ProjectsIdLoggedNotAuthor > div > div.project > div.yourOffer > div.descriptionBlock > div > div.message > div.messageDescription.outputTagText h1,
.ProjectsIdLoggedAuthor > div > div.project > div.offer > div.descriptionAndPortfolio > div.description > div.message > div.messageDescription.outputTagText h1,
.ProjectsIdLoggedAuthor > div > div.project > div:nth-child(1) > div.description.outputTagText h1,
.ProjectsIdLoggedNotAuthor > div > div.project > div.description.outputTagText h1,
.ProjectsIdUnLogged > div > div.project > div.description.outputTagText h1 {
  margin: 0;
}
.outputTagText ul,
.ProjectsIdLoggedNotAuthor > div > div.project > div.yourOffer > div.descriptionBlock > div > div.message > div.messageDescription.outputTagText ul,
.ProjectsIdLoggedAuthor > div > div.project > div.offer > div.descriptionAndPortfolio > div.description > div.message > div.messageDescription.outputTagText ul,
.ProjectsIdLoggedAuthor > div > div.project > div:nth-child(1) > div.description.outputTagText ul,
.ProjectsIdLoggedNotAuthor > div > div.project > div.description.outputTagText ul,
.ProjectsIdUnLogged > div > div.project > div.description.outputTagText ul {
  list-style: disc;
  margin-left: 20px;
  font-size: 13px;
}
.outputTagText ul li,
.ProjectsIdLoggedNotAuthor > div > div.project > div.yourOffer > div.descriptionBlock > div > div.message > div.messageDescription.outputTagText ul li,
.ProjectsIdLoggedAuthor > div > div.project > div.offer > div.descriptionAndPortfolio > div.description > div.message > div.messageDescription.outputTagText ul li,
.ProjectsIdLoggedAuthor > div > div.project > div:nth-child(1) > div.description.outputTagText ul li,
.ProjectsIdLoggedNotAuthor > div > div.project > div.description.outputTagText ul li,
.ProjectsIdUnLogged > div > div.project > div.description.outputTagText ul li {
  line-height: 1;
}

#imageTemp {
  display: none;
}

.online {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

.link {
  border: none;
  background: none;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  color: #0f71c8;
}

.link:hover {
  background: none;
  color: #8c0400;
}

.flex-grid {
  display: flex;
}

.col {
  flex: 1;
}

@media (max-width: 800px) {
  .flex-grid {
    flex-wrap: wrap;
  }
}
@media (max-width: 400px) {
  .flex-grid {
    flex-direction: column;
  }
}
.flexContainer {
  display: flex;
}

.flexItem {
  flex: 1;
}

.flex-start {
  justify-content: flex-start;
}

.flex-end {
  justify-content: flex-end;
}

.nowrap {
  flex-wrap: nowrap;
}

.wrap {
  flex-wrap: wrap;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.a-i-center {
  align-items: center;
}

.a-i-flex-start {
  align-items: flex-start;
}

.a-i-flex-end {
  align-items: flex-end;
}

.j-c-flex-start {
  justify-content: flex-start;
}

.j-c-flex-end {
  justify-content: flex-end;
}

.header {
  background: #10BD44;
}

.header > div {
  max-width: 1200px;
  min-height: 50px;
  margin: auto;
}
.header > div .navigation {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.header > div .navigation > .logo {
  width: 74px;
}
.header > div .navigation > .logo a img {
  width: 50px;
  height: 50px;
  position: absolute;
}
.header > div .navigation .navbar-toggle {
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  font-size: 24px;
  display: none;
}
.header > div .navigation .left {
  display: flex;
  flex: 1;
}
.header > div .navigation .right {
  display: flex;
}
.header > div .navigation .right .lang-menu {
  position: absolute;
  background: grey;
  display: none;
  z-index: 1;
}
.header > div .navigation .right .lang-menu .langButton {
  border: none;
  background: none;
  padding: 0;
  margin: 10px 10px;
}
.header > div .navigation .right .lang-menu.active {
  display: flex;
  flex-wrap: wrap;
}
.header > div .navigation ul {
  list-style-type: none;
  margin: 0px;
}
.header > div .navigation ul li {
  text-align: center;
}
.header > div .navigation a {
  white-space: nowrap;
  margin: 0 10px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 50px;
  font-weight: bold;
  color: #fff;
}
.header > div .navigation a:hover {
  color: #fff000;
}
.header > div .navigation a.active {
  color: #fff000;
}
.header > div .navigation .profile {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header > div .navigation .profile img {
  width: 40px;
  border: 3px solid orange;
  border-radius: 50%;
  margin-left: 10px;
  cursor: pointer;
}
.header > div .navigation .profile img:hover + i {
  opacity: 1;
}
.header > div .navigation .profile i {
  padding-top: 1px;
  color: white;
  background: orange;
  margin: 10px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.9;
  cursor: pointer;
}
.header > div .navigation .profile i:hover + img {
  opacity: 1;
}
.header > div .navigation .profile i:hover {
  opacity: 1;
}
.header > div .navigation .profile ul {
  position: absolute;
  bottom: -120px;
  right: 0;
  z-index: 1;
}
.header > div .navigation .profile ul li {
  height: 40px;
  background: white;
  border: 1px solid #eee;
  display: flex;
  align-items: center;
}
.header > div .navigation .profile ul li a {
  color: #5cb934;
  padding: 0 20px;
  margin: 0px;
  font-size: 14px;
  white-space: nowrap;
}
.header > div .navigation .profile ul li:hover {
  background: #eee;
}
.header > div .navigation .messages {
  position: relative;
}
.header > div .navigation .messages .numberOfNewPrivateMessages {
  position: absolute;
  top: -12px;
  right: 50%;
  background: #E94E4E;
  border-radius: 50%;
  padding: 3px;
  font-size: 11px;
}
.header > div .navigation .messages .numberOfNewPrivateMessages:hover {
  background: #c04646;
}
.header > div .navigation .myprojects {
  position: relative;
}
.header > div .navigation .myprojects .numberOfNewMyProjectsOffers {
  position: absolute;
  top: -12px;
  right: 33%;
  background: #E94E4E;
  border-radius: 50%;
  padding: 3px;
  font-size: 11px;
}
.header > div .navigation .myprojects .numberOfNewMyProjectsOffers:hover {
  background: #c04646;
}
.header > div .navigation .myprojects .numberOfNewMyProjectsOffersMessages {
  position: absolute;
  top: -12px;
  right: 66%;
  background: #E94E4E;
  border-radius: 50%;
  padding: 3px;
  font-size: 11px;
}
.header > div .navigation .myprojects .numberOfNewMyProjectsOffersMessages:hover {
  background: #c04646;
}
.header > div .navigation .offers {
  position: relative;
}
.header > div .navigation .offers .numberOfNewOffersMessages {
  position: absolute;
  top: -12px;
  right: 50%;
  background: #E94E4E;
  border-radius: 50%;
  padding: 3px;
  font-size: 11px;
}
.header > div .navigation .offers .numberOfNewOffersMessages:hover {
  background: #c04646;
}
.header > div .navigation .orders {
  position: relative;
}
.header > div .navigation .orders .numberOfNewOrders {
  position: absolute;
  top: -12px;
  right: 20%;
  background: #E94E4E;
  border-radius: 50%;
  padding: 3px;
  font-size: 11px;
}
.header > div .navigation .orders .numberOfNewOrders:hover {
  background: #c04646;
}
.header > div .navigation .orders .numberOfNewOrdersMessages {
  position: absolute;
  top: -12px;
  right: 70%;
  background: #E94E4E;
  border-radius: 50%;
  padding: 3px;
  font-size: 11px;
}
.header > div .navigation .orders .numberOfNewOrdersMessages:hover {
  background: #c04646;
}
.header > div .navbar-toggle1 {
  display: none;
}
.header > div .navbar-toggle1 .dnavbar-toggle1 {
  margin: 0 10px;
  cursor: pointer;
}
.header > div .menu {
  display: none;
}
.header > div .menu .logo a img {
  width: 50px;
}

@media (max-width: 1150px) {
  .header > div .logged.navigation .navbar-toggle1 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 30px;
  }
  .header > div .logged.navigation .left .portfolio {
    display: none;
  }
  .header > div .logged.navigation .menu {
    width: 100%;
    display: none;
  }
  .header > div .logged.navigation .menu .logo,
.header > div .logged.navigation .menu .projects,
.header > div .logged.navigation .menu .freelancers,
.header > div .logged.navigation .menu .publishProject,
.header > div .logged.navigation .menu .messages,
.header > div .logged.navigation .menu .myprojects,
.header > div .logged.navigation .menu .offers,
.header > div .logged.navigation .menu .orders {
    display: none;
  }
  .header > div .logged.navigation .active.menu {
    display: flex;
    flex-direction: column;
  }
  .header > div .logged.navigation .messages .numberOfNewPrivateMessages {
    top: auto;
    right: 50%;
  }
  .header > div .logged.navigation .myprojects .numberOfNewMyProjectsOffers {
    top: auto;
    right: 50%;
  }
  .header > div .logged.navigation .myprojects .numberOfNewMyProjectsOffersMessages {
    top: auto;
    right: 50%;
  }
  .header > div .logged.navigation .offers .numberOfNewOffersMessages {
    top: auto;
    right: 50%;
  }
  .header > div .logged.navigation .orders .numberOfNewOrders {
    top: auto;
    right: 50%;
  }
  .header > div .logged.navigation .orders .numberOfNewOrdersMessages {
    top: auto;
    right: 50%;
  }
}
@media (max-width: 830px) {
  .header > div .navigation .navbar-toggle1 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 30px;
  }
  .header > div .navigation .left .portfolio {
    display: none;
  }
  .header > div .navigation .menu {
    width: 100%;
    display: none;
  }
  .header > div .navigation .menu .logo,
.header > div .navigation .menu .projects,
.header > div .navigation .menu .freelancers,
.header > div .navigation .menu .publishProject {
    display: none;
  }
  .header > div .navigation .active.menu {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1077px) {
  .header > div .logged.navigation .left .portfolio,
.header > div .logged.navigation .left .freelancers {
    display: none;
  }
  .header > div .logged.navigation .menu .projects {
    display: none;
  }
  .header > div .logged.navigation .menu .freelancers {
    display: block;
  }
}
@media (max-width: 760px) {
  .header > div .navigation .left .portfolio,
.header > div .navigation .left .freelancers {
    display: none;
  }
  .header > div .navigation .menu .projects {
    display: none;
  }
  .header > div .navigation .menu .freelancers {
    display: block;
  }
}
@media (max-width: 984px) {
  .header > div .logged.navigation .left .portfolio,
.header > div .logged.navigation .left .freelancers,
.header > div .logged.navigation .left .projects {
    display: none;
  }
  .header > div .logged.navigation .menu .projects,
.header > div .logged.navigation .menu .freelancers {
    display: block;
  }
}
@media (max-width: 700px) {
  .header > div .navigation .left .portfolio,
.header > div .navigation .left .freelancers,
.header > div .navigation .left .projects {
    display: none;
  }
  .header > div .navigation .menu .projects,
.header > div .navigation .menu .freelancers {
    display: block;
  }
}
@media (max-width: 890px) {
  .header > div .logged.navigation .left .portfolio,
.header > div .logged.navigation .left .freelancers,
.header > div .logged.navigation .left .projects {
    display: none;
  }
  .header > div .logged.navigation .right .publishProject {
    display: none;
  }
  .header > div .logged.navigation .menu .projects,
.header > div .logged.navigation .menu .freelancers,
.header > div .logged.navigation .menu .publishProject {
    display: block;
  }
}
@media (max-width: 600px) {
  .header > div .navigation .left .portfolio,
.header > div .navigation .left .freelancers,
.header > div .navigation .left .projects {
    display: none;
  }
  .header > div .navigation .right .publishProject {
    display: none;
  }
  .header > div .navigation .menu .projects,
.header > div .navigation .menu .freelancers,
.header > div .navigation .menu .publishProject {
    display: block;
  }
}
@media (max-width: 690px) {
  .header > div .logged.navigation .left .portfolio,
.header > div .logged.navigation .left .freelancers,
.header > div .logged.navigation .left .projects {
    display: none;
  }
  .header > div .logged.navigation .right .publishProject,
.header > div .logged.navigation .right .messages {
    display: none;
  }
  .header > div .logged.navigation .menu .projects,
.header > div .logged.navigation .menu .freelancers,
.header > div .logged.navigation .menu .publishProject,
.header > div .logged.navigation .menu .messages {
    display: block;
  }
}
@media (max-width: 606px) {
  .header > div .logged.navigation .left .portfolio,
.header > div .logged.navigation .left .freelancers,
.header > div .logged.navigation .left .projects {
    display: none;
  }
  .header > div .logged.navigation .right .publishProject,
.header > div .logged.navigation .right .messages,
.header > div .logged.navigation .right .myprojects {
    display: none;
  }
  .header > div .logged.navigation .menu .projects,
.header > div .logged.navigation .menu .freelancers,
.header > div .logged.navigation .menu .publishProject,
.header > div .logged.navigation .menu .messages,
.header > div .logged.navigation .menu .myprojects {
    display: block;
  }
}
@media (max-width: 485px) {
  .header > div .logged.navigation .left .portfolio,
.header > div .logged.navigation .left .freelancers,
.header > div .logged.navigation .left .projects {
    display: none;
  }
  .header > div .logged.navigation .right .publishProject,
.header > div .logged.navigation .right .messages,
.header > div .logged.navigation .right .myprojects,
.header > div .logged.navigation .right .offers {
    display: none;
  }
  .header > div .logged.navigation .menu .projects,
.header > div .logged.navigation .menu .freelancers,
.header > div .logged.navigation .menu .publishProject,
.header > div .logged.navigation .menu .messages,
.header > div .logged.navigation .menu .myprojects,
.header > div .logged.navigation .menu .offers {
    display: block;
  }
}
@media (max-width: 401px) {
  .header > div .logged.navigation .left .portfolio,
.header > div .logged.navigation .left .freelancers,
.header > div .logged.navigation .left .projects {
    display: none;
  }
  .header > div .logged.navigation .right .publishProject,
.header > div .logged.navigation .right .messages,
.header > div .logged.navigation .right .myprojects,
.header > div .logged.navigation .right .offers,
.header > div .logged.navigation .right .orders {
    display: none;
  }
  .header > div .logged.navigation .menu .projects,
.header > div .logged.navigation .menu .freelancers,
.header > div .logged.navigation .menu .publishProject,
.header > div .logged.navigation .menu .messages,
.header > div .logged.navigation .menu .myprojects,
.header > div .logged.navigation .menu .offers,
.header > div .logged.navigation .menu .orders {
    display: block;
  }
}
@media (max-width: 400px) {
  .header > div .unlogged.navigation > .logo {
    display: none;
  }
  .header > div .unlogged.navigation .menu .logo,
.header > div .unlogged.navigation .menu .projects,
.header > div .unlogged.navigation .menu .freelancers,
.header > div .unlogged.navigation .menu .publishProject {
    display: block;
  }
}
.UsersHeaderLoggedNotAuthor {
  display: flex;
  padding-top: 100px;
  font-size: 11px;
  min-height: 400px;
  position: relative;
}
.UsersHeaderLoggedNotAuthor .share {
  top: 0;
  position: absolute;
}
.UsersHeaderLoggedNotAuthor .avatar {
  padding: 0 20px 0 0;
}
.UsersHeaderLoggedNotAuthor .status {
  color: #414141;
  padding: 0 20px 0 0;
  width: 30%;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin {
  font-weight: bold;
  font-size: 15px;
  color: #000;
  padding-bottom: 5px;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin h1 {
  font-size: 15px;
  font-weight: bold;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit {
  display: inline-block;
  position: relative;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit .moderatorEditButton {
  margin-right: 5px;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit .moderatorEditButton:hover {
  cursor: pointer;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit ul.moderatorEditMenu {
  position: absolute;
  display: none;
  z-index: 1;
  width: 300px;
  background: grey;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit ul.moderatorEditMenu li:nth-child(1) {
  border: none;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit ul.moderatorEditMenu li {
  color: #000;
  padding: 5px;
  border-top: 1px solid #eee;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit ul.moderatorEditMenu li span {
  cursor: pointer;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit ul.moderatorEditMenu li:hover {
  opacity: 0.9;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit ul.moderatorEditMenu li.bl {
  background: #b15050;
}
.UsersHeaderLoggedNotAuthor .status .firstNameSecondNameAndLogin .moderatorEdit ul.moderatorEditMenu li.deBl {
  background: #7ba07b;
}
.UsersHeaderLoggedNotAuthor .status .lastVisit {
  padding-bottom: 10px;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock0 {
  border: 1px solid #d9ffae;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock0 .title {
  color: #57b330;
  font-weight: bold;
  font-size: 13px;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock0 .statusDescription {
  margin-top: 10px;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock0 .edit {
  display: none;
  color: #5b8c24;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock0 .block1 {
  white-space: nowrap;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock0 .block2 textarea {
  height: 100px;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock {
  border: 1px solid #d9ffae;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock .title {
  color: #57b330;
  font-weight: bold;
  font-size: 13px;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock .statusDescription {
  margin-top: 10px;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock .edit {
  display: none;
  color: #5b8c24;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock .block1 {
  white-space: nowrap;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock .block2 textarea {
  height: 100px;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock2 {
  display: none;
  border: 1px solid #d9ffae;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  background: #f0ffdf;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock2 .block1 {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock2 .block1 select {
  font-size: 13px;
  height: auto;
  width: fit-content;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock2 .block1 button {
  height: 25px;
  padding: 5px;
  margin: 5px 0 5px 5px;
  line-height: 1;
}
.UsersHeaderLoggedNotAuthor .status .statusBlock2 .block2 textarea {
  height: 100px;
}
.UsersHeaderLoggedNotAuthor .status .confirmation .email {
  color: #57b330;
  font-size: 30px;
  display: inline-block;
}
.UsersHeaderLoggedNotAuthor .status .offerOrder {
  margin: 15px 0;
  font-size: 13px;
}
.UsersHeaderLoggedNotAuthor .status .offerOrder .or {
  margin: 0 15px;
}
.UsersHeaderLoggedNotAuthor .status .offerOrder a.leaveMessageLink {
  color: #0f71c8;
  font-size: 13px;
  text-decoration: underline;
}
.UsersHeaderLoggedNotAuthor .status .offerOrder a.leaveMessageLink:hover {
  color: #8c0400;
}
.UsersHeaderLoggedNotAuthor .specializations {
  width: 25%;
  padding: 0 20px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
.UsersHeaderLoggedNotAuthor .specializations .title {
  color: #000;
  font-size: 13px;
}
.UsersHeaderLoggedNotAuthor .specializations .specialization div a {
  color: #000;
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 10px 0 0 0;
  width: fit-content;
}
.UsersHeaderLoggedNotAuthor .specializations .specialization ul {
  padding-left: 10px;
}
.UsersHeaderLoggedNotAuthor .specializations .specialization ul li a {
  color: #000;
  white-space: nowrap;
  display: block;
  padding: 2px 0;
  width: fit-content;
}
.UsersHeaderLoggedNotAuthor .specializations .specialization ul li:hover {
  background: #f0ffdf;
}
.UsersHeaderLoggedNotAuthor .specializations .specialization a:hover {
  text-decoration: underline;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts {
  width: 25%;
  padding: 0 0 0 20px;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .reviews {
  font-size: 13px;
  color: #000;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid #eee;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .reviews .title {
  flex: 1;
  white-space: nowrap;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .reviews .title i {
  margin-right: 10px;
  color: #5DA23E;
  font-weight: bold;
  font-size: 15px;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .reviews:hover {
  background: #f0ffdf;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .contacts a {
  font-size: 13px;
  color: #000;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .contacts a:hover {
  text-decoration: underline;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .contacts i {
  margin-right: 10px;
  color: #5DA23E;
  font-weight: bold;
  font-size: 15px;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .contacts ul li {
  padding: 5px;
  white-space: nowrap;
}
.UsersHeaderLoggedNotAuthor .reviewsAndContacts .contacts ul li:hover {
  background: #f0ffdf;
}
@media (max-width: 800px) {
  .UsersHeaderLoggedNotAuthor {
    flex-wrap: wrap;
  }
  .UsersHeaderLoggedNotAuthor .status {
    flex: 1;
    width: auto;
  }
  .UsersHeaderLoggedNotAuthor .status .offerOrder {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .UsersHeaderLoggedNotAuthor .specializations {
    width: 100%;
    margin: 30px 0;
    padding: 10px 20px;
  }
  .UsersHeaderLoggedNotAuthor .reviewsAndContacts {
    width: 100%;
    margin: 0px 0 30px;
  }
}
.UsersHeaderLoggedAuthor {
  display: flex;
  padding-top: 100px;
  font-size: 11px;
  min-height: 400px;
  position: relative;
}
.UsersHeaderLoggedAuthor .share {
  top: 0;
  position: absolute;
}
.UsersHeaderLoggedAuthor .edit {
  color: #5b8c24;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-size: 15px;
}
.UsersHeaderLoggedAuthor .edit i {
  font-weight: 400;
}
.UsersHeaderLoggedAuthor .avatar {
  padding: 0 20px 0 0;
}
.UsersHeaderLoggedAuthor .avatar .image {
  position: relative;
}
.UsersHeaderLoggedAuthor .avatar .image .editAvatarButton {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 30px;
  color: #fff;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 40px;
  width: 43px;
  transition: ease-in all 0.2s;
  background: rgba(25, 32, 45, 0.7);
}
.UsersHeaderLoggedAuthor .avatar .image .editAvatarButton span {
  font-size: 11px;
  display: none;
}
.UsersHeaderLoggedAuthor .avatar .image .editAvatarButton:hover {
  width: 100%;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.UsersHeaderLoggedAuthor .avatar .image .editAvatarButton:hover span {
  display: block;
  font-size: 11px;
  white-space: break-spaces;
  font-weight: normal;
}
.UsersHeaderLoggedAuthor .status {
  color: #414141;
  padding: 0 20px 0 0;
  width: 30%;
}
.UsersHeaderLoggedAuthor .status .firstNameSecondNameAndLogin {
  font-weight: bold;
  font-size: 15px;
  color: #000;
  padding-bottom: 5px;
}
.UsersHeaderLoggedAuthor .status .firstNameSecondNameAndLogin h1 {
  font-weight: bold;
  font-size: 15px;
}
.UsersHeaderLoggedAuthor .status .lastVisit {
  padding-bottom: 10px;
}
.UsersHeaderLoggedAuthor .status .statusBlock0 {
  border: 1px solid #d9ffae;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.UsersHeaderLoggedAuthor .status .statusBlock0 .title {
  color: #57b330;
  font-weight: bold;
  font-size: 13px;
}
.UsersHeaderLoggedAuthor .status .statusBlock0 .statusDescription {
  margin-top: 10px;
}
.UsersHeaderLoggedAuthor .status .statusBlock0 .edit {
  display: none;
  color: #5b8c24;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.UsersHeaderLoggedAuthor .status .statusBlock0 .block1 {
  white-space: nowrap;
}
.UsersHeaderLoggedAuthor .status .statusBlock0 .block2 textarea {
  height: 100px;
}
.UsersHeaderLoggedAuthor .status .statusBlock {
  border: 1px solid #d9ffae;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.UsersHeaderLoggedAuthor .status .statusBlock .title {
  color: #57b330;
  font-weight: bold;
  font-size: 13px;
}
.UsersHeaderLoggedAuthor .status .statusBlock .statusDescription {
  margin-top: 10px;
}
.UsersHeaderLoggedAuthor .status .statusBlock .edit {
  color: #5b8c24;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.UsersHeaderLoggedAuthor .status .statusBlock .block1 {
  white-space: nowrap;
}
.UsersHeaderLoggedAuthor .status .statusBlock .block2 textarea {
  height: 100px;
}
.UsersHeaderLoggedAuthor .status .statusBlock2 {
  display: none;
  border: 1px solid #d9ffae;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  background: #f0ffdf;
}
.UsersHeaderLoggedAuthor .status .statusBlock2 .block1 {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.UsersHeaderLoggedAuthor .status .statusBlock2 .block1 select {
  font-size: 13px;
  height: auto;
  width: fit-content;
}
.UsersHeaderLoggedAuthor .status .statusBlock2 .block1 button {
  height: 25px;
  padding: 5px;
  margin: 5px 0 5px 5px;
  line-height: 1;
}
.UsersHeaderLoggedAuthor .status .statusBlock2 .block2 textarea {
  height: 100px;
}
.UsersHeaderLoggedAuthor .status .statusBlock:hover {
  background: #f0ffdf;
}
.UsersHeaderLoggedAuthor .status .statusBlock:hover > .edit {
  display: block;
}
.UsersHeaderLoggedAuthor .status .confirmation .email {
  color: #57b330;
  font-size: 30px;
  display: inline-block;
}
.UsersHeaderLoggedAuthor .status .offerOrder {
  margin: 15px 0;
  font-size: 13px;
}
.UsersHeaderLoggedAuthor .status .offerOrder .or {
  margin: 0 15px;
}
.UsersHeaderLoggedAuthor .status .offerOrder a.leaveMessageLink {
  color: #0f71c8;
  font-size: 13px;
  text-decoration: underline;
}
.UsersHeaderLoggedAuthor .status .offerOrder a.leaveMessageLink:hover {
  color: #8c0400;
}
.UsersHeaderLoggedAuthor > .specializations {
  position: relative;
  width: 25%;
  padding: 0 20px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
.UsersHeaderLoggedAuthor > .specializations .title {
  color: #000;
  font-size: 13px;
}
.UsersHeaderLoggedAuthor > .specializations .specialization div a {
  color: #000;
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 10px 0 0 0;
  width: fit-content;
}
.UsersHeaderLoggedAuthor > .specializations .specialization ul {
  padding-left: 10px;
}
.UsersHeaderLoggedAuthor > .specializations .specialization ul li a {
  color: #000;
  white-space: nowrap;
  display: block;
  padding: 2px 0;
  width: fit-content;
}
.UsersHeaderLoggedAuthor > .specializations .specialization ul li:hover {
  background: #f0ffdf;
}
.UsersHeaderLoggedAuthor > .specializations .specialization a:hover {
  text-decoration: underline;
}
.UsersHeaderLoggedAuthor > .specializations:hover {
  background: #f0ffdf;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts {
  width: 25%;
  padding: 0 0 0 20px;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .reviews {
  font-size: 13px;
  color: #000;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid #eee;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .reviews .title {
  flex: 1;
  white-space: nowrap;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .reviews .title i {
  margin-right: 10px;
  color: #5DA23E;
  font-weight: bold;
  font-size: 15px;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .reviews:hover {
  background: #f0ffdf;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .contacts {
  position: relative;
  font-size: 13px;
  width: 100%;
  height: calc(100% - 29px);
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .contacts a {
  font-size: 13px;
  color: #000;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .contacts a:hover {
  text-decoration: underline;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .contacts i {
  margin-right: 10px;
  color: #5DA23E;
  font-weight: bold;
  font-size: 15px;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .contacts i.far.fa-edit {
  font-weight: 400;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .contacts ul li {
  padding: 5px;
  white-space: nowrap;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .contacts ul li:hover {
  background: #f0ffdf;
}
.UsersHeaderLoggedAuthor .reviewsAndContacts .contacts:hover {
  background: #f0ffdf;
}
.UsersHeaderLoggedAuthor .dialogStatus,
.UsersHeaderLoggedAuthor .dialogSpecializations,
.UsersHeaderLoggedAuthor .dialogContacts,
.UsersHeaderLoggedAuthor .dialogEditAvatar {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersHeaderLoggedAuthor .dialogStatus form,
.UsersHeaderLoggedAuthor .dialogSpecializations form,
.UsersHeaderLoggedAuthor .dialogContacts form,
.UsersHeaderLoggedAuthor .dialogEditAvatar form {
  width: 500px;
  height: fit-content;
  max-height: 90%;
  overflow: auto;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.UsersHeaderLoggedAuthor .dialogStatus form .closeButton,
.UsersHeaderLoggedAuthor .dialogSpecializations form .closeButton,
.UsersHeaderLoggedAuthor .dialogContacts form .closeButton,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.UsersHeaderLoggedAuthor .dialogStatus form .closeButton i,
.UsersHeaderLoggedAuthor .dialogSpecializations form .closeButton i,
.UsersHeaderLoggedAuthor .dialogContacts form .closeButton i,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .closeButton i {
  font-size: 20px;
  color: green;
}
.UsersHeaderLoggedAuthor .dialogStatus form .closeButton:hover,
.UsersHeaderLoggedAuthor .dialogSpecializations form .closeButton:hover,
.UsersHeaderLoggedAuthor .dialogContacts form .closeButton:hover,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.UsersHeaderLoggedAuthor .dialogStatus form .saveButton,
.UsersHeaderLoggedAuthor .dialogSpecializations form .saveButton,
.UsersHeaderLoggedAuthor .dialogContacts form .saveButton,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .saveButton {
  margin-top: 20px;
}
.UsersHeaderLoggedAuthor .dialogStatus form .saveButton .or,
.UsersHeaderLoggedAuthor .dialogSpecializations form .saveButton .or,
.UsersHeaderLoggedAuthor .dialogContacts form .saveButton .or,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .saveButton .or {
  margin: 0 10px;
}
.UsersHeaderLoggedAuthor .dialogStatus form .saveButton .cancel,
.UsersHeaderLoggedAuthor .dialogSpecializations form .saveButton .cancel,
.UsersHeaderLoggedAuthor .dialogContacts form .saveButton .cancel,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .saveButton .cancel {
  background: none;
  border: none;
  padding: 0;
  color: #026dc0;
  font-weight: bold;
  font-size: 13px;
}
.UsersHeaderLoggedAuthor .dialogStatus form .saveButton .cancel:hover,
.UsersHeaderLoggedAuthor .dialogSpecializations form .saveButton .cancel:hover,
.UsersHeaderLoggedAuthor .dialogContacts form .saveButton .cancel:hover,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .saveButton .cancel:hover {
  color: #8c0400;
}
.UsersHeaderLoggedAuthor .dialogStatus form .status,
.UsersHeaderLoggedAuthor .dialogStatus form .country,
.UsersHeaderLoggedAuthor .dialogStatus form .city,
.UsersHeaderLoggedAuthor .dialogStatus form .site,
.UsersHeaderLoggedAuthor .dialogStatus form .vk,
.UsersHeaderLoggedAuthor .dialogStatus form .instagram,
.UsersHeaderLoggedAuthor .dialogStatus form .fb,
.UsersHeaderLoggedAuthor .dialogStatus form .twitter,
.UsersHeaderLoggedAuthor .dialogStatus form .telegram,
.UsersHeaderLoggedAuthor .dialogStatus form .skype,
.UsersHeaderLoggedAuthor .dialogStatus form .contactEmail,
.UsersHeaderLoggedAuthor .dialogStatus form .phone,
.UsersHeaderLoggedAuthor .dialogStatus form .viber,
.UsersHeaderLoggedAuthor .dialogStatus form .whatsapp,
.UsersHeaderLoggedAuthor .dialogSpecializations form .status,
.UsersHeaderLoggedAuthor .dialogSpecializations form .country,
.UsersHeaderLoggedAuthor .dialogSpecializations form .city,
.UsersHeaderLoggedAuthor .dialogSpecializations form .site,
.UsersHeaderLoggedAuthor .dialogSpecializations form .vk,
.UsersHeaderLoggedAuthor .dialogSpecializations form .instagram,
.UsersHeaderLoggedAuthor .dialogSpecializations form .fb,
.UsersHeaderLoggedAuthor .dialogSpecializations form .twitter,
.UsersHeaderLoggedAuthor .dialogSpecializations form .telegram,
.UsersHeaderLoggedAuthor .dialogSpecializations form .skype,
.UsersHeaderLoggedAuthor .dialogSpecializations form .contactEmail,
.UsersHeaderLoggedAuthor .dialogSpecializations form .phone,
.UsersHeaderLoggedAuthor .dialogSpecializations form .viber,
.UsersHeaderLoggedAuthor .dialogSpecializations form .whatsapp,
.UsersHeaderLoggedAuthor .dialogContacts form .status,
.UsersHeaderLoggedAuthor .dialogContacts form .country,
.UsersHeaderLoggedAuthor .dialogContacts form .city,
.UsersHeaderLoggedAuthor .dialogContacts form .site,
.UsersHeaderLoggedAuthor .dialogContacts form .vk,
.UsersHeaderLoggedAuthor .dialogContacts form .instagram,
.UsersHeaderLoggedAuthor .dialogContacts form .fb,
.UsersHeaderLoggedAuthor .dialogContacts form .twitter,
.UsersHeaderLoggedAuthor .dialogContacts form .telegram,
.UsersHeaderLoggedAuthor .dialogContacts form .skype,
.UsersHeaderLoggedAuthor .dialogContacts form .contactEmail,
.UsersHeaderLoggedAuthor .dialogContacts form .phone,
.UsersHeaderLoggedAuthor .dialogContacts form .viber,
.UsersHeaderLoggedAuthor .dialogContacts form .whatsapp,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .status,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .country,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .city,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .site,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .vk,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .instagram,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .fb,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .twitter,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .telegram,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .skype,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .contactEmail,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .phone,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .viber,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .whatsapp {
  display: flex;
  margin-top: 20px;
  font-size: 13px;
}
.UsersHeaderLoggedAuthor .dialogStatus form .status .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .country .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .city .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .site .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .vk .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .instagram .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .fb .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .twitter .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .telegram .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .skype .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .contactEmail .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .phone .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .viber .block1,
.UsersHeaderLoggedAuthor .dialogStatus form .whatsapp .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .status .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .country .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .city .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .site .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .vk .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .instagram .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .fb .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .twitter .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .telegram .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .skype .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .contactEmail .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .phone .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .viber .block1,
.UsersHeaderLoggedAuthor .dialogSpecializations form .whatsapp .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .status .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .country .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .city .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .site .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .vk .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .instagram .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .fb .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .twitter .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .telegram .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .skype .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .contactEmail .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .phone .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .viber .block1,
.UsersHeaderLoggedAuthor .dialogContacts form .whatsapp .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .status .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .country .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .city .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .site .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .vk .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .instagram .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .fb .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .twitter .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .telegram .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .skype .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .contactEmail .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .phone .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .viber .block1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .whatsapp .block1 {
  width: 30%;
}
.UsersHeaderLoggedAuthor .dialogStatus form .status .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .country .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .city .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .site .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .vk .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .instagram .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .fb .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .twitter .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .telegram .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .skype .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .contactEmail .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .phone .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .viber .block2,
.UsersHeaderLoggedAuthor .dialogStatus form .whatsapp .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .status .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .country .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .city .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .site .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .vk .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .instagram .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .fb .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .twitter .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .telegram .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .skype .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .contactEmail .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .phone .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .viber .block2,
.UsersHeaderLoggedAuthor .dialogSpecializations form .whatsapp .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .status .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .country .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .city .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .site .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .vk .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .instagram .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .fb .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .twitter .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .telegram .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .skype .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .contactEmail .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .phone .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .viber .block2,
.UsersHeaderLoggedAuthor .dialogContacts form .whatsapp .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .status .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .country .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .city .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .site .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .vk .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .instagram .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .fb .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .twitter .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .telegram .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .skype .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .contactEmail .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .phone .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .viber .block2,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .whatsapp .block2 {
  width: 70%;
}
.UsersHeaderLoggedAuthor .dialogStatus form .status .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .country .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .city .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .site .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .vk .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .instagram .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .fb .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .twitter .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .telegram .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .skype .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .contactEmail .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .phone .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .viber .block2 input,
.UsersHeaderLoggedAuthor .dialogStatus form .whatsapp .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .status .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .country .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .city .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .site .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .vk .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .instagram .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .fb .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .twitter .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .telegram .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .skype .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .contactEmail .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .phone .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .viber .block2 input,
.UsersHeaderLoggedAuthor .dialogSpecializations form .whatsapp .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .status .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .country .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .city .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .site .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .vk .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .instagram .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .fb .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .twitter .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .telegram .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .skype .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .contactEmail .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .phone .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .viber .block2 input,
.UsersHeaderLoggedAuthor .dialogContacts form .whatsapp .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .status .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .country .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .city .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .site .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .vk .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .instagram .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .fb .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .twitter .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .telegram .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .skype .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .contactEmail .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .phone .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .viber .block2 input,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .whatsapp .block2 input {
  width: 100%;
}
.UsersHeaderLoggedAuthor .dialogStatus form .statusDescription,
.UsersHeaderLoggedAuthor .dialogStatus form .specializations,
.UsersHeaderLoggedAuthor .dialogSpecializations form .statusDescription,
.UsersHeaderLoggedAuthor .dialogSpecializations form .specializations,
.UsersHeaderLoggedAuthor .dialogContacts form .statusDescription,
.UsersHeaderLoggedAuthor .dialogContacts form .specializations,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .statusDescription,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .specializations {
  margin-top: 20px;
}
.UsersHeaderLoggedAuthor .dialogStatus form .statusDescription textarea,
.UsersHeaderLoggedAuthor .dialogStatus form .specializations textarea,
.UsersHeaderLoggedAuthor .dialogSpecializations form .statusDescription textarea,
.UsersHeaderLoggedAuthor .dialogSpecializations form .specializations textarea,
.UsersHeaderLoggedAuthor .dialogContacts form .statusDescription textarea,
.UsersHeaderLoggedAuthor .dialogContacts form .specializations textarea,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .statusDescription textarea,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .specializations textarea {
  width: 100%;
}
.UsersHeaderLoggedAuthor .dialogStatus form .statusDescription .allowedTags,
.UsersHeaderLoggedAuthor .dialogStatus form .specializations .allowedTags,
.UsersHeaderLoggedAuthor .dialogSpecializations form .statusDescription .allowedTags,
.UsersHeaderLoggedAuthor .dialogSpecializations form .specializations .allowedTags,
.UsersHeaderLoggedAuthor .dialogContacts form .statusDescription .allowedTags,
.UsersHeaderLoggedAuthor .dialogContacts form .specializations .allowedTags,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .statusDescription .allowedTags,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .specializations .allowedTags {
  font-size: 11px;
}
.UsersHeaderLoggedAuthor .dialogStatus form #gCaptchaElement1,
.UsersHeaderLoggedAuthor .dialogSpecializations form #gCaptchaElement1,
.UsersHeaderLoggedAuthor .dialogContacts form #gCaptchaElement1,
.UsersHeaderLoggedAuthor .dialogEditAvatar form #gCaptchaElement1 {
  margin: 20px 0 0;
}
.UsersHeaderLoggedAuthor .dialogStatus form .EditAvatar,
.UsersHeaderLoggedAuthor .dialogSpecializations form .EditAvatar,
.UsersHeaderLoggedAuthor .dialogContacts form .EditAvatar,
.UsersHeaderLoggedAuthor .dialogEditAvatar form .EditAvatar {
  margin-top: 20px;
}

@media (max-width: 800px) {
  .UsersHeaderLoggedAuthor {
    flex-wrap: wrap;
  }
  .UsersHeaderLoggedAuthor .status {
    flex: 1;
    width: auto;
  }
  .UsersHeaderLoggedAuthor .status .offerOrder {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .UsersHeaderLoggedAuthor .specializations {
    width: 100%;
    margin: 30px 0;
    padding: 10px 20px;
  }
  .UsersHeaderLoggedAuthor .reviewsAndContacts {
    width: 100%;
    margin: 0px 0 30px;
  }
}
.UsersMenuLoggedNotAuthor ul {
  display: flex;
  border-bottom: 1px solid #eee;
}
.UsersMenuLoggedNotAuthor ul li a {
  padding: 10px;
  color: #323232;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersMenuLoggedNotAuthor ul li a i {
  font-size: 20px;
  color: orange;
  margin-right: 5px;
  margin-left: 5px;
}
.UsersMenuLoggedNotAuthor ul li a:hover {
  color: #55b12e;
}
.UsersMenuLoggedNotAuthor ul li a.active {
  color: #55b12e;
  border-bottom: 3px solid #55b12e;
  font-weight: bold;
}

@media (max-width: 800px) {
  .UsersMenuLoggedNotAuthor ul {
    flex-wrap: wrap;
  }
}
.UsersMenuLoggedAuthor ul {
  display: flex;
  border-bottom: 1px solid #eee;
}
.UsersMenuLoggedAuthor ul li a {
  padding: 10px;
  color: #323232;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersMenuLoggedAuthor ul li a i {
  font-size: 20px;
  color: orange;
  margin-right: 5px;
  margin-left: 5px;
}
.UsersMenuLoggedAuthor ul li a:hover {
  color: #55b12e;
}
.UsersMenuLoggedAuthor ul li a.active {
  color: #55b12e;
  border-bottom: 3px solid #55b12e;
  font-weight: bold;
}

@media (max-width: 800px) {
  .UsersMenuLoggedAuthor ul {
    flex-wrap: wrap;
  }
}
.usersSettingsMenu li a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border: 1px solid #eee;
  font-size: 15px;
  color: #333333;
}
.usersSettingsMenu li a span {
  flex: 1;
}
.usersSettingsMenu li a:hover {
  background: #eee;
  color: #55b12e;
}
.usersSettingsMenu li a.active {
  background: #55b12e;
  color: #fff;
  cursor: auto;
}

.SelectSubSpecialization {
  padding: 0 0 20px;
  position: relative;
}
.SelectSubSpecialization .selectSpecialization {
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.SelectSubSpecialization .selectSpecialization i {
  color: green;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
  opacity: 0.8;
  cursor: pointer;
}
.SelectSubSpecialization .selectSpecialization i:hover {
  opacity: 1;
}
.SelectSubSpecialization .specializationsMenu {
  display: flex;
  position: absolute;
}
.SelectSubSpecialization .specializationsMenu ul {
  background: white;
  border: 1px solid #ccc;
  font-size: 13px;
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25), 0 3px 3px rgba(0, 0, 0, 0.22);
}
.SelectSubSpecialization .specializationsMenu ul li {
  cursor: pointer;
  padding: 10px;
}
.SelectSubSpecialization .specializationsMenu ul li:hover {
  background-color: #eef2f8;
}
.SelectSubSpecialization .specializationsMenu ul li.active {
  background-color: #eef2f8;
}
.SelectSubSpecialization .specializationsMenu .block1 {
  overflow: auto;
  max-height: 300px;
}
.SelectSubSpecialization .specializationsMenu .block2 {
  overflow: auto;
  height: 300px;
}
.SelectSubSpecialization .addSpecialization {
  display: flex;
  align-items: center;
}
.SelectSubSpecialization .addSpecialization i {
  color: green;
  margin-right: 5px;
}
.SelectSubSpecialization .addSpecialization button {
  background: none;
  border: none;
  padding: 0;
  color: #0f71c8;
  text-decoration: underline;
  font-size: 11px;
  font-weight: normal;
}
.SelectSubSpecialization .addSpecialization button:hover {
  color: #8c0400;
}

.ClosedProjectByFreelancer {
  display: flex;
  align-items: center;
  margin: 20px 0;
  padding: 10px;
  background-color: #f5f5f5;
  width: 100%;
}
.ClosedProjectByFreelancer .block2 {
  font-size: 13px;
}
.ClosedProjectByFreelancer .block2 a {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
}
.ClosedProjectByFreelancer .block2 a:hover {
  color: #8c0400;
}

.SelectSubSpecialization2 .outputInputAndButton {
  display: flex;
  align-items: center;
}
.SelectSubSpecialization2 .outputInputAndButton .inputField {
  position: relative;
  margin: 0 10px 0 0;
  flex: 1;
}
.SelectSubSpecialization2 .outputInputAndButton .inputField > input {
  padding-right: 30px;
  width: 100%;
  height: 30px;
  font-size: 13px;
}
.SelectSubSpecialization2 .outputInputAndButton .inputField > button {
  display: inline-block;
  margin-left: -30px;
  background: transparent;
  width: 30px;
  height: 100%;
  padding: 0;
  color: #000;
  border: none;
  margin-bottom: -10px;
}
.SelectSubSpecialization2 .outputInputAndButton .inputField .menu {
  display: flex;
  position: absolute;
  right: 0;
  background: #fff;
  z-index: 1;
}
.SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
  padding: 10px;
  order: 2;
  border: 1px solid rgba(210, 211, 213, 0.9);
  height: fit-content;
}
.SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
  display: block;
  padding: 10px;
  order: 1;
  border: 1px solid rgba(210, 211, 213, 0.9);
  height: fit-content;
}
.SelectSubSpecialization2 .outputSpecializationTags {
  display: flex;
  flex-wrap: wrap;
}
.SelectSubSpecialization2 .outputSpecializationTags .tag {
  font-size: 11px;
  background: #a1d48a;
  height: 21px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: bold;
  width: fit-content;
  padding: 10px;
  position: relative;
  margin: 5px 2px;
}
.SelectSubSpecialization2 .outputSpecializationTags .tag .removeSpecialization {
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.SelectSubSpecialization2 .outputSpecializationTags .tag .removeSpecialization i {
  color: red;
  padding-right: 5px;
  margin-left: -5px;
  font-size: 15px;
}

.SelectSubSpecialization3 .specializations select {
  width: 100%;
}
.SelectSubSpecialization3 .subSpecialization select {
  width: 100%;
}

.SelectSubSpecialization4 select {
  font-size: 13px;
}
.SelectSubSpecialization4 .title {
  color: white;
  background: #55b12e;
  padding: 20px;
  font-size: 13px;
}
.SelectSubSpecialization4 .specialization1 fieldset legend,
.SelectSubSpecialization4 .specialization2 fieldset legend,
.SelectSubSpecialization4 .specialization3 fieldset legend {
  padding: 10px;
  font-size: 16px;
}
.SelectSubSpecialization4 .specialization1 .subSpecializations,
.SelectSubSpecialization4 .specialization2 .subSpecializations,
.SelectSubSpecialization4 .specialization3 .subSpecializations {
  padding: 0 5px;
}
.SelectSubSpecialization4 .specialization1 .subSpecializations .subSpecialization,
.SelectSubSpecialization4 .specialization2 .subSpecializations .subSpecialization,
.SelectSubSpecialization4 .specialization3 .subSpecializations .subSpecialization {
  padding: 5px;
}

.viewEditButton {
  position: absolute;
  top: 30px;
  right: 20px;
  display: flex;
  align-items: center;
}
.viewEditButton .settingsButton {
  border: none;
  background: none;
  padding: 0;
  margin-right: 20px;
  font-size: 20px;
  color: orange;
}

@media (max-width: 600px) {
  .viewEditButton {
    top: 55px;
  }
}
.GenderRadioButtons {
  display: flex;
}
.GenderRadioButtons label {
  margin-right: 20px;
}

.EditAvatar .dragField {
  position: relative;
  text-align: center;
  border-bottom: 1px solid #eee;
  margin: 20px 0 0;
  padding: 0 0 40px;
  border: 2px dashed;
  cursor: pointer;
}
.EditAvatar .dragField .title {
  font-size: 16px;
  font-weight: bold;
}
.EditAvatar .dragField .icon {
  font-size: 100px;
  color: grey;
}
.EditAvatar .dragField .description {
  font-size: 13px;
}
.EditAvatar .blockCrop {
  text-align: center;
}
.EditAvatar .openFile {
  margin: 20px 0 0;
}
.EditAvatar .openFile button {
  color: #37A000;
  background: #fff;
  border-color: transparent;
  border: solid 2px transparent;
  box-shadow: 0 1px 6px rgba(57, 73, 76, 0.35);
}
.EditAvatar .openFile button:hover {
  box-shadow: 0 2px 10px 1px rgba(57, 73, 76, 0.4), 0 1px 2px rgba(57, 73, 76, 0.25);
}

.PortfolioThumbnail .dragField {
  cursor: pointer;
  border: 5px dashed #DDD;
  padding: 10px;
  text-align: center;
}
.PortfolioThumbnail .dragField .title a {
  color: #37A000;
  font-size: 16px;
}
.PortfolioThumbnail .dragField .title a:hover {
  color: #8c0400;
}
.PortfolioThumbnail .dragField .icon {
  font-size: 30px;
  color: grey;
}
.PortfolioThumbnail .blockCrop {
  text-align: center;
}
.PortfolioThumbnail .openFile {
  margin: 20px 0 0;
}
.PortfolioThumbnail .openFile button {
  color: #37A000;
  background: #fff;
  border-color: transparent;
  border: solid 2px transparent;
  box-shadow: 0 1px 6px rgba(57, 73, 76, 0.35);
}
.PortfolioThumbnail .openFile button:hover {
  box-shadow: 0 2px 10px 1px rgba(57, 73, 76, 0.4), 0 1px 2px rgba(57, 73, 76, 0.25);
}

.PortfolioImg .dragField {
  cursor: pointer;
  border: 5px dashed #DDD;
  padding: 10px;
  text-align: center;
}
.PortfolioImg .dragField .title a {
  color: #37A000;
  font-size: 16px;
}
.PortfolioImg .dragField .title a:hover {
  color: #8c0400;
}
.PortfolioImg .dragField .icon {
  font-size: 30px;
  color: grey;
}
.PortfolioImg .image {
  cursor: pointer;
}
.PortfolioImg .image img {
  width: 100%;
}

.SelectLanguages .language {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.SelectLanguages .language select {
  margin-right: 20px;
}
.SelectLanguages .language .remove {
  background: none;
  border: none;
  padding: 0;
  color: #c10600;
  font-size: 13px;
}
.SelectLanguages .language .remove:hover {
  color: #8c0400;
}
.SelectLanguages .add {
  background: none;
  border: none;
  padding: 0;
  color: #6db335;
  font-size: 13px;
}
.SelectLanguages .add:hover {
  color: #8c0400;
}

.ShareButtons {
  font-size: 11px;
  padding: 20px;
  /* share buttons */
}
.ShareButtons .shareContent {
  display: inline-block;
  /* colors */
}
.ShareButtons .shareContent button {
  padding: 10px;
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  opacity: 0.75;
  transition: opacity 0.15s linear;
  margin-left: 5px;
  border-radius: 5px;
}
.ShareButtons .shareContent button i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.ShareButtons .shareContent button:hover {
  opacity: 1;
}
.ShareButtons .shareContent .facebook {
  background: #37459E;
}
.ShareButtons .shareContent .twitter {
  background: #00CCF5;
}
.ShareButtons .shareContent .vk {
  background: #2F5286;
}

@media (max-width: 800px) {
  .ShareButtons {
    font-size: 20px;
  }
  .ShareButtons .shareContent button {
    margin: 0 12px;
  }
}
.mainImage {
  display: block;
  min-height: 580px;
  background-position: center top;
  background-image: url(/img/bg5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.mainImage .share {
  position: absolute;
  color: #fff;
}
.mainImage .title,
.mainImage .button,
.mainImage .registrationLink {
  margin: auto;
  width: 100%;
}
.mainImage .title {
  padding-top: 100px;
  text-align: center;
  font-size: 55px;
  color: white;
  font-weight: bold;
}
.mainImage .button {
  padding-top: 40px;
  display: flex;
  justify-content: center;
}
.mainImage .button a {
  display: flex;
  align-items: center;
  height: 80px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}
.mainImage .registrationLink {
  padding-top: 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.mainImage .registrationLink a {
  text-decoration: underline;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}

.HomeLogged > div {
  width: 1200px;
}
.HomeLogged > div .freelancersCatalog {
  background: #f7f7f7;
  padding: 25px 25px 10px;
}
.HomeLogged > div .freelancersCatalog .title {
  text-align: center;
}
.HomeLogged > div .freelancersCatalog .title h2 a {
  font-size: 28px;
  display: block;
  margin: 0 0 20px;
  color: #323232;
}
.HomeLogged > div .freelancersCatalog .specializations {
  column-count: 4;
}
.HomeLogged > div .freelancersCatalog .specializations .item a {
  font-size: 13px;
  color: #026dc0;
  margin: 0 0 10px;
  display: block;
  width: fit-content;
}
.HomeLogged > div .freelancersCatalog .specializations .item a:hover {
  color: #8c0400;
}
.HomeLogged > div .bestFreelancers > .title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.HomeLogged > div .bestFreelancers > .title h2 {
  font-size: 28px;
  margin: 20px 0;
}
.HomeLogged > div .bestFreelancers > .title .language {
  margin-left: 10px;
}
.HomeLogged > div .bestFreelancers > .title .language select {
  height: 35px;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 200px;
  border-bottom: 1px solid #eee;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer {
  display: flex;
  width: 31%;
  margin: 10px 10px;
  padding: 10px;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer > .description {
  padding: 0 0 0 15px;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .title h2 {
  line-height: 0;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .title h2 a {
  font-size: 13px;
  color: #3c3c3c;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .title h2 a:hover {
  color: #8c0400;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .specialization {
  color: #ff7f27;
  font-size: 11px;
  margin: 0 0 10px;
  font-weight: bold;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .description {
  font-size: 11px;
}
.HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer:hover {
  background-color: #f0ffdf;
}
@media (max-width: 800px) {
  .HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer {
    width: 100%;
  }
}
.HomeLogged > div .intro > .title {
  text-align: center;
}
.HomeLogged > div .intro > .title h2 {
  font-size: 28px;
  margin: 20px 0;
}
.HomeLogged > div .intro .blocks {
  display: flex;
  font-size: 13px;
}
.HomeLogged > div .intro .blocks .block1,
.HomeLogged > div .intro .blocks .block2 {
  padding: 0 10px;
}
.HomeLogged > div .intro .blocks .block1 p,
.HomeLogged > div .intro .blocks .block2 p {
  padding-top: 5px;
}
.HomeLogged > div .intro .blocks h3 {
  text-align: center;
  font-size: 22px !important;
  margin: 20px 0;
  font-weight: normal;
}
.HomeLogged > div .intro .blocks .button {
  text-align: center;
  margin: 40px 0 0;
}

@media (max-width: 800px) {
  .mainImage .title {
    font-size: 30px;
  }
  .mainImage .registrationLink {
    font-size: 20px;
  }
  .mainImage .registrationLink a {
    font-size: 20px;
  }

  .HomeLogged > div .freelancersCatalog .specializations {
    column-count: 2;
  }
  .HomeLogged > div .freelancersCatalog .specializations .item {
    padding: 10px;
  }
  .HomeLogged > div .freelancersCatalog .specializations .item a {
    font-size: 20px;
  }
  .HomeLogged > div .bestFreelancers > .title {
    padding: 10px;
  }
  .HomeLogged > div .bestFreelancers > .title .language {
    margin-left: 10px;
  }
  .HomeLogged > div .bestFreelancers > .title .language select {
    height: 35px;
    font-size: 20px;
  }
  .HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer {
    width: 46%;
  }
  .HomeLogged > div .intro .blocks {
    flex-wrap: wrap;
    font-size: 20px;
  }
  .HomeLogged > div .intro .blocks .btn {
    white-space: pre-wrap;
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .HomeLogged > div .freelancersCatalog .specializations {
    column-count: 1;
  }
  .HomeLogged > div .bestFreelancers .title {
    flex-wrap: wrap;
  }
  .HomeLogged > div .bestFreelancers .listBestFreelancers .freelancer {
    width: 100%;
  }
  .HomeLogged > div .intro .blocks {
    flex-wrap: wrap;
  }
}
.mainImage {
  display: block;
  min-height: 580px;
  background-position: center top;
  background-image: url(/img/bg5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.mainImage .share {
  position: absolute;
  color: #fff;
}
.mainImage .title,
.mainImage .button,
.mainImage .registrationLink {
  margin: auto;
  width: 100%;
}
.mainImage .title {
  padding-top: 100px;
  text-align: center;
  font-size: 55px;
  color: white;
  font-weight: bold;
}
.mainImage .button {
  padding-top: 40px;
  display: flex;
  justify-content: center;
}
.mainImage .button a {
  display: flex;
  align-items: center;
  height: 80px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}
.mainImage .registrationLink {
  padding-top: 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.mainImage .registrationLink a {
  text-decoration: underline;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}

.HomeUnlogged > div {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
.HomeUnlogged > div .freelancersCatalog {
  background: #f7f7f7;
  padding: 25px 25px 10px;
}
.HomeUnlogged > div .freelancersCatalog .title {
  text-align: center;
}
.HomeUnlogged > div .freelancersCatalog .title h2 a {
  font-size: 28px;
  display: block;
  margin: 0 0 20px;
  color: #323232;
}
.HomeUnlogged > div .freelancersCatalog .specializations {
  column-count: 4;
}
.HomeUnlogged > div .freelancersCatalog .specializations .item a {
  font-size: 13px;
  color: #026dc0;
  margin: 0 0 10px;
  display: block;
  width: fit-content;
}
.HomeUnlogged > div .freelancersCatalog .specializations .item a:hover {
  color: #8c0400;
}
.HomeUnlogged > div .bestFreelancers > .title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.HomeUnlogged > div .bestFreelancers > .title h2 {
  font-size: 28px;
  margin: 20px 0;
}
.HomeUnlogged > div .bestFreelancers > .title .language {
  margin-left: 10px;
}
.HomeUnlogged > div .bestFreelancers > .title .language select {
  height: 35px;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 200px;
  border-bottom: 1px solid #eee;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer {
  display: flex;
  width: 30%;
  margin: 10px 10px;
  padding: 10px;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer > .description {
  padding: 0 0 0 15px;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .title h2 {
  line-height: 0;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .title h2 a {
  font-size: 13px;
  color: #3c3c3c;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .title h2 a:hover {
  color: #8c0400;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .specialization {
  color: #ff7f27;
  font-size: 11px;
  margin: 0 0 10px;
  font-weight: bold;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer > .description .description {
  font-size: 11px;
}
.HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer:hover {
  background-color: #f0ffdf;
}
.HomeUnlogged > div .intro > .title {
  text-align: center;
}
.HomeUnlogged > div .intro > .title h2 {
  font-size: 28px;
  margin: 20px 0;
}
.HomeUnlogged > div .intro .blocks {
  display: flex;
  font-size: 13px;
}
.HomeUnlogged > div .intro .blocks .block1,
.HomeUnlogged > div .intro .blocks .block2 {
  padding: 0 10px;
}
.HomeUnlogged > div .intro .blocks .block1 p,
.HomeUnlogged > div .intro .blocks .block2 p {
  padding-top: 5px;
}
.HomeUnlogged > div .intro .blocks h3 {
  text-align: center;
  font-size: 22px !important;
  margin: 20px 0;
  font-weight: normal;
}
.HomeUnlogged > div .intro .blocks .button {
  text-align: center;
  margin: 40px 0 0;
}

@media (max-width: 860px) {
  .mainImage .title {
    font-size: 30px;
  }
  .mainImage .registrationLink {
    font-size: 20px;
  }
  .mainImage .registrationLink a {
    font-size: 20px;
  }

  .HomeUnlogged > div .freelancersCatalog .specializations {
    column-count: 2;
  }
  .HomeUnlogged > div .freelancersCatalog .specializations .item {
    padding: 10px;
  }
  .HomeUnlogged > div .freelancersCatalog .specializations .item a {
    font-size: 20px;
  }
  .HomeUnlogged > div .bestFreelancers > .title {
    padding: 10px;
  }
  .HomeUnlogged > div .bestFreelancers > .title .language {
    margin-left: 10px;
  }
  .HomeUnlogged > div .bestFreelancers > .title .language select {
    height: 35px;
    font-size: 20px;
  }
  .HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer {
    width: 46%;
  }
  .HomeUnlogged > div .intro .blocks {
    flex-wrap: wrap;
    font-size: 20px;
  }
  .HomeUnlogged > div .intro .blocks .btn {
    white-space: pre-wrap;
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .HomeUnlogged > div .freelancersCatalog .specializations {
    column-count: 1;
  }
  .HomeUnlogged > div .bestFreelancers .title {
    flex-wrap: wrap;
  }
  .HomeUnlogged > div .bestFreelancers .listBestFreelancers .freelancer {
    width: 100%;
  }
  .HomeUnlogged > div .intro .blocks {
    flex-wrap: wrap;
  }
}
.ProjectsId > div {
  width: 1200px;
  padding-top: 60px;
}
.ProjectsId > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.ProjectsId > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsId > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsId > div .freeRegistrationTitle {
  padding: 10px;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
.ProjectsId > div .freeRegistrationTitle a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 18px;
}
.ProjectsId > div .freeRegistrationTitle a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .title h1 {
  font-size: 28px;
  font-weight: bold;
  color: #323232;
}
.ProjectsId > div .project .author {
  display: flex;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.ProjectsId > div .project .author .avatar {
  padding: 0 10px 0 0;
}
.ProjectsId > div .project .author .aboutAuthor {
  flex: 1;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(1) a {
  color: #6db335;
  text-decoration: underline;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(1) a:hover {
  color: #8c0400;
  border-bottom-color: #8c0400;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(2) {
  font-size: 11px;
  color: #414141;
  padding: 5px 0;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(2) a {
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(2) a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(2) a.positive {
  color: #6db335;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(2) a.neutral {
  color: #808080;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(2) a.negative {
  color: #c10600;
}
.ProjectsId > div .project .author .aboutAuthor div:nth-child(3) {
  font-size: 11px;
  color: #414141;
}
.ProjectsId > div .project .author .budget {
  font-size: 18px;
  color: #000;
}
.ProjectsId > div .project .author .budget span {
  font-weight: bold;
}
.ProjectsId > div .project .description {
  font-size: 13px;
  padding: 20px 0;
}
.ProjectsId > div .project .specialization {
  font-size: 11px;
  padding-bottom: 20px;
}
.ProjectsId > div .project .specialization > div:nth-child(1) {
  font-weight: bold;
}
.ProjectsId > div .project .specialization div a {
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsId > div .project .specialization div a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .date {
  font-size: 11px;
  padding-bottom: 30px;
}
.ProjectsId > div .project .date div:nth-child(1) {
  font-weight: bold;
}
.ProjectsId > div .project form.answerToProject {
  display: block;
  width: 70%;
}
.ProjectsId > div .project form.answerToProject .mainFild {
  margin-bottom: 20px;
}
.ProjectsId > div .project form.answerToProject .mainFild textarea {
  height: 100px;
  font-size: 13px;
}
.ProjectsId > div .project form.answerToProject .answerToProjectNav {
  display: flex;
  color: #026dc0;
  text-decoration: underline;
  font-size: 13px;
  border: 1px solid #eee;
  margin-bottom: 20px;
}
.ProjectsId > div .project form.answerToProject .answerToProjectNav label {
  cursor: pointer;
}
.ProjectsId > div .project form.answerToProject .answerToProjectNav label:hover {
  color: #8c0400;
}
.ProjectsId > div .project form.answerToProject .answerToProjectNav > div.logInAndAnswer {
  display: flex;
  margin: 0 20px;
}
.ProjectsId > div .project form.answerToProject .answerToProjectNav > div.publishAsGuest {
  display: flex;
  margin: 0 20px;
}
.ProjectsId > div .project form.answerToProject .answerToProjectNav > div.publishEqualProject {
  display: flex;
  margin: 0 20px;
}
.ProjectsId > div .project form.answerToProject .answerToProjectNav > div.lookAtAnotherProjects {
  display: flex;
  margin: 0 20px;
}
.ProjectsId > div .project form.answerToProject .emailAndContactMessage .email {
  margin-bottom: 20px;
}
.ProjectsId > div .project form.answerToProject .emailAndContactMessage .contactMessage {
  margin-bottom: 20px;
}
.ProjectsId > div .project form.answerToProject .emailAndContactMessage .contactMessage div:nth-child(2) textarea {
  height: 100px;
  font-size: 13px;
}
.ProjectsId > div .project .answerToProject {
  display: flex;
  align-items: center;
  padding-bottom: 40px;
}
.ProjectsId > div .project .answerToProject > div {
  padding: 5px;
}
.ProjectsId > div .project .answerToProject a {
  font-size: 13px;
  text-decoration: underline;
  color: #026dc0;
}
.ProjectsId > div .project .answerToProject a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .offersTitle h2 {
  font-weight: bold;
  font-size: 16px;
  padding: 40px 0;
  text-align: center;
  border-top: 2px solid #eee;
}
.ProjectsId > div .project .offersMenu {
  display: flex;
  justify-content: space-between;
}
.ProjectsId > div .project .offersMenu .item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ProjectsId > div .project .offersMenu .item a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
}
.ProjectsId > div .project .offersMenu .item span {
  color: #9d9d9d;
  font-weight: bold;
}
.ProjectsId > div .project .offersMenu .item a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .offer {
  margin-bottom: 100px;
}
.ProjectsId > div .project .offer .title {
  display: flex;
  background: #f5f5f5;
  padding: 10px;
}
.ProjectsId > div .project .offer .title .avatar div:nth-child(1) {
  padding: 0 10px 10px 0;
}
.ProjectsId > div .project .offer .title .avatar div:nth-child(2) a {
  margin: 0 5px;
}
.ProjectsId > div .project .offer .title .avatar div:nth-child(2) a.positive {
  color: #6db335;
  text-decoration: underline;
}
.ProjectsId > div .project .offer .title .avatar div:nth-child(2) a.negative {
  color: #c10600;
  text-decoration: underline;
}
.ProjectsId > div .project .offer .title .avatar div:nth-child(2) a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .offer .title .loginAndNames {
  flex: 1;
  font-size: 11px;
  font-weight: bold;
}
.ProjectsId > div .project .offer .title .loginAndNames a {
  font-weight: bold;
}
.ProjectsId > div .project .offer .title .loginAndNames .email {
  color: #57b330;
  font-size: 30px;
}
.ProjectsId > div .project .offer .title .actionButtons button {
  font-size: 13px;
  margin: 2px;
}
.ProjectsId > div .project .offer .title .actionButtons button.reward img {
  height: 10px;
  margin-right: 5px;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio {
  margin-left: 50px;
  margin-top: 20px;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio .description {
  background: #f5f5f5;
  padding: 10px 10px 10px 30px;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio .description div:nth-child(1) a {
  font-weight: bold;
  color: #666;
  font-size: 11px;
  text-decoration: underline;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio .description div:nth-child(2) {
  font-size: 12px;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio .description div:nth-child(3) {
  padding: 15px 0 0 5px;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio .description div:nth-child(3) a {
  color: #026dc0;
  font-size: 11px;
  text-decoration: underline;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio .description div:nth-child(3) a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio .portfolio {
  display: flex;
  padding: 20px;
}
.ProjectsId > div .project .offer .descriptionAndPortfolio .portfolio div {
  width: 33%;
  text-align: center;
}
.ProjectsId > div .project .offerFormToProject {
  width: 70%;
}
.ProjectsId > div .project .offerFormToProject > div:nth-child(1) {
  padding: 20px 0;
}
.ProjectsId > div .project .offerFormToProject > div:nth-child(1) a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 13px;
}
.ProjectsId > div .project .offerFormToProject form {
  border-top: 2px solid #eee;
  padding: 15px 0;
  border-bottom: 2px solid #eee;
}
.ProjectsId > div .project .offerFormToProject form .title {
  font-size: 22px;
}
.ProjectsId > div .project .offerFormToProject form .mainFild {
  margin: 10px 0;
}
.ProjectsId > div .project .offerFormToProject form .mainFild textarea {
  height: 130px;
  font-size: 13px;
}
.ProjectsId > div .project .offerFormToProject form .budget {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.ProjectsId > div .project .offerFormToProject form .budget label {
  width: 100px;
}
.ProjectsId > div .project .offerFormToProject form .budget input {
  width: 100px;
  margin: 0 5px;
}
.ProjectsId > div .project .offerFormToProject form .deadline {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.ProjectsId > div .project .offerFormToProject form .deadline label {
  width: 100px;
}
.ProjectsId > div .project .offerFormToProject form .deadline input {
  width: 100px;
  margin: 0 5px;
}
.ProjectsId > div .project .yourAnswers .answer {
  font-size: 20px;
  padding: 0 0 10px 0;
}
.ProjectsId > div .project .yourAnswers .titleBlock {
  display: flex;
  background: #eee;
  padding: 10px;
}
.ProjectsId > div .project .yourAnswers .titleBlock .avatar {
  padding: 0 10px 0 0;
}
.ProjectsId > div .project .yourAnswers .titleBlock .avatar img {
  width: 75px;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(1) {
  padding: 0 0 5px 0;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(1) a {
  font-size: 11px;
  color: #414141;
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(1) a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(2) {
  padding: 0 0 5px 0;
  color: #414141;
  font-weight: bold;
  font-size: 11px;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(3) {
  padding: 0 0 5px 0;
  color: #414141;
  font-size: 11px;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(3) a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(3) a.positive {
  color: #6db335;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(3) a.neutral {
  color: #808080;
}
.ProjectsId > div .project .yourAnswers .titleBlock .data > div:nth-child(3) a.negative {
  color: #c10600;
}
.ProjectsId > div .project .yourAnswers .messages {
  background: #eee;
  margin: 30px 0 0 60px;
  padding: 10px;
}
.ProjectsId > div .project .yourAnswers .messages .message .title {
  font-size: 11px;
  display: flex;
}
.ProjectsId > div .project .yourAnswers .messages .message .title a {
  font-size: 11px;
  color: #414141;
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsId > div .project .yourAnswers .messages .message .title a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .yourAnswers .messages .message .title .showMore {
  flex: 1;
  text-align: right;
}
.ProjectsId > div .project .yourAnswers .messages .message .title .showMore a {
  color: green;
}
.ProjectsId > div .project .yourAnswers .messages .message .title .showMore a:hover {
  color: red;
}
.ProjectsId > div .project .yourAnswers .messages .message .description {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 11px;
}
.ProjectsId > div .project .yourAnswers .messages .message .navLinks {
  display: flex;
  align-items: center;
}
.ProjectsId > div .project .yourAnswers .messages .message .navLinks a {
  color: #026dc0;
  text-decoration: underline;
  display: block;
  margin: 20px;
}
.ProjectsId > div .project .yourAnswers .messages .nav {
  display: flex;
}
.ProjectsId > div .project .yourAnswers .messages .nav > div:nth-child(1) {
  flex: 1;
}
.ProjectsId > div .project .yourAnswers .messages .nav > div:nth-child(1) a a:visited {
  text-decoration: underline;
}
.ProjectsId > div .project .yourAnswers .messages .nav > div:nth-child(1) a:hover {
  color: #8c0400;
}
.ProjectsId > div .project .yourAnswers .messages form .title {
  font-size: 11px;
}
.ProjectsId > div .project .yourAnswers .messages form .mainFild textarea {
  height: 100px;
  font-size: 13px;
}
.ProjectsId > div .project .yourAnswers .messages form .submitButton a {
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsId > div .project .yourAnswers .refuse {
  margin: 24px;
}
.ProjectsId > div .project .yourAnswers .refuse a {
  font-size: 13px;
  font-weight: bold;
  color: #c10600;
  border-bottom: 1px dotted #c10600;
  text-decoration: underline;
}
.ProjectsId > div .project .yourAnswers .refuse a:hover {
  text-decoration: none;
}
.ProjectsId > div .otherProjectsIn h3 {
  font-size: 22px;
  font-weight: normal;
  color: #000;
  padding-bottom: 20px;
}
.ProjectsId > div .projects {
  width: 70%;
}
.ProjectsId > div .projects .projectTitle {
  display: flex;
}
.ProjectsId > div .projects .projectTitle h2 {
  flex: 1;
}
.ProjectsId > div .projects .projectTitle h2 a {
  color: #026dc0;
  font-size: 20px;
  font-weight: normal;
}
.ProjectsId > div .projects .projectTitle h2 a:visited {
  color: #808080;
}
.ProjectsId > div .projects .projectTitle div {
  margin: 7px 0;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.ProjectsId > div .projects .shortDescription {
  font-size: 13px;
}
.ProjectsId > div .projects .aboutProject {
  font-size: 11px;
  font-weight: bold;
  display: flex;
  padding: 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.ProjectsId > div .projects .aboutProject div:nth-child(1) {
  flex: 1;
}
.ProjectsId > div .projects .aboutProject div:nth-child(2) {
  width: 80px;
  text-align: right;
}
.ProjectsId > div .projects .aboutProject div:nth-child(3) {
  width: 80px;
  text-align: right;
}
.ProjectsId > div .projects .aboutProject div:nth-child(3) a {
  color: #000;
}
.ProjectsId > div .projects .aboutProject div:nth-child(3) a:hover {
  color: #0f71c8;
}
.ProjectsId > div .projects .aboutProject div:nth-child(3) a:visited {
  color: #808080;
}
.ProjectsId > div .allTheProjects {
  text-align: center;
  width: 70%;
  background: #f1f1f1;
  padding: 5px;
}
.ProjectsId > div .allTheProjects a {
  color: #026dc0;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsId > div .allTheProjects a:hover {
  color: #8c0400;
}

.ProjectsIdLoggedNotAuthor > div {
  width: 1200px;
  padding-top: 60px;
  position: relative;
}
.ProjectsIdLoggedNotAuthor > div .share {
  position: absolute;
  top: 0;
}
.ProjectsIdLoggedNotAuthor > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.ProjectsIdLoggedNotAuthor > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsIdLoggedNotAuthor > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsIdLoggedNotAuthor > div .project {
  position: relative;
}
.ProjectsIdLoggedNotAuthor > div .project > div {
  width: 70%;
}
.ProjectsIdLoggedNotAuthor > div .project .blockedTitle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px;
  background: red;
  width: fit-content;
  color: #fff;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 {
  font-size: 28px;
  font-weight: bold;
  color: #323232;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit {
  display: inline-block;
  position: relative;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit .moderatorEditButton {
  margin-right: 5px;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit .moderatorEditButton:hover {
  cursor: pointer;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit ul.moderatorEditMenu {
  position: absolute;
  display: none;
  z-index: 1;
  width: 300px;
  background: grey;
  font-size: 15px;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit ul.moderatorEditMenu li:nth-child(1) {
  border: none;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit ul.moderatorEditMenu li {
  color: #000;
  padding: 5px;
  border-top: 1px solid #eee;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit ul.moderatorEditMenu li span {
  cursor: pointer;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit ul.moderatorEditMenu li:hover {
  opacity: 0.9;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit ul.moderatorEditMenu li.bl {
  background: #b15050;
}
.ProjectsIdLoggedNotAuthor > div .project .title h1 .moderatorEdit ul.moderatorEditMenu li.deBl {
  background: #7ba07b;
}
.ProjectsIdLoggedNotAuthor > div .project .author {
  display: flex;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.ProjectsIdLoggedNotAuthor > div .project .author .avatar {
  padding: 0 10px 0 0;
  height: 70px;
}
.ProjectsIdLoggedNotAuthor > div .project .author .avatar img {
  width: 70px;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor {
  flex: 1;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(1) a {
  color: #6db335;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(1) a:hover {
  color: #8c0400;
  border-bottom-color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(2) {
  font-size: 11px;
  color: #414141;
  padding: 5px 0;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(2) a {
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(2) a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(2) a.positive {
  color: #6db335;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(2) a.neutral {
  color: #808080;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(2) a.negative {
  color: #c10600;
}
.ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor div:nth-child(3) {
  font-size: 11px;
  color: #414141;
}
.ProjectsIdLoggedNotAuthor > div .project .author .budget {
  font-size: 18px;
  color: #000;
}
.ProjectsIdLoggedNotAuthor > div .project .author .budget span {
  font-weight: bold;
}
.ProjectsIdLoggedNotAuthor > div .project > .description {
  font-size: 13px;
  padding: 20px 0;
}
.ProjectsIdLoggedNotAuthor > div .project .specialization {
  font-size: 11px;
  padding-bottom: 20px;
  display: flex;
}
.ProjectsIdLoggedNotAuthor > div .project .specialization > div:nth-child(1) {
  font-weight: bold;
}
.ProjectsIdLoggedNotAuthor > div .project .specialization div {
  margin-right: 10px;
}
.ProjectsIdLoggedNotAuthor > div .project .specialization div a {
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .specialization div a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .date {
  font-size: 11px;
  padding-bottom: 30px;
}
.ProjectsIdLoggedNotAuthor > div .project .date div:nth-child(1) {
  font-weight: bold;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject {
  display: block;
  width: 70%;
  margin: 0 0 30px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject label {
  font-size: 13px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .mainFild {
  margin-bottom: 20px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .mainFild textarea {
  height: 100px;
  font-size: 13px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .mainFild .allowedTags {
  font-size: 13px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .budget {
  margin-bottom: 20px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .budget input {
  width: 100px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .deadline {
  margin-bottom: 20px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .deadline input {
  width: 100px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .submitButton .cancel {
  border: none;
  background: none;
  position: 0;
  color: #026dc0;
  text-decoration: underline;
  margin-left: 10px;
}
.ProjectsIdLoggedNotAuthor > div .project form.offerToProject .submitButton .cancel:hover {
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .answer {
  font-size: 20px;
  padding: 0 0 10px 0;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock {
  display: flex;
  background: #eee;
  padding: 10px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .avatar {
  padding: 0 10px 0 0;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .avatar img {
  width: 75px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(1) {
  padding: 0 0 5px 0;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(1) a {
  font-size: 11px;
  color: #414141;
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(1) a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(2) {
  padding: 0 0 5px 0;
  color: #414141;
  font-weight: bold;
  font-size: 11px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(3) {
  padding: 0 0 5px 0;
  color: #414141;
  font-size: 11px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(3) a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(3) a.positive {
  color: #6db335;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(3) a.neutral {
  color: #808080;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock .data > div:nth-child(3) a.negative {
  color: #c10600;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .refusedThemselves, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .refused, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .candidate, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .rewarded {
  margin-left: 50px;
  margin-top: 20px;
  padding: 5px;
  display: flex;
  background: #fde7d4;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .refusedThemselves > .block1, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .refused > .block1, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .candidate > .block1, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .rewarded > .block1 {
  padding: 0 5px 0 0;
  height: 37px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .refusedThemselves > .block2, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .refused > .block2, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .candidate > .block2, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .rewarded > .block2 {
  font-size: 11px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .refusedThemselves > .block2 > .title, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .refused > .block2 > .title, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .candidate > .block2 > .title, .ProjectsIdLoggedNotAuthor > div .project .yourOffer .rewarded > .block2 > .title {
  font-weight: bold;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .candidate {
  background: #fdf5d4;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .rewarded {
  background: #fff;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock {
  margin-left: 50px;
  margin-top: 20px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description {
  background: #f5f5f5;
  padding: 10px 10px 10px 30px;
  position: relative;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .message .messageTitle {
  font-size: 11px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .message .messageTitle a {
  font-weight: bold;
  color: #666;
  font-size: 11px;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .message .messageTitle .arrow {
  position: absolute;
  left: 10px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .message .messageDescription {
  font-size: 12px;
  margin: 0 0 8px 0;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock a,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock button,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .collapseMessagesBlock a,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .collapseMessagesBlock button,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .addMessageBlock a,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .addMessageBlock button {
  border: none;
  background: none;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock a:hover,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock button:hover,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .collapseMessagesBlock a:hover,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .collapseMessagesBlock button:hover,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .addMessageBlock a:hover,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .addMessageBlock button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock {
  margin: 20px 0;
  display: flex;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock .expandMessagesLink {
  flex: 1;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock .newMessagesLink img {
  margin: 0 5px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .collapseMessagesBlock {
  margin: 20px 0;
  display: flex;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .collapseMessagesBlock .collapseMessageLink {
  flex: 1;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .addMessageBlock {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .addMessageBlock .addMessageLink {
  margin: 0 10px 0 0;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description form .title {
  font-size: 11px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description form .mainFild textarea {
  height: 100px;
  font-size: 13px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description form .mainFild .allowedTags {
  font-size: 13px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description form .submitButton .cancel {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description form .submitButton .cancel:hover {
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer {
  display: flex;
  margin: 10px 0 0 64px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .edit a,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .edit button {
  border: none;
  background: none;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  color: #6db335;
  border-bottom: 1px #6db335;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .edit a:hover,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .edit button:hover {
  text-decoration: none;
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .refuse {
  margin: 0 0 0 10px;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .refuse a,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .refuse button {
  border: none;
  background: none;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  color: #c10600;
  border-bottom: 1px dotted #c10600;
  text-decoration: underline;
}
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .refuse a:hover,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .refuse button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedNotAuthor > div .blocked {
  border: 1px solid red;
  padding: 10px;
}

@media (max-width: 800px) {
  .ProjectsIdLoggedNotAuthor > div .project > div {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .ProjectsIdLoggedNotAuthor > div .project .author {
    flex-direction: column;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description form .submitButton .cancel {
    margin-top: 20px;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer {
    flex-wrap: wrap;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .edit,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .refuse {
    margin-top: 20px;
  }
}
@media (max-width: 800px) {
  .ProjectsIdLoggedNotAuthor > div .project > div {
    width: 100%;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .titleBlock {
    flex-direction: column;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock {
    flex-direction: column;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .expandMessagesBlock .newMessagesLink {
    margin: 20px 0 0;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .collapseMessagesBlock {
    flex-direction: column;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .collapseMessagesBlock .loadOlderMessageLink {
    margin: 20px 0 0;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description .addMessageBlock .editMessageLink {
    margin: 20px 0 0;
  }
}
@media (max-width: 600px) {
  .ProjectsIdLoggedNotAuthor > div .project .author {
    flex-direction: column;
  }
  .ProjectsIdLoggedNotAuthor > div .project .author .aboutAuthor > div {
    margin: 20px 0;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .descriptionBlock > .description form .submitButton .cancel {
    margin-top: 20px;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer {
    flex-wrap: wrap;
  }
  .ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .edit,
.ProjectsIdLoggedNotAuthor > div .project .yourOffer .editAndRefuseOffer .refuse {
    margin-top: 20px;
  }
  .ProjectsIdLoggedNotAuthor > div .project .buttons {
    display: flex;
    flex-direction: column;
  }
  .ProjectsIdLoggedNotAuthor > div .project .buttons a:nth-child(2) {
    margin: 20px 0;
  }
}
.ProjectsIdLoggedAuthor > div {
  width: 1200px;
  padding-top: 100px;
  position: relative;
}
.ProjectsIdLoggedAuthor > div .share {
  position: absolute;
  top: 0;
}
.ProjectsIdLoggedAuthor > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.ProjectsIdLoggedAuthor > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsIdLoggedAuthor > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsIdLoggedAuthor > div .project {
  position: relative;
}
.ProjectsIdLoggedAuthor > div .project .blockedTitle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px;
  background: red;
  width: fit-content;
  color: #fff;
}
.ProjectsIdLoggedAuthor > div .project .title h1 {
  font-size: 28px;
  font-weight: bold;
  color: #323232;
}
.ProjectsIdLoggedAuthor > div .project .author {
  display: flex;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.ProjectsIdLoggedAuthor > div .project .author .avatar {
  padding: 0 10px 0 0;
  height: 70px;
}
.ProjectsIdLoggedAuthor > div .project .author .avatar img {
  width: 70px;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(1) a {
  color: #6db335;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(1) a:hover {
  color: #8c0400;
  border-bottom-color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(2) {
  font-size: 11px;
  color: #414141;
  padding: 5px 0;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(2) a {
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(2) a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(2) a.positive {
  color: #6db335;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(2) a.neutral {
  color: #808080;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(2) a.negative {
  color: #c10600;
}
.ProjectsIdLoggedAuthor > div .project .author .aboutAuthor div:nth-child(3) {
  font-size: 11px;
  color: #414141;
}
.ProjectsIdLoggedAuthor > div .project .author .budget {
  font-size: 18px;
  color: #000;
}
.ProjectsIdLoggedAuthor > div .project .author .budget span {
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .description {
  font-size: 13px;
  padding: 20px 0;
}
.ProjectsIdLoggedAuthor > div .project .specialization {
  font-size: 11px;
  padding-bottom: 20px;
  display: flex;
}
.ProjectsIdLoggedAuthor > div .project .specialization > div:nth-child(1) {
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .specialization div {
  margin-right: 10px;
}
.ProjectsIdLoggedAuthor > div .project .specialization div a {
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .specialization div a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .date {
  font-size: 11px;
  padding-bottom: 30px;
}
.ProjectsIdLoggedAuthor > div .project .date div:nth-child(1) {
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .answerToProject {
  display: flex;
  align-items: center;
  padding-bottom: 40px;
}
.ProjectsIdLoggedAuthor > div .project .answerToProject > div {
  padding: 5px;
}
.ProjectsIdLoggedAuthor > div .project .answerToProject button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  text-decoration: underline;
  color: #026dc0;
}
.ProjectsIdLoggedAuthor > div .project .answerToProject button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm {
  width: 70%;
  margin: 0 0 100px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm label {
  font-size: 15px;
  font-weight: bold;
  padding: 0 0 5px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm input, .ProjectsIdLoggedAuthor > div .project .editProjectForm textarea {
  font-size: 13px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .formTitle h1 {
  font-size: 28px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .title {
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .description {
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .description textarea {
  width: 100%;
  height: 200px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .budget {
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .budget input {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .deadline {
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .deadline input {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .publishButton a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .editProjectForm .publishButton a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .offersTitle h2 {
  font-weight: bold;
  font-size: 16px;
  padding: 40px 0;
  text-align: center;
  border-top: 2px solid #eee;
}
.ProjectsIdLoggedAuthor > div .project .offersMenu {
  display: flex;
  justify-content: space-between;
}
.ProjectsIdLoggedAuthor > div .project .offersMenu .item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ProjectsIdLoggedAuthor > div .project .offersMenu .item .active {
  color: #000;
  cursor: auto;
  text-decoration: none;
}
.ProjectsIdLoggedAuthor > div .project .offersMenu .item .active:hover {
  color: #000;
}
.ProjectsIdLoggedAuthor > div .project .offersMenu .item button {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .offersMenu .item span {
  color: #9d9d9d;
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .offersMenu .item button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer {
  margin-bottom: 100px;
}
.ProjectsIdLoggedAuthor > div .project .offer .title {
  display: flex;
  background: #f5f5f5;
  padding: 10px;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .avatar div:nth-child(1) {
  padding: 0 10px 10px 0;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .avatar div:nth-child(2) a {
  margin: 0 5px;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .avatar div:nth-child(2) a.positive {
  color: #6db335;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .avatar div:nth-child(2) a.neutral {
  color: #808080;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .avatar div:nth-child(2) a.negative {
  color: #c10600;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .avatar div:nth-child(2) a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .loginAndNames {
  flex: 1;
  font-size: 11px;
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .loginAndNames > .specialization a {
  white-space: nowrap;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .loginAndNames a {
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .loginAndNames .email {
  color: #57b330;
  font-size: 30px;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .actionButtons button {
  font-size: 13px;
  margin: 2px;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .actionButtons button.reward img {
  height: 10px;
  margin-right: 5px;
}
.ProjectsIdLoggedAuthor > div .project .offer .title .actionButtons .active {
  background: -webkit-linear-gradient(top, #7ecd57, #6fbd48);
  border-bottom-color: red;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio {
  margin-left: 50px;
  margin-top: 20px;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description {
  background: #f5f5f5;
  padding: 10px 10px 10px 30px;
  position: relative;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .message .messageTitle a {
  font-weight: bold;
  color: #666;
  font-size: 11px;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .message .messageTitle .arrow {
  position: absolute;
  left: 10px;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .message .messageDescription {
  font-size: 12px;
  margin: 0 0 8px 0;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock a,
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock a,
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock a {
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock a:hover,
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock a:hover,
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock {
  margin: 20px 0;
  display: flex;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock .expandMessagesLink {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock .expandMessagesLink button {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock .expandMessagesLink button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock .newMessagesLink img {
  margin: 0 5px;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock .newMessagesLink button {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock .newMessagesLink button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock {
  margin: 20px 0;
  display: flex;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock .collapseMessageLink {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock .collapseMessageLink button {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock .collapseMessageLink button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock .loadOlderMessageLink button {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock .loadOlderMessageLink button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock {
  margin: 20px 0;
  display: flex;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock .addMessageLink {
  margin: 0 10px 0 0;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock .addMessageLink button {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock .addMessageLink button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock .editMessageLink button {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock .editMessageLink button:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description form.addMessage .title {
  font-size: 11px;
  padding: 0px;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description form.addMessage .mainFild textarea {
  height: 100px;
  font-size: 13px;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description form.addMessage .submitButton .cancel {
  border: none;
  background: none;
  padding: 0;
  font-size: 13px;
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description form.addMessage .submitButton .cancel:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .portfolio {
  display: flex;
  padding: 20px;
}
.ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .portfolio div {
  width: 33%;
  text-align: center;
}
.ProjectsIdLoggedAuthor > div .blocked {
  border: 1px solid red;
  padding: 10px;
}
.ProjectsIdLoggedAuthor > div .orderForm {
  display: flex;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 {
  padding: 0 15px 0 0;
  flex: 1;
  font-size: 15px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .titleH1 h1 {
  font-size: 28px;
  margin: 0px;
  padding: 0 0 23px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .freelancer {
  display: flex;
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .freelancer > .block1 {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .freelancer > .block2 {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .freelancer > .block2 a {
  font-size: 13px;
  font-weight: bold;
  color: #000;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .title {
  display: flex;
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .title > .block1 {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .title > .block2 {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .title > .block2 .inputField input {
  max-width: 600px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .title > .block2 .help {
  font-size: 11px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .description {
  display: flex;
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .description > .block1 {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .description > .block2 {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .description > .block2 .textareaField textarea {
  max-width: 600px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .description > .block2 .help {
  font-size: 11px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .budget {
  display: flex;
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .budget > .block1 {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .budget > .block2 {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .budget > .block2 .inputField {
  width: 80px;
  display: inline-block;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .deadline {
  display: flex;
  padding: 0 0 20px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .deadline > .block1 {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .deadline > .block2 {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .deadline > .block2 .inputField {
  width: 80px;
  display: inline-block;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .conclusions {
  display: flex;
  padding: 0 0 40px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .conclusions > .block1 {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .conclusions > .block2 {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .conclusions > .block2 .description {
  width: 330px;
  font-size: 13px;
  padding: 0 0 10px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .conclusions > .block2 .description h3 {
  font-size: 13px;
  color: #717171;
  padding: 0 0 10px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock {
  width: 330px;
  display: flex;
  align-items: flex-start;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock .checkboxField {
  width: 30px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock label {
  font-size: 13px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .submitButton {
  display: flex;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .submitButton > .block1 {
  width: 100px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .submitButton > .block2 {
  flex: 1;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .submitButton > .block2 a {
  font-size: 13px;
  color: #026dc0;
  margin: 0 0 0 10px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block1 .submitButton > .block2 a:hover {
  color: #8c0400;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages {
  padding: 3px 5px;
  width: 240px;
  border: 2px solid #eee;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages .stage {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  color: #717171;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages .stage .block1 {
  padding: 0 5px 0 0;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages .stage .block2 {
  flex: 1;
  padding: 10px 0;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages .stage .block2 .title {
  padding: 0 0 5px;
  font-size: 13px;
  font-weight: bold;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages .stage .block2 .description {
  font-size: 11px;
  padding: 0 0 5px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages .active {
  color: #6db335;
  position: relative;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages .active:before {
  content: " ";
  height: 100%;
  border-left: 4px solid #6db335;
  border-bottom: none;
  position: absolute;
  top: 0;
  left: -8px;
}
.ProjectsIdLoggedAuthor > div .orderForm > .block2 .stages .attantion.active:before {
  top: -1px;
}

@media (max-width: 800px) {
  .ProjectsIdLoggedAuthor > div .project .offersMenu {
    flex-direction: column;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .title {
    flex-direction: column;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .title .loginAndNames > p {
    margin: 20px 0;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .portfolio {
    flex-direction: column;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock {
    flex-direction: column;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock .editMessageLink {
    margin: 20px 0 0;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .addMessageBlock .addMessage .submitButton button:nth-child(1) {
    margin: 20px 0;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock {
    flex-direction: column;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .collapseMessagesBlock .loadOlderMessageLink {
    margin: 20px 0 0;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock {
    flex-direction: column;
  }
  .ProjectsIdLoggedAuthor > div .project .offer .descriptionAndPortfolio .description .expandMessagesBlock .newMessagesLink {
    margin: 20px 0 0;
  }
}
@media (max-width: 600px) {
  .ProjectsIdLoggedAuthor > div .project .author {
    flex-direction: column;
  }
  .ProjectsIdLoggedAuthor > div .project .yourOffer .descriptionBlock > .description form .submitButton .cancel {
    margin-top: 20px;
  }
  .ProjectsIdLoggedAuthor > div .project .yourOffer .editAndRefuseOffer {
    flex-wrap: wrap;
  }
  .ProjectsIdLoggedAuthor > div .project .yourOffer .editAndRefuseOffer .edit,
.ProjectsIdLoggedAuthor > div .project .yourOffer .editAndRefuseOffer .refuse {
    margin-top: 20px;
  }
}
.ProjectsIdUnLogged > div {
  width: 1200px;
  padding-top: 60px;
  position: relative;
}
.ProjectsIdUnLogged > div .share {
  position: absolute;
  top: 0;
}
.ProjectsIdUnLogged > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.ProjectsIdUnLogged > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsIdUnLogged > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsIdUnLogged > div .freeRegistrationTitle {
  padding: 10px;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
.ProjectsIdUnLogged > div .freeRegistrationTitle a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 18px;
}
.ProjectsIdUnLogged > div .freeRegistrationTitle a:hover {
  color: #8c0400;
}
.ProjectsIdUnLogged > div .project .title h1 {
  font-size: 28px;
  font-weight: bold;
  color: #323232;
}
.ProjectsIdUnLogged > div .project .author {
  display: flex;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.ProjectsIdUnLogged > div .project .author .avatar {
  padding: 0 10px 0 0;
  height: 70px;
}
.ProjectsIdUnLogged > div .project .author .avatar img {
  width: 70px;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor {
  flex: 1;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(1) a {
  color: #6db335;
  text-decoration: underline;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(1) a:hover {
  color: #8c0400;
  border-bottom-color: #8c0400;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(2) {
  font-size: 11px;
  color: #414141;
  padding: 5px 0;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(2) a {
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(2) a:hover {
  color: #8c0400;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(2) a.positive {
  color: #6db335;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(2) a.neutral {
  color: #808080;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(2) a.negative {
  color: #c10600;
}
.ProjectsIdUnLogged > div .project .author .aboutAuthor div:nth-child(3) {
  font-size: 11px;
  color: #414141;
}
.ProjectsIdUnLogged > div .project .author .budget {
  font-size: 18px;
  color: #000;
}
.ProjectsIdUnLogged > div .project .author .budget span {
  font-weight: bold;
}
.ProjectsIdUnLogged > div .project .description {
  font-size: 13px;
  padding: 20px 0;
}
.ProjectsIdUnLogged > div .project .specialization {
  font-size: 11px;
  padding-bottom: 20px;
  display: flex;
}
.ProjectsIdUnLogged > div .project .specialization > div:nth-child(1) {
  font-weight: bold;
}
.ProjectsIdUnLogged > div .project .specialization div {
  margin-right: 10px;
}
.ProjectsIdUnLogged > div .project .specialization div a {
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsIdUnLogged > div .project .specialization div a:hover {
  color: #8c0400;
}
.ProjectsIdUnLogged > div .project .date {
  font-size: 11px;
  padding-bottom: 30px;
}
.ProjectsIdUnLogged > div .project .date div:nth-child(1) {
  font-weight: bold;
}
.ProjectsIdUnLogged > div .project .buttons {
  margin: 30px 0;
}
.ProjectsIdUnLogged > div .project .buttons button {
  margin: 0 10px 0 0;
}
.ProjectsIdUnLogged > div .project .buttons a {
  font-size: 13px;
  margin: 0 10px 0 0;
  color: #026dc0;
  text-decoration: underline;
}
.ProjectsIdUnLogged > div .project .buttons a:hover {
  color: #8c0400;
}
.ProjectsIdUnLogged > div .project form.offerToProject {
  display: block;
  width: 70%;
  margin: 0 0 30px;
}
.ProjectsIdUnLogged > div .project form.offerToProject label {
  font-size: 13px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .mainFild {
  margin-bottom: 20px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .mainFild textarea {
  height: 100px;
  font-size: 13px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .mainFild .allowedTags {
  font-size: 13px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .budget {
  margin-bottom: 20px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .budget input {
  width: 100px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .deadline {
  margin-bottom: 20px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .deadline input {
  width: 100px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .emailAndContactMessage .email {
  margin-bottom: 20px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .emailAndContactMessage .contactMessage {
  margin-bottom: 20px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .emailAndContactMessage .contactMessage div:nth-child(2) textarea {
  height: 100px;
  font-size: 13px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .submitButton .cancel {
  border: none;
  background: none;
  color: #026dc0;
  padding: 0;
  font-size: 13px;
}
.ProjectsIdUnLogged > div .project form.offerToProject .submitButton .cancel:hover {
  color: #8c0400;
}
.ProjectsIdUnLogged > div .otherProjectsIn h3 {
  font-size: 22px;
  font-weight: normal;
  color: #000;
  padding-bottom: 20px;
}
.ProjectsIdUnLogged > div .projects {
  width: 70%;
}
.ProjectsIdUnLogged > div .projects .projectTitle {
  display: flex;
}
.ProjectsIdUnLogged > div .projects .projectTitle h2 {
  flex: 1;
}
.ProjectsIdUnLogged > div .projects .projectTitle h2 a {
  color: #026dc0;
  font-size: 20px;
  font-weight: normal;
}
.ProjectsIdUnLogged > div .projects .projectTitle h2 a:visited {
  color: #808080;
}
.ProjectsIdUnLogged > div .projects .projectTitle .budget {
  white-space: nowrap;
  margin: 7px 0;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.ProjectsIdUnLogged > div .projects .shortDescription {
  font-size: 13px;
}
.ProjectsIdUnLogged > div .projects .aboutProject {
  font-size: 11px;
  font-weight: bold;
  display: flex;
  padding: 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.ProjectsIdUnLogged > div .projects .aboutProject div:nth-child(1) {
  flex: 1;
}
.ProjectsIdUnLogged > div .projects .aboutProject div:nth-child(2) {
  width: 80px;
  text-align: right;
}
.ProjectsIdUnLogged > div .projects .aboutProject div:nth-child(3) {
  width: 80px;
  text-align: right;
}
.ProjectsIdUnLogged > div .projects .aboutProject div:nth-child(3) a {
  color: #000;
}
.ProjectsIdUnLogged > div .projects .aboutProject div:nth-child(3) a:hover {
  color: #0f71c8;
}
.ProjectsIdUnLogged > div .projects .aboutProject div:nth-child(3) a:visited {
  color: #808080;
}
.ProjectsIdUnLogged > div .allTheProjects {
  text-align: center;
  width: 70%;
  background: #f1f1f1;
  padding: 5px;
}
.ProjectsIdUnLogged > div .allTheProjects a {
  color: #026dc0;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
}
.ProjectsIdUnLogged > div .allTheProjects a:hover {
  color: #8c0400;
}

@media (max-width: 800px) {
  .ProjectsIdUnLogged > div .project > div {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .ProjectsIdUnLogged > div .project .author {
    flex-direction: column;
  }
  .ProjectsIdUnLogged > div .project .author .aboutAuthor > div {
    margin: 20px 0;
  }
  .ProjectsIdUnLogged > div .project .yourOffer .descriptionBlock > .description form .submitButton .cancel {
    margin-top: 20px;
  }
  .ProjectsIdUnLogged > div .project .yourOffer .editAndRefuseOffer {
    flex-wrap: wrap;
  }
  .ProjectsIdUnLogged > div .project .yourOffer .editAndRefuseOffer .edit,
.ProjectsIdUnLogged > div .project .yourOffer .editAndRefuseOffer .refuse {
    margin-top: 20px;
  }
  .ProjectsIdUnLogged > div .project .buttons {
    display: flex;
    flex-direction: column;
  }
  .ProjectsIdUnLogged > div .project .buttons a:nth-child(2) {
    margin: 20px 0;
  }
}
.PublishLogged > div {
  max-width: 1200px;
  width: 100%;
}
.PublishLogged > div .PublishForm {
  width: 70%;
  margin: 100px 0 0;
}
.PublishLogged > div .PublishForm .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.PublishLogged > div .PublishForm .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.PublishLogged > div .PublishForm .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.PublishLogged > div .PublishForm label {
  font-size: 15px;
  font-weight: bold;
  padding: 0 0 5px;
}
.PublishLogged > div .PublishForm input, .PublishLogged > div .PublishForm textarea {
  font-size: 13px;
}
.PublishLogged > div .PublishForm .formTitle h1 {
  font-size: 28px;
}
.PublishLogged > div .PublishForm .title {
  padding: 0 0 20px;
}
.PublishLogged > div .PublishForm .description {
  padding: 0 0 20px;
}
.PublishLogged > div .PublishForm .description textarea {
  width: 100%;
  height: 200px;
}
.PublishLogged > div .PublishForm .allowedTags {
  font-size: 11px;
}
.PublishLogged > div .PublishForm .specialization {
  padding: 0 0 20px;
  position: relative;
}
.PublishLogged > div .PublishForm .specialization .selectSpecialization {
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.PublishLogged > div .PublishForm .specialization .selectSpecialization i {
  color: green;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
  opacity: 0.8;
  cursor: pointer;
}
.PublishLogged > div .PublishForm .specialization .selectSpecialization i:hover {
  opacity: 1;
}
.PublishLogged > div .PublishForm .specialization .specializationsMenu {
  display: flex;
  position: absolute;
}
.PublishLogged > div .PublishForm .specialization .specializationsMenu ul {
  background: white;
  border: 1px solid #ccc;
  font-size: 13px;
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25), 0 3px 3px rgba(0, 0, 0, 0.22);
}
.PublishLogged > div .PublishForm .specialization .specializationsMenu ul li {
  cursor: pointer;
  padding: 10px;
}
.PublishLogged > div .PublishForm .specialization .specializationsMenu ul li:hover {
  background-color: #eef2f8;
}
.PublishLogged > div .PublishForm .specialization .specializationsMenu ul li.active {
  background-color: #eef2f8;
}
.PublishLogged > div .PublishForm .specialization .specializationsMenu .block1 {
  overflow: auto;
  max-height: 300px;
}
.PublishLogged > div .PublishForm .specialization .specializationsMenu .block2 {
  overflow: auto;
  height: 300px;
}
.PublishLogged > div .PublishForm .budget {
  padding: 0 0 20px;
}
.PublishLogged > div .PublishForm .budget input {
  width: 100px;
}
.PublishLogged > div .PublishForm .deadline {
  padding: 0 0 20px;
}
.PublishLogged > div .PublishForm .deadline input {
  width: 100px;
}
.PublishLogged > div .PublishForm .language {
  display: flex;
  padding: 0 0 20px;
}

@media (max-width: 800px) {
  .PublishLogged > div .PublishForm {
    width: 100%;
  }
}
.PublishLoggedEdit > div {
  max-width: 1200px;
  width: 100%;
}
.PublishLoggedEdit > div .PublishForm {
  width: 70%;
  margin: 100px 0 0;
}
.PublishLoggedEdit > div .PublishForm .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.PublishLoggedEdit > div .PublishForm .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.PublishLoggedEdit > div .PublishForm .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.PublishLoggedEdit > div .PublishForm label {
  font-size: 15px;
  font-weight: bold;
  padding: 0 0 5px;
}
.PublishLoggedEdit > div .PublishForm input, .PublishLoggedEdit > div .PublishForm textarea {
  font-size: 13px;
}
.PublishLoggedEdit > div .PublishForm .formTitle h1 {
  font-size: 28px;
}
.PublishLoggedEdit > div .PublishForm .title {
  padding: 0 0 20px;
}
.PublishLoggedEdit > div .PublishForm .description {
  padding: 0 0 20px;
}
.PublishLoggedEdit > div .PublishForm .description textarea {
  width: 100%;
  height: 200px;
}
.PublishLoggedEdit > div .PublishForm .allowedTags {
  font-size: 11px;
}
.PublishLoggedEdit > div .PublishForm .specialization {
  padding: 0 0 20px;
  position: relative;
}
.PublishLoggedEdit > div .PublishForm .specialization .selectSpecialization {
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.PublishLoggedEdit > div .PublishForm .specialization .selectSpecialization i {
  color: green;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
  opacity: 0.8;
  cursor: pointer;
}
.PublishLoggedEdit > div .PublishForm .specialization .selectSpecialization i:hover {
  opacity: 1;
}
.PublishLoggedEdit > div .PublishForm .specialization .specializationsMenu {
  display: flex;
  position: absolute;
}
.PublishLoggedEdit > div .PublishForm .specialization .specializationsMenu ul {
  background: white;
  border: 1px solid #ccc;
  font-size: 13px;
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25), 0 3px 3px rgba(0, 0, 0, 0.22);
}
.PublishLoggedEdit > div .PublishForm .specialization .specializationsMenu ul li {
  cursor: pointer;
  padding: 10px;
}
.PublishLoggedEdit > div .PublishForm .specialization .specializationsMenu ul li:hover {
  background-color: #eef2f8;
}
.PublishLoggedEdit > div .PublishForm .specialization .specializationsMenu ul li.active {
  background-color: #eef2f8;
}
.PublishLoggedEdit > div .PublishForm .specialization .specializationsMenu .block1 {
  overflow: auto;
  max-height: 300px;
}
.PublishLoggedEdit > div .PublishForm .specialization .specializationsMenu .block2 {
  overflow: auto;
  height: 300px;
}
.PublishLoggedEdit > div .PublishForm .specialization .addSpecialization {
  display: flex;
  align-items: center;
}
.PublishLoggedEdit > div .PublishForm .specialization .addSpecialization i {
  color: green;
  margin-right: 5px;
}
.PublishLoggedEdit > div .PublishForm .specialization .addSpecialization a {
  color: #0f71c8;
  text-decoration: underline;
}
.PublishLoggedEdit > div .PublishForm .specialization .addSpecialization a:hover {
  color: #8c0400;
}
.PublishLoggedEdit > div .PublishForm .budget {
  padding: 0 0 20px;
}
.PublishLoggedEdit > div .PublishForm .budget input {
  width: 100px;
}
.PublishLoggedEdit > div .PublishForm .deadline {
  padding: 0 0 20px;
}
.PublishLoggedEdit > div .PublishForm .deadline input {
  width: 100px;
}
.PublishLoggedEdit > div .PublishForm .language {
  display: flex;
  padding: 0 0 20px;
}
.PublishLoggedEdit > div .PublishForm .publishButton .cancel {
  border: none;
  background: none;
  padding: 0 0 0 10px;
  color: #026dc0;
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
}
.PublishLoggedEdit > div .PublishForm .publishButton .cancel:hover {
  color: #8c0400;
}

@media (max-width: 800px) {
  .PublishLoggedEdit > div .PublishForm {
    width: 100%;
  }
}
.PublishUnLogged > div {
  max-width: 1200px;
  width: 100%;
}
.PublishUnLogged > div .PublishForm {
  width: 70%;
  margin: 100px 0 0;
}
.PublishUnLogged > div .PublishForm .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.PublishUnLogged > div .PublishForm .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.PublishUnLogged > div .PublishForm .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.PublishUnLogged > div .PublishForm label {
  font-size: 15px;
  font-weight: bold;
  padding: 0 0 5px;
}
.PublishUnLogged > div .PublishForm input, .PublishUnLogged > div .PublishForm textarea {
  font-size: 13px;
}
.PublishUnLogged > div .PublishForm .formTitle h1 {
  font-size: 28px;
}
.PublishUnLogged > div .PublishForm .title {
  padding: 0 0 20px;
}
.PublishUnLogged > div .PublishForm .description {
  padding: 0 0 20px;
}
.PublishUnLogged > div .PublishForm .description textarea {
  width: 100%;
  height: 200px;
}
.PublishUnLogged > div .PublishForm .allowedTags {
  font-size: 11px;
}
.PublishUnLogged > div .PublishForm .specialization {
  padding: 0 0 20px;
  position: relative;
}
.PublishUnLogged > div .PublishForm .specialization .selectSpecialization {
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.PublishUnLogged > div .PublishForm .specialization .selectSpecialization i {
  color: green;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
  opacity: 0.8;
  cursor: pointer;
}
.PublishUnLogged > div .PublishForm .specialization .selectSpecialization i:hover {
  opacity: 1;
}
.PublishUnLogged > div .PublishForm .specialization .specializationsMenu {
  display: flex;
  position: absolute;
}
.PublishUnLogged > div .PublishForm .specialization .specializationsMenu ul {
  background: white;
  border: 1px solid #ccc;
  font-size: 13px;
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25), 0 3px 3px rgba(0, 0, 0, 0.22);
}
.PublishUnLogged > div .PublishForm .specialization .specializationsMenu ul li {
  cursor: pointer;
  padding: 10px;
}
.PublishUnLogged > div .PublishForm .specialization .specializationsMenu ul li:hover {
  background-color: #eef2f8;
}
.PublishUnLogged > div .PublishForm .specialization .specializationsMenu ul li.active {
  background-color: #eef2f8;
}
.PublishUnLogged > div .PublishForm .specialization .specializationsMenu .block1 {
  overflow: auto;
  max-height: 300px;
}
.PublishUnLogged > div .PublishForm .specialization .specializationsMenu .block2 {
  overflow: auto;
  height: 300px;
}
.PublishUnLogged > div .PublishForm .specialization .addSpecialization {
  display: flex;
  align-items: center;
}
.PublishUnLogged > div .PublishForm .specialization .addSpecialization i {
  color: green;
  margin-right: 5px;
}
.PublishUnLogged > div .PublishForm .specialization .addSpecialization a {
  color: #0f71c8;
  text-decoration: underline;
}
.PublishUnLogged > div .PublishForm .specialization .addSpecialization a:hover {
  color: #8c0400;
}
.PublishUnLogged > div .PublishForm .budget {
  padding: 0 0 20px;
}
.PublishUnLogged > div .PublishForm .budget input {
  width: 100px;
}
.PublishUnLogged > div .PublishForm .deadline {
  padding: 0 0 20px;
}
.PublishUnLogged > div .PublishForm .deadline input {
  width: 100px;
}
.PublishUnLogged > div .PublishForm .language {
  display: flex;
  padding: 0 0 20px;
}

@media (max-width: 800px) {
  .PublishUnLogged > div .PublishForm {
    width: 100%;
  }
}
.PortfolioLogged > div {
  width: 1200px;
  display: flex;
  padding-top: 100px;
}
.PortfolioLogged > div .content {
  width: 70%;
}
.PortfolioLogged > div .content .titleFreelancers {
  display: flex;
  align-items: center;
  width: 100%;
}
.PortfolioLogged > div .content .titleFreelancers div:nth-child(1) {
  flex: 1;
}
.PortfolioLogged > div .content .specialty {
  width: 100%;
  background: #f7f7f7;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.PortfolioLogged > div .content .specialty a {
  font-size: 13px;
  color: #026dc0;
  margin: 10px 0;
  display: block;
}
.PortfolioLogged > div .content .searchForm {
  padding: 20px 0;
}
.PortfolioLogged > div .content .searchForm .searchField {
  display: flex;
  align-items: center;
}
.PortfolioLogged > div .content .searchForm .searchField .keywords {
  flex: 1;
}
.PortfolioLogged > div .content .searchForm .searchField .keywords input {
  height: 35px;
  padding-right: 30px;
}
.PortfolioLogged > div .content .searchForm .searchField .keywords i {
  margin-left: -25px;
  color: #bdc0c1;
}
.PortfolioLogged > div .content .searchForm .searchField .language select {
  height: 35px;
}
.PortfolioLogged > div .content .searchForm .searchField .submitButton button {
  height: 35px;
  margin-left: 10px;
  padding: 0 20px;
}
.PortfolioLogged > div .content .searchForm .showAdvancedSearcMenuLinks {
  text-align: right;
  padding: 10px 0;
}
.PortfolioLogged > div .content .searchForm .showAdvancedSearcMenuLinks .advancedSearchLink {
  border-bottom: 1px dotted #0f71c8;
  font-size: 15px;
}
.PortfolioLogged > div .content .searchForm .showAdvancedSearcMenuLinks .resetSettingsLink {
  color: #c10600;
  border-bottom: 1px dotted #c10600;
  font-size: 15px;
}
.PortfolioLogged > div .content .searchForm .showAdvancedSearcMenuLinks .resetSettingsLink:hover {
  color: #8c0400;
}
.PortfolioLogged > div .content .searchForm .advancedSearch {
  background: #fafafa;
  border-top: 1px solid #5ab632;
  padding: 10px 0 20px;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1,
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 {
  display: flex;
  align-items: flex-start;
  padding: 5px;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 > div,
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 > div {
  width: 50%;
  padding: 0 15px;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 .hyphen,
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 .hyphen {
  padding: 0 5px;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 label,
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 label {
  font-size: 13px;
  padding: 10px 0 5px;
  width: fit-content;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 label {
  font-weight: bold;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 .budget label {
  white-space: nowrap;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 .budget .inputFields {
  display: flex;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 .budget .inputFields input {
  width: 70px;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 .deadline label {
  white-space: nowrap;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 .deadline .inputFields {
  display: flex;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block1 .deadline .inputFields input {
  width: 70px;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 {
  padding: 0px;
  height: 30px;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 > div {
  display: flex;
  align-items: center;
}
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 > div input {
  margin-right: 5px;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer {
  margin: 40px 0;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) {
  display: flex;
  align-items: center;
  background: #F5F5F5;
  padding: 20px 10px;
  font-size: 11px;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization {
  padding: 10px;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization a:hover {
  text-decoration: underline;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization .firstNameAndSecondName {
  color: #026dc0;
  font-size: 12px;
  font-weight: bold;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization .login {
  color: #333333;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization div:nth-child(2) {
  padding: 5px 0;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity {
  flex: 1;
  padding: 10px;
  text-align: right;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity a {
  color: #333333;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity a:hover {
  text-decoration: underline;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .percent {
  color: #55b12e;
  font-weight: bold;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .reviews {
  font-weight: bold;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity div:nth-child(2) {
  padding: 5px 0;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(2) {
  display: flex;
  justify-content: space-around;
}
.PortfolioLogged > div .content .listOfFreelancers .freelancer > div:nth-child(2) .item > div:nth-child(1) {
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  color: #026dc0;
  text-decoration: underline;
  padding: 20px 0 10px;
}
.PortfolioLogged > div .content .listOfPortfolios {
  display: flex;
  flex-wrap: wrap;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio {
  width: 33%;
  text-align: center;
  padding: 20px;
  position: relative;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .blocked {
  position: absolute;
  color: #fff;
  background: red;
  top: 0;
  left: 0;
  padding: 0 2px;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio img {
  width: 100%;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title {
  padding: 10px 0;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 {
  display: flex;
  justify-content: center;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 1.3;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 a:hover {
  color: #8c0400;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit {
  display: inline-block;
  position: relative;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit .moderatorEditButton {
  margin-right: 5px;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit .moderatorEditButton:hover {
  cursor: pointer;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit ul.moderatorEditMenu {
  position: absolute;
  display: none;
  z-index: 1;
  width: 300px;
  background: grey;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit ul.moderatorEditMenu li:nth-child(1) {
  border: none;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit ul.moderatorEditMenu li {
  color: #000;
  padding: 5px;
  font-size: 15px;
  text-align: left;
  border-top: 1px solid #eee;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit ul.moderatorEditMenu li span {
  cursor: pointer;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit ul.moderatorEditMenu li:hover {
  opacity: 0.9;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit ul.moderatorEditMenu li.bl {
  background: #b15050;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .title h2 .moderatorEdit ul.moderatorEditMenu li.deBl {
  background: #7ba07b;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .login a {
  color: #000;
  font-size: 11px;
  text-decoration: underline;
  padding: 5px 0;
  display: block;
}
.PortfolioLogged > div .content .listOfPortfolios .portfolio .login a:hover {
  color: #8c0400;
}
.PortfolioLogged > div .content .listOfPortfolios .blocked {
  border: 1px solid red;
}

@media (max-width: 800px) {
  .PortfolioLogged > div .content {
    width: 100%;
  }
  .PortfolioLogged > div .content .searchForm .searchField {
    flex-direction: column;
  }
  .PortfolioLogged > div .content .searchForm .searchField > div {
    margin: 10px 0;
  }
  .PortfolioLogged > div .content .searchForm .advancedSearch .block1,
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 {
    flex-direction: column;
  }
  .PortfolioLogged > div .content .searchForm .advancedSearch .block1 > div,
.PortfolioLogged > div .content .searchForm .advancedSearch .block2 > div {
    width: 100%;
  }
  .PortfolioLogged > div .content .searchForm .advancedSearch .block2 {
    height: auto;
  }
  .PortfolioLogged > div .content .listOfPortfolios .portfolio {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .PortfolioLogged > div .content .listOfPortfolios .portfolio {
    width: 100%;
  }
}
.PortfolioUnlogged > div {
  width: 1200px;
  display: flex;
  padding-top: 100px;
}
.PortfolioUnlogged > div .content {
  width: 70%;
}
.PortfolioUnlogged > div .content .titleFreelancers {
  display: flex;
  align-items: center;
  width: 100%;
}
.PortfolioUnlogged > div .content .titleFreelancers div:nth-child(1) {
  flex: 1;
}
.PortfolioUnlogged > div .content .specialty {
  width: 100%;
  background: #f7f7f7;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.PortfolioUnlogged > div .content .specialty a {
  font-size: 13px;
  color: #026dc0;
  margin: 10px 0;
  display: block;
}
.PortfolioUnlogged > div .content .searchForm {
  padding: 20px 0;
}
.PortfolioUnlogged > div .content .searchForm .searchField {
  display: flex;
  align-items: center;
}
.PortfolioUnlogged > div .content .searchForm .searchField .keywords {
  flex: 1;
}
.PortfolioUnlogged > div .content .searchForm .searchField .keywords input {
  height: 35px;
  padding-right: 30px;
}
.PortfolioUnlogged > div .content .searchForm .searchField .keywords i {
  margin-left: -25px;
  color: #bdc0c1;
}
.PortfolioUnlogged > div .content .searchForm .searchField .language select {
  height: 35px;
}
.PortfolioUnlogged > div .content .searchForm .searchField .submitButton button {
  height: 35px;
  margin-left: 10px;
  padding: 0 20px;
}
.PortfolioUnlogged > div .content .searchForm .showAdvancedSearcMenuLinks {
  text-align: right;
  padding: 10px 0;
}
.PortfolioUnlogged > div .content .searchForm .showAdvancedSearcMenuLinks .advancedSearchLink {
  border-bottom: 1px dotted #0f71c8;
  font-size: 15px;
}
.PortfolioUnlogged > div .content .searchForm .showAdvancedSearcMenuLinks .resetSettingsLink {
  color: #c10600;
  border-bottom: 1px dotted #c10600;
  font-size: 15px;
}
.PortfolioUnlogged > div .content .searchForm .showAdvancedSearcMenuLinks .resetSettingsLink:hover {
  color: #8c0400;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch {
  background: #fafafa;
  border-top: 1px solid #5ab632;
  padding: 10px 0 20px;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1,
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 {
  display: flex;
  align-items: flex-start;
  padding: 5px;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 > div,
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 > div {
  width: 50%;
  padding: 0 15px;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 .hyphen,
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 .hyphen {
  padding: 0 5px;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 label,
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 label {
  font-size: 13px;
  padding: 10px 0 5px;
  width: fit-content;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 label {
  font-weight: bold;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 .budget label {
  white-space: nowrap;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 .budget .inputFields {
  display: flex;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 .budget .inputFields input {
  width: 70px;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 .deadline label {
  white-space: nowrap;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 .deadline .inputFields {
  display: flex;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 .deadline .inputFields input {
  width: 70px;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 {
  padding: 0px;
  height: 30px;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 > div {
  display: flex;
  align-items: center;
}
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 > div input {
  margin-right: 5px;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer {
  margin: 40px 0;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) {
  display: flex;
  align-items: center;
  background: #F5F5F5;
  padding: 20px 10px;
  font-size: 11px;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization {
  padding: 10px;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization a:hover {
  text-decoration: underline;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization .firstNameAndSecondName {
  color: #026dc0;
  font-size: 12px;
  font-weight: bold;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization .login {
  color: #333333;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization div:nth-child(2) {
  padding: 5px 0;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity {
  flex: 1;
  padding: 10px;
  text-align: right;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity a {
  color: #333333;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity a:hover {
  text-decoration: underline;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .percent {
  color: #55b12e;
  font-weight: bold;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .reviews {
  font-weight: bold;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity div:nth-child(2) {
  padding: 5px 0;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(2) {
  display: flex;
  justify-content: space-around;
}
.PortfolioUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(2) .item > div:nth-child(1) {
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  color: #026dc0;
  text-decoration: underline;
  padding: 20px 0 10px;
}
.PortfolioUnlogged > div .content .listOfPortfolios {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.PortfolioUnlogged > div .content .listOfPortfolios .portfolio {
  width: 33%;
  text-align: center;
  padding: 20px;
}
.PortfolioUnlogged > div .content .listOfPortfolios .portfolio img {
  width: 100%;
}
.PortfolioUnlogged > div .content .listOfPortfolios .portfolio .title {
  padding: 10px 0;
}
.PortfolioUnlogged > div .content .listOfPortfolios .portfolio .title a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 1.3;
}
.PortfolioUnlogged > div .content .listOfPortfolios .portfolio .title a:hover {
  color: #8c0400;
}
.PortfolioUnlogged > div .content .listOfPortfolios .portfolio .login a {
  color: #000;
  font-size: 11px;
  text-decoration: underline;
  padding: 5px 0;
  display: block;
}
.PortfolioUnlogged > div .content .listOfPortfolios .portfolio .login a:hover {
  color: #8c0400;
}

@media (max-width: 800px) {
  .PortfolioUnlogged > div .content {
    width: 100%;
  }
  .PortfolioUnlogged > div .content .searchForm .searchField {
    flex-direction: column;
  }
  .PortfolioUnlogged > div .content .searchForm .searchField > div {
    margin: 10px 0;
  }
  .PortfolioUnlogged > div .content .searchForm .advancedSearch .block1,
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 {
    flex-direction: column;
  }
  .PortfolioUnlogged > div .content .searchForm .advancedSearch .block1 > div,
.PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 > div {
    width: 100%;
  }
  .PortfolioUnlogged > div .content .searchForm .advancedSearch .block2 {
    height: auto;
  }
  .PortfolioUnlogged > div .content .listOfPortfolios .portfolio {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .PortfolioUnlogged > div .content .listOfPortfolios .portfolio {
    width: 100%;
  }
}
.Login > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}
.Login > div .loginForm {
  width: 330px;
}
.Login > div .loginForm input {
  height: 60px;
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.Login > div .loginForm button {
  height: 80px;
  font-size: 18px;
  width: 100%;
  text-transform: uppercase;
}
.Login > div .loginForm .title {
  margin-bottom: 15px;
}
.Login > div .loginForm .title h1,
.Login > div .loginForm .title h2 {
  text-align: center;
  font-size: 24px;
  color: #333333;
  font-weight: normal;
}
.Login > div .loginForm .quickLoginButtons1 {
  height: 40px;
  margin-bottom: 30px;
  position: relative;
}
.Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(50%, 0);
}
.Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 a {
  font-size: 18px;
  color: #fff;
  width: 190px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 a i {
  padding-right: 10px;
}
.Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 a:hover {
  opacity: 0.9;
}
.Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 .facebook {
  background: #747DC1;
}
.Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 .google {
  background: #FF0040;
}
.Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 .vk {
  background: #4A71A0;
}
.Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 .twitter {
  background: #1DA1F2;
}
.Login > div .loginForm .socialErr {
  text-align: center;
  color: red;
  border: 2px solid red;
  background: #eee;
  display: block;
  padding: 5px;
}
.Login > div .loginForm .error {
  position: absolute;
  padding: 1px;
  color: red;
}
.Login > div .loginForm .loginOrEmail {
  margin-bottom: 30px;
}
.Login > div .loginForm .rememberMe {
  font-size: 14px;
  color: #333333;
}
.Login > div .loginForm .rememberMe label {
  display: flex;
  align-items: center;
}
.Login > div .loginForm .rememberMe label input {
  margin-right: 10px;
}
.Login > div .loginForm .loginAndRegistration {
  margin-top: 30px;
  margin-bottom: 100px;
}
.Login > div .loginForm .loginAndRegistration a {
  font-size: 18px;
  white-space: nowrap;
  display: block;
  text-align: center;
  margin: 10px 0;
  color: #026dc0;
}
.Login > div .loginForm .loginAndRegistration a:hover {
  color: #8c0400;
}

@media (max-width: 800px) {
  .Login > div .loginForm .quickLoginButtons1 {
    height: auto;
  }
  .Login > div .loginForm .quickLoginButtons1 .quickLoginButtons2 {
    position: relative;
    left: auto;
    flex-direction: column;
    align-items: center;
  }
}
.Registration > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}
.Registration > div .registrationForm {
  width: 330px;
}
.Registration > div .registrationForm input {
  height: 60px;
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.Registration > div .registrationForm button {
  height: 80px;
  font-size: 18px;
  width: 100%;
  text-transform: uppercase;
}
.Registration > div .registrationForm .title {
  margin-bottom: 15px;
}
.Registration > div .registrationForm .title h1,
.Registration > div .registrationForm .title h2 {
  text-align: center;
  font-size: 24px;
  color: #333333;
  font-weight: normal;
}
.Registration > div .registrationForm .quickLoginButtons1 {
  height: 40px;
  margin-bottom: 30px;
  position: relative;
}
.Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(50%, 0);
}
.Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 a {
  font-size: 18px;
  color: #fff;
  width: 190px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 a i {
  padding-right: 10px;
}
.Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 a:hover {
  opacity: 0.9;
}
.Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 .facebook {
  background: #747DC1;
}
.Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 .google {
  background: #FF0040;
}
.Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 .vk {
  background: #4A71A0;
}
.Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 .twitter {
  background: #1DA1F2;
}
.Registration > div .registrationForm .login {
  margin: 30px 0;
}
.Registration > div .registrationForm .password i {
  margin-left: -30px;
  cursor: pointer;
}
.Registration > div .registrationForm .agreement {
  font-size: 14px;
  color: #333333;
  margin: 30px 0;
  font-size: 14px;
}
.Registration > div .registrationForm .agreement a {
  color: #026dc0;
  text-decoration: underline;
  font-size: 14px;
}
.Registration > div .registrationForm .agreement a:hover {
  color: #8c0400;
}
.Registration > div .registrationForm .loginAndRegistration {
  margin-top: 30px;
  margin-bottom: 100px;
  font-size: 18px;
}
.Registration > div .registrationForm .loginAndRegistration a {
  font-size: 18px;
  white-space: nowrap;
  text-align: center;
  color: #026dc0;
  text-decoration: underline;
}
.Registration > div .registrationForm .loginAndRegistration a:hover {
  color: #8c0400;
}

@media (max-width: 800px) {
  .Registration > div .registrationForm .quickLoginButtons1 {
    height: auto;
  }
  .Registration > div .registrationForm .quickLoginButtons1 .quickLoginButtons2 {
    position: relative;
    left: auto;
    flex-direction: column;
    align-items: center;
  }
  .Registration > div .dialogTwoButtons .buttons {
    flex-direction: column;
  }
  .Registration > div .dialogTwoButtons .buttons .employer {
    margin: 20px 0 0;
  }
}
.Recover > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}
.Recover > div .recoverForm {
  width: 330px;
}
.Recover > div .recoverForm input {
  height: 60px;
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.Recover > div .recoverForm button {
  height: 80px;
  font-size: 18px;
  width: 100%;
  text-transform: uppercase;
}
.Recover > div .recoverForm .title h1,
.Recover > div .recoverForm .title h2 {
  text-align: center;
  font-size: 24px;
  color: #333333;
  font-weight: normal;
}
.Recover > div .recoverForm .emailOrLogin {
  margin: 30px 0;
}
.Recover > div .recoverForm .loginAndRegistration {
  color: #026dc0;
  margin-top: 30px;
  margin-bottom: 200px;
}

.UsersPortfolioLoggedAuthorView > div {
  position: relative;
  max-width: 1200px;
  width: 100%;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation {
  display: flex;
  padding: 10px;
  font-size: 11px;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData {
  position: relative;
  width: 50%;
  padding: 20px;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData .experience,
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData .perHour,
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData .perMonth {
  margin: 10px;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData .perHour {
  font-weight: bold;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData .perHour .price {
  color: #2f9800;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData .perMonth {
  font-weight: bold;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData .perMonth .price {
  color: #2f9800;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioDescription {
  position: relative;
  width: 50%;
  padding: 20px;
}
.UsersPortfolioLoggedAuthorView > div .portfolio > .portfolioTitle {
  position: relative;
  background: #E5EAF5;
  border-top: 1px solid #c6c6c6;
  padding: 8px 16px;
  font-size: 11px;
}
.UsersPortfolioLoggedAuthorView > div .portfolio > .portfolioTitle:hover {
  background: #f0ffdf;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .addPortfolioWork {
  text-align: center;
  padding: 20px 0;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item {
  width: 33%;
  position: relative;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .title {
  color: #026dc0;
  font-weight: bold;
  font-size: 11px;
  padding: 50px 0 25px 0;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .title a {
  color: #026dc0;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .title a:hover {
  color: #8c0400;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons {
  position: absolute;
  color: #5b8c24;
  display: flex;
  top: 20px;
  left: calc(50% - 60px);
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons .left,
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons .edit1,
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons .delete,
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons .right {
  margin: 0 20px 0 0;
  cursor: pointer;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons .left:hover,
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons .edit1:hover,
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons .delete:hover,
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item .menuButtons .right:hover {
  margin: 0 20px 0 0;
  opacity: 0.7;
}
.UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item:hover {
  background: #f0ffdf;
}
.UsersPortfolioLoggedAuthorView > div .portfolioTitle {
  position: relative;
  background: #E5EAF5;
  border-top: 1px solid #c6c6c6;
  padding: 8px 16px;
  font-size: 11px;
}
.UsersPortfolioLoggedAuthorView > div .portfolioItems {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.UsersPortfolioLoggedAuthorView > div .portfolioItems .item {
  width: 33%;
}
.UsersPortfolioLoggedAuthorView > div .portfolioItems .item div:nth-child(1) {
  color: #026dc0;
  font-weight: bold;
  font-size: 11px;
  padding: 50px 0 25px 0;
}
.UsersPortfolioLoggedAuthorView > div .portfolioItems .item div:nth-child(1) a {
  color: #026dc0;
}
.UsersPortfolioLoggedAuthorView > div .portfolioItems .item div:nth-child(1) a:hover {
  color: #8c0400;
}

@media (max-width: 800px) {
  .UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation {
    flex-direction: column;
  }
  .UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioCostData {
    width: 100%;
  }
  .UsersPortfolioLoggedAuthorView > div .portfolio .portfolioInformation .portfolioDescription {
    width: 100%;
  }
  .UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .UsersPortfolioLoggedAuthorView > div .portfolio .portfolioItems .item {
    width: 100%;
  }
}
.UsersPortfolioLoggedAuthorEdit > div {
  position: relative;
  max-width: 1200px;
  width: 100%;
}
.UsersPortfolioLoggedAuthorEdit > div .edit {
  margin: 0px;
  padding: 0px;
  color: #5b8c24;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-size: 15px;
}
.UsersPortfolioLoggedAuthorEdit > div .edit i {
  font-weight: 400;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation {
  display: flex;
  padding: 10px;
  font-size: 11px;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData {
  position: relative;
  width: 50%;
  padding: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData .experience,
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData .perHour,
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData .perMonth {
  margin: 10px;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData .perHour {
  font-weight: bold;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData .perHour .price {
  color: #2f9800;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData .perMonth {
  font-weight: bold;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData .perMonth .price {
  color: #2f9800;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData:hover {
  background: #f0ffdf;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioDescription {
  position: relative;
  width: 50%;
  padding: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioDescription:hover {
  background: #f0ffdf;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio > .portfolioTitle {
  position: relative;
  background: #E5EAF5;
  border-top: 1px solid #c6c6c6;
  padding: 8px 16px;
  font-size: 11px;
  height: 40px;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio > .portfolioTitle:hover {
  background: #f0ffdf;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .addPortfolioWork {
  text-align: center;
  padding: 20px 0;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item {
  width: 33%;
  position: relative;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .blocked {
  position: absolute;
  background: red;
  color: #fff;
  top: 0;
  left: 0;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .title {
  color: #026dc0;
  font-weight: bold;
  font-size: 11px;
  padding: 50px 0 25px 0;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .title a {
  color: #026dc0;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .title a:hover {
  color: #8c0400;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons {
  position: absolute;
  color: #5b8c24;
  display: flex;
  top: 20px;
  left: calc(50% - 60px);
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons .left,
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons .edit1,
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons .delete,
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons .right {
  margin: 0 20px 0 0;
  cursor: pointer;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons .left:hover,
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons .edit1:hover,
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons .delete:hover,
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item .menuButtons .right:hover {
  margin: 0 20px 0 0;
  opacity: 0.7;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item:hover {
  background: #f0ffdf;
}
.UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .blocked {
  border: 1px solid red;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: auto;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form {
  width: 500px;
  height: fit-content;
  max-height: 90%;
  overflow: auto;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .closeButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .closeButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .closeButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .closeButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .closeButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .closeButton i,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .closeButton i,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .closeButton i,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .closeButton i,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .closeButton i,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .closeButton i {
  font-size: 20px;
  color: green;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .closeButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .closeButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .closeButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .closeButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .closeButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .saveButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .saveButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .saveButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .saveButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .saveButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .saveButton {
  margin-top: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .saveButton .or,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .saveButton .or,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .saveButton .or,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .saveButton .or,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .saveButton .or,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .saveButton .or {
  margin: 0 10px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .saveButton .cancel,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .saveButton .cancel,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .saveButton .cancel,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .saveButton .cancel,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .saveButton .cancel,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .saveButton .cancel {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-weight: bold;
  font-size: 13px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .saveButton .cancel:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .saveButton .cancel:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .saveButton .cancel:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .saveButton .cancel:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .saveButton .cancel:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .saveButton .cancel:hover {
  color: #8c0400;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .experience,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .costPerHour,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .costPerMonth,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .experience,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .costPerHour,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .costPerMonth,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .experience,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .costPerHour,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .costPerMonth,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .experience,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .costPerHour,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .costPerMonth,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .experience,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .costPerHour,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .costPerMonth,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .experience,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .costPerHour,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .costPerMonth {
  display: flex;
  margin-top: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .experience .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .costPerHour .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .costPerMonth .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .experience .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .costPerHour .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .costPerMonth .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .experience .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .costPerHour .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .costPerMonth .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .experience .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .costPerHour .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .costPerMonth .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .experience .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .costPerHour .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .costPerMonth .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .experience .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .costPerHour .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .costPerMonth .block1 {
  width: 50%;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .experience .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .costPerHour .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .costPerMonth .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .experience .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .costPerHour .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .costPerMonth .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .experience .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .costPerHour .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .costPerMonth .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .experience .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .costPerHour .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .costPerMonth .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .experience .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .costPerHour .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .costPerMonth .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .experience .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .costPerHour .block2 input,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .costPerMonth .block2 input {
  width: 100px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .portfolioDescription,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .portfolioDescription,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .portfolioDescription,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .portfolioDescription,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .portfolioDescription,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .portfolioDescription {
  margin-top: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .portfolioDescription .block2 textarea,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .portfolioDescription .block2 textarea,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .portfolioDescription .block2 textarea,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .portfolioDescription .block2 textarea,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .portfolioDescription .block2 textarea,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .portfolioDescription .block2 textarea {
  height: 300px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .portfolioDescription .block2 .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .portfolioDescription .block2 .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .portfolioDescription .block2 .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .portfolioDescription .block2 .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .portfolioDescription .block2 .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .portfolioDescription .block2 .allowedTags {
  font-size: 11px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .portfolioTitle,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .portfolioTitle,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .portfolioTitle,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .portfolioTitle,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .portfolioTitle,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .portfolioTitle {
  margin-top: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form > .title,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form > .description,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form > .title,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form > .description,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form > .title,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form > .description,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form > .title,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form > .description,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form > .title,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form > .description,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form > .title,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form > .description {
  margin-top: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form > .title .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form > .description .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form > .title .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form > .description .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form > .title .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form > .description .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form > .title .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form > .description .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form > .title .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form > .description .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form > .title .allowedTags,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form > .description .allowedTags {
  font-size: 11px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .language,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .orderBy,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .budget,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .deadline,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .language,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .orderBy,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .budget,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .deadline,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .language,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .orderBy,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .budget,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .deadline,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .language,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .orderBy,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .budget,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .deadline,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .language,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .orderBy,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .budget,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .deadline,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .language,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .orderBy,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .budget,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .deadline {
  display: flex;
  margin-top: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .language .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .orderBy .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .budget .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .deadline .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .language .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .orderBy .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .budget .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .deadline .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .language .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .orderBy .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .budget .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .deadline .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .language .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .orderBy .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .budget .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .deadline .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .language .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .orderBy .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .budget .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .deadline .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .language .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .orderBy .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .budget .block1,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .deadline .block1 {
  width: 50%;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .language .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .orderBy .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .budget .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .deadline .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .language .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .orderBy .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .budget .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .deadline .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .language .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .orderBy .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .budget .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .deadline .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .language .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .orderBy .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .budget .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .deadline .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .language .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .orderBy .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .budget .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .deadline .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .language .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .orderBy .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .budget .block2 input[type=text],
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .deadline .block2 input[type=text] {
  width: 100px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .thumbnail,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .img,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .thumbnail,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .img,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .thumbnail,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .img,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .thumbnail,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .img,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .thumbnail,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .img,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .thumbnail,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .img {
  margin-top: 20px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .thumbnail .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .img .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .thumbnail .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .img .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .thumbnail .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .img .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .thumbnail .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .img .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .thumbnail .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .img .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .thumbnail .block2,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .img .block2 {
  padding: 0 20px 0 0;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .thumbnail .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .img .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .thumbnail .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .img .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .thumbnail .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .img .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .thumbnail .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .img .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .thumbnail .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .img .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .thumbnail .block2 .image,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .img .block2 .image {
  position: relative;
  width: fit-content;
  cursor: pointer;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .thumbnail .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .img .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .thumbnail .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .img .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .thumbnail .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .img .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .thumbnail .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .img .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .thumbnail .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .img .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .thumbnail .block2 .image button.editThumbnailButton,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .img .block2 .image button.editThumbnailButton {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 40px;
  width: 43px;
  transition: ease-in all 0.2s;
  background: rgba(25, 32, 45, 0.7);
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .thumbnail .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .img .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .thumbnail .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .img .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .thumbnail .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .img .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .thumbnail .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .img .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .thumbnail .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .img .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .thumbnail .block2 .image button.editThumbnailButton span,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .img .block2 .image button.editThumbnailButton span {
  font-size: 11px;
  display: none;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .thumbnail .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .img .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .thumbnail .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .img .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .thumbnail .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .img .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .thumbnail .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .img .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .thumbnail .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .img .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .thumbnail .block2 .image button.editThumbnailButton:hover,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .img .block2 .image button.editThumbnailButton:hover {
  width: 100%;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .thumbnail .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioCostData form .img .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .thumbnail .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioDescription form .img .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .thumbnail .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogPortfolioTitle form .img .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .thumbnail .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogEditPortfolio form .img .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .thumbnail .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail form .img .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .thumbnail .block2 .image button.editThumbnailButton:hover span,
.UsersPortfolioLoggedAuthorEdit > div .dialogAddPortfolio form .img .block2 .image button.editThumbnailButton:hover span {
  display: block;
  font-size: 11px;
}
.UsersPortfolioLoggedAuthorEdit > div .dialogUploadThumbnail {
  z-index: 99999;
}

@media (max-width: 800px) {
  .UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation {
    flex-direction: column;
  }
  .UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioCostData {
    width: 100%;
  }
  .UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioInformation .portfolioDescription {
    width: 100%;
  }
  .UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .UsersPortfolioLoggedAuthorEdit > div .portfolio .portfolioItems .item {
    width: 100%;
  }
}
.UsersPortfolioLoggedNotAuthor > div {
  max-width: 1200px;
  width: 100%;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation {
  display: flex;
  padding: 10px;
  font-size: 11px;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData {
  position: relative;
  width: 50%;
  padding: 20px;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData .experience,
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData .perHour,
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData .perMonth {
  margin: 10px;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData .perHour {
  font-weight: bold;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData .perHour .price {
  color: #2f9800;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData .perMonth {
  font-weight: bold;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData .perMonth .price {
  color: #2f9800;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioDescription {
  position: relative;
  width: 50%;
  padding: 20px;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio > .portfolioTitle {
  position: relative;
  background: #E5EAF5;
  border-top: 1px solid #c6c6c6;
  padding: 8px 16px;
  font-size: 11px;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio > .portfolioTitle:hover {
  background: #f0ffdf;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .addPortfolioWork {
  text-align: center;
  padding: 20px 0;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item {
  width: 33%;
  position: relative;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .blocked {
  position: absolute;
  background: red;
  color: #fff;
  top: 0px;
  left: 0px;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .title {
  color: #026dc0;
  font-weight: bold;
  font-size: 11px;
  padding: 50px 0 25px 0;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .title a {
  color: #026dc0;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .title a:hover {
  color: #8c0400;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons {
  position: absolute;
  color: #5b8c24;
  display: flex;
  top: 20px;
  left: calc(50% - 60px);
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons .left,
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons .edit1,
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons .delete,
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons .right {
  margin: 0 20px 0 0;
  cursor: pointer;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons .left:hover,
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons .edit1:hover,
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons .delete:hover,
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item .menuButtons .right:hover {
  margin: 0 20px 0 0;
  opacity: 0.7;
}
.UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item:hover {
  background: #f0ffdf;
}
.UsersPortfolioLoggedNotAuthor > div .portfolioTitle {
  position: relative;
  background: #E5EAF5;
  border-top: 1px solid #c6c6c6;
  padding: 8px 16px;
  font-size: 11px;
}
.UsersPortfolioLoggedNotAuthor > div .portfolioItems {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.UsersPortfolioLoggedNotAuthor > div .portfolioItems .item {
  width: 33%;
}
.UsersPortfolioLoggedNotAuthor > div .portfolioItems .item .title {
  color: #026dc0;
  font-weight: bold;
  font-size: 11px;
  padding: 50px 0 25px 0;
}
.UsersPortfolioLoggedNotAuthor > div .portfolioItems .item .title a {
  color: #026dc0;
}
.UsersPortfolioLoggedNotAuthor > div .portfolioItems .item .title a:hover {
  color: #8c0400;
}
.UsersPortfolioLoggedNotAuthor > div .portfolioItems .blocked {
  border: 1px solid red;
}

@media (max-width: 800px) {
  .UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation {
    flex-direction: column;
  }
  .UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioCostData {
    width: 100%;
  }
  .UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioInformation .portfolioDescription {
    width: 100%;
  }
  .UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .UsersPortfolioLoggedNotAuthor > div .portfolio .portfolioItems .item {
    width: 100%;
  }
}
.UsersPortfolioUnlogged > div {
  max-width: 1200px;
  width: 100%;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation {
  display: flex;
  padding: 10px;
  font-size: 11px;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData {
  position: relative;
  width: 50%;
  padding: 20px;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData .experience,
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData .perHour,
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData .perMonth {
  margin: 10px;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData .perHour {
  font-weight: bold;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData .perHour .price {
  color: #2f9800;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData .perMonth {
  font-weight: bold;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData .perMonth .price {
  color: #2f9800;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioDescription {
  position: relative;
  width: 50%;
  padding: 20px;
}
.UsersPortfolioUnlogged > div .portfolio > .portfolioTitle {
  position: relative;
  background: #E5EAF5;
  border-top: 1px solid #c6c6c6;
  padding: 8px 16px;
  font-size: 11px;
}
.UsersPortfolioUnlogged > div .portfolio > .portfolioTitle:hover {
  background: #f0ffdf;
}
.UsersPortfolioUnlogged > div .portfolio .addPortfolioWork {
  text-align: center;
  padding: 20px 0;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item {
  width: 33%;
  position: relative;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .title {
  color: #026dc0;
  font-weight: bold;
  font-size: 11px;
  padding: 50px 0 25px 0;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .title a {
  color: #026dc0;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .title a:hover {
  color: #8c0400;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons {
  position: absolute;
  color: #5b8c24;
  display: flex;
  top: 20px;
  left: calc(50% - 60px);
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons .left,
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons .edit1,
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons .delete,
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons .right {
  margin: 0 20px 0 0;
  cursor: pointer;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons .left:hover,
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons .edit1:hover,
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons .delete:hover,
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item .menuButtons .right:hover {
  margin: 0 20px 0 0;
  opacity: 0.7;
}
.UsersPortfolioUnlogged > div .portfolio .portfolioItems .item:hover {
  background: #f0ffdf;
}
.UsersPortfolioUnlogged > div .portfolioTitle {
  position: relative;
  background: #E5EAF5;
  border-top: 1px solid #c6c6c6;
  padding: 8px 16px;
  font-size: 11px;
}
.UsersPortfolioUnlogged > div .portfolioItems {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.UsersPortfolioUnlogged > div .portfolioItems .item {
  width: 33%;
}
.UsersPortfolioUnlogged > div .portfolioItems .item div:nth-child(1) {
  color: #026dc0;
  font-weight: bold;
  font-size: 11px;
  padding: 50px 0 25px 0;
}
.UsersPortfolioUnlogged > div .portfolioItems .item div:nth-child(1) a {
  color: #026dc0;
}
.UsersPortfolioUnlogged > div .portfolioItems .item div:nth-child(1) a:hover {
  color: #8c0400;
}

@media (max-width: 800px) {
  .UsersPortfolioUnlogged > div .portfolio .portfolioInformation {
    flex-direction: column;
  }
  .UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioCostData {
    width: 100%;
  }
  .UsersPortfolioUnlogged > div .portfolio .portfolioInformation .portfolioDescription {
    width: 100%;
  }
  .UsersPortfolioUnlogged > div .portfolio .portfolioItems .item {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .UsersPortfolioUnlogged > div .portfolio .portfolioItems .item {
    width: 100%;
  }
}
.UsersInfo > div .table {
  padding: 30px;
}
.UsersInfo > div .table .item {
  display: flex;
  font-size: 13px;
  color: #333333;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.UsersInfo > div .table .item div:nth-child(1) {
  font-weight: bold;
  width: 25%;
}

.UsersSettings > div .settings {
  display: flex;
  padding-top: 20px;
}
.UsersSettings > div .settings .block1 {
  width: 25%;
}
.UsersSettings > div .settings .block2 {
  width: 70%;
  margin-left: 20px;
}

.UsersSettingsMain > div {
  position: relative;
}
.UsersSettingsMain > div .settings {
  display: flex;
  padding-top: 20px;
}
.UsersSettingsMain > div .settings .block1 {
  width: 25%;
}
.UsersSettingsMain > div .settings .block2 {
  width: 70%;
  margin-left: 20px;
}
.UsersSettingsMain > div .settings .block2 .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.UsersSettingsMain > div .settings .block2 .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsMain > div .settings .block2 .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsMain > div .settings .block2 .content .section1,
.UsersSettingsMain > div .settings .block2 .content .section2,
.UsersSettingsMain > div .settings .block2 .content .section3 {
  width: 100%;
}
.UsersSettingsMain > div .settings .block2 .content .section1 form,
.UsersSettingsMain > div .settings .block2 .content .section2 form,
.UsersSettingsMain > div .settings .block2 .content .section3 form {
  width: 100%;
}
.UsersSettingsMain > div .settings .block2 input {
  font-size: 13px;
}
.UsersSettingsMain > div .settings .block2 fieldset {
  border: 1px solid #eee;
}
.UsersSettingsMain > div .settings .block2 fieldset legend {
  padding: 10px;
}
.UsersSettingsMain > div .settings .block2 .form1 {
  margin-bottom: 20px;
}
.UsersSettingsMain > div .settings .block2 .helper {
  font-size: 11px;
}
.UsersSettingsMain > div .settings .block2 .formGroup {
  display: flex;
  padding: 5px;
}
.UsersSettingsMain > div .settings .block2 .formGroup label {
  width: 30%;
  font-size: 13px;
}
.UsersSettingsMain > div .settings .block2 .formGroup div {
  flex: 1;
}
.UsersSettingsMain > div .settings .block2 .formGroup .socialButtons > div a {
  color: #026dc0;
  text-decoration: underline;
}
.UsersSettingsMain > div .settings .block2 .formGroup .socialButtons > div a:hover {
  color: #8c0400;
}
.UsersSettingsMain > div .settings .block2 .formGroup .socialButtons > div a.unlink {
  color: #55b12e;
}
.UsersSettingsMain > div .settings .block2 .formGroup .socialButtons > div .facebook i {
  color: #fff;
  background: #747DC1;
  padding: 5px;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 5px;
}
.UsersSettingsMain > div .settings .block2 .formGroup .socialButtons > div .google i {
  color: #fff;
  background: #FF0040;
  padding: 5px;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 5px;
}
.UsersSettingsMain > div .settings .block2 .formGroup .socialButtons > div .vk i {
  color: #fff;
  background: #4A71A0;
  padding: 5px;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 5px;
}
.UsersSettingsMain > div .settings .block2 .formGroup .socialButtons > div .twitter i {
  color: #fff;
  background: #1DA1F2;
  padding: 5px;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 5px;
}

@media (max-width: 800px) {
  .UsersSettingsMain > div .settings {
    flex-direction: column;
  }
  .UsersSettingsMain > div .settings .block1 {
    width: 100%;
  }
  .UsersSettingsMain > div .settings .block2 {
    width: 100%;
    margin-left: auto;
  }
}
.UsersSettingsPortfolio > div .settings {
  display: flex;
  padding-top: 20px;
}
.UsersSettingsPortfolio > div .settings .block1 {
  width: 25%;
}
.UsersSettingsPortfolio > div .settings .block2 {
  width: 70%;
  margin-left: 20px;
  font-size: 13px;
}
.UsersSettingsPortfolio > div .settings .block2 .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.UsersSettingsPortfolio > div .settings .block2 .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 input {
  font-size: 13px;
}
.UsersSettingsPortfolio > div .settings .block2 fieldset {
  border: 1px solid #eee;
}
.UsersSettingsPortfolio > div .settings .block2 fieldset legend {
  padding: 10px;
  font-size: 16px;
}
.UsersSettingsPortfolio > div .settings .block2 .formGroup {
  display: flex;
  padding: 10px;
}
.UsersSettingsPortfolio > div .settings .block2 .formGroup label {
  width: 30%;
  font-size: 13px;
}
.UsersSettingsPortfolio > div .settings .block2 .formGroup div {
  flex: 1;
}
.UsersSettingsPortfolio > div .settings .block2 .formGroup .require {
  color: red;
  font-weight: bold;
  margin: 2px;
  font-size: 16px;
}
.UsersSettingsPortfolio > div .settings .block2 .orderBy input {
  width: 100px;
}
.UsersSettingsPortfolio > div .settings .block2 .thumbnail input {
  height: auto;
  padding: 10px;
  cursor: pointer;
}
.UsersSettingsPortfolio > div .settings .block2 .thumbnail .thumb {
  display: flex;
  align-items: center;
  padding: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .thumbnail .thumb a {
  padding-left: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .thumbnail .thumb a i {
  padding: 5px;
  margin-left: -5px;
  font-size: 15px;
  font-weight: normal;
}
.UsersSettingsPortfolio > div .settings .block2 .thumbnail .tip {
  padding: 5px 0;
}
.UsersSettingsPortfolio > div .settings .block2 .img input {
  height: auto;
  padding: 10px;
  cursor: pointer;
}
.UsersSettingsPortfolio > div .settings .block2 .img .thumb {
  display: flex;
  align-items: center;
  padding: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .img .thumb a {
  padding-left: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .img .thumb a i {
  padding: 5px;
  margin-left: -5px;
  font-size: 15px;
  font-weight: normal;
}
.UsersSettingsPortfolio > div .settings .block2 .img .tip {
  padding: 5px 0;
}
.UsersSettingsPortfolio > div .settings .block2 .form1 .experience input {
  width: 70px;
  margin-right: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .form1 .costPerHour input {
  width: 70px;
  margin-right: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .form1 .costPerMonth input {
  width: 70px;
  margin-right: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .form1 .partfolioDescription textarea {
  min-height: 200px;
}
.UsersSettingsPortfolio > div .settings .block2 .form2 .addWorkStatus {
  color: green;
  font-size: 20px;
  border: 2px solid;
  padding: 20px;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}
.UsersSettingsPortfolio > div .settings .block2 .form3 {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.UsersSettingsPortfolio > div .settings .block2 .form3 .background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: grey;
  opacity: 0.5;
}
.UsersSettingsPortfolio > div .settings .block2 .form3 form {
  z-index: 1;
  background: white;
  padding: 20px;
  overflow: auto;
  position: relative;
  height: 100%;
}
@media (max-width: 1000px) {
  .UsersSettingsPortfolio > div .settings .block2 .form3 form {
    height: 100%;
  }
}
.UsersSettingsPortfolio > div .settings .block2 .form3 form .description {
  display: block;
}
.UsersSettingsPortfolio > div .settings .block2 .form3 form .description textarea {
  height: 150px;
}
.UsersSettingsPortfolio > div .settings .block2 .form3 form .closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #4ea828;
  opacity: 0.9;
  cursor: pointer;
}
.UsersSettingsPortfolio > div .settings .block2 .form3 form .closeButton:hover {
  opacity: 1;
}
.UsersSettingsPortfolio > div .settings .block2 .form4 {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.UsersSettingsPortfolio > div .settings .block2 .form4 .background {
  position: absolute;
  border: 2px solid red;
  width: 100%;
  height: 100%;
  background: grey;
  opacity: 0.5;
}
.UsersSettingsPortfolio > div .settings .block2 .form4 form {
  z-index: 1;
  background: white;
  padding: 20px;
  overflow: auto;
  position: relative;
  height: 100%;
}
@media (max-width: 800px) {
  .UsersSettingsPortfolio > div .settings .block2 .form4 form {
    height: 100%;
  }
}
.UsersSettingsPortfolio > div .settings .block2 .form4 form .description {
  display: block;
}
.UsersSettingsPortfolio > div .settings .block2 .form4 form .description textarea {
  height: 150px;
}
.UsersSettingsPortfolio > div .settings .block2 .form4 form .closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #4ea828;
  opacity: 0.9;
  cursor: pointer;
}
.UsersSettingsPortfolio > div .settings .block2 .form4 form .closeButton:hover {
  opacity: 1;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList {
  margin: 20px 0;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work {
  display: flex;
  padding: 20px 20px 20px 0;
  border: 1px solid #eee;
  margin-bottom: 20px;
  font-size: 13px;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .img {
  padding: 0 20px;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .description {
  flex: 1;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .description .title {
  font-weight: normal;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .description .title span {
  font-size: 15px;
  color: #55b12e;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .description .desc {
  margin: 10px 0;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .description .views {
  font-weight: bold;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .description .date {
  font-weight: bold;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .actions .buttons {
  display: flex;
  flex-direction: row-reverse;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .actions .buttons a {
  display: block;
  font-size: 13px;
  color: #000;
  text-decoration: underline;
  padding: 5px;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .actions .buttons a:hover {
  color: #55b12e;
  background: #eee;
}
.UsersSettingsPortfolio > div .settings .block2 .worksList .work .actions .success {
  color: green;
  font-size: 13px;
  font-weight: bold;
  border: 2px solid green;
  padding: 5px;
}

.UsersSettingsInfo > div .settings {
  display: flex;
  padding-top: 20px;
}
.UsersSettingsInfo > div .settings .block1 {
  width: 25%;
}
.UsersSettingsInfo > div .settings .block2 {
  width: 70%;
  margin-left: 20px;
}
.UsersSettingsInfo > div .settings .block2 fieldset {
  border: 1px solid #eee;
}
.UsersSettingsInfo > div .settings .block2 fieldset legend {
  padding: 10px;
}
.UsersSettingsInfo > div .settings .block2 .formGroup {
  display: flex;
  padding: 5px;
}
.UsersSettingsInfo > div .settings .block2 .formGroup label {
  width: 20%;
  font-size: 13px;
}
.UsersSettingsInfo > div .settings .block2 .formGroup div {
  flex: 1;
}
.UsersSettingsInfo > div .settings .block2 .formGroup .require {
  color: red;
  font-weight: bold;
  margin: 2px;
  font-size: 16px;
}
.UsersSettingsInfo > div .settings .block2 .form1 .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsInfo > div .settings .block2 .form1 .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsInfo > div .settings .block2 .form1 .gender div {
  display: flex;
}
.UsersSettingsInfo > div .settings .block2 .form1 .gender div label {
  width: fit-content;
  padding-right: 20px;
}
.UsersSettingsInfo > div .settings .block2 .form1 .gender div label input[type=radio] {
  width: 15px;
  margin-right: 5px;
}
.UsersSettingsInfo > div .settings .block2 .form1 .language textarea {
  height: 50px;
}
.UsersSettingsInfo > div .settings .block2 .form1 .description textarea {
  min-height: 200px;
}

.UsersSettingsSpecialization > div .settings {
  display: flex;
  padding-top: 20px;
}
.UsersSettingsSpecialization > div .settings .block1 {
  width: 25%;
}
.UsersSettingsSpecialization > div .settings .block2 {
  width: 70%;
  margin-left: 20px;
}
.UsersSettingsSpecialization > div .settings .block2 .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 5px;
  margin-left: 5px;
  display: inline-block;
}
.UsersSettingsSpecialization > div .settings .block2 .submitSuccess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 5px;
  margin-left: 5px;
  display: inline-block;
}
.UsersSettingsSpecialization > div .settings .block2 fieldset {
  border: 1px solid #eee;
}
.UsersSettingsSpecialization > div .settings .block2 fieldset legend {
  padding: 10px;
}
.UsersSettingsSpecialization > div .settings .block2 .formGroup {
  display: flex;
  padding: 5px;
}
.UsersSettingsSpecialization > div .settings .block2 .formGroup label {
  width: 20%;
  font-size: 13px;
}
.UsersSettingsSpecialization > div .settings .block2 .formGroup div {
  flex: 1;
}
.UsersSettingsSpecialization > div .settings .block2 .formGroup .require {
  color: red;
  font-weight: bold;
  margin: 2px;
  font-size: 16px;
}
.UsersSettingsSpecialization > div .settings .block2 .title {
  color: white;
  background: #55b12e;
  padding: 20px;
}
.UsersSettingsSpecialization > div .settings .block2 .title h2 {
  font-size: 13px;
  font-weight: normal;
}
.UsersSettingsSpecialization > div .settings .block2 .form1 .subSpecializations {
  padding: 0 5px;
}
.UsersSettingsSpecialization > div .settings .block2 .form1 .subSpecializations .subSpecialization {
  padding: 5px;
}
.UsersSettingsSpecialization > div .settings .block2 .save {
  margin: 15px 0 10px;
}

.UsersSettingsAvatar > div .settings {
  display: flex;
  padding-top: 20px;
}
.UsersSettingsAvatar > div .settings .block1 {
  width: 25%;
}
.UsersSettingsAvatar > div .settings .block2 {
  width: 70%;
  margin-left: 20px;
}
.UsersSettingsAvatar > div .settings .block2 .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.UsersSettingsAvatar > div .settings .block2 .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsAvatar > div .settings .block2 .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsAvatar > div .settings .block2 fieldset {
  border: 1px solid #eee;
}
.UsersSettingsAvatar > div .settings .block2 fieldset legend {
  padding: 10px;
}
.UsersSettingsAvatar > div .settings .block2 form .avatar input {
  width: fit-content;
  height: auto;
  padding: 10px;
  cursor: pointer;
}
.UsersSettingsAvatar > div .settings .block2 form .avatar .thumb {
  display: flex;
  align-items: center;
  padding: 5px;
}
.UsersSettingsAvatar > div .settings .block2 form .avatar .thumb a {
  padding-left: 5px;
}
.UsersSettingsAvatar > div .settings .block2 form .avatar .thumb a i {
  padding: 5px;
  margin-left: -5px;
  font-size: 15px;
  font-weight: normal;
}
.UsersSettingsAvatar > div .settings .block2 form .helper {
  font-size: 11px;
  margin: 5px 0;
}

.UsersSettingsNotifications > div .settings {
  display: flex;
  padding-top: 20px;
}
.UsersSettingsNotifications > div .settings .block1 {
  width: 25%;
}
.UsersSettingsNotifications > div .settings .block2 {
  width: 70%;
  margin-left: 20px;
}
.UsersSettingsNotifications > div .settings .block2 .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsNotifications > div .settings .block2 .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsNotifications > div .settings .block2 fieldset {
  border: 1px solid #eee;
}
.UsersSettingsNotifications > div .settings .block2 fieldset legend {
  padding: 10px;
}
.UsersSettingsNotifications > div .settings .block2 .formGroup {
  display: flex;
  padding: 10px;
}
.UsersSettingsNotifications > div .settings .block2 .formGroup label {
  width: 30%;
  font-size: 13px;
}
.UsersSettingsNotifications > div .settings .block2 .formGroup div {
  flex: 1;
}
.UsersSettingsNotifications > div .settings .block2 .formGroup .require {
  color: red;
  font-weight: bold;
  margin: 2px;
  font-size: 16px;
}
.UsersSettingsNotifications > div .settings .block2 .notNewProjects input[type=checkbox] {
  margin: 0 10px;
}
.UsersSettingsNotifications > div .settings .block2 .notNews input[type=checkbox] {
  margin: 0 10px;
}

.UsersSettingsDelete > div {
  position: relative;
}
.UsersSettingsDelete > div .settings {
  display: flex;
  padding-top: 20px;
}
.UsersSettingsDelete > div .settings .block1 {
  width: 25%;
}
.UsersSettingsDelete > div .settings .block2 {
  width: 70%;
  margin-left: 20px;
}
.UsersSettingsDelete > div .settings .block2 .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsDelete > div .settings .block2 .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.UsersSettingsDelete > div .settings .block2 fieldset {
  border: 1px solid #eee;
}
.UsersSettingsDelete > div .settings .block2 fieldset legend {
  padding: 10px;
}
.UsersSettingsDelete > div .settings .block2 .formGroup {
  display: flex;
  padding: 10px;
}
.UsersSettingsDelete > div .settings .block2 .formGroup label {
  width: 30%;
  font-size: 13px;
}
.UsersSettingsDelete > div .settings .block2 .formGroup div {
  flex: 1;
}
.UsersSettingsDelete > div .settings .block2 .formGroup .require {
  color: red;
  font-weight: bold;
  margin: 2px;
  font-size: 16px;
}
.UsersSettingsDelete > div .settings .block2 .helper p {
  margin: 10px;
  font-size: 13px;
}
.UsersSettingsDelete > div .settings .block2 .helper a {
  font-size: 13px;
  text-decoration: underline;
}
.UsersSettingsDelete > div .settings .block2 .helper ul li {
  margin: 0 0 0 20px;
  font-size: 13px;
}
.UsersSettingsDelete > div .settings .block2 .deleteAccountCheckBox {
  align-items: center;
}
.UsersSettingsDelete > div .settings .block2 .deleteAccountCheckBox input[type=checkbox] {
  margin: 0 10px;
}
.UsersSettingsDelete > div .settings .block2 .deleteAccountButton {
  text-align: right;
}
.UsersSettingsDelete > div .settings .block2 .deleteAccountButton button {
  background: -webkit-linear-gradient(top, #e73f3f, #d72727);
  border-bottom: 1px solid #c02222;
  color: grey;
  cursor: auto;
}
.UsersSettingsDelete > div .settings .block2 .deleteAccountButton button.active {
  color: #fff;
  cursor: pointer;
}

@media (max-width: 800px) {
  .UsersSettingsDelete > div .settings {
    flex-direction: column;
  }
  .UsersSettingsDelete > div .settings .block1 {
    width: 100%;
  }
  .UsersSettingsDelete > div .settings .block2 {
    width: 100%;
    margin-left: auto;
  }
  .UsersSettingsDelete > div .settings .block2 .formGroup label {
    width: 100%;
  }
}
.MyProjects > div {
  width: 1200px;
  max-width: 100%;
  padding-top: 100px;
  line-height: 1.4;
}
.MyProjects > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.MyProjects > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.MyProjects > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.MyProjects > div .nav {
  display: flex;
  font-size: 13px;
  color: #000;
  margin: 15px 0;
  align-items: center;
}
.MyProjects > div .nav > div {
  margin: 5px;
}
.MyProjects > div .nav > div:nth-last-child(1) {
  width: 250px;
}
.MyProjects > div .nav a,
.MyProjects > div .nav button {
  border: none;
  background: none;
  padding: 0;
  white-space: nowrap;
  font-size: 13px;
  font-weight: normal;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.MyProjects > div .nav a img,
.MyProjects > div .nav button img {
  margin: 0 5px 0 5px;
}
.MyProjects > div .nav a .text,
.MyProjects > div .nav button .text {
  text-decoration: underline;
}
.MyProjects > div .nav a span,
.MyProjects > div .nav button span {
  font-size: 11px;
  margin: 0 2px;
}
.MyProjects > div .nav a:hover,
.MyProjects > div .nav button:hover {
  color: #6BB24B;
}
.MyProjects > div .nav a.active,
.MyProjects > div .nav button.active {
  border-radius: 20px;
  padding: 5px;
  background: #F0EFED;
}
.MyProjects > div .nav .agreementOfConditions {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.MyProjects > div .nav .agreementOfConditions button {
  justify-content: flex-end;
  width: content-fit;
}
.MyProjects > div .project {
  padding: 30px 0;
  position: relative;
}
.MyProjects > div .project > .block1 {
  text-align: right;
  font-size: 11px;
  padding: 4px 25px 4px 8px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background: #f7f7f7;
}
.MyProjects > div .project > .block2 {
  padding: 15px 0;
  display: flex;
}
.MyProjects > div .project > .block2 > .block1 {
  flex: 1;
  padding: 0 20px 0 0;
}
.MyProjects > div .project > .block2 > .block1 .title h2 {
  display: flex;
  align-items: center;
}
.MyProjects > div .project > .block2 > .block1 .title h2 img {
  margin: 0 5px 0 0;
}
.MyProjects > div .project > .block2 > .block1 .title h2 a {
  color: #026dc0;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
}
.MyProjects > div .project > .block2 > .block1 .title h2 a:hover {
  color: #8c0400;
}
.MyProjects > div .project > .block2 > .block1 .description {
  padding: 10px 0;
  font-size: 11px;
}
.MyProjects > div .project > .block2 > .block1 .specialization {
  font-size: 9px;
}
.MyProjects > div .project > .block2 > .block1 .freelancer {
  display: flex;
  align-items: center;
  margin: 20px 0;
  padding: 10px;
  background-color: #f5f5f5;
}
.MyProjects > div .project > .block2 > .block1 .freelancer .block2 {
  font-size: 13px;
}
.MyProjects > div .project > .block2 > .block1 .freelancer .block2 a {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
}
.MyProjects > div .project > .block2 > .block1 .freelancer .block2 a:hover {
  color: #8c0400;
}
.MyProjects > div .project > .block2 > .block2 .budget {
  font-size: 18px;
  color: #858585;
  text-align: right;
}
.MyProjects > div .project > .block2 > .block2 .offers a.numberOfOffers {
  margin: 0 10px 0 0;
  color: #000;
  font-size: 13px;
  text-decoration: underline;
}
.MyProjects > div .project > .block2 > .block2 .offers a.numberOfOffers:hover {
  color: #8c0400;
}
.MyProjects > div .project > .block2 > .block2 .offers a.numberOfNewMyProjectsOffers {
  color: #6db335;
  font-size: 13px;
  text-decoration: underline;
}
.MyProjects > div .project > .block2 > .block2 .offers a.numberOfNewMyProjectsOffers:hover {
  color: #8c0400;
}
.MyProjects > div .project > .block2 > .block2 .messages a.numberOfMessages {
  margin: 0 10px 0 0;
  color: #000;
  font-size: 13px;
  text-decoration: underline;
}
.MyProjects > div .project > .block2 > .block2 .messages a.numberOfMessages:hover {
  color: #8c0400;
}
.MyProjects > div .project > .block2 > .block2 .messages a.numberOfNewMessagesToAuthor {
  color: #6db335;
  font-size: 13px;
  text-decoration: underline;
}
.MyProjects > div .project > .block2 > .block2 .messages a.numberOfNewMessagesToAuthor:hover {
  color: #8c0400;
}
.MyProjects > div .project > .block3 button {
  border: none;
  background: none;
  position: 0;
  font-size: 11px;
  font-weight: normal;
  color: #026dc0;
  text-decoration: underline;
  margin: 0 5px;
}
.MyProjects > div .project > .block3 button:hover {
  color: #8c0400;
}
.MyProjects > div .blocked {
  border: 1px solid red;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 10px;
}
.MyProjects > div .blocked .block4 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: red;
  background: red;
  padding: 2px 5px;
  color: white;
}

@media (max-width: 800px) {
  .MyProjects > div .nav {
    flex-direction: column;
  }
  .MyProjects > div .nav > div {
    margin: 20px;
  }
}
.Offers > div {
  width: 1200px;
  max-width: 100%;
  padding-top: 100px;
  line-height: 1.4;
}
.Offers > div .nav {
  display: flex;
  font-size: 13px;
  color: #000;
  margin: 15px 0;
  align-items: center;
}
.Offers > div .nav > div {
  margin: 5px;
}
.Offers > div .nav a,
.Offers > div .nav button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.Offers > div .nav a img,
.Offers > div .nav button img {
  margin: 0 5px 0 5px;
}
.Offers > div .nav a .text,
.Offers > div .nav button .text {
  text-decoration: underline;
}
.Offers > div .nav a span,
.Offers > div .nav button span {
  font-size: 11px;
  margin: 0 2px;
}
.Offers > div .nav a:hover,
.Offers > div .nav button:hover {
  color: #6BB24B;
}
.Offers > div .nav a.active,
.Offers > div .nav button.active {
  border-radius: 20px;
  padding: 5px;
  background: #F0EFED;
}
.Offers > div .nav .unresolved {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.Offers > div .nav .unresolved a {
  justify-content: flex-end;
  width: content-fit;
}
.Offers > div .project {
  padding: 10px 0 15px;
}
.Offers > div .project .titleBlock {
  display: flex;
  align-items: center;
}
.Offers > div .project .titleBlock .title h2 a {
  color: #026dc0;
  font-size: 20px;
  font-weight: normal;
}
.Offers > div .project .titleBlock .title h2 a:hover {
  color: #8c0400;
}
.Offers > div .project .titleBlock .budget {
  flex: 1;
  text-align: right;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.Offers > div .project .descriptionBlock {
  font-size: 13px;
  display: flex;
}
.Offers > div .project .descriptionBlock .block1 .description {
  padding: 15px 0 10px;
}
.Offers > div .project .descriptionBlock .block1 .date,
.Offers > div .project .descriptionBlock .block1 .author,
.Offers > div .project .descriptionBlock .block1 .specialization {
  color: #414141;
  font-size: 11px;
}
.Offers > div .project .descriptionBlock .block1 .author a {
  color: #6db335;
  text-decoration: underline;
  font-weight: bold;
}
.Offers > div .project .descriptionBlock .block1 .author a:hover {
  color: #8c0400;
}
.Offers > div .project .descriptionBlock .block1 .specialization {
  padding: 0;
  display: flex;
}
.Offers > div .project .descriptionBlock .block1 .specialization div {
  margin: 0 5px;
}
.Offers > div .project .descriptionBlock .block1 .answers {
  padding: 0 0 10px;
}
.Offers > div .project .descriptionBlock .block1 .answers a {
  color: #026dc0;
  text-decoration: underline;
}
.Offers > div .project .descriptionBlock .block1 .answers a:hover {
  color: #8c0400;
}
.Offers > div .project .descriptionBlock .block2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.Offers > div .project .descriptionBlock .block2 .info {
  white-space: nowrap;
  font-size: 9px;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock {
  border-top: 1px solid #eee;
  display: flex;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock a {
  font-size: 9px;
  color: #026dc0;
  text-decoration: underline;
  white-space: nowrap;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock a:hover {
  color: #8c0400;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock .numberOfMessages {
  padding: 0 5px 0 0;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock .numberOfMessages a {
  display: flex;
  align-items: center;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock .numberOfMessages a img {
  width: 18px;
  margin: 0 5px;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock .newNumberOfMessages {
  padding: 0 0 0 5px;
  font-size: 9px;
  white-space: nowrap;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock .newNumberOfMessages a {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.Offers > div .project .descriptionBlock .block2 .messagesBlock .newNumberOfMessages a img {
  width: 15px;
  margin: 0 5px;
}

@media (max-width: 800px) {
  .Offers > div .nav {
    flex-direction: column;
  }
  .Offers > div .nav > div {
    margin: 20px;
  }
  .Offers > div .project {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #eee;
  }
  .Offers > div .project .titleBlock {
    flex-direction: column;
  }
  .Offers > div .project .descriptionBlock {
    flex-direction: column;
    align-items: center;
  }
  .Offers > div .project .descriptionBlock > .block1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Offers > div .project .descriptionBlock > .block1 > div {
    margin: 10px 0;
  }
}
.Orders > div {
  width: 1200px;
  padding-top: 100px;
  line-height: 1.4;
}
.Orders > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.Orders > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.Orders > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.Orders > div .nav {
  display: flex;
  font-size: 13px;
  color: #000;
  margin: 15px 0;
  align-items: center;
}
.Orders > div .nav > div {
  margin: 5px;
}
.Orders > div .nav > div:nth-last-child(1) {
  width: 250px;
}
.Orders > div .nav a,
.Orders > div .nav button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.Orders > div .nav a img,
.Orders > div .nav button img {
  margin: 0 5px 0 5px;
}
.Orders > div .nav a .text,
.Orders > div .nav button .text {
  text-decoration: underline;
}
.Orders > div .nav a span,
.Orders > div .nav button span {
  font-size: 11px;
  margin: 0 2px;
}
.Orders > div .nav a:hover,
.Orders > div .nav button:hover {
  color: #6BB24B;
}
.Orders > div .nav a.active,
.Orders > div .nav button.active {
  border-radius: 20px;
  padding: 5px;
  background: #F0EFED;
}
.Orders > div .nav .agreementOfConditions {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.Orders > div .nav .agreementOfConditions a {
  justify-content: flex-end;
  width: content-fit;
}
.Orders > div .project {
  padding: 10px 0 15px;
}
.Orders > div .project .titleBlock {
  display: flex;
}
.Orders > div .project .titleBlock .block1 {
  flex: 1;
}
.Orders > div .project .titleBlock .block1 .title {
  padding: 0 0 10px;
}
.Orders > div .project .titleBlock .block1 .title h2 a {
  color: #026dc0;
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}
.Orders > div .project .titleBlock .block1 .title h2 a:hover {
  color: #8c0400;
}
.Orders > div .project .titleBlock .block1 .author {
  font-size: 13px;
  padding: 0 0 20px;
}
.Orders > div .project .titleBlock .block1 .author a {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
}
.Orders > div .project .titleBlock .block1 .author a:hover {
  color: #8c0400;
}
.Orders > div .project .titleBlock .block2 {
  font-size: 13px;
  text-align: right;
  width: 250px;
}
.Orders > div .project .titleBlock .block2 .budget span {
  font-weight: bold;
}
.Orders > div .project .titleBlock .block2 .deadline span {
  font-weight: bold;
}
.Orders > div .project .descriptionBlock {
  display: flex;
}
.Orders > div .project .descriptionBlock .block1 {
  flex: 1;
  display: flex;
  background: #eee;
  padding: 15px 10px 10px;
}
.Orders > div .project .descriptionBlock .block1 .stateImg {
  padding: 0 10px 0 8px;
  width: 60px;
}
.Orders > div .project .descriptionBlock .block1 .stateImg img {
  width: 30px;
}
.Orders > div .project .descriptionBlock .block1 .description {
  flex: 1;
  font-size: 13px;
}
.Orders > div .project .descriptionBlock .block1 .description .titleOrder {
  padding: 0 0 10px;
  font-weight: bold;
}
.Orders > div .project .descriptionBlock .block1 .description .descriptionText {
  padding: 0 0 20px;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons {
  margin: 0 0 20px;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons button {
  border-bottom: none;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .refuseOrder {
  background: -webkit-linear-gradient(top, #e73f3f, #d72727);
  margin: 0 10px;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .endСollaboration {
  margin: 0 10px;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .changeDeadlineSumPayment {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 10px;
  font-size: 13px;
  color: #026dc0;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .changeDeadlineSumPayment:hover {
  color: #8c0400;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .acceptOrder {
  margin: 0 10px;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .workIsDone {
  margin: 0 10px;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .employerReviewLink {
  border: none;
  background: none;
  padding: 0;
  font-size: 13px;
  color: #026dc0;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .employerReviewLink:hover {
  color: #8c0400;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .leaveReview {
  margin: 0 10px;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .cancelOrderLink {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 10px;
  font-size: 13px;
  color: #026dc0;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .cancelOrderLink:hover {
  color: #8c0400;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .yourReview {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 10px;
  font-size: 13px;
  color: #026dc0;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .yourReview:hover {
  color: #8c0400;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .freelancerReviewLink {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 15px;
  font-size: 13px;
  color: #026dc0;
}
.Orders > div .project .descriptionBlock .block1 .description .buttons .freelancerReviewLink:hover {
  color: #8c0400;
}
.Orders > div .project .descriptionBlock .block1 .description .attantion {
  display: flex;
  font-size: 11px;
}
.Orders > div .project .descriptionBlock .block1 .description .attantion > .icon {
  padding: 0 5px 0 0;
}
.Orders > div .project .descriptionBlock .block2 {
  text-align: right;
  font-size: 13px;
  width: 250px;
}
.Orders > div .project .descriptionBlock .block2 .messageLink a {
  font-size: 13px;
  color: #026dc0;
  text-decoration: underline;
}
.Orders > div .project .descriptionBlock .block2 .messageLink a:hover {
  color: #8c0400;
}
.Orders > div .project .descriptionBlock .block2 .messages .new {
  color: #6db335;
}
.Orders > div .FormChangeDeadlineSumPayment {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Orders > div .FormChangeDeadlineSumPayment form {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.Orders > div .FormChangeDeadlineSumPayment form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.Orders > div .FormChangeDeadlineSumPayment form .closeButton i {
  font-size: 20px;
  color: green;
}
.Orders > div .FormChangeDeadlineSumPayment form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.Orders > div .FormChangeDeadlineSumPayment form h2 {
  font-size: 18px;
}
.Orders > div .FormChangeDeadlineSumPayment form .title {
  padding: 0 0 20px;
  font-size: 13px;
}
.Orders > div .FormChangeDeadlineSumPayment form .title span {
  font-weight: bold;
}
.Orders > div .FormChangeDeadlineSumPayment form .budget {
  padding: 0 0 10px;
  display: flex;
  align-items: center;
}
.Orders > div .FormChangeDeadlineSumPayment form .budget .block1 {
  width: 100px;
}
.Orders > div .FormChangeDeadlineSumPayment form .budget .block2 {
  white-space: nowrap;
  width: 100px;
}
.Orders > div .FormChangeDeadlineSumPayment form .deadline {
  padding: 0 0 20px;
  display: flex;
  align-items: center;
}
.Orders > div .FormChangeDeadlineSumPayment form .deadline .block1 {
  width: 100px;
}
.Orders > div .FormChangeDeadlineSumPayment form .deadline .block2 {
  white-space: nowrap;
  width: 100px;
}
.Orders > div .FormChangeDeadlineSumPayment form .text h3 {
  padding: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  color: #717171;
}
.Orders > div .FormChangeDeadlineSumPayment form .text p {
  padding: 0 0 10px;
}
.Orders > div .FormChangeDeadlineSumPayment form .agreement {
  padding: 0 0 20px;
  display: flex;
}
.Orders > div .FormChangeDeadlineSumPayment form .agreement .block1 {
  width: 30px;
}
.Orders > div .FormChangeDeadlineSumPayment form .saveButton .or {
  font-size: 13px;
  margin: 0 10px;
}
.Orders > div .FormChangeDeadlineSumPayment form .saveButton .cancel {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-weight: bold;
  font-size: 13px;
}
.Orders > div .FormChangeDeadlineSumPayment form .saveButton .cancel:hover {
  color: #8c0400;
}
.Orders > div .FormCompleteCollaboration {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Orders > div .FormCompleteCollaboration form {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.Orders > div .FormCompleteCollaboration form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.Orders > div .FormCompleteCollaboration form .closeButton i {
  font-size: 20px;
  color: green;
}
.Orders > div .FormCompleteCollaboration form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.Orders > div .FormCompleteCollaboration form .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.Orders > div .FormCompleteCollaboration form .text {
  padding: 0 0 10px;
  font-size: 15px;
}
.Orders > div .FormCompleteCollaboration form .selectReview {
  padding: 0 0 15px;
  display: flex;
  align-items: center;
}
.Orders > div .FormCompleteCollaboration form .selectReview .positive {
  padding: 0 20px 0 0;
  display: flex;
}
.Orders > div .FormCompleteCollaboration form .selectReview .positive .block1 {
  padding: 0 5px 0 0;
}
.Orders > div .FormCompleteCollaboration form .selectReview .positive .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.Orders > div .FormCompleteCollaboration form .selectReview .positive .block2 label {
  color: #6db335;
}
.Orders > div .FormCompleteCollaboration form .selectReview .neutral {
  padding: 0 20px 0 0;
  display: flex;
}
.Orders > div .FormCompleteCollaboration form .selectReview .neutral .block1 {
  padding: 0 5px 0 0;
}
.Orders > div .FormCompleteCollaboration form .selectReview .neutral .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.Orders > div .FormCompleteCollaboration form .selectReview .neutral .block2 label {
  color: #171717;
}
.Orders > div .FormCompleteCollaboration form .selectReview .negative {
  display: flex;
}
.Orders > div .FormCompleteCollaboration form .selectReview .negative .block1 {
  padding: 0 5px 0 0;
}
.Orders > div .FormCompleteCollaboration form .selectReview .negative .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.Orders > div .FormCompleteCollaboration form .selectReview .negative .block2 {
  color: #c10600;
}
.Orders > div .FormCompleteCollaboration form .textareaField {
  padding: 0 0 20px;
  font-size: 11px;
  color: #414141;
}
.Orders > div .FormCompleteCollaboration form .textareaField .block1 textarea {
  font-size: 13px;
}
.Orders > div .FormCompleteCollaboration form .textareaField .block2 {
  padding: 5px 0 0;
}
.Orders > div .showEmployerReview {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Orders > div .showEmployerReview > div {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.Orders > div .showEmployerReview > div .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.Orders > div .showEmployerReview > div .closeButton i {
  font-size: 20px;
  color: green;
}
.Orders > div .showEmployerReview > div .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.Orders > div .showEmployerReview > div .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.Orders > div .showEmployerReview > div .text {
  font-size: 16px;
}
.Orders > div .showEmployerReview > div .text.positive {
  color: #6db335;
}
.Orders > div .showEmployerReview > div .text.neutral {
  color: #171717;
}
.Orders > div .showEmployerReview > div .text.negative {
  color: #c10600;
}
.Orders > div .showEmployerReview > div .date {
  padding: 20px 0 5px 20px;
  font-size: 11px;
  color: #414141;
}
.Orders > div .showEmployerReview > div .description {
  padding: 0 0 20px 20px;
  font-size: 13px;
}
.Orders > div .showEmployerReview > div .close {
  display: flex;
  justify-content: flex-end;
}
.Orders > div .showFreelancerReview {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Orders > div .showFreelancerReview > div {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.Orders > div .showFreelancerReview > div .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.Orders > div .showFreelancerReview > div .closeButton i {
  font-size: 20px;
  color: green;
}
.Orders > div .showFreelancerReview > div .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.Orders > div .showFreelancerReview > div .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.Orders > div .showFreelancerReview > div .text {
  font-size: 16px;
}
.Orders > div .showFreelancerReview > div .text.positive {
  color: #6db335;
}
.Orders > div .showFreelancerReview > div .text.neutral {
  color: #171717;
}
.Orders > div .showFreelancerReview > div .text.negative {
  color: #c10600;
}
.Orders > div .showFreelancerReview > div .date {
  padding: 20px 0 5px 20px;
  font-size: 11px;
  color: #414141;
}
.Orders > div .showFreelancerReview > div .description {
  padding: 0 0 20px 20px;
  font-size: 13px;
}
.Orders > div .showFreelancerReview > div .close {
  display: flex;
  justify-content: flex-end;
}
.Orders > div .showEmployerReviewDialog2 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Orders > div .showEmployerReviewDialog2 > div {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.Orders > div .showEmployerReviewDialog2 > div .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.Orders > div .showEmployerReviewDialog2 > div .closeButton i {
  font-size: 20px;
  color: green;
}
.Orders > div .showEmployerReviewDialog2 > div .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.Orders > div .showEmployerReviewDialog2 > div .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.Orders > div .showEmployerReviewDialog2 > div .text {
  font-size: 16px;
}
.Orders > div .showEmployerReviewDialog2 > div .text.positive {
  color: #6db335;
}
.Orders > div .showEmployerReviewDialog2 > div .text.neutral {
  color: #171717;
}
.Orders > div .showEmployerReviewDialog2 > div .text.negative {
  color: #c10600;
}
.Orders > div .showEmployerReviewDialog2 > div .date {
  padding: 20px 0 5px 20px;
  font-size: 11px;
  color: #414141;
}
.Orders > div .showEmployerReviewDialog2 > div .description {
  padding: 0 0 20px 20px;
  font-size: 13px;
}
.Orders > div .showEmployerReviewDialog2 > div .close {
  display: flex;
  justify-content: flex-end;
}
.Orders > div .showFreelancerReviewDialog2 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Orders > div .showFreelancerReviewDialog2 > div {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.Orders > div .showFreelancerReviewDialog2 > div .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.Orders > div .showFreelancerReviewDialog2 > div .closeButton i {
  font-size: 20px;
  color: green;
}
.Orders > div .showFreelancerReviewDialog2 > div .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.Orders > div .showFreelancerReviewDialog2 > div .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.Orders > div .showFreelancerReviewDialog2 > div .text {
  font-size: 16px;
}
.Orders > div .showFreelancerReviewDialog2 > div .text.positive {
  color: #6db335;
}
.Orders > div .showFreelancerReviewDialog2 > div .text.neutral {
  color: #171717;
}
.Orders > div .showFreelancerReviewDialog2 > div .text.negative {
  color: #c10600;
}
.Orders > div .showFreelancerReviewDialog2 > div .date {
  padding: 20px 0 5px 20px;
  font-size: 11px;
  color: #414141;
}
.Orders > div .showFreelancerReviewDialog2 > div .description {
  padding: 0 0 20px 20px;
  font-size: 13px;
}
.Orders > div .showFreelancerReviewDialog2 > div .close {
  display: flex;
  justify-content: flex-end;
}
.Orders > div .FormLeaveReview {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Orders > div .FormLeaveReview form {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.Orders > div .FormLeaveReview form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.Orders > div .FormLeaveReview form .closeButton i {
  font-size: 20px;
  color: green;
}
.Orders > div .FormLeaveReview form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.Orders > div .FormLeaveReview form .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.Orders > div .FormLeaveReview form .text {
  padding: 0 0 10px;
  font-size: 15px;
}
.Orders > div .FormLeaveReview form .selectReview {
  padding: 0 0 15px;
  display: flex;
  align-items: center;
}
.Orders > div .FormLeaveReview form .selectReview .positive {
  padding: 0 20px 0 0;
  display: flex;
}
.Orders > div .FormLeaveReview form .selectReview .positive .block1 {
  padding: 0 5px 0 0;
}
.Orders > div .FormLeaveReview form .selectReview .positive .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.Orders > div .FormLeaveReview form .selectReview .positive .block2 label {
  color: #6db335;
}
.Orders > div .FormLeaveReview form .selectReview .neutral {
  padding: 0 20px 0 0;
  display: flex;
}
.Orders > div .FormLeaveReview form .selectReview .neutral .block1 {
  padding: 0 5px 0 0;
}
.Orders > div .FormLeaveReview form .selectReview .neutral .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.Orders > div .FormLeaveReview form .selectReview .neutral .block2 label {
  color: #171717;
}
.Orders > div .FormLeaveReview form .selectReview .negative {
  display: flex;
}
.Orders > div .FormLeaveReview form .selectReview .negative .block1 {
  padding: 0 5px 0 0;
}
.Orders > div .FormLeaveReview form .selectReview .negative .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.Orders > div .FormLeaveReview form .selectReview .negative .block2 {
  color: #c10600;
}
.Orders > div .FormLeaveReview form .textareaField {
  padding: 0 0 20px;
  font-size: 11px;
  color: #414141;
}
.Orders > div .FormLeaveReview form .textareaField .block1 textarea {
  font-size: 13px;
}
.Orders > div .FormLeaveReview form .textareaField .block2 {
  padding: 5px 0 0;
}

@media (max-width: 800px) {
  .Orders > div .nav {
    flex-direction: column;
  }
  .Orders > div .nav > div {
    margin: 20px;
  }
  .Orders > div .project {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #eee;
  }
  .Orders > div .project .titleBlock {
    flex-direction: column;
  }
  .Orders > div .project .descriptionBlock {
    flex-direction: column;
  }
  .Orders > div .project .descriptionBlock .block1 {
    flex-direction: column;
  }
  .Orders > div .project .descriptionBlock .block1 .description .buttons {
    display: flex;
    flex-direction: column;
  }
  .Orders > div .project .descriptionBlock .block1 .description .buttons > button {
    white-space: normal;
  }
  .Orders > div .project .descriptionBlock .block1 .description .buttons .acceptOrder,
.Orders > div .project .descriptionBlock .block1 .description .buttons .refuseOrder,
.Orders > div .project .descriptionBlock .block1 .description .buttons .endСollaboration {
    margin: 20px 0;
    white-space: normal;
  }
  .Orders > div .project .descriptionBlock .block1 .description .buttons .leaveReview,
.Orders > div .project .descriptionBlock .block1 .description .buttons .freelancerReviewLink,
.Orders > div .project .descriptionBlock .block1 .description .buttons .yourReview,
.Orders > div .project .descriptionBlock .block1 .description .buttons .workIsDone {
    margin: 20px 0 0;
    white-space: normal;
  }
  .Orders > div .project .descriptionBlock .block2 {
    width: auto;
  }
  .Orders > div .FormLeaveReview form .selectReview {
    align-items: flex-start;
    flex-direction: column;
  }
  .Orders > div .FormLeaveReview form .selectReview > div {
    margin: 10px 0;
  }
  .Orders > div .FormCompleteCollaboration form .selectReview {
    flex-direction: column;
    align-items: flex-start;
  }
  .Orders > div .FormCompleteCollaboration form .selectReview > div {
    margin: 10px 0;
  }
}
.OrdersIdLoggedAuthor > div {
  width: 1200px;
  padding-top: 100px;
  font-size: 13px;
  display: flex;
}
.OrdersIdLoggedAuthor > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.OrdersIdLoggedAuthor > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OrdersIdLoggedAuthor > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OrdersIdLoggedAuthor > div > .block1 {
  flex: 1;
}
.OrdersIdLoggedAuthor > div > .block1 .breadcrumbs {
  font-size: 13px;
}
.OrdersIdLoggedAuthor > div > .block1 .breadcrumbs a {
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedAuthor > div > .block1 .breadcrumbs a:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div > .block1 > .title h1 {
  margin: 0;
  padding: 0 0 23px;
  font-size: 28px;
}
.OrdersIdLoggedAuthor > div > .block1 .authorBlock {
  display: flex;
  margin: 0 0 20px;
  padding: 10px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.OrdersIdLoggedAuthor > div > .block1 .authorBlock .avatar img {
  margin: 0 10px 0 0;
  width: 50px;
  height: 50px;
}
.OrdersIdLoggedAuthor > div > .block1 .authorBlock .authorData {
  flex: 1;
}
.OrdersIdLoggedAuthor > div > .block1 .authorBlock .authorData .author a {
  font-size: 13px;
  font-weight: bold;
  color: #6db335;
}
.OrdersIdLoggedAuthor > div > .block1 .authorBlock .authorData .author a:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div > .block1 .authorBlock .budgetAndDeadline {
  font-size: 18px;
}
.OrdersIdLoggedAuthor > div > .block1 .authorBlock .budgetAndDeadline .budget span {
  font-weight: bold;
}
.OrdersIdLoggedAuthor > div > .block1 .authorBlock .budgetAndDeadline .deadline span {
  font-weight: bold;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock {
  display: flex;
  background: #eee;
  margin: 0 0 20px 60px;
  padding: 15px 10px 10px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderIcon {
  padding: 0 10px 0 8px;
  width: 60px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderIcon img {
  width: 30px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData {
  flex: 1;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .titleOrder {
  font-weight: bold;
  padding: 0 0 10px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .descriptionText {
  padding: 0 0 20px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons {
  margin: 0 0 20px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons button {
  border-bottom: none;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .refuseOrder {
  background: -webkit-linear-gradient(top, #e73f3f, #d72727);
  margin: 0 10px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .endСollaboration {
  margin: 0 10px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .changeDeadlineSumPayment {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 10px;
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .changeDeadlineSumPayment:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .yourReview {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 15px;
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .yourReview:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .freelancerReviewLink {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 15px;
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .freelancerReviewLink:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .attantion {
  display: flex;
  font-size: 11px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .attantion > .icon {
  padding: 0 5px 0 0;
}
.OrdersIdLoggedAuthor > div > .block1 > .description {
  margin: 0 0 20px 60px;
}
.OrdersIdLoggedAuthor > div > .block1 .line {
  border-bottom: 1px solid #eee;
  margin: 0 0 20px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderDiscussionTitle {
  margin: 0 0 0 60px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderDiscussionTitle h2 {
  font-size: 14px;
  padding: 0 0 10px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderDiscussionForm {
  margin: 0 0 20px 60px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderDiscussionForm textarea {
  height: 100px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderDiscussionForm .allowedTags {
  font-size: 11px;
}
.OrdersIdLoggedAuthor > div > .block1 .orderDiscussionForm .button {
  margin: 20px 0px 40px;
}
.OrdersIdLoggedAuthor > div > .block1 .message {
  margin: 0 0 20px 60px;
}
.OrdersIdLoggedAuthor > div > .block1 .message .author a {
  color: #6db335;
  font-weight: bold;
  font-size: 13px;
}
.OrdersIdLoggedAuthor > div > .block1 .message .author a:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div > .block1 .message .author.active a {
  color: #000;
}
.OrdersIdLoggedAuthor > div > .block1 .message .author.active a:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div > .block1 .loadOlderMessages {
  margin: 0 0 20px 60px;
}
.OrdersIdLoggedAuthor > div > .block1 .loadOlderMessages button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedAuthor > div > .block1 .loadOlderMessages button:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div > .block2 {
  width: 260px;
}
.OrdersIdLoggedAuthor > div > .block2 .stages {
  width: 240px;
  margin: 0 0 0 20px;
  border: 2px solid #eee;
  padding: 3px 5px;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .stage {
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  color: #717171;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .stage .icon {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .stage .icon img {
  width: 25px;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .stage .text {
  width: 80%;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .stage .text .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  min-height: 38px;
  white-space: nowrap;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .stage .text .description {
  font-size: 11px;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .active {
  color: #6db335;
  position: relative;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .active:before {
  border-right: 4px solid #6db335;
  height: 100%;
  content: " ";
  position: absolute;
  left: -8px;
}
.OrdersIdLoggedAuthor > div > .block2 .stages .stage:nth-last-child(1) {
  border-bottom: none;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .closeButton i {
  font-size: 20px;
  color: green;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form h2 {
  font-size: 18px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .title {
  padding: 0 0 20px;
  font-size: 13px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .title span {
  font-weight: bold;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .budget {
  padding: 0 0 10px;
  display: flex;
  align-items: center;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .budget .block1 {
  width: 70px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .budget .block2 {
  white-space: nowrap;
  width: 100px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .deadline {
  padding: 0 0 20px;
  display: flex;
  align-items: center;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .deadline .block1 {
  width: 70px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .deadline .block2 {
  white-space: nowrap;
  width: 100px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .text h3 {
  padding: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  color: #717171;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .text p {
  padding: 0 0 10px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .agreement {
  padding: 0 0 20px;
  display: flex;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .agreement .block1 {
  width: 30px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .saveButton .or {
  font-size: 13px;
  margin: 0 10px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .saveButton .cancel {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-weight: bold;
  font-size: 13px;
}
.OrdersIdLoggedAuthor > div .FormChangeDeadlineSumPayment form .saveButton .cancel:hover {
  color: #8c0400;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .closeButton i {
  font-size: 20px;
  color: green;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .text {
  padding: 0 0 10px;
  font-size: 15px;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .text.positive {
  color: #6db335;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .text.neutral {
  color: #171717;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .text.negative {
  color: #c10600;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview {
  padding: 0 0 15px;
  display: flex;
  align-items: center;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .positive {
  padding: 0 20px 0 0;
  display: flex;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .positive .block1 {
  padding: 0 5px 0 0;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .positive .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .positive .block2 label {
  color: #6db335;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .neutral {
  padding: 0 20px 0 0;
  display: flex;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .neutral .block1 {
  padding: 0 5px 0 0;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .neutral .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .neutral .block2 label {
  color: #171717;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .negative {
  display: flex;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .negative .block1 {
  padding: 0 5px 0 0;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .negative .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview .negative .block2 {
  color: #c10600;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .textareaField {
  padding: 0 0 20px;
  font-size: 11px;
  color: #414141;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .textareaField .block1 textarea {
  font-size: 13px;
}
.OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .textareaField .block2 {
  padding: 5px 0 0;
}
.OrdersIdLoggedAuthor > div .showEmployerReview {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .closeButton i {
  font-size: 20px;
  color: green;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .text {
  font-size: 16px;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .text.positive {
  color: #6db335;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .text.neutral {
  color: #171717;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .text.negative {
  color: #c10600;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .date {
  padding: 20px 0 5px 20px;
  font-size: 11px;
  color: #414141;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .description {
  padding: 0 0 20px 20px;
  font-size: 13px;
}
.OrdersIdLoggedAuthor > div .showEmployerReview > div .close {
  display: flex;
  justify-content: flex-end;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .closeButton i {
  font-size: 20px;
  color: green;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .text {
  font-size: 16px;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .text.positive {
  color: #6db335;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .text.neutral {
  color: #171717;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .text.negative {
  color: #c10600;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .date {
  padding: 20px 0 5px 20px;
  font-size: 11px;
  color: #414141;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .description {
  padding: 0 0 20px 20px;
  font-size: 13px;
}
.OrdersIdLoggedAuthor > div .showFreelancerReview > div .close {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 800px) {
  .OrdersIdLoggedAuthor > div > .block2 {
    display: none;
  }
  .OrdersIdLoggedAuthor > div > .block1 .authorBlock {
    flex-direction: column;
    align-items: center;
  }
  .OrdersIdLoggedAuthor > div > .block1 .authorBlock .authorData > div {
    margin: 20px 0;
  }
  .OrdersIdLoggedAuthor > div > .block1 .orderBlock {
    flex-direction: column;
    margin: auto auto;
  }
  .OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons {
    display: flex;
    flex-direction: column;
  }
  .OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons > button {
    white-space: normal;
  }
  .OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .acceptOrder,
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .refuseOrder,
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .endСollaboration {
    margin: 20px 0;
    white-space: normal;
  }
  .OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .leaveReview,
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .freelancerReviewLink,
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .yourReview,
.OrdersIdLoggedAuthor > div > .block1 .orderBlock .orderData .buttons .workIsDone {
    margin: 20px 0 0;
    white-space: normal;
  }
  .OrdersIdLoggedAuthor > div > .block1 .description {
    margin: auto auto;
    padding: 10px;
  }
  .OrdersIdLoggedAuthor > div .FormLeaveReview form .selectReview {
    align-items: flex-start;
    flex-direction: column;
  }
  .OrdersIdLoggedAuthor > div .FormLeaveReview form .selectReview > div {
    margin: 10px 0;
  }
  .OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview {
    flex-direction: column;
    align-items: flex-start;
  }
  .OrdersIdLoggedAuthor > div .FormCompleteCollaboration form .selectReview > div {
    margin: 10px 0;
  }
}
.OrdersIdLoggedNotAuthor > div {
  width: 1200px;
  padding-top: 100px;
  font-size: 13px;
  display: flex;
}
.OrdersIdLoggedNotAuthor > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.OrdersIdLoggedNotAuthor > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OrdersIdLoggedNotAuthor > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OrdersIdLoggedNotAuthor > div .block1 {
  flex: 1;
}
.OrdersIdLoggedNotAuthor > div .block1 .breadcrumbs {
  font-size: 13px;
}
.OrdersIdLoggedNotAuthor > div .block1 .breadcrumbs a {
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedNotAuthor > div .block1 .breadcrumbs a:hover {
  color: #8c0400;
}
.OrdersIdLoggedNotAuthor > div .block1 > .title h1 {
  margin: 0;
  padding: 0 0 23px;
  font-size: 28px;
}
.OrdersIdLoggedNotAuthor > div .block1 .authorBlock {
  display: flex;
  margin: 0 0 20px;
  padding: 10px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.OrdersIdLoggedNotAuthor > div .block1 .authorBlock .avatar img {
  margin: 0 10px 0 0;
  width: 50px;
  height: 50px;
}
.OrdersIdLoggedNotAuthor > div .block1 .authorBlock .authorData {
  flex: 1;
}
.OrdersIdLoggedNotAuthor > div .block1 .authorBlock .authorData .author a {
  font-size: 13px;
  font-weight: bold;
  color: #6db335;
}
.OrdersIdLoggedNotAuthor > div .block1 .authorBlock .authorData .author a:hover {
  color: #8c0400;
}
.OrdersIdLoggedNotAuthor > div .block1 .authorBlock .budgetAndDeadline {
  font-size: 18px;
}
.OrdersIdLoggedNotAuthor > div .block1 .authorBlock .budgetAndDeadline .budget span {
  font-weight: bold;
}
.OrdersIdLoggedNotAuthor > div .block1 .authorBlock .budgetAndDeadline .deadline span {
  font-weight: bold;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock {
  display: flex;
  background: #eee;
  margin: 0 0 20px 60px;
  padding: 15px 10px 10px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderIcon {
  padding: 0 10px 0 8px;
  width: 60px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderIcon img {
  width: 30px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData {
  flex: 1;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .titleOrder {
  font-weight: bold;
  padding: 0 0 10px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .descriptionText {
  padding: 0 0 20px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons {
  margin: 0 0 20px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons button {
  border-bottom: none;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .acceptOrder {
  margin: 0 10px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .workIsDone {
  margin: 0 10px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .employerReviewLink {
  border: none;
  background: none;
  padding: 0;
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .employerReviewLink:hover {
  color: #8c0400;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .leaveReview {
  margin: 0 10px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .freelancerReviewLink {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 15px;
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .freelancerReviewLink:hover {
  color: #8c0400;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .cancelOrderLink {
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 10px;
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .buttons .cancelOrderLink:hover {
  color: #8c0400;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .attantion {
  display: flex;
  font-size: 11px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderBlock .orderData .attantion > .icon {
  padding: 0 5px 0 0;
}
.OrdersIdLoggedNotAuthor > div .block1 > .description {
  margin: 0 0 20px 60px;
}
.OrdersIdLoggedNotAuthor > div .block1 .line {
  border-bottom: 1px solid #eee;
  margin: 0 0 20px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderDiscussionTitle {
  margin: 0 0 0 60px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderDiscussionTitle h2 {
  font-size: 14px;
  padding: 0 0 10px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderDiscussionForm {
  margin: 0 0 20px 60px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderDiscussionForm textarea {
  height: 100px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderDiscussionForm .allowedTags {
  font-size: 11px;
}
.OrdersIdLoggedNotAuthor > div .block1 .orderDiscussionForm .button {
  margin: 20px 0px 40px;
}
.OrdersIdLoggedNotAuthor > div .block1 .message {
  margin: 0 0 20px 60px;
}
.OrdersIdLoggedNotAuthor > div .block1 .message .author a {
  color: #6db335;
  font-weight: bold;
  font-size: 13px;
}
.OrdersIdLoggedNotAuthor > div .block1 .message .author a:hover {
  color: #8c0400;
}
.OrdersIdLoggedNotAuthor > div .block1 .message .author.active a {
  color: #000;
}
.OrdersIdLoggedNotAuthor > div .block1 .message .author.active a:hover {
  color: #8c0400;
}
.OrdersIdLoggedNotAuthor > div .block1 .loadOlderMessages {
  margin: 0 0 20px 60px;
}
.OrdersIdLoggedNotAuthor > div .block1 .loadOlderMessages button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  color: #026dc0;
}
.OrdersIdLoggedNotAuthor > div .block1 .loadOlderMessages button:hover {
  color: #8c0400;
}
.OrdersIdLoggedNotAuthor > div > .block2 {
  width: 260px;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages {
  width: 240px;
  margin: 0 0 0 20px;
  border: 2px solid #eee;
  padding: 3px 5px;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .stage {
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  color: #717171;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .stage .icon {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .stage .icon img {
  width: 25px;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .stage .text {
  width: 80%;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .stage .text .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  min-height: 38px;
  white-space: nowrap;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .stage .text .description {
  font-size: 11px;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .active {
  color: #6db335;
  position: relative;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .active:before {
  border-right: 4px solid #6db335;
  height: 100%;
  content: " ";
  position: absolute;
  left: -8px;
}
.OrdersIdLoggedNotAuthor > div > .block2 .stages .stage:nth-last-child(1) {
  border-bottom: none;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .closeButton i {
  font-size: 20px;
  color: green;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .text {
  font-size: 16px;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .text.positive {
  color: #6db335;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .text.neutral {
  color: #171717;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .text.negative {
  color: #c10600;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .date {
  padding: 20px 0 5px 20px;
  font-size: 11px;
  color: #414141;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .description {
  padding: 0 0 20px 20px;
  font-size: 13px;
}
.OrdersIdLoggedNotAuthor > div .showEmployerReviewDialog > div .close {
  display: flex;
  justify-content: flex-end;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .closeButton i {
  font-size: 20px;
  color: green;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .text {
  font-size: 16px;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .text.positive {
  color: #6db335;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .text.neutral {
  color: #171717;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .text.negative {
  color: #c10600;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .date {
  padding: 20px 0 5px 20px;
  font-size: 11px;
  color: #414141;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .description {
  padding: 0 0 20px 20px;
  font-size: 13px;
}
.OrdersIdLoggedNotAuthor > div .showFreelancerReviewDialog > div .close {
  display: flex;
  justify-content: flex-end;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form {
  width: 500px;
  height: fit-content;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .closeButton i {
  font-size: 20px;
  color: green;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .title {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin: 0 0 15px;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .text {
  padding: 0 0 10px;
  font-size: 15px;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview {
  padding: 0 0 15px;
  display: flex;
  align-items: center;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .positive {
  padding: 0 20px 0 0;
  display: flex;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .positive .block1 {
  padding: 0 5px 0 0;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .positive .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .positive .block2 label {
  color: #6db335;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .neutral {
  padding: 0 20px 0 0;
  display: flex;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .neutral .block1 {
  padding: 0 5px 0 0;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .neutral .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .neutral .block2 label {
  color: #171717;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .negative {
  display: flex;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .negative .block1 {
  padding: 0 5px 0 0;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .negative .block1 input[type=radio] {
  height: 12px;
  width: 12px;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview .negative .block2 {
  color: #c10600;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .textareaField {
  padding: 0 0 20px;
  font-size: 11px;
  color: #414141;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .textareaField .block1 textarea {
  font-size: 13px;
}
.OrdersIdLoggedNotAuthor > div .FormLeaveReview form .textareaField .block2 {
  padding: 5px 0 0;
}

@media (max-width: 800px) {
  .OrdersIdLoggedNotAuthor > div > .block2 {
    display: none;
  }
  .OrdersIdLoggedNotAuthor > div > .block1 .authorBlock {
    flex-direction: column;
    align-items: center;
  }
  .OrdersIdLoggedNotAuthor > div > .block1 .authorBlock .authorData > div {
    margin: 20px 0;
  }
  .OrdersIdLoggedNotAuthor > div > .block1 .orderBlock {
    flex-direction: column;
    margin: auto auto;
  }
  .OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons {
    display: flex;
    flex-direction: column;
  }
  .OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons > button {
    white-space: normal;
  }
  .OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons .acceptOrder,
.OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons .refuseOrder,
.OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons .endСollaboration {
    margin: 20px 0;
    white-space: normal;
  }
  .OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons .leaveReview,
.OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons .freelancerReviewLink,
.OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons .yourReview,
.OrdersIdLoggedNotAuthor > div > .block1 .orderBlock .orderData .buttons .workIsDone {
    margin: 20px 0 0;
    white-space: normal;
  }
  .OrdersIdLoggedNotAuthor > div > .block1 .description {
    margin: auto auto;
    padding: 10px;
  }
  .OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview {
    align-items: flex-start;
    flex-direction: column;
  }
  .OrdersIdLoggedNotAuthor > div .FormLeaveReview form .selectReview > div {
    margin: 10px 0;
  }
}
.OrdersId > div {
  width: 1200px;
  padding-top: 100px;
  font-size: 13px;
  display: flex;
}
.OrdersId > div .block1 {
  flex: 1;
}
.OrdersId > div .block1 .breadcrumbs {
  font-size: 13px;
}
.OrdersId > div .block1 .breadcrumbs a {
  font-size: 13px;
  color: #026dc0;
}
.OrdersId > div .block1 .breadcrumbs a:hover {
  color: #8c0400;
}
.OrdersId > div .block1 > .title h1 {
  margin: 0;
  padding: 0 0 23px;
  font-size: 28px;
}
.OrdersId > div .block1 .authorBlock {
  display: flex;
  margin: 0 0 20px;
  padding: 10px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.OrdersId > div .block1 .authorBlock .avatar img {
  margin: 0 10px 0 0;
}
.OrdersId > div .block1 .authorBlock .authorData {
  flex: 1;
}
.OrdersId > div .block1 .authorBlock .authorData .author a {
  font-size: 13px;
  font-weight: bold;
  color: #6db335;
}
.OrdersId > div .block1 .authorBlock .authorData .author a:hover {
  color: #8c0400;
}
.OrdersId > div .block1 .authorBlock .budgetAndDeadline {
  font-size: 18px;
}
.OrdersId > div .block1 .authorBlock .budgetAndDeadline .budget span {
  font-weight: bold;
}
.OrdersId > div .block1 .authorBlock .budgetAndDeadline .deadline span {
  font-weight: bold;
}
.OrdersId > div .block1 .orderBlock {
  display: flex;
  background: #eee;
  margin: 0 0 20px 60px;
  padding: 15px 10px 10px;
}
.OrdersId > div .block1 .orderBlock .orderIcon {
  padding: 0 10px 0 8px;
  width: 60px;
}
.OrdersId > div .block1 .orderBlock .orderIcon img {
  width: 30px;
}
.OrdersId > div .block1 .orderBlock .orderData {
  flex: 1;
}
.OrdersId > div .block1 .orderBlock .orderData .titleOrder {
  font-weight: bold;
  padding: 0 0 10px;
}
.OrdersId > div .block1 .orderBlock .orderData .descriptionText {
  padding: 0 0 20px;
}
.OrdersId > div .block1 .orderBlock .orderData .button {
  margin: 0 0 20px;
}
.OrdersId > div .block1 > .description {
  margin: 0 0 20px 60px;
}
.OrdersId > div .block1 .line {
  border-bottom: 1px solid #eee;
  margin: 0 0 20px;
}
.OrdersId > div .block1 .orderDiscussionTitle {
  margin: 0 0 0 60px;
}
.OrdersId > div .block1 .orderDiscussionTitle h2 {
  font-size: 14px;
  padding: 0 0 10px;
}
.OrdersId > div .block1 .orderDiscussionForm {
  margin: 0 0 20px 60px;
}
.OrdersId > div .block1 .orderDiscussionForm textarea {
  height: 100px;
}
.OrdersId > div .block1 .orderDiscussionForm .button {
  margin: 20px 0px 40px;
}
.OrdersId > div .block1 .message {
  margin: 0 0 20px 60px;
}
.OrdersId > div .block1 .message .author a {
  color: #6db335;
  font-weight: bold;
  font-size: 13px;
}
.OrdersId > div .block1 .message .author a:hover {
  color: #8c0400;
}
.OrdersId > div > .block2 {
  width: 260px;
}
.OrdersId > div > .block2 .stages {
  width: 240px;
  margin: 0 0 0 20px;
  border: 2px solid #eee;
  padding: 3px 5px;
}
.OrdersId > div > .block2 .stages .stage {
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  color: #717171;
}
.OrdersId > div > .block2 .stages .stage .icon {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OrdersId > div > .block2 .stages .stage .icon img {
  width: 25px;
}
.OrdersId > div > .block2 .stages .stage .text {
  width: 80%;
}
.OrdersId > div > .block2 .stages .stage .text .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  min-height: 38px;
}
.OrdersId > div > .block2 .stages .stage .text .description {
  font-size: 11px;
}
.OrdersId > div > .block2 .stages .active {
  color: #6db335;
  position: relative;
}
.OrdersId > div > .block2 .stages .active:before {
  border-right: 4px solid #6db335;
  height: 100%;
  content: " ";
  position: absolute;
  left: -8px;
}
.OrdersId > div > .block2 .stages .stage:nth-last-child(1) {
  border-bottom: none;
}

.Messages > div {
  width: 1200px;
  padding-top: 100px;
  line-height: 1.4;
}
.Messages > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.Messages > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.Messages > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.Messages > div .title {
  padding: 0 0 23px;
}
.Messages > div .title h1 {
  font-size: 28px;
  margin: 0px;
}
.Messages > div .mainBlock {
  display: flex;
}
.Messages > div .mainBlock > .block1 {
  flex: 1;
}
.Messages > div .mainBlock > .block1 .searchField form {
  display: flex;
  border: 1px solid #eee;
  justify-content: center;
  padding: 13px;
}
.Messages > div .mainBlock > .block1 .searchField form div:nth-child(1) {
  flex: 1;
}
.Messages > div .mainBlock > .block1 .searchField form div:nth-child(2) button {
  background: #eee;
  margin: 0 0 0 5px;
  color: #000;
  padding: 0 10px;
  height: 26px;
  border: none;
}
.Messages > div .mainBlock > .block1 .searchField form div:nth-child(2) .cancel {
  text-align: center;
}
.Messages > div .mainBlock > .block1 .searchField form div:nth-child(2) .cancel button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  color: #026dc0;
}
.Messages > div .mainBlock > .block1 .searchField form div:nth-child(2) .cancel button:hover {
  color: #8c0400;
}
.Messages > div .mainBlock > .block1 .message .authorBlock {
  display: flex;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  padding: 10px;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block1 {
  padding-right: 10px;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block1 img {
  width: 50px;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 {
  font-size: 13px;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .author a {
  font-size: 13px;
  color: #6BA813;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .messages {
  padding: 5px 0;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .messages a {
  font-size: 13px;
  color: #026dc0;
  text-decoration: underline;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .messages a:hover {
  color: #8c0400;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .newMessages {
  font-size: 13px;
  line-height: 1.4;
  width: fit-content;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .newMessages a {
  color: #ffffff;
  text-decoration: underline;
  background: #f16728;
  padding: 2px 5px;
  font-weight: bold;
  font-size: 9px;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .actionsMenu {
  position: relative;
  display: flex;
  align-items: center;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .actionsMenu .block1 {
  background: #eee;
  width: fit-content;
  padding: 0px 5px;
  margin: 5px 0;
  cursor: pointer;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .actionsMenu .block2 {
  position: absolute;
  width: 200px;
  padding: 4px;
  border-left: 1px solid #cdccc9;
  border-top: 1px solid #cdccc9;
  border-right: 2px solid #cdccc9;
  border-bottom: 2px solid #cdccc9;
  background: #fff;
  top: 25px;
  left: 0;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .actionsMenu .block2 div button {
  border: none;
  background: none;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  color: #808080;
  text-decoration: underline;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .actionsMenu .block2 div button:hover {
  text-decoration: none;
}
.Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .actionsMenu .remove {
  background: #eee;
  width: fit-content;
  padding: 0px 5px;
  margin: 5px 0 5px 10px;
  cursor: pointer;
}
.Messages > div .mainBlock > .block2 {
  width: 240px;
  height: fit-content;
  border: 1px solid #eee;
  margin-left: 32px;
  padding: 13px;
}
.Messages > div .mainBlock > .block2 > hr {
  border: 1px solid #eee;
  border-top: none;
}
.Messages > div .mainBlock > .block2 > div {
  display: flex;
  align-items: center;
  padding: 7px 0 8px 5px;
}
.Messages > div .mainBlock > .block2 > div img {
  margin: 0 9px 0 0;
}
.Messages > div .mainBlock > .block2 > div button {
  border: none;
  background: none;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  color: #026dc0;
  text-decoration: underline;
}
.Messages > div .mainBlock > .block2 > div button:hover {
  color: #8c0400;
}
.Messages > div .mainBlock > .block2 > div button.active {
  color: #171717;
  text-decoration: none;
  cursor: auto;
}

@media (max-width: 800px) {
  .Messages > div .mainBlock {
    flex-direction: column-reverse;
  }
  .Messages > div .mainBlock > .block1 .message .authorBlock {
    flex-direction: column;
    align-items: center;
  }
  .Messages > div .mainBlock > .block1 .message .authorBlock > .block2 > div {
    margin: 20px;
  }
  .Messages > div .mainBlock > .block1 .message .authorBlock > .block2 .actionsMenu .block2 > div {
    margin: 20px;
  }
}
.MessagesIdLogged > div {
  width: 1200px;
  padding-top: 100px;
}
.MessagesIdLogged > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.MessagesIdLogged > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.MessagesIdLogged > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.MessagesIdLogged > div > .title h1 {
  margin: 0;
  padding: 0 0 23px;
  font-size: 28px;
}
.MessagesIdLogged > div .authorBlock {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid #eee;
  margin: 0 0 10px;
}
.MessagesIdLogged > div .authorBlock .avatar img {
  width: 50px;
  margin-right: 10px;
}
.MessagesIdLogged > div .authorBlock .authorData {
  font-size: 11px;
}
.MessagesIdLogged > div .authorBlock .authorData .author a {
  color: #6BA813;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
}
.MessagesIdLogged > div .addMessageForm {
  margin: 0 0 20px 60px;
}
.MessagesIdLogged > div .addMessageForm .textareaBlock {
  font-size: 11px;
}
.MessagesIdLogged > div .addMessageForm .textareaBlock textarea {
  height: 100px;
  width: 80%;
}
.MessagesIdLogged > div .addMessageForm .textareaBlock .help {
  padding: 0 0 10px;
}
.MessagesIdLogged > div .addMessageForm .button {
  border-bottom: 1px solid #eee;
  padding: 0 0 20px;
  margin: 0 0 20px;
}
.MessagesIdLogged > div .message {
  font-size: 12px;
  position: relative;
  padding: 0 0 10px 10px;
  margin: 0 0 20px 60px;
}
.MessagesIdLogged > div .message .author i {
  position: absolute;
  left: 0;
  top: 2px;
}
.MessagesIdLogged > div .logged {
  color: #A34747;
}
.MessagesIdLogged > div .loadOlderMessages {
  margin: 0 0 20px 60px;
}
.MessagesIdLogged > div .loadOlderMessages button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  color: #026dc0;
}
.MessagesIdLogged > div .loadOlderMessages button:hover {
  color: #8c0400;
}

.OfferOrderIdLogged > div {
  width: 1200px;
  padding-top: 100px;
}
.OfferOrderIdLogged > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.OfferOrderIdLogged > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OfferOrderIdLogged > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OfferOrderIdLogged > div .orderForm {
  display: flex;
}
.OfferOrderIdLogged > div .orderForm > .block1 {
  padding: 0 15px 0 0;
  flex: 1;
  font-size: 15px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .titleH1 h1 {
  font-size: 28px;
  margin: 0px;
  padding: 0 0 23px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .freelancer {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .freelancer > .block1 {
  width: 100px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .freelancer > .block2 {
  flex: 1;
}
.OfferOrderIdLogged > div .orderForm > .block1 .freelancer > .block2 a {
  font-size: 13px;
  font-weight: bold;
  color: #000;
}
.OfferOrderIdLogged > div .orderForm > .block1 .title {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .title > .block1 {
  width: 100px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .title > .block2 {
  flex: 1;
}
.OfferOrderIdLogged > div .orderForm > .block1 .title > .block2 .inputField input {
  max-width: 600px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .title > .block2 .help {
  font-size: 11px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .description {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .description > .block1 {
  width: 100px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .description > .block2 {
  flex: 1;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .description > .block2 .textareaField textarea {
  max-width: 600px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .description > .block2 .allowedTags {
  font-size: 11px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .budget {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .budget > .block1 {
  width: 100px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .budget > .block2 {
  flex: 1;
}
.OfferOrderIdLogged > div .orderForm > .block1 .budget > .block2 .inputField {
  width: 80px;
  display: inline-block;
}
.OfferOrderIdLogged > div .orderForm > .block1 .deadline {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .deadline > .block1 {
  width: 100px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .deadline > .block2 {
  flex: 1;
}
.OfferOrderIdLogged > div .orderForm > .block1 .deadline > .block2 .inputField {
  width: 80px;
  display: inline-block;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .conclusions {
  display: flex;
  padding: 0 0 40px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .conclusions > .block1 {
  width: 100px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .conclusions > .block2 {
  flex: 1;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .conclusions > .block2 .description {
  width: 330px;
  font-size: 13px;
  padding: 0 0 10px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .conclusions > .block2 .description h3 {
  font-size: 13px;
  color: #717171;
  padding: 0 0 10px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock {
  width: 330px;
  display: flex;
  align-items: flex-start;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock .checkboxField {
  width: 30px;
}
.OfferOrderIdLogged > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock label {
  font-size: 13px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .submitButton {
  display: flex;
}
.OfferOrderIdLogged > div .orderForm > .block1 .submitButton > .block1 {
  width: 100px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .submitButton > .block2 {
  flex: 1;
}
.OfferOrderIdLogged > div .orderForm > .block1 .submitButton > .block2 .cancel {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  margin: 0 0 0 10px;
  font-size: 13px;
}
.OfferOrderIdLogged > div .orderForm > .block1 .submitButton > .block2 .cancel:hover {
  color: #8c0400;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages {
  padding: 3px 5px;
  width: 240px;
  border: 2px solid #eee;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages .stage {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  color: #717171;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages .stage .block1 {
  padding: 0 5px 0 0;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages .stage .block2 {
  flex: 1;
  padding: 10px 0;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages .stage .block2 .title {
  padding: 0 0 5px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages .stage .block2 .description {
  font-size: 11px;
  padding: 0 0 5px;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages .active {
  color: #6db335;
  position: relative;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages .active:before {
  content: " ";
  height: 100%;
  border-left: 4px solid #6db335;
  border-bottom: none;
  position: absolute;
  top: 0;
  left: -8px;
}
.OfferOrderIdLogged > div .orderForm > .block2 .stages .attantion.active:before {
  top: -1px;
}

@media (max-width: 800px) {
  .OfferOrderIdLogged > div .orderForm > .block2 {
    display: none;
  }
}
@media (max-width: 600px) {
  .OfferOrderIdLogged > div .orderForm .block1 .freelancer,
.OfferOrderIdLogged > div .orderForm .block1 .title,
.OfferOrderIdLogged > div .orderForm .block1 .description,
.OfferOrderIdLogged > div .orderForm .block1 .budget,
.OfferOrderIdLogged > div .orderForm .block1 .deadline,
.OfferOrderIdLogged > div .orderForm .block1 .conclusions,
.OfferOrderIdLogged > div .orderForm .block1 .submitButton {
    flex-direction: column;
  }
  .OfferOrderIdLogged > div .orderForm .block1 .conclusions .block2 .description,
.OfferOrderIdLogged > div .orderForm .block1 .conclusions .block2 .checkboxBlock {
    width: auto;
  }
  .OfferOrderIdLogged > div .orderForm .block1 .submitButton .block2 div {
    display: flex;
    flex-direction: column;
  }
  .OfferOrderIdLogged > div .orderForm .block1 .submitButton .block2 div button {
    white-space: normal;
  }
  .OfferOrderIdLogged > div .orderForm .block1 .submitButton .block2 div button.cancel {
    margin: 20px 0 0;
  }
}
.OfferOrderIdLoggedReward > div {
  width: 1200px;
  padding-top: 100px;
}
.OfferOrderIdLoggedReward > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.OfferOrderIdLoggedReward > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OfferOrderIdLoggedReward > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OfferOrderIdLoggedReward > div .orderForm {
  display: flex;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 {
  padding: 0 15px 0 0;
  flex: 1;
  font-size: 15px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .titleH1 h1 {
  font-size: 28px;
  margin: 0px;
  padding: 0 0 23px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .freelancer {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .freelancer > .block1 {
  width: 100px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .freelancer > .block2 {
  flex: 1;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .freelancer > .block2 a {
  font-size: 13px;
  font-weight: bold;
  color: #000;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .title {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .title > .block1 {
  width: 100px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .title > .block2 {
  flex: 1;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .title > .block2 .inputField input {
  max-width: 600px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .title > .block2 .help {
  font-size: 11px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .description {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .description > .block1 {
  width: 100px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .description > .block2 {
  flex: 1;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .description > .block2 .textareaField textarea {
  max-width: 600px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .description > .block2 .allowedTags {
  font-size: 11px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .budget {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .budget > .block1 {
  width: 100px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .budget > .block2 {
  flex: 1;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .budget > .block2 .inputField {
  width: 80px;
  display: inline-block;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .deadline {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .deadline > .block1 {
  width: 100px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .deadline > .block2 {
  flex: 1;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .deadline > .block2 .inputField {
  width: 80px;
  display: inline-block;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .conclusions {
  display: flex;
  padding: 0 0 40px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .conclusions > .block1 {
  width: 100px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .conclusions > .block2 {
  flex: 1;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .conclusions > .block2 .description {
  width: 330px;
  font-size: 13px;
  padding: 0 0 10px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .conclusions > .block2 .description h3 {
  font-size: 13px;
  color: #717171;
  padding: 0 0 10px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock {
  width: 330px;
  display: flex;
  align-items: flex-start;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock .checkboxField {
  width: 30px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock label {
  font-size: 13px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .submitButton {
  display: flex;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .submitButton > .block1 {
  width: 100px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .submitButton > .block2 {
  flex: 1;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .submitButton > .block2 .cancel {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  margin: 0 0 0 10px;
  font-size: 13px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block1 .submitButton > .block2 .cancel:hover {
  color: #8c0400;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages {
  padding: 3px 5px;
  width: 240px;
  border: 2px solid #eee;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages .stage {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  color: #717171;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages .stage .block1 {
  padding: 0 5px 0 0;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages .stage .block2 {
  flex: 1;
  padding: 10px 0;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages .stage .block2 .title {
  padding: 0 0 5px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages .stage .block2 .description {
  font-size: 11px;
  padding: 0 0 5px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages .active {
  color: #6db335;
  position: relative;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages .active:before {
  content: " ";
  height: 100%;
  border-left: 4px solid #6db335;
  border-bottom: none;
  position: absolute;
  top: 0;
  left: -8px;
}
.OfferOrderIdLoggedReward > div .orderForm > .block2 .stages .attantion.active:before {
  top: -1px;
}

@media (max-width: 800px) {
  .OfferOrderIdLoggedReward > div .orderForm > .block2 {
    display: none;
  }
}
@media (max-width: 600px) {
  .OfferOrderIdLoggedReward > div .orderForm .block1 .freelancer,
.OfferOrderIdLoggedReward > div .orderForm .block1 .title,
.OfferOrderIdLoggedReward > div .orderForm .block1 .description,
.OfferOrderIdLoggedReward > div .orderForm .block1 .budget,
.OfferOrderIdLoggedReward > div .orderForm .block1 .deadline,
.OfferOrderIdLoggedReward > div .orderForm .block1 .conclusions,
.OfferOrderIdLoggedReward > div .orderForm .block1 .submitButton {
    flex-direction: column;
  }
  .OfferOrderIdLoggedReward > div .orderForm .block1 .conclusions .block2 .description,
.OfferOrderIdLoggedReward > div .orderForm .block1 .conclusions .block2 .checkboxBlock {
    width: auto;
  }
  .OfferOrderIdLoggedReward > div .orderForm .block1 .submitButton .block2 div {
    display: flex;
    flex-direction: column;
  }
  .OfferOrderIdLoggedReward > div .orderForm .block1 .submitButton .block2 div button {
    white-space: normal;
  }
  .OfferOrderIdLoggedReward > div .orderForm .block1 .submitButton .block2 div button.cancel {
    margin: 20px 0 0;
  }
}
.OfferOrderIdUnlogged > div {
  width: 1200px;
  padding-top: 100px;
}
.OfferOrderIdUnlogged > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
}
.OfferOrderIdUnlogged > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OfferOrderIdUnlogged > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.OfferOrderIdUnlogged > div .orderForm {
  display: flex;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 {
  padding: 0 15px 0 0;
  flex: 1;
  font-size: 15px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .titleH1 h1 {
  font-size: 28px;
  margin: 0px;
  padding: 0 0 23px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .freelancer {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .freelancer > .block1 {
  width: 100px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .freelancer > .block2 {
  flex: 1;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .freelancer > .block2 a {
  font-size: 13px;
  font-weight: bold;
  color: #000;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .title {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .title > .block1 {
  width: 100px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .title > .block2 {
  flex: 1;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .title > .block2 .inputField input {
  max-width: 600px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .title > .block2 .help {
  font-size: 11px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .description {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .description > .block1 {
  width: 100px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .description > .block2 {
  flex: 1;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .description > .block2 .textareaField textarea {
  max-width: 600px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .description > .block2 .allowedTags {
  font-size: 11px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .budget {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .budget > .block1 {
  width: 100px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .budget > .block2 {
  flex: 1;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .budget > .block2 .inputField {
  width: 80px;
  display: inline-block;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .deadline {
  display: flex;
  padding: 0 0 20px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .deadline > .block1 {
  width: 100px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .deadline > .block2 {
  flex: 1;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .deadline > .block2 .inputField {
  width: 80px;
  display: inline-block;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .conclusions {
  display: flex;
  padding: 0 0 40px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .conclusions > .block1 {
  width: 100px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .conclusions > .block2 {
  flex: 1;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .conclusions > .block2 .description {
  width: 330px;
  font-size: 13px;
  padding: 0 0 10px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .conclusions > .block2 .description h3 {
  font-size: 13px;
  color: #717171;
  padding: 0 0 10px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock {
  width: 330px;
  display: flex;
  align-items: flex-start;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock .checkboxField {
  width: 30px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 > .conclusions > .block2 .checkboxBlock label {
  font-size: 13px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .submitButton {
  display: flex;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .submitButton > .block1 {
  width: 100px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .submitButton > .block2 {
  flex: 1;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .submitButton > .block2 .cancel {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  margin: 0 0 0 10px;
  font-size: 13px;
}
.OfferOrderIdUnlogged > div .orderForm > .block1 .submitButton > .block2 .cancel:hover {
  color: #8c0400;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages {
  padding: 3px 5px;
  width: 240px;
  border: 2px solid #eee;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages .stage {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  color: #717171;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages .stage .block1 {
  padding: 0 5px 0 0;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages .stage .block2 {
  flex: 1;
  padding: 10px 0;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages .stage .block2 .title {
  padding: 0 0 5px;
  font-size: 13px;
  font-weight: bold;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages .stage .block2 .description {
  font-size: 11px;
  padding: 0 0 5px;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages .active {
  color: #6db335;
  position: relative;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages .active:before {
  content: " ";
  height: 100%;
  border-left: 4px solid #6db335;
  border-bottom: none;
  position: absolute;
  top: 0;
  left: -8px;
}
.OfferOrderIdUnlogged > div .orderForm > .block2 .stages .attantion.active:before {
  top: -1px;
}

@media (max-width: 800px) {
  .OfferOrderIdUnlogged > div .orderForm > .block2 {
    display: none;
  }
}
@media (max-width: 600px) {
  .OfferOrderIdUnlogged > div .orderForm .block1 .freelancer,
.OfferOrderIdUnlogged > div .orderForm .block1 .title,
.OfferOrderIdUnlogged > div .orderForm .block1 .description,
.OfferOrderIdUnlogged > div .orderForm .block1 .budget,
.OfferOrderIdUnlogged > div .orderForm .block1 .deadline,
.OfferOrderIdUnlogged > div .orderForm .block1 .conclusions,
.OfferOrderIdUnlogged > div .orderForm .block1 .submitButton {
    flex-direction: column;
  }
  .OfferOrderIdUnlogged > div .orderForm .block1 .conclusions .block2 .description,
.OfferOrderIdUnlogged > div .orderForm .block1 .conclusions .block2 .checkboxBlock {
    width: auto;
  }
  .OfferOrderIdUnlogged > div .orderForm .block1 .submitButton .block2 div {
    display: flex;
    flex-direction: column;
  }
  .OfferOrderIdUnlogged > div .orderForm .block1 .submitButton .block2 div button {
    white-space: normal;
  }
  .OfferOrderIdUnlogged > div .orderForm .block1 .submitButton .block2 div button.cancel {
    margin: 20px 0 0;
  }
}
.UsersPortfolioIdLogged > div {
  position: relative;
  max-width: 1200px;
  width: 100%;
}
.UsersPortfolioIdLogged > div .share {
  position: absolute;
  top: 0;
}
.UsersPortfolioIdLogged > div .portfolioProject {
  margin: 100px 0 0;
  border: 1px solid #c6c6c6;
}
.UsersPortfolioIdLogged > div .portfolioProject .author {
  display: flex;
  background: #fafafa;
  border-bottom: 1px solid #c6c6c6;
}
.UsersPortfolioIdLogged > div .portfolioProject .author .avatar {
  padding: 10px;
}
.UsersPortfolioIdLogged > div .portfolioProject .author .avatar img {
  width: 50px;
  height: 50px;
}
.UsersPortfolioIdLogged > div .portfolioProject .author .authorData {
  padding: 10px 0;
}
.UsersPortfolioIdLogged > div .portfolioProject .author .authorData a {
  font-size: 11px;
  text-decoration: underline;
}
.UsersPortfolioIdLogged > div .portfolioProject .info {
  display: flex;
  background: #fafafa;
  border-bottom: 1px solid #c6c6c6;
  font-size: 12px;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(1) {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(1) button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  color: #026dc0;
  font-size: 11px;
  text-decoration: underline;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(1) button:hover {
  color: #8c0400;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) {
  flex: 1;
  position: relative;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .blocked {
  position: absolute;
  background: red;
  color: white;
  top: 0;
  left: 0;
  padding: 0 2px;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 {
  font-size: 11px;
  font-weight: bold;
  padding: 0 0 0 20px;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit {
  display: inline-block;
  position: relative;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit .moderatorEditButton {
  margin-right: 5px;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit .moderatorEditButton:hover {
  cursor: pointer;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit ul.moderatorEditMenu {
  position: absolute;
  display: none;
  z-index: 1;
  width: 300px;
  background: grey;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit ul.moderatorEditMenu li:nth-child(1) {
  border: none;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit ul.moderatorEditMenu li {
  color: #000;
  padding: 5px;
  font-size: 15px;
  text-align: left;
  border-top: 1px solid #eee;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit ul.moderatorEditMenu li span {
  cursor: pointer;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit ul.moderatorEditMenu li:hover {
  opacity: 0.9;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit ul.moderatorEditMenu li.bl {
  background: #b15050;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .title h1 .moderatorEdit ul.moderatorEditMenu li.deBl {
  background: #7ba07b;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .views, .UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .date {
  padding: 0 0 0 20px;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(2) .description {
  padding: 20px 0;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(3) {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(3) button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  color: #026dc0;
  font-size: 11px;
  text-decoration: underline;
}
.UsersPortfolioIdLogged > div .portfolioProject .info > div:nth-child(3) button:hover {
  color: #8c0400;
}
.UsersPortfolioIdLogged > div .portfolioProject .info .blocked {
  border: 1px solid red;
  padding: 20px 10px;
}
.UsersPortfolioIdLogged > div .portfolioProject .screen {
  border-bottom: 1px solid #c6c6c6;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.UsersPortfolioIdLogged > div .portfolioProject .screen img {
  width: 100%;
  max-width: 1020px;
}

.UsersPortfolioIdUnlogged > div {
  position: relative;
  max-width: 1200px;
  width: 100%;
}
.UsersPortfolioIdUnlogged > div .share {
  position: absolute;
  top: 0;
}
.UsersPortfolioIdUnlogged > div .portfolioProject {
  margin: 100px 0 0;
  border: 1px solid #c6c6c6;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .author {
  display: flex;
  background: #fafafa;
  border-bottom: 1px solid #c6c6c6;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .author .avatar {
  padding: 10px;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .author .avatar img {
  width: 50px;
  height: 50px;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .author .authorData {
  padding: 10px 0;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .author .authorData a {
  font-size: 11px;
  text-decoration: underline;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info {
  display: flex;
  background: #fafafa;
  border-bottom: 1px solid #c6c6c6;
  font-size: 12px;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(1) {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(1) button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 11px;
  color: #026dc0;
  text-decoration: underline;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(1) button:hover {
  color: #8c0400;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(2) {
  flex: 1;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(2) .title h1 {
  font-size: 11px;
  font-weight: bold;
  padding: 0 0 0 20px;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(2) .views, .UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(2) .date {
  padding: 0 0 0 20px;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(2) .description {
  padding: 20px 0;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(3) {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(3) button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 11px;
  color: #026dc0;
  text-decoration: underline;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .info > div:nth-child(3) button:hover {
  color: #8c0400;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .screen {
  border-bottom: 1px solid #c6c6c6;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.UsersPortfolioIdUnlogged > div .portfolioProject .screen img {
  width: 100%;
  max-width: 1020px;
}

.UsersReviewsLoggedAuthorEdit > div {
  position: relative;
}
.UsersReviewsLoggedAuthorEdit > div .reviewsMenu ul {
  display: flex;
  border-bottom: 1px solid #eee;
}
.UsersReviewsLoggedAuthorEdit > div .reviewsMenu ul li button {
  background: none;
  border: none;
  display: block;
  padding: 5px;
  margin: 20px 10px 10px;
  color: #026dc0;
  text-decoration: underline;
  font-weight: normal;
  border-radius: 2px;
}
.UsersReviewsLoggedAuthorEdit > div .reviewsMenu ul li button span {
  color: #000;
}
.UsersReviewsLoggedAuthorEdit > div .reviewsMenu ul li button:hover {
  color: #8c0400;
}
.UsersReviewsLoggedAuthorEdit > div .reviewsMenu ul li button.active {
  background: #74BB54;
  color: #fff;
  text-decoration: none;
  cursor: auto;
}
.UsersReviewsLoggedAuthorEdit > div .reviewsMenu ul li button.active span {
  color: #fff;
}
.UsersReviewsLoggedAuthorEdit > div .reviewsTitle h2 {
  font-size: 22px;
  font-weight: normal;
  margin: 10px;
}
.UsersReviewsLoggedAuthorEdit > div .review {
  display: flex;
  margin: 30px 0;
}
.UsersReviewsLoggedAuthorEdit > div .review .avatar {
  padding: 10px;
}
.UsersReviewsLoggedAuthorEdit > div .review .avatar img {
  width: 50px;
}
.UsersReviewsLoggedAuthorEdit > div .review .content {
  width: 100%;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .loginAndData {
  display: flex;
  align-items: center;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .loginAndData div:nth-child(1) {
  flex: 1;
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .loginAndData div:nth-child(1) a {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .loginAndData div:nth-child(1) a:hover {
  color: #8c0400;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .loginAndData div:nth-child(2) {
  font-size: 11px;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .loginAndData div:nth-child(2) i {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  margin-right: 5px;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .title {
  background: #fff9bf;
  font-size: 11px;
  color: #414141;
  padding: 10px;
  margin: 5px 0px 5px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .title img {
  margin-right: 5px;
}
.UsersReviewsLoggedAuthorEdit > div .review .content .description {
  font-size: 13px;
}

@media (max-width: 800px) {
  .UsersReviewsLoggedAuthorEdit > div .reviewsMenu ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .UsersReviewsLoggedAuthorEdit > div .review {
    flex-direction: column;
    align-items: center;
  }
  .UsersReviewsLoggedAuthorEdit > div .review .content {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .UsersReviewsLoggedAuthorEdit > div .review .content .loginAndData {
    align-items: center;
    flex-direction: column;
  }
}
.UsersReviewsLoggedAuthorView > div {
  position: relative;
}
.UsersReviewsLoggedAuthorView > div .reviewsMenu ul {
  display: flex;
  border-bottom: 1px solid #eee;
}
.UsersReviewsLoggedAuthorView > div .reviewsMenu ul li button {
  background: none;
  border: none;
  display: block;
  padding: 5px;
  margin: 20px 10px 10px;
  color: #026dc0;
  text-decoration: underline;
  font-weight: normal;
  border-radius: 2px;
}
.UsersReviewsLoggedAuthorView > div .reviewsMenu ul li button span {
  color: #000;
}
.UsersReviewsLoggedAuthorView > div .reviewsMenu ul li button:hover {
  color: #8c0400;
}
.UsersReviewsLoggedAuthorView > div .reviewsMenu ul li button.active {
  background: #74BB54;
  color: #fff;
  text-decoration: none;
  cursor: auto;
}
.UsersReviewsLoggedAuthorView > div .reviewsMenu ul li button.active span {
  color: #fff;
}
.UsersReviewsLoggedAuthorView > div .reviewsTitle h2 {
  font-size: 22px;
  font-weight: normal;
  margin: 10px;
}
.UsersReviewsLoggedAuthorView > div .review {
  display: flex;
  margin: 30px 0;
}
.UsersReviewsLoggedAuthorView > div .review .avatar {
  padding: 10px;
}
.UsersReviewsLoggedAuthorView > div .review .avatar img {
  width: 50px;
}
.UsersReviewsLoggedAuthorView > div .review .content {
  width: 100%;
}
.UsersReviewsLoggedAuthorView > div .review .content .loginAndData {
  display: flex;
  align-items: center;
}
.UsersReviewsLoggedAuthorView > div .review .content .loginAndData div:nth-child(1) {
  flex: 1;
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0;
}
.UsersReviewsLoggedAuthorView > div .review .content .loginAndData div:nth-child(1) a {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}
.UsersReviewsLoggedAuthorView > div .review .content .loginAndData div:nth-child(1) a:hover {
  color: #8c0400;
}
.UsersReviewsLoggedAuthorView > div .review .content .loginAndData div:nth-child(2) {
  font-size: 11px;
}
.UsersReviewsLoggedAuthorView > div .review .content .loginAndData div:nth-child(2) i {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  margin-right: 5px;
}
.UsersReviewsLoggedAuthorView > div .review .content .title {
  background: #fff9bf;
  font-size: 11px;
  color: #414141;
  padding: 10px;
  margin: 5px 0px 5px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersReviewsLoggedAuthorView > div .review .content .title img {
  margin-right: 5px;
}
.UsersReviewsLoggedAuthorView > div .review .content .description {
  font-size: 13px;
}

@media (max-width: 800px) {
  .UsersReviewsLoggedAuthorView > div .reviewsMenu ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .UsersReviewsLoggedAuthorView > div .review {
    flex-direction: column;
    align-items: center;
  }
  .UsersReviewsLoggedAuthorView > div .review .content {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .UsersReviewsLoggedAuthorView > div .review .content .loginAndData {
    align-items: center;
    flex-direction: column;
  }
}
.UsersReviewsLoggedNotAuthor > div {
  position: relative;
}
.UsersReviewsLoggedNotAuthor > div .reviewsMenu ul {
  display: flex;
  border-bottom: 1px solid #eee;
}
.UsersReviewsLoggedNotAuthor > div .reviewsMenu ul li button {
  background: none;
  border: none;
  display: block;
  padding: 5px;
  margin: 20px 10px 10px;
  color: #026dc0;
  text-decoration: underline;
  font-weight: normal;
  border-radius: 2px;
}
.UsersReviewsLoggedNotAuthor > div .reviewsMenu ul li button span {
  color: #000;
}
.UsersReviewsLoggedNotAuthor > div .reviewsMenu ul li button:hover {
  color: #8c0400;
}
.UsersReviewsLoggedNotAuthor > div .reviewsMenu ul li button.active {
  background: #74BB54;
  color: #fff;
  text-decoration: none;
  cursor: auto;
}
.UsersReviewsLoggedNotAuthor > div .reviewsMenu ul li button.active span {
  color: #fff;
}
.UsersReviewsLoggedNotAuthor > div .reviewsTitle h2 {
  font-size: 22px;
  font-weight: normal;
  margin: 10px;
}
.UsersReviewsLoggedNotAuthor > div .review {
  display: flex;
  margin: 30px 0;
}
.UsersReviewsLoggedNotAuthor > div .review .avatar {
  padding: 10px;
}
.UsersReviewsLoggedNotAuthor > div .review .avatar img {
  width: 50px;
}
.UsersReviewsLoggedNotAuthor > div .review .content {
  width: 100%;
}
.UsersReviewsLoggedNotAuthor > div .review .content .loginAndData {
  display: flex;
  align-items: center;
}
.UsersReviewsLoggedNotAuthor > div .review .content .loginAndData div:nth-child(1) {
  flex: 1;
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0;
}
.UsersReviewsLoggedNotAuthor > div .review .content .loginAndData div:nth-child(1) a {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}
.UsersReviewsLoggedNotAuthor > div .review .content .loginAndData div:nth-child(1) a:hover {
  color: #8c0400;
}
.UsersReviewsLoggedNotAuthor > div .review .content .loginAndData div:nth-child(2) {
  font-size: 11px;
}
.UsersReviewsLoggedNotAuthor > div .review .content .loginAndData div:nth-child(2) i {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  margin-right: 5px;
}
.UsersReviewsLoggedNotAuthor > div .review .content .title {
  background: #fff9bf;
  font-size: 11px;
  color: #414141;
  padding: 10px;
  margin: 5px 0px 5px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersReviewsLoggedNotAuthor > div .review .content .title img {
  margin-right: 5px;
}
.UsersReviewsLoggedNotAuthor > div .review .content .description {
  font-size: 13px;
}

@media (max-width: 800px) {
  .UsersReviewsLoggedNotAuthor > div .reviewsMenu ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .UsersReviewsLoggedNotAuthor > div .review {
    flex-direction: column;
    align-items: center;
  }
  .UsersReviewsLoggedNotAuthor > div .review .content {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .UsersReviewsLoggedNotAuthor > div .review .content .loginAndData {
    align-items: center;
    flex-direction: column;
  }
}
.UsersReviewsUnlogged > div .reviewsMenu ul {
  display: flex;
  border-bottom: 1px solid #eee;
}
.UsersReviewsUnlogged > div .reviewsMenu ul li button {
  background: none;
  border: none;
  display: block;
  padding: 5px;
  margin: 20px 10px 10px;
  color: #026dc0;
  text-decoration: underline;
  font-weight: normal;
  border-radius: 2px;
}
.UsersReviewsUnlogged > div .reviewsMenu ul li button span {
  color: #000;
}
.UsersReviewsUnlogged > div .reviewsMenu ul li button:hover {
  color: #8c0400;
}
.UsersReviewsUnlogged > div .reviewsMenu ul li button.active {
  background: #74BB54;
  color: #fff;
  text-decoration: none;
  cursor: auto;
}
.UsersReviewsUnlogged > div .reviewsMenu ul li button.active span {
  color: #fff;
}
.UsersReviewsUnlogged > div .reviewsTitle h2 {
  font-size: 22px;
  font-weight: normal;
  margin: 10px;
}
.UsersReviewsUnlogged > div .review {
  display: flex;
  margin: 30px 0;
}
.UsersReviewsUnlogged > div .review .avatar {
  padding: 10px;
}
.UsersReviewsUnlogged > div .review .avatar img {
  width: 50px;
}
.UsersReviewsUnlogged > div .review .content {
  width: 100%;
}
.UsersReviewsUnlogged > div .review .content .loginAndData {
  display: flex;
  align-items: center;
}
.UsersReviewsUnlogged > div .review .content .loginAndData div:nth-child(1) {
  flex: 1;
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0;
}
.UsersReviewsUnlogged > div .review .content .loginAndData div:nth-child(1) a {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}
.UsersReviewsUnlogged > div .review .content .loginAndData div:nth-child(1) a:hover {
  color: #8c0400;
}
.UsersReviewsUnlogged > div .review .content .loginAndData div:nth-child(2) {
  font-size: 11px;
}
.UsersReviewsUnlogged > div .review .content .loginAndData div:nth-child(2) i {
  color: #6db335;
  font-size: 13px;
  font-weight: bold;
  margin-right: 5px;
}
.UsersReviewsUnlogged > div .review .content .title {
  background: #fff9bf;
  font-size: 11px;
  color: #414141;
  padding: 10px;
  margin: 5px 0px 5px;
  width: fit-content;
}
.UsersReviewsUnlogged > div .review .content .title img {
  margin-right: 5px;
  vertical-align: middle;
}
.UsersReviewsUnlogged > div .review .content .description {
  font-size: 13px;
}

@media (max-width: 800px) {
  .UsersReviewsUnlogged > div .reviewsMenu ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .UsersReviewsUnlogged > div .review {
    flex-direction: column;
    align-items: center;
  }
  .UsersReviewsUnlogged > div .review .content {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .UsersReviewsUnlogged > div .review .content .loginAndData {
    align-items: center;
    flex-direction: column;
  }
}
.UsersProjectsLoggedAuthorEdit > div {
  position: relative;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 20px 0;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel button {
  background: none;
  border: none;
  display: block;
  padding: 5px;
  margin: 20px 10px 10px;
  color: #026dc0;
  text-decoration: underline;
  font-weight: normal;
  border-radius: 2px;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel button span {
  color: #000;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel button:hover {
  color: #8c0400;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel button.active {
  background: #74BB54;
  color: #fff;
  text-decoration: none;
  cursor: auto;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel button.active span {
  color: #fff;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel div:nth-child(5) {
  flex: 1;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel .buttonPublish a {
  text-align: right;
  padding: 10px;
  background: -webkit-linear-gradient(top, #db9c09, #dc7b12);
  border-bottom: 1px solid #dc551b;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  border-radius: 2px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.UsersProjectsLoggedAuthorEdit > div .navPanel .buttonPublish a:hover {
  background: -webkit-linear-gradient(top, #e39c16, #e39000);
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project {
  margin-bottom: 60px;
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project .date {
  padding: 5px;
  font-size: 11px;
  text-align: right;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background: #f7f7f7;
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project .title {
  display: flex;
  align-items: center;
  width: 100%;
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project .title div:nth-child(1) {
  flex: 1;
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project .title div:nth-child(1) a {
  color: #026dc0;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project .title div:nth-child(1) a:hover {
  color: #8c0400;
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project .title div:nth-child(2) .budget {
  color: #858585;
  font-size: 18px;
  padding: 10px 0;
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project .title div:nth-child(2) .bids a {
  font-size: 13px;
}
.UsersProjectsLoggedAuthorEdit > div .listOfProjects .project .description {
  font-size: 11px;
}

@media (max-width: 800px) {
  .UsersProjectsLoggedAuthorEdit > div .navPanel {
    flex-wrap: wrap;
  }
}
.UsersProjectsLoggedAuthorView > div {
  position: relative;
}
.UsersProjectsLoggedAuthorView > div .navPanel {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 20px 0;
}
.UsersProjectsLoggedAuthorView > div .navPanel button {
  background: none;
  border: none;
  display: block;
  padding: 5px;
  margin: 20px 10px 10px;
  color: #026dc0;
  text-decoration: underline;
  font-weight: normal;
  border-radius: 2px;
}
.UsersProjectsLoggedAuthorView > div .navPanel button span {
  color: #000;
}
.UsersProjectsLoggedAuthorView > div .navPanel button:hover {
  color: #8c0400;
}
.UsersProjectsLoggedAuthorView > div .navPanel button.active {
  background: #74BB54;
  color: #fff;
  text-decoration: none;
  cursor: auto;
}
.UsersProjectsLoggedAuthorView > div .navPanel button.active span {
  color: #fff;
}
.UsersProjectsLoggedAuthorView > div .navPanel div:nth-child(5) {
  flex: 1;
}
.UsersProjectsLoggedAuthorView > div .navPanel .buttonPublish a {
  text-align: right;
  padding: 10px;
  background: -webkit-linear-gradient(top, #db9c09, #dc7b12);
  border-bottom: 1px solid #dc551b;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  border-radius: 2px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.UsersProjectsLoggedAuthorView > div .navPanel .buttonPublish a:hover {
  background: -webkit-linear-gradient(top, #e39c16, #e39000);
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project {
  margin-bottom: 60px;
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project .date {
  padding: 5px;
  font-size: 11px;
  text-align: right;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background: #f7f7f7;
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project .title {
  display: flex;
  align-items: center;
  width: 100%;
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project .title div:nth-child(1) {
  flex: 1;
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project .title div:nth-child(1) a {
  color: #026dc0;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project .title div:nth-child(1) a:hover {
  color: #8c0400;
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project .title div:nth-child(2) .budget {
  color: #858585;
  font-size: 18px;
  padding: 10px 0;
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project .title div:nth-child(2) .bids a {
  font-size: 13px;
}
.UsersProjectsLoggedAuthorView > div .listOfProjects .project .description {
  font-size: 11px;
}

@media (max-width: 800px) {
  .UsersProjectsLoggedAuthorView > div .navPanel {
    flex-wrap: wrap;
  }
}
.UsersProjectsLoggedNotAuthor > div .navPanel {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 20px 0;
}
.UsersProjectsLoggedNotAuthor > div .navPanel button {
  background: none;
  border: none;
  display: block;
  padding: 5px;
  margin: 20px 10px 10px;
  color: #026dc0;
  text-decoration: underline;
  font-weight: normal;
  border-radius: 2px;
}
.UsersProjectsLoggedNotAuthor > div .navPanel button span {
  color: #000;
}
.UsersProjectsLoggedNotAuthor > div .navPanel button:hover {
  color: #8c0400;
}
.UsersProjectsLoggedNotAuthor > div .navPanel button.active {
  background: #74BB54;
  color: #fff;
  text-decoration: none;
  cursor: auto;
}
.UsersProjectsLoggedNotAuthor > div .navPanel button.active span {
  color: #fff;
}
.UsersProjectsLoggedNotAuthor > div .navPanel div:nth-child(5) {
  flex: 1;
}
.UsersProjectsLoggedNotAuthor > div .navPanel .buttonPublish a {
  text-align: right;
  padding: 10px;
  background: -webkit-linear-gradient(top, #db9c09, #dc7b12);
  border-bottom: 1px solid #dc551b;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  border-radius: 2px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.UsersProjectsLoggedNotAuthor > div .navPanel .buttonPublish a:hover {
  background: -webkit-linear-gradient(top, #e39c16, #e39000);
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project {
  margin-bottom: 60px;
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project .date {
  padding: 5px;
  font-size: 11px;
  text-align: right;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background: #f7f7f7;
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project .title {
  display: flex;
  align-items: center;
  width: 100%;
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project .title div:nth-child(1) {
  flex: 1;
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project .title div:nth-child(1) a {
  color: #026dc0;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project .title div:nth-child(1) a:hover {
  color: #8c0400;
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project .title div:nth-child(2) .budget {
  color: #858585;
  font-size: 18px;
  padding: 10px 0;
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project .title div:nth-child(2) .bids a {
  font-size: 13px;
}
.UsersProjectsLoggedNotAuthor > div .listOfProjects .project .description {
  font-size: 11px;
}

@media (max-width: 800px) {
  .UsersProjectsLoggedNotAuthor > div .navPanel {
    flex-wrap: wrap;
  }
}
.UsersProjectsUnlogged > div .navPanel {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 20px 0;
}
.UsersProjectsUnlogged > div .navPanel button {
  background: none;
  border: none;
  display: block;
  padding: 5px;
  margin: 20px 10px 10px;
  color: #026dc0;
  text-decoration: underline;
  font-weight: normal;
  border-radius: 2px;
}
.UsersProjectsUnlogged > div .navPanel button span {
  color: #000;
}
.UsersProjectsUnlogged > div .navPanel button:hover {
  color: #8c0400;
}
.UsersProjectsUnlogged > div .navPanel button.active {
  background: #74BB54;
  color: #fff;
  text-decoration: none;
  cursor: auto;
}
.UsersProjectsUnlogged > div .navPanel button.active span {
  color: #fff;
}
.UsersProjectsUnlogged > div .navPanel div:nth-child(5) {
  flex: 1;
}
.UsersProjectsUnlogged > div .navPanel .buttonPublish a {
  text-align: right;
  padding: 10px;
  background: -webkit-linear-gradient(top, #db9c09, #dc7b12);
  border-bottom: 1px solid #dc551b;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  border-radius: 2px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.UsersProjectsUnlogged > div .navPanel .buttonPublish a:hover {
  background: -webkit-linear-gradient(top, #e39c16, #e39000);
}
.UsersProjectsUnlogged > div .listOfProjects .project {
  margin-bottom: 60px;
}
.UsersProjectsUnlogged > div .listOfProjects .project .date {
  padding: 5px;
  font-size: 11px;
  text-align: right;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background: #f7f7f7;
}
.UsersProjectsUnlogged > div .listOfProjects .project .title {
  display: flex;
  align-items: center;
  width: 100%;
}
.UsersProjectsUnlogged > div .listOfProjects .project .title div:nth-child(1) {
  flex: 1;
}
.UsersProjectsUnlogged > div .listOfProjects .project .title div:nth-child(1) a {
  color: #026dc0;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
}
.UsersProjectsUnlogged > div .listOfProjects .project .title div:nth-child(1) a:hover {
  color: #8c0400;
}
.UsersProjectsUnlogged > div .listOfProjects .project .title div:nth-child(2) .budget {
  color: #858585;
  font-size: 18px;
  padding: 10px 0;
}
.UsersProjectsUnlogged > div .listOfProjects .project .title div:nth-child(2) .bids a {
  font-size: 13px;
}
.UsersProjectsUnlogged > div .listOfProjects .project .description {
  font-size: 11px;
}

@media (max-width: 800px) {
  .UsersProjectsUnlogged > div .navPanel {
    flex-wrap: wrap;
  }
}
.UsersInfoLoggedAuthorEdit > div {
  position: relative;
}
.UsersInfoLoggedAuthorEdit > div .edit {
  margin: 0px;
  padding: 0px;
  color: #5b8c24;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-size: 15px;
}
.UsersInfoLoggedAuthorEdit > div .edit i {
  font-weight: 400;
}
.UsersInfoLoggedAuthorEdit > div .infoData {
  position: relative;
  padding: 30px;
}
.UsersInfoLoggedAuthorEdit > div .infoData .item {
  display: flex;
  font-size: 13px;
  color: #333333;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.UsersInfoLoggedAuthorEdit > div .infoData .item div:nth-child(1) {
  font-weight: bold;
  width: 25%;
}
.UsersInfoLoggedAuthorEdit > div .infoData:hover {
  background: #f0ffdf;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form {
  width: 500px;
  height: fit-content;
  max-height: 90%;
  overflow: auto;
  background: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(210, 211, 213, 0.9);
  padding: 20px;
  position: relative;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .closeButton {
  position: absolute;
  right: 5px;
  top: 5px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .closeButton i {
  font-size: 20px;
  color: green;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .closeButton:hover {
  opacity: 0.9;
  cursor: pointer;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .saveButton {
  margin-top: 20px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .saveButton .or {
  margin: 0 10px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .saveButton button.cancel {
  border: none;
  background: none;
  padding: 0;
  color: #026dc0;
  font-weight: bold;
  font-size: 13px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .saveButton button.cancel:hover {
  color: #8c0400;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .birthday,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .gender,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .country,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .city {
  display: flex;
  margin-top: 20px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .birthday .block1,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .gender .block1,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .country .block1,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .city .block1 {
  width: 30%;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .birthday .block2,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .gender .block2,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .country .block2,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .city .block2 {
  width: 70%;
  padding-left: 25px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .birthday .block2 input[type=text],
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .gender .block2 input[type=text],
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .country .block2 input[type=text],
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .city .block2 input[type=text] {
  width: 100%;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .gender .block2 {
  display: flex;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form .gender .block2 label {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .language {
  display: flex;
  margin-top: 20px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .languages,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .resume {
  margin-top: 20px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .languages .block2 .allowedTags,
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form > .resume .block2 .allowedTags {
  font-size: 11px;
}
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form label[for~=birthday],
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form label[for~=gender],
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form label[for~=languages],
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form label[for~=country],
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form label[for~=city],
.UsersInfoLoggedAuthorEdit > div .dialogInfoData form label[for~=resume] {
  font-weight: bold;
}

@media (max-width: 600px) {
  .UsersInfoLoggedAuthorEdit > div .infoData .item {
    flex-direction: column;
  }
  .UsersInfoLoggedAuthorEdit > div .infoData .item div:nth-child(1) {
    width: 100%;
  }
}
.UsersInfoLoggedAuthorView > div {
  position: relative;
}
.UsersInfoLoggedAuthorView > div .infoData {
  position: relative;
  padding: 30px;
}
.UsersInfoLoggedAuthorView > div .infoData .item {
  display: flex;
  font-size: 13px;
  color: #333333;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.UsersInfoLoggedAuthorView > div .infoData .item div:nth-child(1) {
  font-weight: bold;
  width: 25%;
}

.UsersInfoLoggedNotAuthor > div .infoData {
  position: relative;
  padding: 30px;
}
.UsersInfoLoggedNotAuthor > div .infoData .item {
  display: flex;
  font-size: 13px;
  color: #333333;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.UsersInfoLoggedNotAuthor > div .infoData .item div:nth-child(1) {
  font-weight: bold;
  width: 25%;
}

.UsersInfoUnlogged > div .infoData {
  position: relative;
  padding: 30px;
}
.UsersInfoUnlogged > div .infoData .item {
  display: flex;
  font-size: 13px;
  color: #333333;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.UsersInfoUnlogged > div .infoData .item div:nth-child(1) {
  font-weight: bold;
  width: 25%;
}

@media (max-width: 600px) {
  .UsersInfoUnlogged > div .infoData .item {
    flex-direction: column;
  }
  .UsersInfoUnlogged > div .infoData .item div:nth-child(1) {
    width: 100%;
  }
}
.ProjectsLogged > div {
  width: 1200px;
  display: flex;
  padding-top: 100px;
}
.ProjectsLogged > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
  white-space: normal;
}
.ProjectsLogged > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsLogged > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsLogged > div .projectList {
  width: 70%;
  padding: 20px;
}
.ProjectsLogged > div .projectList .projectListTitle {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.ProjectsLogged > div .projectList .projectListTitle .title {
  margin-right: 10px;
}
.ProjectsLogged > div .projectList .projectListTitle .title h1 {
  font-size: 28px;
  font-weight: bold;
}
.ProjectsLogged > div .projectList .projectListTitle .showHideDescription {
  display: flex;
}
.ProjectsLogged > div .projectList .projectListTitle .showHideDescription .withDescription,
.ProjectsLogged > div .projectList .projectListTitle .showHideDescription .withoutDescription {
  cursor: pointer;
  background: #CDCDCD;
  padding: 5px;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  color: white;
  text-align: center;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.ProjectsLogged > div .projectList .projectListTitle .showHideDescription .withDescription:hover,
.ProjectsLogged > div .projectList .projectListTitle .showHideDescription .withoutDescription:hover {
  background: #E5E5E5;
}
.ProjectsLogged > div .projectList .projectListTitle .showHideDescription > .active {
  background: #5fbd37;
}
.ProjectsLogged > div .projectList .projectListTitle .showHideDescription > .active:hover {
  background: #5fbd37;
}
.ProjectsLogged > div .projectList .projectListTitle .language {
  margin-left: 10px;
}
.ProjectsLogged > div .projectList .projectListTitle .language select {
  height: 35px;
}
.ProjectsLogged > div .projectList .projectListTitle .separator {
  flex: 1;
}
.ProjectsLogged > div .projectList .project {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  position: relative;
}
.ProjectsLogged > div .projectList .project .blockedTitle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px;
  background: red;
  width: fit-content;
  color: #fff;
}
.ProjectsLogged > div .projectList .project .projectTitle {
  display: flex;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 {
  flex: 1;
  margin-bottom: 15px;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 a {
  color: #026dc0;
  font-size: 20px;
  font-weight: normal;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 a:visited {
  color: #808080;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 a:hover {
  color: #8c0400;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit {
  display: inline-block;
  position: relative;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit .moderatorEditButton {
  margin-right: 5px;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit .moderatorEditButton:hover {
  cursor: pointer;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit ul.moderatorEditMenu {
  position: absolute;
  display: none;
  z-index: 1;
  width: 300px;
  background: grey;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit ul.moderatorEditMenu li:nth-child(1) {
  border: none;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit ul.moderatorEditMenu li {
  color: #000;
  padding: 5px;
  border-top: 1px solid #eee;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit ul.moderatorEditMenu li span {
  cursor: pointer;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit ul.moderatorEditMenu li:hover {
  opacity: 0.9;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit ul.moderatorEditMenu li.bl {
  background: #b15050;
}
.ProjectsLogged > div .projectList .project .projectTitle h2 .moderatorEdit ul.moderatorEditMenu li.deBl {
  background: #7ba07b;
}
.ProjectsLogged > div .projectList .project .projectTitle div {
  margin: 7px 0;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.ProjectsLogged > div .projectList .project .shortDescription {
  font-size: 13px;
}
.ProjectsLogged > div .projectList .project .aboutProject {
  font-size: 11px;
  font-weight: bold;
  display: flex;
  padding: 15px 0;
}
.ProjectsLogged > div .projectList .project .aboutProject div:nth-child(1) {
  flex: 1;
}
.ProjectsLogged > div .projectList .project .aboutProject div:nth-child(2) {
  width: 80px;
  text-align: right;
}
.ProjectsLogged > div .projectList .project .aboutProject div:nth-child(3) {
  width: 80px;
  text-align: right;
}
.ProjectsLogged > div .projectList .project .aboutProject div:nth-child(3) a {
  color: #000;
}
.ProjectsLogged > div .projectList .project .aboutProject div:nth-child(3) a:visited {
  color: #808080;
}
.ProjectsLogged > div .projectList .project .aboutProject div:nth-child(3) a:hover {
  color: #0f71c8;
}
.ProjectsLogged > div .projectList .blocked {
  border: 1px solid red;
  padding: 10px;
}
.ProjectsLogged > div .searchForm {
  width: 340px;
  padding: 20px 20px 20px 0;
}
.ProjectsLogged > div .searchForm .title {
  text-align: center;
}
.ProjectsLogged > div .searchForm form {
  padding: 10px 10px;
  border: 1px solid #e6e6e6;
}
.ProjectsLogged > div .searchForm form .specializations li:hover, .ProjectsLogged > div .searchForm form .subspecializations li:hover {
  background: #ececec;
}
.ProjectsLogged > div .searchForm form .row {
  padding: 10px 0;
}
.ProjectsLogged > div .searchForm form .languages {
  padding: 5px 0 10px;
  border-bottom: 1px solid #e6e6e6;
}
.ProjectsLogged > div .searchForm form .lessThan {
  padding: 10px 0 0;
}
.ProjectsLogged > div .searchForm form .lessThan input {
  margin-right: 10px;
}
.ProjectsLogged > div .searchForm form .unrevardedProjects {
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.ProjectsLogged > div .searchForm form .unrevardedProjects input {
  margin-right: 10px;
}
.ProjectsLogged > div .searchForm form .budget {
  text-align: center;
  padding: 10px;
}
.ProjectsLogged > div .searchForm form .max {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  white-space: nowrap;
}
.ProjectsLogged > div .searchForm form .max div:nth-child(1) {
  flex: 1;
  text-align: right;
  padding-right: 5px;
}
.ProjectsLogged > div .searchForm form .max input {
  height: 27px;
  font-size: 15px;
}
.ProjectsLogged > div .searchForm form .min {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 10px;
  white-space: nowrap;
}
.ProjectsLogged > div .searchForm form .min div:nth-child(1) {
  flex: 1;
  text-align: right;
  padding-right: 5px;
}
.ProjectsLogged > div .searchForm form .min input {
  height: 27px;
  font-size: 15px;
}
.ProjectsLogged > div .searchForm form .keywords {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
.ProjectsLogged > div .searchForm form .keywords input {
  width: 100%;
  height: 27px;
  font-size: 15px;
}
.ProjectsLogged > div .searchForm form .keywords input:focus {
  border-bottom: 1px solid #ffd500;
  border-top: 1px solid #dfa100;
  border-left: 1px solid #ffc300;
  border-right: 1px solid #ffc300;
}
.ProjectsLogged > div .searchForm form .applyButton a {
  border-bottom: 1px dotted #0f71c8;
  color: #0f71c8;
  margin-left: 10px;
}

@media (max-width: 911px) {
  .ProjectsLogged > div .projectList .projectListTitle {
    flex-direction: column-reverse;
  }
  .ProjectsLogged > div .projectList .projectListTitle > div {
    margin: 10px 0;
  }
  .ProjectsLogged > div .projectList .projectListTitle .title h1 {
    font-size: 20px;
    font-weight: bold;
  }
}
@media (max-width: 600px) {
  .ProjectsLogged > div {
    flex-direction: column-reverse;
    align-items: center;
  }
  .ProjectsLogged > div .projectList {
    width: 100%;
  }
  .ProjectsLogged > div .searchForm {
    width: 100%;
    padding: 0;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton {
    flex-direction: column;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
  .ProjectsLogged > div .searchForm .applyButton {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .ProjectsLogged > div .searchForm .applyButton button {
    margin: 0 0 10px 0;
  }
}
@media (max-width: 550px) {
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 250px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 250px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
@media (max-width: 500px) {
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 220px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 220px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
@media (max-width: 450px) {
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 190px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 190px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
@media (max-width: 400px) {
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 160px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 160px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
@media (max-width: 350px) {
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 130px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 130px;
    overflow: scroll;
  }
  .ProjectsLogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
.ProjectsUnlogged > div {
  width: 1200px;
  display: flex;
  padding-top: 100px;
}
.ProjectsUnlogged > div .error {
  color: red;
  font-size: 13px;
  padding: 2px;
  white-space: normal;
}
.ProjectsUnlogged > div .submitError {
  color: red;
  font-size: 13px;
  border: 2px solid red;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsUnlogged > div .submitSucess {
  color: #4ea828;
  font-size: 13px;
  border: 2px solid #4ea828;
  font-weight: bold;
  padding: 2px;
  margin-left: 5px;
}
.ProjectsUnlogged > div .projectList {
  width: 70%;
  padding: 20px;
}
.ProjectsUnlogged > div .projectList .projectListTitle {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.ProjectsUnlogged > div .projectList .projectListTitle .title {
  margin-right: 10px;
}
.ProjectsUnlogged > div .projectList .projectListTitle .title h1 {
  font-size: 26px;
  font-weight: bold;
}
.ProjectsUnlogged > div .projectList .projectListTitle .showHideDescription {
  display: flex;
}
.ProjectsUnlogged > div .projectList .projectListTitle .showHideDescription .withDescription,
.ProjectsUnlogged > div .projectList .projectListTitle .showHideDescription .withoutDescription {
  cursor: pointer;
  background: #CDCDCD;
  padding: 5px;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  color: white;
  text-align: center;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.ProjectsUnlogged > div .projectList .projectListTitle .showHideDescription .withDescription:hover,
.ProjectsUnlogged > div .projectList .projectListTitle .showHideDescription .withoutDescription:hover {
  background: #E5E5E5;
}
.ProjectsUnlogged > div .projectList .projectListTitle .showHideDescription > .active {
  background: #5fbd37;
}
.ProjectsUnlogged > div .projectList .projectListTitle .showHideDescription > .active:hover {
  background: #5fbd37;
}
.ProjectsUnlogged > div .projectList .projectListTitle .language {
  margin-left: 10px;
}
.ProjectsUnlogged > div .projectList .projectListTitle .language select {
  height: 35px;
}
.ProjectsUnlogged > div .projectList .projectListTitle .separator {
  flex: 1;
}
.ProjectsUnlogged > div .projectList .project {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.ProjectsUnlogged > div .projectList .project .projectTitle {
  display: flex;
}
.ProjectsUnlogged > div .projectList .project .projectTitle h2 {
  flex: 1;
  margin-bottom: 15px;
}
.ProjectsUnlogged > div .projectList .project .projectTitle h2 a {
  color: #026dc0;
  font-size: 20px;
  font-weight: normal;
}
.ProjectsUnlogged > div .projectList .project .projectTitle h2 a:visited {
  color: #808080;
}
.ProjectsUnlogged > div .projectList .project .projectTitle h2 a:hover {
  color: #8c0400;
}
.ProjectsUnlogged > div .projectList .project .projectTitle div {
  margin: 7px 0;
  color: #60a22b;
  font-size: 15px;
  font-weight: bold;
}
.ProjectsUnlogged > div .projectList .project .shortDescription {
  font-size: 13px;
}
.ProjectsUnlogged > div .projectList .project .aboutProject {
  font-size: 11px;
  font-weight: bold;
  display: flex;
  padding: 15px 0;
}
.ProjectsUnlogged > div .projectList .project .aboutProject div:nth-child(1) {
  flex: 1;
}
.ProjectsUnlogged > div .projectList .project .aboutProject div:nth-child(2) {
  width: 80px;
  text-align: right;
}
.ProjectsUnlogged > div .projectList .project .aboutProject div:nth-child(3) {
  width: 80px;
  text-align: right;
}
.ProjectsUnlogged > div .projectList .project .aboutProject div:nth-child(3) a {
  color: #000;
}
.ProjectsUnlogged > div .projectList .project .aboutProject div:nth-child(3) a:visited {
  color: #808080;
}
.ProjectsUnlogged > div .projectList .project .aboutProject div:nth-child(3) a:hover {
  color: #0f71c8;
}
.ProjectsUnlogged > div .searchForm {
  width: 340px;
  padding: 20px 20px 20px 0;
}
.ProjectsUnlogged > div .searchForm .title {
  text-align: center;
}
.ProjectsUnlogged > div .searchForm form {
  padding: 10px 10px;
  border: 1px solid #e6e6e6;
}
.ProjectsUnlogged > div .searchForm form .specializations li:hover, .ProjectsUnlogged > div .searchForm form .subspecializations li:hover {
  background: #ececec;
}
.ProjectsUnlogged > div .searchForm form .row {
  padding: 10px 0;
}
.ProjectsUnlogged > div .searchForm form .languages {
  padding: 5px 0 10px;
  border-bottom: 1px solid #e6e6e6;
}
.ProjectsUnlogged > div .searchForm form .lessThan {
  padding: 10px 0 0;
}
.ProjectsUnlogged > div .searchForm form .lessThan input {
  margin-right: 10px;
}
.ProjectsUnlogged > div .searchForm form .unrevardedProjects {
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.ProjectsUnlogged > div .searchForm form .unrevardedProjects input {
  margin-right: 10px;
}
.ProjectsUnlogged > div .searchForm form .budget {
  text-align: center;
  padding: 10px;
}
.ProjectsUnlogged > div .searchForm form .max {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  white-space: nowrap;
}
.ProjectsUnlogged > div .searchForm form .max div:nth-child(1) {
  flex: 1;
  text-align: right;
  padding-right: 5px;
}
.ProjectsUnlogged > div .searchForm form .max input {
  height: 27px;
  font-size: 15px;
}
.ProjectsUnlogged > div .searchForm form .min {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 10px;
  white-space: nowrap;
}
.ProjectsUnlogged > div .searchForm form .min div:nth-child(1) {
  flex: 1;
  text-align: right;
  padding-right: 5px;
}
.ProjectsUnlogged > div .searchForm form .min input {
  height: 27px;
  font-size: 15px;
}
.ProjectsUnlogged > div .searchForm form .keywords {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
.ProjectsUnlogged > div .searchForm form .keywords input {
  width: 100%;
  height: 27px;
  font-size: 15px;
}
.ProjectsUnlogged > div .searchForm form .keywords input:focus {
  border-bottom: 1px solid #ffd500;
  border-top: 1px solid #dfa100;
  border-left: 1px solid #ffc300;
  border-right: 1px solid #ffc300;
}
.ProjectsUnlogged > div .searchForm form .applyButton a {
  border-bottom: 1px dotted #0f71c8;
  color: #0f71c8;
  margin-left: 10px;
}

@media (max-width: 911px) {
  .ProjectsUnlogged > div .projectList .projectListTitle {
    flex-direction: column-reverse;
  }
  .ProjectsUnlogged > div .projectList .projectListTitle > div {
    margin: 10px 0;
  }
  .ProjectsUnlogged > div .projectList .projectListTitle .title h1 {
    font-size: 20px;
    font-weight: bold;
  }
}
@media (max-width: 600px) {
  .ProjectsUnlogged > div {
    flex-direction: column-reverse;
    align-items: center;
  }
  .ProjectsUnlogged > div .projectList {
    width: 100%;
  }
  .ProjectsUnlogged > div .searchForm {
    width: 100%;
    padding: 0;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton {
    flex-direction: column;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
  .ProjectsUnlogged > div .searchForm .applyButton {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .ProjectsUnlogged > div .searchForm .applyButton button {
    margin: 0 0 10px 0;
  }
}
@media (max-width: 550px) {
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 250px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 250px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
@media (max-width: 500px) {
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 220px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 220px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
@media (max-width: 450px) {
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 190px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 190px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
@media (max-width: 400px) {
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 160px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 160px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
@media (max-width: 350px) {
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations {
    width: 130px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .specializations ul li {
    margin: 10px 0;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations {
    width: 130px;
    overflow: scroll;
  }
  .ProjectsUnlogged > div .searchForm .SelectSubSpecialization2 .outputInputAndButton .inputField .menu .subspecializations ul li {
    margin: 10px 0;
  }
}
.FreelancersLogged > div {
  width: 1200px;
  display: flex;
  padding-top: 100px;
}
.FreelancersLogged > div .content {
  width: 70%;
}
.FreelancersLogged > div .content .breadСrumbs {
  font-size: 13px;
}
.FreelancersLogged > div .content .breadСrumbs .arrow {
  margin: 0 5px;
}
.FreelancersLogged > div .content .breadСrumbs a {
  font-size: 13px;
  color: #0f71c8;
}
.FreelancersLogged > div .content .breadСrumbs a:hover {
  color: #8c0400;
}
.FreelancersLogged > div .content .titleFreelancers {
  display: flex;
  align-items: center;
  width: 100%;
}
.FreelancersLogged > div .content .titleFreelancers div:nth-child(1) {
  flex: 1;
}
.FreelancersLogged > div .content .titleFreelancers div:nth-child(1) h1 {
  margin: 0;
  font-size: 28px;
}
.FreelancersLogged > div .content > .specializations {
  width: 100%;
  background: #f7f7f7;
  flex-wrap: wrap;
  column-count: 4;
  padding: 10px 10px 0;
  margin: 20px 0;
}
.FreelancersLogged > div .content > .specializations .item button {
  border: none;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  color: #026dc0;
  margin: 0 0 10px;
  display: block;
  line-height: 1;
}
.FreelancersLogged > div .content .searchForm {
  padding: 20px 0;
}
.FreelancersLogged > div .content .searchForm .searchField {
  display: flex;
  align-items: center;
}
.FreelancersLogged > div .content .searchForm .searchField .keywords {
  flex: 1;
}
.FreelancersLogged > div .content .searchForm .searchField .keywords input {
  height: 35px;
  padding-right: 30px;
}
.FreelancersLogged > div .content .searchForm .searchField .keywords i {
  margin-left: -25px;
  color: #bdc0c1;
}
.FreelancersLogged > div .content .searchForm .searchField .language select {
  height: 35px;
}
.FreelancersLogged > div .content .searchForm .searchField .submitButton button {
  height: 35px;
  margin-left: 10px;
  padding: 0 20px;
}
.FreelancersLogged > div .content .searchForm .showAdvancedSearcMenuLinks {
  text-align: right;
  padding: 10px 0;
}
.FreelancersLogged > div .content .searchForm .showAdvancedSearcMenuLinks .advancedSearchLink {
  border-bottom: 1px dotted #0f71c8;
  font-size: 15px;
}
.FreelancersLogged > div .content .searchForm .showAdvancedSearcMenuLinks .resetSettingsLink {
  color: #c10600;
  border-bottom: 1px dotted #c10600;
  font-size: 15px;
}
.FreelancersLogged > div .content .searchForm .showAdvancedSearcMenuLinks .resetSettingsLink:hover {
  color: #8c0400;
}
.FreelancersLogged > div .content .searchForm .advancedSearch {
  background: #fafafa;
  border-top: 1px solid #5ab632;
  padding: 10px 0 20px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1,
.FreelancersLogged > div .content .searchForm .advancedSearch .block2,
.FreelancersLogged > div .content .searchForm .advancedSearch .block3,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 {
  display: flex;
  align-items: flex-start;
  padding: 5px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 > div,
.FreelancersLogged > div .content .searchForm .advancedSearch .block2 > div,
.FreelancersLogged > div .content .searchForm .advancedSearch .block3 > div,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 > div {
  width: 50%;
  padding: 0 15px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .hyphen,
.FreelancersLogged > div .content .searchForm .advancedSearch .block2 .hyphen,
.FreelancersLogged > div .content .searchForm .advancedSearch .block3 .hyphen,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 .hyphen {
  padding: 0 5px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 label,
.FreelancersLogged > div .content .searchForm .advancedSearch .block2 label,
.FreelancersLogged > div .content .searchForm .advancedSearch .block3 label,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 label {
  font-size: 13px;
  padding: 10px 0 5px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 {
  padding: 5px 5px 30px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 label {
  font-weight: bold;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge {
  display: flex;
  flex-wrap: wrap;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge > div {
  width: 50%;
  min-width: 160px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .experience label {
  white-space: nowrap;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .experience .inputFields {
  display: flex;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .experience .inputFields input {
  width: 70px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .age {
  padding-left: 5px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .age label {
  white-space: nowrap;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .age .inputFields {
  display: flex;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .age .inputFields input {
  width: 70px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block2 label {
  font-weight: bold;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block2 .priceOfWork .inputFields {
  display: flex;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block2 .priceOfWork .inputFields input {
  width: 70px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block2 .priceOfWork .inputFields .currency {
  margin: 0 10px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block3,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 {
  padding: 0px;
  height: 30px;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block3 > div,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 > div {
  display: flex;
  align-items: center;
}
.FreelancersLogged > div .content .searchForm .advancedSearch .block3 > div input,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 > div input {
  margin-right: 5px;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer {
  margin: 40px 0;
  position: relative;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer .blocked {
  position: absolute;
  background: red;
  top: 0;
  left: 0;
  padding: 0 2px;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) {
  display: flex;
  align-items: center;
  background: #F5F5F5;
  padding: 0px 10px;
  font-size: 11px;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .avatar img {
  width: 50px;
  height: 50px;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization {
  padding: 10px;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization a:hover {
  text-decoration: underline;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization .firstNameAndSecondName {
  color: #026dc0;
  font-size: 12px;
  font-weight: bold;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization .login {
  color: #333333;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization div:nth-child(2) {
  padding: 5px 0;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity {
  flex: 1;
  padding: 10px;
  text-align: right;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .offerOrder {
  color: white;
  margin: 0 0 10px;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .offerOrder:hover {
  text-decoration: none;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity a {
  color: #333333;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity a:hover {
  text-decoration: underline;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .block1 {
  white-space: nowrap;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .block1 .percent {
  color: #55b12e;
  font-weight: bold;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .block2 {
  white-space: nowrap;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .block2 .reviews {
  font-weight: bold;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity div:nth-child(2) {
  padding: 5px 0;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks {
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks .item {
  width: 33%;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks .item > div:nth-child(1) {
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  color: #026dc0;
  text-decoration: underline;
  padding: 20px 0 10px;
}
.FreelancersLogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks .item a {
  white-space: normal;
}
.FreelancersLogged > div .content .listOfFreelancers .blocked {
  border: 1px solid red;
  padding: 30px 5px 5px;
}
.FreelancersLogged > div .sidebar {
  width: 30%;
}

.freelancersCatalog2 > div {
  width: 1200px;
  display: flex;
}

.freelancersSearchForm > div {
  width: 100%;
}
.freelancersSearchForm > div .searchForm {
  display: flex;
  width: 70%;
  border: 2px solid red;
  background: red;
}

@media (max-width: 1150px) {
  .FreelancersLogged > div .content > .specializations {
    column-count: 3;
  }
}
@media (max-width: 800px) {
  .FreelancersLogged > div {
    flex-direction: column;
  }
  .FreelancersLogged > div .content {
    width: 100%;
  }
  .FreelancersLogged > div .content .titleFreelancers {
    flex-wrap: wrap;
  }
  .FreelancersLogged > div .content > .specializations {
    column-count: 2;
  }
  .FreelancersLogged > div .content .searchForm .searchField {
    align-items: center;
    flex-direction: column;
  }
  .FreelancersLogged > div .content .searchForm .searchField > div {
    margin: 10px 0;
  }
  .FreelancersLogged > div .content .searchForm .advancedSearch .block1,
.FreelancersLogged > div .content .searchForm .advancedSearch .block2,
.FreelancersLogged > div .content .searchForm .advancedSearch .block3,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 {
    flex-direction: column;
  }
  .FreelancersLogged > div .content .searchForm .advancedSearch .block1 > div,
.FreelancersLogged > div .content .searchForm .advancedSearch .block2 > div,
.FreelancersLogged > div .content .searchForm .advancedSearch .block3 > div,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 > div {
    width: 100%;
  }
  .FreelancersLogged > div .content .searchForm .advancedSearch .block2 .priceOfWork .inputFields {
    flex-wrap: wrap;
  }
  .FreelancersLogged > div .content .searchForm .advancedSearch .block3,
.FreelancersLogged > div .content .searchForm .advancedSearch .block4 {
    height: auto;
  }
  .FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) {
    flex-direction: column;
  }
  .FreelancersLogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .avatar {
    margin: 10px 0 0 0;
  }
  .FreelancersLogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks {
    flex-direction: column;
    align-items: center;
  }
  .FreelancersLogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks .item {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .FreelancersLogged > div .content {
    width: 100%;
  }
  .FreelancersLogged > div .content > .specializations {
    column-count: 1;
  }
}
.FreelancersUnlogged > div {
  width: 1200px;
  display: flex;
  padding-top: 100px;
}
.FreelancersUnlogged > div .content {
  width: 70%;
}
.FreelancersUnlogged > div .content .breadСrumbs {
  font-size: 13px;
}
.FreelancersUnlogged > div .content .breadСrumbs .arrow {
  margin: 0 5px;
}
.FreelancersUnlogged > div .content .breadСrumbs a {
  font-size: 13px;
  color: #0f71c8;
}
.FreelancersUnlogged > div .content .breadСrumbs a:hover {
  color: #8c0400;
}
.FreelancersUnlogged > div .content .titleFreelancers {
  display: flex;
  align-items: center;
  width: 100%;
}
.FreelancersUnlogged > div .content .titleFreelancers div:nth-child(1) {
  flex: 1;
}
.FreelancersUnlogged > div .content .titleFreelancers div:nth-child(1) h1 {
  margin: 0;
  font-size: 28px;
}
.FreelancersUnlogged > div .content > .specializations {
  width: 100%;
  background: #f7f7f7;
  flex-wrap: wrap;
  column-count: 4;
  padding: 10px 10px 0;
  margin: 20px 0;
}
.FreelancersUnlogged > div .content > .specializations .item button {
  border: none;
  background: none;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  color: #026dc0;
  margin: 0 0 10px;
  display: block;
  line-height: 1;
}
.FreelancersUnlogged > div .content .searchForm {
  padding: 20px 0;
}
.FreelancersUnlogged > div .content .searchForm .searchField {
  display: flex;
  align-items: center;
}
.FreelancersUnlogged > div .content .searchForm .searchField .keywords {
  flex: 1;
}
.FreelancersUnlogged > div .content .searchForm .searchField .keywords input {
  height: 35px;
  padding-right: 30px;
}
.FreelancersUnlogged > div .content .searchForm .searchField .keywords i {
  margin-left: -25px;
  color: #bdc0c1;
}
.FreelancersUnlogged > div .content .searchForm .searchField .language select {
  height: 35px;
}
.FreelancersUnlogged > div .content .searchForm .searchField .submitButton button {
  height: 35px;
  margin-left: 10px;
  padding: 0 20px;
}
.FreelancersUnlogged > div .content .searchForm .showAdvancedSearcMenuLinks {
  text-align: right;
  padding: 10px 0;
}
.FreelancersUnlogged > div .content .searchForm .showAdvancedSearcMenuLinks .advancedSearchLink {
  border-bottom: 1px dotted #0f71c8;
  font-size: 15px;
}
.FreelancersUnlogged > div .content .searchForm .showAdvancedSearcMenuLinks .resetSettingsLink {
  color: #c10600;
  border-bottom: 1px dotted #c10600;
  font-size: 15px;
}
.FreelancersUnlogged > div .content .searchForm .showAdvancedSearcMenuLinks .resetSettingsLink:hover {
  color: #8c0400;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch {
  background: #fafafa;
  border-top: 1px solid #5ab632;
  padding: 10px 0 20px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 {
  display: flex;
  align-items: flex-start;
  padding: 5px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 > div,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 > div,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3 > div,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 > div {
  width: 50%;
  padding: 0 15px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .hyphen,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 .hyphen,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3 .hyphen,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 .hyphen {
  padding: 0 5px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 label,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 label,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3 label,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 label {
  font-size: 13px;
  padding: 10px 0 5px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 {
  padding: 5px 5px 30px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 label {
  font-weight: bold;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge {
  display: flex;
  flex-wrap: wrap;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge > div {
  width: 50%;
  min-width: 160px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .experience label {
  white-space: nowrap;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .experience .inputFields {
  display: flex;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .experience .inputFields input {
  width: 70px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .age {
  padding-left: 5px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .age label {
  white-space: nowrap;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .age .inputFields {
  display: flex;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 .experienceAndAge .age .inputFields input {
  width: 70px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 label {
  font-weight: bold;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 .priceOfWork .inputFields {
  display: flex;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 .priceOfWork .inputFields input {
  width: 70px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 .priceOfWork .inputFields .currency {
  margin: 0 10px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 {
  padding: 0px;
  height: 30px;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3 > div,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 > div {
  display: flex;
  align-items: center;
}
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3 > div input,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 > div input {
  margin-right: 5px;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer {
  margin: 40px 0;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) {
  display: flex;
  align-items: center;
  background: #F5F5F5;
  padding: 0px 10px;
  font-size: 11px;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .avatar img {
  width: 50px;
  height: 50px;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization {
  padding: 10px;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization a:hover {
  text-decoration: underline;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization .firstNameAndSecondName {
  color: #026dc0;
  font-size: 12px;
  font-weight: bold;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization .login {
  color: #333333;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .loginAndSpecialization div:nth-child(2) {
  padding: 5px 0;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity {
  flex: 1;
  padding: 10px;
  text-align: right;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .offerOrder {
  color: white;
  margin: 0 0 10px;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .offerOrder:hover {
  text-decoration: none;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity a {
  color: #333333;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity a:hover {
  text-decoration: underline;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .block1 {
  white-space: nowrap;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .block1 .percent {
  color: #55b12e;
  font-weight: bold;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .block2 {
  white-space: nowrap;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity .block2 .reviews {
  font-weight: bold;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .ratingAndCity div:nth-child(2) {
  padding: 5px 0;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks {
  display: flex;
  justify-content: space-around;
  text-align: center;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks .item {
  width: 33%;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks .item > div:nth-child(1) {
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  color: #026dc0;
  text-decoration: underline;
  padding: 20px 0 10px;
}
.FreelancersUnlogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks .item a {
  white-space: normal;
}
.FreelancersUnlogged > div .sidebar {
  width: 30%;
}

.freelancersCatalog2 > div {
  width: 1200px;
  display: flex;
}

.freelancersSearchForm > div {
  width: 100%;
}
.freelancersSearchForm > div .searchForm {
  display: flex;
  width: 70%;
  border: 2px solid red;
  background: red;
}

@media (max-width: 1150px) {
  .FreelancersUnlogged > div .content > .specializations {
    column-count: 3;
  }
}
@media (max-width: 800px) {
  .FreelancersUnlogged > div {
    flex-direction: column;
  }
  .FreelancersUnlogged > div .content {
    width: 100%;
  }
  .FreelancersUnlogged > div .content .titleFreelancers {
    flex-wrap: wrap;
  }
  .FreelancersUnlogged > div .content > .specializations {
    column-count: 2;
  }
  .FreelancersUnlogged > div .content .searchForm .searchField {
    align-items: center;
    flex-direction: column;
  }
  .FreelancersUnlogged > div .content .searchForm .searchField > div {
    margin: 10px 0;
  }
  .FreelancersUnlogged > div .content .searchForm .advancedSearch .block1,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 {
    flex-direction: column;
  }
  .FreelancersUnlogged > div .content .searchForm .advancedSearch .block1 > div,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 > div,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block3 > div,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 > div {
    width: 100%;
  }
  .FreelancersUnlogged > div .content .searchForm .advancedSearch .block2 .priceOfWork .inputFields {
    flex-wrap: wrap;
  }
  .FreelancersUnlogged > div .content .searchForm .advancedSearch .block3,
.FreelancersUnlogged > div .content .searchForm .advancedSearch .block4 {
    height: auto;
  }
  .FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) {
    flex-direction: column;
  }
  .FreelancersUnlogged > div .content .listOfFreelancers .freelancer > div:nth-child(1) .avatar {
    margin: 10px 0 0 0;
  }
  .FreelancersUnlogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks {
    flex-direction: column;
    align-items: center;
  }
  .FreelancersUnlogged > div .content .listOfFreelancers .freelancer .portfolioThreeWorks .item {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .FreelancersUnlogged > div .content {
    width: 100%;
  }
  .FreelancersUnlogged > div .content > .specializations {
    column-count: 1;
  }
}
.Confirmation > div {
  padding-top: 60px;
}
.Confirmation > div .title {
  text-align: center;
}
.Confirmation > div .isValidTrue {
  text-align: center;
}
.Confirmation > div .isValidFalse {
  text-align: center;
}
.Confirmation > div .isValidFalse .buttonForm {
  padding: 20px;
}
.Confirmation > div .isValidFalse .buttonForm .changeEmail {
  padding: 20px;
}
.Confirmation > div .isValidFalse .buttonForm .changeEmail a {
  font-size: 16px;
  text-decoration: underline;
}

.SiteRules > div {
  max-width: 1200px;
  min-height: 50px;
  margin: auto;
}
.SiteRules > div h2 {
  padding: 40px 10px 10px;
  font-size: 22px;
}
.SiteRules > div p {
  padding: 5px;
}
.SiteRules > div a {
  font-size: 16px;
}

.footer {
  background: #10BD44;
  color: #fff;
  margin-top: 100px;
}
.footer > div {
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  margin: auto;
}
.footer > div .left,
.footer > div .right {
  text-align: center;
  width: 100%;
  font-weight: bold;
}
.footer > div .left a,
.footer > div .right a {
  font-size: 16px;
  color: gainsboro !important;
  text-decoration: underline;
}
.footer > div .right .socialGroups > a {
  display: inline-block;
  margin: 10px;
  font-size: 30px;
}

@media (max-width: 800px) {
  .footer > div {
    flex-wrap: wrap;
  }
}

/*# sourceMappingURL=style.css.map */