.btn-shadow {
  box-shadow: 0 1px 3px 0 #cfd7df;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
* {
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
@keyframes opacity-animation-to-visible {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity-animation-to-invisible {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
a {
  text-decoration: none !important;
  color: #1a1a1a;
}
.stick-to-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
  transition: position 0.2s ease-in-out;
}
html,
body {
  font-size: 14px;
  color: #1a1a1a;
  margin: 0 auto;
  height: 100%;
}
@keyframes hh {
  0% {
    height: 100vh;
    opacity: 1;
  }
  99% {
    height: 100vh;
    opacity: 0;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
@keyframes hh1 {
  0% {
    height: 100vh;
    opacity: 0;
  }
  100% {
    height: 100vh;
    opacity: 1;
  }
}
input[type="email"],
input[type="text"],
button,
input[type="submit"] {
  height: 34px;
}
button,
input[type="submit"] {
  margin-bottom: 20px;
  font-size: 16px;
  width: 100%;
  border: none;
  background: #e6ecfa;
  color: black;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.5s ease-in;
}
button:hover,
input[type="submit"]:hover {
  background: #bcccf2;
}
.desktop-header {
  grid-area: desktop-header;
  background: white;
  position: sticky;
  position: -webkit-sticky;
  z-index: 99;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .desktop-header {
    display: none;
  }
}
.mobile-header {
  grid-area: mobile-header;
  display: none;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: white;
  transition: all 0.2s ease-in-out;
  margin: 0;
  padding: 0 15px;
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .mobile-header {
    display: flex;
  }
}
.mobile-header .filter {
  align-items: center;
  justify-content: flex-end;
}
.mobile-header .filter img {
  height: 17px;
}
.mobile-header .label-container {
  cursor: pointer;
  padding: 15px 10px 15px 0;
}
.mobile-header .nav-toggle {
  padding: 10px;
}
.mobile-header .nav-toggle-label {
  align-items: center;
}
.mobile-header .nav-toggle-label span,
.mobile-header .nav-toggle-label span::before,
.mobile-header .nav-toggle-label span::after {
  display: block;
  background: black;
  height: 2px;
  width: 20px;
  border-radius: 2px;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.mobile-header .nav-toggle-label span::before,
.mobile-header .nav-toggle-label span::after {
  content: "";
  position: absolute;
}
.mobile-header .nav-toggle-label span::before {
  bottom: 6px;
}
.mobile-header .nav-toggle-label span::after {
  top: 6px;
}
.mobile-header .nav-toggle-label.checked span {
  background: transparent;
}
.mobile-header .nav-toggle-label.checked span::before {
  transform: rotate(45deg);
  bottom: 0;
  background: black;
}
.mobile-header .nav-toggle-label.checked span::after {
  transform: rotate(-45deg);
  top: 0;
  background: black;
}
.logo {
  display: flex;
  align-items: flex-end;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .logo {
    align-items: center;
  }
}
.logo span {
  font-size: 36px;
  font-weight: 600;
  color: black;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .logo span {
    font-size: 30px;
  }
}
.logo .logo-gray {
  color: #8d949e;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .nav-desktop {
    display: none;
  }
}
.nav-desktop .nav-btn-container {
  display: flex;
}
.nav-desktop a {
  height: 25px;
}
.nav-desktop span {
  line-height: 40px;
  vertical-align: baseline;
  margin-left: 26px;
  text-transform: uppercase;
  font-size: 16px;
  color: #5a5a5a;
}
.nav-desktop span:hover {
  transition: color 0.5s ease-in;
  color: #000000;
}
.nav-desktop span.active {
  font-weight: 600;
  color: #000000;
}
.content {
  grid-area: content;
}
.content a img {
  margin-bottom: 3px;
  object-fit: cover;
  width: 100%;
  transition: opacity 0.5s;
  opacity: 0;
}
.side::-webkit-scrollbar {
  display: none;
}
.side {
  scrollbar-width: none;
  grid-area: sidebar;
  min-width: 400px;
  padding-left: 20px;
  position: sticky;
  position: -webkit-sticky;
  overflow-y: auto;
  max-height: calc(100vh - 85px);
  top: 70px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto 1fr;
  grid-gap: 10px;
  grid-template-areas: "images-list" "project-name-and-pager" "aprasymas" "duomenys" "footer";
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 1024px) {
  .side {
    grid-template-areas: "project-name-and-pager" "aprasymas" "duomenys" "images-list" "footer";
  }
}
.side .images-list {
  grid-area: images-list;
  position: relative;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 5px;
  align-items: center;
}
.side .images-list #nav-img-loader {
  position: absolute;
  width: 100%;
}
.side .images-list .block {
  text-decoration: none !important;
  max-height: 100%;
  width: 100%;
  object-fit: cover;
  position: relative;
  cursor: pointer;
  transition: opacity 0.3s;
  opacity: 0;
}
.side .images-list .block .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 22px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.side .images-list .block:nth-child(2) .overlay,
.side .images-list .block:nth-child(4) .overlay {
  background: rgba(255, 255, 255, 0.5);
  transition: background 0.5s;
}
.side .images-list .block:nth-child(2) .overlay:hover,
.side .images-list .block:nth-child(4) .overlay:hover {
  background: rgba(255, 255, 255, 0);
}
.side .images-list .block:nth-child(2) .overlay:hover span,
.side .images-list .block:nth-child(4) .overlay:hover span,
.side .images-list .block:nth-child(2) .overlay:hover img.rodykle,
.side .images-list .block:nth-child(4) .overlay:hover img.rodykle {
  opacity: 0;
  animation: opacity-animation-to-invisible 0.5s ease-out forwards;
}
.side .images-list .block .name-with-rodykle {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 30px;
}
.side .images-list .block .name-with-rodykle span {
  padding: 0 3px;
}
.side .images-list .block img {
  padding-bottom: 2px;
  line-height: 10px;
  width: 100%;
}
.side .images-list .block img.rodykle {
  width: 11px;
}
.side .project-name-and-pager {
  grid-area: project-name-and-pager;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.side .project-name-and-pager .project-name {
  margin-block-start: 0;
  margin-block-end: 0;
  font-weight: bold;
  font-size: 32px;
}
.side .aprasymas {
  grid-area: aprasymas;
  margin-block-start: 0;
  margin-block-end: 0;
  font-weight: normal;
  font-size: 14px;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .side .aprasymas {
    margin-bottom: 0;
  }
}
.side .big-kaina {
  font-size: 19px;
}
.side .duomenys {
  grid-area: duomenys;
}
.side .duomenys sup {
  font-size: 11px;
}
.side .duomenys div {
  line-height: 25px;
}
.side .duomenys div:nth-child(1),
.side .duomenys div:nth-child(2) {
  line-height: 20px;
}
.side .kaina {
  margin-bottom: 20px;
}
.footer {
  grid-area: footer;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.footer img {
  width: 20px;
  padding: 0 0 3px 3px;
}
.gmap {
  grid-area: gmap;
}
.single-project,
.projects-page,
.duk-page,
.contacts-page {
  min-height: 100%;
  display: grid;
  max-width: 1900px;
  margin: 0 70px;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px), only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 1024px) {
  .single-project,
  .projects-page,
  .duk-page,
  .contacts-page {
    margin: 0 30px;
  }
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 767px) {
  .single-project,
  .projects-page,
  .duk-page,
  .contacts-page {
    margin: 0 5px;
  }
}
.contacts-page {
  column-gap: 20px;
}
@media only screen and (min-width: 1500px), only screen and (min-width: 1025px) and (max-width: 1500px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .contacts-page {
    grid-template-columns: 10fr 3fr;
    grid-template-rows: 70px 500px 1fr;
    grid-template-areas: "desktop-header desktop-header" "gmap contacts-content" "footer footer";
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .contacts-page {
    grid-template-columns: auto;
    grid-template-rows: 70px 1fr 1fr 40px;
    grid-template-areas: "desktop-header" "gmap" "contacts-content" "footer";
  }
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .contacts-page {
    grid-template-columns: auto;
    grid-template-rows: 50px 1fr 1fr 40px;
    grid-template-areas: "desktop-header" "gmap" "contacts-content" "footer";
  }
}
@media only screen and (min-width: 1500px), only screen and (min-width: 1025px) and (max-width: 1500px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .duk-page {
    grid-template-columns: 1fr 8fr 5fr;
    grid-template-rows: 70px auto 40px;
    grid-template-areas: "desktop-header desktop-header desktop-header" "duk-content duk-content duk-content" "footer footer footer";
  }
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .duk-page {
    grid-template-columns: auto;
    grid-template-rows: 50px auto 40px;
    grid-template-areas: "mobile-header" "duk-content" "footer";
  }
}
@media only screen and (min-width: 1500px), only screen and (min-width: 1025px) and (max-width: 1500px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .projects-page {
    grid-template-columns: 1fr 8fr 5fr;
    grid-template-rows: 70px auto 40px;
    grid-template-areas: "desktop-header desktop-header desktop-header" "projects-list projects-list projects-list" "footer footer footer";
  }
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .projects-page {
    margin: 0;
    grid-template-columns: auto;
    grid-template-rows: 50px auto 40px;
    grid-template-areas: "mobile-header" "projects-list" "footer";
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .single-project .side {
    position: static;
    max-height: none;
    min-width: auto;
    padding: 0;
  }
}
@media only screen and (min-width: 1500px), only screen and (min-width: 1025px) and (max-width: 1500px) {
  .single-project {
    grid-template-columns: 1fr 8fr 4fr;
    grid-template-rows: 70px auto 40px;
    grid-template-areas: "desktop-header desktop-header desktop-header" "content content sidebar" "footer footer footer";
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 1024px) {
  .single-project {
    grid-template-columns: auto;
    grid-template-rows: 50px auto auto;
    grid-template-areas: "desktop-header" "content" "sidebar";
  }
  .single-project .side {
    padding-left: 0;
  }
  .single-project .side .pager {
    display: none;
  }
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .single-project {
    grid-template-columns: auto;
    grid-template-rows: 50px auto auto;
    grid-template-areas: "mobile-header" "content" "sidebar";
    margin: 0;
  }
  .single-project .side {
    padding: 15px;
  }
  .single-project .side .pager {
    display: none;
  }
  .single-project .images-list {
    display: none;
  }
}
.single-project #project-loader {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 40px - 70px );
}
.loader-container {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}
#projects-list {
  display: grid;
  grid-area: projects-list;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  grid-gap: 3px;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) {
  #projects-list {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape), only screen and (min-width: 480px) and (max-width: 767px) {
  #projects-list {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
@media only screen and (max-width: 480px) {
  #projects-list {
    grid-template-columns: auto;
  }
}
#projects-list .projects-item {
  position: relative;
  opacity: 0;
  transition: opacity 0.3s;
}
#projects-list .projects-item img {
  width: 100%;
  height: auto;
}
#projects-list .overlayer {
  transition: all 0.7s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media only screen and (min-width: 1500px), only screen and (min-width: 1025px) and (max-width: 1500px), only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 1024px) {
  #projects-list .overlayer:hover {
    background: rgba(0, 0, 0, 0.4);
  }
  #projects-list .overlayer:hover .bottom-row-with-text .title {
    bottom: 60px;
  }
  #projects-list .overlayer:hover .bottom-row-with-text .plotas {
    bottom: 30px;
  }
  #projects-list .overlayer:hover .bottom-row-with-text .kaina {
    opacity: 1;
    bottom: 5px;
  }
}
#projects-list .overlayer .bottom-row-with-text {
  color: white;
  padding: 10px 15px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  position: relative;
  height: 80px;
}
#projects-list .overlayer .bottom-row-with-text .title {
  margin-block-start: 0;
  margin-block-end: 0;
  transition: bottom 0.3s;
  position: absolute;
  bottom: 40px;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 20px;
  font-weight: 600;
  display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  #projects-list .overlayer .bottom-row-with-text .title {
    font-size: 26px;
    bottom: 30px;
  }
}
#projects-list .overlayer .bottom-row-with-text .plotas {
  transition: bottom 0.3s;
  position: absolute;
  bottom: 10px;
  font-size: 16px;
  display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  #projects-list .overlayer .bottom-row-with-text .plotas {
    font-size: 14px;
    bottom: 10px;
  }
}
#projects-list .overlayer .bottom-row-with-text .kaina {
  font-size: 16px;
  position: absolute;
  bottom: -10px;
  transition: all 0.3s ease-out;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  #projects-list .overlayer .bottom-row-with-text .kaina {
    display: none;
  }
}
.duk-content {
  display: grid;
  grid-area: duk-content;
  font-size: 16px;
}
.duk-content h3 {
  font-weight: 600;
}
.duk-content .ui-state-active .ui-icon {
  background-image: url("ui-icon-black.png") !important;
}
.duk-content .ui-corner-top {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.duk-content .ui-widget-content {
  border: none;
}
.duk-content .ui-accordion .ui-accordion-content {
  padding: 1em 27px;
}
.duk-content .ui-accordion-header {
  background-color: #e6ecfa;
  margin: 0px;
  border: none;
  outline: none;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
}
.duk-content .ui-accordion-header.ui-state-active {
  background-color: #bcccf2;
  color: #1a1a1a;
}
.duk-content ul {
  list-style-type: square;
}
.contacts-content {
  display: grid;
  grid-area: contacts-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .contacts-content {
    padding: 15px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1500px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .contacts-content .info {
    padding: 20px 0 20px 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .contacts-content .info {
    padding-bottom: 20px;
  }
}
.contacts-content .info h1.uab {
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 20px;
  margin-bottom: 20px;
}
.contacts-content form {
  min-width: 450px;
  margin-block-end: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .contacts-content form {
    padding: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .contacts-content form {
    min-width: 100%;
  }
}
.contacts-content input[type="email"],
.contacts-content input[type="text"],
.contacts-content textarea {
  background: #f7f7f7;
  border: none;
  padding-left: 5px;
}
.contacts-content input[type="email"]::-webkit-input-placeholder,
.contacts-content input[type="text"]::-webkit-input-placeholder,
.contacts-content textarea::-webkit-input-placeholder {
  color: #4d4d4d;
}
.contacts-content input,
.contacts-content textarea,
.contacts-content button {
  width: 100%;
  margin: 5px 0 0 0;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  .contacts-content input,
  .contacts-content textarea,
  .contacts-content button {
    margin: 5px 0px;
  }
}
.contacts-content textarea {
  height: 150px;
}
#menu.menu-not-active {
  animation-name: hh;
  animation-duration: 0.45s;
  animation-delay: 0.45s;
  animation-fill-mode: both;
}
#menu {
  display: none;
  position: fixed;
  z-index: 999;
  overflow: hidden;
  background: white;
  top: 50px;
  left: 0;
  width: 100%;
  text-align: right;
  height: 0;
  opacity: 0;
}
@media only screen and (width : 812px) and (height : 375px) and (-webkit-device-pixel-ratio : 3), only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  #menu {
    display: block;
  }
}
#menu.menu-active {
  animation-name: hh1;
  animation-duration: 0.75s;
  animation-fill-mode: both;
}
#menu ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-top: 30px;
}
#menu li {
  padding: 25px;
}
#menu a {
  text-decoration: none;
  color: #1a1a1a;
  font-size: 18px;
  opacity: 0;
  position: absolute;
  left: -3px;
}
#menu a.active {
  font-weight: 600;
}
#menu.menu-not-active a.first {
  transition: all 0.75s ease-in-out;
  left: -3px;
}
#menu.menu-not-active a.second {
  transition: all 0.55s ease-in-out;
  left: -3px;
}
#menu.menu-not-active a.third {
  transition: all 0.35s ease-in-out;
  left: -3px;
}
#menu.menu-not-active a.forth {
  transition: all 0.15s ease-in-out;
  left: -3px;
}
#menu.menu-active a {
  opacity: 1;
  left: 15px;
}
#menu.menu-active a.first {
  transition: all 0.25s ease-in-out 0.35s;
}
#menu.menu-active a.second {
  transition: all 0.45s ease-in-out 0.35s;
}
#menu.menu-active a.third {
  transition: all 0.65s ease-in-out 0.35s;
}
#menu.menu-active a.forth {
  transition: all 0.85s ease-in-out 0.35s;
}
.modal {
  animation: opacity-animation-to-visible 0.2s ease-out forwards;
}
#project-modal-container {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  animation: opacity-animation-to-visible 0.2s ease-out forwards;
}
#project-modal-container .project-modal {
  background: white;
  padding: 10px 20px;
  min-width: 350px;
}
#project-modal-container .project-modal img {
  width: 15px;
}
#project-modal-container .project-modal .close-btn {
  font-size: 20px;
  cursor: pointer;
}
#project-modal-container .project-modal .title {
  font-size: 22px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#project-modal-container .project-modal form {
  width: 450px;
  margin-block-end: 0;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
  #project-modal-container .project-modal form {
    width: 100%;
  }
}
#project-modal-container .project-modal input[type="email"],
#project-modal-container .project-modal input[type="text"],
#project-modal-container .project-modal textarea {
  background: #f7f7f7;
  border: none;
  padding-left: 5px;
}
#project-modal-container .project-modal input[type="email"]::-webkit-input-placeholder,
#project-modal-container .project-modal input[type="text"]::-webkit-input-placeholder,
#project-modal-container .project-modal textarea::-webkit-input-placeholder {
  color: #4d4d4d;
}
#project-modal-container .project-modal input,
#project-modal-container .project-modal textarea {
  width: 100%;
  margin: 5px 0 0 0;
}
@media only screen and (min-width: 480px) and (max-width: 767px), only screen and (max-width: 480px) {
}
#project-modal-container .project-modal textarea {
  height: 150px;
}
.filter-stub {
  width: 30px;
  height: 32px;
}
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #1a1a1a;
  border: 1px solid #d6e9c6;
}
.parsley-errors-list {
  margin: -3px 4px;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  color: #ff4d4d;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
}
.card-image {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.card-image img {
  max-width: 100%;
  height: auto;
}
.loading {
  position: relative;
  background-color: #e2e2e2;
}
.loading.card-image {
  border-radius: 0;
}
.loading::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  -webkit-animation: loading 1.5s infinite;
  animation: loading 1.5s infinite;
}
@-webkit-keyframes loading {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.card-title.loading {
  height: 1.8rem;
}
.card-image.image {
  max-width: 100%;
  height: auto;
}
.card-description.loading {
  height: 80px;
}