*{box-sizing: border-box;}

@font-face {
  font-family: "super comic"; /* Name your font family */
  src: url("../font/supercomic.ttf"); /* Locate the .ttf file within your directory*/
}

div.clear{
  clear: both;
}

body{
  margin: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  background-color: #FF1D68;
  background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}


p{
  font-family: 'poppins',sans-serif;

}

ul li a, a {
  list-style-type: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

a:focus, a:hover{
  text-decoration: none;
}

button {
  border: none;
  cursor: pointer;
  padding: 3vw;
  padding-left: 8vw;
  padding-right: 8vw;
  font-family: 'poppins',sans-serif;
  font-weight: bold;
  font-size: 4vw;
  color: white;
  transition: 0.3s;
  background-color:#ff00ff;
  border-radius: 8vw;
}

button:hover{
  color: white;
  background-color:black;
  transition: 0.3s;
}


button:focus{
  outline: none;
}

.content{
  width: 100%;
  margin-top: 1vw;
}


header{
  margin-top: 5%;
text-align: center;
}

ul.navigationbar{
  margin-left: 0;
  padding: 0;
}

header .navigationbar li{
  text-decoration: none;
  display: inline-block;
  list-style: none;
  padding: 2vw;
}

header .navigationbar li img{
  width: 45vw;
}

header .navigationbar li a.aboutus{
    text-decoration: none;
    color:white;
    font-family: "poppins";
    font-size:  3vw;

}

header .navigationbar li a.buyticket{
    text-decoration: none;
    color:yellow;
    font-family: "poppins";
    font-weight: bold;
    font-size:  3vw;
}

header .navigationbar li a:hover{
  color: #ff00ff;
}



header .navigationbar li .cw{
  font-size: 45px;
}
header .navigationbar li .cw:hover{
  color:#102E44;
}

.section1{
  background-image: url("../img/section1bg.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 102vw;
  height: 130vw;
  width: 102vw;
  margin-left: -1vw;
}


.section1 img{
  width: 80vw;
  margin-left: 10vw;
}

.section1p p.smalltext{
    text-decoration: none;
    color:white;
    font-family: "montserrat";
    font-size:  5vw;
    text-align: center;
     letter-spacing: 0.1vw;
     margin-bottom: 2vw;
}

.section1p p.smalltext2{
    text-decoration: none;
    color:white;
    font-family: "montserrat";
    font-size:  4vw;
    text-align: center;
     letter-spacing: 0.1vw;
     margin-bottom: 2vw;
     margin-top: 2vw;
}

.section1p p.bigtext{
    text-decoration: none;
    color:white;
    font-family: "super comic";
    font-size:  11vw;
    text-align: center;
     letter-spacing: 0vw;
     line-height: 11vw;
     margin: 0;
}


.section2{
  background-color: #FFEBEB;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 110vw;
  height: 210vw;
  width: 102vw;
  margin-top: -2vw;
  margin-left: -1vw;
}

.desk{
  display: none;
}
.section2 p.bigtext2{
    text-decoration: none;
    color: #FF1D68;
    font-family: "super comic";
    font-size:  9vw;
    text-align: center;
     letter-spacing: 0vw;
     line-height: 11vw;
     margin: 0;
     padding-top: 7vw;
}

.section2 img{
  width: 80vw;
  margin-left: 11vw;
  margin-top: 5vw;
}

.section3{
  background-image: url("../img/section3bg.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 102vw;
  height: 150vw;
  width: 102vw;
  margin-left: -1vw;
  margin-top: -10vw;
}

.section3 p.bigtext3{
  text-decoration: none;
  color: #FFFFFF;
  font-family: "super comic";
  font-size:  9vw;
  text-align: center;
   letter-spacing: 0vw;
   line-height: 11vw;
   margin: 0;
   padding-top: 20vw;

}

.section3 img{
  width: 80vw;
  margin-left: 10vw;
  margin-top: 5vw;
}

footer{
  float: left;
  height: 100vw;
  width: 110vw;
  background-color: #353535;
}

.footer_content{
  width: 100%;
    margin-top: 12vw;
}

.logo{
  width: 50vw;
  margin-left: 25vw;
}

.logo img{
  float: left;
  margin: 0vw;
  width: 100%;
}

.address{
  float: left;
  width: 100vw;
  text-align: center;
}

.address p.bigtext4{
  text-decoration: none;
  color: #FFFFFF;
  font-family: "super comic";
  font-size:  7vw;
  text-align: center;
   letter-spacing: 0vw;
   line-height: 11vw;
   margin: 0;
   padding-top: 5vw;
}

.address p.smalltext4{
  text-decoration: none;
  color:white;
  font-family: "montserrat";
  font-size:  3.5vw;
  text-align: center;
   letter-spacing: 0.1vw;
   margin-bottom: 2vw;
   margin-top: 0vw;
}

.time{
  float: left;
  width: 100vw;
  text-align: center;
}

.time p.medium{
  ext-decoration: none;
  color:white;
  font-family: "montserrat";
  font-weight: bold;
  font-size:  4vw;
  text-align: center;
   letter-spacing: 0.1vw;
   margin-bottom: 0vw;
   margin-top: 5vw;
}

.time p.smalltext5{
  text-decoration: none;
  color:white;
  font-family: "montserrat";
  font-size:  4vw;
  text-align: center;
   letter-spacing: 0.1vw;
   margin-bottom: 2vw;
   margin-top: 0vw;
}

.social{
  float: left;
  width: 100vw;
  text-align: center;
  margin-top: 2vw;
  margin-left: 16vw;
}

.social img{
  width: 12vw;
  float: left;
  margin: 5vw;
}

.background{
  display: block;
  transition: 5s;
  position: fixed;
  width: 100%;
  height: 150vh;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1000;
  margin-top: -30vw;
}

.background.close{
  display: none;
  transition: 5s;
}

.popup{
  width: 85vw;
  height: 180vw;
  background-color: white;
  margin-left: 7.5vw;
  margin-top: 15vw;
  border-radius: 8vw;
  padding: 5vw;
}

.tnc p.tnc1{
  text-decoration: none;
  color:black;
  font-family: "montserrat";
  font-size:  3.5vw;
  text-align: center;
  line-height: 3.5vw;
   margin-bottom: 2vw;
   margin-top: 0vw;
}

.tnc p.tnc2{
  text-decoration: none;
  color:black;
  font-family: "montserrat";
  font-size:  3vw;
  text-align: center;
   letter-spacing: 0.1vw;
   margin-bottom: 2vw;
   margin-top: 0vw;
}


.spinlogo{
  width: 100%;
}

.spinlogo img{
  width: 50%;
  margin-left: 24%;
  margin-top: -5vw;
}

.spinner p{
  text-decoration: none;
  color: black;
  font-family: "super comic";
  font-size:  6.5vw;
  text-align: center;
   letter-spacing: 0vw;
   line-height: 11vw;
   margin: 0;
   padding-top: 2vw;
}

.spinner img.arrow{
  width: 6%;
  margin-left: 47%;
}

.spinner img.wheel{
  width: 95%;
  margin-left: 2.5%;
  margin-top: 5%;
}

table{
  width: 100%;
}
input{
  width: 100%;
  height: 3.2vw;
  padding-left:3%;
  padding-right: 3%;
  border-radius: 1vw;
  font-family: 'Raleway', sans-serif;
  font-size: 5vw;
}

input:focus, textarea:focus{
  outline:none;
}

textarea{
  width: 100%;
  padding: 5vw;
  border-radius: 10vw;
  border: 2px solid black;
  margin-top: 5vw;
  margin-bottom: 1vw;
  height: 15vw;
  font-family: 'Raleway', sans-serif;
  font-size: 4vw;
  text-align: center;
  resize: none;
}

td.button_place button{
  height: 15vw;
  width: 50vw;
  background-color: #FF1D68;
  color: white;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "super comic";
  font-size:  6vw;
  text-align: center;
   letter-spacing: 0.5vw;
   margin-left: 12vw;
   margin-top: 1vw;

}

.closebtn{
  margin-left: 66vw;
  margin-top:-1vw;
}

.closebtn p{
  text-decoration: none;
  color: #FF1D68;
  font-family: "super comic";
  font-size:  8vw;
  margin: 0;

}

/* TOYS PAGE */

body.toys{
  margin: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  background-color: white;
  background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}



header .navigationbar li a.ourtoys{
    text-decoration: none;
    color:pink;
    font-family: "poppins";
    font-weight: bold;
    font-size:  3vw;
}

Body.toys header .navigationbar li a.aboutus{
    text-decoration: none;
    color:black;
    font-family: "poppins";
    font-size:  3vw;

}


.toycontainer{
  width: 80vw;
  margin-left: 10vw;

}
.toybox{
  width: 39vw;
  margin-left: 0.8vw;
  height: 56vw;
  float: left;
  margin-top: 0.8vw;
}

.toybox img{
  width: 100%;
  padding: 1vw;
}

.toyinfo{
    text-align: center;
    margin-bottom: 1vw;
}

p.toyname{
  font-family: 'poppins',sans-serif;
  font-weight: bold;
  font-size: 3vw;
  margin: 0;
}

p.toydes{
  font-family: 'poppins',sans-serif;
  font-size: 2vw;
  margin: 0;
}

.toybtn button {
  border: none;
  width: 80%;
  margin-left: 10%;
  cursor: pointer;
  padding: 0.8vw;
  padding-left: 2vw;
  padding-right: 2vw;
  font-family: 'poppins',sans-serif;
  font-weight: bold;
  font-size: 3vw;
  color: white;
  transition: 0.3s;
  background-color:#FF1D68;
  border-radius: 4vw;
}

.toybtn button:hover{
  transition: 0.3s;
  color:#FF1D68;
  background-color:pink;
}