@charset "UTF-8";
/**
 * Hlavní styl projektu
 */
.align-right {
  text-align: right;
}

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

.right-10 {
  margin-right: 10px;
}

.vpadding-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.vmargin-15 {
  margin: 15px 0;
}

.eu-cookies {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  text-align: center;
  padding: 5px;
}

.eu-cookies button {
  background: green;
  color: white;
  border: none;
}

.clear {
  clear: both;
}

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

/*ražený číslovaný seznam, čísla v kroužku, spojené čárou*/
.ordered-list {
  counter-reset: section;
}
.ordered-list .item:before {
  /*kolecko s cislem*/
  counter-increment: section;
  content: "0" counter(section);
  text-align: center;
  position: absolute;
  background-color: #25247B;
  color: white;
  border-radius: 50%;
}
@media screen and (min-width: 425px) {
  .ordered-list {
    padding-top: 15px;
    padding-left: 75px;
  }
  .ordered-list .item {
    position: relative;
    padding: 0 30px 60px 60px;
    height: 100%;
  }
  .ordered-list .item:not(:last-child) {
    border-left: 1px solid #bcbcbc;
  }
  .ordered-list .item:before {
    right: 100%;
    font-size: 30px;
    width: 60px;
    height: 60px;
    padding-top: 11px;
    margin-right: -30px;
  }
  .ordered-list .item h2 {
    margin: 0;
    padding-top: 15px;
  }
  .ordered-list a.button {
    margin-top: 30px;
  }
}
@media screen and (max-width: 425px) {
  .ordered-list .item {
    padding-left: 30px;
  }
  .ordered-list .item:before {
    left: 5px;
    width: 30px;
    height: 30px;
    font-size: 15px;
    padding-top: 5px;
    margin-right: 15px;
  }
}

.running-text {
  border-top: 1px solid #efefef;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f1c40f;
  color: black !important;
}

/*neřazený seznam - body jsou ikonky*/
.icon-list {
  counter-reset: section;
}
.icon-list .icon {
  /*kolecko s ikonkou*/
  display: block;
  text-align: center;
  position: absolute;
  background-color: #25247B;
  color: white;
  border-radius: 50%;
}
@media screen and (min-width: 425px) {
  .icon-list {
    padding-top: 15px;
    padding-left: 75px;
  }
  .icon-list .item {
    position: relative;
    padding: 0 30px 15px 60px;
    height: 100%;
    margin-top: -15px;
  }
  .icon-list .item:not(:last-child) {
    border-left: 1px solid #bcbcbc;
  }
  .icon-list .icon {
    right: 100%;
    font-size: 30px;
    width: 60px;
    height: 60px;
    padding-top: 11px;
    margin-right: -30px;
  }
  .icon-list .item h2 {
    margin: 0;
    padding-top: 15px;
  }
}
@media screen and (max-width: 425px) {
  .icon-list .item {
    padding-left: 30px;
  }
  .icon-list .icon {
    left: 5px;
    width: 30px;
    height: 30px;
    font-size: 15px;
    padding-top: 5px;
    margin-right: 15px;
  }
}

/*galerie - použití lightbox + slick*/
.gallery {
  overflow: hidden;
}
.gallery .preview img {
  max-width: 100%;
}
.gallery .thumbnails {
  background-color: #efefef;
}
.gallery .thumbnails img {
  max-height: 100px;
  margin: 5px;
}

.attachments li {
  list-style-type: none;
}
.attachments li a {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 5px 0;
}
.attachments li a:hover {
  color: #383838;
  text-decoration: underline;
}

.top-10 {
  margin-top: 10px;
}

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

.top-30 {
  margin-top: 30px;
}

.top-60 {
  margin-top: 60px;
}

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

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

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

.preferences {
  display: flex;
  border-top: 5px solid #25247B;
}
.preferences .preferences-menu {
  min-width: 30%;
}
.preferences .preferences-menu ul {
  background-color: #efefef;
}
.preferences .preferences-menu ul li {
  list-style-type: none;
  background-color: #efefef;
  border-bottom: 1px solid #d6d6d6;
}
.preferences .preferences-menu ul li a {
  display: inline-block;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  color: black;
}
.preferences .preferences-menu ul li a .icon {
  margin-right: 10px;
}
.preferences .preferences-menu ul li:hover {
  background-color: #eaeaea;
}
.preferences .preferences-menu ul li.active {
  background-color: #25247B;
}
.preferences .preferences-menu ul li.active a {
  color: white;
}
.preferences .preferences-menu ul:not(:first-child) {
  margin-top: 15px;
}
.preferences .preferences-content {
  padding: 0 30px;
  flex-grow: 1;
  max-width: 100%;
}
.preferences .preferences-content h2 {
  text-transform: uppercase;
  color: #25247B;
}
@media screen and (max-width: 768px) {
  .preferences {
    display: block;
  }
  .preferences .preferences-menu {
    min-width: 100%;
  }
}

.space {
  padding: 15px 0;
}

.categories-list {
  text-align: center;
}
.button-bordered, .categories-list .category {
  margin: 5px;
  border: 1px solid #25247B;
  padding: 15px;
  display: inline-block;
  color: #25247B;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: black;
  text-decoration: none;
}
.button-bordered:hover, .categories-list .category:hover {
  background-color: #efefef;
}

.button-bordered.active, .categories-list .active.category {
  background-color: #25247B;
  color: white;
}

.tasks-list {
  margin-top: 30px;
}
.tasks-list a {
  text-decoration: none;
}
.tasks-list h3 {
  color: black;
}
.tasks-list .task {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: block;
  text-decoration: none;
  color: black;
}
.tasks-list .task .description {
  font-size: 15px;
}
.tasks-list .task .infos {
  float: right;
}
.tasks-list .task .infos .badge {
  margin-bottom: 4px;
}

.badge {
  background-color: #25247B;
  font-size: 10px;
  color: white;
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
}

.icon-space {
  margin-right: 8px;
}

.icon-space-30 {
  margin-right: 30px;
}

.icon-space-15-l {
  margin-left: 15px;
}

.icon-space-l {
  margin-left: 8px;
}

.uni-list .item {
  border-top: 1px solid #c9c9c9;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.uni-list .item:hover {
  background-color: #f7f7f7;
}
.uni-list .item a {
  color: inherit;
  text-decoration: none;
  display: block;
  height: 100%;
}
.uni-list .item .badge-date {
  background-color: #25247B;
  font-size: 10px;
  float: right;
  color: white;
  padding: 5px;
  border-radius: 3px;
}
.uni-list .item:last-child {
  border-bottom: 1px solid #c9c9c9;
}

.conversation .conversation-row.theirs {
  text-align: right;
}
.conversation .conversation-row.theirs p {
  background-color: #efefef;
  color: black;
  text-align: left;
}
.conversation .conversation-row.mine p {
  background-color: #25247B;
  color: white;
}
.conversation .conversation-row .message {
  overflow: auto;
}
.conversation .conversation-row .message p {
  margin-top: 4px;
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
}
.conversation .conversation-row .author {
  font-size: 10px;
  color: #484848;
}
.conversation .conversation-row .author a {
  color: black;
}

.line-2 {
  border-bottom: 2px solid #efefef;
  margin-bottom: 15px;
}

.table {
  width: 100%;
  border-collapse: collapse;
}
.table td {
  border: 1px solid #cfcfcf;
  padding: 8px;
}

.vhcenter {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

form .rating-stars span {
  cursor: pointer;
}

.rating-stars {
  text-align: center;
  padding: 15px 0;
  color: #e9961d;
}
.rating-stars.stars-big {
  font-size: 25px;
}

.rating-inline {
  display: inline-block;
  padding: 20px;
  font-size: 17px;
}

.image-thumbnail img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.alert {
  list-style-type: none;
  padding: 15px 30px;
}
.alert.alert-success {
  background-color: #1acc44;
  color: white;
}
.alert.alert-error {
  background-color: #c0392b;
  color: white;
}
.alert.alert-warning {
  background-color: #f39c12;
  color: white;
}
.alert.alert-info {
  background-color: #2980b9;
  color: white;
}

.modal {
  z-index: 999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-transform: uppercase;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: fadeOut 4s;
          animation: fadeOut 4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.modal.modal-success {
  background-color: #1acc44;
  color: white;
}
.modal.modal-error {
  background-color: #c0392b;
  color: white;
}
.modal.modal-warning {
  background-color: #f39c12;
  color: white;
}
.modal.modal-info {
  background-color: #2980b9;
  color: white;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    font-size: 40px;
  }
  90% {
    opacity: 1;
    font-size: 30px;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    font-size: 40px;
  }
  90% {
    opacity: 1;
    font-size: 30px;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.faq {
  counter-reset: counter;
}
.faq .faq-wrapper {
  counter-increment: counter;
}
.faq .faq-wrapper .faq-question {
  color: white;
  background-color: #25247B;
  padding: 15px;
  text-transform: uppercase;
  margin-top: 15px;
  cursor: pointer;
  font-size: 15px;
}
.faq .faq-wrapper .faq-question:before {
  content: counter(counter);
  padding: 0 30px 0 15px;
  font-weight: bold;
  font-size: 20px;
}
.faq .faq-wrapper .faq-question:hover {
  background-color: #191854;
}
.faq .faq-wrapper .faq-answer {
  display: none;
  padding: 15px;
  background-color: #efefef;
}

html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
}

html * {
  font-family: "Montserrat", sans-serif;
}

header {
  background-color: #efefef;
  padding: 10px 0;
}
header .logo {
  max-height: 58px;
  margin: auto;
}
header .logo-wrapper {
  padding-top: 17px;
}
header .slogan {
  padding: 10px 0 25px 0;
  font-weight: bold;
  white-space: nowrap;
  color: gray;
  font-size: 10px;
  text-align: center;
}
header nav {
  padding-top: 15px;
}
@media screen and (max-width: 425px) {
  header .row > div {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  header .logo-wrapper {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #c9c9c9;
  }
  header .navigation div {
    text-align: center;
  }
  header .navigation div a {
    margin-top: 10px;
  }
}
@media screen and (max-width: 450px) {
  header .logo-wrapper {
    flex-direction: column;
    border-bottom: 1px solid #c9c9c9;
  }
}
header .bar .column-max-size {
  flex-grow: 1;
}
@media screen and (min-width: 1024px) {
  header .bar {
    display: flex;
  }
  header .bar .column {
    text-align: right;
  }
}
@media screen and (max-width: 540px) {
  header .bar .column {
    text-align: center;
  }
}
.button, .form input[type=submit], form input[type=submit] {
  background-color: #25247B;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: 20px 40px;
  display: inline-block;
  border: none;
  cursor: pointer;
}
.button.yellow, .form input.yellow[type=submit], form input.yellow[type=submit] {
  background-color: #f1c40f;
}
.button.danger, .form input.danger[type=submit], form input.danger[type=submit] {
  background-color: #db2e2e;
}
.button.success, .form input.success[type=submit], form input.success[type=submit] {
  background-color: #1acc44;
}
@media screen and (max-width: 780px) {
  .button, .form input[type=submit], form input[type=submit] {
    padding: 10px 20px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.button:hover, .form input[type=submit]:hover, form input[type=submit]:hover {
  background-color: #191854;
}
.button:hover.yellow, .form input[type=submit]:hover.yellow, form input[type=submit]:hover.yellow {
  background-color: #dab10d;
}
.button:hover.danger, .form input[type=submit]:hover.danger, form input[type=submit]:hover.danger {
  background-color: #cc2323;
}
.button:hover.success, .form input[type=submit]:hover.success, form input[type=submit]:hover.success {
  background-color: #17b53c;
}

.button-small {
  background-color: #25247B;
  font-size: 12px;
  color: white;
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
}
.button-small .icon {
  padding: 0 7px;
}
.button-small:hover {
  background-color: #191854;
}

section h1 {
  text-align: center;
  font-size: 45px;
  text-transform: uppercase;
}

.howitworks {
  padding: 10px 0 40px 0;
}

.blue-strip {
  background-color: #25247B;
  text-align: center;
  color: white;
  text-transform: uppercase;
  padding: 12px 0 12px 0;
}
.blue-strip h1, .blue-strip .title {
  letter-spacing: 2px;
  font-size: 45px;
}
.blue-strip .subtitle {
  font-size: 20px;
  margin-top: 25px;
  display: block;
  color: #dcdcf5;
}

footer {
  margin-top: 45px;
}
footer .main {
  padding: 20px;
  background-color: #efefef;
}
footer .navigation {
  color: #5e5e5e;
  padding: 5px;
  font-size: 12px;
  background-color: #d6d6d6;
}
footer .navigation a {
  color: #25247B;
  text-decoration: none;
}
footer .author {
  background-color: #2d2d2d;
  color: white;
  text-align: center;
  padding: 5px;
  font-size: 10px;
}
footer .author a {
  color: white;
  text-decoration: none;
}

.register {
  padding: 40px 0;
}

.form .errors, form .errors {
  margin-bottom: 30px;
}
.form label, .form .checkbox .checkbox-label, form .checkbox .form .checkbox-label, form label, form .checkbox .checkbox-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=number], .form select, .form textarea, form input[type=text], form input[type=email], form input[type=password], form input[type=number], form select, form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #d6d6d6;
}
.form input[type=checkbox], form input[type=checkbox] {
  margin-bottom: 15px;
}
.form input[type=submit], form input[type=submit] {
  margin-bottom: 30px;
}
.form .checkbox, form .checkbox {
  margin-bottom: 20px;
}
.form .checkbox .checkbox-label, form .checkbox .checkbox-label {
  display: inline-block;
  margin-bottom: 20px;
  line-height: 1px;
}
.form .checkbox label, .form .checkbox .checkbox-label, form .checkbox label, form .checkbox .checkbox-label {
  display: inline;
}

.contact {
  text-align: center;
}
.contact .name {
  padding: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.contact * {
  padding: 2px;
}

.navigation ul {
  padding: 0 30px;
}
.navigation ul li {
  display: inline-block;
  padding: 15px 15px;
}
.navigation ul li .icon {
  margin-right: 5px;
}
.navigation ul li a {
  text-decoration: none;
  color: gray;
}
.navigation ul li a:hover {
  color: #343434;
}
.navigation > div {
  text-align: right;
}

.dropzone {
  background-color: #efefef;
  border: 1px dashed #a3a3a3;
  text-align: center;
  padding: 50px 0;
  margin-bottom: 15px;
}
.dropzone .dz-preview {
  display: none;
}

.dropzone-loading-text {
  display: none;
}

.dropzone-loading .dropzone-loading-text {
  display: block;
}

.uploaded-files .images img {
  max-width: 50px;
}
.uploaded-files .attachments .item > a.item-name {
  color: black;
  text-decoration: none;
}
.uploaded-files .removeBtn {
  background-color: #7b2a2a;
  color: white;
  padding: 5px;
  font-size: 10px;
  border-radius: 3px;
  text-decoration: none;
  display: inline-block;
}
.uploaded-files .setPrimaryBtn {
  background-color: #25247B;
  color: white;
  padding: 5px;
  font-size: 10px;
  border-radius: 3px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
.uploaded-files .item {
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}
.uploaded-files .item.primary-image {
  border: 2px solid #25247B;
}

.task-info {
  background-color: #efefef;
  padding: 15px;
  text-align: center;
  margin-top: 15px;
}
.task-info i {
  margin-right: 5px;
}
.task-info a {
  text-decoration: none;
  color: black;
}

.icon-image {
  height: 120px;
  background-color: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-image > * {
  font-size: 40px;
}

.image, .image-small {
  height: 200px;
  background-color: #efefef;
}

.image-small {
  height: 120px;
}

.task-detail .description {
  padding: 0 20px;
}

.bid-new .task-recap {
  border-bottom: 1px solid #c9c9c9;
  padding: 15px 0;
  margin-bottom: 30px;
}

.help {
  background-color: #efefef;
  padding: 15px;
  margin-bottom: 30px;
  margin-top: 20px;
  padding: 30px;
  border: 2px solid #c9c9c9;
}
.help:hover {
  background-color: #f9f9f9;
}
.help > div:not(:empty) {
  padding-bottom: 30px;
}

.help:empty {
  display: none;
}

.cta .head {
  background-color: #25247B;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: white;
  padding: 45px 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.bid-list .bid {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
}
.bid-list .bid a {
  text-decoration: none;
}
.bid-list .bid .bid-username {
  color: black;
  text-decoration: underline;
}
.bid-list .bid .title {
  padding-left: 15px;
  font-size: 18px;
  margin-top: 25px;
  display: inline-block;
}

.new img {
  max-width: 100%;
}

.provision-info {
  margin-bottom: 15px;
  display: block;
}

.notifySettingForm br {
  content: " ";
  height: 0;
  line-height: 0;
}

.notifySetting ul {
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.rating-averages {
  border-bottom: 2px solid #c0c0c0;
}

footer .payulogo {
  max-height: 30px;
  margin-top: 6px;
}
footer nav {
  text-align: left;
}

.user-detail .user-icon {
  font-size: 45px;
  margin-top: 20px;
}
.user-detail .user-icon i {
  color: #5d5d5d;
  border: 1px solid #5d5d5d;
  border-radius: 50%;
  padding: 35px;
}
.user-detail .rating-list .rating {
  margin-bottom: 20px;
  padding: 15px 0;
  border-bottom: 1px solid #efefef;
}
.user-detail .rating-list .rating .stars {
  text-align: center;
}
.user-detail .rating-list .rating a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}
.user-detail .rating-averages {
  padding-bottom: 35px;
}

.bio {
  overflow-wrap: break-word;
}

.underline {
  text-decoration: underline;
}

.help-icon {
  float: right;
  cursor: pointer;
  padding: 5px 0;
}

.module-page ul {
  padding-left: 30px;
}
.module-page ul li {
  line-height: 2em;
}

.wordbreak {
  word-break: break-all;
}

.overflow-wrap-break-word {
  overflow-wrap: break-word;
}

.counters .counter {
  text-align: center;
  padding-bottom: 30px;
}
.counters .counter strong {
  display: block;
  font-size: 2em;
  padding: 20px 0;
}
.counters .counter span {
  font-size: 0.8em;
  display: block;
  font-weight: bold;
  color: #757575;
  text-transform: uppercase;
}

.g-recaptcha > div {
  margin: auto;
  margin-bottom: 30px;
}

.g-recaptcha * {
  padding: 0;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@media screen and (max-width: 767px) {
  .help .button, .help .form input[type=submit], .form .help input[type=submit], .help form input[type=submit], form .help input[type=submit] {
    margin-bottom: 20px;
  }
}
.dicFormPrefix {
  display: flex;
  align-items: center;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 15px;
  margin-top: 2px;
  color: #888;
  border: 1px solid #d6d6d6;
  border-right: 0px;
  font-size: 0.8rem;
}

.bankAccount_input {
  display: flex;
  align-items: center;
}

.bankAccount_input .inp1 {
  flex: 1;
}
.bankAccount_input .inp2 {
  flex: 2;
}
.bankAccount_input .inp3 {
  flex: 1;
}
.bankAccount_input .del {
  padding: 0 7px;
  margin-bottom: 15px;
}