body,
html {
  height: 100vh;
  margin: 0;
}

@font-face {
  font-family: "IndivisaTextSansBoldItalic";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-BoldItalic.woff2");
}

@font-face {
  font-family: "IndivisaTextSansBlackItalic";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-BlackItalic.woff2");
}

@font-face {
  font-family: "IndivisaTextSansRegular";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-Regular.woff2");
}

@font-face {
  font-family: "IndivisaTextSansRegularItalic";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-RegularItalic.woff2");
}

@font-face {
  font-family: "IndivisaTextSanSBlack";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-Black.woff2");
}

@font-face {
  font-family: "IndivisaTextSansBold";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-Bold.woff2");
}

@font-face {
  font-family: "IndivisaDisplaySansHeavy";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaDisplaySans-Heavy.woff2");
}

@font-face {
  font-family: "IndivisaDisplaySansRegular";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaDisplaySans-Regular.woff2");
}

@font-face {
  font-family: "IndivisaDisplaySansRegularItalic";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaDisplaySans-RegularItalic.woff2");
}

@font-face {
  font-family: "IndivisaDisplaySansThin";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaDisplaySans-Thin.woff2");
}

@font-face {

  font-family: "IndivisaTextSansLight";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-Light.woff2");
}

@font-face {
  font-family: "IndivisaTextSansBlackItalic";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-BlackItalic.woff2");
}
@font-face {
  font-family: "IndivisaDisplaySansThinItalic";
  src: url("./fonts/SetWeb/SetWeb/woff/IndivisaDisplaySans-ThinItalic.woff");
}

@font-face {
  font-family: "IndivisaDisplaySansBoldItalic";
  src: url("./fonts/SetWeb/SetWeb/woff/IndivisaTextSans-BoldItalic.woff");
}
.espacio {
  height: 100px;
}

.IndivisaDisplaySansBoldItalic{
  font-family: 'IndivisaDisplaySansBoldItalic';
}
.IndivisaDisplaySansBoldItalicwh{
  font-family: 'IndivisaDisplaySansBoldItalic';
  color: #ffffff;
}
.IndivisaDisplaySansRegularItalic{
  font-family: 'IndivisaDisplaySansRegularItalic';
}
.IndivisaDisplaySansRegularItalicwh{
  font-family: 'IndivisaDisplaySansRegularItalic';
  color: #ffffff;
}
.indivisaLight {
  font-family: "IndivisaTextSansLight";
}
.indivisaLight_wh {
  font-family: "IndivisaTextSansLight";
  color: #ffffff;
}

.indivisaLight_bl {
  font-family: "IndivisaTextSansLight";
  color: #1C1564;
}
.indivisaBlackItalic {
  font-family: "IndivisaTextSansBlackItalic";
}
.indivisaBlackItalicOr {
  font-family: "IndivisaTextSansBlackItalic";
  color: #ff6700;
}
.indivisaSansRegular {
  font-family: "IndivisaTextSansRegular";
}
.indivisaSansRegularAzulLight {
  font-family: "IndivisaTextSansRegular";
  color: #00c0ff;
}
.indivisaSansRegularCafe {
  font-family: "IndivisaTextSansRegular";
  color: #493627;
}
.indivisaSansRegularBlanco {
  font-family: "IndivisaTextSansRegular";
  color: #ffffff;
}

.indivisaSansBlack {
  font-family: "IndivisaTextSanSBlack";
}
.indivisaSansBlackVerde {
  font-family: "IndivisaTextSanSBlack";
  color: #38d430;
}
.indivisaSansBlackVerdeLight {
  font-family: "IndivisaTextSanSBlack";
  color: #33cc99;
}
.indivisaSansBlackVerdeStrong {
  font-family: "IndivisaTextSanSBlack";
  color: #006937;
}
.indivisaSansBlackGris {
  font-family: "IndivisaTextSanSBlack";
  color: #493627;
}
.indivisaSansBlackBlanco {
  font-family: "IndivisaTextSanSBlack";
  color: #ffffff;
}
.IndivisaTextSansBoldVerde {
  font-family: "IndivisaTextSansBold";
  color: #006937;
  
}
.IndivisaTextSansBoldBlanco {
  font-family: "IndivisaTextSansBold";
  color: #ffffff;
  
}
.IndivisaTextSansBoldCafe {
  font-family: "IndivisaTextSansBold";
  color: #493627;
  
}

.IndivisaTextSansBoldAzulLight2 {
  font-family: "IndivisaTextSansBold";
  color: #00ffff;
  
}

.IndivisaTextSansBoldAzulLight {
  font-family: "IndivisaTextSansBold";
  color: #00c0ff;
  
}
.IndivisaTextSansBoldAzulFuerte {
  font-family: "IndivisaTextSansBold";
  color: #61c2f5;
  
}
.IndivisaTextSansBlackAzulFuerte2 {
  font-family: "IndivisaTextSanSBlack";
  color: #1C1564;;
  
}

.IndivisaTextSansBoldRosa {
  font-family: "IndivisaTextSanSBlack";
  color: #ed1e79;
}

.IndivisaTextSansBold {
  font-family: "IndivisaTextSanSBlack";
  
}

.IndivisaTextSansBoldItalicAzul{
  font-family: "IndivisaTextSansBoldItalic";
  color:#3ba0f6 ;
}

.IndivisaDisplaySansHeavy{
  font-family: IndivisaDisplaySansHeavy;
}

.IndivisaDisplaySansHeavyBlanco{
  font-family: IndivisaDisplaySansHeavy;
  color: #ffffff;
}
.IndivisaDisplaySansHeavyng{
  font-family: IndivisaDisplaySansHeavy;
  color: #ff6700;
}

.textOrientation {
  transform-origin: center center;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  float: right;
}


.vl {
  border-left: 1px solid ;
  height: 100%;
  float: right;
}

.vl_blue {
  border-left: 5px solid ;
  height: 100%;
  float: right;
  color:#00c0ff ;
}

.vl_black{
  border-left: 5px solid ;
  height: 100%;
  float: right;
  font-family: "IndivisaDisplaySansThinItalic";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaDisplaySans-ThinItalic.woff2");
}

@font-face {
  font-family: "IndivisaTextSansLight";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-Light.woff2");
}

@font-face {
  font-family: "IndivisaTextSansRegularItalic";
  src: url("./fonts/SetWeb/SetWeb/woff2/IndivisaTextSans-RegularItalic.woff2");

}

.hr-color {
  color: #38d430 !important;
  opacity: 13 !important;
}

.hr-color-rosa {
  color: #ed1e79 !important;
  opacity: 13 !important;
}

.hr-color-morado {
  color: #8A41DE !important;
  opacity: 13 !important;
}

.hr-color-naranja {
  color: #FF5600 !important;
  opacity: 13 !important;
}
.hr-color-blanco {
  color: #ffffff !important;
  opacity: 13 !important;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: transparent !important;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0 !important;
}

.header {
  position: absolute;
  height: 300px;
  width: 300px;
  z-index: 1;
}

.nav-bar-inicial {
  padding-top: 30px;
}

.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.wrapper {
  display: flex;
  align-items: stretch;
}

.menu-hab {
  display: none;
}

#sidebar {
  min-width: 250px;
  max-width: 250px;
}

#sidebar.active {
  margin-left: -250px;
}

#content {
  width: 100%;
  position: relative;

  height: auto;
}

.full-width {
  width: 100%;
}

.full-width .element {
  padding: 0;
}

div.full-height {
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 576px) {
  .nav-bar-inicial {
    display: none;
  }

  .logo {
    text-align: center;
  }

  .img-sanjuan {
    display: none;
  }

  .img-sanjuan-movil {
    display: block;
  }

  .menu-hab {
    display: block;
  }

  .menu-hab {
    display: block;
  }
}

@media (min-width: 1400px) {
  div.full-height {
    height: 120vh !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

p.large {
  font-size: 15px;
  font-family: "IndivisaTextSansRegular";
}

.submenu {
  width: 48px !important;
}

.slider-section {
  padding-top: 100px;
}

.misiones_1 {
  margin-top: -83px !important;
}


#toTop {
  padding: 45px 3px;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  right: 5px;
  display: none;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**full screen menu**/

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  /*top: 25%;*/
  width: 100%;
  /*text-align: center;*/
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px
  }

  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.img-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  top: 0 !important;
  left: 0 !important;
}

.title-vertical {
  /*position: -webkit-sticky; Safari*/
  /*position: sticky; se comenta porque hace que se encime sobre el menu full screen*/
  top: 10px;
  left: 10px;
  z-index: 10;
  width: fit-content !important;
}

.title-vertical > p {
  /* font-size: 48pt; */
  font-size: calc(2vw + 2vh);
  font-family: "IndivisaTextSansRegular";
  transform-origin: center center;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
}

.title-vertical > .verticalLine {
  background-color: #38D430;
  height: 20vh;
  margin-left: 60%;
  margin-right: 40%;
  align-content: center;
  width: 1px;
}

.subtitleVerticalLineText {
  border-left: 4px solid #000;
}

.subtitleSmall {
  font-size: calc(2vw + 2vh);
  font-family: "IndivisaTextSansRegular";
  line-height: 1;
  padding: 0;
  margin: 0;
}

.subtitleBig {
  font-size: calc(3vw + 2vh);
  font-family: "IndivisaTextSansBlackItalic";
  line-height: 1;
  padding: 0;
  margin: 0;
}

.element-vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.title-verticalInto {
  position: absolute;
  top: 90%;
  left: 10px;
  z-index: 10;
  width: fit-content !important;
}
.title-verticalInto >  .verticalLine {
  background-color: #38D430;
  height: 20vh;
  margin-left: 60%;
  margin-right: 40%;
  align-content: center;
  width: 1px;
}


.title-verticalInto > p {
  /* font-size: 48pt; */
  font-size: calc(2vw + 2vh);
  font-family: "IndivisaTextSansLight";
  transform-origin: center center;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
}
.fila_6 {
  padding-top: 20%;
}