/* GLOBAL */

body {
    font-family: Roboto;
    overflow-x: hidden;
}

.strokeWhite {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color: transparent !important;
}

.strokeBlack {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #222;
    color: white !important;
}

.noPaddingLeft {
    padding-left: 0px!important;
}

.noPaddingRight {
    padding-left: 0px!important;
}

.wb {
    border: 1px solid white;
}

.bb {
    border: 1px solid #222;
}

.emptyInput {
    background-color: transparent;
    border: 0px!important;
}


div {
    outline: 0!important;
}

input, button {
    outline: 0!important;
    outline-style:none!important;
    outline-width:0!important;
}

.emptyButton {
    background-color: transparent;
    border: 0px;
    border: 0px;
    border: 0px;
}

.blackBackground {
    background-color: #222;
}
.paperBackground {
    background-image: url('../img/general/paper-background.jpg');
}
.whiteBackground {
    background-color: #fff;
}


.fp-controlArrow.fp-next {
    border-width: 24.5px 0 24.5px 25px;
    right: 60px;
    opacity: 0.5;
}

.fp-controlArrow.fp-prev {
    border-width: 24.5px 25px 24.5px 0;
    opacity: 0.5;
    left: 60px;
}

/* HEADER */

.desktopContent #header{
    display:block;
    width: 100%;
    z-index:1000;
    padding: 20px 0 0 0;
    top:0px;
}

.desktopContent #blackHeader {
    color: #222;
    border-color: #222;
}

.desktopContent #blackHeader a {
    color: #222!important;
}

.desktopContent #blackHeader .crearCuenta {
    background-color: #222;
    color: white;
}

.desktopContent #whiteHeader {
    color: #FFF;
    border-color: #FFF;
}

.desktopContent #whiteHeader a {
    color: #FFF!important;
}

.desktopContent #whiteHeader .crearCuenta {
    background-color: #FFF;
    color: #222;
}

.desktopContent .burgerMenu {
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 2px!important;

}

.desktopContent .headerRow {
    margin-left: 0px!important;
    margin-right: 0px!important;
    height: 60px;
}

.desktopContent #header .logoContainer {
    width: 20%;
    padding-top: 10px;
    padding-left: 100px;
    float: left;
}

.desktopContent .navContainer {
    width: 80%;
    float: left;
    position: relative;
}

.desktopContent .linkList {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    padding: 0;
    position: absolute;
    right: 100px;
    overflow: hidden;
}

.desktopContent .linkList li {
    float: left;
    padding-top: 9px;
}
.desktopContent .linkList li a {
    display: block;
    text-align: right;
    padding: 14px;
    padding-right: 9px;
    text-decoration: none;
    font-family: Roboto;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
}

.selectedLink {
    font-weight: bold;
    text-decoration: underline!important;
}

.desktopContent .navSeparator {
    margin-top: 12px;
    margin-left: 8px;
    margin-right: 5px;
}

.desktopContent .crearCuenta {
    border: none;
    padding: 10px;
    padding-left: 33px;
    padding-right: 33px;
    padding-bottom: 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    margin-top: -22px;
    margin-left: -2px;
}

/* HAMBURGER MENU */

.desktopContent #header .fullScreenMenu {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100vh;
    background-color: #222;
    z-index: 9999;
}

.desktopContent .fullScreenMenu .headerRow {
    padding-top: 20px;
}

.desktopContent .fullScreenMenu .navRow {
    padding-left: 690px;
}

.desktopContent .fullScreenMenu .whiteFullDivider {
    top: 84px;
    position: absolute;
}

.desktopContent .fullScreenMenu .whiteThinFullDivider {
    top: 88%;
}

.desktopContent .fullScreenMenu .menuLinkContainerDash, .fullScreenMenu .menuLinkContainerSolid {
    padding-top: 8vh;
    padding-bottom: 30px;
}

.desktopContent .fullScreenMenu .menuLinkContainerDash {
    border-bottom: 1px dashed #fff;
}

.desktopContent .fullScreenMenu .menuLinkContainerSolid {
    border-bottom: 1px solid #fff;
}

.desktopContent .fullScreenMenu .menuContainer {
    padding-top: 25px;
    padding-left: 30px;
}

.desktopContent .menuBox .menuTitle {
    color: #FFFFFF; font-family: Roboto;    font-size: 24px;    line-height: 24px;
    margin-bottom: 25px;
}
.desktopContent .menuBox .menuTitle a{
    color: #fff;
}

.desktopContent .menuBox .menuLink {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
    display: block;
}

/* BANDERASPAISES */

/*-----------desktop----------------*/
.desktopContent .linkList .dropdown img {
    width: 32px;
    padding-right: 5px;
}
.desktopContent .linkList .dropdown .toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.desktopContent .linkList .dropdown .menu {
    opacity: 0;
    position: absolute;
    border-radius: .25rem;
    top: 43px;
    left: 14px;
}
.desktopContent .linkList .dropdown .menu .item{
    padding: 0;
}
.desktopContent .linkList .dropdown:hover .menu {
    opacity: 1;
}
/* PAISES - FIN */

.desktopContent .menuBox .newsletterBox {
    padding-top: 60px;
}

.desktopContent .menuBox .newsletterBox {
    border-bottom: 1px solid white;
}

.desktopContent .menuBox .newsletterBox .suscribeText {
    font-size: 18px;
    color: #fff;
}

.desktopContent .menuBox .newsletterBox button {
    color: #fff;
    margin-bottom: 10px;
    float: right;
}

.desktopContent .menuBox .newsletterBox img {
    margin-left: 20px
}

.desktopContent .menuBox .mailNewsletter {
    color: #fff;
    width: 248px;
}

.desktopContent .fullScreenMenu .addressContainer {
    position: absolute;
    top: 85%;
    padding: 15px;
    width: 100%;
    color: #FFFFFF; font-family: Roboto;    font-size: 15px;    line-height: 21px;
}

.desktopContent .fullScreenMenu .addressContainer .address {
    margin-bottom: 0px;
}

.desktopContent .fullScreenMenu .addressContainer .copyright {
    font-size: 12px;
}

.desktopContent .fullScreenMenu .socialContainer {
    position: absolute;
    bottom: -20px;
    left: 40%;
}

.desktopContent .fullScreenMenu .socialContainer a{
    display: block;
    margin-bottom: 5px;
}

.desktopContent .menuBox a:hover {
    color: #BE916e;

}
/* SECTION 0 */

#section0 .blackFullDivider {
    z-index: 1000;
}

#section0 .arrowDownContainer {
    top: 89%!important;
}

#section0 .blackHalfLeftThinDivider {
    top: 80%!important;
}

.homeContainer1 {
    top: 0;
    bottom: 0;
    left: 0;
}

.blackFullDivider {
    position: absolute;
    width: 88%!important;
    height: 6px;
    background-color: #222;
    top: 90px;
    left: 6%;
    right: 6%;
}

.homeContainer {
    position: absolute;
    width: 100%;
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.homeContent {
    position: absolute;
    width: 100%;
    top: 30px;
    height: 100%;
}

.homeBox {
    position: relative;
    width: 100%;
}

.homeHalf {
    margin-top: 10px;
}

.homeHalf .titleRow {
    margin-left: 25%;
}

.homeHalfPictureContainer img{
    max-height: 85vh;
}

.homeBox .titleRow .title {
    color: #222;
    font-size: 8vh;
    margin-top: 8vh;
    padding-left: 0px!important;
    letter-spacing: -1.15px;
    line-height: 8vh;
    font-weight: 900;
}

.homeBox .titleRow .subtitleGold {
    color: #BE916E;
    font-size: 2.5vh;
    margin-top: 2.5vh;
    font-weight: bold;
}


.homeBox .buttonContainer {
    margin-top: 6vh;
    margin-left: 2px;
}

.homeBox .buttonContainer .crearButton {
    padding-left: 2vw;
    padding-right: 2vw;
    color: #fff;
    font-family: Roboto Mono;
    font-size: 2vh;
}

.homeBox .buttonContainer .verMasBlack {
    margin-left: 10px;
    font-size: 2vh;
    padding-left: 2vw;
    padding-right: 2vw;
}

.homeBox .subtitleBlack {
    font-size: 2.5vh;
    color: #222;
    margin-top: 1.5vh;
}

.ductTapeContainer {
    position: absolute;
    bottom: 85px;
    z-index: -1000;
}

.ductTapeContainer img {
    height: 75vh;
}
.verMasBlack {
    padding-left: 25px!important;
    padding-right: 25px!important;
    color: #222;
    background-color: transparent;
    font-family: Roboto Mono;
}

/* SECTION 1 */

.ofrecemosContainer1 {
    left: 0;
}

.ofrecemosContainer2 {
    left: 25%;
}

.ofrecemosContainer3 {
    left: 50%;
}

.ofrecemosContainer4 {
    left: 75%;
}

.ofrecemosContainer {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 25%;
}

.ofrecemosContent {
    width: 100%;
    top: 30px;
    height: 100%;
}

.ofrecemosContainer .staticLeftSeparator {
    width: 15%;
    float: left;
    height: 1px;
}

.ofrecemosContainer .staticRightSeparator {
    width: 9%;
    float: left;
    height: 1px;
}

.ofrecemosContainer .centerDiv {
    width: 70%;
}


.ofrecemosBox {
    position: relative;
    width: 100%;
    margin-top: 75px;
}

.whiteFullDivider {
    position: relative;
    width: 88%!important;
    height: 6px;
    background-color: #fff;
    top: 80px;
    left: 6%;
    right: 6%;
}

.whiteThinFullDivider {
    position: relative;
    width: 85%!important;
    height: 1px;
    background-color: #fff;
    top: 80%;
    left: 7.5%;
    right: 7.5%;
}

.arrowUpContainer {
    position: relative;
    height: 53px;
    width: 40px;
    top: 75px;
    left: 48%;
    z-index: 999;
}

.arrowUp {
    display: inline-block;
    margin-top: 2px;
    cursor: pointer;
}

.arrowDownContainer {
    position: relative;
    height: 53px;
    width: 40px;
    top: 82%;
    left: 48%;
    z-index: 10;
}

.arrowDown {
    display: inline-block;
    cursor: pointer;
}

.ofrecemosBox .titleRow {
    margin-left: 10px;
}

.ofrecemosContent .homeBox .titleRow .title {
    color: white;
    font-size: 8vh!important;
    font-weight:bold;
    margin-top: 10vh!important;
    padding-left: 0px!important;
    letter-spacing: -1.14px;
}

.ofrecemosBox .titleRow .subtitleGold {
    color: #BE916E;
    font-size: 2.3vh;
    line-height: 3vh;
    margin-top: 4vh;
}

.ofrecemosContent .homeBox .subtitleGold{
    margin-top: 4vh;
    font-size: 2.3vh;
    margin-bottom: 4vh;
    max-width: 90%;

}

.ofrecemosBox .ofrecemosOptions {
    margin-left: 20px;
}

.ofrecemosBox .ofrecemosOptions .option {
    padding-left: 0px;
}

.ofrecemosBox .ofrecemosOptions .optionGold {
    color: #BE916E;
}

.ofrecemosBox .ofrecemosOptions .optionWhite {
    padding-top: 1.5vh;
    color: #fff;
}

.ofrecemosBox .ofrecemosOptions .option .title {
    font-size: 3.3vh;
    font-weight: bold;
    letter-spacing: -0.48px;
    line-height: 30px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.ofrecemosBox .ofrecemosOptions .option .text {
    font-size: 2vh;
    line-height: 2.7vh;
    margin-left: 5px;
    margin-bottom: 3.5vh;
    max-width: 300px;
}

.ofrecemosContent .homeBox .buttonsRow .verMasWhite{
    font-size: 2vh!important;
}

.epButton {
    border: 1px solid;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 25px;
    margin-top: -22px;
    margin-left: -2px;
    font-family: Roboto Mono;
    font-size: 2vh;
}

.verMasGold {
    color: #BE916E;
    background-color: transparent;
}

.verMasWhite {
    color: #FFF;
    background-color: transparent;
    font-family: Roboto Mono;
}

.ofrecemosContent .buttonContainer {
    font-family: Roboto Mono;
    margin-top: 62px;
    font-size: 15px;
    line-height: 18px;
    margin-left: 0px;
}

.techMas { padding-left: 40px!important;}
.logiMas { padding-left: 30px!important;}
.dataMas { padding-left: 20px!important;}

.solidGold {
    background-color: #BE916E;
    color: #222;
    border: 1px solid #BE916E;
}

.optionLogosRow {
    padding-top: 10px;
    padding-left: 20px;
}

.optionTech {
    padding-top: 20px;
}

.optionTechLogo {
    position: relative;
    left: 5px;
    top: 0px;
    height: 10vh;
}

.hoverLogi img {
    left: -5px;
}

.hoverData img {
    left: -15px;
}

.hoverTech, .hoverLogi, .hoverData {
    cursor: pointer;
}

/* SECTION 1 - TECH */

.boxTech {
    margin-top: 30px;
}

.boxTech .title {
    font-size: 6vh!important;
    font-weight: bold;
    letter-spacing: -0.86px;
    line-height: 7vh;
    color: #fff;
    margin-top: 11vh!important;
    margin-bottom: 0px;
}

.boxTech .titleRow {
    margin-top: 5vh;
    margin-left: 2vh!important;

}

.boxTech .subtitleWhite {
    font-size: 2.5vh;
    color: white;
    margin-top: 4vh;
    margin-bottom: 0px!important;
}

.boxTech .subtitleGold {
}

.boxTech .buttonContainer {
    margin-top: 6vh;
}

.boxTech .contactoButton {
    padding-left: 18px!important;
    padding-right: 18px!important;
    margin-right: 10px;
}

.boxTech .imageContainer {
   padding-top: 18vh;
   padding-left: 95px;
}

.boxTech .imageContainer img {
    max-height: 29vh;
}

.ofrecemosBannerContainer {
    margin-top: 5vh;
    width: 100%;
    padding-left: 30px;
}

/* SECTION 1 - BIG DATA */

.boxData {
    margin-top: 35px;
}

.boxData .title {
    font-weight: bold;
    letter-spacing: -0.86px;
    font-size: 6vh!important;
    font-weight: bold;
    line-height: 7vh;
    color: #fff;
    margin-top: 10vh!important;
    margin-bottom: 0px!important;
}

.boxData .listBox {
    margin-top: 50px;
}

.boxData .subtitleGold {
    width: 100%!important;
    font-size: 2.3vh;
    line-height: 3vh;
    margin-top: 4vh!important;
}

.boxData .subtitleGold .item {
    margin-bottom: 10px;
    display: block;
}

.boxData .titleRow {
    margin-top: 7vh;
    margin-left: 30px!important;

}

.boxData .subtitleWhite {
    font-size: 2.3vh;
    color: white;
    margin-top: 2vh;
    margin-bottom: 0px!important;
}

.boxData .contactoButton {
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 10px;
}

.boxData .buttonContainer {
    margin-top: 5vh;
}

.boxData .imageContainer {
   padding-top: 15vh;
   padding-left: 115px;
}
.boxData .imageContainer img {
    max-height: 36vh;
}

/* SECTION 1 - LOGISTICA*/

.boxLogi {
    padding-top: 20px;
    margin-top: 35px;
}

.boxLogi .title {
    font-size: 6vh!important;
    font-weight: bold;
    letter-spacing: -0.86px;
    line-height: 7vh;
    color: #fff;
    margin-top: 10vh!important;
}

.boxLogi .listBox {
    margin-top: 50px;
}

.boxLogi .subtitleGold {
    font-size: 18px!important;
    line-height: 27px!important;
    width: 100%!important;
    margin-bottom: 25px!important;
}

.boxLogi .titleRow {
    margin-top: 20px!important;
    margin-left: 30px!important;
}

.boxLogi .subtitleWhite {
    font-size: 2.5vh;
    color: white;
    margin-top: 4vh;
    margin-bottom: 0px!important;
}

.boxLogi .crearButton {
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 10px;
}

.boxLogi .buttonContainer {
    margin-top: 7vh;
}

.boxLogi .contactoButton {
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 10px;
}

.boxLogi .imageContainer {
   padding-top: 15vh;
   padding-left: 75px;
}

.boxLogi .imageContainer img {
    max-height: 36vh;
}

.boxLogi .bannerLogi {
    margin-top: 85px!important;
}

.boxLogi .ofrecemosBannerContainer {
    padding-left: 45px;
}


/* SECTION 2 */

#section2 {
    background-image: url(../img/general/paper-background.jpg);
}

#section2 .arrowDownContainer {
    left: 48%;
    top: 84vh!important;
}
#section2 .blackHalfLeftThinDivider {
    top: 71vh!important;
}

.integraContainer1 {
    left: 0;
}

.integraContainer {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    margin: 0px!important;
}

.integraContent {
    position: absolute;
    width: 100%;
    top: 30px;
    height: 100%;
}

.integraContent .patternLeft {
    position: absolute;
    top: 2px;
    max-height: 60vh;
}

.integraContent .patternRight {
    position: absolute;
    top: 10px;
    right: 0px;
    max-height: 60vh;
}

.integraFrame {
    padding: 0px!important;
}

.integraMarginLeft, .infoContainer {
    border-top: 5px solid #222;
}

.integraBox {
    padding: 0px!important;
}

.integraBox .laptopContainer img {
    max-height: 65vh;
    margin-top: 1vh;
}

.blackHalfLeftThinDivider {
    position: relative;
    width: 45%!important;
    height: 1px;
    background-color: #222;
    top: 75%;
    left: 5%;

}

.integraBox .titleRow {
    padding-top: 10vh;
}

.integraBox .title {
    font-size: 8vh!important;
    font-weight: bold;
    letter-spacing: -0.86px;
    line-height: 9vh;
    color: #fff;
}

.integrabox .title .stroke {
    color: rgba(255, 255, 255, 0.5);
}

.integraBox .subtitleBlack {
    font-size: 2.7vh;
    line-height: 3.7vh;
    margin-top: 4vh;
    color: #fff;
    margin-right: 0px!important;
}

.integraBox .crearButton {
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 10px;
}

.integraBox .buttonContainer {
    margin-top: 10vh;
    margin-left: 0px;
}

.integraBox .crearButton {
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 10px;
    color: #BE916e;
}

.integraBox .imageContainer {
   padding-top: 100px;
   padding-left: 75px;
}

.integraBox .bannerLogi {
    margin-top: 85px!important;
}


.solidBlack {
    background-color: #222;
    border: 1px solid #222;
}

.integracionesBannerContainer {
    position: relative;
    top: 55px;
    width: 100%;
    text-align: center;
}


/* SECTION 3  */

#section3 .arrowDownContainer {
    top: 85%!important;
}

#section3 .fp-controlArrow.fp-prev {
    border-color: transparent #222 transparent transparent;
}

#section3 .fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #222;
}

#section3 .blackFullHalfDivider {
    width: 42%!important;
    position: absolute;
    height: 6px;
    background-color: #222;
    top: 25px;
    left: 6%;
}

#section3 .blackFullDivider {
    width: 88%!important;
    position: absolute;
    height: 6px;
    background-color: #222;
    top: 25px;
    left: 6%;
}

.blogContainer1 {
    left: 0;
}

.blogContainer2 {
    left: 25%;
}

.blogContainer3 {
    left: 50%;
}
.blogContainer4 {
    left: 75%;
}

.blogContainer {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 25%;
    margin: 0px!important;
}

.blogContainer .blackThinFullDivider {
    top: 76%;
}

.blogContent {
    position: absolute;
    width: 100%;
    top: 30px;
    height: 100%;
}

.blogFrame {
    padding: 0px!important;
}

.blogBox {
    padding: 0px!important;
}

.newsBox {
    padding-top: 4vh!important;
}

.newsBox .pictureContainer img {
    max-height: 65vh!important;
}
.blackHalfLeftThinDivider {
    position: relative;
    width: 44%!important;
    height: 1px;
    background-color: #222;
    top: 75%;
    left: 5%;

}

.blogBox .titleRow {
    margin-top: 10px;
    margin-left: 30px!important;
}

.blogBox .titleRow {
    padding-top: 10vh;
}

.blogBox .titleRow img {
    max-height: 23vh;
}

.blogBox .title {
    font-size: 54px!important;
    font-weight: bold;
    letter-spacing: -0.86px;
    line-height: 57px;
    color: #fff;
}

.blogbox .title .stroke {
    color: rgba(255, 255, 255, 0.5);
}

.blogBox .subtitleBlack {
    font-size: 3vh;
    line-height: 4vh;
    margin-top: 6vh;
    color: #222;
    margin-right: 0px!important;
    width: 120%;
}

.blogBox .subtitleBlack a {
    text-decoration: none;
    color: #222;
}

.blogBox .crearButton {
    padding-left: 18px;
    padding-right: 18px;
    margin-right: 10px;
}

.blogBox .buttonContainer {
    margin-left: 2px;
    margin-top: 5vh;
}

.blogMainHome .buttonContainer{
    margin-top: 6vh;
}

.blogBox .blogButton {
    margin-right: 10px;
    color: #fff;
}

.blogBox .imageContainer {
   padding-top: 100px;
   padding-left: 75px;
}

.blogBox .bannerLogi {
    margin-top: 85px!important;
}


.solidBlack {
    background-color: #222;
    border: 1px solid #222;
}

.blogContent .patternContainer {
    position: absolute;
    bottom: 140px;
    left: 5%;
    right: 5%;
    z-index: -20;

}

.blogContent .pictureContainer {
    z-index: -10;
}

.blogContent .pictureContainer img {
    max-height: 79vh;
}

.blackThinFullDivider {
    position: relative;
    width: 85%!important;
    height: 1px;
    background-color: #222;
    top: 80%;
    left: 7.5%;
    right: 7.5%;
}

.newsContent .categoria {
    font-size: 2.5vh;
    line-height: 3.5vh;
    color: #222;
    text-decoration: underline;
    margin-bottom: 3vh;
}

.newsContent {
    padding-top: 8vh;
    padding-left: 50px;
}

.newsContent .newsTitle {
    font-size: 4.2vh;
    line-height: 5.2vh;
    margin-bottom: 3vh;
    color: #222;
    font-weight: bold;
}

.newsContent .date {
    color: #222222;
    font-family: Roboto;
    font-size: 2.2vh;
    line-height: 3.2vh;
    margin-bottom: 3vh;
    text-transform: uppercase;
}

.newsContent .newsBody {
    color: #222222;
    font-family: Roboto;
    font-size: 2.5vh;
    line-height: 3.5vh;
}


/* SECTION 4 */

#section4 .arrowDownContainer {
    top: 84%!important;
}

#section4 .whiteRightHalfDivider {
    position: absolute;
    width: 45%!important;
    height: 6px;
    background-color: #fff;
    top: 35px;
    right: 5%;
}

#section4 .whiteThinRightHalfDivider {
    position: absolute;
    width: 44%!important;
    height: 1px;
    background-color: #fff;
    top: 74%;
    right: 6%;
}

.casosContainer1 {
    left: 0;
}

.casosContainer2 {
    left: 12.5%;
}

.casosContainer3 {
    left: 25%;
}

.casosContainer4 {
    left: 37.5%;
}

.casosContainer5 {
    left: 50%;
}

.casosContainer6 {
    left: 62.5%;
}

.casosContainer7 {
    left: 75%;
}

.casosContainer8 {
    left: 87.5%;
}

.casosContainer {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 12.5%;
    margin: 0px!important;
}

.casosContent {
    position: absolute;
    width: 100%;
    top: 30px;
    height: 100%;
}

.casosFrame {
    padding: 0px!important;
}

.casosBox {
    padding: 0px!important;
}

.casosBox .titleRow {
    margin-top: 10px;
    margin-left: 30px!important;
    padding-top: 17vh;
    padding-left: 20px;
}

.casosBox .titleRow img {
    max-height: 9vh;
}

.casosBox .subtitleWhite {
    font-size: 2.5vh;
    color: white;
    margin-top: 39.5px;
    margin-left: 4px;
    width: 500px;
}

.casosBox .buttonContainer {
    margin-top: 10vh;
    margin-left: 6px;
}

.casosBox .casosButton {
    margin-right: 10px;
    color: #222;
}

.casosBox .imageContainer {
   padding-top: 100px;
   padding-left: 75px;
}

.casosContent .patternContainer {
    position: absolute;
    top: 15%;
    left: 5%;
    right: 5%;
    z-index: -20;
}

.casosContent .pictureContainer {
    z-index: -10;
    padding-left: 45px;
    padding-top: 3px;
}

.casosContainer .whiteFullDivider {
    top: 34px!important;
}

.casosContainer .whiteThinFullDivider {
    top: 24%!important;

}
.casosContent .columnLeft {
    padding-top: 7vh;
    padding-left: 0px;
    padding-right: 50px;
}
.casosContent .columnLeft .leftContainer {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 13vh;
    padding-left: 40px;
    padding-bottom: 20px;
}

.casosContent .columnRight {
    padding-top: 7vh;
    padding-left: 5%;
}

.casosContent .goldNumber {
    height: 66px;
    width: 55px;
    color: #BE916E;
    font-family: Roboto;
    font-size: 66px;
    font-weight: bold;
    letter-spacing: -1.05px;
    line-height: 66px;
}

.casosContent .casoLogo {
    margin-top: 16vh;

}
.casosContent .casoLogo img {
    max-height: 8vh;
}

.casosContent .logoFerreteria {
    margin-top: 10%;
}

.casosContent .logoFerreteria img {
    max-height: 25vh;
}

.casosContent .logoWalmart {
    margin-top: 13vh;
}

.casosContent .logoWalmart img {
    margin-left: -10px;
    margin-bottom: -20px;
    max-height: 25vh;
}

.casosContent .logoFerreteria {
    margin-left: -30px;
    margin-bottom: -20px;
}

.casosContent .logoDash {
    margin-bottom: 0px;
    margin-left: -5px;
}
.casosContent .logoNavidad img {
    margin-left: -10px;
    margin-bottom: -30px;
    max-height: 12vh;
}
.casosContent .industria {
    width: 375px;
    color: #BE916E;
    font-family: Roboto;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
}

.casosContent .empresaLink {
    color: #BE916E;
    font-weight: bold;
}

.casosContent .problema, .casosContent .resultados {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 4vh;
    font-weight: bold;
    letter-spacing: -0.48px;
    line-height: 5vh;
}

.casosContent .description {
    width: 100%;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 2.3vh;
    line-height: 3.3vh;
}

.openBoxSection img, .closedBoxSection img {
    margin-bottom: 4vh;
    max-height: 10vh;
}

.openBoxSection {
    margin-bottom: 50px;
}

/* SECTION TARIFAS */

#sectionT .tarifasHomeBox {
    padding-top: 50px;
    color: #fff;
}

#sectionT .titleRow .title {
    font-size: 6vh;
    line-height: 7vh;
    font-weight: bold;
    margin-top: 2vh;
    margin-bottom: 3vh;
}

#sectionT .tarifasOptions a {
    color: #fff;
    text-decoration: none;
}
#sectionT .tarifasOptions a:hover {
    color: #BE916E;
}

#sectionT .tarifasOptions a:hover .tarifaHomeButton {
    border-color: #BE916E;
    color: #BE916E;
}
#sectionT .tarifasOptions .subtitle {
    font-size: 3vh;
    margin-bottom: 1vh;
    margin-top: 7vh;
    font-weight: bold;
}
#sectionT .tarifasOptions .text {
    font-size: 2vh;
    z-index: 9999;
    height: 10vh;
}
#sectionT .tarifasOptions .option {
    position: relative;
    z-index: 9999;
}
#sectionT .tarifasOptions .tarifaLogo {
    position: absolute;
    z-index: -10;
    height: 15vh;
}

#sectionT .tarifasOptions .distribucionLogo {
    left: -10px;
}
#sectionT .tarifasOptions .marketplaceLogo {
    left: -20px;
}
#sectionT .tarifasOptions .fulfillmentLogo {
    left: 5px;
}

#sectionT .tarifasOptions .tarifaHomeButton {
    background-color: transparent;
    color: #fff;
    margin-top: 1vh;
    padding-left: 4vh;
    padding-right: 4vh;
    font-size: 1.5vh;
}
/* SECTION 5 */

#section5 {
    background-image: url(../img/general/paper-background.jpg);
}

#section5 .arrowUpContainer {
    left: 49%;
    top: 0px;

}

#section5 .blackFullDivider {
    top: 0px;
    z-index: 10;
    position: relative;
}

.contactContainer1 {
    left: 0;
}

.contactContainer2 {
    color: #fff;
    left: 50%;
}

.contactContainer {
    top: 35px;
    bottom: 0;
    position: absolute;
    width: 50%;
    margin: 0px!important;
}

.contactContent {
    position: absolute;
    width: 100%;
    top: 30px;
    height: 100%;
}

#contactoSlide .contactContent .patternLeft {
    position: absolute;
    top: 55px;
}

.contactFrame {
    padding: 0px!important;
}

.contactBox {
    padding: 0px!important;
}

.contactBox .titleRow {
    margin-top: 10px;
    margin-left: 30px!important;

}

.contactBox .titleRow img {
    height: 13vh;
}
.contactBox .titleRow {
    padding-top: 10%;

}

.contactBox .title {
    color: #222222;
    font-family: Roboto;
    font-size: 7vh;
    font-weight: bold;
    letter-spacing: -1.05px;
    line-height: 66px;
}

.contactBox .subtitleWhite {
    font-size: 2vh;
    line-height: 27px;
    margin-top: 30px;
    color: #fff;
    margin-right: 0px!important;
    width: 495px;
}

.contactBox .recursosButton {
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 10px;
    font-size: 15px;
    color: #BE916e;
}

.contactBox .buttonContainer {
    margin-top: 50px;
    margin-left: 0px;
}

.solidBlack {
    background-color: #222;
    border: 1px solid #222;
}

.contactcionesBannerContainer {
    position: relative;
    top: 55px;
    width: 100%;
    text-align: center;
}


.contactBox .newsletterBox {
    margin-top: 38%;
    margin-left: 30px;
    border-bottom: 1px solid #222;
    width: 375px;
}

.contactBox .newsletterBox input {
    width: 260px;
    font-size: 15px;
}

.contactBox .newsletterBox button {
    font-size: 15px;
    line-height: 35px;
}

.contactBox .newsletterBox button img {
    margin-left: 40px;
}

.newsletterBox .suscribeText {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
}

.contactBox input, .contactBox textarea {
    background-color: transparent;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #222;
    width: 100%;
    margin-bottom: 10px;
}

.contactBox input:focus, .contactBox textarea:focus {
    outline: none;
}

.contactBox .socialBox {
    padding-left: 35px;
    padding-top: 50px;
}

.contactBox .socialLink {
    margin-right: 5px;
}

.contactBox .contactFormContainer {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.contactBox .contactFormContainer label {
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    display: block;
}

.contactBox .textareaContainer {
    margin-top: 20px;
}

.contactBox .submitContainer {
    margin-top: 20px;
}

#section5 #recursosHumanosSlide {
    background-color: #222;
}

.recursosBox .newsletterBox{
    border-bottom: 1px solid #fff;
}
.recursosBox .newsletterBox .suscribeText{
    color: #fff;
}

.recursosBox .newsletterBox button {
    color: #fff;
}

.recursosBox .contactFormContainer {
    padding-top: 10%;
}

.recursosBox .mailNewsletter {
    color: #fff;

}

.recursosBox .contactFormContainer input, .recursosBox .contactFormContainer textarea {
    border-bottom: 1px solid #fff;
    color: white;
}

.recursosBox .contactFormContainer select {
    color: white!important;
    border-color: white;
    background-color: #222;
}

#section5 #recursosHumanosSlide .whiteFullDivider {
    top: 0px!important;
}

.recursosBox .recursosButton {
    color: #222!important;
}

.recursosContent .patternLeft {
    position: absolute;
    bottom: 10%!important;
}

.recursosContent .whiteThinFullDivider {
    width: 75%!important;
    left: 17.5%;
}


/* CREAR CUENTA */

.staticContainer {
    width: 100%;
}

.staticContent {
    padding-top: 50px;
    width: 100%;
}

.iframe .staticContent {
    padding-top: 0;
    width: 500px;
}

.iframe  {
    width: 500px;
}

.creaContainer .blackThinFullDivider {
    position: absolute;
    top: 90%;
}

.creaContainer .messageSuccess {
    color: green;
    margin-top: -30px;
    margin-bottom: 30px;
}

.creaContainer .messageError {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    background: #E53935;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
    width: 100%;
    text-align: left;
}

.creaBox .titleRow {
    padding-top: 35px;
    padding-left: 35px;
}

.creaBox .title {
    font-family: Roboto;
    font-size: 66px;
    font-weight: bold;
    letter-spacing: -1.05px;
    line-height: 66px;
    margin-bottom: 30px;
}

.creaBox .subtitleBlack {
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
}

.creaBox .ingresaAhoraLink {
    color: #BE916E;
}

.creaBox input, .creaBox textarea {
    background-color: transparent;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #222;
    width: 100%;
    margin-bottom: 10px;
}

.iframe .creaBox input, .iframe .creaBox textarea {
    margin-bottom: 5px;
}

.creaBox select {
    width: 100%;
    background-color: #fff;
    padding: 3px !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #222;
    margin-bottom: 10px;
    font-size: 0.9em;
}

.creaBox .checkContainer {
    padding-left: 15px;
}
.creaBox .checkContainer input {
    width: auto!important;
    margin-right: 20px;
}
.creaBox .checkContainer label {
    font-weight: normal!important;
    display: inline!important;
}
.creaBox .checkContainer label:after {
    content: "\A";
    white-space: pre;
}

.creaBox input[type=submit] {
    width: auto;
    background-color: #BE916E;
    color: #fff;
    border-bottom: 0px;
    font-size: 15px;
}

.creaBox ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

.creaBox ul li {
    color: #E53935;
    font-size: 15px;
}

.iframe .creaBox ul li {
    font-size: 12px;
}

.creaBox input:focus, .creaBox textarea:focus {
    outline: none;
}

.creaBox .creaFormContainer {
    padding-top: 40px;
    padding-left: 0px!important;
}

.iframe .creaBox .creaFormContainer {
    padding-top: 0;
}

.creaBox .creaFormContainer label {
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    display: block;
}


.iframe .creaBox .creaFormContainer label {
    line-height: 25px;
}

.iframe .creaBox .creaFormContainer .checkContainer label {
    line-height: 10px;
}

.creaBox .submitContainer {
    margin-top: 20px;
}

.iframe .row {
    margin: 0;
}

.iframe .creaBox .submitContainer {
    margin-top: 30px;
}

.creaBox .submitContainer button {
    color: #fff;
}

.creaBox table td {
    min-width: 30px;
}

.creaBox .radioTitle {
    margin-top: 15px;
    margin-bottom: 15px;
}

.creaBox .radioTable label {
    font-weight: normal;
}


/*QUE OFRECEMOS*/

/* TECH */
.staticContainer {
    z-index: -10;
}

.staticContainer .whiteFullDivider{
    top: 90px;
}

.sector {
    overflow-x: hidden;
    margin-top: -1px;
}
.sector1 {
    margin-top: -7px!important;
    background-color: #222!important;
    padding-bottom: 1px;
}

.staticContainer .subtitleWhite {
    font-size: 16px;
    color: white;
    margin-top: 39.5px;
}

.staticLeftSeparator {
    width: 15%;
    float: left;
    height: 1px;
}

.techImageContainer {
    width: 42.5%;
    float: left;
}

.techTitleRow {
    width: 42.5%;
    float: left;
}

.halfContent {
    width: 42.5%;
    float: left;
}

.ofrecemosContainer .logoGold {
    height: 70px;
    margin-bottom: 30px;
    display: block;
}

.ofrecemosContainer .sector1 {
    margin-left: -15px;
    margin-right: -15px;
}
.ofrecemosContainer .sector1 .imageContainer {
    z-index: -20;
}


.techTitleRow .titleRow {
    margin-top: 130px;
}

.techTitleRow .titleRow .title {
    color: #fff;
    font-family: Roboto;
    font-size: 3vw;
    font-weight: bold;
    letter-spacing: -0.95px;
    line-height: 4vw;
}

.ofrecemosContainer .sector2 {
    background-color: #fff;
}

.staticContainer .exactHalf .titleRow {
    padding-left: 50px;
    padding-right: 50px;
}

.staticContainer .subtitleBlack {
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
    margin-top: 30px;
}

.techContainer .goldArrowContainer {
    width: 100%;
    margin-top: -20px;
    left: 30%;
}

.techContainer .arrowGold1 {
    position: absolute;
    left: 58%;
}

.techContainer .arrowGold2 {
    position: relative;
    left: 25%;
    margin-top: 80px;
}

.subtitleProveedor {
    max-width: 450px;
}

.techContainer .ovalBlockContainer{
    padding-top: 90px;
    margin-bottom: 80px;
    width: 100%;
}

.techContainer .ovalBlock {
    padding-bottom: 80px;
    border-bottom: 1px solid #222;
}

.techContainer .sector2 .titleRow {
    margin-top: 80px;
}

.techContainer .sector3 {
    background: #fff;
}

.techContainer .rightPatternContainer {
    position: absolute;
    right: 50px;
    z-index: 10;
    margin-top: -75px;
    height: 80px;
}

.techContainer .rightPatternContainer img {
    height: 175px;
    margin-top: 300px;
}

.techContainer .sector3 .imageContainer {
    z-index: -10;
}

.techContainer .sector3 .sector3Content {
    padding-top:70px;
    margin-bottom: 40px;
    width: 100%;
}
.techContainer .sector3 .sector3Content .seguimientoDiv {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #222;
}

.techContainer .sector3 .sector3Content .row .titleRow {
    padding-right: 40px;
}

.techContainer .sector3 .subtitleBlack {
    max-width: 500px;
}


.techContainer .sector3 .subtitleBlack .seguiEnvio {
    color: #BE916E;
}

.techContainer .sector4 {
    background-color: #fff;
    padding-bottom: 60px;
}

.techContainer .sector4 .sector3Content .col-6 .titleRow {
    padding-left: 40px;
}

.techContainer .sector4 .sector3Content .imageContainer .techLeftImageArrow {
    position: absolute;
}

.sector4 .automatizacionContainer {
    width: 70%;
    float: left;
}

.techContainer .sector {
    background-color: #fff;
}

.techContainer .sector5 {
    padding-top: 40px;
}

.techContainer .techBanner {
    width: 100%;
}

.ofrecemosContainer .todoListo {
    background-image: url(../img/general/paper-background.jpg);
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 80px;
    padding-bottom: 50px;
    overflow-x: visible;
}


.ofrecemosContainer .todoListo .whiteLine {
    width: 100%;
    background-color: white;
    height: 5px;
    margin-bottom: 140px;
}

.ofrecemosContainer .todoListo .whiteThinLine {
    position: absolute;
    width: 100%;
    background-color: white;
    height: 2px;
    margin-top: 30%;
    margin-bottom: 140px;
}

.ofrecemosContainer .todoListo .todoListoContent {
    padding-left: 70px;
    min-width: 465px;
}

.ofrecemosContainer .todoListo .todoListoContent .subtitleBlack {
    height: 85px;
    width: 454px;
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 40px;
}

.ofrecemosContainer .todoListo .buttonContainer {

}

.ofrecemosContainer .todoListo .crearButton {
    color: #BE916E;
    font-family: Roboto Mono;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 22px;
    background-color: #222222;
    line-height: 18px;
    text-align: center;
    height: 45px;
    border: 1px solid #222;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 5px;
    padding-bottom: 5px;
}

.ofrecemosContainer .todoListo .contactoButton {
    color: #222;
    font-family: Roboto Mono;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 22px;
    background-color: transparent;
    line-height: 18px;
    text-align: center;
    height: 45px;
    border: 1px solid #222;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 5px;
}

.ofrecemosContainer .queOfrecemos {
    background-color: #fff;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 50px;
    padding-bottom: 100px;
}

.ofrecemosContainer .ofrecemosBox {
    margin-top: 0px;
}

.ofrecemosContainer .ofrecemosBox .titleRow .title {
    font-size: 70px;
    margin-bottom: 30px;
    margin-top: 80px;
}

.ofrecemosContainer .ofrecemosBox .optionBlack .title {
    padding-top: 10px;
    font-size: 28px;
}

.ofrecemosContainer .ofrecemosBox .optionBlack .text {
    font-size: 18px;
    line-height: 24px;
}

.staticContainer .ofrecemosBox .optionWhite img {
    height: 110px;
    margin-left: -10px;
}

.ofrecemosContainer .queOfrecemos .verMasButton {
    height: 46px;
    width: 153px;
    border: 1px solid #222222;
    border-radius: 22.5px;
    line-height: 18px;
    text-align: center;
    background-color: #fff;
    font-family: Roboto Mono;
}

.sector6 .ofrecemosBox .titleRow .title {
    font-size: 60px!important;
    margin-bottom: 30px!important;
    margin-top: 0px!important;
}
.sector6 .ofrecemosBox .contenido {
    width: 60%;
    margin: 0 auto;
}
.footer {
    background-color: #222;
    width: 100%;
}

.footer .socialSection {
    width: 15%;
    height: 100%;
    float: left;
}

.footer .mainFooterContainer {
    width: 70%;
    height: 100%;
    float: left;
}

.footer .mainFooterContainer {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 12px;
    line-height: 18px;
    padding-top: 60px;
}

.footer .mainFooterContainer .column1 {
    width: 50%;
    float: left;
}

.footer .mainFooterContainer .column2 {
    width: 50%;
    float: left;
}

.footer .mainFooterContainer .column2 .subcolumnContainer {
    width: 100%;
}

.footer .mainFooterContainer .column2 .subcolumnContainer .subcolumn1 {
    width: 66.66%;
    float: left;
}

.footer .mainFooterContainer .column2 .subcolumnContainer .subcolumn2 {
    width: 33.33%;
    float: left;
}
.footer .mainFooterContainer .column2 .subcolumnContainer .subcolumn1 a{
    display: block;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
}


.footer .mainFooterContainer .column2 .subcolumnContainer .subcolumn2 p{
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}

.footer .mainFooterContainer .description {
    margin-top: 30px;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 12px;
    line-height: 18px;
}

.footer .mainFooterContainer .direccion {
    margin-top: 100px;
    margin-bottom: 40px;
}

.footer .rightSeparator {
    width: 15%;
    height: 100%;
    float: left;
}

.footer .socialContainer {
    padding-top: 100px;
    padding-left: 30px;
}

.footer .socialContainer a {
    display: block;
    margin-bottom: 10px;
}

.footer .iniciarSesion {
    margin-left: 33px;
    margin-bottom: 30px;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
}

.footer .registrarseFooter {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    height: 45px;
    width: 152px;
    border-radius: 22px;
    border: 1px solid #fff;
    margin-top: 15px;
}

.footer .newsletterBox {
    padding-top: 40px;
}

.footer .newsletterBox .suscribeText {
    color: #fff;
}

.footer .newsletterBox {
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}
.footer .newsletterBox button {
    color: #fff;
    margin-bottom: 10px;
    float: right;
    font-size: 14px;
}

.footer .newsletterBox img {
    margin-left: 20px
}

.footer .mailNewsletter {
    color: #fff;
    width: 248px;
}



.footer .footerFoot {
    width: 100%;
    background-color: #1A1A1A;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer .footerFoot p {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 12px;
    line-height: 21px;
    margin-left: 15%;
}

.clearBoth {
    clear: both;
}

/* QUE OFRECEMOS - DATA */

.dataContainer .dataImageContainer {
    width: 50%;
    float: left;
    background-image: url(/img/que_ofrecemos/data.jpg);
    height: 713px;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.dataContainer .dataTitleRow {
    width: 50%;
    float: left;
    margin-top: 150px;
    padding-left: 50px;
    padding-right: 50px;
}

.dataContainer .dataTitleRow .subtitleWhite{
    max-width: 700px;
    margin-top: 25px;
}
.dataContainer .dataTitleRow .subtitleWhite2 {
    margin-top: 15px;
}
.dataContainer .dataTitleRow .subtitleGold span{
    color: #BE916E;
    display:block;
    font-size: 18px;
}

.dataContainer .section2, .dataContainer .section3, .dataContainer .section4 {
    background-color: #fff;
}

.staticContent, .staticContentFull {
    float: left;
}

.dataContainer .staticContentFull .title {
    font-size: 45px;
    font-family: Roboto;
    font-weight: bold;
    margin-top: 85px;
    width: 600px;
    line-height: 50px;
}

.dataContainer .section4 div {
    background-color: white;
}

.dataContainer .staticContentFull .subtitleBlack {
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
}

.dataContainer .staticContent {
    width: 70%;
    position: relative;
    text-align: center;
    padding-top: 0px;
}

.dataContainer .staticContentFull {
    width: 85%;
    position: relative;
}

.dataContainer .staticContentFull .patternGoldContainer {
    position: absolute;
    right: 50px;
    top: -60px;
}

.dataContainer .staticContentFull .patternGoldContainer img {
    height: 230px;
    margin-top: 20px;
}

.dataContainer .section4 .staticContent{
    padding-top: 50px;
    padding-left: 160px;
    text-align: left!important;
}

.dataContainer .section4 .staticContent img {
    height: 100px;
    margin-bottom: 30px;
}

.dataContainer .section4 .title {
    color: #222222;
    font-family: Roboto;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.48px;
    line-height: 30px;
}

.dataContainer .section4 .subtitleBlack {
    width: 375px;
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 100px;
}

/* QUE OFRECEMOS - LOGI */

.logiContainer .techTitleRow {
    margin-top: 0px!important;
    line-height: 54px
}

.logiContainer .sector1 .titleRow {
    padding-right: 50px;
    margin-top: 150px;
}

.logiContainer .sector2 .title, .logiContainer .sector3 .title {
    font-size: 3vw;
    font-weight: bold;
    line-height: 45px;
}

.logiContainer .sector2 .logiTitleRow .arrowGold {
    position: absolute;
    right: 5%;
    top: 680px;
}

.logiContainer .sector2 .logiTitleRow, .logiContainer .sector3 .logiTitleRow {
    width: 70%;
}

.logiContainer .sector2 .logiTitleRow .titleRow, .logiContainer .sector3 .logiTitleRow .titleRow {
    float: left;
    padding-top: 60px;
}

.logiContainer .sector3 .logiTitleRow .titleRow {
    width: 100%;
    padding-left: 0px;
}

.logiContainer .logiInfoIconContainer {
    margin-top: 75px;
    margin-bottom: 20px;
}

.logiContainer .sector3 {
    background-color: #fff;
}

.logiContainer .logiInfoTitleContainer p {
    color: #BE916E;
    font-family: Roboto;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -0.48px;
    line-height: 30px;
}

.logiContainer .logiInfoTextContainer p {
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 50px;
}

.logiContainer .logiInfoTextContainer div {
    border-bottom: 1px solid #222;
}

.logiContainer .logiInfoFirstRow div {
    border-bottom: 0px!important;
}

.logiContainer .logiInfoFirstRow p {
    padding-bottom: 30px;
}

.logiContainer .logiInfoIcon2ndRow {
    margin-top: 0px;
}

.logiContainer .logiInfoTextContainer2 {
    margin-bottom: 50px;
}

.logiContainer .logiInfoTextContainer2 div {
    border-bottom: 4px solid #222;
}

.logiContainer .logiSubtitleWhite {
    line-height: 30px;
}

.logiContainer .correosImageContainer {
    margin-bottom: 50px;
}

.logiContainer .sector4 {
    background-color: #222;
    padding-top: 60px;
    overflow-y: hidden;
}

.logiContainer .sector4 .centerDiv {
    border-top: 5px solid white;
    padding-bottom: 60px;
}


.logiContainer .sector4 .centerDiv .borderedSection {
    width: 80%;
    float: left;
    border-bottom: 1px solid #fff;
    height: 50px;
}

.logiContainer .sector4 .centerDiv .unborderedSection {
    width: 20%;
    float: left;
    position: relative;
    height: 50px;
}

.logiContainer .sector4 .centerDiv .unborderedSection .pattern {
    height: 150px;
    position: absolute;
    top: 20px;
}

.logiContainer .sector4 .centerDiv .title {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 30px;
}

.logiContainer .sector4 .fullfilmentSteps .stepContainer {
    width: 20%;
    float: left;
    position:relative;
}

.logiContainer .sector4 .fullfilmentSteps .stepNum {
    margin-left: 15%;
}

.logiContainer .sector4 .fullfilmentSteps .stepPic {
    position: absolute;
    left: 20px;
    top: 20px;
}

.logiContainer .sector4 .fullfilmentSteps .stepText {
    position: absolute;
    color: #fff;
    top: 100px;
    left: 20px;
    max-width: 80%;
    font-size: 14px;

}

.logiContainer .sector5 {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 50px;
}

.logiContainer .sector5 .centerDiv .title {
    margin-top: 60px;
    font-size: 48px;
    font-weight: bold;
    line-height: 52px;
    margin-bottom: 25px;
}

.logiContainer .sector5 .centerDiv .subtitle {
    font-weight: bold;
    font-size: 18px;
}

.logiContainer .sector5 .centerDiv .goldenText {
    color: #BE916E;
    font-weight: bold;
}

/* ACERCA DE */

.envioPackContainer .section1 {
    padding-top: 90px;
}

.envioPackContainer .envioPackTitleRow {
    width: 70%;
    float: left;
}

.envioPackContainer .title {
    font-family: Roboto;
    font-size: 54px;
    font-weight: bold;
    letter-spacing: -1.14px;
    line-height: 72px;
    color: #fff;
}

.envioPackContainer .subtitleWhite {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 22px;
    line-height: 33px;
    max-width: 800px!important;
}

.envioPackContainer .titleContainer {
    width: 70%;
    float: left;
    padding-right: 50px;
}

.envioPackContainer .titleArrowContainer {
    width: 30%;
    float: left;
}

.envioPackContainer .titleContainer .subtitleBlack {
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
    float: left;
    width: 50%;
}

.envioPackContainer .titleArrowContainer img {
    display: block;
    margin-bottom: 40px;

}

.envioPackContainer .titleArrowContainer .middle-arrow {
    margin-left: 50%;
}

.centerDiv {
    width: 70%;
    float: left;
}

.envioPackContainer .section2 {
    margin-bottom: 60px;
    margin-top: 60px;
}
.envioPackContainer .section2 .centerDiv img {
    max-width: 120%!important;
}

.envioPackContainer .separator {
    height: 70px;
}

.envioPackContainer .separator .separatorCenter, .envioPackContainer .separator .separatorRight {
    border-top: 1px solid #222;
}

.envioPackContainer .separator .staticLeftSeparator {
    padding-right: 10px;

}

.envioPackContainer .separator .separatorRight {
    width: 14%;
    float: left;
    padding-left: 10px;
}

.envioPackContainer .separatorGold {
    position:relative;
}

.envioPackContainer .separatorGold .goldPattern {
    position: absolute;
    right: 0px;
    top: -70px;
    height: 150px;
}


.envioPackContainer .section3 {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
}

.envioPackContainer .section3 .centerDiv {
    text-align: center;
}

.envioPackContainer .section4 {
    background-color: #222;
    padding-top: 100px;
    padding-bottom: 80px;
}

.envioPackContainer .section4 .centerDiv {
    border-top: 5px solid #fff;
}

.envioPackContainer .section4 .centerDiv .title {
    margin-top: 60px;
    margin-bottom: 50px;
}

.envioPackContainer .section4 .bioContainer .row {
    width: 100%;
    padding-left: 40px;
}

.envioPackContainer .section4 .bioContainer .bioName {
    color: #BE916E;
    font-family: Roboto;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.48px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.envioPackContainer .section4 .bioContainer .bioPosition {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 27px;
}

.envioPackContainer .section4 .bioContainer .bioSocial img {
    height: 30px;
}

.envioPackContainer .section5 {
    background-color: #fff;
}

.envioPackContainer .section5 .notiRow .imagesRow img {
    margin-bottom: 30px;
}

.envioPackContainer .section5 .notiRow .linksRow a {
    color: #222222;
    font-family: Roboto;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -0.33px;
    line-height: 27px;
}

.envioPackContainer .section5 .notiRow .linksRow a:hover {
    color: #BE916E;
}
.envioPackContainer .section5 .notiRow .datesRow p {
    margin-top: 10px;
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
}

.envioPackContainer .section5 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.bbw {
    border-bottom: 1px solid #fff;
    padding-bottom: 100px;
}

.halfbbw {
    border-bottom: 1px solid #fff;
    padding-bottom: 100px;
}

.envioPackContainer .section5 .prensaTitle {
    color: #BE916E;
    font-family: Roboto;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -0.86px;
    line-height: 57px;
    margin-bottom: 20px;
}

.envioPackContainer .section5 .notiRow {
    margin-top: 40px;
}

/* INTEGRACIONES */

.integracionesContainer .integracionesTitleRow {
    width: 70%;
    float: left;
    padding-top: 50px;
    padding-bottom: 105px;
    border-bottom: 5px solid #222;
    margin-bottom: 30px;
}

.integracionesContainer .section1 {
    padding-top: 50px;
}

.integracionesContainer .section1 .patternContainer {
    position: relative;
}

.integracionesContainer .section1 .title {
    height: 210px;
}

.integracionesContainer .section1 .patternBlack {
    position: absolute;
    right: 0px;
    height: 640px;
    z-index: -10;
}

.integracionesContainer .section1 .titleBlack {
    color: #222222;
    font-family: Roboto;
    font-size: 24px;
    letter-spacing: -0.38px;
    line-height: 30px;
    margin-top: 40px;
}

.integracionesContainer .section1 .subtitleWhite {
    color: #fff;
    font-family: Roboto;
    font-size: 19px;
    letter-spacing: -0.38px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    max-width: 460px;
}

.integracionesContainer .section1 .subtitleBlack br {
    margin-bottom: 15px;
}

.integracionesContainer .integracionesImageContainer .properContainer {
    width: 70%;
    float: left;
}

.integracionesContainer .integracionesImageContainer {
    margin-bottom: 60px;
}

.integracionesContainer .section2 {
    background-color: #fff;
    padding-bottom: 80px;
}

.integracionesContainer .section2 .arrowBlack {
    margin-top: -70px;
}

.integracionesContainer .section2 .title {
    font-size: 52px;
    font-weight: bold;
    max-width: 900px;
    line-height: 50px;
    margin-top: 100px;
    margin-bottom: 80px;
}

.integracionesContainer .ventajaLeftColumn {
    padding-left: 100px;
}

.integracionesContainer .ventajaContainer .ventajaIcon {
    height: 120px;
    margin-top: 20px;
}

.integracionesContainer .ventajaContainer .ventajaText {
    max-width: 300px;
    margin-left: 20px;
    margin-top: 10px;

}


.integracionesContainer .section2 .integracionExample {
    width: 100%;
}

.integracionesContainer .section2 .integracionExample .exampleTitle {
    color: #222222;
    font-family: Roboto;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -0.81px;
    line-height: 54px;
    max-width: 570px;
}

.integracionesContainer .section2 .integracionExample .subtitleBlack {
    width: 574px;
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    line-height: 27px;
}

.exactHalf {
    width: 50%;
    float: left;
}

.integracionesContainer .section2 .integracionExample .exactHalf .integrarButton {
    color: #FFFFFF;
    background-color: #222;
    width: 301px;
    height: 45px;
    border-radius: 22px;
    font-family: Roboto;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #222;
}

.integracionesContainer .section2 .integracionExample .exactHalf .titleGold {
    color: #BE916E;
    font-family: Roboto;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -0.86px;
    line-height: 54px;
}

.integracionesContainer .section2 .integracionExample .exactHalf .subsubtitleBlack {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
    max-width: 328px;
}

.integracionesContainer .section2 .integracionExample .subtitleDescription {
    margin-bottom: 35px;
}

.integracionesContainer .section2 .integracionExample {
    padding-top: 80px;
    padding-bottom: 50px;
    border-bottom: 1px solid #222;
}

.integracionesContainer .section2 .integracionExample img {
    margin-bottom: 30px;
}

.integracionesContainer .section2 .integracionExample .row {
    margin-left: 0px;
    margin-right: 0px;
}

.integracionesContainer .section2 .lastExample {
    border-bottom: 0px;
}

.integracionesContainer .section2 .integracionExample .tiendasContainer {
    padding-left: 80px;
}

.integracionesContainer .section3 {
    background-color: #222;
    padding-top: 50px;
    padding-bottom: 50px;
}

.integracionesContainer .section3 .centerDiv {
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    padding-bottom: 40px;
    padding-top: 40px;
}


.integracionesContainer .section3 .staticLeftSeparator {
    position: relative;
}

.integracionesContainer .section3 .staticLeftSeparator img {
    position: absolute;
}

.integracionesContainer .section3 .staticLeftSeparator .patternLeft {
    left: 0px;
    top: 200px;
}

.integracionesContainer .section3 .staticLeftSeparator .patternRight {
    right: 0px;
    top: 200px;;
    z-index: 0;
}

.integracionesContainer .section3 .halfRight {
    z-index: 9999;
}

.integracionesContainer .section3 .titleRow {
    max-width: 450px;
    max-height: 400px;
    margin: auto;
    margin-top: 30%;
}

.integracionesContainer .section3 .titleRow .title {
    font-family: Roboto;
    font-size: 51px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.86px;
    line-height: 57px;
    z-index: 9999;
}

.integracionesContainer .section3 .titleRow .subtitleWhite {
    font-size: 15px;
    width: auto;
    z-index: 9999;

}

.integracionesContainer .integracionesImageContainer2 .properContainer {
    border-bottom: 1px solid #fff;
    padding-bottom: 50px;
}

.integracionesContainer .integracionesImageContainer2 {
    background-color: #222;
    margin-bottom: 0px;
}

/* BLOG POST */

.postHeadContainer {
    padding-top: 50px;
}

.postHeadContainer .categoria {
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 33px;
    text-decoration: underline;
}

.articleHeadingContainer {
    padding-top: 7vh;
    padding-bottom: 7vh;
}

.postHeadContainer .imageContainer {
    padding-left: 50px;
}

.postHeadContainer .newsTitle {
    color: #222222;
    font-family: Roboto;
    font-size: 6vh;
    font-weight: bold;
    letter-spacing: -1.05px;
    line-height: 7vh;
    margin-top: 2vh;
}

.postHeadContainer .date {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 33px;
}

.postHeadContainer .description {
    color: #222222;
    font-family: Roboto;
    font-size: 2.5vh;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 3.5vh;
}

.postBody .staticLeftSeparator {
    width: 15%;
}

.postBody .centerDiv {
    padding-top: 70px;
    width: 70%;
}

.blogNav {
    margin-left: 120px;
}

.blogNav a {
    color: #222;
}

.articulosRelacionados {
    margin-top: 50px;
}

.articulosRelacionados .relatedContainer {
    border-top: 2px solid #222;
    padding-top: 50px;
    padding-bottom: 50px;
}

.articulosRelacionados .title {
    color: #222222;
    font-family: Roboto;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.48px;
    line-height: 30px;
}

.articulosRelacionados .articulosContainer {
    width: 100%;
}

.articulosRelacionados .articulosContainer .articulo {
    width: 25%;
    float: left;
    padding-top: 40px;
    padding-left: 20px;
}

.articulosRelacionados .articulosContainer .articulo .articuloImageContainer {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 180px;
}
.articulosRelacionados .articulosContainer .articulo img {
    max-height: 180px;
    margin: auto;
}

.articulosRelacionados .articulosContainer .articulo .categoria {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 33px;
    text-decoration: underline;
    margin-top: 15px;
}

.articulosRelacionados .articulosContainer .articulo .newsTitle {
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.33px;
    line-height: 27px;
}

.articulosRelacionados .articulosContainer .articulo .description {
    color: #222222;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

.articulosRelacionados .articulosContainer .articulo .date {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 33px;
}

/* BLOG MAIN  */

.blogMainContainer {
    padding-top: 80px;
}
.blogMainContainer .newsTitle {
    color: #222222;
    font-family: Roboto;
    font-size: 66px;
    font-weight: bold;
    letter-spacing: -1.05px;
    line-height: 66px;
}

.blogMainContainer .blogLinks {
    color: #222222;
    font-family: Roboto;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 33px;
    text-decoration: underline;
    max-width: 640px;
}

.blogMainContainer .blogLinks a {
    color: #222222;
}

.blogMainContainer .latestPost {
    width: 100%;
    background-color: #222;
    margin-bottom: 50px;
    margin-top: 50px;
}

.blogMainContainer .latestPost .rightHalf {
    padding-top: 10vh;
    padding-right: 50px;
    padding-left: 50px;
}

.blogMainContainer .latestPost img {
    margin: auto;
}

.blogMainContainer .latestPost .categoria {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: 0;
    text-decoration: underline;
}

.blogMainContainer .latestPost .newsTitle {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
}

.blogMainContainer .latestPost .date {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 33px;
}

.blogMainContainer .latestPost .description {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
}
.blogMainContainer .latestPost .buttonContainer {
    margin-top: 50px;
}

.blogMainContainer .posts {
    width: 100%;
    display: block;
    margin-bottom: 80px;
}

.blogMainContainer .posts .post {
    width: 33.33%;
    float:left;
    padding-right: 30px;
    text-decoration: none;
}

.blogMainContainer .post .articulo .categoria {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 33px;
    text-decoration: underline;
    margin-top: 15px;
}

.blogMainContainer .post .articulo .newsTitle {
    color: #222222;
    font-family: Roboto;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -0.33px;
    line-height: 27px;
}

.blogMainContainer .post .articulo .description {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
}

.blogMainContainer .post .articulo .date {
    color: #222222;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 33px;
}

.blogMainContainer .post .articulo .articuloImageContainer {
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

/* HUBSPOT EMBED FORMS */

.whiteFormModal {
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgb(34, 34, 34, 0.7);
    z-index: 9999;
    font-family: Roboto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.disabledScroll {
    overflow:hidden !important;
}

.whiteFormModal .formContainer {
    background-color: #fff;
    width: 590px;
    padding-left: 30px;
    padding-right: 15px;
    padding-bottom: 30px;
    height: auto;
    overflow-y: scroll;
}

.whiteFormModal .formContainer form fieldset {
    max-width: none;
}

.whiteFormModal .formContainer .hs-form-radio {
    display: inline;
}
.whiteFormModal .formContainer .hs-form-radio label {
    margin-right: 10px;
    width: 115px;
}

.whiteFormModal .formContainer input[type=submit]{
    border-radius: 50px;
    border: 0px solid #fff;
    background-color: #222;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
}

.whiteFormModal .formContainer .input input{
    margin-bottom: 20px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-color: #222;
}

.whiteFormModal .formContainer .input input[type=text]{
    width: 95%;
}

.whiteFormModal .formContainer label span{
    font-weight: bold;
}

.whiteFormModal .formContainer ul {
    list-style: none;
    padding-left: 5px;
}

.whiteFormModal .formContainer ul span {
    margin-left: 10px;
}

.whiteFormModal .formContainer textarea {
    border: 2px solid #222;
    border-top: 0px;
    width: 100%!important;
    border-left: 0px;
    border-right: 0px;
}

.whiteFormModal .formContainer .hs-error-msgs li {
    color: #E53935;
    font-size: 14px;
    margin-top: -15px;
    margin-left: -5px;
}

.whiteFormModal .formContainer .modalControls {
    margin-top: 30px;
    text-align: center;
}

.whiteFormModal .formContainer .modalControls .blackLine {
    height: 4px;
    background-color: #222;
    width: 100%;
    margin-top: 11px;
}

.whiteFormModal .formContainer .modalControls .closeFormModal img {
    height: 50px;
    cursor: pointer;
    margin-top: -10px;
    margin-left: -20px;
}

.whiteFormModal .formContainer .titleContainer {
    margin-bottom: 40px;
}

.whiteFormModal .formContainer .titleContainer .title {
    font-size: 35px;
    font-weight: bold;
}

.whiteFormModal .formContainer .submitted-message {
    color: green;
}

/*CONTACT HUBSPOT FORMS*/

.contactFormContainer {
    font-family: Roboto!important;
    overflow: auto; overflow-x: hidden;height: 63vh;
}

.contactFormContainer ul {
    list-style: none;
    padding-left: 10px;
}
.contactFormContainer input[type=radio] {
    width: auto!important;
    margin-right: 5px;
}

.contactFormContainer fieldset {
    max-width: none!important;
    margin-top: 10px!important;
}
.contactFormContainer fieldset div{
    padding-right: 10px!important;
}

.contactFormContainer select {
    background-color: transparent;
    border: 1px solid #222;
    width: 100%;
    padding: 5px;
    font-size: 15px;
}

.contactFormContainer input[type=submit]{
    margin-top: 25px;
    width: auto;
    background-color: #222;
    color: #BE916E;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px!important;
    border-radius: 22px;
    font-family: Roboto Mono;
}

.contactFormContainer .actions {
    margin-right: 50px;
}

.contactFormContainer .grecaptcha-logo {
    margin-top: 30px;
}

.contactFormContainer::-webkit-scrollbar {
    width: 10px;
}

.contactFormContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.contactFormContainer::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(34,34,34, 0.4);
}

.contactFormContainer .hs-error-msg {
    font-weight: normal!important;
    font-size: 13px!important;
    color: #bb0000;
}

.contactFormContainer select:focus {
    outline: none;
}

.contactFormContainer .hs-form-radio-display span {
    font-weight: normal!important;
}

.contactFormContainer .hs-main-font-element {
    color: #bb0000;
    margin-top: 20px;
    margin-left: -10px;
}

.contactFormContainer .submitted-message {
    color: green;
}

.contactScrollable {
    padding-top: 50px;
}

.contactFormContainer .hs-input {
    width: 100%!important;
}

.recursosContent input[type=submit]{
    margin-top: 25px;
    width: auto;
    background-color: #222;
    border: 1px solid white!important;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px!important;
    border-radius: 22px;
    font-family: Roboto Mono;
}


/* MARQUESINA */

.marquesina {
    padding-bottom: 0;
    overflow: hidden;
}
.marquesina .item-wrap {
    transform: translateX(0px);
    width: 500vh;
    position: relative;
    white-space: nowrap;
    display: flex;
}

.marquesina .item {
    text-align: center;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 35vw;
}

.item div {
    text-decoration: none;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 100%;
    padding: 10px 0;
    padding-left: 10px;
    padding-right: 10px;
}

.item img {
    min-height: 30px;
    max-height: 40px;
}

@media (min-width: 768px) {
    .marquesina .item-wrap {
    }
}

@media (max-height: 768px){
    .whiteFormModal .formContainer {
        height: 610px;
    }
}