body {
  background: #000;
}

.navbar {
  background: #000;
}

.navbar-dark .navbar-nav .nav-link{
  color: #fff;
  font-size: 18px;
}

.navbar-dark .navbar-nav .nav-link:hover{
  color: #f7a600;
}

.mainssq {
  padding: 0;
  max-width: 525px;
  max-height: 525px;
  overflow:hidden;
}

.mainssq1 {
  padding: 0;
  max-width: 525px;
  max-height: 525px;
  overflow:hidden;
  -webkit-animation-name: mymove; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: mymove;
  animation-duration: 1s;
}

.mainssq2 {
  padding: 0;
  max-width: 525px;
  max-height: 525px;
  overflow:hidden;
  -webkit-animation-name: mymove2; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: mymove2;
  animation-duration: 1s;
}

.mainssq3 {
  padding: 0;
  max-width: 525px;
  max-height: 525px;
  overflow:hidden;
  -webkit-animation-name: mymove3; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: mymove3;
  animation-duration: 1s;
}

.mainssq4 {
  padding: 0;
  max-width: 525px;
  max-height: 525px;
  overflow:hidden;
  -webkit-animation-name: mymove4; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: mymove4;
  animation-duration: 1s;
}

.mainsquare {
  padding: 0;
  max-width: 525px;
  max-height: 525px;
  background: #000;
  display: inline-block;
  overflow:hidden;
  cursor: pointer;
}

.mainsquare:hover .mainimg  {
  opacity: 0.5;
}

.mainsquare:hover #videox  {
  opacity: 0.5;
}

.mainsquare:hover .subTitle  {
  display: inline-block;
}

#videox {
    display: block;
    position: relative;
}

.mainimg {
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
    display: block;
    position: relative;
}

.mainimg:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.subTitle {
   position: absolute;
   bottom: 20px;
   left: 0;
   width: 100%;
   color: #fff;
   text-shadow: 3px 2px 5px #424242;
   display: none;
}

.subTitle_X {
   position: absolute;
   bottom: 20px;
   left: 0;
   width: 100%;
   color: #fff;
   text-shadow: 3px 2px 5px #424242;
}

.footer{
  height:40px;
  background:#000;
  margin:0;
  padding:0;">
}



.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {left: -200px; opacity: 0;}
    to {left: 0px; opacity: 1;}
}

@keyframes mymove {
  from {left: -200px; opacity: 0;}
  to {left: 0px; opacity: 1;}
}

@-webkit-keyframes mymove2 {
    from {top: -200px; opacity: 0;}
    to {top: 0px; opacity: 1;}
}

@keyframes mymove2 {
  from {top: -200px; opacity: 0;}
  to {top: 0px; opacity: 1;}
}

@-webkit-keyframes mymove3 {
    from {right: -200px; opacity: 0;}
    to {right: 0px; opacity: 1;}
}

@keyframes mymove3 {
  from {right: -200px; opacity: 0;}
  to {right: 0px; opacity: 1;}
}

@-webkit-keyframes mymove4 {
    from {top: -200px; opacity: 0;}
    to {top: 0px; opacity: 1;}
}

@keyframes mymove4 {
  from {bottom: -200px; opacity: 0;}
  to {bottom: 0px; opacity: 1;}
}



.preFont {
  font-family: 'Reem Kufi', sans-serif;
  font-size: 60px;
  color: #fff;
}

.subTitlex {
  font-family: 'Reem Kufi', sans-serif;
  font-size: 40px;
  color: #fff;
  margin: 20px 0;
}

.lessTitle{
  font-family: 'Reem Kufi', sans-serif;
  font-size: 30px;
  color: #fff;
}

.separator {
  margin: 90px, 0, 90px, 0;
  padding: 40px;
  background: #ff8400;
  color: #000;
}

.customSec {
  padding: 0px;
  margin: 0px;
  min-height: 900px;
}

.fotoFondo {
  padding: 0;
  background: #000;
  display: inline-block;
  overflow:hidden;
  min-height: 900px;
}

.fotoFondo .insideText {
  display: inline-block;
}

.insideText {
  font-family: 'Reem Kufi', sans-serif;
  background: rgba(0,0,0,.7);
  color: #fff;
  position: absolute;
  top: 90px;
  left: 180px;
  padding: 10px;
  max-width: 400px;
}

@media (max-width: 768px) {
    .insideText {
        left: 20px;
    }
}


.insideTextAlt {
  font-family: 'Reem Kufi', sans-serif;
  background: rgba(0,0,0,.7);
  color: #fff;
  position: absolute;
  top: 90px;
  left: 680px;
  padding: 10px;
  max-width: 260px;
  display: inline-block;
}

@media (max-width: 1200px) {
    .insideTextAlt {
        left: 20px;
        display: none;
    }
}

.logosuper{
  margin: 15px;
}

.fotoFondo .bloqueUp {
  display: inline-block;
}

.bloqueUp2 {
  font-family: 'Reem Kufi', sans-serif;
  background: rgba(33,33,33,.7);
  color: #fff;
  padding: 10px 10px 70px 10px;
}

.bloqueUp {
  font-family: 'Reem Kufi', sans-serif;
  background: rgba(0,0,0,.7);
  color: #fff;
  position: absolute;
  top: 90px;
  left: 10%;
  padding: 10px 10px 70px 10px;
  max-width: 80%;
}

.fotoFondo .nutri1 {
  display: inline-block;
}

.nutri1 {
  font-family: 'Reem Kufi', sans-serif;
  background: rgba(0,0,0,.7);
  color: #fff;
  position: absolute;
  top: 90px;
  right: 180px;
  padding: 10px;
  max-width: 600px;
}

.insideClose {
  font-family: 'Reem Kufi', sans-serif;
  font-size: 60px;
  background: rgba(0,0,0,.7);
  color: #000;
  position: absolute;
  top: 10px;
  right: 180px;
  padding: 10px;
  max-width: 400px;
}


.patabs {
  padding: 0;
  max-width: 525px;
  max-height: 525px;
}



.cartasty {
  padding: 0;
  max-width: 525px;
  max-height: 525px;
  background: #000;
  display: inline-block;
  overflow:hidden;
  cursor: pointer;
}

.cartasty:hover .mainimg  {
  opacity: 0.5;
}

.cartasty:hover #videox  {
  opacity: 0.5;
}

.cartasty:hover .subTitle  {
  display: inline-block;
}

.barra {
  font-family: 'Reem Kufi', sans-serif;
  font-size: 18px;
  margin: 15px 0px;
}

.subtitleDos{
  font-family: 'Reem Kufi', sans-serif;
  color: #fff;
  margin: 30px 0px;
}

.color3{
  background: #ff8400;
}

.videotext {
  font-family: 'Reem Kufi', sans-serif;
  color: #fff;
}

#idnutrinfo, #idnutrinfo2, #idnutrinfo3, #idnutrinfo4, #idnutrinfo5, #idnutrinfo6, #idnutrinfo7, #idnutrinfo8, #idnutrinfo9 {
  display: none;
}

.specialgroup .btn {
  background: #000;
  color: #fff;
  border: 0px;
}

.specialgroup .btn:hover {
  background: #ff8400;
  color: #000;
  border: 0px;
}

.specialgroup .btn:active {
  background: #ff8400;
  color: #000;
  border: 0px;
}

.textblock {
  font-family: 'Reem Kufi', sans-serif;
  color: #fff;
}

.ingredientes{
  text-align: right;
}

#recetario {
  background-color: #141414;
}

#recetario h1 {
  margin-top: 15px;
}

.trurece {
  margin-top: 15px;
}

#mainNutri {
  min-height: 990px;
  width: 100%;
  min-width: 1000px;
}

#mainUso {
  min-height: 690px;
  width: 100%;
  min-width: 1000px;
}

#mainSuper {
  min-height: 1300px;
  width: 100%;
  min-width: 1000px;
}

.footer {
  background: #ff8400;
  padding: 15px;
  min-height: 80px;
}

.footer_text {
  font-size: 13px;
  font-weight: bold;
}

.footer_text a{
  color: #141414;
}

.footer_text a:hover{
  color: #804301;
}

.titlebus {
  font-size: 20px;
  color: #f2b40c;
}

.busbox{
  padding: 25px;
}

.buslink {
  color: #e7dab8;
}

.buslink:hover {
  color: #ffffff;
  text-decoration: none;
  
}

.buslogo{
  width: 50%;
  padding: 20px;
}

.buslogo2{
  width: 70%;
  padding: 20px;
}

.schaduleChef {
  border: 2px solid #000;
  margin: 0 auto;
}

.schaduleChef tr td {
  border: 1px solid #000;

}

.horneando{
  background: url(../images/horneando_back.jpg);
}

.logo_hrneando {
  width: 32%;
  margin-top: 20px;
  padding: 15px;
}

@media (max-width: 768px) {
    .logo_hrneando {
        width: 82%;
    }
}

/* Mobile adaptation problems */
@media(max-width: 575px) {
  .subtitle-text {
    font-size: 2.25rem;
  }  
}

@media(max-width: 367px) {
  .subtitle-text {
    font-size: 1.95rem;
  }
  .videorecetas-subtitle {
    font-size: 1.40rem;
  }  
}