header {
	padding: 25px 0;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); 
}

.navbar-menu{
    margin: 25px 0;
}

.navbar-menu .navbar-nav .nav-link{
    text-align: center;
}

.navbar-menu ul{
    align-items: center;
}

.navbar-menu .nav-item a{
    color: #c4c4cb;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
}

.navbar-menu .active a:active, .navbar-menu a:focus, .navbar-menu a:hover{
    color: #4dc2b3 ;
    font-weight: 700;
}

nav #logo-s21-header{
        max-width: 180px;
        padding: 15px 0;
}

.navbar-top .nav-item-1{
    background-color: #dea427;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 2px; 
    text-transform: uppercase;
}

.navbar-top .nav-item-2{
    color: #4f5259 !important;
    font-weight: 600;
}

.test-btn{
	padding: 10px 30px !important;
	background-color: #008c7d;
	color: #fff !important;
	margin-right: 20px;
	border-radius: 30px;
	box-shadow: 5px 5px 15px #d1d1d1;
}

.test-btn:hover{
	background-color: #12604D !important;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}

.test-btn:focus{
	background-color: #12604D !important;
	outline: 0;
}

.carreras-btn{
	font-size: 18px !important;
	color: #333233 !important;
}


@media (min-width: 768px){
	.navbar-nav>li>a {
		padding-top: 10px;
	}
}

body {
	font-family: 'Montserrat';
	color: #606060;
}

#logo-vocacion{
  width: 350px; 
  padding: 50px 10px;
}

#logo-siglo{
	width: 200px;
}

.v-middle{
	display: flex;
	align-items: center;
}

.v-end{
	display: flex;
	align-items: flex-end;
}

section.top{
	padding: 50px 0;
}

.hero-img {
	width: 100%;
}

.hero {
}

.hero h2{
	text-align: center;
}

.section-1{
	padding: 70px 0;
}

.section-2{
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	padding: 70px 0;
}

.section-3{
	background: rgb(243,243,243);
	background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(228,228,228,1) 100%);
	padding-top: 50px;
}

.section-3 p{
	font-size: 20px;
	text-align: left;
}

.section-4{
	padding: 70px 0;
	background-color: #fff;
}

.section-4 h2{
	text-align: right;
}

.section-5{
	background: rgb(243,243,243);
	background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(228,228,228,1) 100%);
	padding: 70px 0;
}

.section-5 h2{
	text-align: center;
}

.section-5 h4{
	text-align: center;
}

hr.div-sec{
	border-top: 3px solid #f3f3f3;
	margin: 30px 0;
}

.pb-50{
	padding-bottom: 50px;
}

.custom-btn-1{
	color: #fff;
	background-color: #1dae9e;
	padding: 15px 25px;
	border-radius: 60px;
	font-size: 16px;
	display: inline-block;
}

.custom-btn-1:hover{
	text-decoration: none;
	color: #fff;
	background-color: #00A7A3 !important;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}

.custom-btn-1:focus{
	text-decoration: none !important;
	color: #fff !important;
	background-color: #00A7A3 !important;
	outline: 0;
}


footer{
	text-align: center;
	background-color: #fff;
	padding: 70px 0;
}

.btn-form{
	background-color: #1dae9e;
    border: 0px solid;
    width: 100%;
    padding: 8px;
    color: #fff;
}

.form-control{
	border: 0px solid;
    background: transparent;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
}


@media (max-width: 991px) {
	.section-4 h2{
		text-align: center;
	}

	.icons-sec-1{
		margin-bottom: 30px;
	}

	ul.mobile-nav li{
		margin: 8px 0;
	}

}


@media (max-width: 768px) {
		.hero{
		padding: 0px;
	}

	h2 {
		font-size: 25px;
	}

	.section-3 p{
		font-size: 16px;
	}

	.section-1, .section-2, .section-4, .section-5{
		padding: 50px 20px;
	}

	.section-3{
		padding: 50px 30px 0 30px !important;
	}

	.icons-sec-1{
		max-height: 150px;
	}
  
}

@media (max-width: 576px){
 
}