*{
    padding:0px;
    margin:0px;

}
body,html{
    width:100%;
    height:100%;
    background-size:cover;
 
    
}
#content{
    width:100%;
    overflow-y:scroll;
    height:80%;
    
}


#header{
    width:95%;
    height:70px;

    background-color:#1FECEC;
    padding-top:1%;
    padding-bottom:2%;
    padding-left:5%;
}
#topBar{
    width:100%;
    height:5%;
    background-color:rgba(0,0,0,0.6);


}
#topBar img{
    width:20%;
    height:80%;
    position:relative;
    left:75%;
}
.logo{
    display:inline-block;
}
.showMenu{
    display:inline-block;
    position:absolute;
    top : 2%;
    right : 2%;
    
    vertical-align: top;
    background-color:transparent;
    width:50px;
    height:50px;

    background-image:url('../images/menu-toggle.png');
    background-size:cover;
}
.close{
    margin-left:90%;
}
.menu{
    display:none;
    position:fixed;
    right:0px;
    top:0px;
    width:40%;
    height:100%;
    background-color:rgba(0,0,0,0.8);
    width:0px;
}
.closeMenu{
    position:absolute;
    top:10px;
    left : 10px;

    background-image:url('../images/closeMenu.png');
    border:0px;

}
.menu ul{
    list-style-type:none;
    margin-top:80px;
    font-size:20px;
    color:white;
    width:100%;
}
.menu ul li a{
    text-decoration:none;
    color:white;
    margin-left:10%;
}

#videoFrame{
    width:80%;
    margin-left:10%;
    margin-top:10%;
    margin-bottom:10%;
}

#gotItButton{
    width:20%;
    height:5%;
    margin-left:50%;
    position:relative;
    margin-top:10%;
    left:-10%;

}
.indexLabel{
    width:100%;
    height:40%;


}
.labelBIG{
    width:100%;
    height:auto;
}
.labelMEDIUM{
    width:45%;
    margin-left:3%;
    display:inline-block;

}
.labelSMALL{
    width:25%;
    display:inline-block;
    margin-left:3%;
}
.productLogo{
    width:100%;
    height:100%;
}
.productLogoWrapper{
    width:95%;
    padding-left:5%;
}
.productLogoDiv{
    display:inline-block;
    width:45%;
    height:45%;
    margin-left:0%;
}
.tick, .tick2,.tick3{
    position:absolute;
    width:20%;
    margin-left:9%;
    margin-top:5%;
    height:10%;
    z-index:9;
    display:none;
}
.tick2{
    margin-left:18%;
    margin-top:25%;
    width:12%;
    height:7%;
}
.tick3{
    margin-left:5%;
    width:12%;
    height:7%;
}
.previousButton{
    margin-left:28%;
}
.nextButton,.previousButton{
    width:20%;
    height:15%;
    display:inline-block;
    margin-top:10%;
}
.nextButtonSubmit{
    width:20%;
    height:15%;
    display:inline-block;
    background-color:transparent;
    margin-top:10%;
    border:0px;
    padding:0px;
}
.nextButtonSubmitImg{
    width:100%;
    height:100%;

}

.sizeLabel{
    width:100%;    
}
.sizeLabelDiv{
    opacity:0.7;
}
.textInput{
    width:95%;
    height:30px;
    border:1px solid cyan;
    border-radius:5px;
    padding-left:5%;
    margin-top:5%;
}
.selectInput{
    width:100%;
}
.inputTextArea{
    width:95%;
    resize:vertical;

    height:100px;
    margin-top:5%;
    border:1px solid cyan;
    border-radius:5px;
    padding-left:5%;
}
.formWrapper{
    width:80%;
    padding-left:10%;
    padding-right:10%;

}
.durationDiv{
    width:30%;
    margin-left:2%;
    display:inline-block;
    opacity:0.7;
}
.total{
    width:100%;
    background-color:rgba(0,0,0,0.8);
    color:white;

}
.errorMsg{
    color:red;
    font-size:18px;
}

.cyanBox{
    border : 1px solid cyan;
    padding : 5%;
    margin-top : 2%;
    border-radius : 5px;
    margin-left : 5%;
    margin-right : 5%;
    color : white;
}

.orderTable{
 
}
.orderTable a:link,.orderTable a:visited{
    color : white;
    text-decoration: none;
}

.cyanButton{
    background-color : transparent;
    color :white;
    border : 1px solid cyan;
    border-radius : 5px;
    margin-left : 85%; 
    padding : 5px;
            margin-top : 3%;
            display : inline-block;
}
.totalPrice{
    font-size : 30px;
    color : white;
    display : block;
    font-weight : bold;
    margin-left : 20%;
    font-family : fantasy;
    position : relative;
}

.codeButton{
    width:80%;
    height:100px;
    border-radius:20px;
    margin-left:7%;
    background-color: white;
    border:cyan;
    padding-left:5%;
    margin-top:40%;
    font-size:28px;
    border: 5px solid cyan;
}

.submitButton1{
    background-color:transparent;
    border-color:cyan;
    width:40%;
    height: 40px;
    color : cyan;
    margin-left:30%;
    font-size:18px;
    border-radius:10px;
    margin-top:20px;
}

.loginButtons{
    margin-left : 40%;
    margin-top:5%;
}

.loginButtons .cyanButton{
    margin : 0;
}