.tex-slide {
	color: #083377;
}

.box img{
	width: 100%;
  	height: auto;
}

@supports(object-fit: cover){
    .box img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}

.tex-slide2 {
	color: #494949;
}

.fondo {
	height: 60vh;
}

.seccion3 {
	
	background-color: #9ea0a3;
}

.quienes_somos{
	background-color: rgba(2, 28, 114, 0.74);

}

.seccion4 {
	height: 90vh;
}

.texto_seccion4{
	color: #fff;
}

.text_seccion7{
	color: #fff;
}

.seccion7{
	background-color: #0f1011;
}

.seccion6{
	background-color: #545556;
}

.text_seccion6{
	color: #fff;
}

.texto_menu{
	color: #083377;
}

.icon {
	position: relative;
	width: 27px;
	height: 21px;
	margin: 2px auto;
	cursor: pointer;
}

.icon span {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	background: rgba(118, 111, 111, 0.58);
	transition:0.6s;
}

.icon .one {
	top:0;
}
.icon .two,.icon .three {
	top: 9px;
}
.icon .four {
	top: 18px;
}

.icon.open .one,.icon.open .four{
	display: none;
}

.icon.open .two {
	transform: rotate(45deg);
}

.icon.open .three {
	transform: rotate(-45deg);
}

.seccion1 {
	background: #eaebed;
}

.carta {
	transition: transform .2s;
}

.carta:hover {
	transform: scale(1.05);
}
.boton {
	width: 20%;
	text-align: center;
}
.boton a{
	/*background: rgba(230,230,230,0.8);
    padding: 7px 20px;
    border: solid 1px #fff;*/
}
.boton a span{
	    color: #223a94;
}
@media only screen and (max-width: 991px) {
    .boton {
    	
    	top: -2px;
    	position: absolute;
    	text-align: left;
    	padding-left: 10px;
		width: 100%;
	}
}
@media only screen and (max-width: 575px) {
    .boton {
		width: 100%;
		top: -2px;
    	position: absolute;
    	text-align: left;
    	padding-left: 10px;
	}
}

.viewmore{
	background: rgba(230,230,230,0.8) !important;
	border: none;
	color: #333;
}
@media only screen and (max-width: 991px) {
.extra {
	position: absolute;
	left: 0%;
    top: 10px;
    width: 200px;
}
}
@media only screen and (max-width: 425px) {
.extra {
	position: absolute;
	left: 0%;
    top: 10px;
    width: 200px;
}
}
@media only screen and (max-width: 375px) {
.extra {
	position: absolute;
    left: -4%;
    top: 10px;
    width: 200px;
}
}
@media only screen and (max-width: 320px) {
.extra {
	position: absolute;
    left: -11%;
    top: 10px;
    width: 180px;
}
}
@media only screen and (orientation: landscape) and (min-width: 991px) {
	.extra{
		display: none !important;
	}
	.extra2{
		display: block !important;
	}
}
@media only screen and (orientation: landscape) and (max-width: 991px) {
	.extra2{
		display: none !important;
	}
	.extra{
		display: block !important;
		left: 30%;
		position: absolute;
	    top: 10px;
	    width: 200px;
	}
}
@media only screen and (max-width: 991px) {
.extra {
	position: absolute;

    top: 10px;
    width: 200px;
}
}
@media only screen and (orientation: landscape) and (max-width: 767px) {

	.extra{

		left: 20%;
	}
}


@media only screen and (max-width: 425px) {
.extra {
	position: absolute;
	left: 0%;
    top: 10px;
    width: 200px;
}
}
@media only screen and (max-width: 375px) {
.extra {
	position: absolute;
    left: -4%;
    top: 10px;
    width: 200px;
}
}
@media only screen and (max-width: 320px) {
.extra {
	position: absolute;
    left: -11%;
    top: 10px;
    width: 180px;
}
}
@media only screen and (max-width: 768px) {
.boton {
    width: 50%;
}
.boton-emer{
	width: 27px;
	height: 27px;
}
}