body { margin:0; padding:0; /*width:100%;*/ display: none; height: 100%; background-color: #ffffff;}
h1 { font: normal 32px "Khand", Monda, Ubuntu, sans-serif; color:#494949; padding:10px 0; margin:0 0 10px 0; border-bottom:none; }
h2{ font: normal 20px "Khand", Monda, Ubuntu, sans-serif; color:#494949; padding:0 0; margin:0 0 0 0; border-bottom:none; }
h3{ font: normal 18px "Khand", Monda, Ubuntu, sans-serif; color:#494949; padding:10px 0; margin:0 0 10px 0; border-bottom:none;}
html { padding:0; margin:0; background-color: #fafafa; zoom: 1;   -webkit-tap-highlight-color:transparent;}

#mainFooter {
  flex-shrink: 0;
}


.main { margin:0 auto; padding:0;  }
/********** header **********/
.header {position: fixed; padding-top:3px; margin:0 auto; background-color: #fafafa !important; width: 100%; border-bottom: 1px solid rgb(191, 191, 191); top:0px; z-index: 2; max-height: 63px;}
/* logo */
.logo {padding:0; margin:10px 0 -5px 0;  float:left; max-height: 68px;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
  -webkit-tap-highlight-color:transparent;
}

.header img{
  max-width: 200px;
}

#cuerpo{
  min-height: calc(100vh - 136px);
  padding-top: 60px;
}

.video {
	text-align:center;
}

.vjs_video_344-dimensions .vjs-fluid {
    padding-top: 44.44444444444444% !important;
}

.material-icons{
  color: rgb(87, 84, 87);
}


.collapsible-body a{
  color: #494949 !important;
}

.collapsible-header h2{
  padding-top: 0px;
}


#scrollUp{
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 45px;
  right: 15px;
  padding-top: 5px;
  display: block;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

#footerDropDownButton{
  max-height: 33px;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 45px;
  border-top: 1px solid rgb(191, 191, 191);
    border-bottom: 1px solid #dfdfdf;
  background-color: #fafafa;
  cursor: pointer;
}

i{
  cursor: pointer;
}

#footerDropDownButton i{
  padding-top: 6px;
}

#footerDropDownButton h2{
  font-size: 26px;
}

#footerDropDownButton:active h2{
  color: #0190ee;
}

#footerDropDownButton:active i{
  color: #0190ee;
}


@media (hover){

  #scrollUp:hover{
    background-color: rgba(0, 0, 0, 0.75);
  }
  
  #footerDropDownButton:hover h2{
    color: #0190ee;
  }

  #footerDropDownButton:hover i{
    color: #0190ee;
  }

  #footerDropDown .collapsible-header:hover h2{
    color:#0190ee !important;
  }

  #footerDropDown .collapsible-header:hover i{
    color:#0190ee !important;
  }

  #footerDropDown .collapsible-body a:hover{
      color: #0190ee !important;
  }

  #dropDownNavbarMovil h2:hover{
    color: #0190ee !important;
  }

  .visionado h1:hover{
    color: #0190ee;
  }

  .footerContact a:hover{
    color: #0190ee;
  }

  .body a:hover{
    color: #0190ee;
  }

  #slider a:hover {
    color:#0190ee; text-decoration:none;
  }

  #botonesNavbarMovil i:hover{
    color: #0190ee;
  }

  #solutionsDropDown .collapsible-header:hover h2{
    color:#0190ee;
  }

  #solutionsDropDown .collapsible-header:hover i{
    color:#0190ee;
  }

}

#botonesNavbarMovil i:active{
    color: #0190ee;
}

#footerDropDown{
  font-size: 17px;
}

#footerDropDown ul{
  margin: 0;
  background-color: #f5f5f5;

}

#footerDropDown .collapsible{
    box-shadow: none;
}

#footerDropDown .collapsible-header{
  height: auto;
  padding: 7px 1rem 6px 1rem;
  background-color: #fafafa; 
  border-bottom: 1px solid #bbbbbb;
}

#footerDropDown .collapsible-header h2{
  padding-top: 2px;
  display: block;
}


#footerDropDown .collapsible-header:active h2{
  color:#0190ee !important;
}

#footerDropDown .collapsible-header:active i{
  color:#0190ee !important;
}

#footerDropDown .collapsible-body{
    padding: 0;
}

#footerDropDown .collapsible-body a{
    padding: 5px 0px 5px 60px;
    font-size: 14px;
    color: #666;
    display: block;    
    
}

#footerDropDown .collapsible-body a:active{
    color: #0190ee !important;
}


#footerDropDown .collapsible-body li{
  border-bottom: 1px solid #e8e8e8;
  padding: 2px 0px 2px 0px;
}

#footerDesktop{
  display: none;
}


#dropDownNavbarMovil{
  position: absolute;
  top: 63px;
  right: 0px;
  width: 65%;
  font-size: 20px;
  background-color: #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
}

#dropDownNavbarMovil li{
  height: auto;
  background-color: #fafafa; border-bottom: 1px solid #bbbbbb;
  padding-top: 6px;
  padding-bottom: 5px;
}

#dropDownNavbarMovil h2:active{
  color: #0190ee !important;
}

#dropDownNavbarMovil li a h2{
  color: #494949;
  padding-left: 50px;
}

.botonesNavbarDesktop{
  display: none;
  margin-bottom: 0px;
}

.videoIndexMovil{
    display: block;
  }

  .videoIndexPC{
    display: none;
  }


.bnd2{
  border-bottom: 1px solid rgb(208, 208, 208);
}

.indexItem{
  min-height: 35vh;
}

.indexItem h2{
  border-bottom:none !important;
}

.videoIndex{
  padding-top: 17px;
  padding-bottom: 17px;
}

.tresBotones{
  font-size: 18px;
}

#solutionsDropDown{
  margin-bottom: 30px;
}

#solutionsDropDown .collapsible-body{
  padding: 1.4rem;
}

#solutionsDropDown p{
  
}


#solutionsNotDropDown{
    display: none;
}

#solutionsDropDown .collapsible-header{
  padding: 0;
  max-height: 55px;
}

#solutionsDropDown .collapsible-header h2{
  font-size: 26px;
  
}

#solutionsDropDown .collapsible-header i{
  padding-top: 6px;
}

#solutionsDropDown .collapsible-header:active h2{
  color:#0190ee;
}

#solutionsDropDown .collapsible-header:active i{
  color:#0190ee;
}

strong{
  font-weight: bold;
}
/**/

iframe{
  margin-top: 10px;
  margin-bottom: 10px;
  height: 75vw;
}

.divider{
  background-color: #dfdfdf;
}

.sideColumn h2{
    margin-bottom: 10px;
  }

@media screen and (min-width: 600px){
  .divider{
    display: none;
  }

  iframe{
    height: 400px;
  }

  .body p{
    font-size: 15px !important;
    line-height: 1.8em !important;
  }

  .body h2{
    margin-bottom: 15px;
  }

  .footerMarca{
    text-align: left;
  }

  .footerContact{
    text-align: right;
  }

  .indexItem h2{
    border-bottom:1px solid #dfdfdf !important;
  }

  .sideColumn{
    padding: 0 !important;
  }

  .body h3{
    line-height: 1.5em !important;
  }
  
  iframe{
    margin-top: 0;
  }

}

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

  .plyr--full-ui.plyr--video .plyr__control--overlaid svg{
  height: 100px !important;
  width: 100px !important;
  padding: 25px !important;
}

.plyr--video.plyr--loading .plyr__progress__buffer{
  width: 98% !important;
}



  #dropDownNavbarMovil{
    display: none !important;
  }

  #footerDropDown{
    display: none !important;
  }

  #cuerpo{
    padding: 0;
    min-height: calc(100vh - 900px);
  }

  #botonesNavbarMovil{
    display: none;
  }

  .botonesNavbarDesktop{
    display: block;
  }

  #footerDropDownButton{
    display: none;
  }

  #footerDesktop{
    display: block;
  }

  .header{
    position: relative;
    padding: 0;
    max-height: 190px ;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
  }

  .videoIndexMovil{
    display: none;
  }

  .videoIndexPC{
    display: block;
  }


  .header img{
    max-width: 320px;
  }


  .footer{
    border-top: 1px solid #dfdfdf;
        padding-top: 5px !important;

  }

  .footerMarca{
        padding-left: 0 !important;
  }

  .footer .row{
    padding: 10px 0 10px 0;
  }

  .container{
    width: 67% !important;
  }

  .body{
    padding-bottom: 15px !important;
  }



  
}

@media screen and (min-width: 992px){
  #solutionsDropDown{
    display: none;
  }

  #solutionsNotDropDown{
    display: block;
  }
}

@media screen and (max-width: 1263px){
  .indexItem h2{
    line-height: 30px !important;
  }
}


@media screen and (max-width: 600px){
  .indexItem h2{
    line-height: 30px !important;
    height: 60px;
  }

  .indexItem{
    margin-bottom: 2vw;
  }
}

@media screen and (max-height: 575px){
  #dropDownNavbarMovil{
    height: 70vh;
    overflow: scroll;
  }
}

.visionado h1{
  text-decoration: underline;
}

.visionado h1:active{
  color: #0190ee;
}

.footerContact a:active{
  color: #0190ee;
}

.body a:active{
  color: #0190ee;
}

.menu { padding:0; margin:0 auto; max-height: 68px;}
.menu ul { text-align: left;  padding:0; list-style:none; float:right; margin-bottom: 0px;}
.menu ul li { float:left; margin:0; padding:0px 5px; border:0; }
.menu ul li a {float:left; margin:0; padding:7px 5px; color:#494949; font:normal 20px Khand, Ubuntu, sans-serif; text-decoration:none; }
.menu ul li a:hover { color:#0190ee;  }
.menu ul li a.active { color:#333;  }
/* search */
.search {top: 0px; padding:0px 0 0 0; margin:0; float:right; border-bottom: 1px solid rgb(234, 234, 234)}
.search form { display:block; float:left; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:168px; padding:0; height:32px;}
.search form .keywords { width:179px; line-height:14px;  float:left; background:none; border:0; padding:8px 2px 0 10px; margin:0; font:normal 11px Khand, Monda, Ubuntu, sans-serif; color:#a4a4a4;}
.search form .button { float:left; margin:0; padding:0;}
.search ul {text-align: left;  padding:0 0 3px 10px; margin:0px 0px 3px 10px; list-style:none; border:0; float:right; }
.search ul li { float:left; margin:0; padding:13px 5px 1px 0px; border:0; }
.search ul li a { float:left; margin:0; padding:13px 5px 1px 0px; color:#666; font:normal 13px Ubuntu, Monda, sans-serif; text-decoration:none; }
.search ul li a:hover { color:#0190ee;  }
.search ul li a.active { color:#000;  }
/* search euskera*/
/*.searcheu { padding:0px 0 0 0; margin:0; width:980px; float:left;}
.searcheu ul {text-align: left;  padding:0 0 3px 10px; margin:0px 0px 3px 10px; list-style:none; border:0; float:left; }
.searcheu ul li { float:left; margin:0; padding:0px 5px 1px 0px; border:0; }
.searcheu ul li a { float:left; margin:0; padding:13px 5px 1px 0px; color:#898989; font:bold 11px Monda, Ubuntu, sans-serif; text-decoration:none; }
.searcheu ul li a:hover { color:#0190ee;  }
.searcheu ul li a.active { color:#000;  }
/* IDIOM */
/*.idiom {padding:0px 0 0 0; margin:0; width:137px;}
.idiom ul { padding:0; margin:0px 0px 0 0; list-style:none; border:0; float:right; width:225px;}
.idiom ul li { margin:0; padding:0px 0px 1px 0px; border:0; }
.idiom ul li a { margin:0; padding:0px 0px 1px 0px; color:#898989; font:normal 11px Khand, Monda, Ubuntu, sans-serif; text-decoration:none; }
.idiom ul li a:hover { color:#0190ee;  }
.idiom ul li a.active { color:#000;  }*/

/* CREA_MAX */
/*.crea_max { font: normal 18px Monda, Ubuntu, sans-serif; color:#666/*868686*//*; padding:10px 40px 0px 40px; margin:0 0 0 100px; line-height:1.8em; border-top:1px solid #e2e2e2;width:980px;}
.crea_max h6 { font: normal 18px "Khand", Monda, Ubuntu, sans-serif; color:#494949; padding:10px 0; margin:0 ;text-decoration:none;}
.crea_max p { width:50%; float:left; padding:5px 0 0 0; margin:0;}
.crea_max img { float:right; margin:0; padding:5px;}
.crea_max ul { float:right; padding:0; margin:0; list-style:none;}
.crea_max li { padding:5px 0; margin:0;  border-bottom:1px solid #ececec; }
.crea_max li a {
	font: normal 11px Monda, Ubuntu, sans-serif; color:#666; padding:5px 0; margin:0;text-decoration:none;}
.crea_max li a:hover { color:#98b755; text-decoration:none;}*/
/* click_blog */
/*.click_blog { font: normal 18px Monda, Ubuntu, sans-serif; color:#868686; padding:10px 40px; margin:0; line-height:1.8em; border-top:1px solid #e2e2e2;}
.click_blog p { width:700px; float:left; padding:5px 0 0 0; margin:0;}
.click_blog img { float:right; margin:0; padding:5px;}*/
/* FBG */
.FBG { background:#fff  top center no-repeat; padding:5px 0; margin:0;   border-top: 1px solid #dfdfdf;
}
.FBG_resize { margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:0; padding:0;}
.FBG_resize a { color:#98b755; text-decoration:none; }
.FBG_resize h2 { font: normal 18px "Khand", Ubuntu, Monda, sans-serif; color:#494949; padding:10px 0; margin:0;}
.FBG_resize p {font: normal 13px Ubuntu, Monda, sans-serif; color:#adadad; padding:5px 0; margin:0; line-height:1.8em;}
.FBG_resize ul {	padding:0;	margin:0;	list-style:none;}
.FBG_resize li { padding:5px 0; margin:0;  border-bottom:1px solid #ececec; font: normal 13px Ubuntu, Monda, sans-serif; color:#666; padding:5px 0; margin:0;text-decoration:none;}
.FBG_resize li a { font: normal 13px Ubuntu, Monda, sans-serif; color:#666; margin:0;text-decoration:none; display: block;}
.FBG_resize li a:hover { color:#0190ee; text-decoration:none;}
.FBG_resize .blog {float:left; margin:0; padding:20px 33px 20px 0;}
.FBG_resize ul ul li{padding:5px 0 0 0px; margin:0 0 0 20px;font: normal 13px Ubuntu, Monda, sans-serif; }
.FBG_resize .blog.last { padding:20px 0;}
/* body */
.body_resize {margin:0 auto; padding:0; }
.body {margin:0 auto; background:#fff; border-top:1px solid #e2e2e2; border-bottom: 1px solid white;
}
.body h1 { font: normal 20px "Khand", Monda, Ubuntu, sans-serif; color:#494949; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #dfdfdf;}
.body h2 { font: normal 26px "Khand", Monda, Ubuntu, sans-serif; color:#494949; padding-top:20px; border-bottom:1px solid #dfdfdf;}
.body h3 {font: normal 26px Khand, Monda, Ubuntu, sans-serif; color:#494949; padding:10px 0; margin:0px 0 -3px 0; line-height: 1em; max-height: 200px;}
.body p { font:normal 18px Carrois Gothic, Ubuntu, sans-serif; color:#666; line-height: 1.35em; margin:0; max-height: 10000000000000vh;}
.body a { color:#618bb6; text-decoration:none;}
.body h4  {padding-bottom:10px; margin-bottom:75px;}
.body h4 a { font: normal 18px "Khand", Monda, Ubuntu, sans-serif; color:#618bb6; text-decoration: underline;}
.body p.enlace{ font: normal 14px "Khand", Monda, Ubuntu, sans-serif; color:#666; padding:0px 0 20px 0px; margin:5px 0 25px 0; border-bottom:1px solid #ececec;}
.body a.enlace {
	font: normal 14px "Khand", Monda, Ubuntu, sans-serif;
	color:#666;
	padding:0px 0 0px 0px;
	margin:100px 0 200px 0;
	text-decoration: underline;
	font-size: 16px;
}
.body a.enlace li a:hover { color:#0190ee;  }

.body img {padding: 5px; margin:5px auto 15px auto;  border:1px solid #e9e9e9; background:#f8f8f8;}
/*.body img.marg { margin:5px 0 30px 0; border:1px solid #e9e9e9; background:#f8f8f8;}
.body img.floated { float:right; margin:5px 0; padding:0; border:none; background:none;}
.body img.serv { margin:10px;  float:left;}*/
/*.right { width:628px; margin:10px 0; padding:0 55px 0 0; float:left;}
*/.right a { color:#618bb6; text-decoration:none; font:normal 12px Monda, Ubuntu, sans-serif; color:#979797; line-height:1.8em; padding:10px 0; margin:0;}
.right a:hover { color:#0190ee; text-decoration:none;}
/*.left { width:290px; margin:10px 0; padding:0; float:right;}
.left2 { width:275px; margin:10px 0; padding:0;  float:right;}
*//*.port { width:290px; margin:10px 0; padding:0 55px 0 0; float:left;}
.port.last { padding:0;}
.crea { width:450px; margin:10px 0; padding:0 5px 0 0; float:left;}
*//*.solutions { width:425px; margin:10px 0; padding:0 0px 0 0; float:right;}
.solutions ul { padding:0; margin:0; list-style:none;}
.solutions li { font: normal 12px Monda, Ubuntu, sans-serif; color:#666;padding:5px 0; margin:0;  border-bottom:1px solid #ececec; }
.solutions ul.listaDisco {margin-left: 1em;list-style: disc;}

.solutions li a { padding:5px 0; margin:0;text-decoration:none;}
.solutions li a:hover { color:#898989; text-decoration:none;}*/

/********** contact form **********/
/*#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:400px; display:block; padding:5px 0; color:#7a7a7a; font: normal 14px Arial, Helvetica, sans-serif;  float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:450px; border:1px solid #e0e0e0; margin:2px 0; padding:5px 2px; height:16px; background:none; float:left; }
#contactform textarea { width:450px; border:1px solid #e0e0e0; margin:2px 0; padding:2px; background:none; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }*/
/*************footer**********/
.footer {max-height: 80px; padding-top: 15px; margin:0 auto; background-color: #fafafa; }
/*.footer_resize {margin:0 auto; padding:10px 0; border-top:1px solid #e2e2e2;}
*/.footer p { font:normal 18px  Khand, Ubuntu, sans-serif; color:#666; margin: 0px; }
.footer a { font:600 18px Khand, Ubuntu, sans-serif; color:#666; text-decoration:none; }
.footer p.right { text-align:right; margin:0; padding:10px 0; float:right;} 
.footer p.leftt { text-align:left; margin:0; padding:10px 0; float:left;}
.footer .row{
  margin-bottom: 5px;
}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:5px 0px 11px 0px; margin:0 0px 11px 0px; border-bottom:1px solid #dfdfdf;}
/* Slider para los videos ************************************************************************/
#slider { margin:0px auto 0px auto; color: black; min-height: 65px; background-color: #fafafa;} 
#slider h1{
  padding: 9px 0px 0px 0px;
  margin-bottom: 0;
  max-width: 1280px;
  max-height: 1000px;
}
#slider-wrapper{
  background-color: #fafafa;
}
#slider h2{ font: normal 22px "Khand", Ubuntu, Monda, sans-serif; color:#494949; padding:10px 0; margin:0 0 10px 0; border-bottom:none;}
#slider .flash_slider { height:300px; margin:0; overflow:hidden;}
#slider ul.listaDisco {margin-left:3vw;list-style: disc;}
#slider ul { padding:0; margin:0; list-style:none;}
#slider li { font: normal 14px Ubuntu, Monda, sans-serif; color:#666;padding:5px 0; margin:0;  border-bottom:1px solid #ececec; -webkit-box-flex: 0; max-height: 10000000000000vh;}
#slider ul ul li{padding:5px 0 0 0px; margin:0 0 0 24px;font: normal 11px Ubuntu, Monda, sans-serif;}
#slider a { font-family: Ubuntu, Monda, sans-serif; font-size: 14px; color:#666; text-decoration:none; cursor: pointer; display: block; box-sizing: border-box; }
.slide_blog { float:left; padding:5px 20px;}
#slider a:active { color:#0190ee; text-decoration:none;}
.slide_blog img { float:left; margin:0;}
.slide_blog h3 { font: bold 14px "Khand", Ubuntu, Monda, sans-serif; color:#1e1e1e; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #d7d7d7;}
.slide_blog h3 span { font: bold 14px "Khand", Ubuntu, Monda, sans-serif; color:#979797; padding:0; margin:0;}
.slide_blog p { font: normal 11px Ubuntu, Monda, sans-serif; color:#979797; padding:0; margin:0; line-height:1.8em;}

#slider br{
  content: "";
  font-size: 20%;
  margin: 10px;
}
/*
#myBtn {
  display: none; /* Hidden by default */
  /*position: fixed; *//* Fixed/sticky position */
  /*bottom: 20px;  Place the button at the bottom of the page */
  /*right: 30px;  Place the button 30px from the right */
  /*z-index: 99;  Make sure it does not overlap */
  /*border: none;  Remove borders */
  /*outline: none;  Remove outline */
  /*background-color: red;  Set a background color */
  /*color: white;  Text color */
  /*cursor: pointer;  Add a mouse pointer on hover */
  /*padding: 15px;  Some padding */
  /*border-radius: 10px;  Rounded corners */
  /*font-size: 18px;  Increase font size */
}

/*#myBtn:hover {
  background-color: #555;  Add a dark-grey background on hover 
}*/

a:hover{
  color: #0190ee;
}



.plyr__control{
  background-color: rgba(102, 102, 102, 0);
    height: 25px;
      width: 25px;


}


.plyr__control:not(:hover){
  background-color: rgba(102, 102, 102, 0);
    height: 25px;
      width: 25px;

}


.plyr--full-ui input[type=range]{
  color: #fafafa;
  padding: 2px 0px 2px 0px;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true]{
  background-color: rgba(102, 102, 102, 0.8);
  border-radius: 5px;
  height: 25px;
  width: 25px;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid{
  background-color: rgba(102, 102, 102, 0.6);
}

.plyr--full-ui.plyr--video .plyr__control--overlaid:hover{
  border-radius: 500px;
    background-color: rgba(102, 102, 102, 0.65);

}

.plyr--full-ui.plyr--video .plyr__control--overlaid svg{
  height: 16vw;
  width: 16vw;
  padding: 4vw;
}

.plyr__control--overlaid{
  height: auto !important;
  width: auto !important;
}
.plyr__controls .plyr__controls__item:first-child {
    left: 0px;
    margin-right: 0;
}

.plyr__controls .plyr__controls__item svg{
    height: 15px;
    margin:auto;
}


button.plyr__control{
  padding: 0;
}

.plyr__progress{
  width: 100%;
  margin-left: 5px;
  padding-right: 25px;
}

.plyr--video.plyr--loading .plyr__progress__buffer{
  width: 85%;
}

.plyr--video .plyr__controls{
  background: rgba(102, 102, 102, 0.6);
  padding: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  height: 25px;
}

.plyr__poster{
  background-color: rgba(0, 0, 0, 0);
}

.plyr--video{
  background: rgba(0, 0, 0, 0);
}

.plyr__video-wrapper{
  background: rgba(0, 0, 0, 0);
}
/*

//Get the button:
mybutton = document.getElementById("myBtn");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}*/