/*Fuente iconos https://fontawesome.com/cheatsheet*/
@font-face {
  font-family: "FontAwesome";
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.team-icon:before {
  font-family: FontAwesome;
  content: "\f0c0";
  padding-right: 5px;
}
.upload-icon:before {
  font-family: FontAwesome;
  content: "\f093";
  padding-right: 5px;
}

.play-icon:before {
  font-family: FontAwesome;
  content: "\f144";
  padding-right: 5px;
}

.pdf-icon:before {
  font-family: FontAwesome;
  content: "\f1c1";
  padding-right: 5px;
}

.ppt-icon:before {
  font-family: FontAwesome;
  content: "\f1c4";
  padding-right: 5px;
}

.doc-icon:before {
  font-family: FontAwesome;
  content: "\f1c2";
  padding-right: 5px;
}

.xlsx-icon:before {
  font-family: FontAwesome;
  content: "\f1c3";
  padding-right: 5px;
}

.zip-icon:before {
  font-family: FontAwesome;
  content: "\f1c6";
  padding-right: 5px;
}
.review-icon:before {
  font-family: FontAwesome;
  content: "\f4ff";
  padding-right: 5px;
}
.trello-icon:before {
  font-family: FontAwesome;
  content: "\f181";
}

.twitter-icon:before {
  font-family: FontAwesome;
  content: "\f099";
}

.slack-icon:before {
  font-family: FontAwesome;
  content: "\f198";
}

.mail-icon:before {
  font-family: FontAwesome;
  content: "\f0e0";
}

.linkedin-icon:before {
  font-family: FontAwesome;
  content: "\f0e1";
}
/*cesif style*/
/*Homepage*/
.cesif-home {}

.cesif-header {
  /*cambiar en desktop*/
  height: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-image: url(https://s3-eu-west-1.amazonaws.com/assetscanvas/GMDB/GXMDB.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 3px solid black;
}

.titularImagen{

}



.cesif-backbone-button {
  width: 211px;
  height: 45px;
  margin-bottom: 22px;
  background-color: white;
  border-radius: 45px;
  border: solid 1px #D12E26;
  box-shadow: 0px 0px 4px 1px #D12E26;
}

.cesif-backbone-button:hover {
  box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.18);
  transition: 0.5s;
  background-color: #D12E26;
  border: 0px;
}

.cesif-backbone-button a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  border-radius: 25px;
  opacity: 0.8;
  color: #D12E26;
}

.cesif-backbone-button:hover a {
  opacity: 1;
  transition: 0.5s;
  color: white;
}

.cesif-backbone-button a h3 {
  margin: 0px;
  font-size: 17px;
  text-transform: uppercase;
  color: black;
}

.cesif-body {}

.cesif-home-video{
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.cesif-home-video iframe{
  border: solid 1px white;
      box-shadow: 0px 1px 13px 1px rgba(89,89,89,0.64);
      width: 640px;

}

.cesif-info-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}



.cesif-info-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  border-radius: 25px;
  background-color: rgb(002, 105, 055, 0.8);
  box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
  height: 30px;
  width: 170px;
  margin-top: 22px;
  color: white;
  opacity: 0.8;
}

.cesif-info-buttons a:hover {
  box-shadow: inset 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
  background-color: rgb(002, 105, 055);
  transition: 0.5s;
  opacity: 1;

}

.cesif-info-buttons a h3 {
  font-size: 14px;
}
#backTitle{
  background-image: url(https://cesif.instructure.com/courses/1/files/11/preview);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#harvard {
  background-image: url(https://s3-eu-west-1.amazonaws.com/assetscanvas/GMDB/Harvard.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#silicon {
  background-image: url(https://s3-eu-west-1.amazonaws.com/assetscanvas/GMDB/Silicon+Valley.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#madrid {
  background-image: url(https://s3-eu-west-1.amazonaws.com/assetscanvas/GMDB/Madrid.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cesif-bootcamps-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.cesif-bootcamps-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  border-radius: 50px;
  box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
  height: 72px;
  width: 188px;
  margin-top: 22px;
  color: black;
  opacity: 0.8;
  flex-direction: row;
}

.cesif-bootcamps-buttons a:hover {
  box-shadow: inset 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
  transition: 0.5s;
  opacity: 1;
}

.cesif-bootcamps-buttons a h3 {
  font-size: 14px;
  margin: 0px;
  color: white;
  font-weight: bolder;
  text-shadow: 1px 1px 3px black, 0 0 1em white, 0 0 0.2em black;
}

.cesif-bootcamps-buttons a hr {
  margin-top: 2px;
  margin-bottom: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #D12E26;
}

.cesif-modules-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.cesif-modules-buttons a {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  text-decoration: none !important;
  border-radius: 7px;
  background: linear-gradient(180deg, #000 46%, #FFFFFF 51%);
  box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
  height: 160px;
  width: 185px;
  margin-top: 22px;
  padding-top: 2px;
  opacity: 0.8;
}

.cesif-modules-buttons a:hover {
  box-shadow: inset 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
  transition: 0.5s;
  background: linear-gradient(180deg, rgb(002, 105, 055) 46%, #FFFFFF 51%);
  opacity: 1;
}

.cesif-modules-buttons a h2 {
  font-size: 22px;
  margin: 0px;
  font-weight: bold;
  color: white;
  border-radius: 4px 4px 0px 0px;
}

.cesif-modules-buttons a p {
  font-size: 14px;
  margin: 0px;
  color: white;
}

.cesif-modules-buttons a h4 {
  font-size: 13px;
  color: black;
}

.cesif-footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin-top: 22px;
  background-color: #ECECEC;
  border-top: 3px solid black;
  height: 55px;
  padding: 7px;
}

.cesif-footer a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  text-decoration: none;
}

.cesif-footer a:hover {
  transition: 0.5s;
  text-decoration: underline;
  color: rgb(002, 105, 055);
}

/*Module Page*/
.mobile {
  display: flex !important;
}

.cesif-module {}

.cesif-bootcamp-title {
  height: 221px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cesif-bootcamp-title h3 {
  font-size: 60px;
  margin: 0px;
  color: white;
  text-shadow: 1px 1px 3px black, 0 0 1em white, 0 0 0.2em black;
}

.cesif-bootcamp-title hr {
  margin-top: 2px;
  margin-bottom: 2px;
  border-style: solid;
  border-top-width: 3px;
  border-bottom-width: 3px;
  width: 60%;
  border-color: #D12E26;
}

.cesif-module-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}

.cesif-module-title h2 {
  text-transform: uppercase;
}

.cesif-module-title div {
  display: flex;
  flex-direction: row;
}

.cesif-module-title div a {
  width: 30px;
  height: 30px;
  padding: 5px;
  margin: 3px;
  font-size: 22px;
  text-decoration: none !important;
  text-align: center;
  background-color: black;
  color: white;
  border-radius: 25px;
}

.cesif-module-title div a:hover {
  background-color: #26686D;
  transition: 0.5s;
}

.cesif-grey-block {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: space-between;
  background-color: rgb(002, 105, 055,  0.8);
  padding: 20px;
}

.cesif-grey-block-text {
  width: 100%;
  text-align: center;
}

.cesif-grey-block-text p {
  color: white;
}

.cesif-grey-block-text iframe {
  height: 225px
}

.cesif-grey-block-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  width: 100%;
  padding-top: 22px;
}

.cesif-grey-block-buttons p {
  color: white;
}

.cesif-grey-block-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  border-radius: 25px;
  background-color: #666;
  border: #71E2D8;
  height: 30px;
  width: 170px;
  margin-bottom: 22px;
  color: white;
  font-weight: bold;
  font-size: 12px;
}

.cesif-grey-block-buttons a:hover {
  background-color: rgb(002, 105, 055);
  border: rgb(002, 105, 055,  0.8);
  color: white;
  transition: 0.5s;
}

.cesif-module-experts {}

.cesif-module-experts h2 {
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: #00695C;
}

.cesif-experts-carousel {
  overflow-x: auto;
  display: flex;
}

.cesif-experts-carousel-center {
  overflow-x: auto;
  display: flex;
  justify-content: center;
}

.cesif-expert {
  display: flex;
  flex-flow: column;
  width: 305px;
  height: 250px;
  margin-bottom: 20px;
  text-align: center;
  justify-content: center;
}

.cesif-expert p {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 16px;
}

.cesif-expert p i {
  font-size: 11px;
}

.cesif-expert-img {
  display: flex;
  align-items: center;
  margin-left: 55px;
  justify-content: space-evenly;
  margin-bottom: 6px;
}

.cesif-expert-img img {
  height: 150px;
  width: 150px;
  min-width: 150px;
  border-radius: 100px;
  border-color: rgb(002, 105, 055, 0.8);
  border-width: 2px;
  border-style: dashed;
}

.cesif-expert-buttons {
  display: flex;
  flex-direction: column;
  padding-left: 2px;
}

.cesif-expert-buttons a {
  width: 25px;
  height: 25px;
  padding: 2px;
  margin: 3px;
  text-decoration: none !important;
  text-align: center;
  background-color: black;
  color: white;
  border-radius: 40px;
  font-size: 17px;
}

.cesif-expert-buttons a:hover {
  background-color: rgb(002, 105, 055);
  transition: 0.5s;
}

.cesif-module-buttons-group {
  background-color: #00695C;
  flex-flow: row wrap;
  justify-content: space-evenly;
  width: 100%;
  position: sticky;
  display: flex;
  position: -webkit-sticky;
  padding-top: 22px;
  margin-bottom: 20px;
}

.cesif-module-buttons-group a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  border-radius: 25px;
  background-color: #666;
  border: solid #00695C;
  height: 30px;
  width: 170px;
  margin-bottom: 22px;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.cesif-module-buttons-group a:hover {
  background-color: #26686D;
  border: solid #00695C;
  color: white;
  transition: 0.5s;
}



.cesif-module-buttons {
  background-color: rgb(002, 105, 055, 0.8);
  display: none;
  flex-flow: row wrap;
  justify-content: space-evenly;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  padding-top: 22px;
  margin-bottom: 20px;
}

.cesif-module-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  border-radius: 25px;
  border: #71E2D8;
  background-color: #666;
  height: 30px;
  width: 170px;
  margin-bottom: 22px;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.cesif-module-buttons a:hover {
  background-color: rgb(002, 105, 055);
  color: white;
  transition: 0.5s;
}

.cesif-module-buttons a[aria-expanded="true"] {
  background: rgb(002, 105, 055);
  color: white !important;
}

.cesif-module-content {}

.cesif-display-none {
  display: none;
}

.cesif-class-block {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}

.cesif-class {
  background-color: rgb(002, 105, 055, 0.8);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  width: 345px;
  border-radius: 11px;
  box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
  margin-bottom: 15px;
}

.cesif-class h4 {
  margin-top: 10px;
  margin-bottom: 2px;
}

.cesif-class hr {
  border: 1px solid #848484;
  width: 260px;
  margin-bottom: 0px;
  margin-top: 1px;
  padding-left: 0px;
  margin-left: 41px;
}

.cesif-class h5 {
  margin-top: 3px;
  margin-bottom: 12px;
}

.cesif-class-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}

.cesif-class-buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  border-radius: 25px;
  border: solid #ffffff;
  height: 30px;
  width: 150px;
  margin-bottom: 9px;
  color: #ffffff;
  font-size: 13px;
}

.cesif-class-buttons a:hover {
  border: solid rgb(002, 105, 055);
  color: rgb(002, 105, 055);
  transition: 0.2s;
}

/* Small devices (portrait tablets and large phones, 760px and down) */
@media only screen and (max-width: 760px) {
  .cesif-home-video iframe{
        height: 260px;

  }
}

/* Small devices (portrait tablets and large phones, 760px and up) */
@media only screen and (min-width: 760px) {

  /*Homepage*/
  .cesif-header {}

  .cesif-backbone-button {
    width: 246px;
  }

  .cesif-bootcamps-buttons a {
    width: 250px;
  }

  .cesif-modules-buttons a {
    width: 170px;
  }

  /*Module page*/
  .mobile {
    display: none !important;
  }

  .cesif-grey-block-text {
    width: 60%;
    text-align: left;
  }

  .cesif-grey-block-text iframe {
    height: 268px;
  }

  .cesif-grey-block-buttons {
    width: 40%;
  }

  .cesif-module-buttons {
    display: flex;
  }

  .cesif-class {
    width: 345px;
  }

  .cesif-class-buttons a {
    height: 30px;
    width: 155px;
    margin-bottom: 22px;
  }

  .cesif-class-buttons a p {
    font-size: 13px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .cesif-header {}
}

/* Large devices (laptops/desktops, 1140px and up)(Assignments visible from now on on the right side of the page) */
@media only screen and (min-width: 1140px) {
  .cesif-header {}
}