@charset "UTF-8";

/* ---------- BIG DISPLAYS ---------- */
/* XL (1201px and up) */
@media (min-width: 1201px) {	
	
	/* --- IEP --- */
	.animated { display: block !important; }
	.static { display: none !important; }
	
	#iep .iep-single { padding: 120px 0; }
	#iep #iep-01 { padding-top: 30px; }

	.iep-single .animated { position: relative; /* border: 1px dashed #ddd; */ width: 100%; height: auto; overflow: visible !important; transition: all ease-in-out 0.25s; }
	.iep-single .animated:hover { transform: scale(1.02); }
	.iep-single .animated img { position: absolute; }
	
	#iep-01 .animated { height: 362px; }
	#iep-01 .animated .img-01-01 { top: 0; left: calc(50% - 41px); z-index: 4; }
	#iep-01 .animated .img-01-02 { top: 60px; right: 60px; z-index: 4; }
	#iep-01 .animated .img-01-03 { bottom: 60px; right: 60px; z-index: 4; }
	#iep-01 .animated .img-01-04 { bottom: 0; left: calc(50% - 41px); z-index: 4; }
	#iep-01 .animated .img-01-05 { bottom: 60px; left: 60px; z-index: 4; }
	#iep-01 .animated .img-01-06 { top: 60px; left: 60px; z-index: 4; }
	#iep-01 .animated .img-01-07 { top: calc(50% - 141px); left: calc(50% - 123px); z-index: 2; }
	
	#iep-02 .animated { height: 241px; }
	#iep-02 .animated .img-02-01 { top: 4px; left: 145px; z-index: 4; }
	#iep-02 .animated .img-02-02 { top: 99px; right: 0; z-index: 4; }
	#iep-02 .animated .img-02-03 { bottom: 0; left: 92px; z-index: 2; }
	#iep-02 .animated .img-02-04 { bottom: 46px; right: 46px; z-index: 2; }
	#iep-02 .animated .img-02-05 { top: 84px; right: 6px; z-index: 2; }
	#iep-02 .animated .img-02-06 { top: 0; left: 0; z-index: 1; }
	
	#iep-03 .animated { height: 346px; }
	#iep-03 .animated .img-03-01 { top: 30px; left: 124px; }
	#iep-03 .animated .img-03-02 { top: 0; left: 70px; }
	#iep-03 .animated .img-03-03 { top: 200px; left: 39px; }
	#iep-03 .animated .img-03-04 { top: 34px; right: 0; }
	#iep-03 .animated .img-03-05 { bottom: 0; left: 257px; }
	#iep-03 .animated .img-03-06 { top: 141px; left: 0; }
	
	#iep-04 .animated { height: 261px; }
	#iep-04 .animated .img-04-01 { bottom: 0; right: 100px; z-index: 2; }
	#iep-04 .animated .img-04-02 { top: 0; left: 66px; z-index: 4; }
	#iep-04 .animated .img-04-03 { bottom: 40px; right: 0; z-index: 1; }
	#iep-04 .animated .img-04-04 { left: 42px; bottom: 60px; z-index: 4; }
	
	#iep-05 .animated { height: 198px; }
	#iep-05 .animated .img-05-01 { top: 8px; left: 46px; z-index: 2; }
	#iep-05 .animated .img-05-02 { top: 0; right: 53px; z-index: 4; }
	
	/* Timeline */
	.iep-single .step { position: absolute; top: -15px; width: 60px; height: 60px; border: 8px solid #f7f7f7; margin: 0; }
	#iep-01 .step,
	#iep-03 .step,
	#iep-05 .step { left: -128px; }
	#iep-02 .step,
	#iep-04 .step { right: -128px; }	
	#bar { position: absolute; width: 4px; height: 2120px; bottom: 400px; left: calc(50% - 2px); background: #D9F0F8; opacity: 0.5; }
}

/* LG (992px to 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {
	
	h1 { font-size: 42px; }
	h2 { font-size: 32px; }
	h3 { font-size: 26px; }
	h4 { font-size: 20px; }
	.lead { font-size: 19px; }

	.animated { display: none !important; }
	.static { display: block !important; }
	
	#logos ul li { padding-left: 5px; padding-right: 5px; }
	
	#cta { padding: 70px 0; }
	
}

@media(min-width:992px) {

	.height-100 { height: 100vh; }
	.funcion-single, .section-scroll { display: flex; align-items: center; padding: 0 !important; }
	
	/* Navbar */
	#navbar-nav .navbar-brand { margin-top: -4px !important; }
	#navbar-nav.navbar .navbar-brand { margin-right: 50px; }
	#navbar-nav .navbar-brand img { height: 42px; width: auto; }
	#navbar-nav.shrink .navbar-brand img { height: 32px; }
	#navbar-nav.navbar-light .navbar-nav .nav-link { color: #68C3E3; padding: 0; position: relative; line-height: 100px; font-weight: 500; }
	#navbar-nav.shrink.navbar-light .navbar-nav .nav-link { line-height: 70px; }
	#navbar-nav.navbar-light .navbar-nav .nav-link:hover { color: #0098CD; }
	#navbar-nav.navbar-light .navbar-nav .nav-link.active { color: #0098CD; }
	#navbar-nav.navbar-light .navbar-nav .nav-link.nav-blog { color: #E2428D; }
	#navbar-nav .navbar-right .nav-link { margin-left: 25px; }
	.nav-link.active::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; z-index: 4; background-color: #B3DC2E; }
	
	#iep .iep-single .step.desktop { display: block !important; }
	#iep .iep-single .step.mobile { display: none !important; }
	
}

@media(min-width:481px) {
	#hero .owl-theme .owl-dots { padding: 0; margin: 20px 0 0 -6px; position: relative; text-align: left; }
}







/* ---------- SMALL DISPLAYS ---------- */
@media (max-width: 991px) {
	
	
	.height-100 { min-height: 100vh; }
	
	/* --- Side Menu */
	.navbar-toggler { padding-right: 0; }
	#side-menu .navbar-right { margin-top: 10vh; }
	#side-menu .navbar-right .nav-link { color: #68c3e3; font-size: 21px; font-weight: 500; line-height: 30px; }
	#side-menu .navbar-right .nav-link.nav-blog { color: #E2428D; }
	#side-menu .navbar-right .nav-link:hover,
	#side-menu .navbar-right .nav-link:active,
	#side-menu .navbar-right .nav-link:focus { color: #0098CD; }
	
	#hero { padding-bottom: 72px; }
	#hero .owl-theme .owl-dots { padding-top: 10px; margin: 0; }
	
	#logos ul li { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px !important; }
	
	#iep .iep-single .step.desktop { display: none !important; }
	#iep .iep-single .step.mobile { width: 40px; height: 40px; display: inline-block !important; line-height: 44px; font-size: 20px; margin-bottom: 0; margin-right: 10px; }
	#iep .iep-single picture { margin-bottom: 40px; }
	
	#cta { text-align: center; }
	#cta .lead { font-size: 18px; margin-bottom: 30px; }
	
	/* .iep-single .static { padding-top: 30px; } */
	
	.animated { display: none !important; }
	.static { display: block !important; }
		
	.btn:hover, .btn:focus, .btn:active { transform: none; box-shadow: none; }
	
}

/* MD Height (Máx height) */
@media (max-height: 786px) and (orientation: landscape) {  
	#navbar-nav { position: -webkit-sticky;  position: sticky; top: 0; }
	#navbar-nav .navbar-brand img { height: 32px; width: auto; }
	#navbar-nav.navbar-light .navbar-nav .nav-link { line-height: 70px; }
}

/* MD (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
	
	body { font-size: 15px; }
	
	h1 { font-size: 46px; }
	h2 { font-size: 30px; }
	h3 { font-size: 22px; }
	h4 { font-size: 19px; }
	.lead { font-size: 18px; }
	
	#navbar-nav .navbar-brand img { height: 34px; width: auto; margin-top: 6px; margin-bottom: 6px; }
	#side-menu .navbar-right .nav-link { font-size: 24px; line-height: 32px; }
	
	#hero { min-height: auto; padding-top: 220px; padding-bottom: 220px; }	
	#hero picture { right: -25%; }
	#hero picture img { height: 50vh; }
	
	#main section { padding: 90px 0; }
	
	#logos ul li { padding-left: 10px !important; padding-right: 10px !important; }
	#logos img { height: 30px; width: auto; }
	
	#iep .iep-single { padding-bottom: 90px; }
	#iep .iep-single picture { width: 90%; margin: 0 auto 30px auto; display: block; }
	
	#validations .heading-section { margin-bottom: 30px; }
	
	#projects .card { padding: 40px; margin-bottom: 30px; }
	#projects .img-logo { transform: scale(0.9); transform-origin: 100% 100%; }
	#projects .card h2 { font-size: 30px; }
	#projects .card .lead { font-size: 17px; }
	#projects #project-03.card #project-03-1 img { width: 200px; height: auto; }
	#projects #project-04.card img.img-section { width: 360px; height: auto; }
	
	#about .blockquote { margin-top: 50px; width: 66%; margin-left: 190px; }
	
	#cta { padding: 80px 0 !important; text-align: left; }
	#cta #cta-img img { height: 328px; }
	
	.btn { font-size: 15px; }
	.btn-lg { font-size: 17px; }
	.btn-sm { font-size: 13px; }

}

/* SM (767px and down) */
@media (max-width: 767px) {
	body { font-size: 15px; }
	
	h1 { font-size: 38px; }
	h2 { font-size: 26px; }
	h3 { font-size: 21px; }
	h4 { font-size: 18px; }
	.lead { font-size: 16px; }
	
	#navbar-nav.navbar { background-color: #fff !important; }
	#navbar-nav .navbar-brand img { height: 28px; width: auto; margin-top: 6px; margin-bottom: 6px; }
	
	#hero { padding-top: 80px; padding-bottom: 80px; }
	#hero picture { display: none; }
	#hero p { letter-spacing: -0.3px; }
	
	#main section { padding: 70px 0; }
	.heading-section { text-align: center !important; margin-bottom: 30px; }
	.heading-section p.lead { margin-top: 15px; }
	
	#logos ul li { padding: 6px 0; }
	#logos img { height: 24px; width: auto; }
	
	#iep-01 { margin-top: 30px; }
	#iep .iep-single { padding-bottom: 100px; }
	#iep .iep-single picture { width: 70%; margin: 0 auto 30px auto; display: block; }
	
	#validations .heading-section { margin-bottom: 15px; }
	#main section#validations { padding-bottom: 30px; }
	
	#projects .card { padding: 30px 5px 40px 5px; margin-bottom: 15px; }
	#projects .card .blockquote { font-size: 20px; line-height: 1.38; }
	#projects .img-logo { transform: scale(0.8); transform-origin: 100% 100%; }
	#projects #project-01.card:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: auto; width: 100%; height: 50%; background-color: #E562A0; }
	#projects #project-03.card {  }
	#projects .card h2 { font-size: 24px; }
	#projects .card .lead { font-size: 16px; }
	
	#cta { padding: 260px 0 60px 0 !important; text-align: center; overflow: hidden !important; }
	#cta #cta-img { top: 18%; left: 96%; }
	#cta #cta-img img { height: 280px; }
	
	#about .blockquote { padding: 15px 30px 15px 40px; margin-top: 30px; margin-left: 70px; width: 80%; margin-bottom: -70px; z-index: 9; }
	#about .blockquote p { font-size: 17.5px; }
	#about .blockquote:after { transform: scale(0.7); left: -75px; }
	#about picture img { height: 200px; width: auto; }
	
	#footer, #footer .text-right { text-align: center !important; }
	#footer #copyright ul { font-size: 13px; }
	
	.btn { font-size: 15px; line-height: 1.2; }
	.btn-lg { font-size: 16px; }
	.btn-sm { font-size: 13px; }

}

@media (max-height: 480px) { 
	#hero { padding-bottom: 460px; background-size: 80%; }
}

@media(max-width: 666px) { 
	#validations .card { margin-left: 40px; margin-right: 40px; }
	#contact address, #contact #social { padding-left: 15px; padding-right: 15px; }
}