@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		10;
	dw-num-cols-desktop:	14;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

	

    form h4{
        color: #C6C6C6;
        font-weight: bolder;
    }
    
    
    form h5{
        letter-spacing: -.5px;
        margin: 1.7em auto .5em auto;
    }
    
    
    form button{
        float: right;
        margin: 1em 0;
    }
    

    
    input[type=text], input[type=email], input[type=tel], input[type=password], input[type=name], input[type=number]{
        width: calc(100% - 2.5em);
        height: 1.85em;
        padding: 1em 1.5em 1em 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border: solid 0px #3ab54a;
        margin: .5em 0;
        background-color: transparent;
        color: #000;
        border-radius: 2em;
        background-color: #F1F1F1;
        position: relative;
    }
    
    
    
    input:focus{
        outline: 0;
        background-color: #fff;
    }
    
    
    input:active{
        outline: 0;
        background-color: #fff;
    }
    
    
    input::placeholder{
        font-size: 1em;
        opacity: .7;
        color: #606060;
        letter-spacing: 1px;
        position: absolute;
        top: 30%;
        left: 5%;
        transition: all .4s;
    }
    
    
    input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }
    
    
    
    
    .chooseticket-number input[type=number]{
        width: auto;
        background-color: #21B19C;
        color: #fff;
        font-size: 1em;
        font-weight: bolder;
        padding: auto 1em;
        overflow: hidden;
        position: relative;
    }
    
    
    .chooseticket-number input[type=number]::placeholder{
        left: 1em;
        color: #fff;
    }
    

        
    textarea{
        width: calc(100% - 2em);
        height: 15vh;
        padding: 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border-radius: 1em;
        margin: .5em 0;
        color: #000;
        background-color: #F1F1F1;
        border: 0px;
        letter-spacing: .5px;
        position: relative;
    }
    
    
    textarea::placeholder{
        font-size: 1em;
        opacity: .85;
        color: #000;
        letter-spacing: 1px;
        position: absolute;
        top: 1em;
        left: 1em;
        transition: all .4s;
    }
    
    
    textarea:focus::placeholder{
        top: 5%;
        font-size: .5em;
    }
    
    textarea:focus{
        border: 0px;
    }
    
    textarea:active{
        border: 0px;
    }
    
   
    
    
    #signin{
        width: calc(100% - 2em);
        height: auto;
        background-color: #F6F6F6;
        display: block;
        float: left;
        clear: none;
        padding: 1em;
        margin: 1em auto 2em;
        border-radius: 1em;
    }
    
    
    
    select{
        width: calc(100% - 0em);
        height: auto;
        padding: 1em 1.5em 1em 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border: solid 0px #3ab54a;
        margin: .5em 0;
        color: #fff;
         border-radius: 2em;
         background-color: #A7A7A7;
        font-size: .9em;
        letter-spacing: .5px;
        cursor: pointer;
        position: relative;
    }
    
    
    select:active, select:focus{
        border: 0px;
    }
    
    
    select option{
        font-family: "GeneralSans-Regular";
        
        cursor: pointer;
    }
    
    
    select option:checked{
        background-color: #21B19C;
        
    }
    
    
    select option:focus{
         background-color: #21B19C;
    }
    
    select option:first-of-type{
        font-size: 1.2em;
        font-weight: bold;
        letter-spacing: 2px;
    }
    
    
    
    
    .exhibtion-form{
        padding: 1em;
        border-radius: 1em;
        width: calc(90vw - 2em);
        height: auto;
        display: block;
        float: left;
        clear: both;
        background-color: white;
        margin: 5vh 0%;
        
    }
    
    
    
    
    

    
    
    
	
    

    















/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	
	
	
	
	
    form h4{
        color: #C6C6C6;
        font-weight: bolder;
    }
    
    
    form h5{
        letter-spacing: -.5px;
        margin: 1.7em auto .5em auto;
    }
    
    
    form button{
        float: right;
        margin: 1em 0;
    }
    

    
    input[type=text], input[type=email], input[type=tel], input[type=password], input[type=name], input[type=number]{
        width: calc(100% - 2.5em);
        height: 1.85em;
        padding: 1em 1.5em 1em 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border: solid 0px #3ab54a;
        margin: .5em 0;
        background-color: transparent;
        color: #000;
        border-radius: 2em;
        background-color: #F1F1F1;
    }
    
    
    
    input:focus{
        outline: 0;
        background-color: #fff;
    }
    
    
    input:active{
        outline: 0;
        background-color: #fff;
    }
    
    
    input::placeholder{
        font-size: 1em;
        opacity: .7;
        color: #606060;
        letter-spacing: 1px;
        position: absolute;
        top: 30%;
        left: 5%;
        transition: all .4s;
    }
    
    
    input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }
    
    
    
    
    .chooseticket-number input[type=number]{
        width: auto;
        background-color: #21B19C;
        color: #fff;
        font-size: 1em;
        font-weight: bolder;
        padding: auto 1em;
        overflow: hidden;
    }
    
    
    .chooseticket-number input[type=number]::placeholder{
        left: 1em;
        color: #fff;
    }
    

        
    textarea{
        width: calc(100% - 2em);
        height: 15vh;
        padding: 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border-radius: 1em;
        margin: .5em 0;
        color: #000;
        background-color: #F1F1F1;
        border: 0px;
        letter-spacing: .5px;
        position: relative;
    }
    
    
    textarea::placeholder{
        font-size: 1em;
        opacity: .85;
        color: #000;
        letter-spacing: 1px;
        position: absolute;
        top: 1em;
        left: 1em;
        transition: all .4s;
    }
    
    
    textarea:focus::placeholder{
        top: 5%;
        font-size: .5em;
    }
    
    textarea:focus{
        border: 0px;
    }
    
    textarea:active{
        border: 0px;
    }
    
   
    
    
    #signin{
        width: calc(100% - 2em);
        height: auto;
        background-color: #F6F6F6;
        display: block;
        float: left;
        clear: none;
        padding: 1em;
        margin: 1em auto 2em;
        border-radius: 1em;
    }
    
    
    
    select{
        width: calc(100% - 0em);
        height: auto;
        padding: 1em 1.5em 1em 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border: solid 0px #3ab54a;
        margin: .5em 0;
        color: #fff;
         border-radius: 2em;
         background-color: #A7A7A7;
        font-size: .9em;
        letter-spacing: .5px;
        cursor: pointer;
    }
    
    
    select:active, select:focus{
        border: 0px;
    }
    
    
    select option{
        font-family: "GeneralSans-Regular";
        
        cursor: pointer;
    }
    
    
    select option:checked{
        background-color: #21B19C;
        
    }
    
    
    select option:focus{
         background-color: #21B19C;
    }
    
    select option:first-of-type{
        font-size: 1.2em;
        font-weight: bold;
        letter-spacing: 2px;
    }
    
    
    
    
    .exhibtion-form{
        padding: 2em;
        border-radius: 1em;
        width: 25vw;
        height: auto;
        display: block;
        float: left;
        clear: both;
        background-color: white;
        margin: 5vh calc(37.5vw - 7.5vw - 1em);
        
    }
    
    
    
    
    
    
    
    
	
    
    
    
    
    
    
    
    
    
	

	
	
	
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

    
    
    
    
    
    
    form h4{
        color: #C6C6C6;
        font-weight: bolder;
    }
    
    
    form h5{
        letter-spacing: -.5px;
        margin: 1.7em auto .5em auto;
    }
    
    
    form button{
        float: right;
        margin: 1em 0;
    }
    

    
    input[type=text], input[type=email], input[type=tel], input[type=password], input[type=name], input[type=number]{
        width: calc(100% - 2.5em);
        height: 1.6em;
        padding: .8em 1.25em .8em .8em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border: solid 0px #3ab54a;
        margin: .5em 0;
        background-color: transparent;
        color: #000;
        border-radius: 2em;
        background-color: #F1F1F1;
    }
    
    
    
    input:focus{
        outline: 0;
        background-color: #fff;
    }
    
    
    input:active{
        outline: 0;
        background-color: #fff;
    }
    
    
    input::placeholder{
        font-size: 1em;
        opacity: .7;
        color: #606060;
        letter-spacing: 1px;
        position: absolute;
        top: 30%;
        left: 5%;
        transition: all .4s;
    }
    
    
    input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }
    
    
    
    
    .chooseticket-number input[type=number]{
        width: auto;
        background-color: #21B19C;
        color: #fff;
        font-size: 1em;
        font-weight: bolder;
        padding: auto 1em;
        overflow: hidden;
    }
    
    
    .chooseticket-number input[type=number]::placeholder{
        left: 1em;
        color: #fff;
    }
    

        
    textarea{
        width: calc(100% - 2em);
        height: 15vh;
        padding: 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border-radius: 1em;
        margin: .5em 0;
        color: #000;
        background-color: #F1F1F1;
        border: 0px;
        letter-spacing: .5px;
        position: relative;
    }
    
    
    textarea::placeholder{
        font-size: 1em;
        opacity: .85;
        color: #000;
        letter-spacing: 1px;
        position: absolute;
        top: 1em;
        left: 1em;
        transition: all .4s;
    }
    
    
    textarea:focus::placeholder{
        top: 5%;
        font-size: .5em;
    }
    
    textarea:focus{
        border: 0px;
    }
    
    textarea:active{
        border: 0px;
    }
    
   
    
    
    #signin{
        width: calc(100% - 2em);
        height: auto;
        background-color: #F6F6F6;
        display: block;
        float: left;
        clear: none;
        padding: 1em;
        margin: 1em auto 2em;
        border-radius: 1em;
    }
    
    
    
    select{
        width: calc(100% - 0em);
        height: auto;
        padding: 1em 1.5em 1em 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border: solid 0px #3ab54a;
        margin: .5em 0;
        color: #fff;
         border-radius: 2em;
         background-color: #A7A7A7;
        font-size: .9em;
        letter-spacing: .5px;
        cursor: pointer;
    }
    
    
    select:active, select:focus{
        border: 0px;
    }
    
    
    select option{
        font-family: "GeneralSans-Regular";
        
        cursor: pointer;
    }
    
    
    select option:checked{
        background-color: #21B19C;
        
    }
    
    
    select option:focus{
         background-color: #21B19C;
    }
    
    select option:first-of-type{
        font-size: 1.2em;
        font-weight: bold;
        letter-spacing: 2px;
    }
    
    
    
    
    .exhibtion-form{
        padding: 2em;
        border-radius: 1em;
        width: 25vw;
        height: auto;
        display: block;
        float: left;
        clear: both;
        background-color: white;
        margin: 5vh calc(37.5vw - 7.5vw - 1em);
        
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
  
    
    
}
    /* Desktop Layout: 769px to a max of 1080px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1080px) {
	
    
    
    form h4{
        color: #C6C6C6;
        font-weight: bolder;
    }
    
    
    form h5{
        letter-spacing: -.5px;
        margin: 1.7em auto .5em auto;
    }
    
    
    form button{
        float: right;
        margin: 1em 0;
    }
    

    
    input[type=text], input[type=email], input[type=tel], input[type=password], input[type=name], input[type=number]{
        width: calc(100% - 3em);
        height: 1.85em;
        padding: .85em 1.5em .85em 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border: solid 0px #3ab54a;
        margin: .5em 0;
        background-color: transparent;
        color: #000;
        border-radius: 2em;
        background-color: #F1F1F1;
    }
    
    
    
    input:focus{
        outline: 0;
        background-color: #fff;
    }
    
    
    input:active{
        outline: 0;
        background-color: #fff;
    }
    
    
    input::placeholder{
        font-size: 1em;
        opacity: .7;
        color: #606060;
        letter-spacing: 1px;
        position: absolute;
        top: 30%;
        left: 5%;
        transition: all .4s;
    }
    
    
    input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }
    
    
    
    
    .chooseticket-number input[type=number]{
        width: auto;
        background-color: #21B19C;
        color: #fff;
        font-size: 1em;
        font-weight: bolder;
        padding: auto 1em;
        overflow: hidden;
    }
    
    
    .chooseticket-number input[type=number]::placeholder{
        left: 1em;
        color: #fff;
    }
    

        
    textarea{
        width: calc(100% - 2em);
        height: 15vh;
        padding: 1em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border-radius: 1em;
        margin: .5em 0;
        color: #000;
        background-color: #F1F1F1;
        border: 0px;
        letter-spacing: .5px;
        position: relative;
    }
    
    
    textarea::placeholder{
        font-size: 1em;
        opacity: .85;
        color: #000;
        letter-spacing: 1px;
        position: absolute;
        top: 1em;
        left: 1em;
        transition: all .4s;
    }
    
    
    textarea:focus::placeholder{
        top: 5%;
        font-size: .5em;
    }
    
    textarea:focus{
        border: 0px;
    }
    
    textarea:active{
        border: 0px;
    }
    
   
    
    
    #signin{
        height: auto;
        width: calc(100% - 2em);
        background-color: #F6F6F6;
        display: block;
        float: left;
        clear: none;
        padding: 1em;
        margin: 1em auto 2em;
        border-radius: 1em;
    }
    
    
    
    select{
        width: calc(100% - 0em);
        height: auto;
        padding: .85em 1.5em 1em .85em;
        transition: all .4s;
        font-family: "GeneralSans-Regular";
        border: solid 0px #3ab54a;
        margin: .5em 0;
        color: #fff;
         border-radius: 2em;
         background-color: #A7A7A7;
        font-size: .9em;
        letter-spacing: .5px;
        cursor: pointer;
    }
    
    
    select:active, select:focus{
        border: 0px;
    }
    
    
    select option{
        font-family: "GeneralSans-Regular";
        
        cursor: pointer;
    }
    
    
    select option:checked{
        background-color: #21B19C;
        
    }
    
    
    select option:focus{
         background-color: #21B19C;
    }
    
    select option:first-of-type{
        font-size: 1.2em;
        font-weight: bold;
        letter-spacing: 2px;
    }
    
    
    
    
    .exhibtion-form{
        padding: 2em;
        border-radius: 1em;
        width: 25vw;
        height: auto;
        display: block;
        float: left;
        clear: both;
        background-color: white;
        margin: 5vh calc(37.5vw - 7.5vw - 1em);
        
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
    
    
    /* Desktop Layout:1080px to a max of 1440px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1440px) {

    
    
    
    
    
    
    
    
    
    
    
}
    
        /* Desktop Layout: 1440px to a max of 1920px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1920px) {
	
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
  
    
    
    
}
            /* Desktop Layout: 1920px to a max of 2400px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 2400px) {
	

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
		
}