/********************************************* SECTION SLIDER ****************************************************/

.section_slider .carousel-item{

	height: calc(100vh - 220px);

	background-size: cover;

	background-position: center;

}

.section_slider .carousel-inner{

	position: relative;

}

/*.section_slider .carousel-inner .carousel-item.active{

	animation: imgzoom 9s infinite alternate;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}*/



@keyframes imgzoom{

	from{

		-webkit-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

	}

	to{

		-webkit-transform: scale(1.2);

		-ms-transform: scale(1.2);

		-o-transform: scale(1.2);

		transform: scale(1.2);

	}

}

.section_slider .carousel-inner .carousel-item:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear,right 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;

}

/**/

.carousel-control-prev{

	z-index: 2;

    width: 100px;

    height: 100px;

    bottom: 20px;

    top: auto;

    right: 160px;

    font-size: 35px;

    left: auto;

    border: 4px solid #fff;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.carousel-control-prev:hover{

	background: #fff;

	color: #154697;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.carousel-control-next{

	z-index: 2;

    width: 100px;

    height: 100px;

    font-size: 35px;

    bottom: 20px;

    top: auto;

    right: 50px;

    left: auto;

    border: 4px solid #fff;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.carousel-control-next:hover{

	background: #fff;

	color: #154697;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/*CAPTION SLIDER*/

.caption_slider{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

	z-index: 2;

}

.caption_content{

	display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    width: 100%;

    flex-flow: row wrap;

    max-width: 1130px;

    align-items: center;

    justify-content: flex-start;

}

/**/

.caption_left{

	width: 60%;

}

.caption_left .caption_head{

	position: relative;

}

.caption_left .caption_head h2{

	color: #fff;

    font-size: 50px;

    font-weight: 400;

}

.caption_left .caption_head h6{

	font-size: 25px;

    color: #fff;

}

.caption_left .caption_head h6 b{

	font-size: 30px;

}

.caption_left .caption_body p{

	color: #fff;

	font-size: 18px;

    font-weight: 300;

}

.caption_left .caption_foot a{

	display: block;

	position: relative;

	padding: 15px;

	text-align: center;

	text-decoration: none;

	color: #fff;

	width: 100%;

	max-width: 230px;

	background: rgba(255,255,255,0.10);

	/*background: #5363bd;*/

	overflow: hidden;

	font-weight: 600;

	border-radius: 4px;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.caption_left .caption_foot a:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 150%;

    height: 100%;

    background-color: #0aa9e6;

    z-index: -1;

    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

    -webkit-transform-origin: 0% 100%;

    -ms-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

    -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;

    -o-transition: transform 0.3s, opacity 0.3s, background-color 0.3s;

    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;

    transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;

}

.caption_left .caption_foot a:hover:before {

    opacity: 1;

    background-color: #0aa9e6;

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg);

    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

/*.caption_left .caption_foot a:hover{

	background: #fff;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}*/

/**/

@media(max-width: 1199px){

    .caption_content {

        max-width: 930px;

        padding-left: 15px;

        padding-right: 15px;

    }

}

@media(max-width: 991px){

    .carousel-control-prev {

        width: 70px;

        height: 70px;

        right: 130px;

    }

    .carousel-control-next {

        width: 70px;

        height: 70px;

    }

    .caption_left .caption_head h2 {

        font-size: 35px;

    }

    .caption_left .caption_head h6 {

        font-size: 20px;

    }

    .caption_left .caption_head h6 b {

        font-size: 25px;

    }

    .caption_content {

        max-width: 720px;

    }

}

@media(max-width: 767px){

    .caption_content {

        max-width: 540px;

    }



}

@media(max-width: 600px){

    .caption_left {

        width: 90%;

    }

}

/******************************************* END SECTION SLIDER *************************************************/



/******************************************* SECTION CORONAVIRUS ************************************************/

.sect_coronavirus{

	position: relative;

	padding-bottom: 100px;

    overflow: hidden;

}

.absolute_corona1{

	position: absolute;

    width: 100%;

    max-width: 120px;

    top: 50px;

    right: 5%;

    animation: rotates 12s infinite linear forwards;

}

.absolute_corona2{

	position: absolute;

    width: 100%;

    max-width: 400px;

    top: 50%;

    left: 5%;

    z-index: -1;

    -webkit-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    transform: translate(0,-50%);

}

.absolute_corona3{

	position: absolute;

    width: 100%;

    max-width: 200px;

    bottom: 0px;

    right: 5%;

    z-index: -1;

}

@keyframes rotates{

	from{

		-webkit-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	to{

		-webkit-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

/**/

.box_coronavirus{

	background: #fff;

	box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.07);

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    padding: 50px 30px;

}

.box_coronavirus .box_head h4{

    color: #272F4C;

    font-weight: 800;

    text-align: center;

    margin-bottom: 0;

}

.line_title{

    width: 50px;

    height: 3px;

    border-top: 4px solid #42b0d1;

    margin: 10px auto;

    margin-bottom: 20px;

}

/**/

.box_coronavirus .box_body p{

	color: rgba(34,58,102,0.6);

    text-align: justify;

}

/**/

.box_coronavirus .box_foot a.btn_cita{

	display: block;

	position: relative;

    background-color: rgba(39, 47, 76, 0.1);

    padding: 17px 50px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: -0.4px;

    border-radius: 5px 5px 5px 5px;

    color: #272f4c;

    text-decoration: none;

    overflow: hidden;

    text-align: center;

    z-index: 1;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_coronavirus .box_foot a.btn_cita:before{

	content: "";

	position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-radius: 50%;

    background-color: #272F4C;

    -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -o-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: -1;

}

.box_coronavirus .box_foot a.btn_cita:hover:before{

    width: 500px;

    height: 500px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_coronavirus .box_foot a.btn_cita:hover{

    background-color: rgba(39, 47, 76, 0.1);

    color: #fff;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

.box_coronavirus.item_two .box_foot svg{

	font-size: 40px;

    margin: 0 auto;

    display: block;

    color: #8ec038;

}

.box_coronavirus.item_two .box_foot h6{

	text-align: center;

    margin: 12px 0;

	font-weight: 600;

}

.box_coronavirus.item_two .box_foot a.number_cel{

	display: block;

	color: #42b0d1;

	text-decoration: none;

	text-align: center;

	font-weight: 800;

	font-size: 20px;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.box_coronavirus.item_two .box_foot a.number_cel:hover{

	color: #8ec038;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

/**/

@media(max-width: 991px){

    .box_coronavirus {

        margin-bottom: 20px;

    }

    .absolute_corona1 {

        max-width: 60px;

        z-index: -1;

    }

}

@media(max-width: 500px){

    .title_general h2 {

        font-size: 25px;

    }

}

/****************************************** END SECTION CORONAVIRUS *********************************************/



/********************************************** SECTION SERVICIOS ************************************************/

.sect_servicios{

	padding-bottom: 100px;

	background: rgb(34 58 102 / 8%);

}

.aquablue{

	background: rgb(34 58 102 / 8%);

}

/**/

.box_servicios{

	background: #fff;

	box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.07);

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    padding: 50px 30px;

    margin-bottom: 30px;

}

/**/

.box_servicios .box_head{

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 30px;

}

.box_servicios .box_head img{

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.box_servicios:hover .box_head img{

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

/**/

.box_servicios .box_body h4 {

    color: #272F4C;

    font-weight: 800;

    text-align: center;

    margin-bottom: 0;

    font-size: 18px;

    min-height: 45px;

}

.box_servicios .box_body p {

    color: rgba(34,58,102,0.6);

    text-align: justify;

}

/**/

.box_servicios .box_foot a.btn_cita{

	display: block;

	position: relative;

    background-color: rgba(39, 47, 76, 0.1);

    padding: 17px 50px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: -0.4px;

    border-radius: 5px 5px 5px 5px;

    color: #272f4c;

    text-decoration: none;

    overflow: hidden;

        z-index: 1;

    text-align: center;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_servicios .box_foot a.btn_cita:before{

	content: "";

	position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-radius: 50%;

    background-color: #272F4C;

    -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -o-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: -1;

}

.box_servicios .box_foot a.btn_cita:hover:before{

    width: 500px;

    height: 500px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_servicios .box_foot a.btn_cita:hover{

    background-color: rgba(39, 47, 76, 0.1);

    color: #fff;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

/********************************************** SECTION SERVICIOS ************************************************/



/******************************************** SECTION NOSOTROS **************************************************/

.sect_nosotros{

	

}

/**/

.flex_nosotros{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	align-content: center;

}

/**/

.flex_nosotros .flex_left{

	width: 50%;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	align-items: center; 

    padding-left: 60px;

}

/**/

/**/

.box_nosotros{

 	width: 100%;

    padding: 100px 0;

}

.content_box{

	width: 100%;

    max-width: 600px;

    margin-left: auto;

    padding-right: 100px;

}

/**/

.box_nosotros .box_body{

	margin-top: 20px;

}

.box_nosotros .box_body p{

	font-size: 18px;

	font-weight: 100;

    color: rgba(34,58,102,0.6);
    text-align: justify;
}

/**/

.box_nosotros .box_foot a.btn_conocenos{

	display: block;

	width: 100%;

	max-width: 250px;

	position: relative;

    background-color: rgba(39, 47, 76, 0.1);

    padding: 17px 50px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: -0.4px;

    border-radius: 5px 5px 5px 5px;

    color: #272f4c;

    text-decoration: none;

    overflow: hidden;

        z-index: 1;

    text-align: center;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_nosotros .box_foot a.btn_conocenos:before{

	content: "";

	position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-radius: 50%;

    background-color: #272F4C;

    -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -o-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: -1;

}

.box_nosotros .box_foot a.btn_conocenos:hover:before{

    width: 500px;

    height: 500px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_nosotros .box_foot a.btn_conocenos:hover{

    background-color: rgba(39, 47, 76, 0.1);

    color: #fff;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

/**/

.flex_nosotros .flex_right{

	width: 50%;

}

.flex_nosotros .flex_right img{

	object-fit: cover;

    width: 100%;

    max-width: 100%;

    min-width: 100%;

    height: 100%;

}

/**/

@media(max-width: 1320px){

    .sect_nosotros .title_general h2 {

        font-size: 48px;

    }

}

@media(max-width: 1199px){

    .sect_nosotros .title_general h2 {

        font-size: 45px;

    }

    .content_box {

        padding-right: 50px;

    }

}





@media(max-width: 991px){

    .sect_nosotros{

        padding: 50px 0;

        padding-bottom: 0;

    }

    .box_nosotros {

        padding: 50px 0;

        padding-top: 0;

    }

    .flex_nosotros .flex_left {

        width: 100%;

    }

    .flex_nosotros .flex_right {

        width: 100%;

    }

    .content_box {

        max-width: 750px;

        margin-right: auto;

    }

}

@media(max-width: 767px){

    .box_nosotros .box_head .title_general h2 {

        font-size: 40px;

    }

    .box_nosotros .title_general h4 {

        font-size: 17px;

    }

    .box_nosotros .box_body p {

        font-size: 16px;

    }

    .flex_nosotros .flex_left {

        max-width: 540px;

        margin: 0 auto;

        padding-left: 15px;

        padding-right: 15px;

    }

    .content_box {

        padding-right: 0px;

    }

}

@media(max-width: 580px){

    .box_nosotros .box_head .title_general h2 {

        font-size: 30px;

    }

}

/******************************************** END SECTION NOSOTROS *********************************************/



/******************************************** SECTION ESPECIALIDADES **********************************************/

.sect_especialidades{

	position: relative;

	z-index: 1;

}

/**/

.flex_especialidades{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

}

/*****/

.flex_especialidades .flex_left{

	width: 35%;

}

.flex_especialidades .flex_left img{

    object-fit: cover;

    width: 100%;

    height: 100%;

}

    

/****/

.flex_especialidades .flex_right{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	width: 65%;

    padding: 50px;

    background: #fff;

    margin: -60px 0;

    position: relative;

    box-shadow: 0px 15px 50px 0px rgb(0 0 0 / 15%);

}

.flex_especialidades .flex_right svg{

	position: absolute;

    top: 50px;

    right: 50px;

    color: #223a66;

    font-size: 500px;

    opacity: .2;

}

/**/

.content_especialidades .content_head h4 {

    font-size: 18px;

    font-weight: 800;

    line-height: 32px;

    color: #39c7ff;

    letter-spacing: 1.8px;

    margin-bottom: 40px;

}

/**/

.content_especialidades .content_body ul{

	list-style: none;

	padding-left: 0;

	margin-bottom: 0;

}

.content_especialidades .content_body ul>li{

	position: relative;

	padding-left: 60px;

	margin-bottom: 40px;

}

.content_especialidades .content_body ul>li>span{

	position: absolute;

    color: #beff4f;

    font-size: 64px;

    font-weight: 400;

    display: block;

    left: 0;

    top: 0;

    z-index: 1;

    opacity: 0.4;

    line-height: 1;

}

.content_especialidades .content_body ul>li>h3{

    color: #223a66;

    font-weight: 700;

    font-size: 25px;

}

.content_especialidades .content_body ul>li>p{

    color: rgba(34,58,102,0.6);

    font-family: "Rubik", sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 27px;

}

/**/

.content_especialidades .content_foot a{

	display: block;

	width: 100%;

	margin-left: 60px;

	max-width: 300px;

	position: relative;

    background-color: rgb(34 58 102);

    padding: 17px 50px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: -0.4px;

    border-radius: 5px 5px 5px 5px;

    color: #fff;

    text-decoration: none;

    overflow: hidden;

        z-index: 1;

    text-align: center;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.content_especialidades .content_foot a:before{

	content: "";

	position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-radius: 50%;

    background-color: #8ec038;

    -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -o-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: -1;

}

.content_especialidades .content_foot a:hover:before{

    width: 600px;

    height: 600px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.content_especialidades .content_foot a:hover{

    color: #fff;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

@media(max-width: 1199px){

    .flex_especialidades .flex_right svg {

        font-size: 400px;

    }

}

@media(max-width: 991px){

    .flex_especialidades .flex_left {

        width: 30%;

    }

    .flex_especialidades .flex_right {

        width: 70%;

    }

    .flex_especialidades .flex_right svg {

        font-size: 300px;

    }

}

@media(max-width: 767px){

    .flex_especialidades .flex_left {

        width: 100%;

        display: none;

    }

    .flex_especialidades .flex_right {

        width: 100%;

        margin: 0;

        padding-left: 20px;

        padding-right: 20px;

    }

    .content_especialidades .content_body ul>li>p {

        font-size: 16px;

    }

    .content_especialidades .content_body ul>li>h3 {

        font-size: 20px;

    }

    .content_especialidades .content_body ul>li>span {

        font-size: 40px;

    }

    .content_especialidades .content_body ul>li {

        padding-left: 35px;

    }

    .flex_especialidades .flex_right svg {

        font-size: 200px;

    }

}

/****************************************** END SECTION ESPECIALIDADES ********************************************/



/*********************************************** SECTION CLIENTES *************************************************/

.sect_clientes{

    padding-bottom: 100px;

}

/******/

.box_marcas{

    box-shadow: 0 2px 3px 0 rgba(100,100,100,.3);

    margin-bottom: 25px;

}

/******/

.box_marcas img{

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_marcas:hover img{

    filter: grayscale(100%);

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}
/******/
.control, .control2 {
    background: #8ec038;
}
.mixitup-control-active {
    background: #ffffff !important;
}
/******/

@media(max-width: 991px){

    .sect_clientes{

        padding-bottom: 50px;

    }

}

/********************************************* END SECTION CLIENTES ***********************************************/





/****************************************** SECTION BANNER CONTACTO ***********************************************/



/****/

.flex_contactanos{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

}

/******/

.flex_contactanos .flex_left{

	width: 50%;

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

	background-size: cover;

	padding: 100px 0;

	padding-bottom: 150px;

	position: relative;

	z-index: 1;

}

.flex_contactanos .flex_left:before{

	content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #223a66;

    opacity: .9;

    z-index: -1;

}

.flex_contactanos .flex_left .content_contact{

	width: 100%;

    max-width: 600px;

    padding-right: 50px;

    margin-left: auto;

}

.flex_contactanos .flex_left .content_contact h2{

	color: #fff;

    font-weight: 800;

    font-size: 45px;

}

.flex_contactanos .flex_left .content_contact a{

	display: block;

	width: 100%;

	max-width: 250px;

	position: relative;

    background-color: rgb(233 234 237);

    padding: 17px 50px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: -0.4px;

    border-radius: 5px 5px 5px 5px;

    color: #223a66;

    text-decoration: none;

    overflow: hidden;

        z-index: 1;

    text-align: center;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.flex_contactanos .flex_left .content_contact a:before{

	content: "";

	position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-radius: 50%;

    background-color: #8ec038;

    -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -o-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: -1;

}

.flex_contactanos .flex_left .content_contact a:hover:before{

    width: 500px;

    height: 500px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.flex_contactanos .flex_left .content_contact a:hover{

    background-color: rgba(39, 47, 76, 0.1);

    color: #fff;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

/******/

.flex_contactanos .flex_right{

	width: 50%;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	align-items: center;

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

	background-size: cover;

	padding: 100px 0;

	padding-bottom: 150px;

	position: relative;

	z-index: 1;

}

.flex_contactanos .flex_right:before{

	content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #25b3ea;

    opacity: .9;

    z-index: -1;

}

.flex_contactanos .flex_right .content_contact{

	width: 100%;

    max-width: 600px;

    margin-left: 50px;

    position: relative;

    padding-left: 80px;

}

/**/

.flex_contactanos .flex_right .content_contact svg{

	position: absolute;

	top: 15px;

	left: 0;

	color: #fff;

	font-size: 60px;

}

.flex_contactanos .flex_right .content_contact h4{

	color: #fff;

    font-weight: 700;

}

.flex_contactanos .flex_right .content_contact a{

	text-decoration: none;

    display: block;

    font-weight: 800;

    color: #273e6a;

    font-size: 35px;

}

@media(max-width: 1320px){

    .flex_contactanos .flex_left .content_contact {

        margin-left: 70px;

    }

}

@media(max-width: 1199px){

    .flex_contactanos .flex_left .content_contact {

        width: 100%;

        max-width: 470px;

    }

    .flex_contactanos .flex_left .content_contact h2 {

        font-size: 40px;

    }

}

@media(max-width: 991px){

    .flex_contactanos .flex_left {

        width: 100%;

        padding-bottom: 100px;

    }

    .flex_contactanos .flex_right {

        width: 100%;

    }

    .flex_contactanos .flex_left .content_contact {

        margin: 0 auto;

        text-align: center;

        padding-right: 0;

    }

    .flex_contactanos .flex_left .content_contact a {

        margin: 0 auto;

    }

    .flex_contactanos .flex_right .content_contact {

        max-width: 382px;

        margin: 0 auto;

    }

}

@media(max-width: 767px){

    .flex_contactanos .flex_left .content_contact h2 {

        font-size: 25px;

    }

    .flex_contactanos .flex_left .content_contact a {

        padding: 15px;

    }

    .flex_contactanos .flex_right .content_contact h4 {

        font-size: 20px;

    }

    .flex_contactanos .flex_right .content_contact a {

        font-size: 25px;

    }

    .flex_contactanos .flex_right .content_contact {

        max-width: 310px;

        margin: 0 auto;

    }

    .flex_contactanos .flex_right {

        padding-bottom: 100px;

    }

    .flex_contactanos .flex_right .content_contact svg {

        top: 5px;

    }

}

/**************************************** END SECTION BANNER CONTACTO *********************************************/