@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

body {
    background-color: #0f2b50;
    font-family: Lato !important;
}
    
.logo {
    max-width: 100%;
    height: auto;
    
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.warningText red{
    /*font-family: 'Audiowide';*/
    font-size: 3vmin;
    color: red;
} 

.warningText white{
    /*font-family: 'Audiowide';*/
    font-size: 3vmin;
    color: white;
} 

.infoText nm{
    /*font-family: 'Audiowide';*/
    font-size: 6vmin;
    color: #b9d207;
} 

.infoText h1{
    /*font-family: 'Audiowide';*/
    font-size: 6vmin;
    color:white;
}

.infoText h2{
    /*font-family: 'Audiowide';*/
    font-size: 4vmin;
    color: white;
}

.labelText {
color: white;
/*font-family:'Nova Square';*/
font-weight:100;
}

.productBox {
display:inline-block;
width:25%;
height:auto;
margin-left: 10px;
margin-right: 10px;
}

.productLabel {
color: #ffb400;
/*font-family:'Nova Square';*/
font-weight:100;
}

.centering{
    width: 100%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    height: auto;
}
.centeringCaptcha {
   display:block;
    text-align: center;
    margin:0px auto;
  
}

.dashboardButton{

 width:400px;
 height: 40px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.dashboardButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}

.stdButton{

 width:85px;
 height: 30px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: inline-block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}

.loginContainer{
    width: 50%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

input{
width: 100%;
height: 30px;

}

form{
margin: 0 auto; 
width:50vw;
}

.form-control{
    color:black;
  background-color: #c4c4c4;
  height: 37px;
}

.boxed1 {
  width: 100%;
  height:300px;
  color: white;
  padding: 10px;
  border: 3px solid #deffa0;
  margin: 0;
  background: #031738;
  text-align: center;
  vertical-align: middle;
   /*font-family: 'Nova Square';*/
}

.boxed2 {
  width: 100%;
  height:auto;
  color: white;
  padding: 10px;
  border: 1px solid #deffa0;
  margin: 0;
  background: #031738;
  text-align: left;
  vertical-align: middle;
 /*font-family: 'Nova Square';*/
}

.boxed3 {
  width: 100%;
  height: auto;
  color: white;
  border: 0px solid #00aeef;
  margin: 5px;
  background: #031738;
  text-align: center;
  vertical-align: middle;
    justify-content: center;
        align-items: center;
    overflow: hidden;
display:inline-block;
 /*font-family: 'Nova Square';*/
}

.boxed3 img {
    flex-shrink: 0;
    max-width: 100%;
    max-height: 100%
}
    
#rc-imageselect, .g-recaptcha {
        display:inline-block;
            margin-left: auto;
    margin-right: auto;
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale(1);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
        
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}

.visitorGender{
    display: inline-block;
    width:13px;
    height:13px;
}


@media only screen and (max-width: 569px){
.dashboardButton{

 width:300px;
 height: 30px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}
}

@media only screen and (min-width: 320px){
    .logo {
    max-width: 100%;
    height: auto;
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px;
}
}

@media only screen and (min-width: 469px){
    .logo {
    max-width: 100%;
    height: auto;
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px;
}
.dashboardButton{

 width:300px;
 height: 30px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}
}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
    #rc-imageselect, .g-recaptcha {
        display:inline-block;
        transform:scale(0.77);
        -moz-transform:scale(0.77);
        -ms-transform:scale(0.77);
        -o-transform:scale(0.77);
        -webkit-transform:scale(0.77);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
        
    }


.infoText{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 600px;
    max-width: 80%;
    margin: auto;
    text-align:center;
    text-shadow: 0 0 5px #57ff53;
}

.dashboardButton{

 width:100%;
 height: 30px;
 font-size: 14px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.dashboardButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}



.loginContainer{
    width: 100%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.stdButton{

 width:85px;
 height: 30px;
 font-size: 13px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
#rc-imageselect, .g-recaptcha {
        display:inline-block;
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale1(1);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
    
}

.infoText{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 600px;
    max-width: 80%;
    margin: auto;
    text-align:center;
    text-shadow: 0 0 5px #57ff53;
}

.stdButton{

 width:85px;
 height: 30px;
 font-size: 13px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}

.loginContainer{
    width: 100%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

  
    #rc-imageselect, .g-recaptcha {
        display:inline-block;
            margin-left: auto;
    margin-right: auto;
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale(1);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
        
}

.infoText{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 768px;
    max-width: 80%;
    margin: auto;
    text-align:center;
    text-shadow: 0 0 5px #57ff53;
}
.loginContainer{
    width: 100%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.stdButton{

 width:100px;
 height: 30px;
 font-size: 13px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    #rc-imageselect, .g-recaptcha {
        display:inline-block;
            margin-left: auto;
    margin-right: auto;
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale(1);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
        
}

.dashboardButton{

 width:320px;
 height: 30px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.infoText{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 992px;
    max-width: 80%;
    margin: auto;
    text-align:center;
    text-shadow: 0 0 5px #57ff53;
}

.loginContainer{
    width: 100%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
.stdButton{

 width:100px;
 height: 30px;
 font-size: 13px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1152px) {

    #rc-imageselect, .g-recaptcha {
        display:inline-block;
            margin-left: auto;
    margin-right: auto;
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale(1);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
        
}

.dashboardButton{

 width:320px;
 height: 30px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.infoText{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 992px;
    max-width: 80%;
    margin: auto;
    text-align:center;
    text-shadow: 0 0 5px #57ff53;
}

.loginContainer{
    width: 100%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
.stdButton{

 width:100px;
 height: 30px;
 font-size: 13px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}



}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1280px) {
            form{
margin: 0 auto; 
width:auto;
}

  
    #rc-imageselect, .g-recaptcha {
        display:inline-block;
            margin-left: auto;
    margin-right: auto;
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale(1);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
        
}

.infoText{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 1200px;
    max-width: 80%;
    margin: auto;
    text-align:center;
    text-shadow: 0 0 5px #57ff53;
}

.loginContainer{
    width: 50%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.dashboardButton{

 width:320px;
 height: 30px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton{

 width:120px;
 height: 30px;
 font-size: 14px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}

}
@media only screen and (min-width: 1440px) {
            form{
margin: 0 auto; 
width:auto;
}

  
    #rc-imageselect, .g-recaptcha {
        display:inline-block;
            margin-left: auto;
    margin-right: auto;
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale(1);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
        
}

.infoText{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 1200px;
    max-width: 80%;
    margin: auto;
    text-align:center;
    text-shadow: 0 0 5px #57ff53;
}

.loginContainer{
    width: 50%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}


.stdButton{

 width:120px;
 height: 30px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}

.dashboardButton{

 width:410px;
 height: 40px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

}

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

 width:410px;
 height: 40px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}
}

@media only screen and (min-width: 1920px) {
            form{
margin: 0 auto; 
width:auto;
}

.centerT {
    position: relative;
    left: -20px;
    top: 90px;
    text-align: center;
    font-size: 24px;
}

  
    #rc-imageselect, .g-recaptcha {
        display:inline-block;
            margin-left: auto;
    margin-right: auto;
        transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transform:scale(1);

        
        transform-origin:0 0;
        -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
        -o-transform-origin:0 0;
        -webkit-transform-origin:0 0;
        
}

.infoText{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 1200px;
    max-width: 80%;
    margin: auto;
    text-align:center;
    text-shadow: 0 0 5px #57ff53;
}

.loginContainer{
    width: 50%;
    display:block;
    position:relative;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.dashboardButton{

 width:410px;
 height: 40px;
 font-size: 16px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}



.stdButton{


 width:200px;
 height: 32px;
 font-size: 15px;
 text-align: center;

    
 /*font-family: 'Nova Square';*/
 background-color: #00aeef;
 color: white;
 border: none;
 border-radius: 2px;
  
 display: block;
 margin: 0 auto;

 text-decoration: none;

 -webkit-transition-duration: 0.2s; /* Safari */
 -o-transition-duration: 0.2s; /* Safari */
 -moz-transition-duration: 0.2s; /* Safari */
 transition-duration: 0.4s;
  
 cursor: pointer;
}

.stdButton:hover{
    background-color: #b9d207;
    color: #0c2041;
}



}