:root {
    --crea: #e71869;
}
/* De esta forma creo una clase con el color, pero no solo sirve para colores sino tambien por ejemplo para font size */
.colorcrea {
    color: var(--crea);
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 100%

}

html,
body,
p {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 100%
}


h1,
h2,
h3,
h4,
h5,
h6,
ul {
    margin: 0;
    padding: 0;
    font-family: sans-serif, Arial, Helvetica;
}

@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?39096164');
    src: url('../font/fontello.eot?39096164#iefix') format('embedded-opentype'), url('../font/fontello.woff?39096164') format('woff'), url('../font/fontello.ttf?39096164') format('truetype'), url('../font/fontello.svg?39096164#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
#row2 article a:hover::after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-right-open:before {
    content: '\e80d';
}


/* '' */

.icon-left-open:before {
    content: '\e80e';
}


/* '' */

.btn {
    background-color: #009da4;
    text-decoration: none;
}

.btn2 {
    background-color: #e71869;
    text-decoration: none;
}

.btn:hover {
    background-color: #00acb4;
}





.big-btn {
    font-size: 1.3em;
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 1em;
    width: 220px;
    text-decoration: none;
}

.med-btn {
    font-size: 1.2em;
    color: #fff;
    font-weight: 150;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 0.5em;
    width: 180px;
    text-decoration: none;
}

.big-btn i {
    vertical-align: middle;
}

.main-title {
    font-size: 3em;
    font-weight: 300;
    color: #434343;
    text-align: center;
    margin: 0.8em 0
}

.title {
    color: #434343;
    font-weight: 300;
    text-align: center;
    font-size: 1.5em;
}

hr {
    width: 150px;
    height: 8px;
    background-color: #e9e9ea;
    margin: 1em auto;
    display: block;
    border: none
}

.bg-color {
    background-color: #e1e1e1;
    padding: 2em 0
}

.bg-color-gris {
    background-color: #e6e6e6;
    padding: 0.2em 0 3em 0
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}


/* HEADER */

/* header {
    background-color: #ffffff;
    background-image: url(../images/header-bg.jpg);
    background-repeat: repeat-y;
    background-position: center
} */

header h1 {
    background-color: #262b31;
    padding: 0.7em !important;
    float: left
}

header .wrapper>div {
    background-color: #363b41;
    height: 100%;
    padding: 33px 0 33px 37px
}

header h2 {
    color: #fff;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1em
}

header h2 span {
    font-size: 0.8em;
    font-weight: 300
}


/* MAIN SLIDER */

.carousel1 .item>div {
    /* background-color: rgba(0, 0, 0, 0.7);*/
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0.5em 0
}

.carousel1 .item>div h2 {
    font-weight: 300;
    font-size: 2.5em;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.carousel1 .item>div a {
    height: 45px;
    width: 86px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    padding: 0px 0 0 46px;
    text-align: left;
    color: #fff;
    line-height: 41px;
}

.carousel1 .item>div a:after {
    content: "\00a0";
    background: url(../images/play-icon.png) no-repeat;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 50%;
    margin-left: -58px;
}

.carousel1 h3 {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 157, 164, 0.7);
    font-weight: 400;
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 80%;
    padding: 0.3em
}

.carousel1 h3.alt {
    bottom: inherit;
    font-size: 2em
}

.carousel1 p {
    color: #fff;
    font-size: 1.4em;
    width: 80%;
    margin: 0 auto;
}

.carousel1 .carousel-control span {
    font-size: 3em;
    top: 50%;
    margin-top: -50px;
    position: absolute;
}

.carousel1 .carousel-control span.icon-left-open {
    left: 0
}

.carousel1 .carousel-control span.icon-right-open {
    right: 0
}

#show-main-video-cont {
    background-color: rgba(0, 0, 0, 1);
    width: 100%;
    text-align: center;
    padding: 0.8em 0
}

#show-main-video-cont h2 {
    font-weight: 300;
    font-size: 2.5em;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

#show-main-video-cont a {
    height: 45px;
    width: 86px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    padding: 0px 0 0 46px;
    text-align: left;
    color: #fff;
    line-height: 41px;
}

#show-main-video-cont a:after {
    content: "\00a0";
    background: url(../images/play-icon.png) no-repeat;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 50%;
    margin-left: -58px;
}


/* HOME */

.row article.bg {
    background-position: center center;
    background-size: cover;
    position: relative;
}

#row1 article h3 {
    font-size: 1.1em;
    line-height: 2.5em
}

#row1 article p {
    font-size: 0.9em;
    line-height: 1.5em
}

#row1 article a {
    font-size: 1em;
    background-color: #009da4;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    padding: 1em;
    display: inline-block;
    padding: 8px 32px 8px 12px;
    margin-top: 1em;
    position: relative;
}

#row1 article a::after {
    content: "\00a0";
    background: url(../images/link-arrow.png) no-repeat;
    padding-right: 10px;
    margin-left: 10px;
    position: absolute;
    top: 12px;
}

#row1 article a:hover {
    background-color: #00acb4
}

#row2 article {
    height: 270px;
    position: relative;
}

#row2 article a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    text-decoration: none;
    transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

#row2 article a:hover {
    background-color: rgba(0, 157, 164, 0.7);
}


/*#row2 article a:hover:after { content: "\e80d"; font-size: 4em; color: #fff; opacity: 0.7; filter: alpha(opacity=70); left: 50%; position: absolute; margin-left: -24px; top: 30%}*/

#row2 article h3 {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 1em;
    font-weight: 400;
    box-sizing: border-box;
    padding: 0.8em;
    width: 100%;
    z-index: 2
}

#row3 .carousel {
    height: 340px
}

#row3 .carousel-inner {
    height: 340px
}

#row3 article {
    height: 340px;
    position: relative;
    background-color: #000
}

#row3 article h3 {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 1em;
    font-weight: 400;
    box-sizing: border-box;
    padding: 0.8em;
    width: 100%;
    z-index: 2
}

#row3 article>a {
    font-size: 1em;
    background-color: #009da4;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    padding: 1em;
    display: inline-block;
    padding: 8px 32px 8px 12px;
    margin-top: 1em;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0.8em;
    z-index: 4
}

#row3 article>a:hover {
    background-color: #00acb4
}

#row3 article>a.link-video {
    width: 120px;
}

#row3 article>a.link-photos {
    width: 120px;
}

#row3 article>a::after {
    content: "\00a0";
    background: url(../images/link-arrow.png) no-repeat;
    padding-right: 10px;
    margin-left: 10px;
    position: absolute;
    top: 17px;
}

#row3 article .carousel-control {
    width: 40px;
    height: 30px;
    background-color: #009da4;
    padding: 30px 0;
    top: 50%;
    margin-top: -55px;
}

#row3 article video {
    cursor: pointer
}


/* POPUP */

.popup {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none
}

.popup .wrapper {
    z-index: 1001;
    top: 50%;
    margin-top: -250px
}

.popup .wrapper>div {
    height: 500px;
}

.popup .popup-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 500;
    cursor: pointer
}

.popup video {
    height: 100%;
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.popup a {
    height: 20px;
    width: 20px;
    background: url(../images/cerrar.png) no-repeat;
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 1
}


/* QUE ES */

#quees #info article {
    background-color: #e3eeee;
    text-align: center;
    color: #7e6d62;
    font-size: 1.3em;
    padding: 0 1em;
    position: relative;
    height: 185px;
    line-height: 185px;
}

#quees #info article:after {
    content: url(../images/quees_check.png);
    position: absolute;
    top: -64px;
    right: 10px
}

#quees #info article.alt {
    background-color: #363b41;
    text-align: center;
    color: #fff;
    font-size: 2em;
    padding: 1em 1em;
    position: relative;
    line-height: 0;
    height: auto
}

#quees #info article.alt:after {
    content: "\00a0";
    position: absolute;
    top: -64px;
    right: 10px
}

#quees #info article p {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

#cuatroformas article {
    background-color: #262b31;
    color: #fff;
    height: 400px
}

#cuatroformas article img {
    width: 100%;
    float: left;
}

#cuatroformas article span {
    width: 75px;
    height: 70px;
    background-color: #009da4;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    font-size: 2.8em;
    font-weight: 300;
    float: left;
    clear: both
}

#cuatroformas article h4 {
    float: left;
    font-size: 1.5em;
    color: #fff;
    text-align: left;
    font-weight: 300;
    line-height: 1em;
    font-size: 2em;
    margin: 6px 0 0 10px
}

#cuatroformas article p {
    clear: both;
    padding: 1em
}

#quees #link {
    margin-bottom: 4em
}


/* SEDE */

#sede .carousel2 h3 {
    position: absolute;
    bottom: 104px;
    background-color: rgba(255, 102, 0, 0.7);
    font-weight: 400;
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 75%;
    padding: 0.3em
}

#sede .carousel2 .item>div {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0.8em 0
}

#sede .carousel2 .item>div h2 {
    font-weight: 300;
    font-size: 2.5em;
    color: #fff;
    vertical-align: middle;
    margin-right: 10px
}

#sede .carousel2 .item>div h4 {
    font-weight: 400;
    font-size: 1em;
    color: #fff;
    vertical-align: middle;
    margin-right: 10px
}

#sede #mapa #map-canvas {
    height: 400px
}

#sede .sidetxt {
    background-color: #31373d;
    color: #fff
}

#sede .sidetxt article {
    padding: 3em
}

#sede .sidetxt article h2 {
    font-size: 3.2em;
    font-weight: 100;
    line-height: 1em;
}

#sede .sidetxt article h2 span {
    font-weight: 300
}

#sede .sidetxt article h3 {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 0.8em
}

#sede .sideimg {
    height: 1px
}

#sede #main-slider .row {
    background: url(../images/sede-main.jpg) no-repeat;
    background-position: right;
    position: relative;
    background-color: #31373d
}

#sede #main-slider .row img {
    position: absolute;
    left: 50%;
    margin-left: -39px;
    top: 50%;
    margin-top: -27px
}


/* AGENDA */

#agenda h3 {
    color: #434343;
    font-weight: 300;
    text-align: center;
    font-size: 1.5em
}

#agenda #agenda-cont {
    width: 780px;
    margin: 2em auto;
    display: block;
    box-sizing: border-box;
}

#agenda #agenda-cont nav ul {
    list-style: none;
}

#agenda #agenda-cont nav ul li {
    display: inline-block;
    width: 90px;
    height: 90px;
    background-color: #009da4;
    font-weight: 300;
    margin-right: -4px
}

#agenda #agenda-cont nav ul li a {
    text-decoration: none;
    color: #fff;
    width: 68px;
    height: 78px;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    padding-top: 12px;
    padding-left: 22px;
    cursor: pointer
}

#agenda #agenda-cont nav ul li a.selected {
    background-color: #006f74
}

#agenda #agenda-cont nav ul li a span {
    display: block;
    font-size: 42px;
    letter-spacing: -2px
}

#agenda #agenda-cont .agenda-dia {
    background-color: #262b31;
    padding: 0.5em;
    border-top: 5px solid #006f74;
    display: none
}

#agenda #agenda-cont .agenda-dia h4 {
    font-size: 2em;
    color: #fff;
    text-align: left;
    font-weight: 300;
    margin-bottom: 0.3em
}

#agenda #agenda-cont .agenda-dia .grilla ul {
    list-style: none
}

#agenda #agenda-cont .agenda-dia .grilla ul li {
    background-color: #fff;
    height: auto;
    margin-bottom: 0.5em;
    display: table;
    height: 60px
}

#agenda #agenda-cont .agenda-dia .grilla ul li .hora {
    background-color: #e3eeee;
    color: #009da4;
    font-size: 1.2em;
    text-align: center;
    vertical-align: top;
    float: left;
    font-weight: 700;
    height: 100%;
    display: table-cell;
    padding: 0 10px
}

#agenda #agenda-cont .agenda-dia .grilla ul li .detalle {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    width: 100%
}

#agenda #agenda-cont .agenda-dia .grilla ul li .detalle .data {
    color: #434343;
    display: inline-block;
}

#agenda #agenda-cont .agenda-dia .grilla ul li .detalle .data h5 {
    font-size: 1.2em
}

#agenda #agenda-cont .agenda-dia .grilla ul li .detalle .data p {
    font-size: 0.8em;
    display: inline-block;
}

#agenda #agenda-cont .agenda-dia .grilla ul li .detalle .data a {
    font-size: 0.8em;
    text-decoration: none;
    color: #009da4;
    font-weight: 700;
    display: inline-block;
}

#agenda #agenda-cont .agenda-dia .grilla ul li .detalle .logos {
    vertical-align: top;
    margin: 10px 10px 0 0;
    float: right;
}

#agenda .asterisco {
    font-size: 0.8em;
    text-align: center;
    font-style: italic;
    margin-top: 1em
}

#agenda_files h2 {
    line-height: 1em
}

#agenda_files h3 {
    margin-top: 1em
}

#agenda_files ul {
    list-style: none
}

#agenda_files img {
    display: block;
    margin: 1em auto;
    max-width: 100%
}

#cboxLoadedContent {
    padding: 2em 5em;
    box-sizing: border-box;
}


/* COMPRADORES / PROVEEDORES */

.prov-comp .sidetxt {
    background-color: #31373d;
    color: #fff
}

.prov-comp .sidetxt article {
    padding: 3em
}

.prov-comp .sidetxt article h2 {
    font-size: 3.2em;
    font-weight: 100;
    line-height: 1em;
    margin-bottom: 0.4em
}

.prov-comp .sidetxt article h2 span {
    font-weight: 300
}

.prov-comp .sideimg {
    height: 1px
}

#compradores #main-info .row {
    background: url(../images/compradores-main.jpg) no-repeat;
    background-position: right;
    background-size: auto 475px;
    position: relative;
    background-color: #31373d
}

.prov-comp #main-info .row img {
    position: absolute;
    left: 50%;
    margin-left: -39px;
    top: 50%;
    margin-top: -27px
}

.prov-comp #participar {
    margin-top: 1em
}

.prov-comp #participar .wrapper {
    background-color: #e3eeee;
    padding: 0.2em 0 3em 0
}

.prov-comp #participar .row {
    padding: 0 4em
}

.prov-comp #participar article {
    padding: 0 2em
}

.prov-comp #participar article>ul {
    list-style: square url('../images/ul-square.jpg');
}

.prov-comp #participar article>ul li {
    padding-left: 1em;
    margin-bottom: 1em;
    color: #434343
}

.prov-comp #participar article>ul li>ul {
    list-style: none;
    font-size: 1em;
    font-weight: 300;
    font-style: italic;
    line-height: 1em;
    margin-top: 1em
}

.prov-comp #opiniones {
    margin-top: 1em
}

.prov-comp #opiniones video {
    margin: 0 auto;
    display: block;
    cursor: pointer
}

#compradores #retailers img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

#compradores #retailers h2 {
    margin-bottom: 0.3em
}


/* PROVEEDORES */

#proveedores #opiniones {
    margin-bottom: 3em
}

#proveedores #main-info .row {
    background: url(../images/proveedores-main.jpg) no-repeat;
    background-position: left;
    background-size: auto 475px;
    position: relative;
    background-color: #31373d
}

#proveedores #info .btn {
    text-align: left;
    line-height: 1em;
    font-size: 1.2em;
    width: 216px
}

#proveedores #info .btn span,
#proveedores #info .btn i {
    display: inline-block;
    vertical-align: middle
}

#proveedores #retailers img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}


/* INSCRIPCION */

#select-ins .btn {
    margin: 1em auto;
    width: 245px
}

#select-ins .btn-compradores {
    height: 36px;
    padding: 1.2em 1em 1em 1em;
    cursor: pointer;
}

#select-ins .btn span,
#select-ins .btn i {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1em
}

#select-ins-sm {
    display: none
}

#inscripcion #main-form-cont {
    display: none
}

form {
    width: 850px;
    margin: 0 auto
}

#inscripcion .wrapper h3 {
    text-align: center;
    font-size: 2em;
    color: #e71869;;
    font-weight: 400;
    margin: 1em 0
}

#inscripcion .wrapper h3 span {
    font-weight: 700
}

#inscripcion article {
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 0.5em
}

#inscripcion article>div {
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

#inscripcion article>div h5 {
    display: inline-block;
    font-weight: 300;
    font-size: 1em;
    margin-right: 1em
}

#inscripcion article>div a {
    display: inline-block;
    padding: 0.5em;
    color: #fff
}

#inscripcion form ul {
    list-style: none
}

#inscripcion form ul .row {
    margin-bottom: 1em
}

#inscripcion form ul h5 {
    font-size: 1.2em;
    font-weight: 700;
    color: #e71869;;
    margin-top: 1em
}

#inscripcion form ul li label {
    display: block;
    margin: .5em 0 0 0;
    color: rgb(0, 0, 0) !important;
}

#inscripcion form ul li input[type='text'] {
    width: 100%;
    border: none;
    background: #fff;
    text-shadow: 0 1px 1px #fff;
    color: #7d8387;
    padding: .5em;
    box-sizing: border-box;
    height: 2.5em
}

#inscripcion form ul li textarea {
    width: 100%;
    border: none;
    background: #fff;
    text-shadow: 0 1px 1px #fff;
    color: #7d8387;
    padding: .5em
}

#inscripcion form ul li input[type='radio'] {
    margin-right: 0.5em
}

#inscripcion form ul li ul .enLinea {
    float: left;
    display: inline;
    margin-right: 2.5em
}

#inscripcion form ul li#porc-ventas ul .enLinea {
    margin: 0.5em 1em 0 0em
}

#inscripcion form ul li#decision-rubros ul .enLinea {
    margin: 0.5em
}

#inscripcion form ul li ul .no_PMB {
    width: 3em;
    border: none;
    background: #fff;
    color: #7d8387;
    padding: .5em;
    margin-right: .2em
}

#inscripcion form ul li input[type='submit'] {
    border: none;
}

#inscripcion .mensaje_enviado {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    padding: 2em;
    top: 50%;
    font-size: 1.5em;
    margin-top: -100px;
    width: 100%
}


/* FOTOS */

#fotos #menuSlider {
    display: none
}

#fotos article#link-galeria-ext {
    background-color: #363a3f;
    width: 80%;
    margin: 0 auto 20px;
    display: block;
    padding: 0.5em
}

#fotos article#link-galeria-ext>div {
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

#fotos article#link-galeria-ext>div h5 {
    display: inline-block;
    font-weight: 300;
    font-size: 1em;
    margin-right: 1em
}

#fotos article#link-galeria-ext>div a {
    display: inline-block;
    padding: 0.5em;
    color: #fff
}


/* VIDEOS */

#videos .bg-color {
    padding: 2em 0 0 0
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    /*padding-top: 25px;*/
    height: 0;
    margin: 0 auto
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper-width {
    width: 90%
}


/* ORGANIZACION */

#organizacion .main-title {
    font-weight: 700;
    line-height: 1em
}

#organizacion .main-title span {
    font-weight: 300;
    font-size: 1em
}

#organizacion .bg-color {
    background-color: #363a3f;
    padding: 3em 0 5em 0
}

#organizacion .title {
    color: #fff;
    width: 90%;
    margin: 0 auto 1em
}

#organizacion .title img {
    display: inline-block;
    margin-left: 1em
}

#organizacion img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

#organizacion hr {
    margin: 2em auto 2em;
    background-color: #404449
}

#organizacion .alto1 .org-logo {
    height: 120px;
}

#organizacion .alto2 .org-logo {
    height: 90px;
}

#organizacion .org-logo {
    margin: 20px 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



#organizacion .org-logo#btn-hogar {
    background-image: url(../images/organizacion/r100hogar-out.png);
}

#organizacion .org-logo#btn-hogar:hover {
    background-image: url(../images/organizacion/r100hogar-over.png);
}

#organizacion .org-logo#btn-farma {
    background-image: url(../images/organizacion/r100farma-out.png);
}

#organizacion .org-logo#btn-farma:hover {
    background-image: url(../images/organizacion/r100farma-over.png);
}

#organizacion .org-logo#btn-drogue {
    background-image: url(../images/organizacion/r100drogue-out.png);
}

#organizacion .org-logo#btn-drogue:hover {
    background-image: url(../images/organizacion/r100drogue-over.png);
}

#organizacion .org-logo#btn-constr {
    background-image: url(../images/organizacion/r100constr-out.png);
}

#organizacion .org-logo#btn-constr:hover {
    background-image: url(../images/organizacion/r100constr-over.png);
}

#organizacion .org-logo#btn-hyc {
    background-image: url(../images/organizacion/hyc100-out.png);
}

#organizacion .org-logo#btn-hyc:hover {
    background-image: url(../images/organizacion/hyc100-over.png);
}

#organizacion .org-logo#btn-it {
    background-image: url(../images/organizacion/it-out.png);
}

#organizacion .org-logo#btn-it:hover {
    background-image: url(../images/organizacion/it-over.png);
}

#organizacion .org-logo#btn-brand {
    background-image: url(../images/organizacion/brand100-out.png);
}

#organizacion .org-logo#btn-brand:hover {
    background-image: url(../images/organizacion/brand100-over.png);
}

#organizacion .org-logo#btn-autopartes {
    background-image: url(../images/organizacion/autopartes-out.png);
}

#organizacion .org-logo#btn-autopartes:hover {
    background-image: url(../images/organizacion/autopartes-over.png);
}

#organizacion .org-logo#btn-expouni {
    background-image: url(../images/organizacion/expouni-out.png);
}

#organizacion .org-logo#btn-expouni:hover {
    background-image: url(../images/organizacion/expouni-over.png);
}

#organizacion .org-logo#btn-qve {
    background-image: url(../images/organizacion/qve-out.png);
}

#organizacion .org-logo#btn-qve:hover {
    background-image: url(../images/organizacion/qve-over.png);
}

#organizacion .org-logo#btn-expofarma {
    background-image: url(../images/organizacion/expofarma-out.png);
}

#organizacion .org-logo#btn-expofarma:hover {
    background-image: url(../images/organizacion/expofarma-over.png);
}

#organizacion .org-logo#btn-dosis {
    background-image: url(../images/organizacion/dosis-out.png);
}

#organizacion .org-logo#btn-dosis:hover {
    background-image: url(../images/organizacion/dosis-over.png);
}

#organizacion .org-logo#btn-guiafarma {
    background-image: url(../images/organizacion/guia-farma-out.png);
}

#organizacion .org-logo#btn-guiafarma:hover {
    background-image: url(../images/organizacion/guia-farma-over.png);
}

#organizacion .org-logo#btn-congreso {
    background-image: url(../images/organizacion/congreso-out.png);
}

#organizacion .org-logo#btn-congreso:hover {
    background-image: url(../images/organizacion/congreso-over.png);
}

#organizacion .org-logo#btn-construactiva {
    background-image: url(../images/organizacion/construactiva-out.png);
}

#organizacion .org-logo#btn-construactiva:hover {
    background-image: url(../images/organizacion/construactiva-over.png);
}

#organizacion .org-logo#btn-instalar {
    background-image: url(../images/organizacion/instalar-out.png);
}

#organizacion .org-logo#btn-instalar:hover {
    background-image: url(../images/organizacion/instalar-over.png);
}

#organizacion .org-logo#btn-ferreteros {
    background-image: url(../images/organizacion/ferreteros-out.png);
}

#organizacion .org-logo#btn-ferreteros:hover {
    background-image: url(../images/organizacion/ferreteros-over.png);
}

#organizacion .org-logo#btn-mex-hyc100 {
    background-image: url(../images/organizacion/hyc100-mex-out.png);
}

#organizacion .org-logo#btn-mex-hyc100:hover {
    background-image: url(../images/organizacion/hyc100-mex-over.png);
}

#organizacion .org-logo#btn-mex-constr {
    background-image: url(../images/organizacion/r100constr-mex-out.png);
}

#organizacion .org-logo#btn-mex-constr:hover {
    background-image: url(../images/organizacion/r100constr-mex-over.png);
}

#organizacion .org-logo#btn-mex-gyh100 {
    background-image: url(../images/organizacion/gyh100-mex-out.png);
}

#organizacion .org-logo#btn-mex-gyh100:hover {
    background-image: url(../images/organizacion/gyh100-mex-over.png);
}

#organizacion .org-logo#btn-mex-farma {
    background-image: url(../images/organizacion/r100farma-mex-out.png);
}

#organizacion .org-logo#btn-mex-farma:hover {
    background-image: url(../images/organizacion/r100farma-mex-over.png);
}

#organizacion .org-logo#btn-col-farma {
    background-image: url(../images/organizacion/r100farma-col-out.png);
}

#organizacion .org-logo#btn-col-farma:hover {
    background-image: url(../images/organizacion/r100farma-col-over.png);
}

#organizacion .org-logo#btn-col-hyc100 {
    background-image: url(../images/organizacion/hyc100-col-out.png);
}

#organizacion .org-logo#btn-col-hyc100:hover {
    background-image: url(../images/organizacion/hyc100-col-over.png);
}

#organizacion .org-logo#btn-usa-brand {
    background-image: url(../images/organizacion/brand100ush-out.png);
}

#organizacion .org-logo#btn-usa-brand:hover {
    background-image: url(../images/organizacion/brand100ush-over.png);
}

#organizacion .org-logo#btn-latam-brand {background-image: url(../images/organizacion/brand100latam-out.png);}
#organizacion .org-logo#btn-latam-brand:hover {background-image: url(../images/organizacion/brand100latam-over.png);}

#organizacion .org-logo#btn-usa-s100healthcare {
    background-image: url(../images/organizacion/security100healthcare-out.png);
}

#organizacion .org-logo#btn-usa-s100healthcare:hover {
    background-image: url(../images/organizacion/security100healthcare-over.png);
}

#organizacion .org-logo#btn-usa-s100retail {
    background-image: url(../images/organizacion/security100retail-out.png);
}

#organizacion .org-logo#btn-usa-s100retail:hover {
    background-image: url(../images/organizacion/security100retail-over.png);
}

#organizacion .org-logo#btn-usa-s100k12 {
    background-image: url(../images/organizacion/security100k12-out.png);
}

#organizacion .org-logo#btn-usa-s100k12:hover {
    background-image: url(../images/organizacion/security100k12-over.png);
}

#organizacion .org-logo#btn-usa-s100campus {
    background-image: url(../images/organizacion/security100campus-out.png);
}

#organizacion .org-logo#btn-usa-s100campus:hover {
    background-image: url(../images/organizacion/security100campus-over.png);
}


#organizacion .org-logo a {
    display: block;
    width: 100%;
    height: 100%
}


/* NEWS */

#news-header {
    margin-bottom: 1em
}

.news-dia {
    background: url(../images/news-dia-bg.png) no-repeat;
    width: 87px;
    height: 44px;
    float: left;
    color: #fff;
    font-weight: 300;
    font-size: 1.6em;
    text-align: center;
    padding-top: 45px;
}

.news-dia+div {
    padding: 24px 15px 0 106px;
}

.news-dia+div p {
    font-size: 1.1em;
    color: #4c4c4c;
    font-weight: 300;
}

#news-header h1 {
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1em;
    margin-bottom: 0.2em;
}

#news-header h1 span {
    font-weight: 700
}

#news.final #news-header h1 {
    font-size: 2.8em;
    margin-top: 0.5em
}

#news.final #news-header .wrapper>div:first-of-type {
    padding: 0 1em
}

#news-header #show-main-video {
    height: 45px;
    width: 86px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    cursor: pointer;
    padding: 0px 0 0 46px;
    text-align: left;
    color: #fff;
    line-height: 41px;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-left: -66px;
    margin-top: -23px
}

#news-header #show-main-video:after {
    content: "\00a0";
    background: url(../images/play-icon.png) no-repeat;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 50%;
    margin-left: -58px;
}

#news-header #show-video-cont {
    position: relative;
    background-position: center center;
    background-size: cover;
    height: 300px;
    cursor: pointer;
    margin-top: 2em
}

#show-video-cont .black-bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1
}

#news-content article {
    margin-bottom: 2em;
    padding: 0 1em
}

.final #news-content article {
    margin-bottom: 0.5em;
    padding: 0 1em
}

#news-content article .padding {
    padding-right: 100px
}

#news-content h3 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1em
}

#news-content article div>img.sponsor {
    float: right;
}

#news-content article>img {
    width: 100%;
    display: block;
}

#news-content article p {
    margin-bottom: 1em
}

#news-content .col-full article {
    padding: 0
}

#news-content .col-1-2 article {
    padding: 0 1em 0 0
}

#news-content .col-1-2 article div {
    padding: 0
}

#news #agenda #agenda-cont {
    margin: 0;
    padding: 0 1em
}

#news #agenda #agenda-cont .agenda-dia .grilla ul li .detalle .logos {
    float: left
}

#news-content .banner {
    margin: 0 auto 1em;
    display: block;
    max-width: 100%
}

#news-content article hr {
    display: block
}

.final hr {
    background-color: #ccc;
    margin: 2em auto;
}


/* FOOTER */

footer {
    background-color: #2e333a;
    padding: 2em 0 0 0;
    margin-top: 2em
}

footer .wrapper>ul {
    float: right;
    list-style: none;
    font-size: 0.9em;
    color: #e0e0e0;
}

footer .wrapper>ul>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1em
}

footer .wrapper>ul a {
    color: #e0e0e0
}

footer .wrapper>ul a:hover {
    color: #ffffff
}

footer .wrapper>ul>li a {
    text-decoration: none;
    color: #e0e0e0
}

footer .wrapper>ul>li>ul {
    list-style: none;
}

footer .wrapper>ul>li>ul span {
    color: #999898
}

footer .wrapper>ul>li>ul>li {
    margin-bottom: 1em
}

footer #focus-footer {
    background-color: #141414;
    padding: 2em 0 2em 0;
    display: block;
    margin-top: 1em
}

footer #focus-footer>a {
    display: block;
}

footer #focus-footer img {
    display: block;
    margin: 0 auto 1em
}

footer #focus-footer p {
    color: #dfdfdf;
    text-align: center;
    font-size: 12px
}

footer #focus-footer p a {
    text-decoration: none;
    color: #dfdfdf;
}

#alert {
    position: fixed;
    top: 0;
    background-color: #CB0303;
    padding: 10px;
    font-size: 1em;
    color: #fff;
    display: none;
    width: 100%;
    text-align: center;
}

#alert a {
    color: #fff
}

.aerolineas {
    position: absolute;
    z-index: 8000;
    background-color: rgba(255, 255, 255, 1.00);
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
    top: 15px;
    right: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-sizing: border-box;
}

.aerolineas-post {
    display: none;
}

.aerolineas a img {
    width: 110px
}


/* //////////////////// MEDIA QUERIES ////////////////////  */


/* //////////////////// MEDIA QUERIES ////////////////////  */


/* //////////////////// MEDIA QUERIES ////////////////////  */

@media only screen and (min-width: 1200px) {
    .popup a {
        right: 125px
    }
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    #cuatroformas article {
        height: 425px
    }
    #compradores #main-info .row {
        background-position: 420px 0;
        background-size: auto 518px;
    }
    footer .wrapper>ul {
        font-size: 0.9em;
    }
    footer .wrapper>ul>li {
        margin: 0 0.8em
    }
}


/*------------------------------------------------------*/

@media only screen and (max-width: 970px) {
    form {
        width: 100%;
        margin: 0 auto
    }
    .popup video {
        max-width: 80%
    }
}


/*------------------------------------------------------*/

@media only screen and (max-width: 959px) {
    .aerolineas {
        position: relative;
        display: block;
        text-align: center;
        background-color: rgba(255, 255, 255, 1.00);
        padding: 15px;
        width: 100%;
        margin-top: -10px;
        margin-bottom: 15px;
    }
    .sponsor-lg {
        display: none
    }
    .sponsor-sm {
        display: block;
        display: inline-block;
    }
}


/*------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper {
        width: 768px;
    }
    #compradores #main-info .row {
        background-position: 300px 0;
        background-size: auto 600px;
    }
    footer .wrapper>img {
        display: block;
        margin: 0 auto
    }
    footer .wrapper>ul {
        float: none;
        margin-top: 1em
    }
}


/*------------------------------------------------------*/

@media only screen and (max-width: 767px) {
    header h1 a img {
        max-width: 100%;
        display: block;
        margin: 0 auto
    }
    header h1 {
        width: 100%;
        float: left;
        box-sizing: border-box;
        text-align: center;
    }
    header .wrapper>div {
        background-color: #363b41;
        padding: 1em 0;
        text-align: center;
        float: left;
        width: 100%
    }
    #agenda #agenda-cont {
        width: 100%;
        margin: 2em auto;
        display: block;
        box-sizing: border-box;
    }
    .prov-comp .sidetxt {
        width: 100%
    }
    #sede .sidetxt {
        width: 100%
    }
    .prov-comp #main-info img {
        display: none
    }
    #sede #main-slider img {
        display: none
    }
    footer .wrapper>ul {
        display: none
    }
    footer .wrapper>img {
        display: block;
        margin: 0 auto
    }
    #agenda #agenda-cont .agenda-dia .grilla ul li .detalle .data {
        display: block
    }
    #agenda #agenda-cont .agenda-dia .grilla ul li .detalle .logos {
        float: none
    }
    #agenda #agenda-cont .agenda-dia .grilla ul li.conlogo {
        height: 105px
    }
    #organizacion .wrapper .row>.col-1-3 {
        width: 50%
    }
    .popup a {
        top: 50%;
        margin-top: -10px;
        right: 10px
    }
}


/*------------------------------------------------------*/

@media only screen and (max-width: 619px) {
    .main-title {
        width: 80%;
        font-size: 2.5em;
        margin: 0.8em auto
    }
    #cuatroformas article {
        height: auto
    }
    #select-ins {
        display: none
    }
    #select-ins-sm {
        display: block
    }
    .main-title {
        font-size: 2.5em;
    }
    #row3 article {
        height: auto
    }
}


/*------------------------------------------------------*/

@media only screen and (max-width: 520px) {
    /* HOME */
    .carousel1 .item>div h2 {
        font-size: 1.5em;
    }
    .carousel1 h3 {
        font-size: 1.2em;
        bottom: 0;
    }
    .carousel1 .item>div a:after {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        left: 50%;
    }
    #row3 h3 {
        display: none
    }
    #row3 article>a.link-video {
        width: 100%;
        box-sizing: border-box;
    }
    #row3 article>a.link-photos {
        width: 100%;
        box-sizing: border-box;
    }
    /* SEDE */
    #sede .carousel2 h3 {
        font-size: 1em;
        bottom: 76px;
    }
    #sede .carousel2 .item>div h2 {
        font-size: 1.5em;
    }
    #sede .carousel2 .item>div h4 {
        font-weight: 400;
        font-size: 1em;
        color: #fff;
        vertical-align: middle;
        margin-right: 10px
    }
    #sede #mapa #map-canvas {
        height: 400px
    }
    /* AGENDA */
    #agenda #agenda-cont nav ul li {
        width: 25%;
    }
    /* ORG */
    #organizacion .wrapper .row>.col-1-3 {
        width: 100%
    }
    .carousel1 p {
        font-size: 1em;
    }
    /*brand-general*/
    #general-brand .wrapper .row > .col-1-4 {
        width: 100%;
      }
}


/*------------------------------------------------------*/

@media only screen and (max-width: 479px) {
    .prov-comp .sidetxt article {
        padding: 1em
    }
    .prov-comp .sidetxt article h2 {
        font-size: 2.5em;
    }
    .prov-comp #participar article {
        padding: 0 0
    }
    .prov-comp #participar .row {
        padding: 0 2em
    }
    #organizacion .title {
        font-size: 1em
    }
    .main-title {
        font-size: 2em;
    }
}


/* PARTICIPANTES */

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 730px;
    margin: 0 auto 0 auto;
}

table tr {
    height: 2em;
    vertical-align: middle;
}

table tr .h4 {
    color: #fff
}

table tr:nth-child(odd) {
    background: #eee;
}

table td {
    padding-left: 1em;
    padding-top: .4em;
    height: 2em;
    text-align: left;
}

table td:first-child {
    font-weight: bold;
    color: #666;
    overflow: hidden;
}

table td:nth-child(3) {
    color: #666;
    overflow: hidden;
}

table tr:first-child {
    background: #363b41;
    height: 3em;
}

.btn-whatsapp {
  position: fixed;
  width: 55px;
  height: 55px;
  bottom: 30px;
  right: 30px;
  line-height: 55px;
  z-index: 999999;
}

.btn-whatsapp img {
  position: absolute;
  width: 55px;
  height: 55px;
}

.btn-whatsapp img:hover {
  width: 58px;
  height: 58px;
}

@media only screen and (min-width: 769px) and (max-width: 4080px) {
    .banner-web {
        display: block;
    }
    .banner-mobile {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .banner-web {
        display: none;
    }
    .banner-mobile {
        display: block;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 4080px) {
    .distri-logo {
        padding: 15px;
        padding-left: 0px;
        float: left;
        margin-right: 20px;
    }
    .top-distri1 {
        height: 90px;
        background-color: #141414;
        margin-bottom: 0px;
    }
    .titulo-distri-top {
        border-left-color: rgba(255, 255, 255, 1.00);
        border-left-style: solid;
        border-left-width: 1px;
        font-size: 36px;
        color: rgba(255, 255, 255, 1.00);
        padding: 5px;
        padding-top: 15px;
        padding-left: 20px;
        font-weight: 100;
        display: table;
    }
    .boton-distri {
        background-color: #262b31;
        padding: 15px;
        color: rgba(255, 255, 255, 1.00);
        font-weight: 100;
        width: 150px;
        float: right;
        margin-top: -105px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .boton-distri:hover {
        background-color: #00abad;
        padding: 15px;
        color: rgba(255, 255, 255, 1.00);
        font-weight: 100;
        width: 150px;
        float: right;
        margin-top: -105px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
    .distri-logo {
        padding: 15px;
        margin: 0 auto;
    }
    .top-distri1 {
        height: 125px;
        background-color: #141414;
        margin-bottom: 0px;
        width: 100%;
    }
    .titulo-distri-top {
        font-size: 30px;
        color: rgba(255, 255, 255, 1.00);
        margin-top: -10px;
        padding-left: 15px;
        font-weight: 100;
        display: table;
    }
    .boton-distri {
        clear: both;
        background-color: #00abad;
        padding: 15px;
        color: rgba(255, 255, 255, 1.00);
        font-weight: 100;
        text-align: center;
        margin-bottom: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .left {
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    .distri-logo {
        padding: 15px;
        margin: 0 auto;
    }
    .top-distri1 {
        height: 125px;
        background-color: #141414;
        margin-bottom: 0px;
        width: 100%;
    }
    .titulo-distri-top {
        font-size: 24px;
        color: rgba(255, 255, 255, 1.00);
        margin-top: 0px;
        line-height: 22px;
        padding-left: 15px;
        font-weight: 100;
        display: table;
    }
    .boton-distri {
        clear: both;
        background-color: #00abad;
        padding: 15px;
        color: rgba(255, 255, 255, 1.00);
        font-weight: 100;
        text-align: center;
        margin-bottom: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .left {
        display: block;
    }
}


/* POPUP */

.popup-he {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    z-index: 21000;
    display: block
}

.popup-he img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -450px;
    margin-top: -300px;
}

.popup-he .wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.popup-he #cerrar {
    height: 20px;
    width: 20px;
    background: url(../layer_banner/img/cerrar.png) no-repeat;
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 1;
    top: 50%;
    margin-top: -327px;
}


/*.home-event-top{    top: 0;    position: fixed;    width: 100%; z-index: 1000; display: none}
.home-event-top .wrapper{height: 3em; margin: 0 auto;
    width: 900px; position: relative;}*/

.home-event-top {
    position: absolute;
    top: 0;
    right: 0;
}

#botons {
    position: relative;
}


/* POPUP FIN */

@media only screen and (min-width: 1600px) and (max-width: 4096px) {
    .logo-fix {
        height: 70px !important;
        margin-top: 0px !important;
        margin-bottom: -17px !important;
    }
    .btn-col {
        position: absolute;
        top: 6px;
        right: 395px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-mx {
        position: absolute;
        top: 6px;
        right: 605px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-per {
        position: absolute;
        top: 6px;
        right: 395px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }

.btn-bra{
    position:absolute; 
    top:6px; 
    right:710px; 
    width:99px; 
    height:104px; 
    z-index:1500;
}

.btn-gral{
    position:absolute; 
    top:28px; 
    right:585px; 
    width:99px; 
    height:104px; 
    z-index:1500;
}

    .btn-chi {
        position: absolute;
        top: 6px;
        right: 290px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-usa {
        position: absolute;
        top: 6px;
        right: 500px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-mobile {
        display: none;
    }
    .video-background-home {
        display: block;
    }
    .slide-normal {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .btn-usa {
        position: absolute;
        top: 6px;
        right: 320px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-col {
        position: absolute;
        top: 6px;
        right: 215px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-mx {
        position: absolute;
        top: 6px;
        right: 425px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-per {
        position: absolute;
        top: 6px;
        right: 215px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-bra{
        position:absolute; 
        top:6px; 
        right:530px; 
        width:99px; 
        height:104px; 
        z-index:1500;
    }

    .btn-gral{
        position:absolute; 
        top:28px; 
        right:365px; 
        width:99px; 
        height:104px; 
        z-index:1500;
    }

    .btn-chi {
        position: absolute;
        top: 6px;
        right: 110px;
        width: 99px;
        height: 104px;
        z-index: 1500;
    }
    .btn-mobile {
        display: none;
    }
    .thesessions-header {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        display: table;
        background-color: #2e333a;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .btn-usa {
        display: none;
    }
    .btn-col {
        display: none;
    }
    .btn-mx {
        display: none;
    }
    .btn-per {
        display: none;
    }
    .btn-chi {
        display: none;
    }
    .btn-bra{
        display:none;
    }
    .btn-gral{
        display:none;
    }
    .btn-mobile {
        display: block;
        width: 100%;
        background-color: #2e333a;
        text-align: center;
    }
}

@media only screen and (min-width: 1600px) {
    #video-container {
        /*max-width: 1200px; width:100%;*/
        width: 1170px;
        margin: 0 auto;
        background-color: rgba(0, 0, 0, 1.00);
        color: rgba(255, 255, 255, 1.00);
        display: table;
        padding: 10px 0;
    }
    .video-item-home {
        width: 49.5%;
        float: left;
        margin: 0 2px;
        background-image: url("../images/ver-video-bg.jpg");
        display: table;
        background-position: bottom center;
        background-repeat: no-repeat;
    }
    .video-item-home:hover {
        display: table;
        padding-bottom: 40px;
    }
    .conf-video-img {
        width: 100%;
    }
    .conf-video-img:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .btn_ftr {
        display: table;
        float: left;
        width: auto;
    }
    .thesessions-header {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        display: table;
        background-color: #2e333a;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .thesessions-header {
        position: absolute;
        right: 50px;
        top: 30px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1599px) {
    .logo-fix {
        height: 70px !important;
        margin-top: 0px !important;
        margin-bottom: -17px !important;
    }
    .video-background-home {
        display: block;
    }
    .slide-normal {
        display: none;
    }
    #video-container {
        /*max-width: 1200px; width:100%;*/
        width: 1170px;
        margin: 0 auto;
        background-color: rgba(0, 0, 0, 1.00);
        color: rgba(255, 255, 255, 1.00);
        display: table;
        padding: 10px 0;
    }
    .video-item-home {
        width: 49.5%;
        float: left;
        margin: 0 2px;
        background-image: url("../images/ver-video-bg.jpg");
        display: table;
        background-position: bottom center;
        background-repeat: no-repeat;
    }
    /*#video-container {max-width: 1200px; width:100%; margin:0 auto; background-color:rgba(0,0,0,1.00); color:rgba(255,255,255,1.00); display:table; padding:10px 0;}
	.video-item-home{width:24.6%; float:left; margin:0 2px; background-image: url("../images/ver-video-bg.jpg"); display:table; background-position: bottom center; background-repeat: no-repeat;}*/
    .video-item-home:hover {
        display: table;
        padding-bottom: 40px;
    }
    .conf-video-img {
        width: 100%;
    }
    .conf-video-img:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .btn_ftr {
        display: table;
        float: left;
        width: auto;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .video-item-home {
        width: 49.3% !important;
        float: left;
        margin: 0 2px;
        background-image: url("../images/ver-video-bg.jpg");
        display: table;
        background-position: bottom center;
        background-repeat: no-repeat;
        padding-bottom: 40px;
    }
    .video-item-home:hover {
        display: table;
        padding-bottom: 40px!important;
    }
    .conf-video-img {
        width: 100%;
    }
    .conf-video-img:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .logo-fix {
        height: 110px !important;
        margin-top: 0px !important;
    }
    .video-background-home {
        display: none;
    }
    .slide-normal {
        display: block;
    }
    #video-container {
        width: 100%;
        padding: 5px 0;
        background-color: rgba(0, 0, 0, 1.00);
        color: rgba(255, 255, 255, 1.00);
        display: table;
    }
    .video-item-home {
        width: 100% !important;
        margin: 5px 0;
        background-color: rgba(0, 0, 0, 1.00);
        background-color: rgba(255, 255, 255, 0.48);
    }
    .conf-video-img {
        width: 100%;
    }
    .conf-video-img:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .btn_ftr {
        display: table;
        width: auto;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .thesessions-header {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        display: table;
        background-color: #2e333a;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .thesessions-header {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        display: table;
        background-color: #2e333a;
    }
}

@media only screen and (max-width: 319px) {
    .btn-usa {
        display: none;
    }
    .btn-col {
        display: none;
    }
    .btn-mx {
        display: none;
    }
    .btn-per {
        display: none;
    }
    .btn-chi {
        display: none;
    }
    .btn-mobile {
        display: none;
    }
    .video-background-home {
        display: none;
    }
}

.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* GIRA PAISES GENERAL */

#general-brand .main-title {
    font-weight: 700;
    line-height: 1em
}

#general-brand .main-title span {
    font-weight: 300;
    font-size: 1em
}


  #general-brand {
    width: 100%;
    /* height: 100vh; */
    overflow: hidden; 
    background-color: #002B5C;
  }
  
  #general-brand .bg-color {
    background-color: #002B5C;
    min-height: 100vh;
  }
  
  #general-brand .content-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    padding: 3em 0 5em 0;
  }
  
  /* Configuración de las columnas */
  #general-brand .custom-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 5px;
    box-sizing: border-box;
  }
  
  #general-brand .col-1-4 {
    width: calc(25% - 20px); 
    margin-bottom: 80px; 
  }
  
  /* Ajustes para móviles */
  @media screen and (max-width: 768px) {
    #general-brand .col-1-4 {
      width: calc(50% - 20px);
    }
  }
  

#general-brand .title {
    color: #fff;
    width: 90%;
    margin: 0 auto 1em
}


#general-brand .title img {
    display: inline-block;
    margin-left: 1em
}

#general-brand img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

#general-brand hr {
    margin: 2em auto 2em;
    background-color: #404449;
}

#general-brand .custom-row {
    height: 120px;
}

#general-brand .custom-row2 {
    height: 90px;
}

#general-brand {
    overflow-y: scroll; /* o overflow-y: auto; */
}

#general-brand .brand-logo {
    margin: 10px 0px 10px -10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 120%; 
    height: 120%;
    position: relative; 
}

#general-brand .brand-logo a {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%; 
  }

#general-brand .brand-logo#btn-brand-peru {
    background-image: url(../images/general-brand/btn-brand-peru-out.png);
}

#general-brand .brand-logo#btn-brand-peru:hover {
    background-image: url(../images/general-brand/btn-brand-peru-over.png);
}

#general-brand .brand-logo#btn-brand-chile {
    background-image: url(../images/general-brand/btn-brand-chile-out.png);
}

#general-brand .brand-logo#btn-brand-chile:hover {
    background-image: url(../images/general-brand/btn-brand-chile-over.png);
}

#general-brand .brand-logo#btn-brand-colombia {
    background-image: url(../images/general-brand/btn-brand-colombia-out.png);
}

#general-brand .brand-logo#btn-brand-colombia:hover {
    background-image: url(../images/general-brand/btn-brand-colombia-over.png);
}

#general-brand .brand-logo#btn-brand-brasil {
    background-image: url(../images/general-brand/btn-brand-brasil-out.png);
}

#general-brand .brand-logo#btn-brand-brasil:hover {
    background-image: url(../images/general-brand/btn-brand-brasil-over.png);
}

#general-brand .brand-logo#btn-brand-argentina {
    background-image: url(../images/general-brand/btn-brand-argentina-out.png);
}

#general-brand .brand-logo#btn-brand-argentina:hover {
    background-image: url(../images/general-brand/btn-brand-argentina-over.png);
}

#general-brand .brand-logo#btn-brand-espana {
    background-image: url(../images/general-brand/btn-brand-espana-out.png);
}

#general-brand .brand-logo#btn-brand-espana:hover {
    background-image: url(../images/general-brand/btn-brand-espana-over.png);
}

#general-brand .brand-logo#btn-brand-mexico {
    background-image: url(../images/general-brand/btn-brand-mexico-out.png);
}

#general-brand .brand-logo#btn-brand-mexico:hover {
    background-image: url(../images/general-brand/btn-brand-mexico-over.png);
}

#general-brand .brand-logo#btn-brand-latam {
    background-image: url(../images/general-brand/btn-brand-latam-out.png);
}

#general-brand .brand-logo#btn-brand-latam:hover {
    background-image: url(../images/general-brand/btn-brand-latam-over.png);
}

/* POP UP NEWS */
.popup-news {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    z-index: 2000;
    display: none;
  }
  
  .popup-news .wrapper {
    z-index: 2000;
    top: 50%;
    margin-top: -10px; 
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .popup-news img {
    display: block;
    max-width: 90%; 
    max-height: 90vh; 
    margin: 0 auto;
  }
  
  .popup-news a {
    height: 20px;
    width: 20px;
    background: url(../images/cerrar.png) no-repeat;
    position: absolute;
    right: 10px; /* Ajusta el espacio del borde derecho según sea necesario */
    top: 10px; /* Ajusta el espacio del borde superior según sea necesario */
    cursor: pointer;
    z-index: 1;
  }

  .btn-email {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 100px;
    right: 30px;
    line-height: 55px;
    z-index: 999999;
  }
  
  .btn-email img {
    width: 55px;
    height: 55px;
  }
  
  .btn-email img:hover {
    width: 58px;
    height: 58px;
  }