/*
|==========================================================================
| Geeklopers - Document CSS
|==========================================================================
|
| Kevin Ramírez
| - Estilos para la Vista de Inicio
|
*/
/** {border: solid red 1px;}*/
/* ROJO: #ca485d 
AZUL: #6fb4aa; */
img {max-width: 100%;}
.container {width: 80%;}
.row {margin-bottom: 0;}
button { outline: none; box-shadow: none; font-weight: 900; border-radius: 10px;}
.relative {position: relative;}
.o-h {overflow: hidden;}
.pad-none {padding: 0;}
.margin-none {margin: 0;}
.center-flex {display: flex; justify-content: center; align-items: center;}
.parallax-window {min-height: 150px; background: transparent;}
.fa-bars{display: none;}

.parallax {background-image: url("../images/banner.jpg"); height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}

html,body { padding: 0; margin: 0; font-size: 17px; color: #555; font-family: 'Quicksand', sans-serif; font-weight: 400;}

header {height: 60px; width: 100%; background-color: #fff; position: fixed; top: 0; left: 0; padding: 10px 0; z-index: 10; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4); display: flex; align-items: center;}
header .logo {float: left; margin-left: 20px;}
header .logo img {height: 35px;}
header .button {float: right; height: 60px; background-color: #ca485d; cursor: pointer; margin-top: -10px; border-radius: 0; padding: 0 20px; line-height: 59px; text-transform: uppercase; font-size: 18px; color: #fff; font-family: 'Quicksand'}
header .menu ul li{margin-right: 15px;}
header .menu ul li a{color: #ca485d; font-weight: 500;}


footer {padding: 40px 0; background-color: #f8f9fb;}
footer ul {margin: 0; padding: 0; margin-bottom: 40px; list-style: none;}
footer ul li {display: inline-block; margin: 10px 10px;}
footer ul li a {color: #6fb4aa; font-size: 25px;} 
footer .copyright .text {text-align: center; font-family: 'Hind', sans-serif; font-size: 17px; line-height: 1.5; color: #555;}
footer .copyright .text a {color: #6fb4aa;}

.section1 .content {margin-top: 100px;}
.section1 .content .title {font-size: 60px; font-family: 'Baloo'; color: #fff; line-height: 1.2; text-shadow: -5px 0px rgba(0,0,0,.3);}
.section1 .content .subtitle {font-size: 60px; font-family: 'Baloo'; color: #fff; line-height: 1.2; text-shadow: -5px 0px rgba(0,0,0,.3);}
.section1 .content .text {margin: 50px 0 0 0; opacity: 0.7; color: #fff;}
.section1 button{background: #ca485d; border: 2px solid #ca485d; color: #fff; font-size: 22px; padding: 5px 10px; margin-top: 20px; font-family: Quicksand; font-weight: bold; letter-spacing: 1px;}

.section2 {padding: 100px 0; background-color: #f8f9fb;}
.section2 .title {font-weight: bold; color: #555; line-height: 1.2; font-family: 'Baloo', sans-serif; letter-spacing: 0.5px; font-size: 44px; text-align: center;}
.section2 .trainings {margin-top: 60px;}
.section2 .trainings .train {float: left;  display: flex; align-items: center; width: 33.3%; height: 230px; padding: 30px 0; background-color: #fff; box-shadow: 0 0 5px 2px #eee;}
.section2 .trainings .train .img img {width: 40%;}
.section2 .trainings .train .name {color: #6fb4aa; font-size: 26px;}
.section2 .trainings .train .info {width: 100%; font-weight: bold; height: 0px; overflow: hidden; transition: height 1s ease; bottom: 0px; position: absolute; background-color: #6fb4aa;}
.section2 .trainings .train:hover .info {display: flex; align-items: center; height: 230px; font-weight: bold;}
.section2 .trainings .train .info .name {color: #fff; text-align: center; margin-top: 20px; font-family: 'Quicksand'; text-transform: uppercase;}
.section2 .trainings .train .info .text {color: #fff; text-align: center; margin: 35px; font-family: 'Quicksand'}

.section3 {background-image: url('../images/banner2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right top; padding-top: 150px; padding-bottom: 150px; position: relative; overflow: hidden; z-index: 1;}
.section3 .bkg {padding: 20px; background-color: rgba(255, 255, 255, 0.8);}
.section3 .bkg .content .title {font-weight: bold; font-size: 44px; line-height: 1.2; font-family: 'Baloo', sans-serif; letter-spacing: 0.5px; margin-bottom: 30px;}
.section3 .bkg .content .subtitle {color:#ca485d; font-size: 20px; line-height: 1.2; font-family: 'Quicksand', sans-serif; font-weight: bold; letter-spacing: 0.5px; margin-bottom: 30px;}
.section3 .bkg .content .text {font-family: 'Quicksand', sans-serif; line-height: 1.5; margin-bottom: 60px; max-width: 450px;}
.section3 .bkg .content .button {text-align: center; border: 1px solid #ca485d; color: #ca485d; padding: 22px 35px; font-size: inherit; font-size: 20px; border-radius: 5px; width: 250px; font-weight: bold; letter-spacing: 1px;}
.section3 .content{padding-left: 30px;}

.section4 {padding: 100px 0; background-color: #e9455d;}
.section4 .title {background-color: #252830; font-size: 44px; color: #fff; line-height: 1.2; font-family: 'Quicksand', sans-serif; font-weight: 100; letter-spacing: 0.5px; margin-bottom: 60px;}
.section4 .text {color: #fff; margin-bottom: 60px; font-family: 'Quicksand', sans-serif; font-size: 17px; line-height: 1.5;}
.section4 .trainer {margin-bottom: 30px;}
.section4 .trainer .img {height: 430px; background-image: url('../images/certificaciones/certificacion_1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.section4 .trainer .img.trainer-2 {background-image: url('../images/certificaciones/certificacion_2.jpg');}
.section4 .trainer .img.trainer-3 {background-image: url('../images/certificaciones/certificacion_3.jpg');}
.section4 .trainer .img.trainer-4 {background-image: url('../images/certificaciones/certificacion_4.jpg');}
.section4 .trainer .img.trainer-5 {background-image: url('../images/certificaciones/certificacion_5.jpg');}
.section4 .trainer .img.trainer-6 {background-image: url('../images/certificaciones/certificacion_6.jpg');}
.section4 .trainer .img.trainer-7 {background-image: url('../images/certificaciones/certificacion_7.jpg');}
.section4 .trainer .img.trainer-8 {background-image: url('../images/certificaciones/certificacion_8.jpg');}
.section4 .trainer .img.trainer-9 {background-image: url('../images/certificaciones/certificacion_9.jpg');}

.section4 .trainer .img .name {height: 100px; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; word-spacing: -0.15em; font-weight: 400; font-size: 13px; background-color: #2cb5ab; color: #fff; line-height: 1.2; font-family: 'Quicksand', sans-serif; letter-spacing: 0.5px;}
.section4 .trainer .img .name span {font-size: 18px; font-weight: 500; letter-spacing: 1px;}

.section6 {padding: 100px 0; background-color: #555;}
.section6 .title {color: #fff; font-size: 44px; margin-bottom: 60px; line-height: 1.2; font-family: 'Baloo', sans-serif; font-weight: bold; letter-spacing: 0.5px;}
.section6 .text {margin-bottom: 60px; color: #fff;}
.section6 ul {margin: 0; padding: 0;}
.section6 ul li {color: #fff; padding-left: 45px; padding-bottom: 30px; position: relative;}
.section6 ul li a{color: #fff;}
.section6 ul li i.icon {position: absolute; top: 0; left: 0; font-size: 130%; opacity: 0.4;}
.section6 .form-container {background: #fff; padding: 40px; border-radius: 3px;}
.section6 .form-container .title {color: #555; line-height: 1.2; font-family: 'Quicksand', sans-serif; font-weight: bold; letter-spacing: 0.5px; margin-bottom: 40px;}
.section6 .form-container .input input {border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 20px 25px 20px 0; line-height: 1.6; font-size: inherit; height: auto; width: 100%; background: none; color: inherit;}
.section6 .form-container .input textarea {padding: 20px 25px 20px 0; line-height: 1.6; font-size: inherit; height: auto; width: 100%; background: none; color: inherit; border: none; resize: none;}
.section6 .form-container button {color: #fff; width: 100%; background: #ca485d; border-color: #ca485d; padding: 22px 35px; font-size: 20px; border-radius: 5px; font-weight: 100;}

.sectionqs {background-image: url('../images/banner3.jpg'); background-size: cover; background-repeat: no-repeat; background-position: left top; padding-top: 150px; padding-bottom: 150px; position: relative; overflow: hidden; z-index: 1;}
.sectionqs .bkg {padding: 20px; background-color: rgba(255, 255, 255, 0.8);}
.sectionqs .bkg .content .title {font-size: 44px; line-height: 1.2; font-family: 'Baloo', sans-serif; font-weight: bold; letter-spacing: 0.5px; margin-bottom: 30px;}
.sectionqs .bkg .content .subtitle {color:#ca485d; font-size: 20px; line-height: 1.2; font-family: 'Quicksand', sans-serif; font-weight: 300; letter-spacing: 0.5px; margin-bottom: 30px;}
.sectionqs .bkg .content .text {font-family: 'Quicksand', sans-serif; line-height: 1.6; max-width: 450px; padding: 10px;}
.sectionqs .bkg .content .button {text-align: center; border: 1px solid #ca485d; color: #ca485d; padding: 22px 35px; font-size: inherit; font-size: 20px; border-radius: 5px; width: 250px;}

.sectionmv {padding: 100px 0; background-color: #fff;}
.sectionmv .title {background-color: #252830; font-size: 44px; color: #fff; line-height: 1.2; font-family: 'Quicksand', sans-serif; font-weight: 100; letter-spacing: 0.5px; margin-bottom: 60px;}
.sectionmv .text {color: #fff; margin-bottom: 60px; font-family: 'Quicksand', sans-serif; font-size: 17px; line-height: 1.5;}
.sectionmv .trainer {margin-bottom: 30px;}
.sectionmv .trainer .img {height: 430px; background-image: url('../images/nosotros/1nosotros_1.jpg'); background-size: cover; background-position: center;}
.sectionmv .trainer .img.trainer-2 {background-image: url('../images/nosotros/1nosotros_2.jpg');}
.sectionmv .trainer .img.trainer-3 {background-image: url('../images/nosotros/1nosotros_3.jpg');}
.sectionmv .trainer .img .name{padding: 15px; position: absolute; right: 0; left: 0; height: 184px; color: #fff;}
.sectionmv .trainer .img.trainer-1 .name{background: #6fb4aa; bottom: 0;}
.sectionmv .trainer .img.trainer-3 .name{background: #ca485d; bottom: 0;}
.sectionmv .trainer .img .name h2{font-family: Baloo; margin: 0;}
.sectionmv .trainer .img .name p{font-family: Quicksand; margin: 0; font-weight: 500; text-transform: uppercase; line-height: 1.2;}
.sectionmv .trainer .img.trainer-2 .name {color: #9e9e9e;}

.call-us{background: #2cb5ab; text-align: center; width: 220px; right: 0; bottom: 0; position: fixed; z-index: 100; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 10px 0px;}
.call-us a{color: #fff; font-family: 'Quicksand'; font-weight: bold;}  
.call-us a i{margin-right: 10px;}

.form-section {border: solid 2px #d1d1d1; padding:20px;}

.section-registro .form-container .input-checkbox input,
.section-registro .form-container .input-radio input { 
  width:auto;
}

.section-registro .form-container .input input,
.section-registro .form-container .input textarea  {
  border-bottom: 1px solid #999;
  /* width: 80%;*/
  max-width: 949.4px;
}




/* Large desktops and laptops */



/* Large desktops and laptops */
@media (min-width: 1100px) and (max-width: 1300px) {
  /*body { border: 2px solid yellow;}/**/
  .section2 .trainings .train .info .text{margin: 10px;}
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
 /* body { border: 2px solid green;}*/
   .section2 .trainings .train .info .text{margin: 10px;}

 .section1 .contenedor1{height: 100%;}
 .section1 .contenedor1 .fila1{height: 100%;}
 .section1 .contenedor1 .fila1 .columna1{height: 100%; display: flex; align-items: center;}
 .sectionmv .trainer .img .name h2{font-size: 40px;}
.sectionmv .trainer .img .name p{font-family: Quicksand; margin: 0; font-weight: 500; text-transform: uppercase; line-height: 1.2; font-size: 16px;}

}
/* Portrait tablets and small desktops 
@media (min-width: 768px) and (max-width: 991px) {
  /*body { border: 2px solid cyan;}/**/
/*}*/

@media (max-width: 991px){
/* Landscape phones and portrait tablets */
/*body { border: 2px solid purple;}*/

  footer {padding: 50px 0;}
  footer ul {margin-bottom: 20px;}
  .section1 .content .title {font-size: 30px;}
  .section1 .content .subtitle {font-size: 40px;}
  .section2 .title {font-size: 30px;}
  .section2 .trainings .train {width: 50%}
  .section2 .trainings .train .info .text {font-size: 14px;}
  .section3 {padding: 0;}
  .section3 .bkg .content .title {font-size: 30px;}
  .section4 .title {font-size: 30px; margin-bottom: 30px;}
  .section6 .title {font-size: 30px; margin-bottom: 30px;}
  .sectionmv .trainer .img .name h2{font-size: 40px;}
  .sectionmv .trainer .img .name p{font-family: Quicksand; margin: 0; font-weight: 500; text-transform: uppercase; line-height: 1.2; font-size: 16px;}
  .section1 .contenedor1{height: 100%;}
 .section1 .contenedor1 .fila1{height: 100%;}
 .section1 .contenedor1 .fila1 .columna1{height: 100%; display: flex; align-items: center;}


}

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

@media (max-width: 600px) {
  /*body { border: 2px solid orange;}/**/
  .section1 .content{text-align: center;}
  .section1 .content .title {font-size: 25px; text-align: center;}
  .section1 .content .subtitle {text-align: center; font-size: 35px;}
  .section1 .content .text {text-align: center; font-size: 14px;}

  .section2 {padding: 50px;}
  
  .section2 .trainings {margin-bottom: 50px;}
  .section2 .trainings .train {width: 100%; margin-bottom: 30px;}
  .section2 .trainings .train .name {font-size: 20px;}
  .section2 .trainings .train .info .name {font-size: 16px;}
  .section2 .trainings .train .info .text {font-size: 12px; margin: 20px 10px;}

  .section3 {padding: 0;}
  .section3 .bkg .content .text {font-size: 14px; margin-bottom: 30px;}
  .section3 .bkg .content .button {padding: 15px; width: 100%; text-align: center; font-size: 16px;}
  
  .section4 {padding: 50px 0;}
  .section4 .text {font-size: 14px; text-align: justify;}

  .section6 .text {font-size: 14px; text-align: justify;}
  .section6 ul li {font-size: 14px;}
  
  .section6 {padding: 50px 0;}
  .section6 .form-container .title {font-size: 20px;}
  .section6 .form-container .input input {padding: 10px 0;}
  .section6 .form-container .input textarea {padding: 10px 0;}
  .section6 .form-container button {padding: 15px;}

  .sectionqs{padding: 0; background-position: right bottom;}
  .sectionqs .text{text-align: justify;}

}
/* Landscape phones and smaller */
@media (min-width: 481px) {
  header .menu ul{display: flex !important; float: right;}
}
@media (max-width: 480px) {
  .fa-bars{display: block !important;}
  .parallax{background-attachment: initial;}
  
  header .logo a{display: flex; align-items: center;}
  header .menu{text-align: right; color: #1a7371}
  header .menu-list{position: absolute; display: block; left: 0; background: #39b6aa; right: 0; text-align: left;}
  header .menu-list li{text-align: left; margin: 5px; font-size: 14px;}
  header .menu-list li a{color: #fff !important;}
  .section2 .trainings .train .img img{width: 70%;}
}