@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

/* Fonts */

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura.eot');
    src: url('../fonts/Futura.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Futura.woff2') format('woff2'),
        url('../fonts/Futura.woff') format('woff'),
        url('../fonts/Futura.ttf') format('truetype'),
        url('../fonts/Futura.svg#Futura') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaCondMedium.eot');
    src: url('../fonts/FuturaCondMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCondMedium.woff2') format('woff2'),
        url('../fonts/FuturaCondMedium.woff') format('woff'),
        url('../fonts/FuturaCondMedium.ttf') format('truetype'),
        url('../fonts/uturaCondMedium.svg#FuturaCondMedium') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Light.eot');
    src: url('../fonts/Futura-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Futura-Light.woff2') format('woff2'),
        url('../fonts/Futura-Light.woff') format('woff'),
        url('../fonts/Futura-Light.ttf') format('truetype'),
        url('../fonts/Futura-Light.svg#Futura-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Hv BT';
    src: url('../fonts/FuturaBT-Heavy.eot');
    src: url('../fonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBT-Heavy.woff2') format('woff2'),
        url('../fonts/FuturaBT-Heavy.woff') format('woff'),
        url('../fonts/FuturaBT-Heavy.ttf') format('truetype'),
        url('../fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


html, body {
  font-size: 62.5%;  
  overflow-x: hidden;
  width: 100vw;
  font-family: 'Futura';
  font-weight: 100; 
  font-style: normal;
  background-color: #fff;
}
.mainContainer {
  width: 100%;
  background-color: #2f3787;
}
.mainContainer2 {
  width: 100%;
  background-color: #f2cb13;
}
.container {
  width: 80%;
  margin: 0 auto;
  padding:40px 0;
}
/*.lmtWIHO_gkbTeeyuvoJC
{
  background-color: transparent !important;
}*/
.intro
{
  color: #f2cb13;
  font-weight: 900;
  font-size: 6rem;
  text-align: center;
  line-height:1.2em;
}
.intro2
{
  color: #FFF;
  font-weight: 100;
  font-size: 4rem;
  text-align: center;
  margin: 20px 0;
}
.intro3
{
  width: auto;
  color: #2f3787;
  font-weight: 900;
  font-size: 4rem;
  text-align: center;
  margin: 20px 0 0;
  padding: 20px;
  background-color:#f2cb13 ;
}
.phoneIntro
{
  width: auto;
  color: #2f3787;
  font-weight: 900;
  font-size: 3rem;
  letter-spacing: 0.1em;
  text-align: center;
  background-color:#f2cb13 ;
}
.phone
{
  width: auto;
  color: #2f3787;
  font-weight: 900;
  font-size: 7.5rem;
  letter-spacing: 0.1em;
  text-align: center;
  background-color:#f2cb13 ;
}
.phoneLang
{
  width: auto;
  color: #2f3787;
  font-weight: 100;
  font-size: 4rem;
  letter-spacing: 0.5em;
  padding-top: 10px;
  text-align: center;
  background-color:#f2cb13 ;
}
/*Media Quieries*/
@media screen and (max-width: 1800px) {
}
@media screen and (max-width: 1550px) {
}
@media screen and (max-width: 1366px){
}
@media screen and (height: 1024px) and (width: 1366px){

}
@media screen and (max-width: 1112px) {
}
@media screen and (max-width: 1112px) and (max-height: 834px){
}
@media screen and (max-width: 1024px) {
 
}
@media screen and (max-width: 1112px) and (height: 834px){
 
}
@media screen and (width: 1024px) and (height: 768px){
  
}
@media screen and (max-width: 834px) {
  
}
@media screen and (max-width: 768px) {
 
}
@media screen and (max-width: 736px) {
    html {
    font-size: 40%;
  }
}
@media screen and (max-width: 667px) {
  
  
}
@media screen and (max-width: 568px) {
  html {
    font-size: 35%;
  }
}
@media screen and (max-width: 414px) {
  html {
    font-size: 30%;
  }
}
@media screen and (max-height: 414px){
  
}
@media screen and (max-width: 375px) {
  
}
@media screen and (max-width: 320px) {
  
}
@media screen and (max-width: 2000px) and (orientation:portrait){ 
  
}