@font-face {

    font-family: edmondsans;

    src: url(../fonts/edmondsans-regular.ttf);

  }

@font-face {

    font-family: CAVOLINI1;

    src: url(../fonts/CAVOLINI.TTF);

  }

@font-face {

    font-family: verdana;

    src: url(../fonts/verdana.ttf);

  }

@font-face {

    font-family: cocogoose1;

    src: url(../fonts/Cocogoose_trial.otf);

  }


  @font-face {

    font-family: TGrocery;

    src: url(../fonts/Tims_Grocery_Store.ttf);

  }

 @font-face {

    font-family: Bebas Neue;

    src: url(../fonts/Bebas_Neue.ttf);

  }



  @font-face {

    font-family: BellGot;

    src: url(../fonts/BellGothicStd-Light.otf);

  }

  @font-face {

    font-family: TradeHouse;

    src: url(../fonts/house-a-rama-league-night.ttf);

  }

  @font-face {

    font-family: Cocogosse;

    src: url(../fonts/Cocogoose-Pro-Thin-trial.ttf);

	

  }

  @font-face {

    font-family: 'bellgothic_btroman';

    src: url('fonts/bellgothic-bt_roman.ttf');

    src: url('fonts/bellgothic-bt_roman.eot?#iefix') format('embedded-opentype');

    font-weight: normal;

    font-style: normal;

}

  @font-face {

    font-family: Tempest;

    src: url(../fonts/Tempest.ttf);

  }

.loghome{

	position:absolute;

	margin-left:47%;

	margin-top:3%;



}

.cheddtam{

	width: 65%;

	margin-top: 15px;

}

.span2{

background-image: url("../img/np-bg-mark.png");

background-position: center;

background-repeat: no-repeat;

background-size: 100%;

font-size: 33px !important;

color: #000 !important;	

	padding: 12px !important;

}

.span23{

  background-image: url("../img/np-bg-mark.png");
  
  background-position: center;
  
  background-repeat: no-repeat;
  
  background-size: 100%;
  
  font-size: 24px !important;
  
  color: #000 !important;	
  
    padding: 12px !important;
  
  }




.span3{

  background-image: url("../img/np-bg-mark.png");

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100%;

  font-size: 18px !important;

  color: #000 !important;	

    padding: 12px !important;

    left: 60px;

  }



.saldemartam{

	width: 79% !important;

}

.palohome{

	position:absolute;

	margin-left:10%;

	margin-top:25%;
	z-index: 1;



}

.palohome2{

	position:absolute;

	margin-left:81%;

	margin-top:0%;
	
	z-index: 1;



}

.palom{

  transition: all 0.0s ease;}

.palom:hover {-webkit-transform:  rotate(360deg);transform: rotate(360deg);}

.fampack{

	width: 90% !important;

    margin-top: 58px;

}

.palohome3{

	position:absolute;

	margin-left:45%;

	margin-top:15%;
	
	z-index: 1;



}

.palohome4{

	position:absolute;

	margin-left:85%;

	margin-top:30%;
	
	z-index: 1;



}

.palohome5{

	position:absolute;

	margin-left:12%;
  
	margin-top:5%;
	
	z-index: 1;





}

.palohome6{

	position:absolute;

	margin-left:55%;

	margin-top:0%;
	
	z-index: 1;

  

}

.palohome7{

	position:absolute;
  width: 5%;
	margin-left:84%;

	margin-top:8%;
	
	z-index: 1;



}

.palohome8{

	position:absolute;

	margin-left:1%;
  
	margin-top:5%;
  top: 13%;
	
	z-index: 1;





}


.palohome9{

	position:absolute;
  width: 5%;
	margin-left:58%;

	margin-top:0%;
	
	z-index: 1;

  

}

.palohome10{

	position:absolute;
width: 5%;
	margin-left:-1%;
  
	margin-top:7%;
  top: 14%;
	
	z-index: 1;

}



.palohome40{

  position: absolute;
  width: 5%;
  margin-left: 25%;
  margin-top: 10%;
  top: 50%;
	z-index: 1;
}

.palohome41{

  position: absolute;
  width: 5%;
  margin-left: 55%;
  margin-top: 20%;
  top: 43%;
  z-index: 1;
transform: rotate(140deg);
}



.palohome42{

  position: absolute;
  width: 5%;
  margin-left: 87%;
  margin-top: 20%;
  top: 60%;
  z-index: 1;
transform: rotate(145deg);
}



.palohome43{

  position: absolute;
  width: 5%;
  margin-left: 55%;
  margin-top: 20%;
  top: 100%;
	z-index: 1;
}


.mov:hover {
  -webkit-transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  transform: rotateY(180deg);
  transform-style: preserve-3d;}

.palohome11{

	position:absolute;
width: 5%;
	margin-left:1%;
  
	margin-top:5%;
  top: 100%;
	z-index: 1;
}

.palohome45{
position: absolute;
width: 5%;
margin-left: 2%;
margin-top: -14%;
top: 225%;
z-index: 1;
}


.palohome46{
  position: absolute;
  width: 5%;
  margin-left: 75%;
  margin-top: -14%;
	z-index: 1;
  top: 235%; }

.palohome12{

	position:absolute;
width: 5%;
	margin-left:8%;
	margin-top:0%;
  top: 16%;
	z-index: 1;
}


.palohome13{

	position:absolute;
  width: 5%;
	margin-left:32%;
  
	margin-top:-14%;
  top: 48%;
	z-index: 1;

}

.palohome14{

	position:absolute;
  width: 5%;
	margin-left:62%;
  
	margin-top:-4%;
  top: 48%;
	z-index: 1;

}

.palohome15{

	position:absolute;
  width: 5%;
	margin-left:-4%;
  
	margin-top:-14%;
  top: 130%;
  z-index: 1;
 transform: rotate(45deg);
}



.palohome16{

	position:absolute;
  width: 5%;
	margin-left:37%;
  
	margin-top:-14%;
  top: 45%;
	z-index: 1;

}

.palohome17{

	position:absolute;
  width: 5%;
	margin-left:65%;
  
	margin-top:-14%;
  top: 45%;
	z-index: 1;
	transform: rotate(185deg);

}

.palohomes13{

	position:absolute;
width: 5%;
	margin-left:26%;
	margin-top:0%;
  top: 16%;
	z-index: 1;
}
.palohome20{

	position:absolute;
width: 5%;
	margin-left:27%;
	margin-top:5%;
  top: 15%;
	z-index: 1;
}

.palohome18{

	position:absolute;
width: 5%;
	margin-left:90%;
	margin-top:5%;
  top: 15%;
	z-index: 1;
}

.palohomes14{

	position:absolute;
width: 5%;
	margin-left:53%;
	margin-top:1%;
  top: 15%;
	z-index: 1;
}

.palohomes15{

	position:absolute;
width: 5%;
	margin-left:20%;
	margin-top:5%;
  top: 15%;
	z-index: 1;
}



.palohome50 {
    position: absolute;
    width: 5%;
    margin-left: 40%;
    margin-top: -14%;
    top: 225%;
	z-index: 1; }

.palohome60 {
    position: absolute;
    width: 5%;
    margin-left: 60%;
    margin-top: -14%;
    top: 220%;
	z-index: 1; }


.palohome52 {
    position: absolute;
    width: 5%;
    margin-left: 80%;
    margin-top: -9%;
    top: 225%;
    z-index: 1;
}




.icon{

    width: 35px;

    height: 35px;

    color: #fff;

    background-color: #F38320;

    border-radius: 100px;

}

footer{

    background-color: #245588;

    width: 100%;

}

.carousel .item {

  height: 300px;

}



.item img {

    position: absolute;

    top: 0;

    left: 0;

    min-height: 300px;

}

.nav-item{

-webkit-text-stroke-width: .5px;

            -webkit-text-stroke-color: black;	

}

.icon2{

    width: 40px;

    height: 40px;

    color: #8EB830;

    background-color: #fff;

    border-radius: 100px;

}

a:link, a:visited, a:active {

    text-decoration:none;

    color:#fff;

}

li>a{

	font-size:22px;

}

.logo{

    width: 80px;

}

.txtcont{

    font-family: "bellgothic_btroman";

}

.txt-footer{

	font-family: 'Cocogosse';

	font-size:12px;

	margin-bottom: 20px;

}

hr {

    margin: 1rem 0;

    color: inherit;

    background-color: currentColor;

    border: 0;

    opacity: 0.25;

  }



.logopv{

    width: 60%;

    padding: 5px;

    border-width: 5px;

    border: double 4px transparent;

    border-radius: 20px;

    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #424243,#00abeb);

    background-origin: border-box;

    background-clip: padding-box, border-box;

}

.logopv:hover{

    background-image: linear-gradient(white, white), radial-gradient(circle at top left,#00abeb, #424243);

}

.logopv{

    transition: background-image 0.8s linear 0.2s;

}

.nav-link,h1{

    font-family: 'Cocogosse';

	font-size:13px;

	font-weight:bold;

}

 .active, .nav-link:hover{

    color:#00aaee !important;



 }

.navbar-expand-lg .navbar-nav .nav-link{

	padding:0px 5px !important;

}

 .noactive{

    color:#fff;

 }

 .active:hover{

    color:#fff !important;

 }

 .izqsalsas{

  background: #424243};





 .izqm{

    background: #fffc56};



 .izqsaldemar{

  background: #0d89c2

};





.izq1245{

    background: #cf5fca;

  }

  

  .izqhimalaya{

    background: #cf5fca;

  }

    

.izqsalmar{

      background: #1050db};



.izq{

    background: #01aef0;}





    .izq123456{

      background: #01aef0;

}

.izq44{

    background: #ccbc51;

}



.izq111{

  background: #01aef0;}



.izq455{

  background: #fffb24;

}

.izq2{

    background: #8EB830;

}

.izq3{

    background: #CF3A2B;

}

.izq4{

    background: #B085C2;

}

.izq6{

    background: #F38320;

}

.txt1{

    font-family: 'edmondsans';

}

.txt2{

    font-family: 'TradeHouse', cursive;

}

.txt12{

    font-family: 'TradeHouse', cursive;

    left: 100px;

}

.txt22{

    font-family: 'TradeHouse', cursive;

    right: 100px;

    

}

.txt7{

    font-size: 22px;

    font-family: 'CAVOLINI1';

    top: 40px;

    padding-right: 80px;

    padding-left: 30%;

    padding-bottom: 50px;

    text-align: justify;  

	

}

.der{

    background-image: url("../img/slimpopnewfot.jpeg");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.comonl{

    background: url(../img/sonrisa_1.png) center right no-repeat,

    url(../img/pops.png) bottom right no-repeat,

    #00abeb; 

    

}

.txt3{

    font-size: 22px;

    font-family: "CAVOLINI1";

    top: 40px;

    padding-right: 30%;

    padding-left: 40px;

    padding-bottom: 50px;

    text-align: justify;

	

}

.txt33{

    font-size: 17px;

    font-family: "Cocogosse";

    top: 40px;

    padding-right: 5px;

    padding-left: 5px;

    padding-bottom: 50px;

    text-align: center;

	font-weight: bolder;

	

}

.txt34{

    font-size: 19px;

    font-family: "Cocogosse";

    top: 40px;

    padding-right: 5px;

    padding-left: 5px;

    padding-bottom: 50px;

    text-align: left;

	font-weight: bold;

}

.txt35{

    font-size: 17px;

    font-family: "Cocogosse";

    top: 40px;

    padding-right: 5px;

    padding-left: 5px;

    padding-bottom: 0px;

    text-align: center;

	font-weight: bolder;

	

}

.txt6{

    font-size: 22px;

    font-family: "CAVOLINI1";

    top: 40px;

    padding-right: 40px;

    padding-left: 30%;

    padding-bottom: 50px;

    text-align: justify;

	

}

.txt4{

    font-family: 'BellGot';

    background-color: #00aaee;

}

.maiz{

    background-image: url("../img/np-mazorca.jpg");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    

}

.sinp{

    padding: 0 !important;



}

.hdiv{

    height: 50vh;

}

.fond{

    background-color:#ffc233 ;

}

span{

    background-image: url("../img/np-bg-mark.png");  

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.palomitabolsa{

    margin-top: -100px;

    width: 80%;

}

.chica{

    width: 100%;

}

.palomitas{

    height: 80vh;

    background: url(../img/sdmhomein.png) 0% 0% no-repeat,

    url(../img/bdchome.png) 20% 100% no-repeat,

    url(../img/lysdmhome.png) 52% 100% no-repeat,

    url(../img/chome.png) 80% 100% no-repeat,

	url(../img/sashome.png) 100% 0% no-repeat,

    #009DDD;

	background-size:25%;

	z-index:100;

	

}





.back{

  background-color: #009DDD;

}









.palomitas .loghome{

    width: 8%;

}

p

.palomitas2{

   

    background: url(../img/np-palomitas1.png) top left no-repeat,

    url(../img/dc-bowl-verde.jpg) bottom right no-repeat,

    url(../img/np-palomita3.png) bottom left no-repeat,

    url(../img/np-palomita3.png) top right no-repeat,

    url(../img/np-palomita3.png) center no-repeat;





}

.hemex{

    width: 100px;

}

.nutrp{

    background: url(../img/nu-naranja.jpg) center no-repeat;

    background-size: cover;

}

.heart{

    background: url(../img/nu-corazon-floressolo.png) center no-repeat;

    background-size: cover;

}

.heart2{

    background-color: #56ba48;

}

.franja{

    width: 100%;

    height: 20px;

    background-color: #fdc145;

}

.mazfond{

    background: url(../img/nu-mazorca.jpg) center no-repeat;

    background-size: cover;

}

con{

    color:#fff22e !important;

    text-decoration: underline;

    cursor: pointer;

}

.guiacal{

    background-color: #d94498;

}

.punven{

    background-color: #00abeb;

}

.nutip{

    font-family: "Cocogosse";

}

.palomita{

   

    width: 100%;

    padding: 10px;

  

 }

.palomitaman{

    width: 120%;

 }

.contc{

    background: url(../img/co-bg2.jpg) center center no-repeat;

    background-size: cover;

}

.fondtit{

    background: url("../img/fondosaldemar.png");  

    background-position: top left;

    background-repeat: no-repeat;

	

}

.sdmsl{

     z-index: 300;

    top: 15px;

    left: 120px;

    background-size: cover;

    background-position: center;

}


.sdmslmc{

  z-index: 300;

 top: 15px;



 background-size: cover;

 background-position: center;

}


.sdmslc{

  z-index: 300;

 top: 15px;

 left: 155px;

 background-size: cover;

 background-position: center;

}

.sdmsl2{

z-index: 300;

    top: 20px;

    right: 130px;

    background-size: cover;

    background-position: center;	

}

.sdm{

     z-index: 300;

    top: 5px;

    left: 31px;

    text-align: center;

    background: url(../img/franjasweet.png);

    background-size: cover;

    background-position: center;

}



.sdm22{

  z-index: 300;

  top: 5px;

  left: 31px;

  background: url(../img/Palomitas_Nuevas/franja_salsas.png);

  background-size: cover;

  background-position: center;

  

}



.sdm21{ 

  z-index: 300;

  top: 5px;

  left: 31px;

  

  background: url(../img/Palomitas_Nuevas/franjasHimalaya.png);

  background-size: cover;

  background-position: center;

}



.sdm23{

  z-index: 300;

  top: 5px;

  left: 31px;

  text-align: center;

  background: url(../img/Palomitas_Nuevas/microondasmantequilla.png);

  background-size: cover;

  background-position: center;

}



.sdmsm{

     z-index: 300;

    top: 5px;

    left: 31px;

    text-align: center;

    background: url(../img/franjasaldemar.png);

    background-size: cover;

    background-position: center;

}



.sdm1{

   z-index: 300;

    top: 5px;

    left: 31px;

    text-align: center;

    background: url(../img/franjamezcladechiles.png);

    background-size: cover;

    background-position: center;

}

.sdm2{

   z-index: 300;

    top: 5px;

    left: 31px;

    text-align: center;

    background: url(../img/franjalimonysal.png);

    background-size: cover;

    background-position: center;

}

.sdm3{

     z-index: 300;

    top: 5px;

    left: 31px;

    text-align: center;

    background: url(../img/franjacheddar.png);

    background-size: cover;

    background-position: center;

}

.frja{

    z-index: 200;

    top:40px;

    width: 250px;

    left: 120px;

}

.frja2{

    z-index: 200;

    top:40px;

    right: 50px;

    width: 400px;

}

.frja3{

    z-index: 200;

    top:40px;

    width: 320px;

    left: 100px;

}

.fraja{

    z-index: 200;

    top:40px;

    width: 90%;

    height: 80px;

    left: 70px;

}

.frja2{

    z-index: 200;

    top:40px;

    right: 50px;

    width: 400px;

}

.frja3{

    z-index: 200;

    top:40px;

    width: 320px;

    left: 100px;

}

.cja{

	 margin-top:-20px;

}

.cja2{

	margin-top:10px;
  



}

.cja3{

  margin-top:120px;

  width:64% !important;

}



.tzn{

    width: 50%;

    top: 80px;

    right: 60px;

  }



  

.pzn{

  width: 30%;

  top: -7px;

 left: 45px;

}



.pzn2 {


	
   width: 30%;
   top: -4vw;
   left: 22vw;

  
}



  .blsa{

    width: 85%;

    right: -50px;

    top: 10%;

    z-index: 100;

  }

  .blsamm{

    width: 80%;

    right: -100px;

    z-index: 100;

  }

  .tzn2{

    width: 50%;

    top: 100px;

    left: 60px;

  }

  .blsa2{
		
	width: 80vw;
    z-index: 100;
    left: -4vw;

  }



  .sobre{

    width: 80%;

    left: -90px;

    z-index: 100;

  }

.icred{

	align-items:center;

	justify-content:center;

}

.cd-main-content {

  text-align: center;

}



.cd-main-content h1 {

  font-size: 2rem;

  color: #64788c;

  padding: 4em 0;

}



.cd-btn1 {

  position: relative;

  display: inline-block;

  padding: 1em 2em;

  background-color: #89ba2c;

  color: #ffffff;

  border-radius: 50em;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);

  -webkit-transition: -webkit-box-shadow 0.2s;

  transition: -webkit-box-shadow 0.2s;

  transition: box-shadow 0.2s;

  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;

}



.cd-btn1:hover {

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);

}





@media only screen and (min-width: 1170px) {

  .cd-main-content h1 {

    font-size: 3.2rem;

  }

}



.cd-panel {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  visibility: hidden;

  -webkit-transition: visibility 0s 0.6s;

  transition: visibility 0s 0.6s;

}



.cd-panel::after {

  /* overlay layer */

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: transparent;

  cursor: pointer;

  -webkit-transition: background 0.3s 0.3s;

  transition: background 0.3s 0.3s;

}



.cd-panel.cd-panel--is-visible {

  visibility: visible;

  -webkit-transition: visibility 0s 0s;

  transition: visibility 0s 0s;

}



.cd-panel.cd-panel--is-visible::after {

  background: rgba(0, 0, 0, 0.6);

  -webkit-transition: background 0.3s 0s;

  transition: background 0.3s 0s;

}



.cd-panel__header {

  position: fixed;

  width: 90%;

  height: 70px;

  line-height: 50px;

  background: rgba(255, 255, 255, 0.96);

  z-index: 2;

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);

          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);

  -webkit-transition: -webkit-transform 0.3s 0s;

  transition: -webkit-transform 0.3s 0s;

  transition: transform 0.3s 0s;

  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;

  -webkit-transform: translateY(-50px);

      -ms-transform: translateY(-50px);

          transform: translateY(-50px);

}



.cd-panel__header h1 {

  color: #89ba2c;

  padding-left: 5%;

	font-family: 'Cocogosse';

	font-size:2em;

	font-weight:bold;

    margin-top: 15px;



}



.cd-panel--from-right .cd-panel__header {

  right: 0;

}



.cd-panel--from-left .cd-panel__header {

  left: 0;

}



.cd-panel--is-visible .cd-panel__header {

  -webkit-transition: -webkit-transform 0.3s 0.3s;

  transition: -webkit-transform 0.3s 0.3s;

  transition: transform 0.3s 0.3s;

  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;

  -webkit-transform: translateY(0px);

      -ms-transform: translateY(0px);

          transform: translateY(0px);

}



@media only screen and (min-width: 768px) {

  .cd-panel__header {

    width: 90%;

  }

}



@media only screen and (min-width: 1170px) {

  .cd-panel__header {

    width: 90%;

  }

}



.cd-panel__close {

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

  width: 60px;

  /* image replacement */

  display: inline-block;

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

}



.cd-panel__close::before, .cd-panel__close::after {

  /* close icon created in CSS */

  content: '';

  position: absolute;

  top: 22px;

  left: 20px;

  height: 3px;

  width: 20px;

  background-color: #424f5c;

  /* this fixes a bug where pseudo elements are slighty off position */

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}



.cd-panel__close::before {

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

}



.cd-panel__close::after {

  -webkit-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

          transform: rotate(-45deg);

}



.cd-panel__close:hover {

  background-color: #424f5c;

}



.cd-panel__close:hover::before, .cd-panel__close:hover::after {

  background-color: #ffffff;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;

}



.cd-panel__close:hover::before {

  -webkit-transform: rotate(220deg);

      -ms-transform: rotate(220deg);

          transform: rotate(220deg);

}



.cd-panel__close:hover::after {

  -webkit-transform: rotate(135deg);

      -ms-transform: rotate(135deg);

          transform: rotate(135deg);

}



.cd-panel--is-visible .cd-panel__close::before {

  -webkit-animation: cd-close-1 0.6s 0.3s;

          animation: cd-close-1 0.6s 0.3s;

}



.cd-panel--is-visible .cd-panel__close::after {

  -webkit-animation: cd-close-2 0.6s 0.3s;

          animation: cd-close-2 0.6s 0.3s;

}



@-webkit-keyframes cd-close-1 {

  0%, 50% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(45deg);

            transform: rotate(45deg);

  }

}



@keyframes cd-close-1 {

  0%, 50% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(45deg);

            transform: rotate(45deg);

  }

}



@-webkit-keyframes cd-close-2 {

  0%, 50% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-45deg);

            transform: rotate(-45deg);

  }

}



@keyframes cd-close-2 {

  0%, 50% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-45deg);

            transform: rotate(-45deg);

  }

}



.cd-panel__container {

  position: fixed;

  width: 90%;

  height: 100%;

  top: 0;

  background: #fff;

  z-index: 1;

  -webkit-transition: -webkit-transform 0.3s 0.3s;

  transition: -webkit-transform 0.3s 0.3s;

  transition: transform 0.3s 0.3s;

  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;

}



.cd-panel--from-right .cd-panel__container {

  right: 0;

  -webkit-transform: translate3d(100%, 0, 0);

          transform: translate3d(100%, 0, 0);

}



.cd-panel--from-left .cd-panel__container {

  left: 0;

  -webkit-transform: translate3d(-100%, 0, 0);

          transform: translate3d(-100%, 0, 0);

}



.cd-panel--is-visible .cd-panel__container {

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

  -webkit-transition-delay: 0s;

          transition-delay: 0s;

}



@media only screen and (min-width: 768px) {

  .cd-panel__container {

    width: 90%;

  }

}



@media only screen and (min-width: 1170px) {

  .cd-panel__container {

    width: 90%;

  }

}



.cd-panel__content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 70px 0px 0px 0px;

  overflow: auto;

  /* smooth scrolling on touch devices */

  -webkit-overflow-scrolling: touch;

}



.cd-panel__content p {

  font-size: 1.4rem;

  color: #424f5c;

  line-height: 1.4;

  margin: 2em 0;

}



.cd-panel__content p:first-of-type {

  margin-top: 0;

}



@media only screen and (min-width: 768px) {

  .cd-panel__content p {

    font-size: 1.6rem;

    line-height: 1.6;

  }

}



@media (min-width: 481px) and (max-width: 767px) {

  

    .palomitabolsa{

        margin-top: -100px;

        width: 50%;

    }

    .palomita{

        width: 100% !important;

     }



    .palomita20 {

      width: 150%;

    }



     .tznm{

        width: 200px !important;

        margin-top: 50px;

        margin-left: 70px;

      }



      .tznm{

        width: 200px !important;

        margin-top: 50px;

        

      }



      .pznm{

        width: 200px !important;

        margin-top: 50px;

     

      }



      .blsam{

        width: 200px !important;

        margin-left: -50px;

        z-index: 100;

      }

      .frjam{

        z-index: 200;

        margin-top:-110px;

        width: 350px !important;

    }

    .frjam2{

        z-index: 200;

        margin-top:-110px;

        width: 450px !important;

    }

    .sdmm {

        margin-top: -130px;

    }

    .txtm{

        font-family: 'TradeHouse', cursive;

        font-size: 35px;

    }

    .txt3m{

        font-size: 20px;

        font-family: "Cocogosse";

        padding-right: 5%;

        padding-left: 5%;

        padding-bottom: 50px;

        text-align: justify;

        margin-top: -100px;

		font-weight: bold;

    }

	.sdm2 {

    z-index: 300;

    top: 59px !important;

    left: 77px !important;

}

	.sdm3 {

  z-index: 300;

  top: 56px;

  left: 225px;

}

	.sdm {

    z-index: 300;

    top: 54px;

}

		  .palomitas{

    height: 100vh;

    background: url(../img/nueva/Copiade13.png);

	background-size: cover;

	background-position: 0px -100px;

}

.palomitas img{

    width: 22%;

}

	.palomitas .loghome {

  width: 120px !important;

  display: none !important;

}

  }

 

  /* 

    ##Device = Most of the Smartphones Mobiles (Portrait)

    ##Screen = B/w 320px to 479px

  */

  

  @media (min-width: 320px) and (max-width: 480px) {

    

    .palomitabolsa{

        margin-top: -100px;

        width: 50%;

    }

    .palomita{

        width: 76% !important;

     }

     .tznm{

        width: 200px !important;

        margin-top: 50px;

        margin-left: 70px;

      }

      .blsam{

        width: 200px !important;

       

        z-index: 100;

      }

      .frjam{

        z-index: 200;

        margin-top:-110px;

        width: 350px !important;

    }

    .frjam2{

        z-index: 200;

        margin-top:-110px;

        width: 450px !important;

    }

    .sdmm {

        margin-top: -130px;

    }

    .txtm{

        font-family: 'TradeHouse', cursive;

        font-size: 35px;

    }

    .txt3m{

        font-size: 16px;

        font-family: "Cocogosse";

        padding-right: 5%;

        padding-left: 5%;

        padding-bottom: 50px;

        text-align: center;

        margin-top: -100px;

		font-weight: bold;

    }

.sdm2 {

    z-index: 300;

    top: 59px !important;

    left: 77px !important;

}

	  .sdm3 {

  z-index: 300;

  top: 56px;

  left: 225px;

}

	  .sdm {

    z-index: 300;

    top: 54px;

}

		  .palomitas{

    height: 100vh;

    background: url(../img/nueva/fmhome.jpg);

	background-size: cover;

	background-position: 0px -50px;

}

.palomitas img{

    width: 0px;

}

	  .loghome{

	margin-left:33%;

	margin-top:60%;

}

	  .palomitas .loghome{

		  width:120px !important;

		  display:none !important;

  }

.bolsache{

	    width: 88% !important;

}

	  .fampack{

		  width: 100% !important;

	  }

	  .nav-item{

		  height: 40px;

padding-top: 12px;

	  }

	  .nav-item:hover{

		  background:#019EDF;

		  color:#fff;

	  }

	  .comonl{

    background: url(../img/sonrisa_1.png) center right no-repeat,

    #00abeb; 

    

}

	  .slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}



.slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;

    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;

    height: 390px;

    min-height: 1px;

	padding-top:4%;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}

	  .cd-panel__header h1 {

  color: #0e35e4;

  padding-left: 5%;

  font-family: 'Cocogosse';

  font-size: 1em;

  font-weight: bold;

  margin-top: 15px;

}

}



.cd-btn {

  position: relative;

  display: inline-block;

  padding: 1em 2em;

  background-color: #888d7e00;

  color: #000000;

  border-radius: 50em;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);

  -webkit-transition: -webkit-box-shadow 0.2s;

  transition: -webkit-box-shadow 0.2s;

  transition: box-shadow 0.2s;

  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;

  

}



.cd-btnc {

  cursor: not-allowed;

  pointer-events:none;

  position: relative;

  display: inline-block;

  padding: 1em 2em;

  background-color: #ffffff;

  color: #000000;

  border-radius: 50em;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);

  -webkit-transition: -webkit-box-shadow 0.2s;

  transition: -webkit-box-shadow 0.2s;

  transition: box-shadow 0.2s;

  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;

  

}





.centercel {

  margin: 0;

 

  top: 10%;

  left: 50%;



  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}









.flecha {

  width: 8vw;

  position: relative;

  top: -6vw;

  left: 20vw;

  



}







.flecha1 {

  width: 2.5vw;

  position: relative;

  top: -4vw;

  left: 20.5vw;

}







.flechasw {

  width: 2.5vw;

  position: relative;

  top: -4vw;

  left: 20vw;

}





.flecha2 {

  width: 2.5vw;

  position: relative;

  top: -8vw;

  left: 23vw;

}

.sam2 {
  width: 5vw;
  position: relative;
  top: -30vw;
  left: 2vw;
}







.flechas12 {

  width: 2.5vw;

  position: relative;

  top: -4vw;

  left: 19vw;

}





.mano2 {

  width: 7.5vw;

  position: relative;

  top: -5vw;

  left: 20vw;

}



.mano3 {

  width: 7.5vw;

  position: relative;

  top: -12vw;

  left: 20vw;

}













            

        

  



  .imgpall{

    transition: all 0.0s ease;

    }

    .imgpall:hover{

    transition: all 0.6s ease;

    -webkit-transform:scale(1.2);transform:scale(1.2);

    overflow:hidden;

    }



    





  .contenedor:hover .imagen {-webkit-transform:scale(1.3);transform:scale(1.3);}

  .contenedor {overflow:hidden;}



  .index123 {

    position: relative;

    width: 100%;

  

    overflow: hidden;

}



.ka {

  width: 100% !important;

  

}









.button-overlay {

  position: relative;

  display: inline-block;

}

.button-overlay button {

  



  top: -1vw;

  left: 12vw;

  

}

.button-overlay1 {

  position: relative;

  display: inline-block;

}

.button-overlay1 button {

  

  top: -1vw;

  left: 12vw;



}



.text-blackm {

  color: #000000!important;}





.row1{

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  display: flex;

  flex-wrap: wrap;

  margin-top: calc(var(--bs-gutter-y) * -1);

  margin-right: calc(var(--bs-gutter-x) * -.5);

  margin-left: calc(var(--bs-gutter-x) * -.5);

  justify-content: center;

  align-items: baseline;

}



.fs-34{

  font-size: calc(1.2rem + 1.1vw)!important;

}



.index1{

  width: 100%;

  position: relative;

  justify-content: center;

}





.text-whitecirculo {

  color: #fff!important;

}





.circulo1 {

  width: 3.5vw;

  position: relative;

  top: -11vw;

  left: 7vw;

}



.circulo2 {

  width: 3.5vw;

  position: relative;

  top: -10vw;

  left: 12.5vw;

}





.circulo3 {

  width: 3.5vw;

  position: relative;

  top: -12vw;

  left: 13vw;

}







.circulo10 {

  width: 3.5vw;

  position: relative;

  top: -6.5vw;

  left: 11.5vw;

}





.circulo11 {

  width: 5vw;

  position: relative;

  top: -6.3vw;

  left: 9vw;

}





.circulo35 {

  width: 3.5vw;

  position: relative;

  top: -12vw;

  left: 7vw;

}



.tamanos{

   

  width: 100%;

  padding: 10px;}



  .tamanos1{

   position: relative;

    width: 100%;

    padding: 10px;

  top: 5vw;}





  .mt-lg-5 {

    margin-top: 3rem!important;

}







.circulocel1 {

  width: 8vw;

  position: relative;

  top: -18vw;

  left: 25vw;

}



.circulocel2 {

  width: 8vw;

  position: relative;

  top: -23vw;

  left: 45vw;

}





.circulocel3 {

  width: 8vw;

  position: relative;

  top: -16vw;

  left: 59vw;

}







.circulocel4 {

  width: 8vw;

  position: relative;

  top: -16vw;

  left: 16vw;



}







.circulo3sobres {

  width: 4vw;

  position: relative;

  top: -9vw;

  left: 12vw;

}



.circulo4sobres {

  width: 4vw;

  position: relative;

  top: -4vw;

  left: 17.5vw;

}



.circulo5sobres {

  width: 20vw;

  position: relative;

  top: -13vw;

  left: 32vw;

}



.circulo6sobres {

  width: 20vw;

  position: relative;

  top: -13vw;

  left: 32vw;

}



.circulocel7 {

  width: 8vw;

  position: relative;

  top: -19vw;

  left: 43vw;

}







.cap>* {

  flex-shrink: 0;

  width: 100%;

  max-width: 100%;

  padding-right: calc(var(--bs-gutter-x) * .5);

  padding-left: calc(var(--bs-gutter-x) * .5);

  margin-top: var(--bs-gutter-y);

}



.aviso{
  text-align: center;
  text-align: justify;
  padding: 3%;
}

.av{
  font-size: 30px;
  text-align: center;
  
  padding: 3%;
}