* {
  margin: 0;
  padding: 0;
}

:root {
  --padding: 2rem;
  --1-color:  #f05964;
  --2-color:  #f2f2f2;
  --3-color:  #2c0f10;
}


::-webkit-scrollbar {
  display: none;
}


html,
body {
position: relative;
height: 100%;
}

body {
font-family: 'regular';
margin: 0;
padding: 0;
background: var(--1-color);
color: var(--3-color);
height: 100%;
position: relative;
}

b, strong {
  font-family: 'extrabold';
}

img {
width: 100%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.swiper {
width: 100%;
height: 100%;

}

.swiper-slide {
overflow-y: scroll;
}



.project_wrapper {
height: var(--app-height);
max-width: 120vmin;
display: flex;
flex-direction: column;
margin: 0 auto;
}

.project_text_container {
height: auto;
max-width: 120vmin;
display: flex;
flex-direction: column;
margin: 0 auto;
}


.project_image { 
  padding: 12.5%;

}



.project_image {
  padding-bottom: 0;
  box-sizing: border-box;
}

.project_sub,
.project_text {
  padding: var(--padding);
  box-sizing: border-box;
}

.project_image {
height: 100%;
overflow: hidden;
}

.project_image img {
height: 100%;
object-fit: contain;
}

.project_sub {
  text-align: center;
}

h2 {
  line-height: 1;
  font-size: 6vmin;
  font-weight: 600;
  padding-bottom: .5em;
}

.project_text {
  text-align: left;
  font-size: 4vmin;
  background: var(--2-color);
  color: var(--1-color);
  padding-bottom: calc(var(--padding)*4);
}

.project_text_container {

}

.project_text p, .project_text figure {
  padding-bottom: 1em;
}

.link-holder {
  display: flex;
  align-items: center;
  font-family: 'extrabold';
}

.link-holder svg {
  height: 4vmin;
  line-height: 1;
  padding-right: 1vmin;
}

figure figcaption {
  font-size: 50%;
}



a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

  ul, li {
    list-style: none;
  }


.swiper-pagination {
  padding: calc(var(--padding)*.5);
  right: 0px !important;
  top: 100% !important;
  transform: translate3d(0px,-100%,0) !important;
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
width: 4vmin;
height: 4vmin;
}

.swiper-pagination-bullet {
  background: none !important;
  opacity: 1 !important;
  border-radius: 0% !important;
  outline:none !important;
}

.swiper-button-next,
.swiper-button-prev {
  outline:none !important;
}

.swiper-pagination-bullet-active {
opacity: .2 !important;
background: none !important;
}

.swiper-pagination span:after {
  font-family: 'swiper-icons';
  content: 'next';
  position: absolute;
  width: 4vmin;
  height: 4vmin;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4vmin;
  line-height: 4vmin;
}

.swiper-pagination span:nth-child(1) {
  transform: rotate(-90deg);
}

.swiper-pagination span:nth-child(2) {
  transform: rotate(90deg);
}


.orisun_logo {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  padding: var(--padding);
  box-sizing: border-box;
    pointer-events: none;
}

.studio_logo {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  padding: var(--padding);
  box-sizing: border-box;
  pointer-events: none;
}

.orisun_logo svg,
.studio_logo svg {
  fill: var(--3-color);
}

.swiper-button-next, .swiper-button-prev {
  width: 20vmin !important;
  margin-top: 0 !important;
}

.swiper-button-next {
  right: 10vmin !important;
}

.swiper-button-prev {
  left: 10vmin !important;
}

.arrow_next {
  width: 20vmin;
  height: 20vmin;
  transform: rotate(-45deg);
  border-right:  8px solid var(--3-color);
  border-bottom:  8px solid var(--3-color);
}

.arrow_prev {
  width: 20vmin;
  height: 20vmin;
  transform: rotate(135deg);
  border-right:  8px solid var(--3-color);
  border-bottom:  8px solid var(--3-color);
}



.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  fill: #000;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after  {
  display: none;
}

.video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  margin-bottom: 1em;
}

.video iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.class_all {
  padding: calc(var(--padding)*4) 0;
}

.class_top {
  padding-top: calc(var(--padding)*4);
}

.class_bottom {
  padding-bottom: calc(var(--padding)*4);
}
.class_none {
  padding: 0;
}


  .mc-field-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: calc(var(--padding)*.5);
  }

  input {
  border: none;
  border-radius: 10px;
  padding: 16px 32px;
  text-decoration: none;
  cursor: pointer;
  font-size: 4vmin;
  width: 100%;
  box-sizing: border-box;
  border: solid 4px var(--1-color);
  text-transform: uppercase;
}

input:focus {
  box-shadow: none;
  outline: none;
}

input[type=email],
input[type=text] {
  color: var(--1-color);
  background-color: var(--2-color);
}

input[type=submit] {
  grid-column: span 2;
  background-color: var(--1-color);
  color: var(--2-color);
}

input[type=submit]:hover {
  background-color: var(--3-color);
  border: solid 4px var(--3-color);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--1-color);
  opacity: .5;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--1-color);
  opacity: .5;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--1-color);
  opacity: .5;
}

  svg {
    fill: var(--1-color);
  }

  .partners_container {
    display: grid;
    grid-gap: var(--padding);
    grid-template-columns: repeat(4, 1fr);
  }

  .logos_container {
    grid-column: span 3;
    display: grid;
    grid-gap: var(--padding);
    grid-template-columns: repeat(4, 1fr);
  }
  

@media only screen and (max-width: 600px) {

  .partners_container {
    grid-template-columns: repeat(1, 1fr);
  }


  .mc-field-group {
  grid-template-columns: 100%;
  }

  input[type=submit] {
  grid-column: span 1;
}

  .project_wrapper {
    height: auto;
  }

  .project_image {
    padding-top: 15vmin;
  }

  .swiper-button-next {
  right: 20px !important;
}

.swiper-button-prev {
  left: 20px !important;
}

.swiper-button-next, .swiper-button-prev {
  width: auto !important;
}


.arrow_prev,
.arrow_next 
{
  width: 5vmin;
  height: 5vmin;
  border-right:  4px solid var(--3-color);
  border-bottom:  4px solid var(--3-color);
}

}