/*@font-face{
	font-family: 'Nanum Gothic', sans-serif;
	src: url("../fonts/NanumGothic-Regular.ttf");
}*/

/*
Celeste = #00b2f0
Azul = #004799
*/
*{
	box-sizing:border-box;
}
img{
	display: block;
	max-width: 100%;
}
* {
    scroll-behavior: smooth;
}
body{
	margin: 0;
}
.body{
	/*font-family: 'Thasadith', sans-serif;
	color: #6f6f6f;*/

	font-family: 'News Cycle', sans-serif;
	color: #717171;
}

.titulo{
	font-family: 'Barlow Condensed', sans-serif;
}
.subtitulo{
	font-family: 'Barlow Condensed', sans-serif;
}
.linea-titulo {
  height: 2px;
  width: 10%;
  background-color:#00b2f0;
}
.linea-seccion{
	width: 90%;
}
.section_titulo{
	text-align: center;
	font-size: 40px;
	color: #00b2f0;
}
.bloque-texto{

	font-family: 'News Cycle', sans-serif;
	color: #504f4f;

	/*font-family: 'Thasadith', sans-serif;
	color: #6f6f6f;
}
.contenedor{
	margin: auto;
	width: 95%;
}
.bloque-espacio{
	padding-top: 30px;
	padding-bottom: 15px;
}
.flex-container {
	display: flex;
 }
 .efecto{
	transition:box-shadow .6s;
	-moz-transition:box-shadow .6s;
	-ms-transition:box-shadow .6s;
	-webkit-transition:box-shadow .6s;
	-o-transition:box-shadow .6s;
}
.efecto:hover{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
} 
.color-txt{
	color:#ff6100;
} 
.linea-web{
	/*background: #ff6100;*/
}
.linea-form{
	padding-bottom: 10px;
}
a{
	color: #00b2f0;
}
a:hover{
	color: #0e9bce;
	text-decoration: none;
}
/*---- ZOMM IMG ---*/
.zoom-img {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    /* border-radius: 5px; */
}
.zoom-img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    transition: 0.75s;
}
.zoom-img:hover img{
    transform: scale(1.2);
}


/*---estilos de header---*/
.fondo-header{
	/*background: url("../img/banner/banner2.jpg") no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 100vh;	*/

}
.fondo-header{

	/*background: url("../img/banner/banner5.jpg") no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 100vh;*/
}


/*--estilos menu ----*/

/*-----Estlilos menu-----*/
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler {
  /*  color: #fff;
    background: #ffffff70;*/ /* hovver logo*/
}
.encabezado{
	/*position:absolute;
	width:100%;
	height:60px;*/
}
.encabezado-web{
	background: #fff;
}
.border-menu{
	border-bottom:1px solid #ffffff91;
	}
.navbar-light .navbar-toggler {
    border-color: rgba(243, 235, 235, 0.76) !important;
}

.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active {
    color: #717171 !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #8c8989 !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
	border-bottom: 1px solid #00b2f0;
}


.navbar-toggler {
    background: #ffffffb3 !important;
}


.toggler:focus, .navbar-light .navbar-toggler {
   /* color: #fff;
    background: #fff;*/
}

/*--- SUB MENUS ----*/

.menu-item-has-children{
	position: relative;

}
.menu-item-has-children .sub-menu {
    background-color: #ffffff;
    display: none;
    list-style-type: none;
    position: absolute;
    z-index: 1031;
    padding: 0;
    min-width: 190px;
    text-align: left;
    color: #000;
    /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); */
    /* left: -8px; */
    border-radius: 3px;
    transition: display 0.75s;
}
	.menu-item-has-children:hover .sub-menu{
		display: block;
	}
	.menu-item-has-children:hover .sub-menu a{
		/*border-bottom: 1px solid #004080;*/
		height: auto;
	}	
	.menu-item-has-children > a::after{
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #ffffff transparent transparent transparent;
		position: relative;
		top: 8px;
		margin-left: 4px;
	}
	.menu-item-has-children > a:hover::after{
		border-color: #fff transparent transparent transparent;
	}
.logo{
	color:#fff;
	font-size:100%;
	}

.efecto{
  transition:box-shadow .6s;
  -moz-transition:box-shadow .6s;
  -ms-transition:box-shadow .6s;
  -webkit-transition:box-shadow .6s;
  -o-transition:box-shadow .6s;
}
/*.activo{
	color: #ffffff;
    background: #ff6100;	
	
}*/


/*--estilos de banner ---*/

/*.banner .contenedor{
	position: absolute;
	top:70%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	color: #fff;
	text-align: center;

}*/
.contenedor img{
	width: 70%;
}
.fixed-top{
	background: #00000021;
	-moz-background:#00000021;
	-webkit-background: #00000021;

}

.sticky-top{
	background: #000000b3;
	vertical-align:top;
}
.sticky-top img{
	width:100%;
	height:15px;
	
}
.color-menu{
	background: #000;
}
/*------SLIDER--------*/

.w-100 { /* tamano de slider*/
    height: 93vh !important;
}

/*.banner .contenedor{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	color: #fff;
	text-align: center;
}
.banner1 .contenedor{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	color: #fff;
	text-align: center;
}
.banner_titulo{
	
	letter-spacing: 3px;
	font-size: 65px;
}
.caja-titulo{
	color: #fff;
	border: 30px;
	margin: 0px;
}*/

/* ----- estilos servicios ---*/
.bloque-servicios{
	/*font-family: 'Thasadith', sans-serif;*/
	font-family: 'News Cycle', sans-serif;

	font-size: 16px;
	margin-bottom: 25px;
	padding: 3px;
}
.block-services{
	margin-bottom: 15px;
}
.bloque-servicios a{
	color: #00b2f0
}
.bloque-servicios a:hover{
	color: #0e9bce;
	text-decoration: none;
}
.titulo-servicios{
	/*display: flex;*/
	text-align: left;
}
.titulo-servicios h5{
	font-family: 'Thasadith', sans-serif;
}
.txt-servicios{
 padding: 4px;

}
.servi hr {
     margin-top: 1px; 

}


/*------Quienees somos -----*/


/*-----estilos contacto-----*/
#form{
	width: 100%;
	align-content: center;
}
.form-1{
	background: #fff;
	padding: 10px;
	color: #717171;
	border-radius:2px;
}
.fondo-contact{
	/*background: url(../img/banner-otm.jpg) no-repeat fixed;
	background-size: cover;
	position: relative;*/
	height: 60%;
	

}

/*-----------estilos de footer------*/
footer{
	background: #000;
	color: #fff;
	padding: 10px;
	font-size: 12px;
}
footer p{
	font-size: 12px;
}
.footer-index{
	background: #000;
	color: #fff;
	padding: 10px;
	font-size: 12px;
}
.linea-footer{
	height: 0px;
	width: 100%;
	background-color:#00b2f0;
}
.footer-mega p{
	font-size: 12px;
}
.copy{
	font-size: 11px;
	color: #fff;
}
.btn-warning {
    background-color: #00b2f0 !important;
    border-color: #00b2f0 !important;
}
.btn-warning:hover {
    background-color: #0e9bce;
    border-color: #0e9bce;
}

footer a {
    color: #FFF;
    font-size: 11px;
    transition: padding-left 0.7s;
}
footer a:hover{
	padding-left:13px;}
footer ul{
list-style-type:none;
list-style-position:inside;
padding:0px;
	}
.footer a:hover {
    color: #FFF;
    text-decoration: underline;
    padding-left: 15px;
}
.social-footer{
    margin-top: 0px;
    text-decoration: none;
}
.social-footer a {
    color: #000;
    transition: all 0.5s;
}
.social-footer a .fa-inverse{
    color:#FFF;
}
.social-footer a:hover {
    color: #fff;
    text-decoration: none;
}
.social-footer a:hover .fa-inverse{
    color:#000;
}
.copy{
	font-size: 13px;
	color: #fff;
}
#footer {
    height: 150px;
    left: 0; 
	bottom: 0; 
	width: 100%;
	/*position: absolute; */
}
/*estilos responsive



*/
/* Small devices (landscape phones, 576px and up)*/

@media(min-width:576px){/*------480----*/
	.logo{
		font-size: 40px;
	}

	.banner_titulo{
		font-size: 30px;
		margin: 5px 0;
	}

}
@media(min-width: 768px){/*------768-----*/
	.footer{
		background: #000;
		color: #fff;
		padding: 10px;
		font-size: 12px;
		bottom: 0;
		/*position:fixed;*/
		width: 100%;
	}
	.banner-titulo{
		font-size: 50px;
	}
	.banner .contenedor{
		top:50%;

	}	
	.fondo-header{
		/*background: url("../img/banner/banner5.jpg") no-repeat;
	/*	-moz-background-size: cover;
		-webkit-background-size: cover;*/
		/*background-size: cover;
		height: 100vh;	*/
	
	}
	.contenedor img{
		width: 40%;
	}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	.fondo-header{
		/*background: url("../img/banner/banner5.jpg") no-repeat;
	/*	-moz-background-size: cover;
		-webkit-background-size: cover;*/
		/*background-size: cover;
		height: 100vh;	*/
	
	}
	.contenedor img{
		width: 30%;
	}		
	.bloque-espacio{
		padding-top: 50px;
		padding-bottom: 30px;
	}
			
 }
/*Extra large devices (large desktops, 1200px and up)*/
@media(min-width: 1200px){/*-------1024-----*/
	.footer{
		background: #000;
		color: #fff;
		padding: 10px;
		font-size: 12px;
		bottom: 0;
		/*position:fixed;*/
		width: 100%;
	}
	.fondo-header{
		/*background: url("../img/banner/banner5.jpg") no-repeat;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		height: 100vh;	*/
	
	}
	.contenedor{
		width: 80%;
	}
	.contenedor img{
		width: 30%;
	}
.banner .contenedor{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	color: #fff;
	text-align: center;

}		
	.nav{
		position: static;
		width: auto;
	}
	.menu{
		display: flex;
	}
	.icono-menu{
		display: none;
	}
	.menu_link{
		background: none;
	}
	.bloque-espacio{
		padding-top: 70px;
		padding-bottom: 40px;
	}
	p{
		font-size: 16px;
	}
	.servi li{
		font-size: 16px;
	}
	.txt-form{
		font-size: 16px;
	}

	.footer{
		font-size: 14px;
	}
	.footer a{
		font-size: 14px;
	}
	.footer p{
		font-size: 14px;
	}
	.footer h6{
		font-size: 14px;
	}
	.copy{
		font-size: 14px;
	}

}



@supports (overflow:-webkit-marquee)
   and (justify-content:inherit) {
    /* Estos estilos solo los ejecutara Safari */
    .fixed-top {
		background: #000;
		opacity: 0.7;
	}
	.sticky-top{
		background: #000;
		opacity: 0.7;
	}
}