/********--------------------FUENTES -------------------***********/
@font-face {
  font-family: "OS Bold";
  src: url("/fonts/OPEN SANS/OpenSans-Bold.ttf");
}

@font-face {
  font-family: "OS Extra Bold";
  src: url("/fonts/OPEN SANS/OpenSans-ExtraBold.ttf");
}

@font-face {
  font-family: "OS Light";
  src: url("/fonts/OPEN SANS/OpenSans-Light.ttf");
}

@font-face {
  font-family: "OS Regular";
  src: url("/fonts/OPEN SANS/OpenSans-Regular.ttf");
}

@font-face {
  font-family: "OS SemiBold";
  src: url("/fonts/OPEN SANS/OpenSans-Semibold.ttf");
}

@font-face {
  font-family: "OS Italic";
  src: url("/fonts/OPEN SANS/OpenSans-Italic.ttf");
}

body
{
	font-family: "OS Regular" !important;
}

/******--------------------MENÚ---------------------*************/

.bg-faded
{
	background: #000 !important;
}

.navbar
{
	border-radius: 0px !important;
	padding: 1% 5% !important;
	margin-bottom: 0 !important;
}

.navbar-light .navbar-nav .nav-link
{
	color: #fff !important;
}

.logo
{
	width: 40%;
}

.navbar-toggleable-md .navbar-nav .nav-link
{
	font-size: 17px;
}

.navbar-nav
{
	margin-left: 50% ;
}

.navbar-nav>li
{
	margin-right: 5%;
	width: 120px;
}

.sticky{
    position: fixed !important;
    z-index: 3 !important;
    border-top: 0;
	width: 100% !important;
	left: 0;
	top:0;
	
}

.barra
{
	position: absolute;
    top: 0 ;
    z-index: 100 !important;
    width: 100% !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
	color: #be0b0a !important;
}

.navbar-light .navbar-nav .nav-link.activo
{
	color: #be0b0a !important;
}

.navbar-light .navbar-toggler, .navbar-light .navbar-toggler-icon
{
	color: #fff !important;
	border-color: #fff !important;
}



.zoom{
		transition: 1s ease;
 		-moz-transition: 1 ease; /* Firefox */
 		-webkit-transition: 1s ease; /* Chrome - Safari */
 		-o-transition: 1s ease; /* Opera */
	}
	.zoom:hover{
		transform : scale(1.25);
		-moz-transform : scale(1.25); /* Firefox */
		-webkit-transform : scale(1.25); /* Chrome - Safari */
		-o-transform : scale(1.25); /* Opera */
		-ms-transform : scale(1.25); /* IE9 */
	}


.mensaje
{
	position: fixed;
    bottom: 10%;
    z-index: 9999;
}

.mensaje-btn
{
	border-radius: 0px !important;
	width: 200px;
	height: 40px;
	color: #fff !important;
	font-family: 'OS Regular';
	background: #be0b0a !important;
	border: 2px solid #fff !important;
	font-size: 20px !important;

}
/*********-------------------------FOOTER--------------------------****************/

.footer
{
	background: #000;
	padding: 2% 15% !important;
}

.menu-foot p a, .menu-foot p 
{ 
	color: #fff;
	font-size: 15px;
	font-family: 'OS Regular';

}

.negro p a, .negro p 
{
	color: #000 !important;
	text-align: left !important;
	font-size: 18px !important;
}

.menu-foot span
{
	color: #fff;
	font-size: 20px;
	font-family: 'OS Light' !important;
}

.copy
{
	font-size: 15px;
	color: #fff;
	background: #000;
	text-align: center;
	display: block;
	padding: 10px;
}

.copy h6 a
{
	color: #757575 !important;
}




/*********-------------------------HOME--------------------------****************/
.top img
{
	width: 100%;
}

.sin-margin
{
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.sin-padding
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.square-b
{
	padding:2%;
	background: #000;
	opacity: .8;
	width: 40%;
	position: absolute;
    top: 30%;
    z-index: 2;
    left: 5%;
}

.square-b p, .square-b h1
{
	color: #fff;
	font-size: 24px;
	font-family: 'OS Bold';
	display: block;
}

.square-button
{
	background: transparent !important;
    border: 1px solid #fff !important;
    height: 40px !important;
    padding-top: 1% !important;
    font-size: 15px !important;
    font-family: 'OS Regular';
    color: #fff;
    border-radius: 0px !important;
}

.square-button:hover
{
	background: #be0b0a !important;
	color: #fff !important;
}

.beneficios
{
	padding: 0 !important;
}

.beneficio
{
	padding: 0 10% 4% !important;
	margin: 0 auto !important;
}

.beneficio img
{
	margin: 4% auto;
	
}

.beneficio span
{
	display: block;
	text-align: center;
	font-size: 17px;
	color:#757575;
	font-family: 'OS Bold';
}

.beneficio p, .text
{
	font-family: 'OS Regular';
	text-align: center;
	font-size: 15px;
	color: #757575;
}	

.title
{
	font-size: 30px;
	color: #000;
	font-family: 'OS Bold';
	text-align: center;
	display: block;
	letter-spacing: 2px;
}


.title-light
{
	font-size: 30px;
	color: #000;
	font-family: 'OS Light';
	text-align: center;
	display: block;
	letter-spacing: 2px;
}

.cien
{
	width: 100%;
}

.texto-paralax
{
	position: absolute !important;
	padding: 5% 15% !important;
	left: 0;
	color: #fff;
	font-size: 20px;
}

.texto-paralax span, .certificaciones span, .contacto span,.contacto h1, .blog h1, .texto-paralax h3
{
	display: block;
	text-align: center;
	font-size: 30px;
	font-family: 'OS Bold';
	letter-spacing: 3px;
}
.negro span
{
	color: #000 !important;
	font-size: 20px !important;
	text-align: left !important;
}

.texto-paralax p, .certificaciones p, .contacto p, .blog p
{
	text-align: center;
	font-family: 'OS Regular';
}

.blog p
{
	font-size: 20px;
}
.texto-paralax img, .mision-vision img, .contacto img, .blog img
{
	margin: 3% auto;
	width: 250px !important;
}

.clientes span
{
	text-align: center;
	display: block;

}

.lineas
{
	width: 250px !important;
	margin: 3% auto;
}

.certificaciones
{
	padding: 5% !important;
}

.cert
{
	margin: 0 auto;
}

.cliente img
{
	margin: 0 auto;
}

.clientes
{
	padding: 5% !important;
	background: #fff;
}

.blanco
{
	background: #fff;
}

.hoja
{
	width: 50% ;
	margin: 0 auto !important;
}

a:focus, a:hover
{
	text-decoration: none !important; 
}
/************-------------NOSOTROS---------------*******************/

.descripcion
{
	font-size: 15px !important;
	font-family: 'OS Regular' !important;
}

.texto-central p
{
	color: #757575;
	font-family: 'OS Regular' !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
	text-align: justify;
}

.texto-central
{
	padding: 5% 10% !important; 
}


.mision-vision span
{
	display: block;
	text-align: center;
	font-size: 30px;
	font-family: 'OS Bold';
	letter-spacing: 3px;
	
}

.mision-vision p
{
	font-family: 'OS Regular';
	
	text-align: center;
	font-size: 18px;
}

.mision-vision
{
	padding: 4% !important;
	height: 500px;
}

.right
{
	background: #f2f2f2;
	color: #000;
}

.right span, .right p
{
	color: #000;
}

.left p, .left span, .center span
{
	color: #fff;
}

.center p
{
	color: #fff;
}

.left
{
	background: url('/img/NOSOTROS/NOSOTROS/SRT-NUESTRA-MISION.png');
}
.cuadro
{
	border: 1px solid #fff;
	padding: 1%;
	margin-top: 5%  !important;
}

.center
{
	background: url('/img/NOSOTROS/NOSOTROS/POLITICAS-DE-CALIDAD.jpg');
}

.cuadro span
{
	font-size: 15px !important;
}

.nosotros
{
	top: auto !important;
	margin-top: 10%;
}

/*******--------------CONTACTO---------------******/

.contacto
{
	padding: 5% 10% !important;
}

#canvas-map1
{
  height: 400px !important;
  width: 100%;
  z-index: 0;
  margin:0 auto;
}

.formulario
{
	background: url('/img/CONTACTO/fondo-contacto.png');
    padding: 5% 10% !important;
}

.formulario-mod
{
	background: #fff !important;
	opacity: .8 !important;
}

.formulario-mod span
{
	text-align: center !important;
	display: block !important;
	color: #000 !important;
	font-family: 'OS Bold';
	font-size: 25px;
}

.formulario span
{
	text-align: center !important;
	display: block !important;
	color: #fff !important;
	font-family: 'OS Bold';
	font-size: 25px;
}

.formulario img, .formulario-mod img
{
	margin: 3% auto !important;
	
}

.formulario-mod .form-control
{
	background: transparent !important;
    border-top: transparent !important;
    border-bottom: 2px solid #000 !important;
    border-left: 2px solid #000 !important;
    border-right: 2px solid #000 !important;
    box-shadow: transparent !important;
    box-shadow: none !important;
    margin-bottom: 5%;
    margin-top: 5%;
    color: #000 !important;
    font-size: 15px !important; 
}

.formulario .form-control
{
	background: transparent !important;
    border-top: transparent !important;
    border-bottom: 2px solid #fff !important;
    border-left: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
    box-shadow: transparent !important;
    box-shadow: none !important;
    margin-bottom: 5%;
    margin-top: 5%;
    color: #fff !important;
    font-size: 15px !important; 
}

.formulario-mod .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000 !important;
  font-family: 'OS Italic';
  font-size: 15px;
}
.formulario-mod  .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #000 !important;
  font-family: 'OS Italic';
  font-size: 15px;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
  font-family: 'OS Italic';
  font-size: 15px;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
  font-family: 'OS Italic';
  font-size: 15px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.enviar
{
	background: #be0b0a !important;
	border-color: #fff !important;
	color: #fff !important;
	font-size: 18px !important;
	border-radius: 0px !important;
	font-family: 'OS Light' !important;
	width: 150px;
}

.enviar:hover
{
	background: #fff !important;
	color: #be0b0a !important;
}

.bootbox .modal-content
{
	background: #2b2c2b !important;
    opacity: .9 !important;
    color: #fff !important;
}

.formulario-mod .modal-content
{
	background: #fff !important;
    opacity: .8 !important;
    color: #000 !important;
}

.btn-primary
{
	background: #be0b0a !important;
	color: #fff !important;
	border-color: #fff !important;
	border-radius: 0px !important;
}

/*******--------------BLOG---------------******/


.grid-big
{
	padding: 5% !important;
}

.cuadro-grid span, .grid-big span, .date
{
	font-family: 'OS Italic';
	font-size: 20px;
	color: #b1c5c5;
}

.cuadro-grid img, .grid-big img
{
	margin: 5%;
}

.grid-title 
{
	font-family: 'OS Extra Bold';
	font-size: 25px;
	color: #000;
}

.grid-subtitle
{
	font-family: 'OS Regular';
	font-size: 20px;
	color: #b1c5c5;
}

.grid-small
{
	padding: 5%;
}

.grid-small p
{
	font-family: 'OS Regular';
	font-size: 20px;
	text-align: center;
}

.grid-small span
{
	font-family: 'OS Italic';
	font-size: 20px;
	color: #b1c5c5;
}

.titulo
{
	margin-bottom:5%;
	margin-top: 5%;
}

.titulo-blog h1
{
	text-align: center;
	font-family: 'OS Extra Bold';
	margin: 2%;
}

a:focus, a:hover {
    color: #be0b0a !important;
    text-decoration: underline ;
}

.lang
{
	list-style: none;
	position: absolute;
	right: 10%;

}

.lang li
{
	float: left;
}

.subtitle
{
	color: #000 !important;
	font-family: 'OS Regular';
	font-size: 25px;
}

.side
{
	max-width: 250px;
	max-height: 150px !important;
    overflow: hidden;
}

.modal-backdrop
{
	z-index: 0 !important;
}

.contacto
{
	height: 100%;
}


.video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0.59);
padding: 110px 0 32px;
min-height: 496px; 
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
text-align:center;
color:#fff;
}
.video-section h1{
font-size:110px;
font-family: 'Buenard', serif;
font-weight:bold;
text-transform: uppercase;
margin: 40px auto 0px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}
/*******--------------RESPONSIVE---------------******/

@media (min-width: 319px) and (max-width: 360px)
{
	.square-b
	{
		width: 100%;
		position: relative !important;
		left: 0;
		padding: 5%;
	}

	.texto-paralax
	{
		position: relative !important;	
		background: url('/img/srt-web-empleados.jpg');
	}

	.empleados
	{
		display: none !important;
	}

	.nosotros
	{
		margin-top: 0;
	}

	.formulario
	{
		position: relative !important;
		background: url('/img/CONTACTO/fondo-contacto.png');
	}

	.contacto-img
	{
		display: none !important;
	}

	.form-group
	{
		margin-bottom: 10% !important;
	}

	.texto-paralax span, .certificaciones span, .contacto span
	{
		font-size: 24px;
	}

	.contacto
	{
		height: auto;
	}

	.enviar
	{
		float: none !important;
	}

	.lang
	{
		position: relative;
	}

	.hoja
	{
		width: 80% !important;
	}
}

@media (min-width: 361px) and (max-width: 480px)
{
	.square-b
	{
		width: 100%;
		position: relative !important;
		left: 0;
		padding: 5%;
	}

	.texto-paralax
	{
		position: relative !important;	
		background: url('/img/srt-web-empleados.jpg');
	}

	.empleados
	{
		display: none !important;
	}

	.nosotros
	{
		margin-top: 0;
	}

	.formulario
	{
		position: relative !important;
		background: url('/img/CONTACTO/fondo-contacto.png');
	}

	.contacto-img
	{
		display: none !important;
	}

	.form-group
	{
		margin-bottom: 10% !important;
	}

	.texto-paralax span, .certificaciones span, .contacto span
	{
		font-size: 24px;
	}

	.contacto
	{
		height: auto;
	}

	.enviar
	{
		float: none;
	}
	.lang
	{
		position: relative;
	}

	.hoja
	{
		width: 80% !important;
	}
}

@media (min-width: 481px) and (max-width: 720px)
{
	.square-b
	{
		width: 100%;
		position: relative !important;
		left: 0;
		padding: 5%;
	}

	.texto-paralax
	{
		position: relative !important;	
		background: url('/img/srt-web-empleados.jpg');
	}

	.empleados
	{
		display: none !important;
	}

	.nosotros
	{
		margin-top: 0;

	}

	.formulario
	{
		position: relative !important;
		background: url('/img/CONTACTO/fondo-contacto.png');
	}

	.contacto-img
	{
		display: none !important;
	}

	.form-group
	{
		margin-bottom: 10% !important;
	}

	.texto-paralax span, .certificaciones span, .contacto span
	{
		font-size: 24px;
	}

	.contacto
	{
		height: auto;
	}

	.enviar
	{
		float: none;
	}
	.lang
	{
		position: relative;
	}
	.hoja
	{
		width: 80% !important;
	}
}

@media (min-width: 721px) and (max-width: 820px)
{

}

@media (max-width: 1400px)
{

}

@media (min-width: 1500px)
{
	.navbar-nav
	{
		margin-left: 40% !important;
	}

	.square-b
	{
		top: 40%;
	}
}