html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: "Galette Medium";
  src: url("fonts/Galette-Medium.eot");
  src: url("fonts/Galette-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Galette-Medium.woff2") format("woff2"), url("fonts/Galette-Medium.woff") format("woff"), url("fonts/Galette-Medium.ttf") format("truetype"), url("fonts/Galette-Medium.svg#Galette-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Galette Light";
  src: url("fonts/Galette-Light.eot");
  src: url("fonts/Galette-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Galette-Light.woff2") format("woff2"), url("fonts/Galette-Light.woff") format("woff"), url("fonts/Galette-Light.ttf") format("truetype"), url("fonts/Galette-Light.svg#Galette-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Duplicate Slab";
  src: url("fonts/DuplicateSlab-Heavy.eot");
  src: url("fonts/DuplicateSlab-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/DuplicateSlab-Heavy.woff2") format("woff2"), url("fonts/DuplicateSlab-Heavy.woff") format("woff"), url("fonts/DuplicateSlab-Heavy.ttf") format("truetype"), url("fonts/DuplicateSlab-Heavy.svg#DuplicateSlab-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Gotham";
  src: url("fonts/Gotham-Bold.eot");
  src: url("fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Gotham-Bold.woff2") format("woff2"), url("fonts/Gotham-Bold.woff") format("woff"), url("fonts/Gotham-Bold.ttf") format("truetype"), url("fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Lyon Display Light";
  src: url("fonts/LyonDisplay-Light.eot");
  src: url("fonts/LyonDisplay-Light.eot?#iefix") format("embedded-opentype"), url("fonts/LyonDisplay-Light.woff2") format("woff2"), url("fonts/LyonDisplay-Light.woff") format("woff"), url("fonts/LyonDisplay-Light.ttf") format("truetype"), url("fonts/LyonDisplay-Light.svg#LyonDisplay-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Lyon Display Regular";
  src: url("fonts/LyonDisplay-Regular.eot");
  src: url("fonts/LyonDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/LyonDisplay-Regular.woff2") format("woff2"), url("fonts/LyonDisplay-Regular.woff") format("woff"), url("fonts/LyonDisplay-Regular.ttf") format("truetype"), url("fonts/LyonDisplay-Regular.svg#LyonDisplay-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Lyon Display BoldItalic";
  src: url("fonts/LyonDisplay-BoldItalic.eot");
  src: url("fonts/LyonDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/LyonDisplay-BoldItalic.woff2") format("woff2"), url("fonts/LyonDisplay-BoldItalic.woff") format("woff"), url("fonts/LyonDisplay-BoldItalic.ttf") format("truetype"), url("fonts/LyonDisplay-BoldItalic.svg#LyonDisplay-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }
html {
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%; }

body {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  color: #000;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; }
body.fixed {
  overflow: hidden; }

.wrapper {
  position: relative;
  padding-top: 90px; }
@media only screen and (max-width: 960px) {
  .wrapper {
    padding-top: 80px; } }

section {
  position: relative; }

.container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1360px;
  padding: 0 30px;
  margin: 0 auto;
  position: relative; }
@media only screen and (max-width: 960px) {
  .container {
    padding: 0 20px; } }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }

.btnFondo {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 10px 30px;
  background: #ffc700;
  background: -moz-linear-gradient(90deg, #ffc700 0%, #ff0067 50%, #00274a 100%);
  background: -webkit-linear-gradient(90deg, #ffc700 0%, #ff0067 50%, #00274a 100%);
  background: linear-gradient(90deg, #ffc700 0%, #ff0067 50%, #00274a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc700",endColorstr="#00274a",GradientType=1); }
.btnFondo:hover {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }
.btnFondo strong {
  font-weight: 900; }

.btnFondo2 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  color: #000;
  text-align: center;
  display: inline-block;
  padding: 10px 30px;
  background: deepskyblue;
  background: -moz-linear-gradient(90deg, deepskyblue 0%, #ffff62 100%);
  background: -webkit-linear-gradient(90deg, deepskyblue 0%, #ffff62 100%);
  background: linear-gradient(90deg, #00bfff 0%, #ffff62 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00bfff",endColorstr="#ffff62",GradientType=1); }
.btnFondo2:hover {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

p {
  line-height: 1.2;
  font-weight: 300; }

strong {
  font-weight: 700; }

ul {
  line-height: 1.2; }
ul.dot li {
  position: relative;
  padding-left: 10px; }
ul.dot li:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  display: block;
  background-color: #000; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  line-height: 1.2; }

img {
  display: block; }

.sectionHeader {
  position: relative;
  margin-top: -90px;
  min-height: 600px; }
.sectionHeaderSis {
  position: relative;
  margin-bottom: 110px;;
}
.sectionHeaderSis .container .animacionSisthemis {
  display: flex;
  flex-direction: column;
  margin-top: -50px;
}
.sectionHeaderSis .titleSisthemis h1 {
  font-family: "Futura H", sans-serif;
  font-size: 6rem;
  color: #00717C;
}
.sectionHeaderSis .descSisthemis {
  font-family: "Cairo EL", sans-serif;
  font-size: 2.3rem;
  color: #6B6B6B;
  line-height: 1.2;
  position: absolute;
  top: 200px;
  width: 26%;
}
.sectionHeaderSis .imgLapSisthemis {
  z-index: -1;
}
.sectionHeaderSis .imgLapSisthemis img {
  /*position: absolute;*/
  width: 110%;
  height: auto;
  max-width: 1400px
}
.SisthemisMovil .container .descMovil {
  display: flex;
  align-items: center;
  justify-content: center;
}
.SisthemisMovil .container .descMovil .lMovil {

}
.SisthemisMovil .container .descMovil .lMovil img {
  width: 100%;
  height: auto;
  max-width: 500px
}
.SisthemisMovil .container .descMovil .rMovil {

}
.SisthemisMovil .container .descMovil .rMovil > div {
  background: rgba(6, 50, 72, 0.1);
  border-radius: 0 25px 25px 0 ;
  padding: 15px 15px 30px 40px;
  max-width: 450px;
  color: #636363;
}
.SisthemisMovil .container .descMovil .rMovil h2 {
  font-family: "Futura H", sans-serif;
  font-size: 4rem;
  color: #00717C;
  margin-bottom: 20px;
}
.SisthemisMovil .container .descMovil .rMovil p {
  font-family: "Cairo SB", sans-serif;
  font-size: 1.8rem;
}
.SisthemisMovil .container .descMovil .rMovil p:nth-child(3) {
  font-family: "Cairo EL", sans-serif;
}
.SisthemisMovil .container .descMovil .rMovil p:nth-child(4) {
  font-family: "Cairo B", sans-serif;}
.ctaSisthemis {
  margin: 70px auto 0;
  box-sizing: border-box;
  border-radius: 50px;
  background: rgb(0,189,255);
  background: linear-gradient(26deg, rgba(0,189,255,1) 0%, rgba(255,255,98,1) 100%);
  color:#000;
  display: block;
  font-family: "Cairo SB", sans-serif;
  font-size: 1.1rem;
  padding: 12px 50px;
  text-align: center;
  width: 320px;
}

/*===============================================
=            SISTHEMIS UNIVERSITARIO            =
===============================================*/
.sisthemisUniversitario {
  margin-top: 100px;
}
.sisUni {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sisthemisUniversitario .bgSisthemisUniversitario {
  background: #e3ff57;
  box-sizing: border-box;
  border-radius: 50px 0 0 50px;
  display: flex;
  justify-content: flex-end;
  padding-left: 50px;
  margin-right: -10px;
}

.sisthemisUniversitario p {
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 40px;
  max-width: 390px;
}
.sisthemisUniversitario span {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}
.ctaSisthemisUni {
  background: rgb(255,197,0);
  background: linear-gradient(126deg, rgba(255,197,0,1) 0%, rgba(255,0,103,1) 47%, rgba(0,39,74,1) 100%);
  border-radius: 10px;
  color: #FFF;
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  padding: 12px 30px;
  text-align: center;
  box-sizing: border-box;
  max-width: 320px;
}
.img-mujer {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
}
.img-mujer img {
  width: 100%;
  max-width: 300px;
}
.txtSisthemisUniversitario {
  box-sizing: border-box;
  padding: 10px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  text-align: center;
}
.logoSisthemisUni img {
  width: 100%;
  max-width: 240px;
  margin: 0 auto 40px auto;
}
.sisUni .img-phoneUni {
}
.sisUni .img-phoneUni img {
  height: auto;
  max-width: 330px;
}
.HideDesk {
  display: none;
}
@media (max-width:1100px) {
  .descSisthemis p {
    font-size: 1.8rem
  }
}

@media (max-width:960px) {
  .descSisthemis p{
    font-size: 1.8rem;
  }
  .SisthemisMovil .container .descMovil {
    flex-direction: column;
  }
}

@media (max-width:640px) {
  .sectionHeaderSis .descSisthemis {
    position: initial;
    width: initial;
  }
  .descSisthemis p{
    font-size: 1.8rem;
    margin:40px 0;
  }
}
@media (max-width:414px) {
  .Hide { display:none; }
  .HideDesk { display:initial; }
  .container { overflow:hidden; }
  .sectionHeaderSis .titleSisthemis h1 {
    font-size: 4rem;
  }
  .SisthemisMovil .container { overflow: initial;}
  .SisthemisMovil .container .descMovil .lMovil img {
    filter: drop-shadow(8px 8px 10px gray);
  }
  .SisthemisMovil .container .descMovil .rMovil {
    z-index: -1;
  }
  .SisthemisMovil .container .descMovil .rMovil > div {
    border-radius: 25px;
    padding: 80px 25px 150px 25px;
    margin-top: -60px
  }
  .ctaSisthemis {
    margin-top: -100px;
    padding: 12px 40px;
    width: 90%;
  }
  .descSisthemis p{
    font-family: "Cairo R",sans-serif;
    font-size: 1.4rem;
    margin:50px 0 0 0;
  }
  .sectionHeaderSis .imgLapSisthemis img {
    max-width: 680px;
    margin-left: -240px;
    width: initial;
    overflow: hidden;
  }
  .SisthemisMovil .container .descMovil {
    flex-direction: column;
  }
  .sUniversitario {
    display: flex;
    flex-direction: column;
    margin-top: 100px;
  }
  .bgUni { margin-right:-8px }
  .sUniversitario .logo img { width:60%; margin:0 auto 35px auto;}
  .girl-phone { display:flex; flex-direction:row; justify-content: center;}
  .girl-phone img {
    width: 100%;
    max-width: 300px;
  }
  .girl-phone .girlUni {
    border-radius: 25px;
    margin: 16px 0 0 0;
  }
  .sUniversitario .sisthemisUniversitario p{
    margin-top: -70px;
    text-align: center;
  }
  .ctaSisthemisUni { margin:0 auto; }

}
/*=====  End of SISTHEMIS UNIVERSITARIO  ======*/


@media only screen and (max-width: 640px) {
  .sectionHeader {
    min-height: 420px; } }
.sectionHeader .sectionHeaderImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
.sectionHeader .sectionHeaderImg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }


.navInferior {
  display: block;
  position: fixed;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 10;
  display: none;
  overflow-y: scroll;
}
.navInferior .navPerfiles{
  display: flex;
  justify-content: space-between;
  padding: 10px 0 10px;
  gap: 15px;
}
.navInferior .navPerfiles .cardPerfiles {
  display: block;
  min-width: 70px;
  text-align: center;
  font-size: .92rem;
  font-size: 92%;
}
.navInferior .navPerfiles .cardPerfiles:nth-child(6) h3{
  /*font-size: .7rem;
  margin-top: 3px;*/
}
.navInferior .navPerfiles .cardPerfiles img{
  width: 100%;
  max-width: 90px;
  margin: 0 auto;
}
@media (max-width:960px) {
  .navInferior { display: initial; }
  header.fixed { background-color:rgba(255, 255, 255, 0.95) !important; }
}

header {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  position: fixed;
  width: 100%;
  height: auto;
  z-index: 10; }
header.fixed {
  background-color: rgba(255, 255, 255, 0.9); }
header .container nav {
  padding: 20px 0; }
header .container nav > ul {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-pack: justify; }
header .container nav > ul li {
  position: relative; }
/*header .container nav > ul li.hasSub:hover a {
  background-color: #eaf1f8; }*/
header .container nav > ul li:hover a:after {
  width: 100%; }
header .container nav > ul li:hover .fakeSubMenu {
  opacity: 1;
  filter: alpha(opacity=100);
  pointer-events: auto; }
header .container nav > ul li:hover .subMenu {
  opacity: 1;
  filter: alpha(opacity=100);
  pointer-events: auto; }
header .container nav > ul li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: "Futura L", sans-serif;
  text-align: center;
  position: relative;
  display: block;
  height: 50px;
  margin: 0;
  padding: 15px 0;
  outline: none; }
header .container nav > ul li a:hover:after {
  width: 100%; }
header .container nav > ul li a:after {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  display: block;
  content: "";
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #000; }
header .container nav > ul li a.active.aInicio {
  color: #FFF;
  font-family: "Futura H", sans-serif;
}
header .container nav > ul li a.active.aIni {
  color: #000;
  font-family: "Futura H", sans-serif;
}
header .container nav > ul li a.active.aSis {
  color: #00717C;
  font-family: "Futura H", sans-serif;
}
header .container nav > ul li a.active.aColec {
  color: #B62300;
  font-family: "Futura H", sans-serif;
}
header .container nav > ul li a.active.aPro {
  color: #0071B5;
  font-family: "Futura H", sans-serif;
}
header .container nav > ul li a.active.aFondo {
  color: #D20078;
  font-family: "Futura H", sans-serif;
}
header .container nav > ul li a.active.aContacto {
  color: #000;
  font-family: "Futura H", sans-serif;
}
header .container nav > ul li a.active:after {
  width: 100%; }
header .container nav > ul li .plus {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: -8px;
  width: 40px;
  height: 40px;
  border: #000 1px solid;
  display: none;
  cursor: pointer; }
header .container nav > ul li .plus:after {
  font-size: 24px;
  font-size: 1.5rem;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  content: "+";
  display: block; }
header .container nav > ul li .plus.open:after {
  content: "-"; }
header .container nav > ul li .fakeSubMenu {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  left: -15px;
  top: 50px;
  width: calc(100% - -30px);
  padding: 15px 0;
  background-color: #eaf1f8;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0); }
header .container nav > ul li .fakeSubMenu li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 1rem;
  font-family: "Futura L", sans-serif;
  text-align: center;
  display: block;
  padding: 8px 3px;
  cursor: pointer; }
header .container nav > ul li .fakeSubMenu li:hover {
  background-color: #d9e6f1; }
header .container nav > ul li .fakeSubMenu li.active {
  background-color: #d9e6f1; }
header .container nav > ul li .subMenu {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: uppercase;
  position: absolute;
  left: -40px;
  /*top: 50px;
  width: calc(100% - 30px);*/
  padding: 15px 0;
  background-color: #eaf1f8;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0); }
header .container nav > ul li .subMenu li a {
  height: auto;
  margin: 0;
  padding: 8px 15px; }
header .container nav > ul li .subMenu li a:after {
  display: none; }
header .container nav > ul li .subMenu li a:hover {
  background-color: #d9e6f1; }
header .container nav > ul li .subMenu li a.active {
  background-color: #d9e6f1; }

.hamburger .fondoMovil {
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 50px;
}
.hamburger .fondoMovil img {
  position: absolute;
  top: 25%;
  left: 6%;
}
.hamburger {
  /*-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;*/
  position: fixed;
  /*right: 20px;*/
  /*top: 20px;*/
  width: 100%;
  min-width: 375px;
  height: 35px;
  border: 0;
  background-color: #fff;
  z-index: 60;
  display: none; }
.hamburger .hamCon {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  /*align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;*/
  position: absolute;
  /*-webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
  top: 60%;
  /*left: 50%;*/
  right: 6%;
  width: 26px;
  height: 26px;
  z-index: 100;
  cursor: pointer;
  display: none; }
.hamburger .hamCon span, .hamburger .hamCon span::before, .hamburger .hamCon span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 25px;
  background-color: #000;
  transition-duration: 0.25s; }
.hamburger .hamCon span:before {
  content: "";
  top: -8px; }
.hamburger .hamCon span:after {
  content: "";
  top: 8px; }
.hamburger .hamCon:before {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
  position: absolute;
  left: -5px;
  display: block;
  width: 36px;
  height: 36px;
  background-color: transparent; }
.hamburger.show .hamCon > span {
  transform: rotate(45deg); }
.hamburger.show .hamCon > span:before {
  top: 0;
  transform: rotate(0); }
.hamburger.show .hamCon > span:after {
  top: 0;
  transform: rotate(90deg); }

@media only screen and (max-width: 960px) {
  header {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 50;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5); }
  header .container {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; }
  header .container nav ul {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center; }
  header .container nav ul li:nth-child(1) {
    display: none;
  }

  header .container nav ul li {
    padding: 0; }
  header .container nav ul li.hasSub {
    padding-right: 40px; }
  header .container nav ul li.hasSub:hover a {
    background-color: transparent; }
  header .container nav ul li a {
    font-size: 24px;
    font-size: 1.5rem;
    position: relative;
    display: block;
    padding: 0;
    height: auto; }
  header .container nav ul li a:after {
    bottom: -5px; }
  header .container nav ul li .plus {
    display: block; }
  header .container nav ul li .fakeSubMenu {
    position: relative;
    width: 100%;
    left: initial;
    top: initial;
    padding: 30px 0 0;
    padding-left: 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent; }
  header .container nav ul li .fakeSubMenu li {
    font-size: 18px;
    font-size: 1.125rem; }
  header .container nav ul li .fakeSubMenu li + li {
    margin-top: 0; }
  header .container nav ul li .subMenu {
    position: relative;
    width: 100%;
    left: initial;
    top: initial;
    padding: 30px 0 0;
    padding-left: 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent; }
  header .container nav ul li ul.subMenu li:nth-child(1){
    display: initial;
  }
  header .container nav ul li .subMenu li a {
    font-size: 18px;
    font-size: 1.125rem; }
  header .container nav ul li .subMenu li + li {
    margin-top: 0; }
  header .container nav ul li .accM {
    max-height: 0;
    padding-top: 0;
    overflow: hidden; }
  header .container nav ul li .accM.open {
    padding-top: 30px;
    max-height: 300px; }
  header .container nav ul li + li {
    margin-top: 30px; }
  header.open {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 350ms ease all;
    -moz-transition: 350ms ease all;
    transition: 350ms ease all; }

  .hamburger {
    display: block; } }


/*=========================================
=            Footer navegacion            =
=========================================*/
.composision .textosInicio h2 span {
  display: block;
  white-space: nowrap;
  border-right: 4px solid;
  width: 21ch;
  animation: typing 6s steps(21), blink .5s infinite step-end alternate;
  overflow: hidden;
}

@keyframes typing {
  from { width:0 }
}

@keyframes blink {
  50% { border-color: transparent; }
}

footer .Perfiles{
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 1%;
  right: 5%;
  width: 45vw;
}
.Perfiles .cardPerfiles {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1vw;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin:0 6px;
  max-width: 110px;
  transition: all 0.2s;
}
.Perfiles .cardPerfiles:hover {
  transform: scale(1.3);
  transition: all 0.5s;
}
.Perfiles .cardPerfiles h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1vw;
  font-weight: 400;
}
.Perfiles .cardPerfiles img{
  width: 100%;
  max-width: 110px;
  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.3), 0 11px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  margin-bottom: 10px;
}
@media (max-width:1100px) {
  footer .Perfiles { 
    position:initial;
    width: 70vw;
    margin: 30px auto;}
  .Perfiles .cardPerfiles h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.6vw;
  }
 }
@media (max-width:960px) {
  footer .Perfiles { 
    position:initial;
    width: 70vw;
    margin: 30px auto;}
  .Perfiles .cardPerfiles h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.6vw;
  }
}
@media (max-width:640px) {
  footer .Perfiles { 
    position:initial;
    width: 90vw;
    margin: 30px auto;}
  .Perfiles .cardPerfiles h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 2vw;
  }
}
@media (max-width:500px) {
  footer .Perfiles { display: none; }
}

/*=====  End of Footer navegacion  ======*/


.footerHomeWrap {
  background-color: #000018;
  padding-bottom: 80px; }
.footerHomeWrap .footerHome {
  color: #fff; }
.footerHomeWrap .footerHome .footerHomeSocial {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
.footerHomeWrap .footerHome .footerHomeSocial p {
  font-size: 28px;
  font-size: 1.75rem;
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  text-align: center; }
.footerHomeWrap .footerHome .footerHomeSocial ul {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-weight: 400;
  margin-top: 30px; }
.footerHomeWrap .footerHome .footerHomeSocial ul li {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Barlow", sans-serif;
  padding: 0 20px; }
.footerHomeWrap .footerHome .footerHomeSocial ul li a {
  position: relative;
  display: block;
  padding-left: 32px; }
.footerHomeWrap .footerHome .footerHomeSocial ul li a:before {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-size: contain; }
.footerHomeWrap .footerHome .footerHomeSocial ul li a.fb:before {
  background: url(vector/ico-facebook-w.svg) no-repeat 0 0; }
.footerHomeWrap .footerHome .footerHomeSocial ul li a.twitter:before {
  background: url(vector/ico-twitter-w.svg) no-repeat 0 0; }
.footerHomeWrap .footerHome .footerHomeSocial ul li a.instagram:before {
  background: url(vector/ico-instagram-w.svg) no-repeat 0 0; }
.footerHomeWrap .footerHome .footerHomeSocial ul li a.linkedin:before {
  background: url(vector/ico-linkedin-w.svg) no-repeat 0 0; }
.footerHomeWrap .footerHome .footerHomeLogo {
  padding: 40px 0 0; }
.footerHomeWrap .footerHome .footerHomeLogo img {
  width: 100%;
  max-width: 134px;
  height: auto;
  margin: 0 auto;
  display: table; }
.footerHomeWrap .footerHome .footerHomeCpy {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center; }
.footerHomeWrap .footerHome .footerHomeCpy p {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Barlow", sans-serif; }

.footerSimple {
  padding: 20px 0 40px; }
.footerSimple span {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Lato", sans-serif;
  display: block;
  text-align: center;
  margin-bottom: 20px; }
.footerSimple a {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  color: #636363;
  display: block;
  margin: 0 auto; }
.footerSimple a strong {
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  display: block;
  color: #B62300; }
.urlProfesionales a strong {
  color: #0071B5;
}
.urlSisthemis a strong {
  color: #00717C;
}
.urlFondo a strong {
  color: #D20078;
}




/*========================================
=            PORTADA CATÁLOGO            =
========================================*/
header.blanco .container.portadaAz nav > ul li a:after { background-color:#FFF }
.inicio2023 .container {
  max-width: 1600px;
}
.wrapper {
}
.composision {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.composision .textosInicio {
  position: absolute;
  right: 0%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: -260px;
  margin-right: 1%;
}

.composision .textosInicio h1 {
  font-family: "Futura H", sans-serif;
  font-size: 7rem;
  color: #fff;
  text-align: right;
  text-shadow: 0 0 13px #000;}
.composision .textosInicio h1 span {
  font-family: "Futura L", sans-serif;}
.composision .textosInicio h2 {
  font-family: "Cairo EL", sans-serif;
  font-size:3.5rem;
  color: #fff;
  margin-top: -20px;
  text-align: right;}
.composision img {
  width: 100%;
  max-width: 814px;
  margin:0 auto 0 auto;
}
a.ctaInicio {
  position: absolute;
  background: rgb(0,0,51);
  background: linear-gradient(120deg, rgb(0, 0, 51) 15%, rgb(255, 0, 57) 100%);
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  color: #fff;
  width: 250px;
  padding: 10px;
  border-radius: 25px;
  text-align: center;
  top: 210px;
  right: 40px;}


@media (max-width:1400px){
  .composision img {
    max-width: 750px;
  }
  .composision .textosInicio h1 {
    font-size: 6rem;
  }
  .composision .textosInicio h2 {
    font-size: 4rem;
  }
  /*footer .Perfiles {
    width: 45vw;
  }*/
}

@media (max-width:1200px){
  .composision .textosInicio {
    text-align: right;
  }
  .composision .textosInicio h1 {
    font-size: 5.5rem;
  }
  .composision .textosInicio h2 {
    font-size: 3.5rem;
  }
}
@media (max-width:1100px) {
  .composision {
    align-items: center; 
    flex-direction:column-reverse; }
  .composision .textosInicio {
    position: initial;
    margin-top: inherit;
  }
  .composision .textosInicio h1 {
    font-size: 7rem;
  }

  .composision .textosInicio h2 {
    font-size: 4rem;
  }
}
@media (max-width:960px) {
  .wrapper { 
  }
  .composision .textosInicio {
    position: initial;
  }
  .composision {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .composision img {
    width: 100%;
    max-width: 814px;
    margin:0 auto 0 auto;
  }
  .composision .textosInicio h1 {
    margin-left: inherit;
    font-family: "Futura H", sans-serif;
    font-size: 7rem;
    color: #fff;
    text-align: right;
    text-shadow: 0 0 13px #000;
  }
  .composision .textosInicio h1 span {
    font-family: "Futura L", sans-serif;
  }
  .composision .textosInicio h2 {
    font-family: "Cairo EL", sans-serif;
    font-size: 4rem;
    color: #fff;
    text-align: right;
    margin-top: -30px;
  }
  a.ctaInicio {
    position: absolute;
    background: rgb(0,0,51);
    background: linear-gradient(120deg, rgb(0, 0, 51) 15%, rgb(255, 0, 57) 100%);
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: #fff;
    width: 250px;
    padding: 10px;
    border-radius: 25px;
    text-align: center;
    top: 300px;
    right: 40px;
  }
}
@media (max-width:800px) {
  .composision .textosInicio h1 {
    font-size: 6rem;
  }
  .composision .textosInicio h2 {
    font-size: 3rem;
    margin-top: -5px;
  }
  a.ctaInicio {
    width: 200px;
  }
}

@media (max-height: 775px) {
  .composision img {
    max-width: 660px;
  }
}

@media (max-width:640px) {
  .composision .textosInicio h1 {
    font-size: 4rem
  }
  .composision .textosInicio h2 {
    font-size: 2rem;}
  a.ctaInicio {
    position: initial;
    display: block;
    width: 250px;
    margin: 20px auto;
  }
}
@media (max-width:414px) {
  .wrapper {
    /*height: 100vh;
    overflow: hidden;*/
  }
  .composision {
    flex-direction: column;
  }
  .composision .textosInicio {
    align-items: center;
  }
  .composision .textosInicio h1 {
    font-size: 3.5rem;
    /*word-wrap: anywhere;*/
    text-align: center;
  }
  .composision .textosInicio h1 span {
    /*word-wrap: break-word;*/
    display: block;
    font-size: 8rem;
    margin-top: -30px
  }
  .composision .textosInicio h2 {
    text-align: center;
    font-size: 2.2rem;}
  .composision img {
    margin-top: -5px;
    width: 400px;
  }
  a.ctaInicio {
    top:initial;
    right: initial;
    position: initial;
    margin: 50px auto 150px auto;
    width: 250px;
    display: block;
  }
}
@media (max-width:375px) {
  .composision img {
    margin-top: -5px;
    width: 380px;
  }
}
/*=====  End of PORTADA CATÁLOGO  ======*/
/**
 *
 * fIN
 *
 */



/*================================
=            Perfiles            =
================================*/

/* PERFILES */
.menuPerfiles {
  color: #000 !important;
}
.HeaderPerfiles {
  margin-top: 80px;
}
.navIntoPerfiles h3 {
  color: #545454;
  text-align: center;
}
section.Perfiles0 {
  
}
section.Perfiles0 .container {
}
.solapado {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 101;
  width: 35%;
}

.HeaderPerfiles h1 {
  font-family: 'Futura H', sans-serif;
  font-size: 8rem;
  color: #003A62;
}
.HeaderPerfiles h1.Univ { font-size: 6rem !important }
.HeaderPerfiles p {
  font-family: 'Barlow', sans-serif;
  /*font-size: 2.1rem;*/
  font-size: 1.75rem;
  font-weight: 300;
}
a.ctaPerfiles {
  background: #003A62;
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  width: 250px;
  padding: 15px 0;
  border-radius: 25px;
  text-align: center;
  margin:50px 0 0 0;
}
a.ctaPerfiles:hover {
  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
a.ctaSecundarioPerfil {
  background: rgb(255,193,0);
  background: linear-gradient(60deg, rgba(255,193,0,1) 0%, rgba(255,0,103,1) 50%, rgba(0,39,74,1) 100%);
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  width: 390px;
  padding: 16px 0;
  border-radius: 25px;
  text-align: center;
  margin:50px 0 0 200px;
}
.ilustracionPerfil {
  float: right;
  width: 50%;
}
.ilustracionPerfil h2 {
  /*margin:0 0 0 220px;*/
  font-family: 'Futura H', sans-serif;
  font-size: 1.6rem;
}
.ilustracionPerfil ul {
  margin:-10px 0 30px 240px;
  font-family: 'Cairo L', sans-serif;
  font-size: 1.2rem;
  list-style: square;
}
/*.ilustracionPerfil li:nth-child(even) {
  background: steelblue;
  padding: 6px 0;
}*/
.ilustracionPerfil img {
  margin: -50px 0 0 0;
}
.ilustracionPerfil .headersUl {
  display: flex;
  justify-content: center;
  margin: 90px 0 0 30px;
  align-items: center;
}
.ilustracionPerfil .headersUl img {
  width: 150px;
}
.navIntoPerfiles {
  display: flex;
  justify-content: space-between;
  margin: 14% 10px 0 10px;
  width: 95%;
}
.navIntoPerfiles .cardPerfiles {
  margin: 0 5px;
}
.navIntoPerfiles img {
  width: 100%;
  max-width: 110px;
  min-width: 89px;
}
.HeaderPerfiles.Movil { display: none; }
@media (max-width: 1366px) {
  .navIntoPerfiles {
    /*width: 145%;
    margin-top: 22%;*/
  }
  .HeaderPerfiles p {
    font-size: 1.4rem;
  }
}
@media (max-width: 1100px) {
  .HeaderPerfiles h1 { font-size: 7rem; }
  .HeaderPerfiles h1.Univ { font-size: 5.8rem !important }
  .ilustracionPerfil span { margin:50px 0 !important; }
  .navIntoPerfiles h3 {
    font-size: 100%;
  }
  a.ctaSecundarioPerfil { 
    margin: 50px 0 0 180px;
    width:330px }

  .container .ilustracionPerfil {
  }
  .HeaderPerfiles.Movil { display: none; }
}
@media (max-width: 960px) {
  .HeaderPerfiles.Movil { display: initial !important; }
  .HeaderPerfiles.Movil h1{ 
  font-size: 8rem;
   }
  .HeaderPerfiles h1 { font-size: 6rem; }
  .solapado { display: none }
  .ilustracionPerfil { 
    float: inherit;
    width:initial; }
  .ilustracionPerfil img { 
    margin:0 auto;
    width:100%;
    height:auto;
    max-width:600px }
  .ilustracionPerfil .headersUl img {
    width: 150px !important;
    margin: initial;
  }

}
@media (max-width: 640px) {
  .HeaderPerfiles.Movil h1{ 
    font-size: 17vw;
  }
  .HeaderPerfiles.Movil h1.Univ { font-size: 13vw !important }
  .HeaderPerfiles.Movil p {
    font-size: 8vw;
  }
  .ilustracionPerfil ul { margin: 10px 20px 20px 20px}
  .ilustracionPerfil span { 
    display: block;
    margin:0px auto 130px auto !important}
  a.ctaSecundarioPerfil { margin:50px auto; }
}
/* ******************************* */

/*=====  End of Perfiles  ======*/




@media only screen and (max-width: 960px) {
  .footerHomeWrap {
    padding-bottom: 40px; }
  .footerHomeWrap .footerHome .footerHomeSocial p {
    font-size: 18px;
    font-size: 1.125rem; }
  .footerHomeWrap .footerHome .footerHomeSocial ul {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }
  .footerHomeWrap .footerHome .footerHomeSocial ul li {
    font-size: 16px;
    font-size: 1rem;
    padding: 0; }
  .footerHomeWrap .footerHome .footerHomeSocial ul li a {
    padding-left: 0;
    padding-top: 25px; }
  .footerHomeWrap .footerHome .footerHomeSocial ul li a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0; }
  .footerHomeWrap .footerHome .footerHomeSocial ul li + li {
    margin-top: 15px; }
  .footerHomeWrap .footerHome .footerHomeCpy p {
    font-size: 16px;
    font-size: 1rem; } }
@media only screen and (max-width: 640px) {
  .footerHomeWrap .footerHome .footerHomeSocial ul li {
    font-size: 16px;
    font-size: 1rem; }

  .footerSimple {
    padding: 20px 0 40px; }
  .footerSimple span {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 15px; }
  .footerSimple a {
    font-size: 14px;
    font-size: 0.875rem; }
  .footerSimple a strong {
    font-size: 38px;
    font-size: 2.375rem; } }
@media (max-width:500px) {
  .footerSimple {
    padding: 0 0 120px 0;
  }
}
.homeMain {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 520px;
  padding: 40px 0; }
.homeMain .homeMainWrap {
  position: relative;
  width: 100%;
  max-width: 820px;
  margin: 0 auto; }
.homeMain .homeMainWrap .hMainHeader {
  position: absolute;
  left: 0;
  top: 100px;
  width: 572px;
  height: 268px;
  background: url(vector/img-catalogo-2022.svg) no-repeat 0 0;
  background-size: cover; }
.homeMain .homeMainWrap .hMainHeader h1 {
  font-size: 64px;
  font-size: 4rem;
  font-family: "Lyon Display Light", sans-serif;
  color: #4b90bd;
  position: absolute;
  left: 19px;
  top: 44px; }
.homeMain .homeMainWrap .hMainHeader h1 span {
  font-size: 177px;
  font-size: 11.0625rem;
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  display: block;
  margin: -62px 0 0 -10px; }
.homeMain .homeMainWrap .hMainLogo {
  position: absolute;
  right: 0;
  top: 0; }
.homeMain .homeMainWrap .hMainLogo .hMainLogoText {
  position: relative; }
.homeMain .homeMainWrap .hMainLogo .hMainLogoImg {
  position: absolute;
  right: 120px;
  top: 80px;
  height: 350px; }
.homeMain .homeMainWrap .hMainLogo .hMainLogoImg .hMainLogoImgGlobe {
  position: relative; }
.homeMain .homeMainWrap .hMainLogo .hMainLogoImg .hMainLogoImgShadow {
  position: absolute;
  right: 20px;
  bottom: 0; }

.homeProductos .container {
  position: relative; }
.homeProductos .homeProductosHeader {
  position: relative;
  width: 580px;
  height: 212px;
  margin: 0 auto;
  background: url(vector/img-productos-text.svg) no-repeat 0 0;
  background-size: cover; }
.homeProductos .homeProductosHeader h2 {
  font-size: 56px;
  font-size: 3.5rem;
  font-family: "Lyon Display Light", sans-serif;
  color: #4b90bd;
  position: absolute;
  left: 228px;
  top: 15px; }
.homeProductos .homeProductosHeader h2 span {
  font-size: 68px;
  font-size: 4.25rem;
  display: block;
  position: absolute;
  left: 0;
  top: 36px; }
.homeProductos .homeProductosHeader h2 strong {
  font-size: 99px;
  font-size: 6.1875rem;
  font-weight: 300;
  display: block;
  position: absolute;
  left: -188px;
  top: 76px; }
.homeProductos .homeProductLeyes {
  position: relative;
  width: 100%;
  max-width: 730px;
  margin: 0 auto;
  padding-bottom: 150px;
  left: -50px; }
.homeProductos .homeProductLeyes .hProdLeyesImg {
  position: relative;
  margin: 0 auto;
  display: table;
  z-index: 1; }
.homeProductos .homeProductLeyes .hProdLeyesImg img {
  width: 100%;
  height: auto; }
.homeProductos .homeProductLeyes .hProdLeyesInfo {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 115px;
  -moz-border-radius: 115px;
  border-radius: 115px;
  text-align: center;
  position: absolute;
  left: 45px;
  top: 275px;
  width: 230px;
  padding: 30px 15px;
  background: #4b90bd;
  background: -moz-linear-gradient(180deg, #4b90bd 0%, #002244 100%);
  background: -webkit-linear-gradient(180deg, #4b90bd 0%, #002244 100%);
  background: linear-gradient(180deg, #4b90bd 0%, #002244 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b90bd",endColorstr="#002244",GradientType=1); }
.homeProductos .homeProductLeyes .hProdLeyesInfo h3 {
  font-size: 72px;
  font-size: 4.5rem;
  font-family: "Lyon Display BoldItalic", sans-serif;
  color: #fff;
  margin-top: 130px; }
.homeProductos .homeProductLeyes .hProdLeyesInfo p {
  color: #fff; }
.homeProductos .homeProductLeyes .hProdLeyesExtra {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 115px;
  -moz-border-radius: 115px;
  border-radius: 115px;
  text-align: center;
  position: absolute;
  right: -180px;
  top: 20px;
  width: 230px;
  padding: 30px 15px;
  padding-bottom: 60px;
  background: red;
  background: -moz-linear-gradient(180deg, red 0%, #00007d 100%);
  background: -webkit-linear-gradient(180deg, red 0%, #00007d 100%);
  background: linear-gradient(180deg, #ff0000 0%, #00007d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00007d",GradientType=1); }
.homeProductos .homeProductLeyes .hProdLeyesExtra .alertIcon {
  width: 120px;
  margin: 0 auto;
  margin-top: -60px;
  margin-bottom: -15px; }
.homeProductos .homeProductLeyes .hProdLeyesExtra .alertIcon img {
  width: 100%;
  height: auto; }
.homeProductos .homeProductLeyes .hProdLeyesExtra p {
  font-size: 24px;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500; }
.homeProductos .homeProductLeyes .hProdLeyesExtra p strong {
  color: #ffff00;
  font-weight: 700; }

.homeSisthemis {
  padding: 40px 0; }
.homeSisthemis .homeSisthemisWrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisInfo {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
  float: right;
  position: relative;
  width: 100%;
  max-width: 880px;
  padding: 30px 60px;
  background: #003644;
  background: -moz-linear-gradient(270deg, #003644 0%, #00ddaa 100%);
  background: -webkit-linear-gradient(270deg, #003644 0%, #00ddaa 100%);
  background: linear-gradient(270deg, #003644 0%, #00ddaa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003644",endColorstr="#00ddaa",GradientType=1); }
.homeSisthemis .homeSisthemisWrap .homeSisthemisInfo h3 {
  font-size: 70px;
  font-size: 4.375rem;
  font-family: "Galette Light", sans-serif;
  color: #fff;
  margin-top: -26px;
  padding-left: 20px; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisInfo p {
  font-size: 22px;
  font-size: 1.375rem;
  color: #fff;
  padding-left: 30px; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-pack: justify;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  width: 100%;
  position: relative;
  z-index: 1; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraVideo {
  width: 480px;
  margin-top: -157px;
  position: relative; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraVideo img {
  width: 100%;
  height: auto; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraVideo .squareLink {
  position: absolute;
  display: block;
  left: 13px;
  top: 15px;
  width: 454px;
  height: 256px; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraVideo .squareLink:after {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  background: url(vector/ico-play.svg) no-repeat 0 0;
  background-size: cover; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraVideo .squareLink:hover:after {
  width: 90px;
  height: 90px; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  width: calc(100% - 515px);
  position: relative;
  padding: 30px 0;
  padding-left: 20px;
  padding-right: 120px;
  margin-bottom: 10px;
  background: red;
  background: -moz-linear-gradient(270deg, red 0%, #00007d 100%);
  background: -webkit-linear-gradient(270deg, red 0%, #00007d 100%);
  background: linear-gradient(270deg, #ff0000 0%, #00007d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00007d",GradientType=1); }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox .alertIcon {
  position: absolute;
  width: 120px;
  left: -45px;
  top: -40px; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox .alertIcon img {
  width: 100%;
  height: auto; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox p {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  text-align: right; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox .hSisExtraBoxImg {
  position: absolute;
  right: -15px;
  top: -75px;
  width: 135px; }
.homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox .hSisExtraBoxImg img {
  width: 100%;
  height: auto; }

.homeFondo {
  padding-top: 10px; }
.homeFondo .homeFondosWrap {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative; }
.homeFondo .homeFondosWrap .hFondoImg {
  width: 675px;
  position: relative;
  z-index: 1; }
.homeFondo .homeFondosWrap .hFondoImg img {
  width: 100%;
  height: auto; }
.homeFondo .homeFondosWrap .hFondoImg .hfImgLink {
  position: absolute;
  display: block; }
.homeFondo .homeFondosWrap .hFondoImg .hfImgLink.v1 {
  -moz-transform: rotate(-25deg) skew(15deg, 0deg);
  -webkit-transform: rotate(-25deg) skew(15deg, 0deg);
  -o-transform: rotate(-25deg) skew(15deg, 0deg);
  -ms-transform: rotate(-25deg) skew(15deg, 0deg);
  transform: rotate(-25deg) skew(15deg, 0deg);
  left: 25%;
  top: 2%;
  width: 42%;
  height: 49%; }
.homeFondo .homeFondosWrap .hFondoImg .hfImgLink.v2 {
  -moz-transform: rotate(-11deg) skew(15deg, 0deg);
  -webkit-transform: rotate(-11deg) skew(15deg, 0deg);
  -o-transform: rotate(-11deg) skew(15deg, 0deg);
  -ms-transform: rotate(-11deg) skew(15deg, 0deg);
  transform: rotate(-11deg) skew(15deg, 0deg);
  left: 45%;
  top: 19%;
  width: 42%;
  height: 49%; }
.homeFondo .homeFondosWrap .hFondoImg .hfImgLink.v3 {
  -moz-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  -o-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  left: 35%;
  top: 40%;
  width: 46%;
  height: 54%; }
.homeFondo .homeFondosWrap .hFondoInfo {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 115px;
  -moz-border-radius: 115px;
  border-radius: 115px;
  position: absolute;
  right: 110px;
  top: 60px;
  width: 230px;
  padding: 80px 15px;
  background: #ff007a;
  background: -moz-linear-gradient(180deg, #ff007a 0%, #004262 100%);
  background: -webkit-linear-gradient(180deg, #ff007a 0%, #004262 100%);
  background: linear-gradient(180deg, #ff007a 0%, #004262 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff007a",endColorstr="#004262",GradientType=1); }
.homeFondo .homeFondosWrap .hFondoInfo h3 {
  color: #fff;
  text-align: right; }
.homeFondo .homeFondosWrap .hFondoInfo h3 strong {
  font-size: 68px;
  font-size: 4.25rem;
  font-family: "Lyon Display BoldItalic", sans-serif; }
.homeFondo .homeFondosWrap .hFondoInfo h3 span {
  font-size: 42px;
  font-size: 2.625rem;
  display: block;
  margin-top: -28px; }
.homeFondo .homeFondosWrap .hFondoInfo .hFondoInfoPar .mask {
  shape-outside: polygon(0 0, 0 100%, 100% 100%);
  width: 100px;
  height: 180px;
  float: left; }
.homeFondo .homeFondosWrap .hFondoInfo .hFondoInfoPar p {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  text-align: right; }

.homeEspeciales {
  padding-top: 40px;
  overflow: hidden; }
.homeEspeciales .container {
  position: relative; }
.homeEspeciales .homeEspecialesHeader {
  position: relative;
  width: 675px;
  height: 202px;
  margin: 0 auto;
  background: url(vector/img-especiales-text.svg) no-repeat 0 0;
  background-size: cover; }
.homeEspeciales .homeEspecialesHeader h2 {
  font-size: 48px;
  font-size: 3rem;
  font-family: "Lyon Display Light", sans-serif;
  color: #4b90bd;
  position: absolute;
  left: 148px;
  top: -5px; }
.homeEspeciales .homeEspecialesHeader h2 span {
  font-size: 64px;
  font-size: 4rem;
  display: block;
  position: absolute;
  left: -93px;
  top: 46px; }
.homeEspeciales .homeEspecialesHeader h2 strong {
  font-size: 120px;
  font-size: 7.5rem;
  font-weight: 300;
  display: block;
  position: absolute;
  left: -116px;
  top: 76px; }
.homeEspeciales .homeEspecialesCarousel {
  padding-top: 40px; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider {
  margin-bottom: 0 !important; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-list, .homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-track {
  overflow: visible;
  margin-left: -8px; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-dots {
  bottom: 75px; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-dots li {
  margin: 0 18px;
  width: 16px;
  height: 16px; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-dots li button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 0;
  border: #959595 2px solid; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-dots li button:before {
  display: none; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-dots li.slick-active button {
  background-color: #959595; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld {
  position: relative;
  padding: 15px 30px 135px 15px;
  cursor: pointer; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld .hEspCarSldWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  width: 275px;
  height: 440px;
  padding: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  z-index: 1; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld .hEspCarSldWrap h3 {
  font-size: 58px;
  font-size: 3.625rem;
  font-family: "Duplicate Slab", sans-serif;
  color: #4b90bd; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld .hEspCarSldWrap h3.small {
  font-size: 40px;
  font-size: 2.5rem; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld .hEspCarSldWrap img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  height: auto;
  margin: 10px 0 20px;
  opacity: 0.8;
  filter: alpha(opacity=80); }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld .hEspCarSldWrap p {
  font-size: 20px;
  font-size: 1.25rem; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld .hEspCarSldWrap p strong {
  font-weight: 900;
  text-transform: uppercase; }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld .hEspCarSldWrap:hover img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
  filter: alpha(opacity=100); }
.homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .hEspCarSld .shadCard {
  -moz-transform: rotate(-58.3deg);
  -ms-transform: rotate(-58.3deg);
  -webkit-transform: rotate(-58.3deg);
  transform: rotate(-58.3deg);
  transform-origin: left top;
  position: absolute;
  top: 446px;
  left: 16px;
  width: 506px;
  height: 270px;
  background: #b6b6b6;
  background: -moz-linear-gradient(180deg, #b6b6b6 0%, rgba(182, 182, 182, 0) 100%);
  background: -webkit-linear-gradient(180deg, #b6b6b6 0%, rgba(182, 182, 182, 0) 100%);
  background: linear-gradient(180deg, #b6b6b6 0%, rgba(182, 182, 182, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b6b6b6",endColorstr="#b6b6b6",GradientType=1);
  opacity: 0.3;
  filter: alpha(opacity=30); }

.homeLinea {
  padding: 80px 0;
  background-color: #000018; }
.homeLinea .homeLineaHeader h2 {
  position: relative;
  color: #00a5ff;
  font-family: "Lyon Display Light", sans-serif;
  display: table;
  margin: 0 auto;
  height: 260px; }
.homeLinea .homeLineaHeader h2 span {
  font-size: 70px;
  font-size: 4.375rem; }
.homeLinea .homeLineaHeader h2 strong {
  font-size: 150px;
  font-size: 9.375rem;
  position: absolute;
  right: 0;
  top: 35px;
  font-weight: 300; }
.homeLinea .homeLineaGrid {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-pack: justify;
  width: 100%; }
.homeLinea .homeLineaGrid .hLineaGridEleWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 0 5px; }
.homeLinea .homeLineaGrid .hLineaGridEle {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  width: 275px;
  height: 455px;
  display: block;
  padding: 20px 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  z-index: 1; }
.homeLinea .homeLineaGrid .hLineaGridEle h3 {
  font-size: 40px;
  font-size: 2.5rem;
  font-family: "Duplicate Slab", sans-serif;
  color: #fff;
  text-align: center;
  padding: 0 10px; }
.homeLinea .homeLineaGrid .hLineaGridEle img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  height: 230px;
  object-fit: contain;
  margin: 10px 0 20px;
  padding: 0 10px; }
.homeLinea .homeLineaGrid .hLineaGridEle p {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  padding: 0 20px; }
.homeLinea .homeLineaGrid .hLineaGridEle.sisthemis {
  background: #00bea4;
  background: -moz-linear-gradient(180deg, #00bea4 0%, #004b32 100%);
  background: -webkit-linear-gradient(180deg, #00bea4 0%, #004b32 100%);
  background: linear-gradient(180deg, #00bea4 0%, #004b32 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00bea4",endColorstr="#004b32",GradientType=1); }
.homeLinea .homeLineaGrid .hLineaGridEle.coleccion {
  background: #ff4600;
  background: -moz-linear-gradient(180deg, #ff4600 0%, #780000 100%);
  background: -webkit-linear-gradient(180deg, #ff4600 0%, #780000 100%);
  background: linear-gradient(180deg, #ff4600 0%, #780000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff4600",endColorstr="#780000",GradientType=1); }
.homeLinea .homeLineaGrid .hLineaGridEle.profesionales {
  background: #0079c5;
  background: -moz-linear-gradient(180deg, #0079c5 0%, #00004b 100%);
  background: -webkit-linear-gradient(180deg, #0079c5 0%, #00004b 100%);
  background: linear-gradient(180deg, #0079c5 0%, #00004b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0079c5",endColorstr="#00004b",GradientType=1); }
.homeLinea .homeLineaGrid .hLineaGridEle.fondo {
  background: #ff004d;
  background: -moz-linear-gradient(180deg, #ff004d 0%, #001e5a 100%);
  background: -webkit-linear-gradient(180deg, #ff004d 0%, #001e5a 100%);
  background: linear-gradient(180deg, #ff004d 0%, #001e5a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff004d",endColorstr="#001e5a",GradientType=1); }
.homeLinea .homeLineaGrid .hLineaGridEle:hover img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.modalEsp {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none; }
.modalEsp.open {
  opacity: 1;
  filter: alpha(opacity=100);
  pointer-events: auto; }
.modalEsp.open .modalEspBox {
  left: 30px; }
.modalEsp .modalExpActions {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  position: absolute;
  right: 30px;
  top: 80px;
  z-index: 1; }
.modalEsp .modalExpActions li + li {
  margin-left: 30px; }
.modalEsp .modalExpActions li a.download {
  width: 35px;
  height: 35px;
  display: block;
  background: url(vector/ico-download.svg) no-repeat 0 0;
  background-size: cover;
  cursor: pointer; }
.modalEsp .modalExpActions li.close {
  width: 35px;
  height: 35px;
  display: block;
  background: url(vector/ico-close.svg) no-repeat 0 0;
  background-size: cover;
  cursor: pointer; }
.modalEsp .modalEspBox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  position: absolute;
  left: calc(100vw + 30px);
  top: 30px;
  width: calc(100% - 30px);
  height: calc(100% - 60px);
  padding: 15px 30px 45px;
  background: white;
  background: -moz-linear-gradient(90deg, white 0%, #e3e3e3 100%);
  background: -webkit-linear-gradient(90deg, white 0%, #e3e3e3 100%);
  background: linear-gradient(90deg, #ffffff 0%, #e3e3e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e3e3e3",GradientType=1);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
.modalEsp .meAvailable {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  position: absolute;
  right: 30px;
  bottom: 15px; }
.modalEsp .modalEspBoxScroll {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto; }
.modalEsp .modalEspBoxScroll h3 {
  font-size: 100px;
  font-size: 6.25rem;
  font-family: "Duplicate Slab", sans-serif;
  color: #4b90bd;
  margin-top: -15px; }
.modalEsp .modalEspBoxScroll .modalEspBoxText {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  margin-top: 20px;
  overflow: hidden; }
.modalEsp .modalEspBoxScroll .modalEspBoxText.threeCol .modalEspBoxTextCol {
  width: 33.33%; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-right: 30px;
  position: relative; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .floated {
  position: absolute;
  left: 150px;
  bottom: 0; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 150px;
  position: relative; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect.noImg {
  padding-left: 0; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect .meImg {
  position: absolute;
  left: 0;
  top: 0; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect .meImg.f1 {
  left: -20px; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect .meImg.l1 {
  top: 60px; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect .meImg.l2 {
  top: 40px; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect ul li {
  font-size: 18px;
  font-size: 1.125rem; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect [class*="btn"] {
  margin-top: 30px; }
.modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect + .modalEspBoxTextColSect {
  margin-top: 30px; }

@media only screen and (max-width: 1200px) {
  .homeLinea .homeLineaGrid {
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: -30px; }
  .homeLinea .homeLineaGrid .hLineaGridEleWrap {
    width: 50%;
    padding-top: 30px; }
  .homeLinea .homeLineaGrid .hLineaGridEle {
    margin: 0 auto; } }
@media only screen and (max-width: 1100px) {
  .homeProductos .homeProductLeyes {
    left: -100px; }

  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox p {
    font-size: 20px;
    font-size: 1.25rem; }

  .modalEsp .modalEspBoxScroll .modalEspBoxText.threeCol {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText.threeCol .modalEspBoxTextCol {
    width: 100%; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText.threeCol .modalEspBoxTextCol .modalEspBoxTextColSect.noImg {
    padding-left: 150px; } }
@media only screen and (max-width: 960px) {
  .homeMain {
    padding-top: 0;
    height: auto; }
  .homeMain .homeMainWrap {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column-reverse;
    -webkit-box-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse; }
  .homeMain .homeMainWrap .hMainHeader {
    position: relative;
    left: initial;
    top: initial;
    width: 255px;
    height: 170px;
    margin: 0 auto;
    margin-top: 30px; }
  .homeMain .homeMainWrap .hMainHeader h1 {
    font-size: 40px;
    font-size: 2.5rem;
    left: 12px;
    top: 29px; }
  .homeMain .homeMainWrap .hMainHeader h1 span {
    font-size: 112px;
    font-size: 7rem;
    margin: -39px 0 0 -6px; }
  .homeMain .homeMainWrap .hMainLogo {
    position: relative;
    right: initial;
    top: initial;
    width: 100%;
    max-width: 480px;
    margin: 0 auto; }
  .homeMain .homeMainWrap .hMainLogo .hMainLogoText {
    width: 100%; }
  .homeMain .homeMainWrap .hMainLogo .hMainLogoText img {
    width: 100%;
    height: auto; }
  .homeMain .homeMainWrap .hMainLogo .hMainLogoImg {
    position: relative;
    right: initial;
    top: initial;
    width: 100%;
    height: auto; }
  .homeMain .homeMainWrap .hMainLogo .hMainLogoImg .hMainLogoImgGlobe {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    margin-top: -50px; }
  .homeMain .homeMainWrap .hMainLogo .hMainLogoImg .hMainLogoImgGlobe img {
    width: 100%;
    height: auto; }
  .homeMain .homeMainWrap .hMainLogo .hMainLogoImg .hMainLogoImgShadow {
    position: relative;
    right: initial;
    bottom: initial;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    margin-top: 5px; }
  .homeMain .homeMainWrap .hMainLogo .hMainLogoImg .hMainLogoImgShadow img {
    width: 100%;
    height: auto; }

  .homeProductos .homeProductLeyes {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    left: initial;
    padding-bottom: 20px; }
  .homeProductos .homeProductLeyes .hProdLeyesInfo {
    position: relative;
    left: initial;
    top: initial;
    width: 100%;
    padding: 30px 60px;
    margin-top: 20px;
    background: #002244;
    background: -moz-linear-gradient(270deg, #002244 0%, #4b90bd 100%);
    background: -webkit-linear-gradient(270deg, #002244 0%, #4b90bd 100%);
    background: linear-gradient(270deg, #002244 0%, #4b90bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002244",endColorstr="#4b90bd",GradientType=1); }
  .homeProductos .homeProductLeyes .hProdLeyesInfo h3 {
    margin-top: 0; }
  .homeProductos .homeProductLeyes .hProdLeyesExtra {
    position: relative;
    right: initial;
    top: initial;
    width: 100%;
    padding: 30px 60px;
    margin-top: 30px;
    background: red;
    background: -moz-linear-gradient(270deg, red 0%, #00007d 100%);
    background: -webkit-linear-gradient(270deg, red 0%, #00007d 100%);
    background: linear-gradient(270deg, #ff0000 0%, #00007d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00007d",GradientType=1); }

  .homeSisthemis {
    padding: 20px 0; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisInfo {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding-bottom: 80px; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisInfo h3 {
    padding-left: 0; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisInfo p {
    text-align: center;
    padding-left: 0; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraVideo {
    margin-top: -60px; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox {
    width: 100%;
    max-width: 640px;
    margin-top: 30px;
    padding-left: 50px; }

  .homeFondo {
    padding-top: 60px; }
  .homeFondo .homeFondosWrap {
    max-width: 640px; }
  .homeFondo .homeFondosWrap .hFondoImg {
    width: 460px; }
  .homeFondo .homeFondosWrap .hFondoInfo {
    right: 20px;
    top: 0; }

  .homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-list, .homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-track {
    margin-left: 0; }

  .homeLinea .homeLineaHeader h2 {
    height: 150px; }
  .homeLinea .homeLineaHeader h2 span {
    font-size: 42px;
    font-size: 2.625rem; }
  .homeLinea .homeLineaHeader h2 strong {
    font-size: 86px;
    font-size: 5.375rem;
    top: 18px; }

  .modalEsp .modalExpActions {
    top: 60px; }
  .modalEsp .modalEspBoxScroll h3 {
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 0; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol {
    width: 100%;
    padding-right: 0; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .floated {
    position: relative;
    bottom: initial;
    margin-top: 30px; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol + .modalEspBoxTextCol {
    margin-top: 30px; } }
@media only screen and (max-width: 640px) {
  .homeMain .homeMainWrap .hMainLogo {
    max-width: 320px; }
  .homeMain .homeMainWrap .hMainLogo .hMainLogoImg .hMainLogoImgGlobe {
    max-width: 130px;
    margin-top: -35px; }

  .homeProductos .homeProductosHeader {
    width: 320px;
    height: 115px; }
  .homeProductos .homeProductosHeader h2 {
    font-size: 32px;
    font-size: 2rem;
    left: 126px;
    top: 8px; }
  .homeProductos .homeProductosHeader h2 span {
    font-size: 38px;
    font-size: 2.375rem;
    top: 20px; }
  .homeProductos .homeProductosHeader h2 strong {
    font-size: 55px;
    font-size: 3.4375rem;
    left: -105px;
    top: 42px; }
  .homeProductos .homeProductLeyes .hProdLeyesInfo {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 30px; }
  .homeProductos .homeProductLeyes .hProdLeyesInfo h3 {
    font-size: 42px;
    font-size: 2.625rem; }
  .homeProductos .homeProductLeyes .hProdLeyesExtra {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 30px; }
  .homeProductos .homeProductLeyes .hProdLeyesExtra .alertIcon {
    width: 90px; }
  .homeProductos .homeProductLeyes .hProdLeyesExtra p {
    font-size: 20px;
    font-size: 1.25rem; }

  .homeSisthemis .homeSisthemisWrap .homeSisthemisInfo {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 30px;
    padding-bottom: 80px; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisInfo h3 {
    font-size: 52px;
    font-size: 3.25rem;
    padding-left: 0;
    margin-top: 0; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisInfo p {
    font-size: 16px;
    font-size: 1rem; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraVideo {
    width: 280px; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraVideo .squareLink {
    left: 8px;
    top: 8px;
    width: 264px;
    height: 150px; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 30px;
    padding-bottom: 60px;
    margin-bottom: 0; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox .alertIcon {
    position: relative;
    left: initial;
    top: initial;
    width: 90px;
    margin: 0 auto;
    margin-top: -60px;
    margin-bottom: -15px; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox p {
    font-size: 16px;
    font-size: 1rem;
    text-align: center; }
  .homeSisthemis .homeSisthemisWrap .homeSisthemisExtra .hSisExtraBox .hSisExtraBoxImg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: initial;
    width: 100px; }

  .homeFondo {
    padding-top: 170px; }
  .homeFondo .homeFondosWrap {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }
  .homeFondo .homeFondosWrap .hFondoImg {
    max-width: 320px;
    margin: 0 auto; }
  .homeFondo .homeFondosWrap .hFondoInfo {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    right: initial;
    top: initia;
    padding: 30px;
    width: 100%; }
  .homeFondo .homeFondosWrap .hFondoInfo h3 {
    text-align: center; }
  .homeFondo .homeFondosWrap .hFondoInfo h3 strong {
    font-size: 42px;
    font-size: 2.625rem; }
  .homeFondo .homeFondosWrap .hFondoInfo h3 span {
    font-size: 28px;
    font-size: 1.75rem;
    margin-top: -15px; }
  .homeFondo .homeFondosWrap .hFondoInfo .hFondoInfoPar .mask {
    display: none; }
  .homeFondo .homeFondosWrap .hFondoInfo .hFondoInfoPar p {
    font-size: 16px;
    font-size: 1rem;
    text-align: center; }

  .homeEspeciales .homeEspecialesHeader {
    width: 320px;
    height: 96px; }
  .homeEspeciales .homeEspecialesHeader h2 {
    font-size: 23px;
    font-size: 1.4375rem;
    left: 70px;
    top: -2px; }
  .homeEspeciales .homeEspecialesHeader h2 span {
    font-size: 30px;
    font-size: 1.875rem;
    left: -43px;
    top: 21px; }
  .homeEspeciales .homeEspecialesHeader h2 strong {
    font-size: 57px;
    font-size: 3.5625rem;
    left: -55px;
    top: 37px; }
  .homeEspeciales .homeEspecialesCarousel {
    padding-top: 20px; }
  .homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider {
    padding: 0 10% 0 0 !important; }
  .homeEspeciales .homeEspecialesCarousel .homeEspecialesCarSlider .slick-dots li {
    margin: 0 10px; }

  .homeLinea {
    padding: 40px 0; }
  .homeLinea .homeLineaHeader h2 {
    text-align: center;
    height: auto; }
  .homeLinea .homeLineaHeader h2 span {
    font-size: 28px;
    font-size: 1.75rem; }
  .homeLinea .homeLineaHeader h2 strong {
    font-size: 62px;
    font-size: 3.875rem;
    position: relative;
    right: initial;
    top: initial;
    margin-top: -12px;
    display: block; }
  .homeLinea .homeLineaGrid {
    margin-top: 0; }
  .homeLinea .homeLineaGrid .hLineaGridEleWrap {
    width: 100%; }

  .modalEsp .modalExpActions {
    top: 40px;
    right: 20px; }
  .modalEsp .modalEspBox {
    left: 20px;
    top: 20px;
    width: calc(100% - 20px);
    height: calc(100% - 40px);
    padding: 15px 20px 45px; }
  .modalEsp .modalEspBoxScroll h3 {
    font-size: 48px;
    font-size: 3rem;
    margin-top: 40px; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText.threeCol .modalEspBoxTextCol .modalEspBoxTextColSect.noImg {
    padding-left: 0; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText.threeCol .modalEspBoxTextCol + .modalEspBoxTextCol {
    margin-top: 0; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .floated {
    left: initial;
    margin-top: 20px; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect {
    padding-left: 0; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect .meImg {
    display: none; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol .modalEspBoxTextColSect + .modalEspBoxTextColSect {
    margin-top: 15px; }
  .modalEsp .modalEspBoxScroll .modalEspBoxText .modalEspBoxTextCol + .modalEspBoxTextCol {
    margin-top: 15px; } }
.sisthemisHeader {
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding-top: 240px;
  padding-bottom: 100px; }
.sisthemisHeader h1 {
  font-size: 170px;
  font-size: 10.625rem;
  font-family: "Galette Medium", sans-serif;
  color: #009177;
  text-align: center; }
.sisthemisHeader .sisthemisHeaderCols {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  margin-top: -47px; }
.sisthemisHeader .sisthemisHeaderCols .sisHeadColsImg {
  width: 410px; }
.sisthemisHeader .sisthemisHeaderCols .sisHeadColsImg img {
  width: 100%;
  height: auto; }
.sisthemisHeader .sisthemisHeaderCols p {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  width: calc(100% - 410px);
  margin-left: -10px; }
.sisthemisHeader .sisthemisHeaderCols p strong {
  font-weight: 700; }

.sisthemisInfo .sisthemisInfoWrap {
  width: 100%;
  max-width: 840px;
  height: 510px;
  padding-bottom: 225px;
  margin: 0 auto;
  position: relative; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup {
  position: relative;
  width: 100%;
  z-index: 1; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgMonitor {
  position: absolute;
  left: 50px;
  top: 0;
  width: 490px; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgMonitor img {
  width: 100%;
  height: auto; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgPhone {
  position: absolute;
  left: 0;
  top: 195px;
  width: 150px; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgPhone img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgPhone .shadPhone {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform-origin: left top;
  position: absolute;
  top: 136px;
  left: 10px;
  width: 170px;
  height: 130px;
  background: #b6b6b6;
  background: -moz-linear-gradient(180deg, #b6b6b6 0%, rgba(182, 182, 182, 0) 100%);
  background: -webkit-linear-gradient(180deg, #b6b6b6 0%, rgba(182, 182, 182, 0) 100%);
  background: linear-gradient(180deg, #b6b6b6 0%, rgba(182, 182, 182, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b6b6b6",endColorstr="#b6b6b6",GradientType=1);
  opacity: 0.5;
  filter: alpha(opacity=50); }
.sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgLaptop {
  position: absolute;
  right: 0;
  top: 225px;
  width: 500px; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgLaptop img {
  width: 100%;
  height: auto; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextLeft {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 115px;
  -moz-border-radius: 115px;
  border-radius: 115px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: -40px;
  top: 285px;
  width: 230px;
  padding: 0 15px;
  padding-top: 205px;
  padding-bottom: 40px;
  background: #00ddaa;
  background: -moz-linear-gradient(180deg, #00ddaa 0%, #003644 100%);
  background: -webkit-linear-gradient(180deg, #00ddaa 0%, #003644 100%);
  background: linear-gradient(180deg, #00ddaa 0%, #003644 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ddaa",endColorstr="#003644",GradientType=1); }
.sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextLeft h3 {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "Lyon Display Regular", sans-serif; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextLeft p {
  font-family: "Lato", sans-serif;
  font-weight: 400; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextLeft p strong {
  display: block;
  padding: 0 20px; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextRight {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  top: 10px;
  width: 275px;
  height: 215px;
  padding: 40px 40px 0 50px;
  text-align: right;
  color: #fff; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextRight:before {
  -webkit-border-radius: 115px;
  -moz-border-radius: 115px;
  border-radius: 115px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  text-align: right;
  position: absolute;
  right: -45px;
  top: 100px;
  width: 500px;
  height: 230px;
  display: block;
  background: #00ddaa;
  background: -moz-linear-gradient(270deg, #00ddaa 0%, #003644 100%);
  background: -webkit-linear-gradient(270deg, #00ddaa 0%, #003644 100%);
  background: linear-gradient(270deg, #00ddaa 0%, #003644 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ddaa",endColorstr="#003644",GradientType=1); }
.sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextRight h3 {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "Lyon Display Regular", sans-serif;
  position: relative; }
.sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextRight p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  position: relative; }
.sisthemisInfo .sisthemisInfoWrap .btnFondo2 {
  position: absolute;
  right: 0;
  bottom: 80px;
  width: 320px; }

.sisthemisUniver {
  padding: 80px 0; }
.sisthemisUniver .sisthemisUniverWrap {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -ms-flex-pack: end;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative; }
.sisthemisUniver .sisthemisUniverWrap .sisUniInfo {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 115px;
  -moz-border-radius: 115px;
  border-radius: 115px;
  position: absolute;
  left: 0;
  top: 110px;
  width: 650px;
  padding: 15px 30px;
  padding-right: 230px;
  background: #00ddaa;
  background: -moz-linear-gradient(270deg, #00ddaa 0%, #003644 80%);
  background: -webkit-linear-gradient(270deg, #00ddaa 0%, #003644 80%);
  background: linear-gradient(270deg, #00ddaa 0%, #003644 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ddaa",endColorstr="#003644",GradientType=1); }
.sisthemisUniver .sisthemisUniverWrap .sisUniInfo p {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "Lato", sans-serif;
  color: #fff;
  text-align: right; }
.sisthemisUniver .sisthemisUniverWrap .sisUniInfo p strong {
  font-weight: 900; }
.sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup {
  position: relative;
  width: 533px;
  height: 455px;
  z-index: 1; }
.sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgU {
  position: absolute;
  left: 0;
  top: 85px; }
.sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgPhone {
  position: absolute;
  left: 40px;
  top: 0; }
.sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgLogo {
  position: absolute;
  right: 0;
  top: 95px; }
.sisthemisUniver .sisthemisUniverWrap .sisUniBtn {
  position: absolute;
  left: 0;
  top: 315px;
  width: 550px; }
.sisthemisUniver .sisthemisUniverWrap .sisUniBtn .btnFondo {
  margin: 0 auto;
  display: table; }

.sisthemisVideo .sisthemisVideoPill {
  -webkit-border-radius: 160px;
  -moz-border-radius: 160px;
  border-radius: 160px;
  width: 100%;
  max-width: 900px;
  height: 320px;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }
.sisthemisVideo .sisthemisVideoPill:after {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  content: "";
  width: 150%;
  height: 100%;
  top: 0;
  background: white;
  background: -moz-linear-gradient(180deg, white 10%, #dbdbdb 90%);
  background: -webkit-linear-gradient(180deg, white 10%, #dbdbdb 90%);
  background: linear-gradient(180deg, #ffffff 10%, #dbdbdb 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dbdbdb",GradientType=1);
  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5); }
.sisthemisVideo .sisthemisVideoPill .sisVideoPillImg {
  position: relative;
  z-index: 1;
  float: right;
  margin-right: 140px; }
.sisthemisVideo .sisthemisVideoPill .sisVideoPillImg:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.sisthemisCarousel {
  padding: 80px 0; }
.sisthemisCarousel .sisthemisSliderHeader {
  width: 100%;
  max-width: 880px;
  margin: 0 auto; }
.sisthemisCarousel .sisthemisSliderHeader h2 {
  font-size: 4.375rem;
  font-family: "Futura H", sans-serif;
  color: #00717C; }
/*.sisthemisCarousel .sisthemisSliderHeader h2 strong {
  font-size: 140px;
  font-size: 8.75rem;
  font-weight: 300;
  display: block;
  margin-top: -60px; }*/
.sisthemisCarousel .sisthemisSlider {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  margin-bottom: 0; }
.sisthemisCarousel .sisthemisSlider .slick-prev, .sisthemisCarousel .sisthemisSlider .slick-next {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  top: 50px;
  opacity: 0.5;
  filter: alpha(opacity=50); }
.sisthemisCarousel .sisthemisSlider .slick-prev:before, .sisthemisCarousel .sisthemisSlider .slick-next:before {
  display: none; }
.sisthemisCarousel .sisthemisSlider .slick-prev:hover, .sisthemisCarousel .sisthemisSlider .slick-next:hover {
  opacity: 1;
  filter: alpha(opacity=100); }
.sisthemisCarousel .sisthemisSlider .slick-prev {
  left: -100px; }
.sisthemisCarousel .sisthemisSlider .slick-prev:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  border-width: 43px 48px 43px 0;
  border-color: transparent #3e3e3e transparent transparent; }
.sisthemisCarousel .sisthemisSlider .slick-next {
  right: -70px; }
.sisthemisCarousel .sisthemisSlider .slick-next:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  border-width: 43px 0 43px 48px;
  border-color: transparent transparent transparent #3e3e3e; }
.sisthemisCarousel .sisthemisSlider .sisSld {
  padding: 15px 10px; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard {
  width: 200px;
  margin: 0 auto;
  position: relative; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardImg {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  width: 210px;
  z-index: 1; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardImg .ssciMain {
  position: relative;
  margin-top: 25px;
  z-index: 1; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardImg .ssciMain img {
  margin: 0 auto; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardImg h3 {
  text-align: center;
  font-family: "Galette Medium", sans-serif;
  color: #525252;
  padding: 0 10px;
  margin-top: 10px; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardImg h3 span {
  font-size: 22px;
  font-size: 1.375rem; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardImg h3 strong {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  display: block;
  font-weight: 400; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardImg .ssciShadow {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: 60px; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 70px;
  font-family: "Lato", sans-serif;
  width: 200px;
  height: 500px;
  padding: 60px 25px;
  padding-top: 290px;
  background: #E8E8E8;
  /*background: #f9f9f9;
  background: -moz-linear-gradient(180deg, #f9f9f9 0%, #c5c5c5 100%);
  background: -webkit-linear-gradient(180deg, #f9f9f9 0%, #c5c5c5 100%);
  background: linear-gradient(180deg, #f9f9f9 0%, #c5c5c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#c5c5c5",GradientType=1);*/
  opacity: 0.3;
  filter: alpha(opacity=30); }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol {
  width: 100%;
  max-width: 140px;
  margin: 0 auto; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol.ren h4 {
  color: #818181; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol + .sisSldCardBoxCol {
  margin-top: 40px; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol h4 {
  font-family: "Cairo R", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  text-align: center; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol h4 strong {
  font-family: "Cairo EL", sans-serif;
  font-size: 60px;
  font-size: 3.75rem;
  display: block;
  font-weight: 300;
  margin-top: -20px; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol .rowLink {
  display: block; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol .rowLink + .rowLink {
  margin-top: 5px; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol .rowLink span {
  display: block; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol .rowLink span.subtitle {
  font-family: "Cairo SB", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #047a86; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol .rowLink span.subtitle.center {
  text-align: center; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol .rowLink span.subtitle.right {
  text-align: right; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox .sisSldCardBoxCol .rowLink span.price {
  font-family: "Cairo B", sans-serif;
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 700; }
.sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard:hover .sisSldCardBox {
  background: #DBEBED;
  /*background: #dfdfdf;
  background: -moz-linear-gradient(180deg, #dfdfdf 0%, white 100%);
  background: -webkit-linear-gradient(180deg, #dfdfdf 0%, white 100%);
  background: linear-gradient(180deg, #dfdfdf 0%, #ffffff 100%);*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfdfdf",endColorstr="#ffffff",GradientType=1);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35); }

@media only screen and (max-width: 1100px) {
  .sisthemisUniver .sisthemisUniverWrap {
    max-width: 860px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniInfo {
    width: 650px;
    padding-right: 230px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup {
    width: 430px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgLogo {
    right: -60px; }

  .sisthemisCarousel .sisthemisSliderHeader {
    max-width: 660px; }
  .sisthemisCarousel .sisthemisSlider {
    width: 100%;
    max-width: 660px; } }
@media only screen and (max-width: 960px) {
  .sisthemisHeader h1 {
    font-size: 150px;
    font-size: 9.375rem; }
  .sisthemisHeader .sisthemisHeaderCols {
    margin-top: -40px; }
  .sisthemisHeader .sisthemisHeaderCols .sisHeadColsImg {
    width: 380px; }
  .sisthemisHeader .sisthemisHeaderCols p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 380px);
    margin-left: 0;
    padding-left: 20px; }

  .sisthemisInfo .sisthemisInfoWrap {
    height: auto;
    padding-bottom: 0; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup {
    -moz-transform: scale(0.763);
    -ms-transform: scale(0.763);
    -webkit-transform: scale(0.763);
    transform: scale(0.763); }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoText {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column-reverse;
    -webkit-box-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    padding-top: 240px; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextLeft {
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    position: relative;
    left: initial;
    top: initial;
    width: 100%;
    max-width: 720px;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
    padding: 30px; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextRight {
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    text-align: center;
    position: relative;
    right: initial;
    top: initial;
    width: 100%;
    max-width: 720px;
    height: auto;
    margin: 0 auto;
    padding: 30px;
    padding-top: 175px;
    background: #00ddaa;
    background: -moz-linear-gradient(180deg, #00ddaa 0%, #003644 100%);
    background: -webkit-linear-gradient(180deg, #00ddaa 0%, #003644 100%);
    background: linear-gradient(180deg, #00ddaa 0%, #003644 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ddaa",endColorstr="#003644",GradientType=1); }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextRight:before {
    display: none; }
  .sisthemisInfo .sisthemisInfoWrap .btnFondo2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    right: initial;
    bottom: initial;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-top: 30px;
    display: table; }

  .sisthemisUniver .sisthemisUniverWrap {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup {
    width: 533px;
    margin: 0 auto; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgLogo {
    right: 0; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniInfo {
    position: relative;
    left: initial;
    top: initial;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    margin-top: -60px;
    padding-right: 30px;
    padding-top: 70px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniInfo p {
    text-align: center; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniBtn {
    position: relative;
    left: initial;
    top: initial;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    margin-top: 30px; }

  .sisthemisVideo .sisthemisVideoPill .sisVideoPillImg {
    float: none;
    margin: 0 auto;
    display: table; }
  .sisthemisVideo .sisthemisVideoPill .sisVideoPillImg img {
    width: 100%;
    height: auto;
    max-width: 540px; }

  .sisthemisCarousel .sisthemisSliderHeader {
    max-width: 440px; }
  .sisthemisCarousel .sisthemisSlider {
    width: 100%;
    max-width: 440px; } }
@media only screen and (max-width: 640px) {
  .sisthemisHeader {
    padding-top: 80px;
    padding-bottom: 40px; }
  .sisthemisHeader h1 {
    font-size: 70px;
    font-size: 4.375rem;
    margin-bottom: 10px; }
  .sisthemisHeader .sisthemisHeaderCols {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin-top: 0; }
  .sisthemisHeader .sisthemisHeaderCols .sisHeadColsImg {
    max-width: 320px;
    margin-bottom: 30px; }
  .sisthemisHeader .sisthemisHeaderCols p {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    width: 100%;
    padding-left: 0; }

  .sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup {
    max-width: 375px;
    margin: 0 auto;
    transform: none !important; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgMonitor {
    width: 208px;
    left: 30px; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgPhone {
    width: 64px;
    left: 5px;
    top: 80px; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgPhone .shadPhone {
    top: 55px;
    left: 5px;
    width: 70px;
    height: 64px; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoImgGroup .sisInfoImgLaptop {
    top: 94px;
    right: 10px;
    width: 214px; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoText {
    padding-top: 122px; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextLeft {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .sisthemisInfo .sisthemisInfoWrap .sisInfoText .sisInfoTextRight {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding-top: 110px; }

  .sisthemisUniver {
    padding: 40px 0; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup {
    width: 100%;
    max-width: 375px;
    height: 305px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgU {
    top: 60px;
    width: 111px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgU img {
    width: 100%;
    height: auto; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgLogo {
    top: 65px;
    width: 160px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgLogo img {
    width: 100%;
    height: auto; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgPhone {
    left: 33px;
    width: 230px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniImgGroup .sisUniImgPhone img {
    width: 100%;
    height: auto; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniInfo {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 30px;
    padding-top: 50px;
    margin-top: -40px; }
  .sisthemisUniver .sisthemisUniverWrap .sisUniInfo p {
    font-size: 20px;
    font-size: 1.25rem; }

  .sisthemisVideo .sisthemisVideoPill {
    height: auto; }

  .sisthemisCarousel {
    padding: 40px 0; }
  .sisthemisCarousel .sisthemisSliderHeader {
    max-width: 100%; }
  .sisthemisCarousel .sisthemisSliderHeader h2 {
    font-size: 42px;
    font-size: 2.625rem;
    width: auto; }
  .sisthemisCarousel .sisthemisSliderHeader h2 strong {
    font-size: 72px;
    font-size: 4.5rem;
    margin-top: -30px; }
  .sisthemisCarousel .sisthemisSlider {
    width: 100%;
    max-width: 240px; }
  .sisthemisCarousel .sisthemisSlider .slick-prev {
    left: -30px; }
  .sisthemisCarousel .sisthemisSlider .slick-prev:after {
    border-width: 20px 20px 20px 0; }
  .sisthemisCarousel .sisthemisSlider .slick-next {
    right: -30px; }
  .sisthemisCarousel .sisthemisSlider .slick-next:after {
    border-width: 20px 0 20px 20px; }
  .sisthemisCarousel .sisthemisSlider .sisSld .sisSldCard .sisSldCardBox {
    background: #dfdfdf;
    background: -moz-linear-gradient(180deg, #dfdfdf 0%, white 100%);
    background: -webkit-linear-gradient(180deg, #dfdfdf 0%, white 100%);
    background: linear-gradient(180deg, #dfdfdf 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfdfdf",endColorstr="#ffffff",GradientType=1);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35); } }
.coleccionHeader {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 210px;
  padding-bottom: 60px; }
.coleccionHeader h1 {
  font-size: 7rem;
  font-family: "Futura H", sans-serif;
  color: #bb2300;
  margin-top: -75px;
  text-align: right;
 }
.coleccionHeader h1 span {
  font-size: 2.6rem;
  font-family: "Futura L", sans-serif;
  display: block;
  width:110px;
  margin: 0 0 0 290px;
  rotate:-90deg }
.coleccionHeader h1 strong {
  font-size: 7rem;
  font-family: "Futura H", sans-serif;
  color: #bb2300;
  margin-top: -75px;
  text-align: right; }
.coleccionHeader h1:before {
  content:"LEYES";
  color: #000;
  font-family: "Futura L", sans-serif;
  font-size: 2.2rem;
  rotate: -90deg;
  position: absolute;
  margin: 48px 0 0 -61px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.coleccionHeader p {
  color: #6B6B6B;
  font-family: "Cairo EL", sans-serif;
  font-size: 2.4rem;
  float: right;
  width: 530px;
  margin-right:90px }
.coleccionHeader .coleccionHeaderCols {
 }
.coleccionHeader .coleccionHeaderCols .colecHeadColsImg {
  width: 1360px; }
.coleccionHeader .coleccionHeaderCols .colecHeadColsImg img {
  width: 100%;
  height: auto;
  max-width:1000px;
  position:absolute;
  z-index:1; }

/*=============================================
=            Estilos Profesionales            =
=============================================*/
.coleccionHeader .coleccionHeaderPro .colecHeadColsImg {
  width: 1360px; }
.coleccionHeader.vPro h1{
  color: #0071B5;
}
.coleccionHeader p.descripcionPro {
  float: initial;
  position: absolute;
  top: 24%;
  left: 5%;
  width: 520px;
}
.coleccionHeader .coleccionHeaderPro .colecHeadColsImg img.imgPro {
  width: 70%;
  height: auto;
  max-width:1000px;
  margin: 0 auto; }
.coleccionList.v2 {
  margin-top: -100px;
}
.contCardsInfo {
  display: flex;
  justify-content: space-between;
  max-width: 900px;
  margin: 0 auto;
}
.contCardsInfo:nth-child(1){
  margin-top: -50px;
}
.contCardsInfo h2 {
  font-family: "Cairo SB", sans-serif;
  font-size: 2.5rem;
  color: #0071B5;
}
.contCardsInfo p { 
  width:initial;
  color: #636363;
  font-family: "Cairo EL", sans-serif;
  font-size: 1.8rem;
  margin:initial; }
.contCardsInfo .cardInfo{
  background: rgba(6, 50, 72, 0.1);
  border-radius: 25px;
  padding: 55px 35px;
  margin-top: -210px;
  width: 300px;
}
/*=====  End of Estilos Profesionales  ======*/


.coleccionInfo .coleccionInfoWrap {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: space-around;
  -ms-flex-pack: space-around;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative; }

.coleccionInfo .coleccionInfoWrap .cardInfo {
  background: rgba(6, 50, 72, 0.1);
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 800px;
  width: 300px;
  margin:0;
}
.coleccionInfo .coleccionInfoWrap .cardInfo .descripcion {
  padding: 200px 25px 0 25px;
}
.coleccionInfo .coleccionInfoWrap .cardInfo h2 {
  font-family: "Cairo SB", sans-serif;
  font-size: 2.5rem;
  color: #B82300;
  margin:0 0 15px 0;
}
.coleccionInfo .coleccionInfoWrap .cardInfo p {
  color: #636363;
  font-family: "Cairo EL";
  font-size: 1.8rem;
}

.coleccionInfo .coleccionInfoWrap .colecInfoImg {
  width: 840px;
  height: 620px;
  padding-top: 60px;
  position: relative;
  z-index: 1; }
.coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgCircle {
  position: relative;
  z-index: 1;
  display: block; }
.coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 115px;
  -moz-border-radius: 115px;
  border-radius: 115px;
  width: 600px;
  position: absolute;
  right: 0;
  top: 100px;
  padding: 10px 60px;
  padding-left: 230px;
  padding-right: 80px;
  background: red;
  background: -moz-linear-gradient(270deg, red 0%, #00007d 100%);
  background: -webkit-linear-gradient(270deg, red 0%, #00007d 100%);
  background: linear-gradient(270deg, #ff0000 0%, #00007d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00007d",GradientType=1); }
.coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox .alertIcon {
  position: absolute;
  width: 120px;
  right: -18px;
  top: -20px; }
.coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox .alertIcon img {
  width: 100%;
  height: auto; }
.coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox p {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  color: #fff; }
.coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox p strong {
  font-weight: 700;
  color: #ffff00; }
.coleccionInfo .coleccionInfoWrap .colecInfoText {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
.coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox {
  position: absolute; }
.coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox h3 {
  font-size: 48px;
  font-size: 3rem;
  font-family: "Lyon Display Regular", sans-serif;
  color: #bb2300; }
.coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox p {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #636363; }
.coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox.v1 {
  width: 355px;
  left: 70px;
  top: 0; }
.coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox.v2 {
  width: 300px;
  left: 0;
  top: 290px; }
.coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox.v3 {
  width: 445px;
  right: 70px;
  bottom: -20px; }
.coleccionInfo .coleccionInfoWrap.v2 .colecInfoImg {
  width: 1050px;
  height: 579px; }
.coleccionInfo .coleccionInfoWrap.v2 .colecInfoText .colecInfoTextBox.v1 {
  width: 250px;
  left: 0;
  top: 60px; }
.coleccionInfo .coleccionInfoWrap.v2 .colecInfoText .colecInfoTextBox.v2 {
  width: 250px;
  left: 0;
  top: initial;
  bottom: 0; }

.coleccionList {
  padding-top: 100px; }
.coleccionList .container {
  position: relative; }
.coleccionList .coleccionListWrap {
  box-sizing: border-box;
  background: #EDF0F1;
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  padding: 60px;
  border-radius: 25px; }
.coleccionList .coleccionListWrap h2 {
  font-family: "Futura H";
  font-size: 6rem;
  color: #B62300;
}
.coleccionList .coleccionListWrap .ListLeyes { color:#0071B5 }

.coleccionList .container .infoLista {
  background: rgb(255,0,0);
  background: linear-gradient(0deg, rgb(255, 0, 0) 10%, rgb(0, 0, 125) 120%);  
  color: #FFF;
  font-family: "Barlow", sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  max-width: 760px;
  margin: 0px 0 0 18%;
  padding: 2% 3% 3% 3%;
  border-radius: 0 0 50px 50px;
  box-sizing: border-box;
  text-align: center;
}
.coleccionList .container .infoLista p {
  font-weight: 400;
}
.coleccionList .container .infoLista span {
  font-weight: 700;
  color: #FFFF00;
}

@media (max-width: 640px){
  .coleccionList .coleccionListWrap {
    padding: 20px;
  }
  .coleccionList .coleccionListWrap h2 {
    font-size: 4rem;
  }
}

.coleccionList .coleccionListWrap ul li {
  position: relative;
  padding-right: 60px; }
.coleccionList .coleccionListWrap ul li a {
  font-size: 28px;
  font-size: 1.75rem;
  font-family: "Cairo EL", sans-serif;
  display: table;
  padding: 12px 0; }
.coleccionList .coleccionListWrap ul li a span {
  display: table-cell; }
.coleccionList .coleccionListWrap ul li a span:first-child {
  position: relative;
  overflow: hidden; }
.coleccionList .coleccionListWrap ul li a span:first-child:after {
  content: "";
  position: absolute;
  bottom: 5px;
  margin-left: 10px;
  width: 100%;
  border-bottom: 2px dotted #000; }
.coleccionList .coleccionListWrap ul li a span + span {
  text-align: right;
  width: 1%;
  vertical-align: bottom;
  padding-left: 0.5em; }
.coleccionList .coleccionListWrap ul li .plusModal {
  position: absolute;
  right: 0;
  top: 8px;
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
  background: url(vector/ico-plus.svg) no-repeat 0 0; }
.coleccionList .coleccionListWrap ul li .plusModal2 {
  position: absolute;
  right: 0;
  top: 8px;
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
  background: url(vector/ico-plus2.svg) no-repeat 0 0; }
/*.coleccionList.v2 {
  padding-top: 210px; }
.coleccionList.v2 .marquee_text {
  top: -230px; }*/

.modalSizes {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none; }
.modalSizes.open {
  opacity: 1;
  filter: alpha(opacity=100);
  pointer-events: auto; }
.modalSizes .modalSizeBox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  max-width: 685px;
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
.modalSizes .modalSizeBox img {
  width: 100%;
  height: auto; }
.modalSizes .modalSizeBox .closeBtn {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  display: block;
  background: url(vector/ico-close2.svg) no-repeat 0 0;
  background-size: cover;
  cursor: pointer; }

  .modalSizes .modalSizeBox .closeBtnP {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  display: block;
  background: url(vector/ico-close3.svg) no-repeat 0 0;
  background-size: cover;
  cursor: pointer; }

.coleccionCarousel {
  padding: 60px 0 40px; }
.coleccionCarousel .container {
  position: relative; }
.coleccionCarousel .coleccionCarouselWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgb(255,70,0);
  background: linear-gradient(132deg, rgba(255,70,0,1) 10%, rgba(120,0,0,1) 100%);
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 30px; 
  border-radius: 25px;}

/*====================================================
=            Fondo carrusel profesionales            =
====================================================*/

.coleccionCarousel .bgProfesionales {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgb(0,70,147);
  background: linear-gradient(-41deg, rgba(0,70,147,1) 0%, rgba(0,30,58,1) 100%);  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 30px; 
  border-radius: 25px;}

/*=====  End of Fondo carrusel profesionales  ======*/


.coleccionCarousel .coleccionCarouselWrap h2 {
  text-shadow: 2px 3px 5px rgba(0,0,0,.5);  font-family: "Futura H", sans-serif;
  font-size: 5rem;
  color: #FFF;
}
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-prev, 
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-next {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  top: 50px;
  opacity: 0.7;
  width: 26px;
  height: 60px;
  filter: alpha(opacity=50);
  z-index: 1; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-prev:before, 
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-next:before {
  display: none; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-prev:hover, 
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-next:hover {
  opacity: 1;
  filter: alpha(opacity=100); }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-prev {
  left: -25px; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-prev:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  border-width: 30px 26px 30px 0;
  border-color: transparent rgb(235, 235, 235) transparent transparent; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-next {
  right: -25px; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-next:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  border-width: 30px 0 30px 26px;
  border-color: transparent transparent transparent rgb(235, 235, 235); }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-dots {
  bottom: -40px; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-dots li {
  margin: 0 8px;
  width: 20px;
  height: 20px; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-dots li button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  border: #d6d6d6 2px solid; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-dots li button:before {
  display: none; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .slick-dots li.slick-active button {
  background-color: #d6d6d6; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem {
  font-family: "Cairo L", sans-serif;
  padding: 0 15px 30px 15px;
  font-size: 1.2rem;
  margin: 0 10px;
  background:#fff;
  border-radius:25px;
  /*height: 870px;*/
  height: 920px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem:nth-of-type(5) { align-self: flex-end; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem.itemProfesionales {
  height: 820px;
}
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem:hover .imgSld img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem .imgSld {
  width: 100%; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem .imgSld img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  height: 295px;
  object-fit: contain; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem h3 {
  font-family: "Cairo B", sans-serif;
  font-size: 1.5rem;
  min-height: 62px; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem h3 span {
  font-family: "Cairo L", sans-serif;
  display: block;
  margin-bottom: 5px;
  font-size: 1.5rem; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem p {
  font-family: "Cairo EL", sans-serif;
  font-size: 3.1rem;
  text-align: center;
  color: #3e3e3e;
  padding: 30px 0; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem ul {
  font-weight: 400; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem ul li + li {
  margin-top: 10px; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem ul.dot li {
  padding-left: 20px; }
.coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem ul.dot li:before {
  width: 3px;
  height: 3px; }
.colecCarSlider a {
  width: 230px;
}
.ctaPaqueteColecFis {
  border-radius: 25px;
  background: rgb(255,70,0);
  background: linear-gradient(90deg, rgba(255,70,0,1) 0%, rgba(120,0,0,1) 100%);
  color:#fff;
  padding: 10px 0;
  text-align: center;
  margin-top: 10px;
}

.ctaPaqueteProfesionales {
  border-radius: 25px;
  background: rgb(0,70,147);
  background: linear-gradient(41deg, rgba(0,70,147,1) 0%, rgba(0,30,58,1) 100%);  color:#fff;
  padding: 10px 0;
  text-align: center;
  margin-top: 10px;
}

@media only screen and (max-width: 1350px) {
  .sectionHeader { min-height:750px }
  .coleccionHeaderCols .colecHeadColsImg img {
    margin-top: 90px;
  }
  /*.coleccionInfo .coleccionInfoWrap {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center; }*/
  .coleccionInfo .coleccionInfoWrap .colecInfoImg {
    padding-top: 0; }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox {
    top: 40px; }
  .coleccionInfo .coleccionInfoWrap .colecInfoText {
    position: relative;
    left: initial;
    top: initial; }
  .coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox {
    text-align: center;
    position: relative; }
  .coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox + .colecInfoTextBox {
    margin-top: 30px; }
  .coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox.v1 {
    width: 100%;
    left: initial;
    top: initial; }
  .coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox.v2 {
    width: 100%;
    left: initial;
    top: initial; }
  .coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox.v3 {
    width: 100%;
    right: initial;
    bottom: initial; }
  .coleccionInfo .coleccionInfoWrap.v2 .colecInfoText .colecInfoTextBox.v1 {
    width: 100%;
    left: initial;
    top: initial;
    margin-top: 30px; }
  .coleccionInfo .coleccionInfoWrap.v2 .colecInfoText .colecInfoTextBox.v2 {
    width: 100%;
    left: initial;
    bottom: initial; } }
@media (max-width: 1100px) {
  .coleccionList .container .infoLista {
    margin:0 auto;
  }
}
@media (max-width: 1300px) {
  .coleccionHeader.vPro h1 {
    font-size: 7rem;
  }
  .coleccionHeader p.descripcionPro {
    position: initial;
    margin: 20px auto 50px auto;
    width: 60%;
  }
  .coleccionHeader .coleccionHeaderPro .colecHeadColsImg img.imgPro {
    margin-top: 0;
  }
}
@media only screen and (max-width: 960px) {
  .sectionHeader { min-height:750px }
  .coleccionHeader h1 span {
    font-size: 52px;
    font-size: 3.25rem; }
  .coleccionHeader h1 strong {
    font-size: 120px;
    font-size: 7.5rem;
    margin-top: -55px; }
  .coleccionHeader .coleccionHeaderCols {
    margin-top: -75px; }
  .coleccionHeaderCols .colecHeadColsImg img {
    margin-top: 160px; }

  .coleccionInfo .coleccionInfoWrap .colecInfoImg {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    width: 100%;
    max-width: 840px;
    height: auto;
    margin: 0 auto; }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox {
    text-align: center;
    position: relative;
    right: initial;
    top: initial;
    margin-top: 60px;
    margin-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 50px;
    z-index: 1; }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox .alertIcon {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: -55px;
    right: initial; }
  .coleccionInfo .coleccionInfoWrap.v2 .colecInfoImg {
    width: 100%;
    height: auto; }
  .coleccionInfo .coleccionInfoWrap.v2 .colecInfoImg .colecInfoImgCircle {
    width: 100%;
    max-width: 666px; }
  .coleccionInfo .coleccionInfoWrap.v2 .colecInfoImg .colecInfoImgCircle img {
    width: 100%;
    height: auto; }
  .coleccionInfo .coleccionInfoWrap.v2 .colecInfoText .colecInfoTextBox.v1 {
    margin-top: 0; }

  .coleccionList {
    padding-top: 150px; }
  .coleccionList .coleccionListWrap ul li a {
    font-size: 22px;
    font-size: 1.375rem; }
  .coleccionList .coleccionListWrap ul li .plusModal {
    width: 35px;
    height: 35px; }
  .coleccionList.v2 {
    padding-top: 150px; }
  .coleccionList .container .infoLista {
    margin:0 6%;
  } 
  .coleccionHeader.vPro h1 {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 850px) {
  .sectionHeader {
    min-height: 600px;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo{
    width: 220px;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo .descripcion {
    padding: 200px 15px 0 15px;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo h2 {
    font-size: 1.9rem;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo .img-Coleccion {
    overflow: hidden;
  }
  .contCardsInfo .cardInfo{
    width: 240px;
    margin-top: -170px;
    z-index: -1;
  }
  .coleccionHeader p.descripcionPro {
    width: 80%;
  }
  .coleccionHeader.vPro h1 {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 640px) {
  .contCardsInfo { 
    justify-content:space-around;
     }
  .contCardsInfo .cardInfo{
    box-sizing: border-box;
    width: 230px;
    margin-top: -140px;
    margin-bottom: 30px;
  }
  .contCardsInfo .cardInfo h2 {
    font-size: 1.8rem
  }
  .contCardsInfo .cardInfo p {
    font-size: 1.5rem
  }

  .sectionHeader {
    min-height: 310px;
  }
  .coleccionHeader {
    padding-top: 80px;
    padding-bottom: 40px; }
  .coleccionHeader h1 span {
    font-size: 26px;
    font-size: 1.625rem; }
  .coleccionHeader h1 {
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: 40px;
    text-align:initial; }
  .coleccionHeader h1:before {
    font-size: 1.8rem;
    rotate: 0deg;
    top: 60px;
    margin: inherit;
    position: absolute;
  }
  .coleccionHeader p {
    font-size: 20px;
    font-size: 1.8rem;
    width: initial;
    margin:20px 0;
    float:right; }
  .coleccionHeader.vPro h1 {
    font-size: 4rem;
  }
  .coleccionHeader .coleccionHeaderCols {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    margin-top: 0; }
  .coleccionHeader .coleccionHeaderCols .colecHeadColsImg {
    width: 235px; }
  .coleccionHeader .coleccionHeaderCols .colecHeadColsImg img {
    margin-top: 50px;
    position: initial; }
  .coleccionInfo .coleccionInfoWrap {
    flex-direction: column;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo {
    flex-direction: row;
    justify-content: initial;
    height: auto;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo:nth-child(1),
  .coleccionInfo .coleccionInfoWrap .cardInfo:nth-child(3) {
    flex-direction: row-reverse;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo .descripcion {
    box-sizing: border-box;
    padding: 20px;
    width: 50%;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo .img-Coleccion {
    overflow: hidden;
    width: 50%;
    align-self: flex-end;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo .img-Coleccion img {
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo h2 { 
    font-size:  2rem; }
  .coleccionInfo .coleccionInfoWrap .cardInfo p { 
    font-size:  1.3rem }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg {

  }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgCircle {
    width: 100%;
    max-width: 220px; }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgCircle img {
    width: 100%;
    height: auto; }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 30px;
    padding-top: 50px; }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox .alertIcon {
    width: 90px;
    top: -30px; }
  .coleccionInfo .coleccionInfoWrap .colecInfoImg .colecInfoImgBox p {
    font-size: 20px;
    font-size: 1.25rem; }
  .coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox h3 {
    font-size: 32px;
    font-size: 2rem; }
  .coleccionInfo .coleccionInfoWrap .colecInfoText .colecInfoTextBox p {
    font-size: 18px;
    font-size: 1.125rem; }
  .coleccionInfo .coleccionInfoWrap.v2 .colecInfoImg .colecInfoImgCircle {
    width: 100%;
    max-width: 280px; }
  .coleccionInfo .coleccionInfoWrap.v2 .colecInfoImg .colecInfoImgCircle img {
    width: 100%;
    height: auto; }

  .coleccionList {
    padding-top: 50px; }
  .coleccionList .marquee_text {
    top: -70px; }
  .coleccionList .marquee_text h2 {
    font-size: 140px;
    font-size: 8.75rem; }
  .coleccionList .coleccionListWrap ul li {
    padding-right: 40px; }
  .coleccionList .coleccionListWrap ul li a {
    font-size: 16px;
    font-size: 1.28rem; }
  .coleccionList .coleccionListWrap ul li .plusModal {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 30px;
    height: 30px; }
  .coleccionList.v2 {
    margin-top: -60px;
    padding-top: 50px; }
  .coleccionList.v2 .marquee_text {
    top: -70px; }

  .coleccionCarousel {
    padding: 90px 0 20px; }
  .coleccionCarousel .marquee_text2 {
    top: -70px; }
  .coleccionCarousel .coleccionCarouselWrap h2 {
    font-size: 3.5rem;
    margin-bottom: 10px;
    text-align: center;
  }
  .coleccionCarousel .coleccionCarouselWrap .colecCarSlider .colecCarSldItem .imgSld img {
    max-width: 380px;
    margin: 0 auto; } }
@media (max-width: 414px) {
  .coleccionList.v2 { margin-top:-70px; }
  .contCardsInfo { 
    flex-direction:column; 
    margin-top:-100px;
    justify-content:center; }
  .contCardsInfo .cardInfo { margin: 10px 0; width:100%; }
  .sectionHeader { overflow:hidden; }
  .coleccionInfo .coleccionInfoWrap .cardInfo {
    flex-direction: column !important;
    justify-content: initial;
    height: auto;
    margin: 10px auto;
    width: 100%;
    max-width: 300px;
    overflow: hidden;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo .descripcion {
    width: 100%;
  }
  .coleccionInfo .coleccionInfoWrap .cardInfo .img-Coleccion {
    width: 100%;
  }
  .coleccionHeader.vPro h1 {
    font-size: 2.8rem;
  }
  .coleccionHeader p.descripcionPro {
    width: 95%;
    font-size: 1.6rem;
  }
  .coleccionHeader .coleccionHeaderPro .colecHeadColsImg img.imgPro {
    width: 120%;
    object-fit: cover;
    margin: -10% 0 0 -20%;
  }
  .coleccionHeader .coleccionHeaderPro .colecHeadColsImg.vProImg {

  }
}
.profeHeader {
  position: relative;
  width: 100%;
  max-width: 775px;
  margin: 0 auto;
  padding-top: 210px;
  padding-bottom: 60px; }
.profeHeader h1 {
  text-align: center; }
.profeHeader h1 span {
  font-size: 92px;
  font-size: 5.75rem;
  font-family: "Lato", sans-serif;
  display: block;
  padding-left: 235px; }
.profeHeader h1 strong {
  font-size: 125px;
  font-size: 7.8125rem;
  font-family: "Duplicate Slab", sans-serif;
  color: #003681;
  display: block;
  margin-top: -55px; }
.profeHeader .profeHeaderCols {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-top: -66px; }
.profeHeader .profeHeaderCols .profeHeadColsImg {
  width: 356px; }
.profeHeader .profeHeaderCols .profeHeadColsImg img {
  width: 100%;
  height: auto; }
.profeHeader .profeHeaderCols p {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  width: 270px;
  margin-top: 60px;
  margin-left: -70px; }

@media only screen and (max-width: 960px) {
  .profeHeader h1 span {
    font-size: 52px;
    font-size: 3.25rem;
    padding-left: 170px; }
  .profeHeader h1 strong {
    font-size: 90px;
    font-size: 5.625rem;
    margin-top: -40px; }
  .profeHeader .profeHeaderCols {
    margin-top: -55px; } }
@media only screen and (max-width: 640px) {
  .profeHeader {
    padding-top: 80px;
    padding-bottom: 40px; }
  .profeHeader h1 span {
    font-size: 26px;
    font-size: 1.625rem;
    padding-left: 0; }
  .profeHeader h1 strong {
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: -10px; }
  .profeHeader .profeHeaderCols {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    margin-top: 0; }
  .profeHeader .profeHeaderCols .profeHeadColsImg {
    width: 280px;
    margin: 0 auto; }
  .profeHeader .profeHeaderCols p {
    font-size: 20px;
    font-size: 1.25rem;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-top: 10px; } }

/*=======================================
=            FONDO EDITORIAL            =
=======================================*/
.coleccionHeader.vEditorial {
  position: relative;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 210px;
padding-bottom: 60px;
}
.coleccionHeader.vEditorial h1 {
  font-size: 7rem;
  font-family: "Futura H", sans-serif;
  color: #D20078;
  margin: -120px auto 0 0;
  text-align: initial;
}
.coleccionHeader.vEditorial h1:before {
  content:"FONDO";
  color: #000;
  font-family: "Futura L", sans-serif;
  font-size: 1.6rem;
  rotate: -90deg;
  position: absolute;
  letter-spacing: -2px;
  margin: 53px 0 0 -48px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.coleccionHeader.vEditorial .headerFondoN {
  display: flex;
  justify-content: center;
}
.coleccionHeader.vEditorial .headerFondoN p {
  margin: 0;

}
.coleccionHeader.vEditorial .colecHeadColsImg {
  z-index: -1;
}
.coleccionHeader.vEditorial .headerFondoN img {
  height: auto;
  /*max-width: 790px;*/
  max-width: 920px;
  width: 100%;
}
.fondoInfo .fondoInfoWrap {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  position: relative; }
.fondoInfo .fondoInfoWrap .descripcionFondo {
  background: rgba(6, 50, 72, 0.1);
  border-radius: 0 25px 25px 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  height: 310px;
  margin-left: -50px;
  padding-left: 40px;
  margin-top: 160px;
  padding-right: 20px;
}  
.fondoInfo .fondoInfoWrap .descripcionFondo h1 {
  font-family: "Futura H", sans-serif;
  font-size: 4.5rem;
  color: #D20078;
}
.fondoInfo .fondoInfoWrap .descripcionFondo p {
  position: initial;
  font-size: 1.8rem;
  width: 280px;
  text-align: initial;
}

@media (max-width:960px) {
  .fondoInfo .fondoInfoWrap .descripcionFondo {
    border-radius: 25px;
    margin: -30px auto 0 auto;
    z-index: -1;
  }
  .fondoInfo .fondoInfoWrap .descripcionFondo p  {
    margin-top: initial;
  }
}
@media (max-width:640px) {
  .coleccionHeader.vEditorial h1 {
    font-size: 4rem;
  }
  .coleccionHeader.vEditorial h1:before {
    top: 80px;
    rotate: 0deg;
    margin:initial;
  }
}

/*=====  End of FONDO EDITORIAL  ======*/


.fondoHeader {
  position: relative;
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  padding-top: 210px;
  padding-bottom: 60px; }
.fondoHeader h1 {
  text-align: center; }
.fondoHeader h1 span {
  font-size: 92px;
  font-size: 5.75rem;
  font-family: "Lato", sans-serif;
  display: block;
  text-align: right; }
.fondoHeader h1 strong {
  font-size: 160px;
  font-size: 10rem;
  font-family: "Duplicate Slab", sans-serif;
  color: #9a0092;
  display: block;
  margin-top: -55px; }
.fondoHeader .fondoHeaderCols {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-top: -80px; }
.fondoHeader .fondoHeaderCols .fondoHeadColsImg {
  width: 356px;
  position: relative; }
.fondoHeader .fondoHeaderCols .fondoHeadColsImg img {
  width: 100%;
  height: auto; }
.fondoHeader .fondoHeaderCols .fondoHeadColsImg .hfImgLink {
  position: absolute;
  display: block; }
.fondoHeader .fondoHeaderCols .fondoHeadColsImg .hfImgLink.v1 {
  -moz-transform: rotate(-25deg) skew(15deg, 0deg);
  -webkit-transform: rotate(-25deg) skew(15deg, 0deg);
  -o-transform: rotate(-25deg) skew(15deg, 0deg);
  -ms-transform: rotate(-25deg) skew(15deg, 0deg);
  transform: rotate(-25deg) skew(15deg, 0deg);
  left: 25%;
  top: 2%;
  width: 42%;
  height: 49%; }
.fondoHeader .fondoHeaderCols .fondoHeadColsImg .hfImgLink.v2 {
  -moz-transform: rotate(-11deg) skew(15deg, 0deg);
  -webkit-transform: rotate(-11deg) skew(15deg, 0deg);
  -o-transform: rotate(-11deg) skew(15deg, 0deg);
  -ms-transform: rotate(-11deg) skew(15deg, 0deg);
  transform: rotate(-11deg) skew(15deg, 0deg);
  left: 45%;
  top: 19%;
  width: 42%;
  height: 49%; }
.fondoHeader .fondoHeaderCols .fondoHeadColsImg .hfImgLink.v3 {
  -moz-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  -o-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  left: 35%;
  top: 40%;
  width: 46%;
  height: 54%; }
.fondoHeader .fondoHeaderCols p {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  width: 200px;
  margin-top: -110px; }

.fondoBtn .btnFondo {
  font-size: 24px;
  font-size: 1.5rem;
  width: 100%;
  max-width: 490px;
  margin: 0 auto;
  display: table; }
.fondoBtn .btnFondo strong {
  display: block; }

.fondoInfo {
  padding-top: 160px; }
.fondoInfo .marquee_text {
  position: absolute;
  left: 0;
  top: -180px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none; }
.fondoInfo .marquee_text h2 {
  font-size: 340px;
  font-size: 21.25rem;
  font-family: "Duplicate Slab", sans-serif;
  color: #d6d6d6; }
/*.fondoInfo .fondoInfoWrap {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  position: relative; }*/
.fondoInfo .fondoInfoWrap p {
  font-size: 42px;
  font-size: 2.625rem;
  font-family: "Lato", sans-serif;
  position: absolute;
  right: 0;
  bottom: 140px;
  width: 460px; }

.fondoCarousel {
  padding-top: 80px; }
.fondoCarousel .fondoCarouselWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 30px; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider {
  margin: 0 !important; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-prev, .fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-next {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.3;
  width: 26px;
  height: 60px;
  filter: alpha(opacity=80);
  z-index: 1; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-prev:before, .fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-next:before {
  display: none; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-prev:hover, .fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-next:hover {
  opacity: 1;
  filter: alpha(opacity=100); }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-prev {
  left: -30px; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-prev:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  border-width: 30px 26px 30px 0;
  border-color: transparent #000 transparent transparent; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-next {
  right: -30px; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .slick-next:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  border-width: 30px 0 30px 26px;
  border-color: transparent transparent transparent #000; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .fondoCarSld {
  padding: 0 20px; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .fondoCarSld:hover .imgCont img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .fondoCarSld .imgCont {
  width: 100%;
  max-width: 250px;
  margin: 0 auto; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .fondoCarSld .imgCont img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  height: auto; }
.fondoCarousel .fondoCarouselWrap .fondoCarouselSlider .fondoCarSld p {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 800;
  color: #787878;
  text-align: center; }

.fondoBrands {
  padding: 50px 0 40px; }
.fondoBrands .fondoBrandsWrap {
  width: 100%;
  max-width: 860px;
  margin: 0 auto; }
.fondoBrands .fondoBrandsWrap p {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: center; }
.fondoBrands .fondoBrandsWrap ul {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-top: 30px; }
.fondoBrands .fondoBrandsWrap ul li {
  padding: 0 20px; }

@media only screen and (max-width: 1200px) {
  .fondoInfo .fondoInfoWrap .fondoInfoImg {
    width: 100%;
    max-width: 640px; }
  .fondoInfo .fondoInfoWrap .fondoInfoImg img {
    width: 100%;
    height: auto; } }
@media only screen and (max-width: 1100px) {
  .fondoInfo .fondoInfoWrap .fondoInfoImg {
    max-width: 480px; } }
@media only screen and (max-width: 960px) {
  .fondoHeader {
    max-width: 470px; }
  .fondoHeader h1 span {
    font-size: 52px;
    font-size: 3.25rem; }
  .fondoHeader h1 strong {
    font-size: 120px;
    font-size: 7.5rem;
    margin-top: -35px; }
  .fondoHeader .fondoHeaderCols {
    margin-top: -50px; }

  .fondoInfo .fondoInfoWrap {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center; }
  .fondoInfo .fondoInfoWrap .fondoInfoImg {
    max-width: 480px; }
  .fondoInfo .fondoInfoWrap p {
    font-size: 32px;
    font-size: 2rem;
    text-align: center;
    position: relative;
    right: initial;
    bottom: initial;
    width: 100%;
    max-width: 640px;
    margin-top: 30px; }

  .fondoBrands .fondoBrandsWrap ul li a {
    display: block; }
  .fondoBrands .fondoBrandsWrap ul li a img {
    width: 70%;
    height: auto;
    margin: 0 auto; } }
@media only screen and (max-width: 640px) {
  .fondoHeader {
    padding-top: 80px;
    padding-bottom: 40px; }
  .fondoHeader h1 span {
    font-size: 26px;
    font-size: 1.625rem;
    text-align: center; }
  .fondoHeader h1 strong {
    font-size: 60px;
    font-size: 3.75rem;
    margin-top: -15px; }
  .fondoHeader .fondoHeaderCols {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    margin-top: 0; }
  .fondoHeader .fondoHeaderCols .fondoHeadColsImg {
    width: 235px; }
  .fondoHeader .fondoHeaderCols p {
    font-size: 20px;
    font-size: 1.25rem;
    width: 100%;
    text-align: center;
    margin-top: 20px; }

  .fondoBtn .btnFondo {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem; }

  .fondoInfo {
    padding-top: 60px; }
  .fondoInfo .marquee_text {
    top: -70px; }
  .fondoInfo .marquee_text h2 {
    font-size: 140px;
    font-size: 8.75rem; }
  .fondoInfo .fondoInfoWrap p {
    font-size: 20px;
    font-size: 1.25rem; }

  .fondoBrands .fondoBrandsWrap p {
    font-size: 16px;
    font-size: 1rem; }
  .fondoBrands .fondoBrandsWrap ul {
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
  .fondoBrands .fondoBrandsWrap ul li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 10px; }
  .fondoBrands .fondoBrandsWrap ul li:first-child a img {
    max-width: 80px; }
  .fondoBrands .fondoBrandsWrap ul li:last-child a img {
    max-width: 140px; }
  .fondoBrands .fondoBrandsWrap ul li a img {
    width: 100%;
    max-width: 100px; } }
.bContact {
  background: #eaeaea;
  background: -moz-linear-gradient(180deg, #eaeaea 0%, white 100%);
  background: -webkit-linear-gradient(180deg, #eaeaea 0%, white 100%);
  background: linear-gradient(180deg, #eaeaea 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaeaea",endColorstr="#ffffff",GradientType=1); }

.contact {
  position: relative;
  width: 100%;
  margin: 0 auto; }
.contact .contactLogo {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  padding: 60px 30px 0; }
.contact .contactLogo .cLogoWrap p {
  font-size: 32px;
  font-size: 2rem;
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  display: inline-block; }
.contact .contactInfo {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: space-around;
  -ms-flex-pack: justify;
  font-family: "Barlow", sans-serif;
  padding: 40px 0; }
.contact .contactInfo .phone, .contact .contactInfo .email, .contact .contactInfo .whatsapp {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 10px;
  padding-left: 64px;
  position: relative; }
.contact .contactInfo .phone p, .contact .contactInfo .email p, .contact .contactInfo .whatsapp p {
  font-weight: 400; }
.contact .contactInfo .phone a, .contact .contactInfo .email a, .contact .contactInfo .whatsapp a {
  display: inline-block;
  cursor: pointer; }
.contact .contactInfo .phone:after, .contact .contactInfo .email:after, .contact .contactInfo .whatsapp:after {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  background-size: contain; }
.contact .contactInfo .phone:after {
  background: url(vector/ico-phone.svg) no-repeat 0 0;
  background-size: contain; }
.contact .contactInfo .email:after {
  background: url(vector/ico-email.svg) no-repeat 0 0; }
.contact .contactInfo .web {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  padding: 0 10px;
  padding-left: 64px;
  position: relative; }
.contact .contactInfo .web a {
  line-height: 0.8;
  display: block; }
.contact .contactInfo .web:after {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  background: url(vector/ico-web.svg) no-repeat 0 0;
  background-size: contain; }
.contact .contactInfo .whatsapp:after {
  background: url(vector/ico-whatsapp.svg) no-repeat 0 0; }
.contact .contactPayMSI {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  background-color: #fff; }
.contact .contactPayMSI h2 {
  font-size: 54px;
  font-size: 3.375rem;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 30px; }
.contact .contactPayMSI table {
  font-size: 28px;
  font-size: 1.75rem;
  font-family: "Barlow Condensed", sans-serif;
  width: calc(100% - 10px);
  margin: 10px 5px;
  min-width: 250px; }
.contact .contactPayMSI table thead th {
  font-weight: 700;
  text-align: center;
  padding: 5px 10px;
  border-right: #fff 1px solid; }
.contact .contactPayMSI table thead th:last-child {
  text-align: left;
  width: 50%;
  border-right: none; }
.contact .contactPayMSI table tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.07); }
.contact .contactPayMSI table tbody td {
  text-align: center;
  line-height: 1.2;
  padding: 5px 10px; }
.contact .contactPayMSI table tbody td span {
  display: block; }
.contact .contactPayMSI table tbody td:last-child {
  text-align: left;
  width: 50%; }
.contact .contactPayDepTrans {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 26px;
  font-size: 1.625rem;
  width: 100%;
  padding: 30px; }
.contact .contactPayDepTrans dl {
  font-family: "Barlow", sans-serif;
  text-align: center; }
.contact .contactPayDepTrans dl dt {
  font-weight: 700; }
.contact .contactPayDepTrans dl dd {
  margin-top: 5px; }
.contact .contactPayDepTrans dl + dl {
  margin-top: 15px; }
.contact .contactPayDepTrans p {
  font-family: "Barlow", sans-serif;
  margin-top: 30px;
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
  padding: 10px 60px;
  background-color: rgba(0, 0, 0, 0.07); }
.contact .contactSocial {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 30px 30px 30px; }
.contact .contactSocial p {
  font-size: 28px;
  font-size: 1.75rem;
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  text-align: center; }
.contact .contactSocial ul {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-pack: justify;
  font-weight: 400;
  margin-top: 30px; }
.contact .contactSocial ul li {
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "Barlow", sans-serif;
  padding: 0 10px; }
.contact .contactSocial ul li a {
  position: relative;
  display: block;
  padding-left: 32px; }
.contact .contactSocial ul li a:before {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-size: contain; }
.contact .contactSocial ul li a.fb:before {
  background: url(vector/ico-facebook.svg) no-repeat 0 0; }
.contact .contactSocial ul li a.twitter:before {
  background: url(vector/ico-twitter.svg) no-repeat 0 0; }
.contact .contactSocial ul li a.instagram:before {
  background: url(vector/ico-instagram.svg) no-repeat 0 0; }
.contact .contactSocial ul li a.linkedin:before {
  background: url(vector/ico-linkedin.svg) no-repeat 0 0; }
.contact .contactBottomLogo {
  padding: 30px; }
.contact .contactBottomLogo img {
  width: 100%;
  max-width: 134px;
  height: auto;
  margin: 0 auto;
  display: table; }
.contact .contactCopy {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  padding: 0 30px 30px 30px; }
.contact .contactCopy p {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Barlow", sans-serif; }

@media only screen and (max-width: 960px) {
  .contact .contactLogo {
    padding: 40px 0 0; }
  .contact .contactInfo {
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 20px 0; }
  .contact .contactInfo .phone, .contact .contactInfo .email, .contact .contactInfo .whatsapp {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem;
    padding: 10px 0;
    padding-left: 50px;
    width: 50%; }
  .contact .contactInfo .phone:after, .contact .contactInfo .email:after, .contact .contactInfo .whatsapp:after {
    width: 30px;
    height: 30px; }
  .contact .contactInfo .web {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem;
    padding: 10px 0;
    padding-left: 50px;
    width: 50%; }
  .contact .contactInfo .web:after {
    width: 30px;
    height: 30px; }
  .contact .contactPayMSI h2 {
    font-size: 32px;
    font-size: 2rem; }
  .contact .contactPayMSI table {
    font-size: 20px;
    font-size: 1.25rem; } }
@media only screen and (max-width: 640px) {
  .contact .contactLogo .cLogoWrap p {
    font-size: 24px;
    font-size: 1.5rem; }
  .contact .contactInfo .phone, .contact .contactInfo .email, .contact .contactInfo .whatsapp {
    width: 100%; }
  .contact .contactInfo .web {
    width: 100%; }
  .contact .contactPayMSI {
    padding: 20px; }
  .contact .contactPayMSI h2 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-left: 10px;
    margin-bottom: 20px; }
  .contact .contactPayMSI table {
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    margin: 0; }
  .contact .contactPayMSI table tbody, .contact .contactPayMSI table th, .contact .contactPayMSI table td, .contact .contactPayMSI table tr {
    display: block;
    width: 100%;
    position: relative; }
  .contact .contactPayMSI table thead {
    display: none; }
  .contact .contactPayMSI table tbody tr td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    padding: 10px; }
  .contact .contactPayMSI table tbody tr td:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: attr(data-th) ": ";
    font-weight: 700;
    position: relative;
    left: 0;
    width: 100%;
    display: block; }
  .contact .contactPayMSI table tbody tr td:last-child {
    width: 100%; }
  .contact .contactPayDepTrans {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 30px 0; }
  .contact .contactSocial {
    padding-bottom: 0; }
  .contact .contactSocial p {
    font-size: 18px;
    font-size: 1.125rem; }
  .contact .contactSocial ul {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    height: 200px; }
  .contact .contactSocial ul li a {
    padding-left: 0; }
  .contact .contactSocial ul li a:before {
    position: absolute;
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    top: initial;
    left: initial;
    margin: 0 auto 5px; }
  .contact .contactBottomLogo {
    padding: 0;
    padding-top: 40px; }
  .contact .contactCopy p {
    font-size: 16px;
    font-size: 1rem; } }
@font-face {
  font-family: "Galette Medium";
  src: url("fonts/Galette-Medium.eot");
  src: url("fonts/Galette-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Galette-Medium.woff2") format("woff2"), url("fonts/Galette-Medium.woff") format("woff"), url("fonts/Galette-Medium.ttf") format("truetype"), url("fonts/Galette-Medium.svg#Galette-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Galette Light";
  src: url("fonts/Galette-Light.eot");
  src: url("fonts/Galette-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Galette-Light.woff2") format("woff2"), url("fonts/Galette-Light.woff") format("woff"), url("fonts/Galette-Light.ttf") format("truetype"), url("fonts/Galette-Light.svg#Galette-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Duplicate Slab";
  src: url("fonts/DuplicateSlab-Heavy.eot");
  src: url("fonts/DuplicateSlab-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/DuplicateSlab-Heavy.woff2") format("woff2"), url("fonts/DuplicateSlab-Heavy.woff") format("woff"), url("fonts/DuplicateSlab-Heavy.ttf") format("truetype"), url("fonts/DuplicateSlab-Heavy.svg#DuplicateSlab-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Gotham";
  src: url("fonts/Gotham-Bold.eot");
  src: url("fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Gotham-Bold.woff2") format("woff2"), url("fonts/Gotham-Bold.woff") format("woff"), url("fonts/Gotham-Bold.ttf") format("truetype"), url("fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Lyon Display Light";
  src: url("fonts/LyonDisplay-Light.eot");
  src: url("fonts/LyonDisplay-Light.eot?#iefix") format("embedded-opentype"), url("fonts/LyonDisplay-Light.woff2") format("woff2"), url("fonts/LyonDisplay-Light.woff") format("woff"), url("fonts/LyonDisplay-Light.ttf") format("truetype"), url("fonts/LyonDisplay-Light.svg#LyonDisplay-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Lyon Display Regular";
  src: url("fonts/LyonDisplay-Regular.eot");
  src: url("fonts/LyonDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/LyonDisplay-Regular.woff2") format("woff2"), url("fonts/LyonDisplay-Regular.woff") format("woff"), url("fonts/LyonDisplay-Regular.ttf") format("truetype"), url("fonts/LyonDisplay-Regular.svg#LyonDisplay-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Lyon Display BoldItalic";
  src: url("fonts/LyonDisplay-BoldItalic.eot");
  src: url("fonts/LyonDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/LyonDisplay-BoldItalic.woff2") format("woff2"), url("fonts/LyonDisplay-BoldItalic.woff") format("woff"), url("fonts/LyonDisplay-BoldItalic.ttf") format("truetype"), url("fonts/LyonDisplay-BoldItalic.svg#LyonDisplay-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }


@font-face {
  font-family: "Futura L";
  src: url("fonts/FuturaPTLight.woff") format("woff") ;
  font-display: swap; }
@font-face {
  font-family: "Futura H";
  src: url("fonts/FuturaPTHeavy.woff") format("woff") ;
  font-display: swap; }
@font-face {
  font-family: "Cairo EL";
  src: url("fonts/Cairo-ExtraLight.woff") format("woff") ;
  font-display: swap; }
@font-face {
  font-family: "Cairo L";
  src: url("fonts/Cairo-Light.woff") format("woff") ;
  font-display: swap; }
@font-face {
  font-family: "Cairo R";
  src: url("fonts/Cairo-Regular.woff") format("woff") ;
  font-display: swap; }
@font-face {
  font-family: "Cairo SB";
  src: url("fonts/Cairo-SemiBold.woff") format("woff") ;
  font-display: swap; }
@font-face {
  font-family: "Cairo B";
  src: url("fonts/Cairo-Bold.woff") format("woff") ;
  font-display: swap; }