/*GENERAL*/

html, h1, h2, h3, h4, p, ul, ol, li, img, a {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'Hudson NY Pro Extra';
  src: url('fonts/HudsonNYPro-ExtraLight.woff2') format('woff2'),
      url('fonts/HudsonNYPro-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('fonts/MyriadPro-Regular.woff2') format('woff2'),
      url('fonts/MyriadPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-family: 'Hudson NY Pro Extra';
  font-weight: 200;
}

img {
  max-width: 100%;
}

a,
a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.logo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  height: 64px;
  margin: 10px 30px;
}

.submenu {
  font-family: 'Hudson NY Pro Extra';
  font-weight: bold;
  color: white; 
}

.submenu a:hover,
.submenu a.active {
  color: #ff4444;
  border-bottom: 2px solid #ff4444;
  width: auto;
  padding-bottom: 5px;
}

.page .social-media a img {
  max-width: 22px;
  margin: 5px;
  margin-top: 0;
}

.page .social-media a i {
  font-size: 20px;
  margin: 2px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

/*CONTACT FORM*/

.form .modal-body {
  padding: 0rem 3rem 3rem 3rem !important;
}

.form .modal-header {
  border-bottom: none;
}

.form .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  float: right;
}

.form h2 {
  color: black !important;
}

.form label {
  position: absolute;
  font-size: 13px;
  padding-left: 18px;
  margin-top: 11px;
}

.form input[type="text"] {
  width: 100%;
  background: #f2f2f2;
  border: 1px solid #c0c3c5;
  color: #636363;
  border-radius: 10px;
  padding: 29px 18px 18px 18px;
  font-size: 15px;
  margin-bottom: 20px;
}

.form textarea {
  background: white;
  width: 100%;
  border: 1px solid #c0c3c5;
  color: #636363;
  border-radius: 10px;
  padding: 29px 18px 18px 18px;
}

.form input[type="submit"] {
  background: black;
  color: white;
  text-align: center;
  width: 100%;
  border: none;
  border-radius: 20px;
  font-size: 20px;
  padding: 4px;
  margin-top: 10px;
  letter-spacing: 3px;  
}

header a,
header a:hover {
  color: white;
  font-family: 'Hudson NY Pro Extra';
  font-weight: 200;
}

/*INICIO*/

#inicio {
  background: linear-gradient(#90908e 55%,#A7A7A6 70%, #939492 90%) fixed;
  height: 100%;
  height: 100vh;
}

#inicio .social-media {
  position: fixed;
  right: 0;
  padding: 30px;
  z-index:1;
}

#inicio .social-media img {
  max-width: 23px;
  margin: 4px;
  margin-bottom: 12px;
}

#inicio .social-media i {
  color: white;
  font-size: 23px;
  margin: 0 5px;
}

#inicio .main {
  position: relative;
  background: url("img/inicio/main.jpg");
  background-size: cover;
  background-position: center right;
  min-height: 810px;
  min-height: 100vh;
}

#inicio .menu {
  height: 100%;
  position: relative;
}

#inicio .menu .seccion {
  width: 24.7%;
  display: inline-block;
  text-align: center;
  padding-bottom: 80px;
  height: 100%;
  vertical-align: middle;
  padding-top: 206px;
}

#inicio h1 {
  font-size: 39px;
  text-align: left;
  color: white;
  margin-top: 41%;
  text-shadow: 1px 1px 7px black;
}

/*#inicio .menu .seccion.career:hover {
  background: url(img/inicio/career-bg.jpg);
  background-size: cover;
  background-position: center center;
}

#inicio .menu .seccion.brand-partnerships:hover {
  background: url(img/inicio/brand-partnerships-bg.jpg);
  background-size: cover;
  background-position: center center;
}

#inicio .menu .seccion.business-ventures:hover {
  background: url(img/inicio/business-ventures-bg.jpg);
  background-size: cover;
  background-position: center center;
}

#inicio .menu .seccion.philanthropy:hover {
  background: url(img/inicio/philanthropy-bg.jpg);
  background-size: cover;
  background-position: center center;
}
*/


/*VIDEOS INICIO*/

#inicio .menu .seccion:hover {
  padding-top: 0;
}

.seccion.career #background-video-career,
.seccion.brand-partnerships #background-video-brand-partnerships,
.seccion.business-ventures #background-video-business-ventures,
.seccion.philanthropy #background-video-philanthropy,
.seccion.gaming #background-video-gaming {
  display:none;
}

.seccion.career:hover #background-video-career,
.seccion.brand-partnerships:hover #background-video-brand-partnerships,
.seccion.business-ventures:hover #background-video-business-ventures,
.seccion.philanthropy:hover #background-video-philanthropy,
.seccion.gaming:hover #background-video-gaming {
  display: block;
  object-fit: cover;
  position: inherit;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  height: 100%;
  height: 100vh;
  width: -webkit-fill-available;
}

.seccion.career #background-video-career-movil,
.seccion.brand-partnerships #background-video-brand-partnerships-movil,
.seccion.business-ventures #background-video-business-ventures-movil,
.seccion.philanthropy #background-video-philanthropy-movil,
.seccion.gaming #background-video-gaming-movil {
  display:none;
}


#inicio .menu .seccion img {
  max-width: 100%;
  bottom: 120px;
  position: absolute;
  display: block;
  width: inherit;
  padding: 50px 2% 0;
}

#inicio .menu h2 {
  text-transform: uppercase;
  color: white;
  font-size: 22px;
  margin-top: 20px;
  letter-spacing: 3px;
  bottom: 30px;
  position: absolute;
  display: block;
  width: inherit;

}

/*VIDEOS FIN*/

#inicio .menu .seccion.philanthropy .img2,
#inicio .menu .seccion.philanthropy .img3 {
  display: none;
}

#inicio .menu .seccion.philanthropy:hover .img1 {
  display: none;
}

#inicio .menu .seccion.philanthropy:hover .img2 {
  display: block;
}

#inicio .menu .seccion.gaming:hover {
  background: url(img/inicio/gaming-bg.jpg);
  background-size: cover;
  background-position: center center;
}

#inicio .menu .seccion img {
  max-width: 100%;
}

#inicio h2 {
  text-transform: uppercase;
  color: white;
  font-size: 22px;
  margin-top: 20px;
  letter-spacing: 3px;
}

/*CAREER*/

#career {
  background: url(img/career/career-bg.jpg);
  background-size: cover;
  background-position: center center;
  height: 100%;
  height: 100vh;
  background-repeat: no-repeat;
}

#career .memo-career {
  width: 62%;
  margin: 0 auto;
  display: block;
  margin-top: 150px;
  margin-bottom: 30px;
}

#career .memo-career2 {
  display: none;
}

#career h2 {
  text-transform: uppercase;
  color: white;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 3px;
  text-align: center;
}

#career .line-right {
  border-right: 1px solid white;
}

#career .menu {
  width: 100%;
  position: absolute;
  bottom: 10%;
  background: rgb(0 0 0 / 90%);
}

#career .menu-item {
  width: 49%;
  display: inline-block;
}

/*VIDEO CAREER*/

.seccion.career-menu #background-career-menu {
  display: block;
  object-fit: none;
  position: inherit;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  height: 100%;
  height: 100vh;
  width: -webkit-fill-available;
}

/*CLUB*/

#club .title {
  background: url("img/club/club-bg.jpg");
  background-size: cover;
  background-position: center center;
  height: 0;
  padding: 380px 0 220px;
}

#club .title h1,
#national-team .title h1,
#brand-partnerships .title h1,
#business-ventures .title h1,
#philanthropy .title h1,
#gaming .title h1 {
  background: rgb(0 0 0 / 75%);
  color: white;
  text-align: center;
  padding: 7px 10px 22px 10px;
  letter-spacing: 4px;
}

#club .barra-roja,
#national-team .barra-roja,
#brand-partnerships .barra-roja,
#business-ventures .barra-roja,
#philanthropy .barra-roja,
#gaming .barra-roja {
  color: white;
  background: #ff4444;
}

.barra-roja p::before {
  content: '';
  background: url(img/comilla1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 70px;
  position: absolute;
  left: 14%;
}

.barra-roja p::after {
  content: '';
  background: url(img/comilla2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 70px;
  position: absolute;
  right: 14%;
  margin-top: -40px;
}

#club header.menu,
#national-team header.menu,
#brand-partnerships header.menu,
#business-ventures header.menu,
#philanthropy header.menu,
#gaming header.menu {
  background: black;
  color: white;
  padding: 25px !important;
}

#club .copas p,
#national-team .copas p {
  color: #ff4444;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: 'Hudson NY Pro Extra';
  font-weight: bold;
}

#club .bg2 {
  background: url(img/club/club-bg2.jpg);
  background-size: cover;
  background-position: top center;
  height: 700px;
}

#club .club-america,
#club .ac-ajaccio,
#club .malaga-cf,
#club .granada,
#club .standard-liege,
#club .salernitana,
#club .afs-villa-das-aves,
#club .ael-limassol-fc {
  background: #5b5b5b;
  color: white;
}

#club .club-america .galeria,
#club .ac-ajaccio .galeria,
#club .malaga-cf .galeria,
#club .granada .galeria,
#club .standard-liege .galeria,
#club .salernitana .galeria,
#club .afs-villa-das-aves .galeria,
#club .ael-limassol-fc .galeria {
  height: 300px;
}

#club .ael-limassol-fc .img1 {
  background: url("img/club/ael-limassol-fc/ael-limassol-fc-1.jpg");
  background-size: cover;
  background-position: top center;
}

#club .ael-limassol-fc .img2 {
  background: url("img/club/ael-limassol-fc/ael-limassol-fc-2.jpg");
  background-size: cover;
  background-position: top center;
}

#club .ael-limassol-fc .img3 {
  background: url("img/club/ael-limassol-fc/ael-limassol-fc-3.jpg");
  background-size: cover;
  background-position: center center;
}

#club .ael-limassol-fc .img4 {
  background: url("img/club/ael-limassol-fc/ael-limassol-fc-4.jpg");
  background-size: cover;
  background-position: top center;
}

#club .ael-limassol-fc .img5 {
  background: url("img/club/ael-limassol-fc/ael-limassol-fc-5.jpg");
  background-size: cover;
  background-position: top center;
}

#club .afs-villa-das-aves .img1 {
  background: url("img/club/afs-villa-das-aves/img1.jpg");
  background-size: cover;
  background-position: center center;
}
#club .afs-villa-das-aves .img2 {
  background: url("img/club/afs-villa-das-aves/img2.jpg");
  background-size: cover;
  background-position: center center;
}
#club .afs-villa-das-aves .img3 {
  background: url("img/club/afs-villa-das-aves/img3.jpg");
  background-size: cover;
  background-position: top center;
}
#club .afs-villa-das-aves .img4 {
  background: url("img/club/afs-villa-das-aves/img4.jpg");
  background-size: cover;
  background-position: top center;
}

#club .salernitana .img1 {
  background: url("img/club/salernitana/sal1.jpg");
  background-size: cover;
  background-position: center center;
}

#club .salernitana .img2 {
  background: url("img/club/salernitana/sal2.jpg");
  background-size: cover;
  background-position: center center;
}

#club .salernitana .img3 {
  background: url("img/club/salernitana/sal3.jpg");
  background-size: cover;
  background-position: top center;
}

#club .salernitana .img4 {
  background: url("img/club/salernitana/sal4.jpg");
  background-size: cover;
  background-position: center center;
}

#club .salernitana .img5 {
  background: url("img/club/salernitana/sal5.jpg");
  background-size: cover;
  background-position: top center;
}

#club .salernitana .img6 {
  background: url("img/club/salernitana/sal6.jpg");
  background-size: cover;
  background-position: top center;
}

#club .club-america .img1 {
  background: url("img/club/club-america/img1.jpg");
  background-size: cover;
  background-position: center center;
}

#club .club-america .img2 {
  background: url("img/club/club-america/img2.jpg");
  background-size: cover;
  background-position: top center;
}

#club .club-america .img3 {
  background: url("img/club/club-america/img3.jpg");
  background-size: cover;
  background-position: center top;
}

#club .club-america .img4 {
  background: url("img/club/club-america/img4.jpg");
  background-size: cover;
  background-position: center center;
}

#club .club-america .img5 {
  background: url("img/club/club-america/img5.jpg");
  background-size: cover;
  background-position: top center;
}

#club .club-america .img6 {
  background: url("img/club/club-america/img6.jpg");
  background-size: cover;
  background-position: top center;
}

#club .ac-ajaccio .img1 {
  background: url("img/club/ac-ajaccio/img1.jpg");
  background-size: cover;
  background-position: center center;
}

#club .ac-ajaccio .img2 {
  background: url("img/club/ac-ajaccio/img2.jpg");
  background-size: cover;
  background-position: top center;
}

#club .ac-ajaccio .img3 {
  background: url("img/club/ac-ajaccio/img3.jpg");
  background-size: cover;
  background-position: center top;
}

#club .ac-ajaccio .img4 {
  background: url("img/club/ac-ajaccio/img4.jpg");
  background-size: cover;
  background-position: center center;
}

#club .ac-ajaccio .img5 {
  background: url("img/club/ac-ajaccio/img5.jpg");
  background-size: cover;
  background-position: center center;
}

#club .ac-ajaccio .img6 {
  background: url("img/club/ac-ajaccio/img6.jpg");
  background-size: cover;
  background-position: center center;
}

#club .malaga-cf .img1 {
  background: url("img/club/malaga-cf/img1.jpg");
  background-size: cover;
  background-position: center center;
}

#club .malaga-cf .img2 {
  background: url("img/club/malaga-cf/img2.jpg");
  background-size: cover;
  background-position: top center;
}

#club .malaga-cf .img3 {
  background: url("img/club/malaga-cf/img3.jpg");
  background-size: cover;
  background-position: center top;
}

#club .malaga-cf .img4 {
  background: url("img/club/malaga-cf/img4.jpg");
  background-size: cover;
  background-position: center center;
}

#club .malaga-cf .img5 {
  background: url("img/club/malaga-cf/img5.jpg");
  background-size: cover;
  background-position: top center;
}

#club .malaga-cf .img6 {
  background: url("img/club/malaga-cf/img6.jpg");
  background-size: cover;
  background-position: center top;
}

#club .granada .img1 {
  background: url("img/club/granada/img1.jpg");
  background-size: cover;
  background-position: center center;
}

#club .granada .img2 {
  background: url("img/club/granada/img2.jpg");
  background-size: cover;
  background-position: top center;
}

#club .granada .img3 {
  background: url("img/club/granada/img3.jpg");
  background-size: cover;
  background-position: center center;
}

#club .granada .img4 {
  background: url("img/club/granada/img4.jpg");
  background-size: cover;
  background-position: center center;
}

#club .granada .img5 {
  background: url("img/club/granada/img5.jpg");
  background-size: cover;
  background-position: center center;
}

#club .granada .img6 {
  background: url("img/club/granada/img6.jpg");
  background-size: cover;
  background-position: center center;
}

#club .standard-liege .img1 {
  background: url("img/club/standard-liege/img1.jpg");
  background-size: cover;
  background-position: center center;
}

#club .standard-liege .img2 {
  background: url("img/club/standard-liege/img2.jpg");
  background-size: cover;
  background-position: center center;
}

#club .standard-liege .img3 {
  background: url("img/club/standard-liege/img3.jpg");
  background-size: cover;
  background-position: center top;
}

#club .standard-liege .img4 {
  background: url("img/club/standard-liege/img4.jpg");
  background-size: cover;
  background-position: center center;
}

#club .standard-liege .img5 {
  background: url("img/club/standard-liege/img5.jpg");
  background-size: cover;
  background-position: center center;
}

#club .standard-liege .img6 {
  background: url("img/club/standard-liege/img6.jpg");
  background-size: cover;
  background-position: top center;
}

#club .barra-roja p {
  font-size: 21px;
}

/*NATIONAL TEAM*/

#national-team .title {
  background: url("img/national-team/qatar5.jpg");
  background-size: cover;
  background-position: bottom center;
  height: 0;
  padding: 380px 0 220px;
}

#national-team .bg2 {
  background: url(img/national-team/team-bg2.jpg);
  background-size: cover;
  background-position: top center;
  height: 700px;
}

#national-team .national-team {
  background: #5b5b5b;
  color: white;
}

#national-team .national-team .galeria {
  height: 300px;
}

#national-team .national-team .img1 {
  background: url("img/national-team/img1.jpg");
  background-size: cover;
  background-position: center center;
}

#national-team .national-team .img2 {
  background: url("img/national-team/img2.jpg");
  background-size: cover;
  background-position: center center;
}

#national-team .national-team .img3 {
  background: url("img/national-team/img3.jpg");
  background-size: cover;
  background-position: center center;
}

#national-team .national-team .img4 {
  background: url("img/national-team/img4.jpg");
  background-size: cover;
  background-position: center center;
}

#national-team .national-team .img5 {
  background: url("img/national-team/img5.jpg");
  background-size: cover;
  background-position: center center;
}

#national-team .national-team .img6 {
  background: url("img/national-team/img6.jpg");
  background-size: cover;
  background-position: center center;
}

#national-team .national-team .img7 {
  background: url("img/national-team/img7.jpg");
  background-size: cover;
  background-position: center center;
}

#national-team .national-team .img8 {
  background: url("img/national-team/img8.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .national-team .img9 {
  background: url("img/national-team/qatar1.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .national-team .img10 {
  background: url("img/national-team/qatar2.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .national-team .img11 {
  background: url("img/national-team/qatar3.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .national-team .img12 {
  background: url("img/national-team/qatar4.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .national-team .img13 {
  background: url("img/national-team/memo1.jpg");
  background-size: cover;
  background-position: center bottom;
}

#national-team .national-team .img14 {
  background: url("img/national-team/memo2.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .national-team .img15 {
  background: url("img/national-team/memo3.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .national-team .img16 {
  background: url("img/national-team/memo4.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .national-team .img17 {
  background: url("img/national-team/memo5.jpg");
  background-size: cover;
  background-position: center top;
}

#national-team .barra-roja p {
  font-size: 21px;
}

/*BRAND PARTNERSHIPS*/

#brand-partnerships .title {
  background: url("img/brand-partnerships/brand-bg.jpg");
  background-size: cover;
  background-position: center center;
  height: 0;
  padding: 380px 0 220px;
}

#brand-partnerships .logos img {
  max-width: 100%;
}

#brand-partnerships .logos p {
  font-family: 'Hudson NY Pro Extra';
  font-weight: bold;
  font-size: 19px;
}

#brand-partnerships .barra-roja p {
  font-size: 21px;
}

/*BUSINESS VENTURES*/

#business-ventures .title {
  background: url("img/business-ventures/business-bg2.jpg");
  background-size: cover;
  background-position: top center;
  height: 0;
  padding: 380px 0 220px;
}

#business-ventures .galeria {
  /*height: 400px;*/
  height: auto;
}

#business-ventures .galeria.img1 {
  background: url("img/business-ventures/team-kavak.jpg");
  background-size: cover;
  background-position: center center;
  height: 0;
  padding: 16% 0;
}

#business-ventures .galeria.img2 {
  background: url("img/business-ventures/img2.jpg");
  background-size: cover;
  background-position: top center;
}

#business-ventures .galeria.img3 {
  background: url("img/business-ventures/perfume2.jpeg");
  background-size: cover;
  background-position: center center;
  height: 380px;
  display: inline-block;
  float: left;
}

#business-ventures .galeria.img4 {
  background: url("img/business-ventures/perfume3.png");
  background-size: cover;
  background-position: top center;
  height: 380px;
  display: inline-block;
  float: left;
}

#business-ventures .galeria.img5 {
  background: url("img/business-ventures/perfume1.jpeg");
  background-size: cover;
  background-position: top center;
  height: 380px;
  display: inline-block;
  float: left;
}

#business-ventures .galeria.img6 {
  background: url("img/business-ventures/trebel1.jpg");
  background-size: cover;
  background-position: top center;
  height: 480px;
  display: inline-block;
  float: left;
}

#business-ventures .galeria.img7 {
  background: url("img/business-ventures/trebel2.jpg");
  background-size: cover;
  background-position: top center;
  height: 480px;
  display: inline-block;
  float: left;
}

#business-ventures .galeria.img8 {
  background: url("img/business-ventures/trebel3.jpg");
  background-size: cover;
  background-position: top center;
  height: 480px;
  display: inline-block;
  float: left;
}

#business-ventures .galeria.img9 {
  background: url("img/business-ventures/vest-memo-ochoa.jpg");
  background-size: cover;
  background-position: top center;
  height: 480px;
  display: inline-block;
  float: left;
}

#business-ventures .galeria.img10 {
  background: url("img/business-ventures/vest2.png");
  background-size: cover;
  background-position: top center;
  height: 480px;
  display: inline-block;
  float: left;
}

#business-ventures .barra-roja p {
  font-size: 21px;
}

/*PHILANTHROPY*/

#philanthropy .title {
  background: url("img/philanthropy/philanthropy-bg.jpg");
  background-size: cover;
  background-position: center center;
  height: 0;
  padding: 380px 0 220px;
}

#philanthropy .galeria {
  height: 400px;
}

#philanthropy .galeria.img1 {
  background: url("img/philanthropy/img1.jpg");
  background-size: cover;
  background-position: center center;
}

#philanthropy .galeria.img2 {
  background: url("img/philanthropy/img2.jpg");
  background-size: cover;
  background-position: center center;
}

#philanthropy .galeria.img3 {
  background: url("img/philanthropy/img3.jpg");
  background-size: cover;
  background-position: center center;
}

#philanthropy .galeria.img4 {
  background: url("img/philanthropy/img4.jpg");
  background-size: cover;
  background-position: top center;
}

#philanthropy .barra-roja p {
  font-size: 21px;
}

/*GAMING*/

#gaming .title {
  background: url("img/gaming/gaming-bg.jpg");
  background-size: cover;
  background-position: center center;
  height: 0;
  padding: 380px 0 220px;
}

#gaming .galeria {
  height: 400px;
}

#gaming .galeria.img1 {
  background: url("img/gaming/img1.jpg");
  background-size: cover;
  background-position: center center;
}

#gaming .galeria.img2 {
  background: url("img/gaming/img2.jpg");
  background-size: cover;
  background-position: center center;
}

#gaming .galeria.img3 {
  background: url("img/gaming/img3.jpg");
  background-size: cover;
  background-position: center center;
}

#gaming .galeria.img4 {
  background: url("img/gaming/img4.jpg");
  background-size: cover;
  background-position: center center;
}

#gaming .galeria.img5 {
  background: url("img/gaming/img5.jpg");
  background-size: cover;
  background-position: center center;
}

#gaming .galeria.img6 {
  background: url("img/gaming/img6.jpg");
  background-size: cover;
  background-position: center center;
}

#gaming .barra-roja p {
  font-size: 21px;
}

footer {
  background: black;
  color: white;
  padding: 40px;
  text-align: center;
  z-index: 1;
  position: absolute;
  width: 100%;
}

footer a {
  padding: 0 5px;
  font-size: 20px;
}

footer img {
  max-width: 23px;
  margin-top: -3px;
  margin-left: -4px;
}

footer .pow {
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
  margin-bottom: 20px;
}

.int {
  max-width: 60px !important;
  margin-left: 6px !important;
  display: inline-block;
}

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

  #inicio .main {
    background-position: center right -150px;
  }

  #inicio h1 {
    font-size: 23px;
    position: absolute;
    left: 0;
    width: 100%;
    background: linear-gradient(transparent,black);
    padding: 40px 30px;
    bottom: 0;
    text-align: center;
  }

  .menu h1 {
    display: block !important;
    font-size: 18px !important;
    position: inherit !important;
    background: black;
    padding: 20px;
  }

  #inicio .menu .seccion {
    width: 100%;
    padding-top: 0;
    height: auto;
    padding-bottom: 0;
  }

  #inicio .menu h2 {
    text-transform: uppercase;
    color: white;
    font-size: 22px;
    letter-spacing: 3px;
    position: relative;
    margin: 0 auto;
    display: table-caption;
    margin-top: -60px;
    width: 100%;
    float: left;
  }

  #inicio .menu .seccion5 {
    width: 100%;
    padding-top: 0;
  }

  #inicio .menu .seccion img {
    display: none;
  }

  #inicio .menu .seccion.philanthropy:hover .img2 {
    display: none;
  }

  #inicio .menu .seccion.philanthropy:hover .img3 {
    display: block;
    width: 100%;
    padding: 0;
  }

  #career .memo-career {
    top: 0;
    width: 100%;
    margin-top: 0;
  }

  #career .menu {
    position: absolute;
    bottom: 12%;
    width: 100%;
    left: 0;
  }

  .seccion.career #background-video-career,
  .seccion.brand-partnerships #background-video-brand-partnerships,
  .seccion.business-ventures #background-video-business-ventures,
  .seccion.philanthropy #background-video-philanthropy,
  .seccion.gaming #background-video-gaming {
    display:none;
  }

  .seccion.career:hover #background-video-career, .seccion.brand-partnerships:hover #background-video-brand-partnerships, .seccion.business-ventures:hover #background-video-business-ventures, .seccion.philanthropy:hover #background-video-philanthropy, .seccion.gaming:hover #background-video-gaming {
    display: none;
  }

  .seccion.career #background-video-career-movil,
  .seccion.brand-partnerships #background-video-brand-partnerships-movil,
  .seccion.business-ventures #background-video-business-ventures-movil,
  .seccion.philanthropy #background-video-philanthropy-movil,
  .seccion.gaming #background-video-gaming-movil {
    display: block;
    position: inherit;
    left: 0;
    right: 0;
    top: 0 !important;
    z-index: -1;
    height: auto !important;
    width: 100% !important;
  }

}

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

  #inicio .menu {
    height: auto;
  }

  #inicio .menu .seccion {
    width: 100%;
  }

  /*#career .line-right {
    border-right: none;
    padding-bottom: 20px;
    border-bottom: 1px solid white;
  }*/

  #career .container {
    padding: 0;
  }

  #career .memo-career2 {
    width: 100%;
    margin-top: 0px;
    display: block;
  }
  
  #career .memo-career {
    display: none;
  }

  #business-ventures .galeria.img1,
  #business-ventures .galeria.img2 {
    height: 400px;
  }

  #club header.menu,
  #national-team header.menu,
  #brand-partnerships header.menu,
  #business-ventures header.menu,
  #philanthropy header.menu,
  #gaming header.menu {
    z-index: 1;
  }
}

@media screen (min-width: 1125px) and (max-height: 550px) {
  #career .memo-career {
    margin-top: 0;
  }
}