/*uviq tab controllers */

#uviq_header{
  position: relative;
  background: url(../images/uviq/clouds_lowres.jpg); 
  background-size: 100%;
  background-size: cover;
  background-width: 100%;
  background-height: auto;
  background-position: center center;
  vertical-align: top;
  height: auto;
  width: 100%;

  padding-bottom: 30%;
  padding-left: 2%;
  padding-right: 2%;
}



#uviq_header h1{
  position: absolute;
  right: 10%;
  top: 10%;
  width: 10%;
font-size: 8.0rem;
margin-left: 10pt;
  color: #FCFCCF;
  font-family: koratakiregular;

  /*Used for scaling*/
transform:scale(1.1,1.53); 
-webkit-transform:scale(1.1,1.53);
-moz-transform:scale(1.1,1.53);
-ms-transform:scale(1.1,1.53);
-o-transform:scale(1.1,1.53);

  display:inline-block; 

}

#uviq_description .fancy-underline{
   font-size: 2.3rem;
  color: rgb(75, 109, 146);
  font-family: kuroregular;
}

#uviq_description .fancy-underline:hover:after {
  width: 100%;
 background-color: rgb(75, 109, 146);
}

#uviq_description h2{
  font-size: 2.3rem;
  color: rgb(75, 109, 146);
  font-family: kuroregular;

}

.circle{
  background-color: rgb(106, 143, 146);
}

#uviq_explination h1{
  font-family: verminVibes;
  font-size: 4.8;
  text-transform: uppercase;
  color: rgb(75, 109, 146);

  /*Used for scaling*/
transform:scale(1.2,1); 
-webkit-transform:scale(1.2,1);
-moz-transform:scale(1.2,1);
-ms-transform:scale(1.2,1);
-o-transform:scale(1.2,1);
  display:inline-block; 
}

#uviq_explination h2{
  font-family: banker_squareregular;
  font-size: 2.4rem;
  text-transform: uppercase;
  color: rgb(75, 109, 146);
}

#uviq_explination h3{
  font-family: franklin_gothic_fsbook;
  font-size: 1.5rem;
  color: rgb(75, 109, 146);
}

#uviq_explination img{
  width: 50vw;
  height: 20vh;
  max-height: 20vh;
  max-width: 50vw;
  max-width: 12.000em;
}

#uviq_explination .fancy-underline{

  color: rgb(75, 109, 146);

}

#uviq_explination .fancy-underline:hover:after {
  width: 100%;
 background-color: rgb(75, 109, 146);
}

#uviq_solution{
  background-color: rgb(106, 143, 146);
  padding: 0% !important;
  margin: 0% !important;
  overflow: hidden;
}

#uviq_solution h1{
  font-family: verminVibes;
  font-size: 4.167em;
  color: white;
  transform:scale(1.35,1); 
-webkit-transform:scale(1.35,1);
-moz-transform:scale(1.35,1);
-ms-transform:scale(1.35,1);
-o-transform:scale(1.35,1);

  display:inline-block; 
}

#uviq_solution h2{
  font-family: franklin_gothic_fsbook;
  font-size: 1.50em;
  color: white;

}

#uviq_solution img{
  vertical-align: top;
  height: auto;
  width: 50%;
  z-index: 7;
}

#uviq_solution_footer{
  position: relative;
  overflow: hidden !important;
}

#uviq_solution_footer_text{
  position: relative;
  z-index: 3 !important;
}


#uviq_solution_footer_background{
  position: absolute;
  background: url(../images/uviq/close_up_lowres.jpg); 
  background-size: 100%;
  background-size: cover;
  background-width: 100%;
  background-height: auto;
  background-position: center center;
  height: auto;
  width: 100%;
  padding-bottom: 20%;
  margin-left: 1%;
  padding-right: 1%;
    z-index: 1 !important;
}

#uviq_solution_footer_overlay{
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    margin-left: 1%;
    padding-right: 1%;
    background: rgba(150, 150, 150, 0.8); /*can be anything, of course*/
    z-index: 2 !important;
}


#uviq_defines h1{
  font-family: verminVibes;
  font-size: 4.1rem; 
  text-transform: uppercase;
  color: #000000;

  /*Used for scaling*/
transform:scale(1.13,1); 
-webkit-transform:scale(1.13,1);
-moz-transform:scale(1.13,1);
-ms-transform:scale(1.13,1);
-o-transform:scale(1.13,1);
  display:inline-block; 
}

#uviq_defines h2{
  font-family: franklin_gothic_fsbook;
  font-size: 1.9rem;
  color: #000000;
}

#uviq_defines img{
  vertical-align: top;
  height: auto;
  width: 50%;
}

#uviq_changed{
  background-color: rgba(46,46,46, 1);
  text-align: center;
  z-index: 1;
  padding-top: 2%;
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
  overflow: hidden;
}


#uviq_changed h1{
font-family: kuroregular;
font-size: 3.3rem;
color: white;

}

#uviq_changed h2{
font-family: kuroregular;
font-size: 2.2rem;
color: white;

}

#uviq_changed h3{
font-family: franklin_gothic_fsbook;
color: rgb(124, 157, 160);
font-size: 1.8rem;
padding-left: 2%;
padding-right: 2%;
}


#uviq_personal{
border: 5px solid;
color: rgb(75, 109, 146);
padding-left: 2%;
padding-right: 2%;
}


#uviq_personal .header h1{
  font-family: kuroregular;
  font-size: 4.2rem;


color: rgb(75, 109, 146);
}

#uviq_personal .body h1{
  font-family: kuroregular;
  font-size: 3.1rem;
  color: rgb(75, 109, 146);
}

#uviq_personal .body h2{
  font-family: franklin_gothic_fsbook;
  font-size: 1.6rem;
  color: black;
}

#uviq_personal .middle h1{
  font-family: kuroregular;
  font-size: 2.4rem;
  color: rgb(75, 109, 146);
}


#uviq_personal .header h2{
  font-family: franklin_gothic_fsbook;
  font-size: 1.9rem;
color: rgb(75, 109, 146);
}



#uviq_personal img{

  width: auto;
  height: auto;
  min-width: 20vw;
  min-height: 20vh;
}

#uviq_potential{
  padding-top: 5%;
}

#uviq_potential .title h1{
  font-family: verminVibes;
  font-size: 4.2rem; 
  text-transform: uppercase;
  color: rgb(75, 109, 146);

  /*Used for scaling*/
transform:scale(1.20,1); 
-webkit-transform:scale(1.20,1);
-moz-transform:scale(1.20,1);
-ms-transform:scale(1.20,1);
-o-transform:scale(1.20,1);
  display:inline-block; 
}

#uviq_potential_content{
background-color: rgb(75, 109, 146) !important;

}

#uviq_potential_description{
margin-left: 1%;
margin-right: 1%;
padding-bottom: 3%;
text-align: center;
}

#uviq_potential_content hr{
  height: 3px;
  width: 50%;
  background-color: rgba(46, 46, 46, 1);
  color: rgba(46, 46, 46, 1);
  border: 0 none;
}

#uviq_potential_content .fancy-underline{

  color: rgba(46, 46, 46, 1);

}

#uviq_potential_content .fancy-underline:hover:after {
  width: 100%;
 background-color: rgba(46, 46, 46, 1);
}

#uviq_potential_description h1{
  font-family: kuroregular;
  color: white;
  font-size: 3.1rem;
}

#uviq_potential_description h2{
  font-family: franklin_gothic_fsbook;
  color: white;
  font-size: 1.7rem;
  padding-top: 3%;

}

#uviq_potential_description img{
  width: auto;
  height: auto;
  min-width: 75vw;
  min-height: 40vh;
}



#uviq_potential_extra{
padding-left: 10%;
padding-right: 10%;
padding-bottom: 2%;
}

#uviq_potential_extra h1{
  font-family: kuroregular;
  font-size: 2.6rem;
  color: white;
}

#uviq_potential_extra h2{
  font-family: franklin_gothic_fsbook;
  font-size: 1.8rem;
  color: white;
}

#uviq_potential_extra img{
  width: auto;
  height: auto;
  min-width: 40vw;
  min-height: 60vh;
}

#uviq_potential_extra hr{
  width: 10%;
}

#uviq_potential_records .fancy-underline:hover:after {
  width: 100%;
 background-color: rgba(255,255,255, 1);
}




#uviq_potential_numbers{
background-color: white;
margin-left: 1%;
margin-right: 1%;
padding-bottom: 3%;
margin-top: 2%;
padding-top: 4%;
margin-bottom: 1%;
text-align: center;
}

#uviq_potential_numbers h2{
 font-family: franklin_gothic_fsbook;
  font-size: 1.67em;
  color: #700205;
  padding-left: 10%;
  padding-right: 10%;

}


#uviq_potential_numbers_info h2{
 font-family: banker_squareregular;
  font-size: 2.59em;
  color: #700205;
  transform:scale(1.13,1); 
-webkit-transform:scale(1.13,1);
-moz-transform:scale(1.13,1);
-ms-transform:scale(1.13,1);
-o-transform:scale(1.13,1);
  display:inline-block; 

}

#uviq_potential_numbers_info h3{
  font-family: kuroregular;
  font-size: 2.00em;
  color: #700205;
  padding: 0%;
}


#uviq_legal{
   padding-bottom: 0%;
  position: relative;
}

#uviq_legal h3{
  font-family: franklin_gothic_fsbook;
  font-size: 1.505em;
  color: black;
}

#uviq_legal h2{
  font-family: banker_squareregular;
  font-size: 1.840em;
  color: black;
}

#uviq_legal .uviq_legal_contact h2{
  font-family: banker_squareregular;
  font-size: 1.421em;
  color: white !important;
}

.uviq_legal_contact{
  position: relative;
    width: 30%;
  height: 20%;
  margin-top: 2%;
  background-color: rgb(106, 143, 146);
  border-radius: 200pt;
   -webkit-border-radius: 200pt;
  -moz-border-radius: 200pt;
  margin: 1%;
}

.uviq_legal_contact .fancy-underline:hover:after {
  width: 100%;
 background-color: rgba(255,255,255, 1);{
}


/*Low res smartphones, portrait and landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {


.uviq_legal_contact{
  width: 100%;
}

#uviq_legal{
  padding-bottom: 20%;
  width: 100%;
}


.uviq_legal_contact{
  margin-left: 0% !important;
}

}

/*iPads portrait and landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

.uviq_legal_contact{
  width: 100%;
}

#uviq_legal{
  padding-bottom: 0%;
  width: 100%;
}



.uviq_legal_contact{
  margin-left: 0% !important;
}

}

/* High res smartphones, portrait and landscape */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

.uviq_legal_contact{
  width: 100%;
}

#uviq_legal{
  padding-bottom: 0%;
  width: 100%;
}

#uviq_footer{
  width: 100%;
}

.uviq_legal_contact{
  margin-left: 0% !important;
}


}