body, html {
  background-color: white;
}
body.white-bg, html.white-bg {
  background-color: white;
}

body {
  padding-top: 92px;
}

.bg-light {
  background-color: white;
}

.m20-right {
  margin-right: 20px;
}

.navbar-brand img {
  width: 150px;
}
@media (min-width: 768px) {
  .navbar-brand img {
    width: 220px;
  }
}

nav {
  max-width: 100vw !important;
}
nav.nav-bg-main {
  background-color: white;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (min-width: 992px) {
  nav.nav-bg-main {
    background-color: transparent;
  }
}
nav.nav-bg-main.downscrolled {
  margin-top: -100px;
}
nav.nav-bg-main.downscrolled.upscrolled {
  margin-top: 0px !important;
  background-color: white !important;
}
nav .nav-link {
  text-align: center !important;
}
nav .limiter {
  padding: 0 30px 0 15px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 1.5em;
  font-weight: 100;
}
@media (max-width: 768px) {
  nav .limiter {
    display: none;
  }
}
nav .fadeIn:nth-child(1n) {
  animation-delay: 0.25s;
}
nav .fadeIn:nth-child(2n) {
  animation-delay: 0.5s;
}
nav .fadeIn:nth-child(3n) {
  animation-delay: 0.75s;
}
nav .fadeIn:nth-child(4n) {
  animation-delay: 1s;
}
nav .fadeIn:nth-child(5n) {
  animation-delay: 1.25s;
}
nav .fadeIn:nth-child(6n) {
  animation-delay: 1.5s;
}
nav .fadeIn:nth-child(7n) {
  animation-delay: 1.75s;
}
nav .fadeIn:nth-child(8n) {
  animation-delay: 2s;
}
nav .fadeIn:nth-child(9n) {
  animation-delay: 2.25s;
}
nav .fadeIn:nth-child(10n) {
  animation-delay: 2.5s;
}
nav .main-submenu {
  left: auto !important;
  right: 15px;
}
nav .main-submenu a {
  color: black;
  text-decoration: none;
  position: relative;
  display: block;
  text-align: center;
}
nav .main-submenu a:hover, nav .main-submenu a:focus {
  text-decoration: none;
  color: gray;
}

.limiter {
  padding: 0 20px 0 20px;
  color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .limiter {
    display: none;
  }
}

.navbar-light .navbar-nav .nav-link {
  color: black;
  padding: 5px 15px;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.5);
}

.nav-sized {
  width: 100%;
  height: 72px;
}
@media (min-width: 783px) {
  .nav-sized {
    height: 94px;
  }
}

.jumbotron.animated.fadeIn {
  animation-delay: 1.5s;
}

footer {
  background-color: #112336;
  margin-top: 60px;
  padding-top: 80px;
  -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%);
}
@media (min-width: 768px) {
  footer {
    -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
  }
}
footer h3 {
  color: white;
  font-size: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 20px;
}
footer p {
  color: white;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
footer ul {
  list-style: none;
  padding: 0px;
  padding-bottom: 3rem;
}
footer ul li a {
  color: white;
  opacity: 0.8;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
footer ul li a:hover, footer ul li a:focus {
  color: white;
  opacity: 1;
  text-decoration: none;
}

.btn-outline-success {
  border-radius: 5px;
  border-color: #ff7b00;
  color: #ff7b00;
  background-color: transparent;
}
.btn-outline-success:hover, .btn-outline-success:focus {
  background-color: #ff7b00;
  color: white;
  border-color: #ff7b00;
}

[type=reset], [type=submit], button, html [type=button] {
  -moz-appearance: none;
  -webkit-appearance: none !important;
}

.jumbotron {
  background-color: white;
  margin-top: 30px;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 1.5rem 3.5rem;
  }
}
.jumbotron h2 {
  text-transform: uppercase;
  color: green;
  font-size: 1.5rem;
}
.jumbotron input[type=submit] {
  border: 2px solid transparent;
  border-radius: 50px;
  background-color: green;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
.jumbotron input[type=submit]:hover, .jumbotron input[type=submit]:focus {
  background-color: white;
  color: green;
  border: 2px solid green;
  cursor: pointer;
}

.form-link {
  display: inline-block;
  color: green;
  text-decoration: none;
}
.form-link:hover, .form-link:focus {
  color: green;
  text-decoration: underline;
}

@media (min-width: 1250px) {
  .loginform input[type=submit] {
    float: right;
  }
}
.side-nav {
  padding: 0px;
}
.side-nav ul {
  list-style: none;
  padding-left: 0px;
}
.side-nav ul li {
  border-bottom: 1px solid darkgrey;
}
.side-nav ul li a {
  color: dimgray;
  background-color: white;
  text-decoration: none;
  display: block;
  font-size: 13px;
}
.side-nav ul li a .oi {
  width: 48px;
  padding: 15px;
  font-size: 16px;
  background-color: green;
  color: white;
  margin-right: 15px;
}
.side-nav ul li a .oi.transp {
  color: transparent !important;
}
.side-nav ul li.green {
  background-color: green;
}
.side-nav ul li.green a {
  background-color: transparent !important;
  color: white;
}

.select2-selection {
  min-height: calc(2.25rem + 2px) !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.dumyKarta {
  height: 300px;
}
.dumyKarta h2 {
  margin-top: 100px;
  text-align: center;
}

.nounder:hover, .nounder:focus {
  text-decoration: none !important;
}

.allBlue h1, .allBlue h2, .allBlue h3, .allBlue h4, .allBlue h5 {
  color: green;
  text-align: center;
}

.card-group {
  column-count: 1;
}
@media (min-width: 500px) {
  .card-group {
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .card-group {
    column-count: 3;
  }
}

.cardstainer {
  align-items: stretch;
}
.cardstainer .fadeInRight:nth-child(1n) {
  animation-delay: 0.25s;
}
.cardstainer .fadeInRight:nth-child(2n) {
  animation-delay: 0.5s;
}
.cardstainer .fadeInRight:nth-child(3n) {
  animation-delay: 0.75s;
}
.cardstainer .fadeInRight:nth-child(4n) {
  animation-delay: 1s;
}
.cardstainer .fadeInRight:nth-child(5n) {
  animation-delay: 1.25s;
}
.cardstainer .fadeInRight:nth-child(6n) {
  animation-delay: 1.5s;
}
.cardstainer .fadeInRight:nth-child(7n) {
  animation-delay: 1.75s;
}
.cardstainer .fadeInRight:nth-child(8n) {
  animation-delay: 2s;
}
.cardstainer .fadeInRight:nth-child(9n) {
  animation-delay: 2.25s;
}
.cardstainer .fadeInRight:nth-child(10n) {
  animation-delay: 2.5s;
}
.cardstainer .col-xs-12, .cardstainer .col-sm-6, .cardstainer .col-md-4 {
  margin-bottom: 15px;
  margin-top: 15px;
}
.cardstainer .card {
  height: 100%;
  padding: 25px 25px 65px 25px;
}
.cardstainer .card .mark-it {
  border-radius: 20px;
  border: 2px solid white;
  padding: 8px;
  background-color: black;
  color: white;
  font-size: 0;
  position: absolute;
  right: 110px;
  top: 35px;
}
.cardstainer .card .mark-it:hover, .cardstainer .card .mark-it:focus {
  font-size: 10px;
  padding: 2px 10px 2px 10px;
}
.cardstainer .card .mark-it.marktype-1 {
  background-color: green;
}
.cardstainer .card .mark-it.marktype-2 {
  background-color: orange;
}
.cardstainer .card .mark-it.marktype-3 {
  background-color: red;
}
.cardstainer .card .image-wrapper {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.cardstainer .card .image-wrapper img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.cardstainer .card .image-wrapper.logowrapper {
  max-width: 250px;
  width: auto;
  height: auto;
  overflow: auto;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.cardstainer .card .image-wrapper.logowrapper img {
  min-width: auto;
  min-height: auto;
  object-fit: none;
}
.cardstainer .card h4 {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 5px;
}
.cardstainer .card .locality-wrapper {
  margin-bottom: 10px;
}
.cardstainer .card .locality-wrapper .locality {
  border-radius: 15px;
  background-color: green;
  padding: 2px 10px 2px 10px;
  color: white;
  font-size: 12px;
  margin-left: 1px;
  margin-right: 1px;
}
.cardstainer .card .locality-wrapper .serviceform {
  border-radius: 15px;
  background-color: #3232c8;
  padding: 2px 10px 2px 10px;
  color: white;
  font-size: 12px;
  margin-left: 1px;
  margin-right: 1px;
}
.cardstainer .card h5 {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 5px;
}
.cardstainer .card p {
  font-size: 12px;
  padding-left: 20px;
  padding-right: 20px;
}
.cardstainer .card .btn-main {
  font-size: 15px;
  padding: 5px 20px;
  border: 1px solid green;
  border-radius: 50px;
  background-color: white;
  color: green;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.cardstainer .card .btn-main:hover, .cardstainer .card .btn-main:focus {
  background-color: green;
  color: white;
  border: 1px solid green;
  cursor: pointer;
  text-decoration: none;
}

.intro {
  padding-top: 30px;
  padding-bottom: 30px;
  background-image: url("/assets/images/bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: white;
}
.intro .image-wrapper {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .intro .image-wrapper {
    float: right;
    margin-top: 5px;
  }
}
.intro .image-wrapper img {
  min-width: 100%;
  min-height: 100%;
}
.intro .image-wrapper.logowrapper {
  max-width: 250px;
  width: auto;
  height: auto;
  overflow: auto;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.intro .image-wrapper.logowrapper img {
  min-width: auto;
  min-height: auto;
  object-fit: none;
}
.intro h1 {
  font-weight: normal;
  font-size: 1.5rem;
}
.intro p {
  font-size: 1rem;
}
.intro .mark-it {
  border-radius: 20px;
  background-color: black;
  color: white;
  padding: 5px 15px 5px 15px;
}
.intro .mark-it.marktype-1 {
  background-color: green;
}
.intro .mark-it.marktype-2 {
  background-color: orange;
}
.intro .mark-it.marktype-3 {
  background-color: red;
}

.detail-info p, .detail-info td, .detail-info th {
  color: gray;
}
.detail-info .table td, .detail-info .table th {
  padding-left: 0px;
}
.detail-info .table td a, .detail-info .table th a {
  color: gray;
}
.detail-info .table td a:hover, .detail-info .table td a:focus, .detail-info .table th a:hover, .detail-info .table th a:focus {
  color: gray;
}
.detail-info .sideicon {
  font-size: 0.7rem;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 15px;
}
.detail-info .sideicon.phone {
  background-image: url("/assets/images/phone.jpg");
}
.detail-info .sideicon.email {
  background-image: url("/assets/images/zavinac.jpg");
}
.detail-info .sideicon.pointer {
  background-image: url("/assets/images/pointer.jpg");
}
.detail-info .sideicon.website {
  background-image: url("/assets/images/globe.jpg");
}
.detail-info .sideicon.language {
  background-image: url("/assets/images/language.jpg");
}
.detail-info .sideicon.price {
  background-image: url("/assets/images/price.jpg");
}
.detail-info .tooglelist {
  border: transparent;
  padding-left: 0px;
  margin-left: 20px;
  background-color: transparent;
  color: #727272;
  cursor: pointer;
  font-size: 0.7rem;
  padding-right: 40px;
  text-decoration: underline;
  background-image: url("/assets/images/show-more.svg");
  background-position: right;
  background-repeat: no-repeat;
  overflow: visible;
  background-size: 20px;
}
.detail-info .tooglelist[aria-expanded=true] {
  background-image: url("/assets/images/show-less.svg");
}
.detail-info .tooglelist + ul {
  list-style: none;
}
.detail-info .tooglelist + ul li a {
  color: #727272;
  cursor: pointer;
  font-size: 0.7rem;
  text-decoration: none;
}
.detail-info .tooglelist + ul li a:hover, .detail-info .tooglelist + ul li a:focus {
  color: #727272;
  text-decoration: none;
}
.detail-info h2 {
  font-size: 1.2rem;
}
.detail-info .limiter {
  font-size: 0.3rem;
  margin-bottom: 0px;
}

.onlinecommunicationicon {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
}
.onlinecommunicationicon img {
  height: 35px;
  width: 35px;
}
.onlinecommunicationicon svg {
  height: 35px !important;
  width: 35px !important;
}

form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e7f6f8 !important;
  border: 1px solid green !important;
  color: #3c4b50 !important;
}
form .select2-container--default .select2-selection--multiple, form .select2-container--default .select2-selection--single, form .form-control {
  background-color: #fafbfc !important;
}
form .sendButton {
  font-size: 15px;
  padding: 5px 20px;
  border: 1px solid green;
  border-radius: 50px;
  background-color: white;
  color: green;
}
form .sendButton:hover, form .sendButton:focus {
  background-color: green;
  color: white;
  border: 1px solid green;
  cursor: pointer;
  text-decoration: none;
}
form label.required:after {
  content: " *";
  color: red;
}
form .vich-file {
  overflow-x: hidden;
}
form .image-wrapper {
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 200px;
  margin-right: 20px;
  float: left;
}
form .image-wrapper img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
}
form .image-wrapper.logowrapper {
  max-width: 250px;
  width: auto;
  height: auto;
  overflow: auto;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
}
form .image-wrapper.logowrapper img {
  min-width: auto;
  min-height: auto;
  object-fit: none;
}

.loginform input {
  color: green;
}
.loginform label {
  color: darkgrey;
}
@media (max-width: 767px) {
  .loginform input {
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid darkgrey;
    padding-left: 10px;
  }
  .loginform label {
    width: 100%;
  }
  .loginform input[type=checkbox] {
    float: left;
    width: auto;
    height: auto;
    margin-top: 5px;
    margin-right: 10px;
  }
  .loginform input[type=checkbox] + label {
    float: left;
    width: auto;
  }
}

*[data-toggle=tooltip] {
  padding-right: 40px;
  background-image: url("/assets/images/icko.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 30px;
}

.error-list {
  padding: 20px 50px 5px 50px;
  background-color: rgba(255, 0, 0, 0.2);
  margin-bottom: 20px;
  border: 1px solid red;
  border-radius: 5px;
  color: red;
  text-align: center;
}

.itsok {
  padding: 20px 50px 25px 50px;
  background-color: rgba(0, 255, 0, 0.2);
  margin-bottom: 20px;
  border: 1px solid green;
  border-radius: 5px;
  color: green;
  text-align: center;
}

#poradceedit_attrprojects, #poradceedit_attrstudy, #poradceedit_attrusing, #poradceedit_attrsocialnets {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#poradceedit_attrprojects > div button,
#poradceedit_attrprojects > .addproject > div button,
#poradceedit_attrstudy > div button,
#poradceedit_attrstudy > .addstudy > div button {
  font-size: 15px;
  padding: 5px 20px;
  border: 1px solid #3232c8;
  border-radius: 50px;
  background-color: white;
  color: #3232c8;
}
#poradceedit_attrprojects > div button:hover, #poradceedit_attrprojects > div button:focus,
#poradceedit_attrprojects > .addproject > div button:hover,
#poradceedit_attrprojects > .addproject > div button:focus,
#poradceedit_attrstudy > div button:hover,
#poradceedit_attrstudy > div button:focus,
#poradceedit_attrstudy > .addstudy > div button:hover,
#poradceedit_attrstudy > .addstudy > div button:focus {
  background-color: #3232c8;
  color: white;
  border: 1px solid #3232c8;
  cursor: pointer;
  text-decoration: none;
}
#poradceedit_attrprojects > div button.add_attrstudy_link, #poradceedit_attrprojects > div button.add_attrprojects_link,
#poradceedit_attrprojects > .addproject > div button.add_attrstudy_link,
#poradceedit_attrprojects > .addproject > div button.add_attrprojects_link,
#poradceedit_attrstudy > div button.add_attrstudy_link,
#poradceedit_attrstudy > div button.add_attrprojects_link,
#poradceedit_attrstudy > .addstudy > div button.add_attrstudy_link,
#poradceedit_attrstudy > .addstudy > div button.add_attrprojects_link {
  border: 1px solid green;
  background-color: white;
  color: green;
}
#poradceedit_attrprojects > div button.add_attrstudy_link:hover, #poradceedit_attrprojects > div button.add_attrstudy_link:focus, #poradceedit_attrprojects > div button.add_attrprojects_link:hover, #poradceedit_attrprojects > div button.add_attrprojects_link:focus,
#poradceedit_attrprojects > .addproject > div button.add_attrstudy_link:hover,
#poradceedit_attrprojects > .addproject > div button.add_attrstudy_link:focus,
#poradceedit_attrprojects > .addproject > div button.add_attrprojects_link:hover,
#poradceedit_attrprojects > .addproject > div button.add_attrprojects_link:focus,
#poradceedit_attrstudy > div button.add_attrstudy_link:hover,
#poradceedit_attrstudy > div button.add_attrstudy_link:focus,
#poradceedit_attrstudy > div button.add_attrprojects_link:hover,
#poradceedit_attrstudy > div button.add_attrprojects_link:focus,
#poradceedit_attrstudy > .addstudy > div button.add_attrstudy_link:hover,
#poradceedit_attrstudy > .addstudy > div button.add_attrstudy_link:focus,
#poradceedit_attrstudy > .addstudy > div button.add_attrprojects_link:hover,
#poradceedit_attrstudy > .addstudy > div button.add_attrprojects_link:focus {
  background-color: green;
  color: white;
  border: 1px solid green;
}

#poradceedit_attrusing .deleteitem {
  font-size: 15px;
  padding: 5px 20px;
  border: 1px solid #3232c8;
  border-radius: 50px;
  background-color: white;
  color: #3232c8;
}
#poradceedit_attrusing .deleteitem:hover, #poradceedit_attrusing .deleteitem:focus {
  background-color: #3232c8;
  color: white;
  border: 1px solid #3232c8;
  cursor: pointer;
  text-decoration: none;
}
#poradceedit_attrusing .add_attrusing_link {
  font-size: 15px;
  padding: 5px 20px;
  border: 1px solid green;
  border-radius: 50px;
  background-color: white;
  color: green;
}
#poradceedit_attrusing .add_attrusing_link:hover, #poradceedit_attrusing .add_attrusing_link:focus {
  background-color: green;
  color: white;
  border: 1px solid green;
  cursor: pointer;
  text-decoration: none;
}

#poradceedit_attrprojects > div > div,
#poradceedit_attrprojects > .addproject > div > div,
#poradceedit_attrstudy > div > div,
#poradceedit_attrstudy > .addstudy > div > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  #poradceedit_attrprojects > div > div .form-group:first-child,
#poradceedit_attrprojects > .addproject > div > div .form-group:first-child,
#poradceedit_attrstudy > div > div .form-group:first-child,
#poradceedit_attrstudy > .addstudy > div > div .form-group:first-child {
    width: 40%;
    padding-right: 20px;
  }
  #poradceedit_attrprojects > div > div .form-group:nth-child(2),
#poradceedit_attrprojects > .addproject > div > div .form-group:nth-child(2),
#poradceedit_attrstudy > div > div .form-group:nth-child(2),
#poradceedit_attrstudy > .addstudy > div > div .form-group:nth-child(2) {
    width: 30%;
    padding-right: 20px;
  }
  #poradceedit_attrprojects > div > div .form-group:nth-child(3),
#poradceedit_attrprojects > .addproject > div > div .form-group:nth-child(3),
#poradceedit_attrstudy > div > div .form-group:nth-child(3),
#poradceedit_attrstudy > .addstudy > div > div .form-group:nth-child(3) {
    width: 30%;
  }
  #poradceedit_attrprojects > div > div .form-group:nth-child(4),
#poradceedit_attrprojects > .addproject > div > div .form-group:nth-child(4),
#poradceedit_attrstudy > div > div .form-group:nth-child(4),
#poradceedit_attrstudy > .addstudy > div > div .form-group:nth-child(4) {
    width: 33%;
    padding-right: 20px;
  }
  #poradceedit_attrprojects > div > div .form-group:nth-child(5),
#poradceedit_attrprojects > .addproject > div > div .form-group:nth-child(5),
#poradceedit_attrstudy > div > div .form-group:nth-child(5),
#poradceedit_attrstudy > .addstudy > div > div .form-group:nth-child(5) {
    width: 33%;
    padding-right: 20px;
  }
  #poradceedit_attrprojects > div > div .form-group:nth-child(6),
#poradceedit_attrprojects > .addproject > div > div .form-group:nth-child(6),
#poradceedit_attrstudy > div > div .form-group:nth-child(6),
#poradceedit_attrstudy > .addstudy > div > div .form-group:nth-child(6) {
    width: 33%;
  }
}

#poradceedit_attrsocialnets > div button,
#poradceedit_attrsocialnets > .addsocial > div button {
  font-size: 15px;
  padding: 5px 20px;
  border: 1px solid #3232c8;
  border-radius: 50px;
  background-color: white;
  color: #3232c8;
}
#poradceedit_attrsocialnets > div button:hover, #poradceedit_attrsocialnets > div button:focus,
#poradceedit_attrsocialnets > .addsocial > div button:hover,
#poradceedit_attrsocialnets > .addsocial > div button:focus {
  background-color: #3232c8;
  color: white;
  border: 1px solid #3232c8;
  cursor: pointer;
  text-decoration: none;
}
#poradceedit_attrsocialnets > div button.add_attrsocialnets_link,
#poradceedit_attrsocialnets > .addsocial > div button.add_attrsocialnets_link {
  border: 1px solid green;
  background-color: white;
  color: green;
}
#poradceedit_attrsocialnets > div button.add_attrsocialnets_link:hover, #poradceedit_attrsocialnets > div button.add_attrsocialnets_link:focus,
#poradceedit_attrsocialnets > .addsocial > div button.add_attrsocialnets_link:hover,
#poradceedit_attrsocialnets > .addsocial > div button.add_attrsocialnets_link:focus {
  background-color: green;
  color: white;
  border: 1px solid green;
}

#poradceedit_attrsocialnets > div > div,
#poradceedit_attrsocialnets > .addsocial > div > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 1200px) {
  #poradceedit_attrsocialnets > div > div .form-group:first-child,
#poradceedit_attrsocialnets > .addsocial > div > div .form-group:first-child {
    width: 40%;
    padding-right: 20px;
  }
  #poradceedit_attrsocialnets > div > div .form-group:nth-child(2),
#poradceedit_attrsocialnets > .addsocial > div > div .form-group:nth-child(2) {
    width: 60%;
  }
}

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

.form-group.has-error label {
  color: red !important;
}
.form-group.has-error .help-block {
  color: red !important;
}
.form-group.has-error input {
  color: red !important;
  border-color: red !important;
}

.likeheadline {
  position: relative;
  display: inline-block;
  /* width: 100%; */
  /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
  /* padding-top: 30px; */
  /* margin-top: 30px; */
  color: #06cac0;
  font-size: 1.2rem;
  margin-bottom: 20px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
}

.lectoring {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#methods-list .row, #kazuistiky-list .row {
  justify-content: center;
}
#methods-list h1, #kazuistiky-list h1 {
  font-weight: 300;
  color: #fb1c6c;
  font-size: 1.5em;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
#methods-list h3, #kazuistiky-list h3 {
  font-weight: 300;
  color: #fb1c6c;
  font-size: 1.5em;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
#methods-list .cropped-card, #kazuistiky-list .cropped-card {
  width: 250px;
  height: auto;
  margin: 15px;
  background-color: white;
  position: relative;
  border: 1px solid lightgray;
  border-radius: 4px;
}
#methods-list .cropped-card.fadeInRight:nth-child(1n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(1n) {
  animation-delay: 0.25s;
}
#methods-list .cropped-card.fadeInRight:nth-child(2n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(2n) {
  animation-delay: 0.5s;
}
#methods-list .cropped-card.fadeInRight:nth-child(3n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(3n) {
  animation-delay: 0.75s;
}
#methods-list .cropped-card.fadeInRight:nth-child(4n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(4n) {
  animation-delay: 1s;
}
#methods-list .cropped-card.fadeInRight:nth-child(5n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(5n) {
  animation-delay: 1.25s;
}
#methods-list .cropped-card.fadeInRight:nth-child(6n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(6n) {
  animation-delay: 1.5s;
}
#methods-list .cropped-card.fadeInRight:nth-child(7n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(7n) {
  animation-delay: 1.75s;
}
#methods-list .cropped-card.fadeInRight:nth-child(8n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(8n) {
  animation-delay: 2s;
}
#methods-list .cropped-card.fadeInRight:nth-child(9n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(9n) {
  animation-delay: 2.25s;
}
#methods-list .cropped-card.fadeInRight:nth-child(10n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(10n) {
  animation-delay: 2.5s;
}
#methods-list .cropped-card.fadeInRight:nth-child(11n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(11n) {
  animation-delay: 2.75s;
}
#methods-list .cropped-card.fadeInRight:nth-child(12n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(12n) {
  animation-delay: 3s;
}
#methods-list .cropped-card.fadeInRight:nth-child(13n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(13n) {
  animation-delay: 3.25s;
}
#methods-list .cropped-card.fadeInRight:nth-child(14n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(14n) {
  animation-delay: 3.5s;
}
#methods-list .cropped-card.fadeInRight:nth-child(15n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(15n) {
  animation-delay: 3.75s;
}
#methods-list .cropped-card.fadeInRight:nth-child(16n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(16n) {
  animation-delay: 4s;
}
#methods-list .cropped-card.fadeInRight:nth-child(17n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(17n) {
  animation-delay: 4.25s;
}
#methods-list .cropped-card.fadeInRight:nth-child(18n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(18n) {
  animation-delay: 4.5s;
}
#methods-list .cropped-card.fadeInRight:nth-child(19n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(19n) {
  animation-delay: 4.75s;
}
#methods-list .cropped-card.fadeInRight:nth-child(20n), #kazuistiky-list .cropped-card.fadeInRight:nth-child(20n) {
  animation-delay: 5s;
}
#methods-list .cropped-card .img-wrapper, #kazuistiky-list .cropped-card .img-wrapper {
  width: 248px;
  height: 190px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#methods-list .cropped-card .content-wrapper, #kazuistiky-list .cropped-card .content-wrapper {
  padding: 20px;
  padding-bottom: 80px;
}
#methods-list .cropped-card .content-wrapper h4, #kazuistiky-list .cropped-card .content-wrapper h4 {
  font-size: 1em;
  color: #fb1c6c;
  font-weight: 200;
}
#methods-list .cropped-card .content-wrapper .btn-main, #kazuistiky-list .cropped-card .content-wrapper .btn-main {
  width: 160px;
  text-align: center;
  font-size: 15px;
  padding: 5px 0px 7px 0px;
  border: 1px solid #fb1c6c;
  border-radius: 50px;
  background-color: white;
  color: #fb1c6c;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
#methods-list .cropped-card .content-wrapper .btn-main:hover, #methods-list .cropped-card .content-wrapper .btn-main:focus, #kazuistiky-list .cropped-card .content-wrapper .btn-main:hover, #kazuistiky-list .cropped-card .content-wrapper .btn-main:focus {
  background-color: #fb1c6c;
  color: white;
  border: 1px solid #fb1c6c;
  cursor: pointer;
  text-decoration: none;
}
#methods-list .cropped-card:hover, #methods-list .cropped-card:focus, #kazuistiky-list .cropped-card:hover, #kazuistiky-list .cropped-card:focus {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

#method-detail {
  margin-top: 5px;
}
#method-detail h1 {
  font-weight: 300;
  color: #fb1c6c;
  font-size: 1.5em;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
#method-detail h2 {
  font-weight: 600;
  color: #fb1c6c;
  font-size: 1em;
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: left;
}
#method-detail .img-wrapper img {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#method-detail .content-wrapper p a {
  color: green;
}

#registerBlok {
  margin-top: 60px;
  margin-bottom: 120px;
}
#registerBlok [class^=flaticon-]:before, #registerBlok [class*=" flaticon-"]:before, #registerBlok [class^=flaticon-]:after, #registerBlok [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 50px !important;
  font-style: normal !important;
  margin-top: -7px !important;
  position: relative !important;
  display: block !important;
}
#registerBlok .login {
  position: relative;
  width: 100%;
  background: #f4f3f3;
  padding: 5px;
}
#registerBlok .login .choice {
  position: relative;
  display: flex;
  padding: 40px 0;
}
#registerBlok .login .choice .signIn,
#registerBlok .login .choice .signUp {
  padding: 0 40px;
  flex: 1;
  color: #727272;
}
#registerBlok .login .choice .signIn h2,
#registerBlok .login .choice .signUp h2 {
  color: green;
  font-weight: 300;
  font-size: 25px;
  width: 100%;
  margin: 0;
  line-height: 1.2;
}
#registerBlok .login .choice .signIn .icon-big,
#registerBlok .login .choice .signUp .icon-big {
  color: green;
  font-size: 65px;
}
#registerBlok .login .choice .signIn p,
#registerBlok .login .choice .signUp p {
  font-weight: 100;
  font-size: 15px;
  color: #727272;
  margin-top: 30px;
  margin-bottom: 30px;
}
#registerBlok .login .choice .signIn button,
#registerBlok .login .choice .signUp button {
  background: transparent;
  border: 1px solid green;
  border-radius: 3px;
  color: green;
  font-size: 13px;
  padding: 5px 20px;
  outline: none;
  cursor: pointer;
  margin-top: 8px;
}
#registerBlok .login .choice .signIn button:hover, #registerBlok .login .choice .signIn button:focus,
#registerBlok .login .choice .signUp button:hover,
#registerBlok .login .choice .signUp button:focus {
  background-color: green;
  color: white;
}
#registerBlok .login .choice .signIn .mamzajembutton,
#registerBlok .login .choice .signUp .mamzajembutton {
  background: transparent;
  border: 1px solid green;
  border-radius: 3px;
  color: green;
  font-size: 13px;
  padding: 5px 20px;
  outline: none;
  cursor: pointer;
  margin-top: 8px;
  text-decoration: none;
}
#registerBlok .login .choice .signIn .mamzajembutton:hover, #registerBlok .login .choice .signIn .mamzajembutton:focus,
#registerBlok .login .choice .signUp .mamzajembutton:hover,
#registerBlok .login .choice .signUp .mamzajembutton:focus {
  background-color: green;
  color: white;
  text-decoration: none;
}
#registerBlok .login .form[data-choice="2"] .signIn, #registerBlok .login .form[data-choice="1"] .signUp {
  visibility: visible;
  z-index: 3;
}
#registerBlok .login .form[data-choice="1"] .signUp {
  left: 10px;
}
#registerBlok .login .form[data-choice="2"] .signIn {
  left: calc(50% - 20px);
}
#registerBlok .login .form .signIn,
#registerBlok .login .form .signUp {
  position: absolute;
  visibility: hidden;
  z-index: 1;
  left: calc(50% - 20px);
  top: -20px;
  width: calc(50% + 10px);
  height: calc(100% + 40px);
  background: green;
  padding: 20px 40px;
  transition: 0.5s cubic-bezier(0.74, 1.7, 0.57, 0.81);
}
#registerBlok .login .form .signIn {
  left: 10px;
  height: initial;
}
#registerBlok .login .form h2 {
  color: white;
  font-weight: 200;
  font-size: 25px;
}
#registerBlok .login .form .icon-big {
  color: white;
  font-size: 65px;
}
#registerBlok .login .form input {
  border: 0;
  border-bottom: 2px solid #eee;
  border-radius: 0px !important;
  background-color: transparent !important;
  width: 100%;
  font-size: 13px;
  color: white;
  padding: 5px 0;
  margin: 10px 0;
  outline: none;
}
#registerBlok .login .form input[type=submit] {
  background: white !important;
  border: 0;
  color: green;
  padding: 5px 10px;
  border: 1px solid green;
  border-radius: 3px !important;
  float: right;
  margin-top: 0px;
  outline: none;
  cursor: pointer;
  width: auto;
}
#registerBlok .login .form input[type=submit]:hover, #registerBlok .login .form input[type=submit]:focus {
  background: #727272 !important;
  border: 0;
  color: white;
  padding: 5px 10px;
  border: 1px solid #727272;
}
#registerBlok .login .form input::placeholder {
  color: white;
}
#registerBlok .login .form label {
  position: absolute;
  color: white;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#registerBlok .login .form label.smaller-label {
  -webkit-transform: translate(-15%, -15px) scale(0.7);
  -moz-transform: translate(-15%, -15px) scale(0.7);
  -ms-transform: translate(-15%, -15px) scale(0.7);
  -o-transform: translate(-15%, -15px) scale(0.7);
  transform: translate(-15%, -15px) scale(0.7);
}
#registerBlok .login .form label.required {
  padding-right: 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: unset;
  background-size: unset;
}

.croped-intro {
  background-image: url("../images/katalog-bg.jpg");
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  padding-top: 116px;
  padding-bottom: 100px;
  margin-bottom: 30px;
}
.croped-intro.life-situations {
  background-image: url("../images/bg-pink.jpg?v=2");
}
@media (min-width: 768px) {
  .croped-intro {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
}
.croped-intro h1 {
  font-size: 36px;
  color: white;
  font-weight: 300;
  margin-bottom: 25px;
}
.croped-intro p {
  color: white;
}
.croped-intro a {
  background: #ff7b00;
  padding: 7px 22px 8px 22px;
  border-radius: 4px;
  border: 1px solid #ff7b00;
  color: white;
  font-weight: 200;
  position: relative;
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
}
.croped-intro a:focus, .croped-intro a:hover {
  background-color: white;
  color: #ff7b00;
  text-decoration: none;
}

.lists-block [class^=flaticon-]:before, .lists-block [class*=" flaticon-"]:before, .lists-block [class^=flaticon-]:after, .lists-block [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 50px !important;
  font-style: normal !important;
  margin-top: -7px !important;
  position: relative !important;
  display: inline-block !important;
}
.lists-block .iconwrap {
  text-align: center;
}
.lists-block .icon-big {
  font-size: 65px !important;
}
.lists-block h3 {
  text-align: center;
  color: green;
  font-size: 24px;
  font-weight: 200;
  margin-bottom: 30px;
}
.lists-block .listwrapper {
  display: flex;
  justify-content: center;
}
.lists-block .listwrapper .yes-list {
  display: inline-block;
  list-style: none;
  padding-left: 0px;
}
.lists-block .listwrapper .yes-list li {
  padding-left: 18px;
  background-image: url("../images/yes-list.png");
  background-repeat: no-repeat;
  background-position: left center;
  color: #727272;
}

.light-gr-box {
  background-color: #f4f4f4;
  border: 1px solid lightgray;
  padding: 30px;
  margin-top: 30px;
}
.light-gr-box h4 {
  font-weight: 300;
  color: #454545;
}
.light-gr-box p {
  color: #454545;
}

.life-sit {
  text-align: center;
  font-weight: 300;
  color: #fb1c6c;
  font-size: 2em;
}

h2.life-sit {
  text-decoration: underline;
  margin-top: 50px;
  margin-bottom: 50px;
}

.gra-block {
  background-color: #f8f8f8;
  padding-top: 1px;
  padding-bottom: 30px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .gra-block {
    padding-top: 1px;
    padding-bottom: 50px;
    margin-top: 50px;
  }
}
.gra-block h4 {
  font-weight: 300;
  color: #454545;
}
.gra-block p {
  color: #454545;
}

.light-pink-box {
  background-color: #fbf0f4;
  border: 1px solid lightgray;
  padding: 30px 15px 10px 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .light-pink-box {
    padding: 30px 60px 10px 60px;
  }
}
@media (min-width: 1200px) {
  .light-pink-box {
    padding: 30px 110px 10px 110px;
  }
}
.light-pink-box h4 {
  font-weight: 300;
  color: #454545;
}
.light-pink-box p {
  color: #454545;
}
.light-pink-box a {
  text-decoration: none;
  font-weight: bold;
  color: #fb1c6c;
}

.scrollto {
  text-decoration: none;
  font-weight: bold;
  color: #fb1c6c;
}

.padded-text {
  padding: 0 15px 0 15px;
}
@media (min-width: 768px) {
  .padded-text {
    padding: 0 60px 0 60px;
  }
}
@media (min-width: 1200px) {
  .padded-text {
    padding: 0 110px 0 110px;
  }
}

.pink-list {
  padding-left: 0px;
  list-style: none;
}
.pink-list li {
  padding-left: 18px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: top left;
  background-image: url("../images/bull.png");
}

.text-underline {
  margin-bottom: 0px;
  margin-top: 1rem;
  text-decoration: underline;
}

.card-life {
  padding-bottom: 30px;
}
.card-life img {
  width: 100%;
}
.card-life .boxwrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
}
.card-life .boxwrapper .overlay-box {
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  color: white;
}
.card-life .boxwrapper .overlay-box h4 {
  font-weight: normal;
  font-size: 0.9em;
  padding: 0 30px;
  line-height: 160%;
  width: 100%;
}
.card-life .boxwrapper .overlay-box a {
  height: 0px;
  color: transparent;
}
@media (max-width: 992px) {
  .card-life .boxwrapper .overlay-box a {
    border: 1px solid white;
    border-radius: 3px;
    color: white;
    text-decoration: none;
    background-color: rgba(250, 60, 125, 0.85);
    padding: 1px 13px 4px 13px;
    height: auto;
    margin-top: 15px;
  }
}
.card-life .boxwrapper .overlay-box:hover, .card-life .boxwrapper .overlay-box:focus {
  background-color: rgba(250, 60, 125, 0.85);
}
.card-life .boxwrapper .overlay-box:hover a, .card-life .boxwrapper .overlay-box:hover a:hover, .card-life .boxwrapper .overlay-box:focus a, .card-life .boxwrapper .overlay-box:focus a:hover {
  border: 1px solid white;
  border-radius: 3px;
  color: white;
  text-decoration: none;
  background-color: rgba(250, 60, 125, 0.85);
  padding: 1px 13px 4px 13px;
  height: auto;
  margin-top: 15px;
}

.go-back {
  color: green;
  margin-top: 5px;
  cursor: pointer;
}
.go-back.pinkit {
  color: #fb1c6c;
}

.warning-block {
  padding: 16px 20px 1px 20px;
  border-radius: 5px;
  background-color: #fcf8e3;
  color: darkred;
  border: 1px solid #faebcc;
  margin-bottom: 20px;
}

.grow {
  transition: all 0.2s ease-in-out;
}

.grow:hover {
  transform: scale(1.05);
}

#poradcefilter {
  padding: 15px;
  border-radius: 5px;
}
#poradcefilter label {
  margin-top: 0.5rem;
}
#poradcefilter .filterbox {
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  background-color: white;
}
#poradcefilter .select2 {
  width: 100% !important;
}
#poradcefilter #resetfilter {
  background: green;
  border: 1px solid green;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  padding: 5px 20px;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  height: 37px;
  margin-top: 37px;
  float: right;
}
#poradcefilter #resetfilter:hover, #poradcefilter #resetfilter:focus {
  background-color: white;
  color: green;
  text-decoration: none;
}
#poradcefilter h1 {
  color: green;
  font-size: 2em;
  margin-top: 10px;
  margin-bottom: 20px;
}
#poradcefilter #priceslider {
  margin-top: 7px;
}
#poradcefilter .prices {
  line-height: 100%;
}
#poradcefilter .prices:last-child {
  text-align: right;
}

h2.control-label {
  display: inline-block;
}

.life-situation-detail h1 {
  color: #727272;
  font-size: 2.5em;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: 300;
}
.life-situation-detail h2 {
  color: #727272;
  font-size: 1.5em;
  font-weight: 400;
  text-decoration: underline;
}
.life-situation-detail h3 {
  font-size: 1em;
  margin-bottom: 0px;
  font-weight: 600;
}
.life-situation-detail a {
  color: #fb1c6c;
  text-decoration: none;
}
.life-situation-detail a.white-pop-up-list {
  padding-right: 30px;
  background-image: url("../images/popup.jpg");
  background-size: 20px;
  overflow: visible;
  background-repeat: no-repeat;
  background-position: right center;
  font-size: 1.25em;
}
.life-situation-detail a:hover, .life-situation-detail a:focus {
  color: #fb1c6c;
  text-decoration: underline;
}
.life-situation-detail p {
  color: #727272;
}
.life-situation-detail .bordered-white-box {
  margin-top: 30px;
  padding-left: 30px;
  border: 1px solid lightgray;
  border-bottom: 2px solid lightgray;
  margin-bottom: 15px;
}
.life-situation-detail .bordered-white-box .image-part .wrapit {
  width: 100%;
  height: 300px;
  -webkit-clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0 100%);
  clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0 100%);
}
.life-situation-detail .bordered-white-box .image-part .wrapit img {
  width: auto;
  height: 100%;
}
.life-situation-detail .printable-text-blok {
  padding: 30px;
  border: 1px solid lightgray;
  border-bottom: 2px solid lightgray;
  margin-bottom: 15px;
}
.life-situation-detail .printable-text-blok ol, .life-situation-detail .printable-text-blok ul {
  color: #727272;
}
.life-situation-detail .printable-text-blok ol li, .life-situation-detail .printable-text-blok ul li {
  color: #727272;
}
.life-situation-detail .printable-text-blok .header-blok-in {
  display: flex;
  flex-wrap: nowrap;
}
.life-situation-detail .printable-text-blok .header-blok-in .print-button {
  width: 35px;
  height: 35px;
  background-image: url("../images/printer.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: auto;
  cursor: pointer;
}
.life-situation-detail .printable-text-blok .header-blok-in .back-to-top-btn {
  width: 35px;
  height: 35px;
  background-image: url("../images/backtotop.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.life-situation-detail .gra-blok {
  padding: 30px;
  border: 1px solid lightgray;
  background-color: #f4f4f4;
  margin-bottom: 15px;
}
.life-situation-detail .gra-blok h2 {
  text-decoration: none;
  font-weight: 300;
}
.life-situation-detail .gra-blok ol {
  padding-left: 25px;
  color: #fb1c6c;
}

.white-popup-block {
  color: #727272;
}
.white-popup-block h3 {
  color: #fb1c6c;
  font-weight: 300;
  font-size: 1.5em;
}

.green-btn {
  background: green !important;
  border: 1px solid green !important;
  border-radius: 3px;
  color: white !important;
  font-size: 13px;
  padding: 5px 20px;
  outline: none;
  cursor: pointer;
  margin-top: 8px;
  text-decoration: none;
}
.green-btn:hover, .green-btn:focus {
  background-color: white !important;
  color: green !important;
  text-decoration: none !important;
}

.pink-btn {
  background: #fb1c6c !important;
  border: 1px solid #fb1c6c !important;
  border-radius: 3px;
  color: white !important;
  font-size: 13px;
  padding: 5px 20px;
  outline: none;
  cursor: pointer;
  margin-top: 8px;
  text-decoration: none;
}
.pink-btn:hover, .pink-btn:focus {
  background-color: white !important;
  color: #fb1c6c !important;
  text-decoration: none !important;
}

.text-orange {
  color: #ff7b00;
}
.text-orange:hover, .text-orange:focus {
  color: #ff7b00;
}

.agreement {
  position: relative !important;
}
.agreement input {
  width: 20px !important;
}

#contactform .lineunder {
  width: 70px;
  height: 2px;
  background-color: green;
  margin-top: 20px;
  margin-bottom: 15px;
}
#contactform .sideborder {
  padding: 0px !important;
  border-left: 1px solid lightgray;
  padding-right: 15px !important;
}
#contactform .sideborder label, #contactform .sideborder textarea {
  padding-left: 15px;
  padding-right: 15px;
}
#contactform h3 {
  font-size: 1.5rem;
  color: #727272;
}
#contactform input {
  border: 0;
  border-bottom: 1px solid lightgray;
  border-radius: 0px !important;
  background-color: transparent !important;
  width: 100%;
  color: #727272;
  padding: 5px 0;
  margin: 10px 0;
  outline: none;
}
#contactform input::placeholder {
  color: #727272;
  opacity: 1;
}
#contactform textarea {
  border: 0px;
  width: 100%;
  height: 230px;
  background-color: transparent;
  padding-top: 30px;
  color: #727272;
}
#contactform textarea::placeholder {
  color: #727272;
  opacity: 1;
}
#contactform [type=submit] {
  background: green;
  border: 0;
  color: white;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid green;
  border-radius: 0px !important;
  float: right;
  margin-top: 0px;
  outline: none;
  cursor: pointer;
  width: 100%;
}
#contactform [type=submit]:hover, #contactform [type=submit]:focus {
  background: #727272 !important;
  border: 0;
  color: white;
  padding: 5px 10px;
  border: 1px solid #727272;
}
#contactform label {
  margin-top: 10px;
  position: absolute;
  color: #727272;
  opacity: 0.7;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#contactform label.smaller-label {
  -webkit-transform: translate(-15%, -15px) scale(0.7);
  -moz-transform: translate(-15%, -15px) scale(0.7);
  -ms-transform: translate(-15%, -15px) scale(0.7);
  -o-transform: translate(-15%, -15px) scale(0.7);
  transform: translate(-15%, -15px) scale(0.7);
}
#contactform label.required {
  padding-right: 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: unset;
  background-size: unset;
}
#contactform .error-msg {
  color: red;
  font-size: 13px;
  margin-top: -8px;
}

.forcontact {
  padding-right: 0px;
  padding-bottom: 0px;
}

.table tr th {
  font-weight: bold;
  font-size: 12px;
  background-color: #dee2e6;
  border-bottom: 2px solid white;
}
.table tr th, .table tr td {
  text-align: center;
  vertical-align: middle;
  border-right: 2px solid white;
}
.table tr th:first-child, .table tr td:first-child {
  text-align: left;
  width: 300px;
  background-color: #dee2e6;
  font-weight: bold;
  border-bottom: 2px solid white;
}
@media (min-width: 1450px) {
  .table tr th:first-child, .table tr td:first-child {
    width: 450px;
  }
}
@media (min-width: 1650px) {
  .table tr th:first-child, .table tr td:first-child {
    width: 600px;
  }
}
@media (min-width: 1800px) {
  .table tr th:first-child, .table tr td:first-child {
    width: 750px;
  }
}
.table tr th:last-child, .table tr td:last-child {
  min-width: 80px;
}
.table tr th.iseditable, .table tr td.iseditable {
  background-color: #C5D647;
}
.table tr th.istotal, .table tr td.istotal {
  background-color: #5bc0de;
}
.table tfoot {
  background-color: green;
  color: white;
}
.table tfoot tr td {
  background-color: green !important;
  color: white !important;
  border-bottom: 2px solid white !important;
}

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