@charset "UTF-8";
/*
	Theme Name: Luv.Studio
	Theme URI: https://luv.studio
	Version: 2.0.0
	Author: alberta.barcelona
	Author URI: https://alberta.barcelona
	Text Domain: luvstudio
*/
/* ONLY HOME STYLES */
.video-slider-mod {
  position: relative;
  height: 87vh;
  overflow: hidden;
  /* opacity: 0; */
  background-color: #EDEBEB;
}
body.no-js .video-slider-mod {
  opacity: 1;
}
.video-slider-mod .flickity-button {
  position: absolute;
  border-radius: 0;
  width: auto;
  height: auto;
  transform: none;
  background: none;
  z-index: 10;
  display: block;
}
.video-slider-mod .flickity-button .flickity-button-icon {
  visibility: hidden;
}
.video-slider-mod .flickity-button.previous {
  bottom: 4.75em;
  top: auto;
  left: 1.3em;
}
.video-slider-mod .flickity-button.previous:after {
  content: "";
  font-family: "luvstudio-icons";
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  color: #ffffff;
}
.video-slider-mod .flickity-button.next {
  bottom: 4.75em;
  top: auto;
  right: 1.3em;
}
.video-slider-mod .flickity-button.next:after {
  content: "";
  font-family: "luvstudio-icons";
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  color: #ffffff;
}
.video-slider-mod .flickity-button:focus {
  box-shadow: none;
}
.video-slider-mod .flickity-page-dots {
  position: absolute;
  bottom: 4.5em;
  z-index: 20;
  display: none;
}
.video-slider-mod .flickity-page-dots li.dot {
  background: #ffffff;
  width: 5px;
  height: 5px;
  margin: 0 0.2em;
  opacity: 0.6;
  transition: opacity 0.2s;
  cursor: none;
}
.video-slider-mod .flickity-page-dots li.dot::before {
  content: " ";
}
.video-slider-mod .flickity-page-dots li.dot.is-selected {
  opacity: 1;
}
.video-slider-mod .video-slider-header {
  position: absolute;
  z-index: 10;
  color: #ffffff;
  padding-top: 5em;
}
.video-slider-mod .video-slider-header .intro {
  margin-top: 5vw;
}
.video-slider-mod .videos-list {
  z-index: 1;
}
.video-slider-mod .videos-list .video-slide {
  position: relative;
  height: 90vh;
}
.video-slider-mod .videos-list .video-slide .video-container {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background-size: cover;
  transition: background 0.3s linear;
}
.video-slider-mod .videos-list .video-slide .video-container .bg-player iframe {
  box-sizing: border-box;
  width: 177.77777778vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.video-slider-mod .videos-list .video-slide .video-container .bg-player::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease-out 0.2s;
  z-index: 1;
}
.video-slider-mod .videos-list .video-slide .video-container .bg-player.hide-videoplayer iframe {
  opacity: 0;
}
.video-slider-mod .videos-list .video-slide .text-container {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #ffffff;
  display: flex;
  align-items: center;
  z-index: 9;
}
.video-slider-mod .videos-list .video-slide .text-container .main-wrapper {
  pointer-events: auto;
}
.video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text {
  max-width: 27em;
  padding-bottom: 7em;
  opacity: 0.2;
  transition: opacity 0.5s ease-out;
}
.video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text h1, .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text h2 {
  position: relative;
  pointer-events: auto;
  font-size: 3em;
  text-transform: uppercase;
  line-height: initial;
  margin: 0.5em 0;
  overflow: hidden;
}
.video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text h1 {
  font-size: calc(52px + (84 - 52)*(100vw - 390px)/(1920 - 390));
}
.video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text h2 {
  font-size: calc(38px + (73 - 38)*(100vw - 390px)/(1920 - 390));
}
.video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text body.no-js {
  opacity: 1;
}
.video-slider-mod .videos-list .video-slide .project-details {
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 4.8em;
  right: 0;
  color: #ffffff;
  z-index: 20;
  display: none;
}
.video-slider-mod .videos-list .video-slide .project-details .main-wrapper {
  position: absolute;
  right: 0;
  pointer-events: auto;
  position: relative;
  text-align: center;
  font-size: 0.78em;
}
.video-slider-mod .videos-list .video-slide .project-details a {
  color: #ffffff;
  text-decoration: none;
}
.video-slider-mod .videos-list .video-slide .project-details .project-title {
  pointer-events: auto;
  font-size: 0.85em;
  text-transform: uppercase;
}
.video-slider-mod .videos-list .video-slide .project-details .project-title a {
  text-decoration: none;
}
.video-slider-mod .videos-list .video-slide .project-details .project-link {
  pointer-events: auto;
  display: block;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.video-slider-mod .videos-list .video-slide .project-details .project-link a {
  position: relative;
  display: inline-block;
}
.video-slider-mod .videos-list .video-slide.is-selected .video-container .bg-player::after {
  background: rgba(0, 0, 0, 0.2);
}
.video-slider-mod .videos-list .video-slide.is-selected .text-container .main-wrapper .text {
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .video-slider-mod div.next {
    padding-right: 0.5em;
  }
}
@media only screen and (orientation: landscape) {
  .video-slider-mod {
    height: 100vh;
    /*
    .flickity-prev-next-button{
    	top: 50% !important;
    	bottom: auto;
    }
    .flickity-prev-next-button.next{
    	right: 5%;
    	right: calc(8% - 1.1em);
    	@media only screen and (min-width:1024px) {
    		right: 1%;
    		right: calc(3% - 0.08em);
    	}
    }
    .flickity-prev-next-button.previous{
    	left:0;
    	display: none;
    }
    */
  }
  .video-slider-mod .videos-list .video-slide .text-container {
    font-size: 1.2em;
  }
  .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text {
    max-width: 29em;
    padding-bottom: 0;
  }
  .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text h1, .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text h2 {
    max-width: 8.5em;
    margin-bottom: 5vh;
  }
  .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text p {
    max-width: 24em;
  }
  body.lang-es .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text p {
    max-width: 25em;
  }
  .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text p.short {
    max-width: 22em;
  }
  body.lang-es .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text p.short {
    max-width: 17em;
  }
  body.lang-fr .video-slider-mod .videos-list .video-slide .text-container .main-wrapper .text p.short {
    max-width: 19em;
  }
  .video-slider-mod .videos-list .video-slide .project-details {
    display: none;
    bottom: 1.8em;
  }
  .video-slider-mod .videos-list .video-slide .project-details .project-title {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 50%;
    font-size: 1.2em;
    margin: 0;
  }
  .video-slider-mod .videos-list .video-slide .project-details .project-link {
    position: absolute;
    right: 1.3em;
    bottom: 0;
    font-size: 1.1em;
  }
  .video-slider-mod .flickity-page-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.4em;
    width: auto;
    display: block;
  }
  .video-slider-mod .flickity-page-dots li.dot {
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
  }
  .video-slider-mod .flickity-button {
    border-radius: 0;
    width: auto;
    height: auto;
    transform: none;
    background: none;
    z-index: 10;
  }
  .video-slider-mod .flickity-button .flickity-button-icon {
    visibility: hidden;
  }
  .video-slider-mod .flickity-button.previous {
    left: 0;
    top: 5em;
    bottom: 5em;
    width: 33%;
  }
  .video-slider-mod .flickity-button.previous:after {
    display: none;
  }
  .video-slider-mod .flickity-button.next {
    right: 0;
    top: 5em;
    bottom: 5em;
    width: 33%;
  }
  .video-slider-mod .flickity-button.next:after {
    display: none;
  }
  .video-slider-mod .flickity-button:focus {
    box-shadow: none;
  }
  .video-slider-mod .videos-list .video-slide {
    height: 100vh;
  }
  .video-slider-mod .videos-list .video-slide .project-details .main-wrapper {
    text-align: left;
  }
  .video-slider-mod .videos-list .video-slide .project-details .main-wrapper .text {
    margin-right: 3em;
  }
}

.project-carousel-mod {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.project-carousel-mod .header {
  position: relative;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 8%;
  margin-right: 8%;
  text-transform: uppercase;
  display: flex!important;
  flex-wrap: wrap!important;
  align-items: flex-start!important;
  flex-direction: column;
  justify-content: center!important;
}
.project-carousel-mod .header .title {
  font-size: 0.78em;
  line-height: 1.4em;
  margin-bottom: 0.9em;
}
.project-carousel-mod .header .title em {
  display: block;
  padding-top: 0.1em;
  font-size: 1.9em;
  line-height: 1em;
}
.project-carousel-mod .header .description {
  display: block;
  text-transform: none;
  line-height: 1.2em;
  padding-bottom: 1.5em;
}
.project-carousel-mod .header .description p {
  margin: 0;
}
.project-carousel-mod .header .view-all {
  position: relative!important;
  right: 0;
  bottom: 0!important;
  font-size: 0.78em;
  left: 0!important;
  margin-top: 0px;
}
.project-carousel-mod .header .view-all:nth-child(3) {
  right: auto;
  left: 0;
}
.project-carousel-mod .list .flickity-button {
  background: none;
}
.project-carousel-mod .list .flickity-button .flickity-button-icon {
  visibility: hidden;
}
.project-carousel-mod .list .flickity-button.previous {
  left: 1.5em;
  bottom: 0.9em;
  top: auto;
}
.project-carousel-mod .list .flickity-button.previous:after {
  content: "";
  font-family: "luvstudio-icons";
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  color: #ffffff;
}
.project-carousel-mod .list .flickity-button.next {
  right: 0.4em;
  bottom: 0.9em;
  top: auto;
  left: auto;
}
.project-carousel-mod .list .flickity-button.next:after {
  content: "";
  font-family: "luvstudio-icons";
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  color: #ffffff;
}
.project-carousel-mod .list .flickity-button:focus {
  box-shadow: none;
}
.project-carousel-mod .list .project-slide .project-slide-inner {
  position: relative;
}
.project-carousel-mod .list .project-slide .project-slide-inner .image {
  margin-bottom: 0;
  height: 124vw;
  width: 100vw;
}
.project-carousel-mod .list .project-slide .project-slide-inner .image img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.project-carousel-mod .list .project-slide .project-slide-inner .image .opacity {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: #000000;
  transition: opacity 0.4s ease-in 0.1s;
}
.project-carousel-mod .list .project-slide .project-slide-inner .text {
  position: absolute;
  text-align: center;
  left: 8%;
  right: 8%;
  bottom: 8vw;
  transition: opacity 0.5s ease-in;
  opacity: 0;
  color: #ffffff;
}
.project-carousel-mod .list .project-slide .project-slide-inner .text .title {
  text-transform: uppercase;
  font-family: "Super-Display-Light-Italic", serif;
  font-size: 1.2em;
  margin: 0 1em 0.2em;
}
.project-carousel-mod .list .project-slide .project-slide-inner .text .title a {
  color: #ffffff;
  text-decoration: none;
}
.project-carousel-mod .list .project-slide .project-slide-inner .text .location {
  margin: 0;
  font-size: 0.78em;
  text-transform: uppercase;
}
.project-carousel-mod .list .project-slide.is-selected .project-slide-inner .text {
  opacity: 1;
}
.project-carousel-mod .list .project-slide.is-selected .project-slide-inner .image .opacity {
  opacity: 0.2;
}
.project-carousel-mod.p-carousel-villas {
  margin-top: 0;
}
.project-carousel-mod.p-carousel-villas .header .description {
  padding-bottom: 2.2em;
}
.project-carousel-mod.p-carousel-apartments .header .description {
  padding-bottom: 2.2em;
}
.project-carousel-mod.p-carousel-corporate .header {
  padding-bottom: 1.5em;
}
.project-carousel-mod .list-container div.ico-dragdrop {
  mix-blend-mode: normal;
  position: absolute;
  right: 8vw;
  bottom: 8vw;
  display: none;
}
.project-carousel-mod .list-container div.ico-dragdrop span {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url(../img/ico-dragdrop.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (min-width: 1024px) {
  .project-carousel-mod.p-carousel-left {
    flex-flow: row-reverse;
  }
  .project-carousel-mod .list-container {
    height: 33vw;
  }
  .project-carousel-mod .list-container div.ico-dragdrop {
    display: none;
  }
  .project-carousel-mod .list-container .list {
    height: 33vw;
  }
  .project-carousel-mod .list-container .list .flickity-button {
    display: none;
  }
  .project-carousel-mod .list-container .list .project-slide {
    margin-right: 0.1em;
  }
  .project-carousel-mod .list-container .list .project-slide .project-slide-inner {
    height: 33vw;
    padding: 0;
  }
  .project-carousel-mod .list-container .list .project-slide .project-slide-inner .image {
    height: 33vw;
    width: auto;
  }
  .project-carousel-mod .list-container .list .project-slide .project-slide-inner .image img {
    height: 33vw;
    width: auto;
    /* object-fit: none;*/
  }
  .project-carousel-mod .list-container .list .project-slide .project-slide-inner .image .opactiy {
    opacity: 0;
    transition: opacity 0.2s ease-out;
  }
  .project-carousel-mod .list-container .list .project-slide .project-slide-inner .text {
    text-align: left;
    bottom: 2em;
  }
  .project-carousel-mod .list-container .list .project-slide .project-slide-inner .text .title {
    font-size: 1.6em;
    margin-left: 0;
    margin-right: 0;
  }
  .project-carousel-mod .list-container .list .project-slide .project-slide-inner .text .location {
    font-size: 0.9em;
  }
  .project-carousel-mod .list-container .list .project-slide.is-selected .project-slide-inner .text {
    opacity: 0;
  }
  .project-carousel-mod .list-container .list .project-slide.is-selected .project-slide-inner .image .opacity {
    opacity: 0;
  }
  .project-carousel-mod .list-container .list .project-slide:hover .project-slide-inner .text {
    opacity: 1;
  }
  .project-carousel-mod .list-container .list .project-slide:hover .project-slide-inner .image .opacity {
    opacity: 0.3;
  }
}
@media only screen and (min-width: 1200px) {
  .project-carousel-mod {
    margin-top: 2.4vw;
    margin-bottom: 2.4vw;
    display: flex;
    align-items: center;
  }
  .project-carousel-mod .header {
    width: 19%;
    margin: 0;
    padding-left: 3%;
    padding-right: 3%;
    height: 33vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .project-carousel-mod .header .title {
    font-size: 1.2em;
  }
  .project-carousel-mod .header .title em {
    font-size: 1.65em;
  }
  .project-carousel-mod .header .view-all {
    right: auto;
    left: 3vw;
    bottom: 3em;
  }
  .project-carousel-mod .header .view-all:nth-child(3) {
    bottom: 5em;
    left: 3vw;
  }
  .project-carousel-mod .list-container {
    width: 75%;
  }
  .project-carousel-mod.p-carousel-corporate .header {
    padding-bottom: 0;
  }
}

.about-mod {
  margin: 1.5em 0;
  padding: 0 0 0.5em;
}
.about-mod .text-container {
  position: relative;
  padding: 0;
}
.about-mod .text-container .main-wrapper .header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
}
.about-mod .text-container .main-wrapper .header .title-container .title {
  font-size: 1.5em;
  margin-bottom: 0.5em;
  max-width: 11em;
  text-transform: uppercase;
}
.about-mod .text-container .main-wrapper .header .title-container .title .title-inner a {
  display: inline-block;
}
.about-mod .text-container .main-wrapper .header .title-container .title .title-inner p {
  margin: 0;
}
.about-mod .text-container .main-wrapper .header .text-inner .description {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.2em;
}
.about-mod .text-container .main-wrapper .header .text-inner .description p {
  margin: 0;
  padding: 0;
}
.about-mod .text-container .main-wrapper .link {
  margin-bottom: 2.1em;
  text-transform: uppercase;
  font-size: 0.78em;
}
.about-mod .text-container .main-wrapper .subsections .subsection {
  margin-bottom: 0;
}
.about-mod .text-container .main-wrapper .subsections .subsection .title {
  text-transform: uppercase;
  font-family: "Super-Display-Light-Italic", serif;
  display: inline-block;
}
.about-mod .text-container .main-wrapper .subsections .subsection .title a {
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-right: 1.8em;
}
@media only screen and (min-width: 1200px) {
  .about-mod {
    display: flex;
    padding-bottom: 0;
    margin: 0;
  }
  .about-mod .text-container {
    padding: 0;
  }
  .about-mod .text-container .main-wrapper {
    margin: 2.4vw 0 0 2.4vw;
    padding-bottom: 2.4vw;
    display: flex;
  }
  .about-mod .text-container .main-wrapper .header {
    width: 50vw;
    padding-right: 5vw;
    display: flex;
    border-right: 1px solid #bbb;
    margin-bottom: 0;
  }
  .about-mod .text-container .main-wrapper .header .title-container {
    width: 23.5vw;
  }
  .about-mod .text-container .main-wrapper .header .title-container .title {
    margin: 0 0 0.5em;
    font-size: 1.7em;
    max-width: none;
  }
  .about-mod .text-container .main-wrapper .header .title-container .title .title-inner {
    display: inline-block;
    max-width: 11em;
  }
  .about-mod .text-container .main-wrapper .header .text-inner {
    width: 24vw;
  }
  .about-mod .text-container .main-wrapper .header .text-inner .description {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0.2em;
  }
  .about-mod .text-container .main-wrapper .subsections {
    width: 35vw;
    padding-left: 5vw;
  }
  .about-mod .text-container .main-wrapper .subsections .subsection {
    margin-bottom: 0;
  }
}

.services-mod {
  margin: 1.5em 0;
  padding: 1.5em 0 0.5em;
  background-color: #EDEBEB;
}
.services-mod .image-container {
  height: 56vw;
}
.services-mod .image-container img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.services-mod .image-container img:nth-child(2) {
  display: none;
}
.services-mod .text-container {
  position: relative;
  padding: 0 0 1em;
}
.services-mod .text-container .main-wrapper .title {
  font-size: 1.5em;
  margin-bottom: 0;
  max-width: 11em;
  text-transform: uppercase;
}
.services-mod .text-container .main-wrapper .title p {
  margin-bottom: 0.5em;
}
.services-mod .text-container .main-wrapper .description {
  margin-bottom: 2em;
  margin-top: 0;
  line-height: 1.2em;
}
.services-mod .text-container .main-wrapper .description p {
  margin: 0;
  padding: 0;
}
.services-mod .text-container .main-wrapper .link {
  margin-bottom: 1.1em;
  text-transform: uppercase;
  font-size: 0.78em;
}
@media only screen and (min-width: 768px) {
  .services-mod {
    padding-bottom: 0;
    padding-top: 2.4vw;
    margin: 0;
  }
  .services-mod .image-container {
    display: flex;
    padding-top: 0;
    height: auto;
    height: 25vw;
  }
  .services-mod .image-container img:nth-child(2) {
    display: block;
    margin-left: 0.5em;
  }
}
@media only screen and (min-width: 1200px) {
  .services-mod .text-container {
    padding: 0;
  }
  .services-mod .text-container .main-wrapper {
    margin: 2.4vw 10vw 0 2.4vw;
    padding-bottom: 2.4vw;
    display: flex;
    flex-wrap: wrap;
  }
  .services-mod .text-container .main-wrapper .title {
    margin: 0;
    font-size: 1.7em;
    width: 27%;
    max-width: none;
  }
  .services-mod .text-container .main-wrapper .title .title-inner {
    display: block;
    max-width: 11em;
  }
  .services-mod .text-container .main-wrapper .title p {
    margin: 0;
  }
  .services-mod .text-container .main-wrapper .text-inner {
    width: 70%;
  }
  .services-mod .text-container .main-wrapper .text-inner .description {
    margin-bottom: 2vw;
    margin-top: 0;
  }
}

/* https://stackoverflow.com/questions/45847392/pure-css-continuous-horizontal-text-scroll-without-break 
https://theshift.tokyo/en/ */
/* https://codepen.io/ChrisDrinkut/embed/GvrqNR?height=350&theme-id=dark&slug-hash=GvrqNR&default-tab=html%2Cresult&animations=run&editable=&embed-version=2&user=ChrisDrinkut&name=cp_embed_26 */
.inspiration-mod {
  background-color: #000000;
  color: #ffffff;
  padding: 1.8em 0 1.2em;
  overflow: hidden;
  /*
  .marquee-rl{
  	margin: 0 auto;
  	white-space: nowrap;
  	overflow: hidden;
  	position: absolute;
  	min-width: 100%;
  	.text{
  		display: inline-block;
  		padding-left: 100%;
  		animation: marquee-rl 100s linear infinite;
  		animation-delay: -50s;
  		span{
  			padding: 0 .3em;
  			white-space: nowrap;
  		}

  	}
  	body.safari-browser &{
  		animation: marquee-rl 10s linear infinite;
  		min-width: 30em;
  		.text{

  		}
  	}
  }
  .marquee2-rl{
  	.text{
  		animation-delay: 0s;
  	}
  }
  .marquee-lr{
  	margin: 0 auto;
  	white-space: nowrap;
  	overflow: hidden;
  	position: absolute;
  	min-width: 100%;
  	.text{
  		display: inline-block;
  		padding-right: 100%;
  		margin-left: -100%;
  		animation: marquee-lr 100s linear infinite;
  		animation-delay: -50s;
  		span{
  			padding: 0 .3em;
  			white-space: nowrap;
  		}

  	}
  	body.safari-browser &{
  		min-width: 30em;
  		.text{
  			animation: marquee-lr 10s linear infinite;
  			padding-right: 0;
  			margin-left: 0;
  		}
  	}
  }
  .marquee2-lr{
  	.text {
  		animation-delay: 0s;
  	}
  }
  */
}
.inspiration-mod .marquee-container {
  position: relative;
}
.inspiration-mod .archive-title {
  font-size: 24px;
  font-size: calc(24px + (37 - 24)*(100vw - 390px)/(1920 - 390));
}
.inspiration-mod a {
  color: #ffffff;
}
.inspiration-mod .text-container {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  min-height: 2.2em;
}
.inspiration-mod .text-container .text-left {
  white-space: nowrap;
  position: absolute;
  -webkit-animation: urmove 20s linear infinite;
  /* Safari 4.0 - 8.0 */
  animation: urmove 20s linear infinite alternate;
  margin: 0;
  line-height: 1;
}
.inspiration-mod .text-container .text-left span {
  padding: 0 0.3em;
  white-space: nowrap;
}
.inspiration-mod .text-container .text-right {
  white-space: nowrap;
  position: absolute;
  top: 0;
  -webkit-animation: mymove 20s linear infinite;
  /* Safari 4.0 - 8.0 */
  white-space: nowrap;
  animation: mymove 20s linear infinite alternate;
  margin: 0;
}
.inspiration-mod .text-container .text-right span {
  padding: 0 0.3em;
  white-space: nowrap;
}
.inspiration-mod .link {
  text-transform: uppercase;
  padding-top: 3vw;
}
.inspiration-mod .link a {
  text-decoration: none;
}
.inspiration-mod .link a:after {
  content: "";
  font-family: "luvstudio-icons";
  margin-left: 0.7em;
}
@media only screen and (min-width: 768px) {
  .inspiration-mod {
    padding-bottom: 1em;
    /*
    padding-top: 4.1em;
    margin-bottom: -7vw;
    */
  }
}
@media only screen and (min-width: 1024px) {
  .inspiration-mod {
    /*
    padding-top: 8.5vw;
    padding-bottom: 5vw;
    */
  }
  .inspiration-mod .text-container {
    min-height: 2.9em;
  }
  .inspiration-mod .text-container .text-left, .inspiration-mod .text-container .text-right {
    -webkit-animation-duration: 40s;
    /* Safari 4.0 - 8.0 */
    animation-duration: 40s;
  }
  .inspiration-mod .link {
    padding-top: 5.5vw;
  }
}
@media only screen and (min-width: 1300px) {
  .inspiration-mod {
    padding-bottom: 1.6em;
  }
  .inspiration-mod .text-container {
    min-height: 3.1em;
  }
}
@media only screen and (min-width: 1600px) {
  .inspiration-mod .marquee-container {
    position: relative;
  }
  .inspiration-mod .link {
    text-transform: uppercase;
  }
}

/*
@keyframes marquee-rl {
	0% {
	  transform: translate(0, 0);
	}
	100% {
	  transform: translate(-100%, 0);
	}
}

@keyframes marquee-lr{
	0% {
	  transform: translate(0%, 0);
	}
	100% {
	  transform: translate(100%, 0);
	}
}
*/
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@keyframes mymove {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes urmove {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}
@keyframes urmove {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}

/*# sourceMappingURL=style-home.css.map */

@media only screen and (max-width: 600px) {
    img.image1-content.entered.lazyloaded {
        display: none!important;
    }
}