/* Dax Regular Font */
@font-face {
font-family: 'Dax-Regular';
font-style: normal;
font-weight: normal;
src: local('Dax-Regular'), url('ufonts.com_dax-regular.woff') format('woff');
}

/* Facebook Font */
.fbFont{
  font-family: 'Tahoma';
  font-size: 1.8rem;
  font-weight: bold;
}


body {
  padding-top: 7vh;
  font-size: "Dax-Regular";
}

p{
  margin: 0;
  padding: 0;
}

.col-12{
  display: flex;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.col{
  justify-content: center;
  display: flex;
}

html,
body,
.view {
  height: 100%; }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }



/* Navbar animation */
.navbar {
  background-color: orange;
  padding: 0 !important; }

.top-nav-collapse {
  background-color: #FFA244;
  }


/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #929FBA; }


/*Link to the top of the page*/
#top{
  position: absolute;
}

header, .carousel{
	height: 43vh !important;
}

#navCont{
  margin-left: 10px;
  margin-right: 10px;
  max-width: 1300px !important;
}

/*Navbar options*/
.title{
  font-size: 1.5rem;
  font-family: Dax-Regular;
  font-weight: bold;
}

/*Logo on navbar*/
#logo{
  width: 2vw;
  height: 5vh;
}

.displayNone{
  width: 66%;
}

.sectionTitle{
  font-size: 3.4rem;
}

/*--------------Sobre Nosotros--------------*/

#SobreNosotrosSection{
	margin-bottom: 0.8rem !important;
}

.sobreNosotrosContainer{
  max-width: 98vw;
  display: flex;
  justify-content: center;
  background-color: rgb(255,255,255);
}

.subSN{
  max-width: 73vw;
  padding: 2vw;
  text-align: center;
}

/*--------------Sobre Nosotros--------------*/


/*--------------Idiomas y Clases--------------*/

/*Flags circles*/
.flagImg{
  height: 10rem;
  width: 10rem;
  transition: opacity 0.5s;
}

/*F M Q circles*/
.cursoImg{
	height: 10rem;
  width: 10rem;
  transition: opacity 0.5s;
}

.flagImg:hover,.cursoImg:hover{
	opacity: 0.5;
  cursor: pointer;
}

.langTitle{
	width: 20%;
  text-align: center;
}

.langTitle1{
	width: 33.33333%;
	text-align: center;
}

#cursosColMobile{
  display: none;
}

#langMobile{
  display: none;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#langDesktop{
  width: 100%;
  flex: 1 1 100%;
  max-width: 100%;
}

.tags{
  font-family: "Dax-Regular";
  font-size: 2.3rem;
}

/*--------------Idiomas y Clases--------------*/


/*---------------Footer------------------*/

footer{
  position: fixed;
  margin-bottom: 5vh;
  width: 100%;
  height: 48px;
  padding: 0;
  background-color: transparent !important;
}

.page-footer{
  color: white;
}

.noWidth{
  height: 90px;
  width: 65%;
  height: 48px;
  background-color: transparent !important;
}

.subFoot{
	width: 76%;
  height: 48px;
  padding: 0;
  margin: 0;
}

.contactUs{
  background-color: rgba(21,33,95,0.8); 
  border-bottom: 1px solid black;
}

.foota{
  width: 100%;
  height: 48px;
  cursor: pointer;
}

.fb1{
  width: 40%;
  height: 48px;
  background-color: rgba(21,33,95,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 3px solid black;
}

.fb2{
  width: 60%;
  height: 48px;
  background-color: rgba(21,33,95,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

.fb1,.fb2{
  padding: 0;
}

#mail{
  margin-bottom: 8vh;
}

#footerLogo{
  width: 2.5vw !important;
  height: 6vh !important;
}

/*---------------Footer------------------*/


/*------------------PHONES-------------------*/
@media (max-width: 768px) {
  	.carousel-example-1z{
  		height: 50vh;
  	}
  	#logo{
  	  width: 7vw;
    	height: 5vh;
  	}
    .sectionTitle{
      font-size: 2.4rem;
    }
  	.subSN{
  		max-width: 100vw;
  	}
  	.navbar {
		  background-color: orange; 
	  } 
	  .flagImg{
  		width: 5rem;
      height: 5rem;
	  }
  	.langImg{
  		width: 100% !important;
  	}
  	.cursoImg{
  		width: 6rem;
      height: 6rem;
  	}
    .tags{
      font-size: 1.4rem;
    }
  	#langMobile{
  		display: flex;
  	}
  	#langDesktop{
  		display: none;
  	}
  	#cursosColMobile{
  		display: flex;
      flex-direction: column;
      margin-top: 2vh;
  	}
  	#cursosCol{
  		display: none;
  	}
  	.fbFont{
  		white-space: nowrap;
  		font-size: 0.8rem;
  	}
    footer{
      margin-bottom: 12vh;
    }
    .subFoot{
      width: 90%;
    }
    .contactUs{
      margin-bottom: 1vh !important;
    }
    #mail{
      margin-bottom: 5vh !important;
    }
  	#footerLogo{
  		width: 8.5vw !important;
  	}
    .noWidth{
      width: 90%;
    }
    .container {
      max-width: 96vw;
    }
}
/*------------------PHONES-------------------*/

@media (min-width: 768px){
  	.top-nav-collapse{
  		height: 45px; 
  	}
  }


@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
 .flagImg{
   width: 8rem;
   height: 8rem;
 }
 .fbFont {
    font-size: 1.4rem;
 }
#logo {
    width: 3vw;
    height: 3vh;
}
}