/*Switch*/
.audio__switch { align-items: center; display: flex; flex-flow: row nowrap; font-size: 12px; justify-content: center; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.audio__switch .switch { background: #d9d7cf; border-radius: 20px; cursor: pointer; display: inline-block; height: 25px; margin: 0 5px; order: 1; position: relative; transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; width: 50px; }
.audio__switch .switch::before { content: ''; position: absolute; top: 1px; left: 2px; width: 22px; height: 22px; background: #fafafa; border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
.audio__switch .switch:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); }
.audio__switch input:checked + .switch { background: #FF685D; }
.audio__switch input:checked + .switch::before { left: 27px; background: #fff; }
.audio__switch input:checked + .switch:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2); }
.audio__switch .outside-switch { order: 0; }
.audio__switch .inside-switch { order: 2; }
.audio__switch input:not(:checked) ~ .outside-switch, .audio__switch input:checked ~ .inside-switch { color: #ff6865; font-weight: bold; }

/*Switch doble comparador*/
.audio__switch__2 { align-items: center; display: flex; flex-flow: row nowrap; font-size: 12px; justify-content: center; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.audio__switch__2 .switch-2 { background: #d9d7cf; border-radius: 20px; cursor: pointer; display: inline-block; height: 25px; margin: 0 5px; order: 1; position: relative; transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; width: 50px; }
.audio__switch__2 .switch-2::before { content: ''; position: absolute; top: 1px; left: 2px; width: 22px; height: 22px; background: #fafafa; border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
.audio__switch__2 .switch-2:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); }
.audio__switch__2 input:checked + .switch-2 { background: #FF685D; }
.audio__switch__2 input:checked + .switch-2::before { left: 27px; background: #fff; }
.audio__switch__2 input:checked + .switch-2:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2); }
.audio__switch__2 .outside-switch { order: 0; }
.audio__switch__2 .inside-switch { order: 2; }
.audio__switch__2 input:not(:checked) ~ .outside-switch, .audio__switch__2 input:checked ~ .inside-switch { color: #ff6865; font-weight: bold; }


/*Switch comparador audio tres*/
.audio__switch__5 { align-items: center; display: flex; flex-flow: row nowrap; font-size: 12px; justify-content: center; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.audio__switch__5 .switch-5 { background: #d9d7cf; border-radius: 20px; cursor: pointer; display: inline-block; height: 25px; margin: 0 5px; order: 1; position: relative; transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; width: 50px; }
.audio__switch__5 .switch-5::before { content: ''; position: absolute; top: 1px; left: 2px; width: 22px; height: 22px; background: #fafafa; border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
.audio__switch__5 .switch-5:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); }
.audio__switch__5 input:checked + .switch-5 { background: #FF685D; }
.audio__switch__5 input:checked + .switch-5::before { left: 27px; background: #fff; }
.audio__switch__5 input:checked + .switch-5:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2); }
.audio__switch__5 .outside-switch { order: 0; }
.audio__switch__5 .inside-switch { order: 2; }
.audio__switch__5 input:not(:checked) ~ .outside-switch, .audio__switch__5 input:checked ~ .inside-switch { color: #ff6865; font-weight: bold; }



/*Switch comparador audio cuatro*/
.audio__switch__6 { align-items: center; display: flex; flex-flow: row nowrap; font-size: 12px; justify-content: center; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.audio__switch__6 .switch-6 { background: #d9d7cf; border-radius: 20px; cursor: pointer; display: inline-block; height: 25px; margin: 0 5px; order: 1; position: relative; transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; width: 50px; }
.audio__switch__6 .switch-6::before { content: ''; position: absolute; top: 1px; left: 2px; width: 22px; height: 22px; background: #fafafa; border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
.audio__switch__6 .switch-6:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); }
.audio__switch__6 input:checked + .switch-6 { background: #FF685D; }
.audio__switch__6 input:checked + .switch-6::before { left: 27px; background: #fff; }
.audio__switch__6 input:checked + .switch-6:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2); }
.audio__switch__6 .outside-switch { order: 0; }
.audio__switch__6 .inside-switch { order: 2; }
.audio__switch__6 input:not(:checked) ~ .outside-switch, .audio__switch__6 input:checked ~ .inside-switch { color: #ff6865; font-weight: bold; }

/*Switch-video*/
.video__switch__1 { align-items: center; display: flex; flex-flow: row nowrap; font-size: 14px; justify-content: center; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.video__switch__1 .switch-video-uno { background: #d9d7cf; border-radius: 20px; cursor: pointer; display: inline-block; height: 25px; margin: 0 5px; order: 1; position: relative; transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; width: 50px; }
.video__switch__1 .switch-video-uno::before { content: ''; position: absolute; top: 1px; left: 2px; width: 22px; height: 22px; background: #fafafa; border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
.video__switch__1 .switch-video-uno:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); }
.video__switch__1 input:checked + .switch-video-uno { background: #FF685D; }
.video__switch__1 input:checked + .switch-video-uno::before { left: 27px; background: #fff; }
.video__switch__1 input:checked + .switch-video-uno:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2); }
.video__switch__1 .outside-switch { order: 0; }
.video__switch__1 .inside-switch { order: 2; }
.video__switch__1 input:not(:checked) ~ .outside-switch, .video__switch__1 input:checked ~ .inside-switch { color: #ff6865; font-weight: bold; }

/*Switch-video-dos*/
.video__switch__2 { align-items: center; display: flex; flex-flow: row nowrap; font-size: 14px; justify-content: center; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.video__switch__2 .switch-video-dos { background: #d9d7cf; border-radius: 20px; cursor: pointer; display: inline-block; height: 25px; margin: 0 5px; order: 1; position: relative; transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; width: 50px; }
.video__switch__2 .switch-video-dos::before { content: ''; position: absolute; top: 1px; left: 2px; width: 22px; height: 22px; background: #fafafa; border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
.video__switch__2 .switch-video-dos:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1); }
.video__switch__2 input:checked + .switch-video-dos { background: #FF685D; }
.video__switch__2 input:checked + .switch-video-dos::before { left: 27px; background: #fff; }
.video__switch__2 input:checked + .switch-video-dos:active::before { box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2); }
.video__switch__2 .outside-switch { order: 0; }
.video__switch__2 .inside-switch { order: 2; }
.video__switch__2 input:not(:checked) ~ .outside-switch, .video__switch__2 input:checked ~ .inside-switch { color: #ff6865; font-weight: bold; }

/*Reproductor audio*/
audio { display:none; }
.audiowrap, { margin:0 auto; }
.plyr--full-ui input[type=range] { color: #ff685d !important; }
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background-color: #ff685d !important; }
button.plyr__control { background-color: transparent; border: 0; color: #000; outline: 0 !important; padding: 5px; }
.plyr--audio .plyr__controls { background-color: transparent !important; padding-left: 0; padding-right: 0; padding-top: 0; }
.plyr__controls .plyr__controls__item.plyr__time { font-family: 'Moderat Condensed Regular'; font-size: 12px; }
.plyr__controls { display: flex !important; }

/*Reproductor video desk*/

.video-category .plyr--video, .video-category-dos .plyr--video {
    background: #ffffff;

}
.video-category div#media {
    display: inline-block;
    width: 90%;
	padding: 3% 0;
}
.video-category .buttons-play, .video-category-dos .buttons-play {
    display: inline-block;
    width: 10%;
	margin-right: 5%;
	text-align: right;
}
.video-category .player-video {
    display: flex;
    vertical-align: middle;
    align-items: center;
width: 100%;
justify-content: center;

}

.player-video .buttons-play button{
   background: transparent;
	padding: 0;


}
.player-video .buttons-play button img{
   height: 64px;
   width: 64px;
}

.player-video .plyr video{
	width: 700px;
	height: 231px;
}

    .player-video .media {
    position: relative;
}
    .player-video .media video:first-child {
    position: relative;
}

.player-video .media video {
    left: 0;
    max-height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    width: 100%;
    will-change: opacity;
}
.lazyloaded {
    opacity: 1;
}
.player-video .media video.show-video {
    opacity: 1;
}
#media{
	mix-blend-mode: darken;
}

/*Reproductor video Mobile*/



@media(max-width: 767px){
	
	/*video*/
.video-category .buttons-play, .video-category-dos .buttons-play {
    display: block;
width: 100%;
text-align: center;
}
.video-category div#media {
    display: block;
    width: 100%;
	padding: 2% 0 4%;
}
.video-category .player-video {
    display: block;
	margin: 0 auto;
}
	.player-video .plyr video{
	width: 370px;
	height: 100px;
}

	
}