html, body
{
	scrollbar-width: auto;
	scrollbar-color: #d4d0d8 #fff;  
}
.thumbsarr {
    display: block;
    position: fixed;
    z-index: 9999;
	left: 10px;
	bottom: 105px;
    width: 68px;
    height: 68px;
    margin: 50 50 50 50;
    text-align: center;
    outline: 0;
    background: url(../images/arrows-slider2.svg) no-repeat;
    opacity: .7;
    will-change: transform;
  }

  .thumbsarl {
    display: block;
    position: fixed;
    z-index: 9999;
    left: 95%;
	bottom: 105px;
    width: 68px;
    height: 68px;
    margin: 10 0 0 0;
    text-align: center;
    outline: 0;
    background: url(../images/arrows-slider2.svg) no-repeat;
    opacity: .7;
    will-change: transform;
	transform: scaleX(-1);
  }



.botontrama {
	opacity: 0.9;
}
.botontrama:before {
	content: "";

	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 0.9;
	/*background: #150b3d;*/
	border-left: 1.5px solid rgb(245, 63, 91);
	border-right: 1.5px solid rgb(245, 63, 91);
	/*box-shadow: -2px 0px 0px 0px rgb(223, 8, 8), 2px 0px 0px 0px rgb(201, 9, 9);*/
	visibility: hidden;
	/*border-radius: 5pt;*/
	transform-origin: bottom;
	transform: scaleY(0);
	margin-left: 0px;
	transition: .25s linear;
}
.botontrama:hover:before,
.botontrama:focus:before {
visibility: visible;
transform-origin: bottom;
transform: scaleY(1);
}
.botontrama.selected{
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	/*background: #150b3d;*/
	border-left: 1.5px solid rgb(245, 63, 91);
	border-right: 1.5px solid rgb(245, 63, 91);
}


  .marcadorindice:hover {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 0.8;
	background: rgba(0, 0, 0, 0.1);
	border-left: red solid 7px;

	visibility: visible;
	transform-origin: bottom;
	transform: scaleY(1);
	margin-left: 0px;
	mix-blend-mode: multiply;
	transition: .25s linear;
}
  
  
  @keyframes presentacion1a {
    0% {opacity:0;}
    100% {opacity:1;}
}

	
.scroll-none-showScroll-updown {
	opacity: 0.5;
	-webkit-animation: updown 1.2s ease-in-out alternate infinite;
	-moz-animation: updown 1.2s ease-in-out alternate infinite;
	animation: updown 1.2s ease-in-out alternate infinite;
	transition-duration: 1.2s;
}

.scroll-none-showScroll-RiLe {
	opacity: 0.5;
	-webkit-animation: rile 1.2s ease-in-out alternate infinite;
	-moz-animation: rile 1.2s ease-in-out alternate infinite;
	animation: rile 1.2s ease-in-out alternate infinite;
	transition-duration: 1.2s;
}


@keyframes updown {
	0% {
	  transform: translate(0px, -10px); 
	}100% { 
		transform: translate(0px, 10px); 
	}
  }

  @-webkit-keyframes  updown {
	0% {
		-webkit-transform: translate(0px, -10px); 
	}100% { 
		-webkit-transform: translate(0px, 10px); 
	}
  }

  @keyframes rile {
	0% {
	  transform: translate(10px, 0px); 
	}100% { 
		transform: translate(-10px, 0px); 
	}
  }

  @-webkit-keyframes  rile {
	0% {
		-webkit-transform: translate(10px, 0px); 
	}100% { 
		-webkit-transform: translate(-10px, 0px); 
	}
  }


.cataiBoloFoto ellipse:hover{
	fill: rgb(116, 148, 143);
	stroke-width: 0px;
}

.cataiBoloFoto circle:hover{
	fill: rgb(116, 148, 143);
	stroke-width: 0px;
}

.piedefoto{
	transition: 1.5s; 
	opacity: 0;
}
.piedefoto:hover{
	transition: 1.5s; 
	opacity: 1;
}

.upgrade{
	display: inline-flex;
}

.upgradeIcon{
	display: inline-flex;
	transform-origin: 0 50%;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
 }
.upgradeIcon:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.upgradeIconmitad{
	display: inline-flex;
	transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
 }
.upgradeIconmitad:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*MKcolor*/

@-webkit-keyframes fadeinmk3 {
	from { opacity: 1; }
	to { opacity: 0.4; }
}
@-moz-keyframes fadeinmk3 {
	from { opacity: 1; }
	to { opacity: 0.4; }
}
@keyframes fadeinmk3 {
	from { opacity: 1; }
	to { opacity: 0.4; }
}

@-webkit-keyframes fadeinmk5 {
	from { opacity: 1; }
	to { opacity: 0.7; }
}
@-moz-keyframes fadeinmk5 {
	from { opacity: 1; }
	to { opacity: 0.7; }
}
@keyframes fadeinmk5 {
	from { opacity: 1; }
	to { opacity: 0.7; }
}

.mkcolor1 {
	-webkit-animation: fadeinmk5 0.8s ease-in alternate infinite;
	-moz-animation: fadeinmk5 0.8s ease-in alternate infinite;
	animation: fadeinmk5 0.8s ease-in alternate infinite;
	transition-duration: 0.8s;
  }

  .mkcolor1:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	transition-duration: 0s;
  }


.mkcolor3 {
	-webkit-animation: fadeinmk3 0.45s ease-in alternate infinite;
	-moz-animation: fadeinmk3 0.45s ease-in alternate infinite;
	animation: fadeinmk3 0.4s ease-in alternate infinite;
	transition-duration: 0.4s;
  }

  .mkcolor3:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	transition-duration: 0s;
  }


.botonactselectedred{
    background: #F53F5B;
}

.botonactselectedred p{
    color: #ffffff;
}

.botonact4{
    background: #ffd5d8;
}

.botonact4:hover{
    background: #F53F5B;
}

.botonact4 p:hover{
    color: #ffffff;
}

.botonact4.selected{
    background: #F53F5B;
}

.botonact4.selected p{
    color: #ffffff;
}



.botonact4cut:hover{
    background:#F53F5B;
}
.botonact4cut{
    background: #ffd5d8;
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonact4cut.selected{
    background:#F53F5B;
}
.botonact4cut.selected p{
    color: #ffffff;
}

.botonactselected4cut{
    background:#F53F5B;
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselected4cut p{
    color: #ffffff;
}


/*AMERICA LATINA*/
.botonactselected{
    background: #796a9a;
}

.botonactselected p{
    color: #ffffff;
}

.botonact{
    background: #e2e0ea;
}

.botonact:hover{
    background: #796a9a;
}

.botonact p:hover{
    color: #ffffff;
}

.botonact.selected{
    background: #796a9a;
}

.botonact.selected p{
    color: #ffffff;
}


.botonactcut:hover{
    background:#796a9a;
}
.botonactcut{
    background: #e2e0ea;
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactcut.selected{
    background:#796a9a;
}
.botonactcut.selected p{
    color: #ffffff;
}

.botonactselectedcut{
    background:#796a9a;
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedcut p{
    color: #ffffff;
}

/*CHINA Y JAPÓN*/
.botonactselectedCJ{
    background: #812a2a;
}

.botonactselectedCJ p{
    color: #ffffff;
}

.botonactCJ{
    background: #e5c6c6;
}

.botonactCJ:hover{
    background: #812a2a;
}

.botonactCJ p:hover{
    color: #ffffff;
}

.botonactCJ.selected{
    background: #812a2a;
}

.botonactCJ.selected p{
    color: #ffffff;
}


.botonactCJcut:hover{
    background:#812a2a;
}
.botonactCJcut{
    background: #e5c6c6;
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactCJcut.selected{
    background:#812a2a;
}
.botonactCJcut.selected p{
    color: #ffffff;
}

.botonactselectedCJcut{
    background:#812a2a;
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedCJcut p{
    color: #ffffff;
}

/*SUDESTE ASIATICO*/
.botonactselectedSA{
    background: rgb(64, 107, 68);
}

.botonactselectedSA p{
    color: #ffffff;
}

.botonactSA{
    background: rgb(202, 214, 203);
}

.botonactSA:hover{
    background: rgb(64, 107, 68);
}

.botonactSA p:hover{
    color: #ffffff;
}

.botonactSA.selected{
    background: rgb(64, 107, 68);
}

.botonactSA.selected p{
    color: #ffffff;
}


.botonactSAcut:hover{
    background:rgb(64, 107, 68);
}
.botonactSAcut{
    background: rgb(202, 214, 203);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactSAcut.selected{
    background:rgb(64, 107, 68);
}
.botonactSAcut.selected p{
    color: #ffffff;
}

.botonactselectedSAcut{
    background:rgb(64, 107, 68);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedSAcut p{
    color: #ffffff;
}


/*ISLAS EXÓTICAS*/
.botonactselectedIE{
    background: rgb(72,140,138);
}

.botonactselectedIE p{
    color: #ffffff;
}

.botonactIE{
    background: rgb(220, 239, 238);
}

.botonactIE:hover{
    background: rgb(72,140,138);
}

.botonactIE p:hover{
    color: #ffffff;
}

.botonactIE.selected{
    background: rgb(72,140,138);
}

.botonactIE.selected p{
    color: #ffffff;
}


.botonactIEcut:hover{
    background:rgb(72,140,138);
}
.botonactIEcut{
    background: rgb(220, 239, 238);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactIEcut.selected{
    background:rgb(72,140,138);
}
.botonactIEcut.selected p{
    color: #ffffff;
}

.botonactselectedIEcut{
    background:rgb(72,140,138);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedIEcut p{
    color: #ffffff;
}


/*PACÍFICO*/
.botonactselectedPA{
    background: rgb(25,102,112);
}

.botonactselectedPA p{
    color: #ffffff;
}

.botonactPA{
    background: rgb(221, 232, 234);
}

.botonactPA:hover{
    background: rgb(25,102,112);
}

.botonactPA p:hover{
    color: #ffffff;
}

.botonactPA.selected{
    background: rgb(25,102,112);
}

.botonactPA.selected p{
    color: #ffffff;
}


.botonactPAcut:hover{
    background:rgb(25,102,112);
}
.botonactPAcut{
    background: rgb(221, 232, 234);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactPAcut.selected{
    background:rgb(25,102,112);
}
.botonactPAcut.selected p{
    color: #ffffff;
}

.botonactselectedPAcut{
    background:rgb(25,102,112);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedPAcut p{
    color: #ffffff;
}


/*LAPONIAN*/
.botonactselectedLA{
    background:rgb(72,131,170);
}

.botonactselectedLA p{
    color: #ffffff;
}

.botonactLA{
    background: rgb(218,230,238);
}

.botonactLA:hover{
    background:rgb(72,131,170);
}

.botonactLA p:hover{
    color: #ffffff;
}

.botonactLA.selected{
    background:rgb(72,131,170);
}

.botonactLA.selected p{
    color: #ffffff;
}


.botonactLAcut:hover{
    background:rgb(72,131,170);
}
.botonactLAcut{
    background: rgb(218,230,238);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactLAcut.selected{
    background:rgb(72,131,170);
}
.botonactLAcut.selected p{
    color: #ffffff;
}

.botonactselectedLAcut{
    background:rgb(72,131,170);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedLAcut p{
    color: #ffffff;
}


/*ESCANDINAVIA*/
.botonactselectedES{
    background:rgb(41,90,137);
}

.botonactselectedES p{
    color: #ffffff;
}

.botonactES{
    background: rgb(208,220,228);
}

.botonactES:hover{
    background:rgb(41,90,137);
}

.botonactES p:hover{
    color: #ffffff;
}

.botonactES.selected {
    background:rgb(41,90,137);
}

.botonactES.selected p{
    color: #ffffff;
}


.botonactEScut:hover{
    background:rgb(41,90,137);
}
.botonactEScut{
    background: rgb(208,220,228);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactEScut.selected{
    background:rgb(41,90,137);
}
.botonactEScut.selected p{
    color: #ffffff;
}

.botonactEScutselected{
    background:rgb(41,90,137);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactEScutselected p{
    color: #ffffff;
}


/*EUROPA*/
.botonactselectedEU{
    background:rgb(97,113,139);
}

.botonactselectedEU p{
    color: #ffffff;
}

.botonactEU{
    background: rgb(211,214,219);
}

.botonactEU:hover{
    background:rgb(97,113,139);
}

.botonactEU p:hover{
    color: #ffffff;
}

.botonactEU.selected{
    background:rgb(97,113,139);
}

.botonactEU.selected p{
    color: #ffffff;
}


.botonactEUcut:hover{
    background:rgb(97,113,139);
}
.botonactEUcut{
    background: rgb(211,214,219);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactEUcut.selected{
    background:rgb(97,113,139);
}
.botonactEUcut.selected p{
    color: #ffffff;
}
.botonactselectedEUcut{
    background:rgb(97,113,139);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedEUcut p{
    color: #ffffff;
}

/*INDIA*/
.botonactselectedIN{
    background:rgb(185,85,105);
}

.botonactselectedIN p{
    color: #ffffff;
}

.botonactIN{
    background: rgb(225,203,203);
}

.botonactIN:hover{
    background:rgb(185,85,105);
}

.botonactIN p:hover{
    color: #ffffff;
}

.botonactIN.selected{
    background:rgb(185,85,105);
}

.botonactIN.selected p{
    color: #ffffff;
}


.botonactINcut:hover{
    background:rgb(185,85,105);
}
.botonactINcut{
    background: rgb(225,203,203);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactINcut.selected{
    background:rgb(185,85,105);
}
.botonactINcut.selected p{
    color: #ffffff;
}

.botonactselectedINcut{
    background:rgb(185,85,105);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedINcut p{
    color: #ffffff;
}

/*ASIA CENTRAL*/
.botonactselectedAC{
    background:rgb(157,92,85);
}

.botonactselectedAC p{
    color: #ffffff;
}

.botonactAC{
    background: rgb(227,209,207);
}

.botonactAC:hover{
    background:rgb(157,92,85);
}

.botonactAC p:hover{
    color: #ffffff;
}

.botonactAC.selected{
    background:rgb(157,92,85);
}

.botonactAC.selected p{
    color: #ffffff;
}


.botonactACcut:hover{
    background:rgb(157,92,85);
}
.botonactACcut{
    background: rgb(227,209,207);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactACcut.selected{
    background:rgb(157,92,85);
}
.botonactACcut.selected p{
    color: #ffffff;
}
.botonactselectedACcut{
    background:rgb(157,92,85);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedACcut p{
    color: #ffffff;
}


/*AMERICA DEL NORTE*/
.botonactselectedAN{
    background:rgb(90,70,117);
}

.botonactselectedAN p{
    color: #ffffff;
}

.botonactAN{
    background: rgb(223,216,234);
}

.botonactAN:hover{
    background:rgb(90,70,117);
}

.botonactAN p:hover{
    color: #ffffff;
}

.botonactAN.selected{
    background:rgb(90,70,117);
}

.botonactAN.selected p{
    color: #ffffff;
}


.botonactANcut:hover{
    background:rgb(90,70,117);
}
.botonactANcut{
    background: rgb(223,216,234);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactANcut.selected{
    background:rgb(90,70,117);
}
.botonactANcut.selected p{
    color: #ffffff;
}
.botonactselectedANcut{
    background:rgb(90,70,117);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedANcut p{
    color: #ffffff;
}


/*ORIENTE MEDIO*/
.botonactselectedOM{
    background:rgb(192,128,58);
}

.botonactselectedOM p{
    color: #ffffff;
}

.botonactOM{
    background: rgb(246,228,212);
}

.botonactOM:hover{
    background:rgb(192,128,58);
}

.botonactOM p:hover{
    color: #ffffff;
}

.botonactOM.selected{
    background:rgb(192,128,58);
}

.botonactOM.selected p{
    color: #ffffff;
}


.botonactOMcut:hover{
    background:rgb(192,128,58);
}
.botonactOMcut{
    background: rgb(246,228,212);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactOMcut.selected{
    background:rgb(192,128,58);
}
.botonactOMcut.selected p{
    color: #ffffff;
}

.botonactselectedOMcut{
    background:rgb(192,128,58);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedOMcut p{
    color: #ffffff;
}


/*ÁFRICA*/
.botonactselectedAF{
    background:rgb(119,90,74);
}

.botonactselectedAF p{
    color: #ffffff;
}

.botonactAF{
    background: rgb(226,211,199);
}

.botonactAF:hover{
    background:rgb(119,90,74);
}

.botonactAF p:hover{
    color: #ffffff;
}

.botonactAF.selected{
    background:rgb(119,90,74);
}

.botonactAF.selected p{
    color: #ffffff;
}


.botonactAFcut:hover{
    background:rgb(119,90,74);
}
.botonactAFcut{
    background: rgb(226,211,199);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactAFcut.selected{
    background:rgb(119,90,74);
}
.botonactAFcut.selected p{
    color: #ffffff;
}

.botonactselectedAFcut{
    background:rgb(119,90,74);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedAFcut p{
    color: #ffffff;
}

/*EMIRATOS ÁRABES*/
.botonactselectedEA{
    background:rgb(79,63,63);
}

.botonactselectedEA p{
    color: #ffffff;
}

.botonactEA{
    background: rgb(228,208,205);
}

.botonactEA:hover{
    background:rgb(79,63,63);
}

.botonactEA p:hover{
    color: #ffffff;
}

.botonactEA.selected{
    background:rgb(79,63,63);
}

.botonactEA.selected p{
    color: #ffffff;
}


.botonactEAcut:hover{
    background:rgb(79,63,63);
}
.botonactEAcut{
    background: rgb(228,208,205);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactEAcut.selected{
    background:rgb(79,63,63);
}
.botonactEAcut.selected p{
    color: #ffffff;
}

.botonactselectedEAcut{
    background:rgb(79,63,63);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedEAcut p{
    color: #ffffff;
}


/*SOSTENIBILIDAD*/
.botonactselectedSO{
    background:rgb(15, 125, 90);
}

.botonactselectedSO p{
    color: #ffffff;
}

.botonactSO{
    background: rgb(205, 225, 215);
}

.botonactSO:hover{
    background:rgb(15, 125, 90);
}

.botonactSO p:hover{
    color: #ffffff;
}

.botonactSO.selected{
    background:rgb(15, 125, 90);
}

.botonactSO.selected p{
    color: #ffffff;
}



.botonactSOcut:hover{
    background:rgb(15, 125, 90);
}
.botonactSOcut{
    background: rgb(205, 225, 215);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactSOcut.selected{
    background:rgb(15, 125, 90);
}
.botonactSOcut.selected p{
    color: #ffffff;
}

.botonactselectedSOcut{
    background:rgb(15, 125, 90);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedSOcut p{
    color: #ffffff;
}

/*NOVIOS*/
.botonactselectedNO{
    background:rgb(0, 135, 191);
}

.botonactselectedNO p{
    color: #ffffff;
}

.botonactNO{
    background: rgb(186, 213, 233);
}

.botonactNO:hover{
    background:rgb(0, 135, 191);
}

.botonactNO p:hover{
    color: #ffffff;
}

.botonactNO.selected{
    background:rgb(0, 135, 191);
}

.botonactNO.selected p{
    color: #ffffff;
}


.botonactNOcut:hover{
    background:rgb(0, 135, 191);
}
.botonactNOcut{
    background: rgb(186, 213, 233);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactNOcut.selected{
    background:rgb(0, 135, 191);
}
.botonactNOcut.selected p{
    color: #ffffff;
}

.botonactNOcutselected{
    background:rgb(0, 135, 191);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactNOcutselected p{
    color: #ffffff;
}


/*VENTA ANTICIPADA*/
.botonactselectedVA{
    background:rgb(117, 101, 153);
}

.botonactselectedVA p{
    color:rgb(235, 233, 240);
}

.botonactVA{
    background: rgb(235, 233, 240);
}

.botonactVA:hover{
    background:rgb(117, 101, 153);
}

.botonactVA p:hover{
    color: #ffffff;
}

.botonactVA.selected{
    background:rgb(117, 101, 153);
}

.botonactVA.selected p{
    color: #ffffff;
}



.botonactVAcut:hover{
    background:rgb(117, 101, 153);
}
.botonactVAcut{
    background: rgb(235, 233, 240);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.botonactVAcut.selected{
    background:rgb(117, 101, 153);
}
.botonactVAcut.selected p{
    color: #ffffff;
}

.botonactselectedVAcut{
    background:rgb(117, 101, 153);
	clip-path: polygon(21px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.botonactselectedVAcut p{
    color: #ffffff;
}

/**/

#viewer-options-bar #view-toggle{
	left: 8px;
}

#viewer-options-bar{
    position:absolute;bottom:0;left:0;width:100%;
    background-color:#000; color:#F53F5B; fill:#F53F5B;
    height:40px; display:table;
}


#share-wrap {
	display: none;
   
	position: absolute;
    bottom: 0px;
    left: 198px;

    background-color: rgba(0,0,0,0);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,0);
    z-index:9999;
    opacity: 0.2;
    -webkit-animation:share-fadein 0.2s ease 0.5s;
    animation:share-fadein 0.2s ease 0.5s;
}
#share-wrap:hover{
    opacity: 1;
}
/*#share-wrap.align-right { right:0; left:auto; }
#share-wrap.align-bottom {left:auto; right:20px; bottom:0; top:auto; padding-bottom:12px; }
#share-wrap.align-top {left:auto; right:40px; top:0; padding-top:8px; }
#share-wrap > a > span { display: none; }*/
#share-wrap > a {
	opacity: 1;
	box-shadow: 0px 0px 0px 10px #101820;
    display:block;
    width:30px;
    height:30px;
    border-radius:50%;
    background:url(../images/sharebtns.png) no-repeat;
    background-size: 392px 30px;
    -webkit-background-size: 392px 30px;
    -moz-background-size: 392px 30px;
    margin:5px;
    padding:3px;
}
#share-wrap > a:hover {
	opacity: 1;
}
#share-wrap.align-top > a, #share-wrap.align-bottom > a { display:inline-block; }
#share-wrap > a#sb-fb { background-color:#5873b4; background-position:-27px 50%; }
#share-wrap > a#sb-tw { background-color:#5e5e5e; background-position: -265px 50%; }
#share-wrap > a#sb-li { background-color:#6bc057; background-position: -116px 50%; }
#share-wrap > a#cerrar { background-color:#ffffff; opacity: 50%; background-position: -330px 50%; width:20px; height:20px; }
#share-wrap > a:hover { border: 2px solid rgb(255, 255, 255);}


#share-wrap.align-right {
    right: 198px;
	left: auto;
  }

  #share-wrap.align-bottom{
	bottom: 28px;
  }



@keyframes presentacion1a {
    0% {opacity:0;}
    100% {opacity:1;}
}

@media screen and (max-width:1400px){
	.thumbsarl {
		left: 90%;
	  }
}

@media screen and (max-width: 400px), 
   screen and (max-height: 400px) {


}

@media screen and (max-width: 200px), 
   screen and (max-height: 200px) {

}

@media all and (max-width:767px) { 
    [class*=" mq-"], 
    .mq-default { display:none; } 
    .mq-700 {display:block; } 

    #share-wrap {
        left:0;
        position:fixed;
        bottom: 80%;
        /*background-color: rgba(0,0,0,.65);*/
        /*box-shadow: 2px 2px 6px 0 rgba(0,0,0,.4);*/
        z-index:9999;
        opacity: 0.5;
        -webkit-animation:share-fadein 1s ease 2s;
        animation:share-fadein 1s ease 0.2s;
    }

	#ico-miniaturas {display: none;}
	#container-wrap 
	{
		/*top:45px !important;*/
		background: rgb(17, 17, 17);
	}
	#miniaturas {
		font-family: sofia-pro, sans-serif;
		font-size: 18px;
		position: fixed;
		right: 53px;
		top: 12px !important;
		color: #000;
		z-index: 999;
	}
	#miniaturas a {
		padding: 0 8px;
	}


	#viewer-options-bar #view-toggle {
		
		/*position:absolute;
		right:8px;
		bottom:0px;*/
		/*display:block;
		width:70px;
		height:50px;
		border-radius:2px 2px 0 0;
		cursor:pointer;*/
		display:none;
		fill:#2bbb29;
	}



	#viewer-options{
		/*position: absolute;
		top: -500px;*/
		clear: none;
		float: right;
		max-height: none;
		display: inline;
	}


	#viewer-pagecount{
		position: absolute;
		top: -5500px;
		}


	#viewer-options-bar #viewer-logo object{
		position: absolute;
		bottom: -15px;
	}

	/*v3*/
	#viewer-options-wrap.collapsed {
		/*-ms-transform:translateY(120px);
		-webkit-transform:translateY(120px) translateZ(0);*/
		transform:translateY(0px) translateZ(0);
		/*transition:transform .1s;*/
		
	}

	#viewer-options-wrap.collapsed #view-toggle svg {
		/*-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);*/
		fill:#5e29bb;
	}

	
	
	#viewer-pagecount{
		display: none;
	}
	#opt-zoom-in-btn{
		display: none;
	}
	#opt-zoom-out-btn{
		display: none;
	}
	#opt-fs-btn{
		display: none;
	}
	.viewer-option-btn{
		display: none;
	}


	.c_compartir{
		float: right;
		display: block ;
		transform: scale(.5);
		margin-right: 0px;
		top: 35px;
	}
	
	.c_pdf{
		float: right;
		display: block ;
		top:18px;
		/*transform: scale(.7);*/
		margin-right:-15px;
	}

	#share-wrap.align-right { right: 89px !important; }
	/*#share-wrap.align-bottom {left:auto; right:20px; bottom:0; top:auto; padding-bottom:12px; }
	#share-wrap.align-top {left:auto; right:40px; top:0; padding-top:8px; }
	#share-wrap > a > span { display: none; }*/
}