/* ========================================================================
  2.4 Component: Case Study       LAS DOS FOTOS QUE ENTRAN IZQ Y DERECHA
 ========================================================================== */



.padding-large {            /*  TAMAÑ0 ALTURA DE LAS DOS FOTOS */

  /*  padding-top: 90px;  
      padding-bottom: 90px; */

  padding-top: 5px;
  padding-bottom: 190px;
}


.margin-bottom-small {
  margin-bottom: 5px;
}





.mat-none {
  margin-top: 0;
}
.mab-none {
  margin-bottom: 0;
}
.mar-none {
  margin-right: 0;
}
.mal-none {
  margin-left: 0;
}




.case-study .col-md-6 {
  padding: 0;
  cursor: pointer;
  color: #fff;
  transition: background .5s;
}
.case-study-left .overlay {
  padding-left: 30px;
  padding-right: 50px;
  height: 350px;
  transition: background .9s;     /* tiempo de transicion del over*/
}
.case-study-right .overlay {
  padding-right: 30px;
  padding-left: 50px;
  height: 350px;
  transition: background .9s;     /* tiempo de transicion del over*/

}


.case-study .case-study-left {
  background: url("../img/case-study/bf-left.jpg") no-repeat;
  background-size: cover;
  height: 350px;
}
.case-study .case-study-right {
  background: url("../img/case-study/bf-right.jpg") no-repeat;
  background-size: cover;
  height: 350px;
}


/* AGREGADO PARA TRADING 2*/

.case-study .case-study2-left {
  background: url("../img/case-study/bf-trading-2left.jpg") no-repeat;
  background-size: cover;
  height: 450px;
}
.case-study .case-study2-right {
  background: url("../img/case-study/bf-trading-2right.jpg") no-repeat;
  background-size: cover;
  height: 450px;
}

.case-study2-left .overlay {
  padding-left: 30px;
  padding-right: 50px;
  height: 450px;
  transition: background .9s;     /* tiempo de transicion del over*/
}
.case-study2-right .overlay {
  padding-right: 30px;
  padding-left: 50px;
  height: 450px;
  transition: background .9s;     /* tiempo de transicion del over*/

}

/* FIN AGREGADO PARA TRADING 2*/


/* AGREGADO PARA TRADING 3*/

.case-study .case-study3-left {
  background: url("../img/case-study/bf-trading-3left.jpg") no-repeat;
  background-size: cover;
  height: 600px;
}
.case-study .case-study3-right {
  background: url("../img/case-study/bf-trading-3right.jpg") no-repeat;
  background-size: cover;
  height: 600px;
}

.case-study3-left .overlay {
  padding-left: 30px;
  padding-right: 50px;
  height: 600px;
  transition: background .9s;     /* tiempo de transicion del over*/


}



.case-study3-right .overlay {
  padding-right: 30px;
  padding-left: 50px;
  height: 600px;
  transition: background .9s;     /* tiempo de transicion del over*/

}



/* FIN AGREGADO PARA TRADING 3*/


/* AGREGADO PARA TRADING 4*/

.case-study .case-study4-left {
  background: url("../img/case-study/bf-trading-4left.jpg") no-repeat;
  background-size: cover;
  height: 600px;
}
.case-study .case-study4-right {
  background: url("../img/case-study/bf-trading-4right.jpg") no-repeat;
  background-size: cover;
  height: 600px;
}

.case-study4-left .overlay {
  padding-left: 30px;
  padding-right: 50px;
  height: 600px;
  transition: background .9s;     /* tiempo de transicion del over*/
}
.case-study4-right .overlay {
  padding-right: 30px;
  padding-left: 50px;
  height: 600px;
  transition: background .9s;     /* tiempo de transicion del over*/

}

/* FIN AGREGADO PARA TRADING 4*/








.case-study .overlay:hover {
  width: 100%;

  background: rgba(0, 171, 102, 0.9);
}

.case-study h3 {
  color: #fff;
  text-shadow: 1px 1px 1px #444; 

  margin-top: 20px;
  font-size: 31px;
  font-family: 'gotham-book', sans-serif;

}

.case-study h3 span {
 
  
  font-family: 'gotham-bold', sans-serif;

}

.case-study p {

  margin-top: 40px;
  font-size: 26px;
  
 
  visibility: hidden;

  font-family: 'gotham-bold', sans-serif;
  line-height: 1.2em;
}

.case-study .overlay:hover  p {
  visibility: visible;
}


.case-study h6 {

  margin-top: 40px;
  font-size: 20px;
  
 color: #999;
  visibility: visible;

  font-family: 'gotham-bold', sans-serif;
  line-height: 1.8em;
}

















.our-team {
  background: #eee;
}
.our-team .team-member {
  border: 1px solid #00ab66;
  width: 220px;
  height: 300px;
  overflow: hidden;
}
.our-team .team-member:hover > .team-overlay {
  margin-top: -297px;
  transition: all .85s;
}
.our-team img {
  width: 100%;
}
.our-team .team-overlay {
  margin-top: 0px;
  width: 220px;
  color: #fff;
  margin-left: -2px;
  position: relative;
}
.our-team .team-overlay .info {
  height: 240px;
  padding: 100px 20px 20px 20px;
  background: rgba(0, 171, 102, 0.9);
}
.our-team .team-overlay .learn-more {
  height: 60px;
  line-height: 60px;
  width: 100%;
  text-align: center;
  background: #27ae60;
  position: relative;
  cursor: pointer;
}
.our-team .description {
  padding: 40px 0;
}
.our-team .description h3 {
  text-transform: uppercase;
}
.our-team .description .about {
  font-size: 14px;
  color: #555;
}
.our-team .description .member-skill {
  display: inline-block;
}







.modal .modal-content {
  box-shadow: none;
  border-radius: 0;
  border: 0;
  position: relative;
}
.modal .close {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: #333;
  opacity: 1;
  height: 40px;
  width: 40px;
  color: #FFF;
  font-size: 28px;
  line-height: 45px;
  outline: none;
  z-index: 10;
}
.modal .close span {
  outline: none;
}
.modal .modal-body {
  padding: 40px 60px;
}
.modal .member-info {
  padding: 0;
}
.modal input {
  height: 50px;
}
.modal input,
.modal textarea {
  padding: 10px 20px;
  border-radius: 0;
  font-size: 18px;
}
.modal input:focus,
.modal textarea:focus {
  border-color: #00ab66;
  box-shadow: none;
}
.modal textarea {
  resize: none;
}
.modal .button {
  width: 100%;
  border-radius: 0;
  padding: 15px 60px;
}


.modal .modal-body {
  padding: 20px 20px;
}

.modal .modal-body h3 {
  font-size: 22px;
}





/* ========================================================================
   Component: Responsive Fix
 ========================================================================== */
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1800px) {

  
  
}

@media only screen and (max-width: 1024px) {
  
  


}

/* Desktops and laptops ----------- */
@media only screen and (max-width: 992px) {

}


@media (min-width: 992px) {
  .modal-lg {
    width: 900px;   /* PARA ABRIR LA VENTANA MAS GRANDE EN PALLETS */
  



}




/*Tablet Pottrait size to standerd 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 
}


/* All Mobile Sizes (devices and browers) */
@media only screen and (max-width: 767px) {

}


@media only screen and (max-height: 600px) {
  
  
}


/*Mobile Landscape Size to Tablet Portrait  (devices and browers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {




 
}


/* Mobile Portrait SIze to Mobbile Landsscape Size (devices and browers) */
@media only screen and (max-width: 479px) {
  
}


@media only screen and (max-width: 360px) {
 
  .modal .close {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }

  

  
}


@media (max-width: 767px) {

  .case-study p {

  font-size: 21px;
  text-align: center;
  
 }

 .case-study h3 {
  
  font-size: 22px;
  text-align: center;

  }


}