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

.sect_title_interna{

	padding: 80px 0;

	background-image: url(../../../../public/img/fondo/fondo-title-contacto.jpg);

	background-position: center 86%;

	background-size: cover;

	position: relative;

}

.sect_title_interna:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .6;

}

.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 INFO CONTACTO ************************/

.sect_info_contacto{

    padding: 100px 0;

    /*background: #f3f7f8;*/

}

/**/

.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;

    background: #fff;

}

.box_info_contacto .box_head{

    background: #d90d2c;

    padding: 20px;

    width: 25%;

    color: aliceblue;

    text-align: center;

    border-radius: 5px;

}

.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;

    display: block;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_info_contacto .box_body a:hover{

    color: #68a9f9;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

@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: 50px 0;

    }

}

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



/***************** SECTION FORMULARIO DE CONTACTO *********************/

.sect_form_contacto{

	padding: 50px 0;

    padding-bottom: 0;

	position: relative;

    margin-bottom: -18px;

}

/****/

.img_form_contact{

    overflow: hidden;

}

/****/

.content_form{

	padding: 50px;

    background: #fff;

    -webkit-box-shadow: 0 0 9px 7px rgb(174 174 174 / 20%);

    box-shadow: 0 0 9px 7px rgb(174 174 174 / 20%);

}

.content_form .title_form h2{

    font-size: 25px;

    font-weight: 800;

    color: #000000;

}

.content_form .title_form hr{

    width: 50px;

    border-top: 5px solid #24a3d8;

    margin-left: 0;

}

/**/

.input_form{

	display: block;

	width: 100%;

	padding: 20px;

	margin-bottom: 20px;

	border: 0;

	background-color: #f4f7f9;

}

.input_form:focus,.input_form:active{

	outline: none;

}



.textarea_form{

	display: block;

	width: 100%;

	padding: 20px;

	margin-bottom: 20px;

	border: 0;

	background-color: #f4f7f9;

	min-height: 150px;

}

.textarea_form:focus,.textarea_form:active{

	outline: none;

}

.btn_enviar{

	display: block;

	width: 150px;

	font-size: 17px;

	padding: 15px;

	background: transparent;

	color: #3badfc;

	border: 2px	solid #3badfc;

	text-align: center;

	cursor: pointer;

	font-weight: 700;

	border-radius: 3px;

	text-decoration: none;

	-webkit-border-radius: 3;

	-moz-border-radius: 3;

	-ms-border-radius: 3;

	-o-border-radius: 3;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	transition: all 300ms ease;

}

.btn_enviar:hover{

	background: #3badfc;

    color: #ffffff;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    transition: all 300ms ease;

}

/***************** END SECTION FORMULARIO DE CONTACTO *********************/