#map {  
	height: calc(100vh - 0px);
	margin-left: -15px;
}
.icon-gps { height: 36px; }
.sectorPosInfo, .sectorPosMapa { opacity: 0; }
.sectorPosInfo { height: calc(100vh - 0px); overflow-x: hidden; }
#puntoventafull .btn-print { opacity: 0; position: absolute;   left: 2rem;   width: 3rem;    height: 3rem;    bottom: 2rem; transition: .5s ease; }
#puntoventafull .buttonMore { position: fixed;   bottom: 3rem;    width: 100%;   padding-right: 6rem; }
#capacitacion #sectorStaff .buttonMore { position: fixed;  bottom: 10rem; }
#puntoventafull .buttonMore button, #capacitacion #sectorStaff .buttonMore button{ border-radius: 50%; width: 3rem; height: 3rem; cursor:pointer; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite;  }
#puntoventafull .buttonMore button i, #capacitacion #sectorStaff .buttonMore button i{ margin-left: -4px;   margin-top: -1px; }

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
} 



@-webkit-keyframes bounceMini {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-10px);}
 60% {-webkit-transform: translateY(-5px);}
}
 
@-moz-keyframes bounceMini {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-10px);}
 60% {-moz-transform: translateY(-5px);}
}
 
@-o-keyframes bounceMini {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-10px);}
 60% {-o-transform: translateY(-5px);}
}
@keyframes bounceMini {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-10px);}
 60% {transform: translateY(-5px);}
} 


#puntoventafull .sectorPosInfo { padding: 1rem !important; }
#puntoventafull .textDetail { font-size: .8rem; }
#puntoventafull .lugarPos { font-size: 1rem; }
#puntoventafull .nombrePos { font-size: 1rem; }
#puntoventafull .detailPos { font-size: .7rem; } 
#puntoventafull .icon-gps { height: 28px; } 
#puntoventafull .buttonMore, #capacitacion #sectorStaff .buttonMore {   bottom: 1.5rem; transform: scale(.7); }
#capacitacion #sectorStaff .buttonMore { bottom: 6rem; }

@media (min-width: 1200px) { 
  	@media (min-height: 650px) {   
  	}
  	@media (min-height: 800px) {    
  	} 
}

@media (min-width: 1300px) {
  	@media (min-height: 700px) {   
  		#puntoventafull .sectorPosInfo { padding: 2rem !important; }
		#puntoventafull .textDetail { font-size: 1rem; }
		#puntoventafull .lugarPos { font-size: 1.1rem; }
		#puntoventafull .nombrePos { font-size: 1.1rem; }
		#puntoventafull .detailPos { font-size: .8rem; } 
		#puntoventafull .icon-gps { height: 32px; } 
		#puntoventafull .buttonMore, #capacitacion #sectorStaff .buttonMore {   bottom: 2rem; transform: scale(.8); }
		#capacitacion #sectorStaff .buttonMore { bottom: 6rem; }

  	}
}

@media (min-width: 1500px) {
  	@media (min-height: 700px) {   
  		#puntoventafull .sectorPosInfo { padding: 2.5rem !important; }
		#puntoventafull .textDetail { font-size: 1.1rem; }
		#puntoventafull .lugarPos { font-size: 1.2rem; }
		#puntoventafull .nombrePos { font-size: 1.2rem; }
		#puntoventafull .detailPos { font-size: .9rem; } 
		#puntoventafull .icon-gps { height: 33px; } 
		#puntoventafull .buttonMore, #capacitacion #sectorStaff .buttonMore {   bottom: 2.5rem; transform: scale(.9); }
		#capacitacion #sectorStaff .buttonMore { bottom: 9rem; }

  	}
}

@media (min-width: 1800px) {
	@media (min-height: 900px) {  
		#puntoventafull .sectorPosInfo { padding: 3rem !important; }
		#puntoventafull .textDetail { font-size: 1.2rem; }
		#puntoventafull .lugarPos { font-size: 1.3rem; }
		#puntoventafull .nombrePos { font-size: 1.3rem; }
		#puntoventafull .detailPos { font-size: 1rem; } 
		#puntoventafull .icon-gps { height: 36px; } 
		#puntoventafull .buttonMore, #capacitacion #sectorStaff .buttonMore {   bottom: 3rem; transform: scale(1); }
		#capacitacion #sectorStaff .buttonMore { bottom: 10rem; }
		#capacitacion #sectorStaff .buttonMore button i{   margin-left: -8px;   margin-top: -5px; }
	}
}