/* 
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  background-color: #fff;
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/** Reset BOOTSTRAP **/
.hidden {
  display: none; }

a.no-after:after {
  content: none !important; }

body {
  background: #f8f8f8; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

main, .wrapper {
  width: 100%;
  max-width: 2100px;
  padding: 0 20px;
  margin: auto; }

.notification {
  width: 260px;
  max-width: calc(100% - 30px);
  padding: 15px;
  padding-right: 30px;
  padding-top: 38px;
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  background-color: rgba(235, 235, 235, 0.98);
  -ms-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 15px;
  left: auto;
  right: 15px;
  z-index: 1501;
  overflow: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }
  .notification .icon {
    display: block;
    width: 100%;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(196, 196, 196, 0.4);
    padding: 8px 15px; }
  .notification i.fa-times {
    float: right; }
  .notification i.fa-times:hover {
    cursor: pointer; }
  .notification p {
    margin-bottom: 0; }

.notification.nolike, .notification.noadd {
  display: none;
  opacity: 0; }

.notification.success {
  background-color: rgba(194, 245, 186, 0.98);
  border-color: rgba(95, 186, 81, 0.4); }
  .notification.success .icon {
    background-color: rgba(95, 186, 81, 0.4); }
    .notification.success .icon i.fa {
      color: #47833E; }
  .notification.success p, .notification.success i {
    color: #47833E; }

.notification.error {
  background-color: rgba(252, 203, 202, 0.98);
  border-color: rgba(182, 31, 30, 0.4); }
  .notification.error .icon {
    background-color: rgba(182, 31, 30, 0.4); }
  .notification.error p, .notification.error i {
    color: #631110; }

.login .notification, .reg .notification, .upload .notification {
  -ms-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.06); }

.form-error {
  position: relative;
  width: 100%;
  padding: 15px;
  padding-top: 38px;
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  background-color: rgba(235, 235, 235, 0.98);
  margin-bottom: 25px;
  overflow: hidden; }
  .form-error p {
    margin-bottom: 0; }
  .form-error i.fa {
    display: block;
    width: 100%;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(182, 31, 30, 0.4);
    padding-left: 15px;
    padding-top: 8px; }

.form-error.error {
  background-color: rgba(252, 203, 202, 0.98);
  border-color: rgba(182, 31, 30, 0.4); }
  .form-error.error i.fa {
    background-color: rgba(182, 31, 30, 0.4); }
  .form-error.error p, .form-error.error i {
    color: #631110; }

.form-error.success {
  background-color: rgba(194, 245, 186, 0.98);
  border-color: rgba(95, 186, 81, 0.4); }
  .form-error.success i.fa {
    background-color: rgba(95, 186, 81, 0.4); }
  .form-error.success p, .form-error.success i {
    color: #47833E; }

nav {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  background-color: #5fba51;
  z-index: 99;
  height: 62px;
  box-shadow: 0 2px 4px 0px rgba(92, 81, 84, 0.2); }
  nav .nav-max-width {
    position: relative;
    width: 100%;
    max-width: 2100px;
    margin: auto; }
  nav #logo {
    position: absolute;
    top: 10px;
    left: 16px;
    z-index: 99; }
    nav #logo img {
      width: 80px;
      height: 80px;
      -webkit-transition: all .4s ease;
      transition: all .4s ease; }
  nav p#name {
    position: absolute;
    top: 10px;
    left: 110px;
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease; }
  nav .res_nav_strich_container {
    display: none; }
  nav ul {
    float: right;
    margin-right: 20px; }
    nav ul li {
      font-size: 18px;
      display: inline-block;
      margin: 10px 10px; }
      nav ul li a {
        color: #fff;
        margin: 0; }
      nav ul li a:hover {
        color: #EBEBEB !important; }
      nav ul li a:hover:after {
        border-color: #EBEBEB !important; }
      nav ul li a:after {
        border-color: #fff; }
      nav ul li a.button-inverted {
        color: #5fba51; }

header {
  min-height: 350px;
  background: url(../img/muster_gruen.svg);
  background-size: 200px 103px;
  background-color: #53a347;
  margin-bottom: 40px; }
  header .wrapper {
    width: 520px;
    max-width: 100%;
    margin: auto;
    padding-top: 120px;
    padding-bottom: 20px;
    text-align: center; }
    header .wrapper h1, header .wrapper h5 {
      color: #fff; }
    header .wrapper h1 {
      margin-bottom: 15px; }
    header .wrapper a {
      margin-top: 10px; }

footer {
  background: url(../img/muster_grau.svg);
  background-size: 200px;
  background-color: #e8e4e3;
  margin-top: 30px;
  padding: 20px 0 10px 0; }

.block_wrapper {
  width: 100%;
  position: relative; }
  .block_wrapper .like {
    position: absolute; }
  .block_wrapper .block {
    position: absolute;
    margin: 0 !important;
    display: block;
    width: calc((100% - 3 * 20px) / 4);
    border-radius: 15px;
    overflow: hidden;
    border: 5px solid #fff;
    background: #fff;
    -ms-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease; }
    .block_wrapper .block a {
      display: block;
      border: none; }
    .block_wrapper .block a:after {
      content: none; }
    .block_wrapper .block img {
      width: 100%;
      opacity: 0;
      display: none;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px; }
    .block_wrapper .block figcaption {
      padding: 10px;
      padding-bottom: 0;
      margin-bottom: 0; }
    .block_wrapper .block .bottom-bar {
      padding-top: 4px; }
      .block_wrapper .block .bottom-bar .vote-btn {
        margin-right: 10px;
        margin-bottom: 0;
        z-index: 99; }
      .block_wrapper .block .bottom-bar .vote-btn:hover {
        cursor: pointer; }
      .block_wrapper .block .bottom-bar .vote-btn.disabled:hover {
        cursor: default; }
      .block_wrapper .block .bottom-bar .vote-btn svg {
        float: left;
        height: 20px;
        width: 20px;
        margin-right: 7px; }
      .block_wrapper .block .bottom-bar .poop-btn svg {
        width: 22px;
        margin-top: 2px; }
      .block_wrapper .block .bottom-bar .vote-btn p {
        float: left; }
      .block_wrapper .block .bottom-bar .like-btn svg .st0 {
        stroke: #b61f1e;
        fill: none; }
      .block_wrapper .block .bottom-bar .like-btn.liked svg .st0 {
        stroke: #b61f1e;
        fill: #b61f1e; }
      .block_wrapper .block .bottom-bar .unicorn-btn svg .st1 {
        stroke: #c2385f;
        fill: none; }
      .block_wrapper .block .bottom-bar .unicorn-btn.liked svg .st1 {
        stroke: #c2385f;
        fill: #c2385f; }
      .block_wrapper .block .bottom-bar .poop-btn svg .st2 {
        stroke: #402617;
        fill: none; }
      .block_wrapper .block .bottom-bar .poop-btn.liked svg .st2 {
        stroke: #402617;
        fill: #402617; }
      .block_wrapper .block .bottom-bar .vote-btn.disabled svg .st0, .block_wrapper .block .bottom-bar .vote-btn.disabled svg .st1, .block_wrapper .block .bottom-bar .vote-btn.disabled svg .st2 {
        stroke: #C4C4C4; }
  .block_wrapper .height_auto {
    height: auto !important; }

#container .mix {
  display: none; }

/*** Photoswipe **************************************************** ***/
.pswp__button:hover {
  cursor: pointer; }

.pswp__button:focus, .pswp__button:active {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.pswp__button--arrow--left, .pswp__button--arrow--right {
  height: 90%;
  height: calc(100vh - 44px);
  top: auto;
  bottom: 0; }

@media screen and (min-width: 768px) {
  .pswp__button--arrow--left, .pswp__button--arrow--right {
    width: 50%;
    height: 90%;
    height: calc(100vh - 44px);
    top: auto;
    bottom: 0; } }
.pswp__button--arrow--left:focus, .pswp__button--arrow--right:focus, .pswp__button--close:focus {
  outline: none; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background-color: transparent;
  top: 40vh;
  top: calc((100vh - 44px)/2 - 30px);
  width: 50px;
  height: 50px;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.3));
  -moz-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.3));
  -ms-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.3));
  filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.3)); }

.pswp__button--close:before, .pswp__button--close:hover:before {
  content: none; }

.pswp__button--arrow--left:hover:before, .pswp__button--arrow--right:hover:before, .pswp__button--close:hover:before {
  opacity: 1;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.8));
  -moz-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.8));
  -ms-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.8));
  filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.8));
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.pswp--zoom-allowed .pswp__img {
  cursor: default; }

.pswp__caption__center {
  color: #fff;
  text-align: center; }

.pswp__caption .pswp__caption__center > p {
  color: #C4C4C4; }
.pswp__caption .bottom-bar {
  padding: 0 10px; }
  .pswp__caption .bottom-bar .vote-btn {
    margin-right: 10px;
    margin-bottom: 0;
    z-index: 99; }
  .pswp__caption .bottom-bar .vote-btn:hover {
    cursor: pointer; }
  .pswp__caption .bottom-bar .vote-btn.disabled:hover {
    cursor: default; }
  .pswp__caption .bottom-bar .vote-btn svg {
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 7px; }
  .pswp__caption .bottom-bar .poop-btn svg {
    width: 22px;
    margin-top: 2px; }
  .pswp__caption .bottom-bar .vote-btn p {
    float: left; }
  .pswp__caption .bottom-bar .like-btn svg .st0 {
    stroke: #b61f1e;
    fill: none; }
  .pswp__caption .bottom-bar .like-btn.liked svg .st0 {
    stroke: #b61f1e;
    fill: #b61f1e; }
  .pswp__caption .bottom-bar .unicorn-btn svg .st1 {
    stroke: #c2385f;
    fill: none; }
  .pswp__caption .bottom-bar .unicorn-btn.liked svg .st1 {
    stroke: #c2385f;
    fill: #c2385f; }
  .pswp__caption .bottom-bar .poop-btn svg .st2 {
    stroke: #402617;
    fill: none; }
  .pswp__caption .bottom-bar .poop-btn.liked svg .st2 {
    stroke: #402617;
    fill: #402617; }
  .pswp__caption .bottom-bar .vote-btn.disabled svg .st1, .pswp__caption .bottom-bar .vote-btn.disabled svg .st0, .pswp__caption .bottom-bar .vote-btn.disabled svg .st2 {
    stroke: rgba(196, 196, 196, 0.7); }
  .pswp__caption .bottom-bar .color-lightgray {
    color: rgba(196, 196, 196, 0.7); }

/**** HOME **************************************************************************************************** ****/
.form-left {
  float: right; }
  .form-left select, .form-left input {
    width: 225px;
    float: left;
    margin-left: 20px;
    margin-right: 0; }
  .form-left .btn-group {
    margin-left: 20px;
    margin-right: 0; }

.dropdown {
  float: right; }

.home .subnav {
  margin-bottom: 15px; }
.home h2 {
  float: left;
  margin-right: 30px; }

/**** LOGIN, REGISTRIEREN, UPLOAD ********************************************************************* ****/
.login main, .reg main, .upload main {
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px; }
.login .bar-header, .reg .bar-header, .upload .bar-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: #5fba51;
  height: 10px;
  box-shadow: 0 2px 4px 0px rgba(92, 81, 84, 0.2); }
.login h1, .reg h1, .upload h1 {
  text-align: center; }
.login a, .reg a, .upload a {
  display: block;
  text-align: center; }
.login .heading, .reg .heading, .upload .heading {
  display: block;
  margin: 8vh 0px 36px 0; }
.login .branding, .reg .branding, .upload .branding {
  height: 96px;
  width: 96px;
  margin: auto;
  background: url(../img/logo.svg) no-repeat center top;
  background-size: 96px 96px;
  margin-bottom: 3px; }
.login form, .reg form, .upload form {
  display: block;
  width: 100%;
  max-width: 336px;
  margin-left: auto;
  margin-right: auto; }
  .login form .submitbutton, .reg form .submitbutton, .upload form .submitbutton {
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 12px; }
    .login form .submitbutton .button, .reg form .submitbutton .button, .upload form .submitbutton .button {
      margin: auto;
      max-width: 180px; }
  .login form .fa-plus, .login form .fa-minus, .reg form .fa-plus, .reg form .fa-minus, .upload form .fa-plus, .upload form .fa-minus {
    display: inline-block;
    margin-top: 15px; }
  .login form .fa-minus, .reg form .fa-minus, .upload form .fa-minus {
    margin-top: 34px; }
  .login form .fa-plus:hover, .login form .fa-minus:hover, .reg form .fa-plus:hover, .reg form .fa-minus:hover, .upload form .fa-plus:hover, .upload form .fa-minus:hover {
    cursor: pointer; }
  .login form .fa.adddisabled, .reg form .fa.adddisabled, .upload form .fa.adddisabled {
    color: #C4C4C4; }
  .login form .link, .reg form .link, .upload form .link {
    margin-top: 15px;
    text-align: center; }
    .login form .link a, .reg form .link a, .upload form .link a {
      display: inline-block; }
.login footer, .reg footer, .upload footer {
  display: none; }

.upload form {
  max-width: 368px;
  -webkit-transform: translate(16px);
      -ms-transform: translate(16px);
          transform: translate(16px); }
  .upload form .input-wrapper {
    width: calc(100% - 32px);
    display: inline-block;
    float: left; }
  .upload form #select_wrapper {
    margin-bottom: 20px; }
    .upload form #select_wrapper select {
      margin-bottom: 8px; }

body, p, h1, h2, h3, h4, h5, h6, figcaption, a, label, input, select, button {
  font-family: 'Roboto', sans-serif;
  color: #5c5254; }

p, a, h6, label, figcaption, input, select, button, li {
  font-size: 16px;
  line-height: 22.4px;
  margin-bottom: 8px; }

a {
  text-decoration: none;
  padding: 1px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

a:after {
  content: "";
  display: block;
  border-bottom: 1px solid #5c5254;
  width: 102%;
  margin-left: -1%;
  height: 2px; }

a:hover {
  cursor: pointer;
  text-decoration: none !important;
  color: #C4C4C4 !important;
  text-decoration: none !important; }

a:hover:after {
  border-color: #C4C4C4; }

a:focus, a:active {
  text-decoration: none !important;
  color: #C4C4C4 !important; }

h1, p#name {
  font-size: 45px;
  line-height: 63.0px;
  margin-bottom: 22.5px;
  font-family: 'Delius', cursive; }

h1 {
  line-height: 51px; }

h2 {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 15px;
  font-family: 'Delius', cursive; }

p#name {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 15px; }

h5 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px; }

.color-lightgray {
  color: #C4C4C4; }

.button, button:not(.pswp__button) {
  display: block;
  background: #5fba51;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0px rgba(92, 81, 84, 0.2);
  border: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.button-g:not(.pswp__button) {
  background: #fff;
  border: 1px solid #C4C4C4;
  border-radius: 6px;
  box-shadow: none;
  color: #5c5254;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.button:hover, button:not(.pswp__button):hover {
  cursor: pointer;
  background: #4E9943;
  box-shadow: none;
  color: #fff !important;
  text-decoration: none !important; }

.button-g:not(.pswp__button):hover {
  border-color: #5c5254;
  background: #fff;
  color: #5c5254 !important; }
  .button-g:not(.pswp__button):hover i {
    color: #5c5254 !important; }

.button:after, button:after, .button-inverted:after {
  content: none; }

.button:focus, button:not(.pswp__button):focus {
  outline: none;
  border-color: #5fba51;
  color: #fff !important;
  text-decoration: none !important;
  background: #4E9943;
  -ms-box-shadow: 0px 0px 5px 2px rgba(95, 186, 81, 0.5);
  -o-box-shadow: 0px 0px 5px 2px rgba(95, 186, 81, 0.5);
  box-shadow: 0px 0px 5px 2px rgba(95, 186, 81, 0.5); }

.button:active, button:not(.pswp__button):active, .button:not(.pswp__button):focus:active, button:focus:active {
  border: none;
  color: #fff !important;
  text-decoration: none !important;
  -ms-box-shadow: inset 0 2px 4px 0px rgba(92, 81, 84, 0.3);
  -o-box-shadow: inset 0 2px 4px 0px rgba(92, 81, 84, 0.3);
  box-shadow: inset 0 2px 4px 0px rgba(92, 81, 84, 0.3); }

.button-g:not(.pswp__button):focus {
  outline: none !important;
  border-color: #5c5254 !important;
  color: #5c5254 !important;
  text-decoration: none !important;
  background: #fff;
  -ms-box-shadow: 0 2px 3px 0px rgba(92, 82, 84, 0.15);
  -o-box-shadow: 0 2px 3px 0px rgba(92, 82, 84, 0.15);
  box-shadow: 0 2px 3px 0px rgba(92, 82, 84, 0.15);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.button-g:not(.pswp__button):active, .button-g:not(.pswp__button):focus:active, .button-g.active:not(.pswp__button) {
  outline: none;
  color: #5c5254 !important;
  border: 1px solid #5c5254 !important;
  text-decoration: none !important;
  -ms-box-shadow: inset 0 2px 3px 0px rgba(92, 81, 84, 0.2);
  -o-box-shadow: inset 0 2px 3px 0px rgba(92, 81, 84, 0.2);
  box-shadow: inset 0 2px 3px 0px rgba(92, 81, 84, 0.2);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.button-g.active:not(.pswp__button) {
  border-color: #C4C4C4 !important;
  outline: none; }

.button-inverted {
  display: block;
  background: #fff;
  color: #5fba51;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 2px 4px 0px rgba(92, 81, 84, 0.2);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.button-inverted:hover {
  cursor: pointer;
  background: #EBEBEB;
  box-shadow: none;
  color: #5fba51 !important;
  text-decoration: none !important; }

.button-inverted:active {
  box-shadow: inset 0 2px 4px 0px rgba(92, 81, 84, 0.2); }

.button-inverted:focus {
  outline: none;
  border-color: #fff;
  color: #5fba51 !important;
  text-decoration: none !important;
  -ms-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5); }

.button-inverted:active, .button-inverted:active:focus {
  border: none;
  color: #5fba51 !important;
  text-decoration: none !important;
  -ms-box-shadow: inset 0 2px 4px 0px rgba(92, 82, 84, 0.3);
  -o-box-shadow: inset 0 2px 4px 0px rgba(92, 82, 84, 0.3);
  box-shadow: inset 0 2px 4px 0px rgba(92, 82, 84, 0.3); }

a.button, a.button-inverted {
  display: inline-block; }

label {
  margin-left: 2px;
  margin-bottom: 0;
  text-align: left;
  display: block;
  cursor: pointer;
  padding-bottom: 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

select, .dropdown button, select:focus {
  background-image: url(../img/dropdown.svg) !important;
  background-position: right !important;
  background-repeat: no-repeat !important;
  background-size: 22px 36px !important;
  font-size: 16px;
  line-height: 22.4px;
  margin-bottom: 8px; }

select:focus {
  margin-bottom: 20px; }

select::-ms-expand {
  display: none; }

input, textarea, select, .dropdown button {
  background-color: #fff;
  display: block;
  box-sizing: border-box;
  height: 42px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #C4C4C4;
  border-radius: 6px;
  box-shadow: none;
  padding: 0 12px;
  color: #5c5254;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input:hover, textarea:hover, select:hover, .dropdown:hover button, .dropdown button:hover {
  border-color: #5c5254; }

.dropdown button {
  padding-right: 35px; }

.dropdown:hover button, .dropdown:active button, .dropdown:focus button, .dropdown button:focus {
  background: #fff !important;
  background-image: url(../img/dropdown.svg) !important;
  background-position: right !important;
  background-repeat: no-repeat !important;
  background-size: 22px !important;
  text-shadow: none !important;
  color: #5c5254 !important; }

.dropdown:hover .dropdown-menu {
  border-color: #5c5254; }

.dropdown-toggle {
  margin-bottom: 3px !important; }

.dropdown .dropdown-menu {
  width: 100%;
  background-color: #fff;
  border: 1px solid #C4C4C4;
  border-radius: 6px;
  padding: 7px 0;
  color: #5c5254;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .dropdown .dropdown-menu li {
    display: block;
    margin-bottom: 0;
    padding: 3px 12px; }
  .dropdown .dropdown-menu li:hover {
    cursor: pointer;
    background-color: #EBEBEB; }

input:focus, textarea:focus, select:focus, .dropdown:focus button, .dropdown button:focus {
  outline: none;
  border-color: #5fba51;
  background: #fff;
  -ms-box-shadow: 0px 0px 5px rgba(95, 186, 81, 0.5);
  -o-box-shadow: 0px 0px 5px rgba(95, 186, 81, 0.5);
  box-shadow: 0px 0px 5px rgba(95, 186, 81, 0.5); }

input[type="file"], select, .dropdown button {
  cursor: pointer; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label {
  padding: 20px;
  color: rgba(92, 82, 84, 0.6);
  width: 100%;
  min-height: 144px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  border: 2px dashed rgba(92, 82, 84, 0.6);
  border-radius: 6px;
  text-overflow: ellipsis;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  .inputfile + label .uploadicon {
    fill: rgba(92, 82, 84, 0.6);
    height: 44px;
    margin-bottom: 12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .inputfile + label span {
    text-align: center;
    word-break: break-all; }

.inputfile + label:hover {
  cursor: pointer;
  border: 2px dashed #5c5254;
  color: #5c5254; }
  .inputfile + label:hover .uploadicon {
    fill: #5c5254; }

.inputfile + label:focus, .inputfile:focus + label {
  outline: none;
  cursor: pointer;
  border: 2px dashed #5c5254;
  color: #5c5254;
  -ms-box-shadow: 0px 0px 5px rgba(92, 82, 84, 0.5);
  -o-box-shadow: 0px 0px 5px rgba(92, 82, 84, 0.5);
  box-shadow: 0px 0px 5px rgba(92, 82, 84, 0.5); }
  .inputfile + label:focus .uploadicon, .inputfile:focus + label .uploadicon {
    fill: #5c5254; }

@media screen and (min-width: 2500px) {
  .block_wrapper .block {
    width: calc((100% - 5 * 20px)/6); } }
@media screen and (max-width: 2500px) {
  .block_wrapper .block {
    width: calc((100% - 4 * 20px)/5); } }
@media screen and (max-width: 2000px) {
  .block_wrapper .block {
    width: calc((100% - 3 * 20px)/4); } }
@media screen and (max-width: 1200px) {
  .block_wrapper .block {
    width: calc((100% - 2 * 20px)/3); }

  .form-left {
    width: 100%;
    float: left;
    margin-top: 20px; }
    .form-left select, .form-left input {
      margin-left: 0;
      margin-right: 20px; }
    .form-left .btn-group {
      margin-left: 0; } }
@media screen and (max-width: 992px) {
  .block_wrapper .block {
    width: calc((100% - 1 * 20px)/2); } }
@media screen and (max-width: 620px) {
  .block_wrapper .block {
    width: 100%; }

  .form-left {
    margin-top: 20px; }
    .form-left select, .form-left input {
      display: block;
      max-width: 100%;
      margin-left: 0;
      margin-right: 20px; }
    .form-left select:first-child {
      display: block;
      float: none; } }
@media screen and (max-width: 500px) {
  nav {
    height: 63px;
    border-bottom: 1px solid #4E9943; }
    nav .right-wrapper {
      float: right; }
    nav ul {
      display: none;
      width: 100%;
      position: fixed;
      top: 62px;
      left: 0;
      background-color: #5fba51;
      box-shadow: 0 2px 4px 0px rgba(92, 81, 84, 0.2);
      border-bottom: 1px solid #4E9943; }
    nav .res_nav_strich_container {
      display: block;
      width: 27px;
      margin: 22px 20px 0 10px;
      float: right;
      cursor: pointer; }
      nav .res_nav_strich_container .res_nav_strich {
        width: 100%;
        height: 3px;
        background-color: #fff;
        margin-bottom: 4px;
        border-radius: 2px; } }
@media screen and (max-width: 600px) {
  .login form, .reg form, .upload form {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0); } }
@media screen and (min-width: 500px) {
  nav ul {
    display: block !important; } }
/* Clearfix */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*# sourceMappingURL=main.css.map */