:root {
  --primary-h: 353 !important;
  --primary-s: 100% !important;
  --primary-l: 44.3% !important;
  --primary-contrast-h: var(--primary-h) !important;
  --primary-contrast-s: var(--primary-s) !important;
  --primary-contrast-l: 100%  !important;

  --secondary-h: 50 !important;
  --secondary-s: 100% !important;
  --secondary-l: 62.5% !important;
  --secondary-contrast-h: var(--secondary-h) !important;
  --secondary-contrast-s: var(--secondary-s) !important;
  --secondary-contrast-l: 20%  !important;
}
.navbar{
@media(min-width: 1024px){
background-color: transparent !important;
}
}

.hero1__modal-close svg path {
  fill: #3E3F3F !important;
}

.navbar__logo-img{
height: 100px !important;
}

.navbar--campaign-ended,.navbar--error,.navbar--confirmation1,.navbar--confirmation2,.navbar--terms,.navbar--cookies{
.navbar__item{
color: #3E3F3F !important;
}
}




h1, h2{
font-weight: 500 !important;
margin-bottom: 0.25rem !important;
}

.image__skilt.png{

@media(min-width:1175px){
left: 100px !important!;
}

}


.navbar--scrolled {
    background-color: #FFE040 !important;
    
    .navbar__item{
    color: #3E3F3F !important;
    } 
}

@media(max-width: 1024px){   
.navbar__item{
color: #3E3F3F !important;
}
}

.navbar__logo{

img{
position: absolute;
left: 50%;
transform:translateX(-115px);
}

@media(max-width: 1024px){

img{
height: 88px !important;
transform:translateX(-98px) !important;
z-index: 1000;
}

}

}

.k-navigation__logo{
transform: scale(2);
}

.countdown__timer {
margin-top: 0px !important;
}



.footer__items{
order: 2 !important;
}

.footer__company{
order: 3 !important;
}

#countdown-content1{
background-image: url(https://assets.kvass.no/687e335225f27464774a9713);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.hero1{
margin-bottom: 0 !important;
position: relative !important;
z-index: 1 !important;
}

.hero1__button-parent{
@media(max-width: 1024px){
transform: translateY(105px) !important;
}
}

#netflix-banner{

.hero1{
margin-bottom: 0 !important;
}

.hero1__button-parent{
transform: translateY(-8vw) !important;

@media(max-width: 1024px){
transform: translateY(-30vw) !important;
}

}
}

.bulletpoints{
margin-top: -5px !important;
}

#troll-hand{

position: absolute;
right: 0;

@media(max-width: 1024px){
display: none;
}
}

#carousel{
@media(max-width: 1024px){
.carousel-section{
padding-top: 3rem !important;
}

.carousel__icon{
transform: scale(2.5) translateY(-48px) !important;
}

.carousel__viewport{
margin-top: 50px !important;
}

.carousel__prev,
.carousel__next{
transform:translateY(-120px);
}


}

@media(min-width: 1024px){

h1{
font-size: 2.625rem;
}

h2{
font-size: 1.5rem;
}

}





}

#trollstory-home-seksjon{
.content2__image{
order: 1 !important;
}

.content2__text-div{
order: 2 !important;
}

p{
margin-bottom: 2rem !important;
}

@media(max-width: 1024px){

.content2{
padding-bottom: 3rem !important;
}
.content2__text-div{
text-align: left !important;
}

}

}

#bulletpoints{

h1{
margin-bottom: 1.5rem !important;
}

p{
margin-bottom: 1.5rem !important;
}

@media(min-width: 1024px){
h1{
font-size: 2.625rem;
}
}

.k-button{
margin-top: 0 !important;
}

}

#hero-banner{

@media(max-width: 1024px){
.hero1{
aspect-ratio:11/19 !important;
}
}
.hero1__button-parent{
gap: 1rem !important;
}

}

.k-formcontrol__error{
color: #FFFFFF !important;
}

.k-formcontrol__label-required:after{
color: #FFFFFF !important;
}



#form{
padding-bottom: 7.5rem !important;
margin-top: -0.5rem;

.form__button-parent{

.k-button:not(:disabled) {
  .k-button__content {
    color: #CE1425;
  }
}

.k-button:hover{
background-color: #FFE040 !important;

}

}

}

.k-button:not(.k-navigation .k-button):not(.form-parent .k-button):hover{
background-color: #9e0112 !important;
color: #FFFFFF;
}

#content1-handbook{
margin-top: -0.1rem;

h1{
margin-bottom: 2rem !important;
}

p{
max-width: 725px;
}

}

#trollfakta{
h1{
font-size: 1.5rem !important;
margin-bottom: 2rem;
}

p{
margin-top: 1.5rem !important;
}

@media(min-width: 1024px){

.content2__image{
order: 1 !important;
}

.content2__text-div{
order: 2 !important;
}

}

@media(max-width: 1024px){

h2{
font-size: 2.625rem !important;
}

p {
text-align: left;
}



}


.content2__content-container{
gap: 0rem !important;
}
}

#meet-troll{

position: relative;

p{
margin-bottom: 1.5rem;
}

h1{
margin-bottom: 1rem;
}

@media(min-width: 1024px){
.content2__image{
transform: scale(1.25);
}
}

@media(max-width: 1024px){

.content2{
padding-top: 2.5rem !important;
}

.content2__content-container{
gap: 0rem !important;
}

.k-button{
position: absolute !important;
bottom: 50px !important;
transform: translateX(-50%);
}
}

}

#confirmation1{

p{
margin-bottom: 2rem;
}

.content2__text-div{
order: 2 !important;
}

.content2__image{
order: 1 !important;
}

@media(max-width: 1024px){



.content2__content-container{
gap: 0rem !important;
}
}

@media(min-width: 1024px){
.content2__image{
transform: scale(1.25);
}
}

}

#cookies{

h1{
text-align: left !important;
}

}

#terms-text{

margin-top: -1rem !important;

h2{
font-size: 1.25rem !important;
}
}

#terms{

.content1{
margin-bottom: 1rem !important;
}


h1,h2{
margin: 0;
}


h2{
font-size: 4rem !important;
}

@media(max-width: 1024px){

h1,h2{
font-size: 2.625rem !important;
}

}

text-align: left;
}

.terms-section p:first-of-type {
margin-top: 0rem !important;
}

.terms-section h2:first-of-type {
margin-top: 0rem !important;
}

.video__content-container{

h1{
font-size: 2.625rem;
}

p{
color: #FFFFFF !important;
}

}

#troll2-gallery{

margin-top: -1rem !important;
padding-top: 2rem !important;

.bulletpoints__images{
gap: 1rem !important;
}

}

.movie-info {
  background-color: #181818;
  color: white;
  
  text-align: left;
  
  h1{
  color: #FFFFFF;
  margin-bottom: 1rem;
  }
  
  p{
  color: #FFFFFF;
  }
  
}

.movie-info__container {
  display: flex;
  margin: 0 auto;
  gap: 10rem;
  align-items: flex-start;
  margin-top: -0.1rem !important;
  
  margin: auto;
  max-width: 1200px;
  padding-inline: 1rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.movie-info__title{
font-size: 4rem !important;
}


.movie-info__left {
  flex: 1;
}

.movie-info__description{
font-size: 1.5rem !important;
line-height: 170% !important;
}

.movie-info__right {
  flex: 1;
    
  

  
}

.movie-info__credits {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.5rem;
  max-width: 350px;
  
  p,span{
  line-height: 120% !important;
  }
  
}

.movie-info__credit-item {
  font-size: 1.125rem;
}

.movie-info__credit-label {
  font-weight: bold;
  color: #B0B0B0;
}

@media (max-width: 1024px) {
  .movie-info__container {
    flex-direction: column;
    gap: 2rem;
  }

}

.video{
margin-top: -0.1rem !important;

h1{
margin-bottom: 1.5rem !important;
}

p{
margin-bottom: 2rem !important;
}

}

#carousel-section{




@media (max-width: 1200px) {
.carousel-section-special__parent{
padding-top: 100px !important;
}

.carousel__prev,
.carousel__next{
margin: 0;

@media (max-width: 1200px) {
top: 60px !important;
padding-inline: 2rem !important;
}
}


}

.carousel__icon{
transform: scale(2.5);
}

h1{
margin-bottom: 2rem !important;
}

.carousel-section-special{

@media (max-width: 1024px) {
padding-bottom: 0 !important

}
}

}

#countdown-h1{

.content1__title{
margin-bottom: 1.5rem;
}

p{
max-width: 700px;
}

}

.terms-section{

@media (min-width: 1024px) {
margin-top: -1rem;
}

}

#terms2{

h2{
font-size: 1.25rem !important;
}

@media (min-width: 1024px) {
padding-top: 1rem !important;
}

}

.carousel-section-special__custom-select select{
@media (max-width: 1024px) {
border: none !important;
}

}

.carousel-section-special__dropdown{
@media (max-width: 1024px) {
margin-top: 1rem !important;
}



}

.carousel-section-special__custom-select:after{
margin-top: 0.5rem !important;
}

#ot-sdk-btn{
margin-top: 5rem !important;
}

#confirmation1-svg{

img{
position:absolute;
left: 0;
bottom: 171.56px;
}

@media (max-width: 1024px) {
img{
display: none;
}
}



}