/********************************************** SECTION TITLE INTERNA ****************************************/

.sect_title_interna{

	padding: 80px 0;

	/*background-image: url(../../../../public/img/fondo/fondo-title-interna-itinerario.jpg);

	background-position: center;

	background-size: cover;*/

	position: relative;

}

.sect_title_interna:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,61,144,.9)),color-stop(50%,rgba(0,153,125,.6)),color-stop(60%,rgba(0,0,0,.15)));

    background-image: -o-linear-gradient(to right,rgb(0 6 70) 0,rgb(0 0 0 / 60%) 49%,rgba(0,0,0,.15) 88%);

    background-image: linear-gradient(to right,rgb(0 6 70) 0,rgb(0 0 0 / 60%) 49%,rgba(0,0,0,.15) 88%);

	opacity: 1;

	z-index: 1;

}

.row_height{

	align-items: flex-end;

    min-height: 250px;

	z-index: 2;

	position: relative;

}

/**/

#carouselExampleControls{

	position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

}

#carouselExampleControls .carousel-inner{

	height: 100%;

}

#carouselExampleControls .carousel-inner .carousel-item{

	height: 100%;

	background-position: center;

}

/**/

.sect_title_interna h2{

	text-align: center;

    font-weight: 800;

    color: #fff;

}

.list_vistas{

	list-style: none;

	padding-left: 0;

	margin-bottom: 0;

	text-align: center;

}

.list_vistas>li{

	color: #fff;

	display: inline-block;

	margin: 0 10px;

}

.list_vistas>li>a{

	color: #ffc400;

	text-decoration: none;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.list_vistas>li>a:hover{

	color: #0298d2;

	text-decoration: none;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

/**/

@media(max-width: 991px){

    .sect_title_interna {

        padding: 50px 0;

    }

}

@media(max-width: 767px){

    .sect_title_interna h2 {

        font-size: 24px;

    }

    .list_vistas>li>a{

        font-size: 13px;

    }

    .sect_title_interna {

        padding: 35px 0;

    }

}

/********************************************** SECTION TITLE INTERNA ****************************************/

/********************************************** SECTION NAV CONTACTO ******************************************/
.sect_nav_contacto{
	padding-top: 100px;
}
/****/
.list_nav_contacto{
	border: 0;
	justify-content: center;
}

.list_nav_contacto .nav-item .nav-link{
	font-weight: 600;
	font-size: 18px;
	color: #000646;
	border-bottom: 2px solid #000646;
}
.list_nav_contacto .nav-item .nav-link.active{
	background: #000646;
	color: #fff;
}
/********************************************  END SECTION NAV CONTACTO ****************************************/

/********************************************** SECTION INFO CONTACTO *****************************************/

.sect_info_contacto{
	padding: 50px 0;
}

/**/

.box_info_contacto{

	box-shadow: -4px 9px 14px rgb(204 204 204 / 55%);

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-flow: row wrap;

    align-items: center;

}

.box_info_contacto .box_head{

	background: #000646;

	padding: 20px;

	width: 25%;

    text-align: center;

}

.box_info_contacto .box_head svg{

	color: #fff;

    font-size: 40px;

    width: 50px;

    height: 50px;

}

/**/

.box_info_contacto .box_body{

	width: 75%;

	padding: 10px;

}

.box_info_contacto .box_body a{

	text-decoration: none;

	color: #000;

	font-weight: 500;

	

}

/**/

@media(max-width: 1199px){

	.box_info_contacto .box_head {

	    width: 31%;

	}

	.box_info_contacto .box_body {

	    width: 69%;

	}

}

@media(max-width: 991px){

	.box_info_contacto{

		margin-bottom: 30px;

	}

	#map{

		height: 400px !important;

	}

	.sect_info_contacto{

		padding-top: 50px;

	}

}

/********************************************** SECTION INFO CONTACTO *****************************************/



/********************************************* SECTION FORMULARIO ********************************************/

.sect_contacto{

	padding: 50px 0;

}

/*FORMULARIO*/

.sect_contacto .box_formulario{

	padding: 50px;

	padding-bottom: 0;

}

/**/

.box_formulario .box_head{

	padding: 20px;

	background: #fff;

	padding-bottom: 10px;

}

.box_formulario .box_head h5{

	font-weight: 600;

}

.box_formulario .box_head p{

	margin-bottom: 0;

	font-weight: 300;

}

/**/

.box_formulario .box_head{

	padding: 20px;

	background: #fff;

	padding-top: 0;

}

/**/

.sect_contacto .box_formulario .box_body{

	padding: 20px;

}

.input_form{

	position: relative;

	margin-bottom: 20px;

}

.input_form svg{

	position: absolute;

    top: 15px;

    left: 10px;

    color: #000;

}

/**/

.input_form input{

	display: block;

    width: 100%;

    border: 1px solid rgb(204 204 204 / 47%);

    padding: 10px;

    padding-left: 35px;

}

.input_form input:focus{

	outline: none;

	text-decoration: none;

}

/**/

.input_form select{

	display: block;

    width: 100%;

    border: 1px solid rgb(204 204 204 / 47%);

    padding: 10px;

}

.input_form select:focus{

	outline: none;

	text-decoration: none;

}

/**/

.input_form textarea{

	display: block;

    width: 100%;

    border: 1px solid rgb(204 204 204 / 47%);

    padding: 10px;

    padding-left: 35px;

}

.input_form textarea:focus{

	outline: none;

	text-decoration: none;

}

/**/



.input_form .buttoncon{

	display: block;

    width: 100%;

    border: 1px solid rgb(204 204 204 / 47%);

    padding: 10px;

    padding-left: 35px;

    color: #fff;

    font-weight: 600;

    background: #000646;

    border-radius: 4px;

    cursor: pointer;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.input_form .buttoncon:focus,

.input_form .buttoncon:hover{

	    background: #ffffff;

    color: #000646;

	outline: none;

	-webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

@media(max-width: 991px){

	.sect_contacto{

		padding: 0px;

		padding-bottom: 50px;

	}

	.sect_contacto .box_formulario{

		padding: 0;

	}

}

/******************************************* END SECTION FORMULARIO ******************************************/