/* CSS Document */

/*
Desarrollado para: Kinesync x Aleandro Morini
Version: CSS 3.1
Author: ThinkFast Agency
https://thinkfast.agency
Programador: Ignacio Morini
*/

/* Font Styles */
@font-face {font-family:'flamalight';src: url('../fonts/flama-light-webfont.woff2') format('woff2'), url('../fonts/flama-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family:'flamalight_italic';src: url('../fonts/flama-lightitalic-webfont.woff2') format('woff2'), url('../fonts/flama-lightitalic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'flamabook';	src: url('../fonts/flama-book-webfont.woff2') format('woff2'), url('../fonts/flama-book-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'flamabook_italic'; src: url('../fonts/flama-bookitalic-webfont.woff2') format('woff2'), url('../fonts/flama-bookitalic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'flamamedium'; src: url('../fonts/flama-medium-webfont.woff2') format('woff2'), url('../fonts/flama-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'flamamedium_italic'; src: url('../fonts/flama-mediumital-webfont.woff2') format('woff2'), url('../fonts/flama-mediumital-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
h1 {font-family:'flamamedium',Helvetica,sans-serif;font-size:1.8rem;line-height:2.2rem;color:#cb6b4f;margin-bottom: 0.6rem;}
p {font-family:'flamabook',Helvetica,sans-serif;font-size:1.2rem;line-height:1.6rem;color:#484848;}
h2 {font-family:'flamalight',Helvetica,sans-serif;font-size:1.8rem;line-height:2.2rem;font-weight:300;color:#c26a4f;margin-bottom: 1rem;}
h3 {font-family:'flamamedium_italic',Helvetica,sans-serif;font-size:0.8rem;;letter-spacing:0.06rem;color:#484848;text-transform:uppercase}
nav ul li a {font-family:'flamamedium',Helvetica,sans-serif;font-size:1rem;line-height:1.6rem;letter-spacing:0.02rem;color:#484848;transition:0.8s;}
a {text-decoration: none;}
.caption {margin-top:0.8rem;}
.caption em {color:#c26a4f;}
#slider a, #submit {font-family:'flamamedium_italic',Helvetica,sans-serif;font-size:0.85rem;line-height:0.85rem;letter-spacing:0.06rem;text-transform:uppercase;display:inline-block;padding:0.7rem 1.5rem 0.8rem;border-radius:2rem;color:#ffffff;background:#cb6b4f;border:solid 0.2rem #b75450;transition:0.4s;}
#slider a:hover, #slider a:focus, #submit:hover, #submit:focus {background:#12242d;border-color:#cb6b4f;}

/* Header Styles ↓ */
header {width:100%;background:#fff;padding:12px 20px;position:fixed;z-index:100}
header .logo {max-height:76px;}
header .row {padding:0;}
nav ul {list-style:none;text-align:right;display:flex;justify-content:flex-end;margin-bottom:0;}
nav ul li {text-transform:uppercase;color:#fff;padding:0 18px;line-height:76px;}
nav ul li:last-of-type {padding-right:0;}
nav ul li a:hover, nav ul li a:focus {color:#c26a4f;}
#mobilemenu {color:#fff;position:relative;min-height:2.4rem;}
#mobilemenu i {font-size:2.4rem;line-height:3.2rem;color:#c26a4f;pointer-events:none;float:right;position:fixed;top:24px;right:32px;z-index:999;}
#mobilemenu ul {display:none;}
#mobilemenu ul li {text-align:center;padding:0;line-height:14vh;}
#mobilemenu ul li:first-of-type {padding:26vh 0 0;}
#mobilemenu ul li a {font-size:2rem;}
#mobilemenu input[type="checkbox"] {position:fixed;box-sizing:border-box;margin:0;padding:0;right:24px;top:24px;width:48px;height:48px;opacity:0;z-index:999;}
#mobilemenu input:checked ~ ul {display:block;min-width:100vw;min-height:100vh;position:fixed;right:-6vw;top:0;background:#fff;padding:0 !important;z-index:1;}
#mobilemenu input:checked ~ .fa-bars {display:none;}
#mobilemenu input:not(:checked) ~ .fa-times {display:none;}

/* Slider Styles ↓ */
#slider {border-top: solid 0.8rem #c26a4f;border-bottom: solid 0.8rem #c26a4f;}
#slider p:last-of-type {margin-bottom:1.4rem;}
.carousel-caption {max-width:50%;padding: 2rem 3rem;top:8vh;bottom:unset;left:7vw;right:unset;background:rgba(255, 255, 255, 0.85);text-align:left}
.carousel-control-prev, .carousel-control-next {width:5%;opacity:1;}
.carousel-control-prev-icon, .carousel-control-next-icon {width:2.8rem;height:2.8rem;}
.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cb6b4f'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-prev-icon:hover,.carousel-control-prev-icon:focus {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b75450'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cb6b4f'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-control-next-icon:hover, .carousel-control-next-icon:focus {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b75450'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators [data-bs-target] {background-color:#c26a4f;}
.carousel-indicators button.active {background-color:#b75450;}

/* Main Styles ↓ */
#inicio {padding-top:100px;}
section:not(#inicio) {padding:4vh 0;}
.row {padding: 2vh 0;}
#institucional, #contacto {background: url("../media/white-background.png") no-repeat;background-size:cover;}
#institucional img.university {max-width: 90%;}
#servicios {background:#c26a4f;}
#servicios h1, #servicios p {color:#fff;}
#contacto h3 {margin-top:3vh;}
#contacto em {font-size:1rem;line-height:1.2rem;}
#contacto a {font-family:'flamamedium',Helvetica,sans-serif;color:#484848;}
#contacto i {font-size:1.4rem;padding-right:8px;position:relative;top:4px;color:#c26a4f;}
#contacto p span {font-family:'flamabook',Helvetica,sans-serif;font-size: 0.95rem;text-transform:uppercase;padding-left:30px;}
#contactform .row {padding:1.4vh 0;}
#contactform .row:first-of-type {padding-top:6vh;}
#contactform .row:last-of-type {text-align:center;}
#contactform label {display:none;}
input, textarea, select {font-family:'flamabook',Helvetica,sans-serif,sans-serif;font-size:0.9rem;padding-left:10px;border-radius:3px;color:#fff;border:none;width:100%;}
input {height:44px;background:#484848;}
input::placeholder, textarea::placeholder {color:#fff;}
select {background:transparent;-webkit-appearance:none;height:44px;overflow: hidden;background: url(../media/form-iconarrow.png) no-repeat right #484848;}
textarea {width:100%;height:88px;background:#484848;padding-top:12px;resize:none;}
#submit {width:120px;height:42px;text-align:center;}

/* Testimonial Styles ↓ */
.gtco-testimonials {position:relative;}
.gtco-testimonials .owl-stage-outer {padding:30px 0;}
.gtco-testimonials .owl-nav {display:none;}
.gtco-testimonials .owl-dots {text-align:center;}
.gtco-testimonials .owl-dots span {position:relative;height:10px;width:10px;border-radius:50%;display:block;background:#fff;border: 2px solid #c26a4f;margin:0 5px;}
.gtco-testimonials .owl-dots .active {box-shadow: none;}
.gtco-testimonials .owl-dots .active span {background:#c26a4f;box-shadow:none;height:12px;width:12px;margin-bottom:-1px;}
.gtco-testimonials .card {background:#fff;box-shadow: 0 8px 30px -7px #c9dff0;margin:0 20px;padding:0 10px;border-radius: 20px;border: 0;}
.gtco-testimonials .card .card-img-top {max-width:100px;border-radius:50%;margin:15px auto 0;box-shadow: 0 8px 20px -4px #95abbb;width:100px;height:100px;}
.gtco-testimonials .card p {font-size:18px;color:#555;padding-bottom:15px;}
.gtco-testimonials .active {opacity: 0.5;transition: all 0.3s;}
.gtco-testimonials .center {opacity: 1;}
.gtco-testimonials .center h5 {font-size:24px;}
.gtco-testimonials .center h5 span {font-size:20px;}
.gtco-testimonials .center .card-img-top {max-width:100%;height:120px;width:120px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {outline:0;}

/* Footer Styles ↓ */
footer {background:#000;}
footer .row {padding:1.6vh 0;}
footer .col-12:last-of-type {text-align:right;}
footer a {font-weight: 600;}
footer a:hover, footer a:focus {letter-spacing:0.04rem;color:#fff}
footer a, footer p {text-transform:uppercase;font-size:0.7rem;line-height:1rem;letter-spacing: 0.04rem;margin-bottom:0;color:#fff;}

/* Navigation Styles ↓ */
html {scroll-behavior: smooth;}
body {overflow-x: hidden;}

/* Responsive Styles ↓ */

@media only screen and (min-width:1599px) {
  .container {min-width:1560px;}
  .carousel-caption {max-width:40vw;left:8vw;top:13vh;}
  #servicios img {position:relative;top:-5vh;}
}

@media only screen and (min-width:1499px) and (max-width:1598px) {
  .container {max-width:1460px;}
  .carousel-caption {left:5vw;top:11vh;}
  #servicios img {position:relative;top:-3vh;}
}

@media only screen and (min-width:1400px) {
  #institucional .row:last-of-type p {padding-top: 0.5rem;}
  #servicios img {position:relative;left:3vw;}
  #servicios .order-lg-first img {left:-3vw;}
}

@media only screen and (max-width:1399px) {
  #servicios img {transform: scale(1.2);position:relative;top:5vh;left:4vw;}
  #servicios .order-lg-first img {left:-5vw;}
  .carousel-caption {max-width:55vw;}
  .top-margin-fix {margin-top: 2.2rem;}
}

@media only screen and (max-width:1299px) {
  .carousel-caption {max-width:60vw;top:5.5vh;}
}

@media only screen and (min-width:1200px) {
  .formacion h2 {margin-top:3rem;margin-bottom:2rem;}
  .formacion .profesional {margin-top:-6rem;}
  .centro {margin-bottom:2rem;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .carousel-caption {max-width:100vw;min-height:100%;top:0;left:0;padding:5.5vh 8vw;text-align: center;}
  p {line-height: 1.5rem;}
  section:not(#inicio) {padding: 3vh 0;}
  #institucional img.university {padding-top: 4px;}
  #servicios img {transform: scale(1.6);position:relative;top:10vh;left:12vw;}
  #servicios .order-lg-first img {left:-12vw;}
  .centro {margin-bottom:1.6rem;}
  .formacion {margin-top:2rem;}
}

@media only screen and (max-width:991px) {
  #slider {min-height: 42vh;}
  #slider img {min-width:140%;}
  .carousel-caption {max-width:100vw;min-height:100%;top:0;left:0;padding:4.5vh 8vw;text-align: center;}
  section:not(#inicio) {padding: 2.5vh 0;}
  #institucional img.university {padding-top: 3vh;}
  #servicios img {transform: scale(1);top:0;}
  #servicios .order-lg-first img {left:0;}
  #contactform .row:first-of-type {padding-top: 4vh;}
  #contactform .row {padding:0;}
  #contactform .row .col-12:last-of-type {padding: 1.8vh calc(var(--bs-gutter-x) * 0.5);}
  #contactform textarea {margin-top: -1.8vh;}
  .centro {margin-bottom:2rem;}
  .formacion {margin-top:2rem;}
}

@media screen and (min-width: 768px) {
  #mobilemenu {display:none;}
}

@media screen and (max-width: 767px) {
  #desktopmenu, .mobile-hidden, #inicio {display:none;}
  section:not(#inicio) {padding: 2vh 0;}
  .row {padding: 1vh 0;}
  #institucional {padding-top:110px !important;}
  h1, h2 {font-size:1.6rem;}
  p {font-size:1.1rem;line-height:1.5rem;}
  footer .col-12 {text-align:center !important;}
}

@media screen and (max-width: 575px) {
  header img {margin-left:-1rem;max-width:190px;}
  #institucional img.university {padding-top:0;padding-bottom:1.5vh;max-width:50%;}
	#mobilemenu input:checked ~ ul {right:-8vw;}
  h1, h2 {font-size: 1.4rem;}
  p {font-size: 1.05rem;line-height: 1.45rem;}
  #contacto p a {font-size:1rem;}
}

@media only screen and (min-width:320px) and (max-width:767px) {
  #mobilemenu input:checked ~ ul {right:0vw;width:100%;height:100%;}
}