@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Rubik+Mono+One&display=swap');

header {
	position: fixed;
 z-index: 2;
 left: 0;
 right: 0;
 background: #efefef;
 /*padding-top: 125px;*/
 padding-top: 0px;
}
header.other-color {
	background-color: #014886;
	-webkit-transition: all 300ms linear;
 transition: all 300ms linear;
 padding-top: 0px;
}
header .navbar {
	padding-top: 23.75px;
 padding-bottom: 0px;
 float: right;
}
.navbar-light .navbar-nav .nav-link {
	color: #35343a !important;
	
	font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 500;
 font-style: normal;

 font-size: 18px !important;
 padding: 0rem 2.25rem;
}
.navbar-light .collapse {
	justify-content: end;
	margin-left: 0px;
}
.navbar-light .collapse ul {
	margin-right: 23.75px;
}
header a.navbar-brand {
	padding-bottom: 18.75px;
 margin-right: 0px;
 display: block;
 padding-top: 18.75px;
 float: left;
}

header a.navbar-brand img {
	/*width: 117.5px;*/
	width:  176.25px;
 float: left;
 margin-left: 0px;
}
header ul.rs {
	padding-left: 0px;
	position: absolute;
	top: 43%;
	right: 15px;
}
header ul.rs li {
	float: left;
	display: inline-block;
	margin: 0 15px;
}
header ul.rs li a {
	font-size: 28px;
	color: #fff;
}
header ul.rs li.movil {
	display: none;
}
header a.callpresident {
	float: right;
	color: #1d120e !important;
	font-family: "Poppins", sans-serif;
 font-optical-sizing: auto;
 font-weight: 600;
 font-style: normal;
 font-size: 18px;
 text-decoration: none;
}
header.other-color {
	background-color: #efefef;
	/*padding-top: 25px;
 padding-bottom: 12.5px;*/
 
 padding-top: 0px;
 padding-bottom: 0px;

}
header.other-color .navbar-light .navbar-nav .nav-link,
header.other-color a.callpresident {
	/*color: #fff !important;*/
}


header .rs a {
 /*line-height: 37.5px;
 width: 37.5px;
 height: 37.5px;*/

 line-height: 28px;
 width: 30.5px;
 height: 30.5px;

 background-color: #f31d59;
 border-radius: 100px;
 margin: 0 9.375px 0 0;
 display: inline-block;
 text-align: center;
}
.rs a svg {
 /*width: 18.75px;
 height: 18.75px;*/
 width: 15px;
 height: 15px;
 line-height: 37.5px;
 fill: #fff;
}




section#banner {
	/*margin-top: -125px;*/
	margin-top: 0px;
	position: relative;
}
section#banner .owl-controls .owl-buttons {
 position: absolute;
 left: 0;
 right: 0;
 top: 50%;
 content: '';
}
section#banner .owl-controls .owl-buttons .owl-prev,
section#banner .owl-controls .owl-buttons .owl-next {
	position: relative;
	display: inline-block;
	font: normal normal normal 14px / 1 FontAwesome;
 font-size: 45px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 /*width: 50px;
 height: 50px;
 line-height: 50px;
 background-color: #f31d59;
 border-radius: 100px;*/
 text-align: center;
 padding: 0;
 color: #35343a;
 visibility: hidden;
 opacity: 1;
}
section#banner .owl-controls .owl-buttons .owl-prev::before {
	content: "\f104";
 position: absolute;
 visibility: visible;
 width: 50px;
 height: 50px;
 line-height: 50px;
 background-color: #f31d59;
 border-radius: 100px;
}
section#banner .owl-controls .owl-buttons .owl-next {
	float: right;
}
section#banner .owl-controls .owl-buttons .owl-next::before {
 content: "\f105";
 position: absolute;
 right: 0;
 visibility: visible;
 width: 50px;
 height: 50px;
 line-height: 50px;
 background-color: #f31d59;
 border-radius: 100px;
 /*display: inline-block;
 font: normal normal normal 14px / 1 FontAwesome;
 font-size: 45px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 width: 50px;
 height: 50px;
 line-height: 50px;
 background-color: #f00;
 border-radius: 100px;
 text-align: center;
 padding: 0;*/
}



section#cexitos {
	padding: 56.25px 0 37.5px;
	background-color: #fff;
}
section#cexitos h2 {
	color: #35343a;
	/*line-height: normal;*/
	margin-bottom: 18.75px;
	font-size: 84px;


	font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 700;
 font-style: normal;
}
section#cexitos ul {
 margin: 0 0 37.5px;
 padding: 0;
 border: 0;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
section#cexitos ul li {
 list-style: none;
 font-size: 24px;
 font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 500;
 font-style: normal;
 color: #35343a;
}
section#cexitos .box {
	position: relative;
	margin-bottom: 18.75px;
}
section#cexitos .box::before {
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 display: block;
 width: 100%;
 height: 100%;
 background-color: #35343a36;
}
section#cexitos .box img,
section#contacto img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
section#cexitos .box h4 {
	color: #fff;
	/*line-height: normal;*/
	margin-bottom: 0px;
	font-size: 28px;
	position: absolute;
	left: 18.75px;
	bottom: 18.75px;

	font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 500;
 font-style: normal;
 display: none;
}


section#contacto {
	background-color: #efefef;
	padding: 75px 0 56.25px;
}
section#contacto h3 {
	line-height: normal;
	margin-bottom: 18.75px;
	text-transform: uppercase;
	color: #35343a;
	font-size: 42px;

	font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 600;
 font-style: normal;
}
/*section#contacto img {
	width: 381px;
}*/
section#contacto ul {
 margin: 0;
 padding: 0;
 border: 0;
 /*display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;*/
}
section#contacto ul li {
	list-style: none;
	line-height: normal;
 margin: 0 auto;
 padding: 0;
 border: 0;

 font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 font-size: 16px;
 text-align: center;
 color: #35343a;

 width: 33.333%;
 float: left;
 margin-bottom: 31px;
}
section#contacto ul li img {
	padding: 5px;
 border-radius: 150px;
	background: linear-gradient(180deg, #673AB7 16%, rgb(243 29 89) 47%, rgba(90, 39, 84, 1) 92%);
	width: 150px;
}
/*section#contacto > ul > li:first-child {
 width: 100%;
 display: block;
 margin: 0 auto;
}
section#contacto ul li span {
	font-weight: 500;
 font-size: 20px;
}
section#contacto ul li:first-child img {
 width: 225px;
 			display: inline-block;
}
section#contacto ul li ul {
 display: flex;
 align-items: center;
 justify-content: center;
 margin-top: 18.75px;
}
section#contacto ul li ul > li {
 font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 font-size: 16px;
 text-align: center;
 color: #35343a;
 		width: 25%;
 		float: left;
 		display: inline-block;
}
section#contacto ul li ul > li span {
 display: block;
}
section#contacto ul li ul li img {
 width: 112.5px !important;
}*/


section#contacto form .form-group {
	margin-bottom: 18.75px;
}
section#contacto form label {
 color: #35343a;
	font-size: 16px;
	line-height: normal;
	margin-bottom: 9.375px;
}
section#contacto form input,
section#contacto form textarea,
section#contacto form select {
	border-radius: 50px;
	background-color: #fff;
	border-color: #fff;
}
section#contacto form button {
	background-color: #f31d59;
	line-height: normal;
	color: #fff;
	border-radius: 15px;
	border-width: 0px;
 padding: 9.375px 37.5px;
 display: block;
 margin: 0 auto;
}





footer {
	background-color: #35343a;
	padding: 37.5px 0;
}
footer .top {
	padding-bottom: 22.5px;
}
footer .top h5 {
	margin-bottom: 24px;
 line-height: normal;
 font-size: 24px;
 color: #fff;
}
footer .top ul.opc {
 padding: 0;
 border: 0;
 margin: 0;
}
footer .top ul.opc li {
	line-height: normal;
	margin-bottom: 12px;
	list-style: none;
}
footer .top ul.opc li:last-child {
	margin-bottom: 0px;
}
footer .top ul.opc li a {
	color: #fff;
	line-height: normal;
	text-decoration: none;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
footer .top p {
	color: #fff;
	margin-bottom: 0px;
	text-align: center;
	font-family: "Poppins", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 font-size: 16px;
 line-height: normal;
}
footer .top p a,
footer .top p a:hover {
	color: #fff;
	text-decoration: none;
	
	font-family: "Poppins", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
}





footer .bottom {
	position: relative;
	/*padding-top: 12px;
	border-top: 1px solid #fff;*/
}
footer .bottom p {
	margin-bottom: 0px;
	line-height: normal;
	color: #fff;
	font-size: 18px;

	font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 500;
 font-style: normal;
}
footer .bottom .text-right p {
	text-align: right;
	float: none;
}
footer .bottom ul.rs {
	padding-left: 0;
	display: flex;
	justify-content: start;
	margin-bottom: 0px;
}
footer .bottom ul.rs li {
	float: left;
	display: inline-block;
}
footer .bottom ul.rs li.movil {
	display: none;
}
footer .bottom ul.rs li a {
	color: #fff;
	margin: 0px 12.5px;
	text-decoration: none;
	
	font-family: "Poppins", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
}
footer .bottom ul.rs li a i {
	font-size: 16px;
}



ul.rs-top {
 position: relative;
 padding: 0;
 margin: 0;
}
ul.rs-top li {
 list-style: none;
 margin-bottom: 15px;
 position: fixed;
 right: 18px;
 top: 67%;
 z-index: 99;
}
ul.rs-top li a {
	/*line-height: 28px;
 width: 30.5px;
 height: 30.5px;
 background-color: #f31d59;
 border-radius: 100px;*/
 background-color: #f31d59;
 border-radius: 100px;
 padding: 10.5px;
 display: block;
}
ul.rs-top li a svg {
	width: 45px;
 height: 45px;
 line-height: 45px;
 fill: #fff;
}


@media (max-width:  790px) {
	nav.navbar {
		padding-left: 0.75rem;
		display: block;
	}
	.navbar-light .navbar-toggler{
		border-color: #fff;
  background-color: #fff;
  border-radius: 0;
  color: #fff;
	}
	.collapse.show {
		background-color: #f31d59;
		margin-left: -0.75rem;
		padding-left: 0.75rem;
		margin-top: 3.25px;
		/*-webkit-transition: all 300ms linear;
 transition: all 300ms linear;*/
  padding-bottom: 17.5px;
	}
	header a.navbar-brand {
		max-width: 45%;
		padding-bottom: 16px;
	}
	header a.navbar-brand img {
  margin-left: 0px;
  margin-right: 0px;
	}
	.navbar-nav {
		display: block;
	}
	.nav-link {
		display: inline-block;
	}
	header ul.rs {
		top: 12px;
		right: 0;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	header ul.rs li {
		margin: 0 7.5px 7.5px;
	}
	header ul.rs li a {
		font-size: 24px;
	}

	header ul.rs li.movil {
		display: block;
	}
	header ul.rs li.web {
		display: none;
	}


	section#banner {
		padding-top: 70px;
	}





	section#cexitos {
 	padding: 18.75px 0 18.75px;
	}
	section#cexitos h2 {
		font-size: 42px;
	}
	section#cexitos ul {
		display: block;
		margin-bottom: 18.75px;
	}
	section#cexitos ul li {
		font-size: 18px;
	}




	section#contacto {
		padding: 28.125px 0 56.25px;
	}
	section#contacto .col-7,
	section#contacto .col-5 {
		flex: 0 0 100%;
  max-width: 100%;
	}
	section#contacto ul li {
		width: 50%;
	}



}