/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.slide_video_mecanicos .video_mecanicos{position: absolute;top:0;left:0;width:100%;pointer-events: none;}
.slide_video_mecanicos:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background-color: rgba(0,18,56,0.8);*/
  	background-color: rgba(0,0,0,0.75);
    z-index: 100;
}
.leyenda_slide_1{
	position: relative;
    display: block;
	top: 120px;
}
.img_exageradamente {
  margin-top:20px;
}
@media (max-width: 1200px){
	.img_exageradamente { max-width:400px;}
}
@media (max-width: 900px){
	.leyenda_slide_1{top: 60px;}
  	.img_exageradamente { max-width:300px;}
  .btn_play_video2{
margin-top:100px;
}
}
@media (max-width: 600px){
	.leyenda_slide_1{top: 30px;}
}

.ms-slide-vpbtn{
	display:none!important;
}

.btn_play_video2{
margin-top:200px;
}
.slide_video_mecanicos .video_mecanicos{position: absolute;top:0;left:0;width:100%;pointer-events: none;}
.slide_video_mecanicos:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background-color: rgba(0,18,56,0.8);*/
  	background-color: rgba(0,0,0,0.75);
    z-index: 100;
}
.leyenda_slide_1{
	position: relative;
    display: block;
	top: 120px;
}
.img_exageradamente {
  margin-top:20px;
}
@media (max-width: 1200px){
	.img_exageradamente { max-width:400px;}
}
@media (max-width: 900px){
	.leyenda_slide_1{top: 60px;}
  	.img_exageradamente { max-width:300px;}
}
@media (max-width: 600px){
	.leyenda_slide_1{top: 30px;}
}
.slide_video_mecanicos .video_mecanicos{position: absolute;top:0;left:0;width:100%;pointer-events: none;}
.slide_video_mecanicos:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,18,56,0.8);
    z-index: 100;
}
.leyenda_slide_1{
	position: relative;
    display: block;
	top: 120px;
}
.img_exageradamente {
  margin-top:20px;
}
@media (max-width: 1200px){
	.img_exageradamente { max-width:400px;}
}
@media (max-width: 900px){
	.leyenda_slide_1{top: 60px;}
  	.img_exageradamente { max-width:300px;}
}
@media (max-width: 600px){
	.leyenda_slide_1{top: 30px;}
}
.slide_video_mecanicos .video_mecanicos{position: absolute;top:0;left:0;width:100%;pointer-events: none;}
.slide_video_mecanicos:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,18,56,0.8);
    z-index: 100;
}
.leyenda_slide_1{
	position: relative;
    display: block;
	top: 120px;
}
@media (max-width: 900px){
	.leyenda_slide_1{top: 60px;}
}
@media (max-width: 600px){
	.leyenda_slide_1{top: 30px;}
}
.leyenda_slide_2{
	position: relative;
    display: block;
	top: 100px;
  	max-width:80%;
}
@media (max-width: 1500px){
	.leyenda_slide_2{top: 60px;}
}
@media (max-width: 1200px){
	.leyenda_slide_2{top: 20px;}
}
@media (max-width: 900px){
	.leyenda_slide_2{top: 0;}
}
@media (max-width: 600px){
	.leyenda_slide_2{top: 0;}
}
.btn_play_video3{
  margin-top: 400px;
  cursor: pointer;
}
.btn_play_video2{
  margin-top: 200px;
  cursor: pointer;
}
.ms-slide-bgcont img{
max-width:inherit;
}