body, html{
margin:0;
padding:0;
width:100%;
}

#topNavigation{
height:150px;
/*width:100%;*/
position: absolute;
z-index: 1;

}

.topLeft{
width:30%;   
}

.topRight{
width:50%;   
}

.topCenter{
/*position:absolute;*/
/*width:100%;*/
/*display: flex;*/
}



.logoCenter{
position:absolute;
   
}


@media (min-width: 0px) and (max-width: 900px){
.homeContainer{
height:1250px;
display:flex;
background-color:black;
position: relative;

}}




@media (min-width: 700px) and (max-width: 2500px){
.homeContainer{
height:1250px;
display:flex;
/*background-color:black;*/
/*position: relative;*/

}}



@media (min-width: 0px) and (max-width: 700px){
.thanksContainer{
height:400px;
display:flex;
background-color:black;
position: relative;

}}




@media (min-width: 700px) and (max-width: 2500px){
.thanksContainer{
height:400px;
display: grid;
/*background-color:black;*/
/*position: relative;*/

}}



.returnHomeLink{
margin:auto;
}









@media (min-width: 0px) and (max-width: 900px){
.container-thanks{
height:750px;
display:flex;
background-color:black;
/*position: relative;*/

}}

@media (min-width: 700px) and (max-width: 2500px){
.container-thanks{
height:750px;
display:flex;
background-color:black;
/*position: relative;*/

}}



@media (min-width: 0px) and (max-width: 900px){
#homeBG{
width:100%;
height: 1250px;
/*position: absolute;*/
}}

@media (min-width: 700px) and (max-width: 2500px){
#homeBG{
width: 100%;
height: 1250px;
position: absolute;
top: 0;
left: 0;
}}


.homeTitle01{
text-align: center;
color: white;
font-size: 24px;
font-family: 'proximanova-regular.otf';
}

.homeTitle02{
text-align: center;
color: white;
font-size: 24px;
font-family: 'proximanova-thin.otf';
}


.formDiv01{
width: 99%;
margin: auto;
position: absolute;
top: 150px;
text-align: center;
}

.contactUsText01{
position: relative;
text-align: center;
width: 100%;
float: left;
font-size: 18px;
color: black;
font-size: 24px;
font-family: 'proximanova-regular.otf';
}

.contactForm01{
font-size: 18px;
position: relative;
width: 140px;
background-color: transparent;
border-color: white;
border-width: 1px;
border-style:solid;
height: 34px;
border-radius: 1px;
margin: 10px;
text-align: center;
color:white;
font-family: 'proximanova-thin.otf';
}


.contactForm02{
font-size: 18px;
position: relative;
width: 100%;
background-color: transparent;
border-color: black;
border-width: 1px;
border-style:solid;
height: 34px;
border-radius: 1px;
margin: 10px;
text-align: left;
color:black;
font-family: 'proximanova-thin.otf';
position: relative;
float: right;
}

.contactForm02:hover{
font-size: 18px;
position: relative;
width: 100%;
background-color: transparent;
border-color: #990000;
border-width: 2px;
border-style:solid;
height: 34px;
border-radius: 1px;
margin: 10px;
text-align: left;
color:black;
font-family: 'proximanova-thin.otf';
position: relative;
float: right;
}


.formTop{
/*width:1000px;*/
/*height:50px;*/

}

.contactBtn01{
font-size: 16px;
width: 200px;
height: 34px;
border-color: #990000;
border-width: 2px;
background-color: transparent;
border-radius: 1px;
margin:auto;
color: white;
font-family: 'proximanova-thin.otf';
}



.contactBtnDiv5{
float: left;
display: flex;
position: relative;
width: 100%;
}




.formText01{
text-align: center;
}    

#contactForm{
width: 90%;
margin: auto;
display: grid;
}


.topLogo{
width: 200px;
height: 150px;
}

.thanksText01{
font-size: 22px;
color: white;
font-family: 'proximanova-thin.otf'; 
text-align:center;
padding-top: 100px;
}

.thanksSpan01{
color:#990000;
}

.thanksSpan02{
color:black;
}


.textDiv01{
width: 100%;
}

 @media (min-width: 0px) and (max-width: 700px){
.blackOverlay{
background-color: black;
position: absolute;
height: 1250px;
width: 98%;
opacity: 50%;   
}}


@media (min-width: 700px) and (max-width: 2500px){
.blackOverlay{
background-color: black;
position: absolute;
height: 1250px;
width: 100%;
opacity: 50%;
top: 0;
left: 0;
}}

.iykykBox01{
display:flex;
}

.iykykLink01{
font-size: 22px;
color: #990000;
font-family: 'proximanova-thin.otf';
text-align: center;
/*padding-top: 100px;*/
text-decoration: none;
margin:auto;
}


.iykykLink01:hover{
font-size: 24px;
color: white;
font-family: 'proximanova-thin.otf';
text-align: center;
/*padding-top: 100px;*/
text-decoration: none;
margin:auto;
}

.containerOrder01{
height:800px;
background-color:white;
}


.containerOrder02{
height:800px;
background-color:black;
}

.orderText01{
/*text-align: center;*/
color: black;
font-size: 22px;
font-family: 'proximanova-regular.otf';  
text-align:center;
}


.orderText02{
/*text-align: center;*/
color: #990000;
font-size: 22px;
font-family: 'proximanova-regular.otf';  
text-align:center;
}

.orderText03{
/*text-align: center;*/
color: #990000;
font-size: 22px;
font-family: 'proximanova-regular.otf';  
text-align:center;
}

.orderText04{
/*text-align: center;*/
color: white;
font-size: 22px;
font-family: 'proximanova-regular.otf';  
text-align:center;
}

.iykyktgp{
margin-top: 50px;
}


#formDiv02{
display:block; 
}

#formDiv03{
display:none;    
    
}

.loginText01{
color: white;
font-size: 18px;
font-family: 'proximanova-regular.otf';  
}


#popUp{
position: absolute;
top: 100px;
right: 100px;
width: 30%;
height: 200px;
background-color: #222;
/*display: flex;*/
}

#popUpDiv{
width:100%;
display:flex;
/*position: absolute;*/
}

#popUpTop{
width: 100%;
height: 25%;
display:flex;
}


#popUpForm{
margin:auto;    
}



.popUpText01{
color: white;
font-size: 18px;
font-family: 'proximanova-regular.otf';     
margin: auto;
/*position: absolute;*/
}


#popUpText02{
color: white;
font-size: 18px;
font-family: 'proximanova-regular.otf';
position: absolute;
top: 1px;
right: 15px;
}

#popUpFormDiv{
display:flex;
}

#contactUsContainer{
height:600px;
display:flex;
}

.contactFormDiv{
margin:auto;

}




.thanksText01{
text-align: center;
color: black;
font-size: 24px;
font-family: 'proximanova-regular.otf';
}






#id_message{
height:200px;
}






/*SCROLL BAR*/
/* Works on Firefox */
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #990000;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: white;
}

*::-webkit-scrollbar-thumb {
  background-color: #990000;
  border-radius: 20px;
  border: 3px solid white;
}
/*SCROLL BAR*/