body {
    background: #fff !important;
    height: 100%;
    margin: 0;
    padding: 0;
}



.circleButton {
    position: absolute;
    bottom: 1em;
    left: 49% !important;
    opacity: 0.8;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.circleButton:hover {
    opacity: 1;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}



.menu > li > a {
    color: #fff;
}
.menu > li.box > a { border: 1px solid #ff9199; padding: 6px;}
.menu > li.box:hover > a { border: 1px solid #ff9199; }





@media only screen and (max-width: 40em) {
    .circleButton {
    left: 44% !important;
}

    .title-bar {
        background: transparent;
        color: #fff/*ff9199*/;
        margin-top: 0;
        text-align: right;
    }
    .menu-icon::after {
        background: #fff/*ff9199*/;
        box-shadow: 0 7px 0 #fff/*ff9199*/, 0 14px 0 #fff/*ff9199*/;
    }
    .menu-icon:hover::after {
        background: #ff9199/*f47d7d*/;
        box-shadow: 0 7px 0 #f47d7d, 0 14px 0 #f47d7d;
    }
}




.bottomBar {
    position: absolute;
    bottom: 0;
    width: 100%;
}



	/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
	}





	/* Defining each section background and styles
	* --------------------------------------- */
/*	#video {

		padding: 12em 0 0 0;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-position:center center !important;
	}
*/



	#section2 {
		background-image: url(../img/bk_we.jpg);
		padding: 12em 0 0 0;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-position:center center !important;
	}
    @media only screen and (max-width: 40em) { #section2 { background-image: url(../img/bk_we_small.jpg); padding: 6em 2em 10em 0; } }
    @media only screen and (min-width: 40.063em) { #section2 { background-image: url(../img/bk_we_medium.jpg); } }
    @media only screen and (min-width: 64.063em) { #section2 { background-image: url(../img/bk_we.jpg); } }


	#section3{
		background-image: url(../img/bk_bookido.jpg);
		padding: 20em 0 0 0;
                -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-position:center center !important;
	}
    @media only screen and (max-width: 40em) { #section3 { background-image: url(../img/bk_bookido_small.jpg); padding: 7em 2em  10em 0; } }
    @media only screen and (min-width: 40.063em) { #section3 { background-image: url(../img/bk_bookido_medium.jpg); } }
    @media only screen and (min-width: 64.063em) { #section3 { background-image: url(../img/bk_bookido.jpg); } }


	#section4{
		background-image: url(../img/bk_proveedores.jpg);
		padding: 20em 0 0 0;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-position:center center !important;
        filter: grayscale(50%) contrast(1);
	}
    @media only screen and (max-width: 40em) { #section4 { background-image: url(../img/bk_proveedores_small.jpg); padding: 7em 3em 10em 0; } }
    @media only screen and (min-width: 40.063em) { #section4 { background-image: url(../img/bk_proveedores_medium.jpg); } }
    @media only screen and (min-width: 64.063em) { #section4 { background-image: url(../img/bk_proveedores.jpg); } }


	#section5{
		background-image: url(../img/bk_tools.jpg);
		padding: 20em 0 0 0;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-position:center center !important;
    }
    @media only screen and (max-width: 40em) { #section5 { background-image: url(../img/bk_tools_small.jpg); padding: 7em 2em 0 0; } }
    @media only screen and (min-width: 40.063em) { #section5 { background-image: url(../img/bk_tools_medium.jpg); } }
    @media only screen and (min-width: 64.063em) { #section5 { background-image: url(../img/bk_tools.jpg); } }

	#section6 {
    background-color: #000;
		background-image: url(../img/bk_blog.jpg);
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        background-position:center center !important;
		padding: 20em 0 0 0;
		filter: grayscale(50%) contrast(1);
        }
@media only screen and (max-width: 40em) { #section6 { background-image: url(../img/bk_blog_small.jpg); padding: 4em 0 0 0; } }
@media only screen and (min-width: 40.063em) { #section6 { background-image: url(../img/bk_blog_medium.jpg); } }
@media only screen and (min-width: 64.063em) { #section6 { background-image: url(../img/bk_blog.jpg); } }



.whiteBoxBlog {
  background: #fff;
  -webkit-filter: opacity(0.9);
  filter: opacity(0.9);
  padding:30px 40px !important;
}
.whiteBoxBlog .heading { color: #f47d7d !important; }


	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}






header {
    background: none !important;
    width: 100%;
    left: 0;
    position: fixed;
    top:0;
    z-index: 99;
}




#video {
 height:100% !important;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center center !important;  }

#video.padd1 { padding-top: 160px;    padding-bottom: 160px; }
#video.padd2 { padding-top: 80px;   padding-bottom: 60px;  margin-bottom: 0 !important; }

.top-video video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100 !important;
    background: #ff9199 url("../images/top-placeholder.jpg") no-repeat;
    background-size: cover;
    transition: 1s opacity;
        object-fit: contain !important;
}

#video .inner-wrapper {
    z-index: 999999 !important;
    position: relative;
    top: 40%;
    margin: 0 auto;
}





/* Antes de 8/25/17  estos estilos solo eran para móvil */
    
#homeOrbit .orbit-container { top:0 !important; position: fixed; width: 100%;
  height: 100%;
 /* min-height: 100vh; background-size: contain;*/
}


#homeOrbit .orbit-container img { 

    
}


  #myVideo{
  position: absolute;

  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index: -100 !important;
}

.orbit-slide {
  height: 100%; /* Cada slide ocupa el 100% del height */
  display: flex; /* Usamos flexbox para centrar la imagen */
  align-items: center; /* Centra verticalmente */
  justify-content: center; /* Centra horizontalmente */
}

.orbit-slide img {
  width: 100%; /* Asegura que la imagen ocupe el ancho completo */
  height: 100%; /* Asegura que la imagen ocupe el alto completo */
  object-fit: cover; /* Ajusta la imagen para cubrir el contenedor sin distorsionarse */
  object-position: center; /* Centra la imagen */
}




.preNav ul li a { 
    padding: 0.5rem 0.5rem; 
    color: #efefef !important;
}
.preNav ul li a:hover {
    color: #ff9199 !important;
}






@media only screen and (max-width: 40em) { 
    #video .inner-wrapper {
        top: 30%;
    }    
    h1.big { font-size: 2.313rem !important; }
}

@media only screen and (min-width: 40.063em) { 
    #video .inner-wrapper {
        top: 36%;
    }
    h1.big { font-size: 3.813rem !important; }
}

@media only screen and (min-width: 64.063em) { 
    #video .inner-wrapper {
        top: 40%;
    }
    h1.big { font-size: 3.813rem !important; }
}