/* EMAIL SIGNUP */
.twstheme__emailsignupwrapper {
  display: flex;
  position: fixed;
  z-index: 99999;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #0009;
  display: flex;
  justify-content: center;
  align-items: center;
  /*padding-top: 90px;*/
  box-sizing: border-box;
  overflow: hidden;
  display: none;
}
.twstheme__emailsignupcontainer {
    display: block;
    position: absolute;
    z-index: 1;
    max-height: 100vh;
    overflow: auto;
    width: 800px;
    max-width: 95%;
    right: -800px;
    background-color: #fff;
    box-shadow: 0px 0px 30px black;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    transition: right 0.5s ease-in-out;
    background: #eee8e6 url('../img/mainpatternb_blurred.png') no-repeat center center;
    background-size: cover;
    display: flex;
    flex-flow: column;
    height: 100%;
    overflow: hidden;
    max-height: 550px;
}

.twstheme__emailsignupcleft{
    width: 40%;
    box-sizing: border-box;
    text-align: center;
    height: 100%;
    position: relative;
}
.twstheme__emailsignupcright{
    width: 60%;
box-sizing: border-box;
margin: 0 0 0 5%;
position: relative;
max-height: 100%;
overflow-y: hidden;
overflow-x: hidden;
padding: 0 20px;

}
.twstheme__emailsignupcontainer img{

}
.twstheme__emailsignupcontainer form input,
.twstheme__emailsignupcontainer form select,
.twstheme__emailsignupcontainer form button{
    width: 100%;
    margin: 5px 0;
}
.twstheme__emailsignupopen {
    position: fixed;
right: -12px;
top: 50vh;
z-index: 900;
cursor: pointer;
width: 70px;
height: 70px;
background: url('../img/icon-mail.png') no-repeat center center;
  background-size: auto;
background-size: contain;
transition: right 0.3s ease-in-out;
}
.twstheme__emailsignupopen:hover {
right: 0px;
}
.twstheme__emailsignupclose{
    position: absolute;
top: 20px;
right: 20px;
  font-size: 1.3rem;
  color: #707070;
}
.twstheme__emailsignupcontent{
    display: flex;
    align-items: center;
justify-content: end;

height: 100%;
flex-grow: 0;
flex-shrink: 1;
overflow: hidden;
}


img.tws_burnanimmask {
    width: 100%;
}

.twstheme__emailheaderwrapper{
    height: 50px;
flex-shrink: 0;
flex-grow: 0;
}


.twstheme__burning{
    position: absolute;
    left: 50%;
    height: 170px;
    width: 160px;
    overflow: hidden;
    z-index: -9;
    margin-left: -80px;
    transform-origin: top center;
    top: 90px;
    transform: scale(1);
}

.twstheme__emailheaderlogo {
  width: 230px;
  max-width: 100%;
  margin: 0;
  display: block;
}

.twstheme__stovemask {
    background: url("../img/twsfiremask.png") no-repeat center center;
    height: 100%;
    background-size: contain;
}

.twstheme__emailsignupcright h3{
    font-size: 2rem;
line-height: 2.2rem;
}

.twstheme__emailsignupcright p {
  margin: 20px 0 10px 0;
  padding: 0;
  line-height: 1.3em;
  font-size: 1rem;
}

.twstheme__emailsignupcright form p {
  margin: 0px 0 0px 0;
  padding: 0;
  line-height: 1.3em;
  font-size: 1rem;
}

.twstheme__signupmaincontnet_form select{
    background-position-y: center;
}




@media only screen and (max-height: 500px) {
    .twstheme__emailsignupcright {
      overflow-y: auto;
    }
}

@media only screen and (max-width: 250px) {
 .twstheme__emailsignupcleft{
     display: none;
 }
}
@media only screen and (max-width: 600px) {
    .twstheme__mainnav .twstheme__mainnav_mobile{
        display: flex;
    }
    .twstheme__mainnav .twstheme__mainnav_desktop{
        display: none;
    }
    .twstheme__logo{
        width: 100%;
    }
    .twstheme__banner,
    .twstheme__banner a {
    font-size: 0.8rem;
    }

    .twstheme__emailsignupcontent {
      flex-direction: column;
    }

    .twstheme__emailsignupcleft,
    .twstheme__emailsignupcright{
        width: 100%;
        margin: 0;
    }
    .twstheme__emailsignupcleft img{
        max-width: 300px;
        width: 80%;
    }

    .twstheme-footercopyright {
      flex-direction: column;
    }

    .twstheme__emailsignupopen.twstheme__emailsignupactive,
    .twstheme__emailsignupopen{
        /*display: none;*/
    }

    .twstheme__emailsignupcontainer {
        height: 100%;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
    border-radius: 0px;
    }

    .twstheme__emailsignupcright{
        flex-shrink: 0;
    height: auto;
    }

    .twstheme__emailheaderlogo {
      margin: 0 auto;
    }

}








/* FIRE ANIMATION */

.tws_burnanimwrapper{
    position: relative;
}
.tws_burnanimfirewrapper{
    position: absolute;
    z-index: -1;
    background: #80462f;
    margin: 0;
    animation: bg-flicker 2s ease-in-out infinite;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.tws_burnanimwrapper .container{
    .container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 0;
  position: relative;
}
}
#flame-1{
    height: 95px;
  width: 95px;
  background: #ff7200;
  position: absolute;
  bottom: -25%;
  left: 14%;
  margin: 0 0 auto;
  border-radius: 0% 50% 70% 50%;
  transform: rotateZ(45deg) scale(1.1);
  filter: drop-shadow(0 0 10px #d43322);
  animation: scale-alternate 2s ease-in-out infinite;
}
#flame-2{
    height: 75px;
   width: 75px;
   background: #ef5a00;
   position: absolute;
   bottom: 0;
   left: -10%;
   margin: 0 -0 0 0;
   border-radius: 0% 40% 60% 40%;
   transform: scaleX(0.8) rotatez(45deg);
   filter: drop-shadow(0 0 10px #d43322);
   animation: scale-up 2s ease-in-out infinite;
   top: 60%;
}

#flame-3{
    height: 75px;
  width: 75px;
  background: #ef5a00;
  position: absolute;
  bottom: -10%;
  left: 89%;
  margin: 0 0;
  border-radius: 0% 40% 60% 40%;
  transform: scaleX(0.8) rotatez(45deg);
  filter: drop-shadow(0 0 10px #d43322);
  animation: scale-up-3 3s ease-in-out infinite;
  transform-origin: top left;
}
.small-element{
    height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ef5a00;
  position: absolute;
  bottom: -20%;
  left: 50%;

}
#small-element-1{

  animation: particle-upleft 3.5s ease-in-out infinite;

}
#small-element-2{

  animation: particle-upright 3s ease-in-out infinite;

}

}
@keyframes glow{
  0%,100%{

    background:#ef5a00;
  }
  50%{
    background:#ff7800;


  }

}

@keyframes scale-up-3{
  0%,100%{
    transform:scale(1.1) rotatez(45deg);

  }
  40%,90%{
    transform:scale(0.96) rotatez(45deg);
  }
  30%,75%{
    transform:scale(0.90) rotatez(45deg);
  }


}


@keyframes scale-up{
  0%,100%{
    transform:scale(1) rotatez(45deg);

  }
  40%,90%{
    transform:scale(0.96) rotatez(45deg);
  }
  30%,75%{
    transform:scale(0.90) rotatez(45deg);
  }


}



@keyframes scale-alternate{
   0%,100%{
    transform:scale(1.1) rotatez(45deg);

  }
  30%,90%{
    transform:scale(0.90) rotatez(45deg);
  }
   45%,60%{
    transform:scale(0.96) rotatez(45deg);
  }
  50%,75%{
    transform:scale(0.97) rotatez(45deg);
  }


}
@keyframes particle-upleft{
  0%{
      bottom: -20%;
      left: 50%;
  }
  100%{
      opacity: 0.8;
  bottom: 100%;
  left: 45%;
  transform: scale(0.1);
  }
}
@keyframes particle-upright{
  0%{
      bottom: -20%;
      left: 50%;
  }
  100%{
      opacity: 0.8;
  bottom: 100%;
  left: 55%;
  transform: scale(0.2);
  }
}

@keyframes bg-flicker{
    0%{
        background-color: #ae7963
    }
    30%{
        background-color: #50422f
    }
    50%{
        background-color: #80462f
    }
    80%{
        background-color: #a0462f
    }
    100%{
        background-color: #ae7963
    }
}