@font-face {
    font-family: 'Frutiger';
    font-style: normal;
    font-weight: normal;
    src: local('Frutiger'), url('../fonts/frutiger/FrutigerRomanRegular.otf') format('woff');
}

@font-face {
    font-family: 'Frutiger Light';
    font-style: normal;
    font-weight: normal;
    src: local('Frutiger'), url('../fonts/frutiger/FrutigerLightRegular.otf') format('woff');
}

@font-face {
    font-family: 'Frutiger UB';
    font-style: normal;
    font-weight: normal;
    src: local('Frutiger'), url('../fonts/frutiger/FrutigerUltraBlackRegular.otf') format('woff');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    src: local('Lato'), url('../fonts/Lato/Lato-Regular.ttf') format('opentype');
}

@font-face {
    font-family: 'Lato Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Lato'), url('../fonts/Lato/Lato-Bold.ttf') format('opentype');
}

@font-face {
    font-family: 'Lato Light';
    font-style: normal;
    font-weight: normal;
    src: local('Lato'), url('../fonts/Lato/Lato-Light.ttf') format('opentype');
}

@font-face {
    font-family: 'Lato Black';
    font-style: normal;
    font-weight: normal;
    src: local('Lato'), url('../fonts/Lato/Lato-Black.ttf') format('opentype');
}

/*body {
    padding-top: 70px;

}*/

h1, h2, h3, h4, h5, h6, body{
    font-family:Lato;
}

.Lato{
    font-family:Lato;
}

.LatoBold{
    font-family: 'Lato Bold';
}

.LatoBlack{
    font-family: 'Lato Black';
}

.LatoLight{
    font-family: 'Lato Light';
}

.w-100{
    width:100%;
}

body{
    background-color:white;
    padding: 0px !important
}

.fondogris{
    background-color:#eeeeee;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.footer{
    position:initial;
    background-color:rgb(36,37,36);
    color:white;
}

.footer ul{
    list-style-type:none; 
    padding: 5px 0;
}

.footer ul li{
    margin-bottom:10px;
}

.footer ul li a{
    color:white;
}

.tituloWhite{
    font-family:'Lato Black';
    color:white;
}

/*.footer .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}*/

#logoheader{
    max-width:155px;
}

.navbar-default, .topbar .topbar-left{
    /*background-color:black;*/
    background-color:rgba(0,0,0,0.7)
}

.navbar-nav{
    float:right;
}

.nav>li>a{
    display:inline-block;
    padding: 0px 10px;
    font-size:16px;
}

.nav>li>span{
    display:inline-block;
    padding: 0px 10px;
    font-size:16px;
    color: #ffffff !important;
    line-height: 70px;
    position: relative;
    cursor:pointer;
}

.topbar{
    position:absolute;
}

.logo {
    line-height: 65px;
}

/*.owl-carousel .owl-item>div{
    padding: 22px 15px;
}*/

.owl-carousel .owl-item img{
    width: 90%!important;
    margin: 7.5% 5%;
}

.owl-carousel .owl-item img:hover{
    width:100%!important;
    margin:0;
}

div, img {
    transition: all 0.2s ease-out 0s;
}

.flechaizquierda{
    position: absolute;
    top: 143.85px;
    left: -20px;
    height: 100%;
    /*display: flex;
    align-items: center;*/
}

.flechaderecha{
    position: absolute;
    top: 143.85px;
    right: -20px;
    height: 100%;
    /*display: flex;
    align-items: center;*/
}

.flechaizquierda div, .flechaderecha div{
    background-color: black;
    padding: 3px 7px;
    color: #dcdcdc;
    font-size: 20px;
    cursor:pointer;
}

.tituloposter{
    margin-top:0;
    padding-top:10px;
    font-family: Lato Black;
    color: black;
}

.titulo{
    border-bottom: 1px solid #ccc;
    padding-bottom:5px;
}

.tituloBlack{
    font-family:'Lato Black';
    color:black;
}

.divtitulo {
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.btn-footer{
    padding: 6px 30px!important;
    background-color: transparent;
    border-color: #ffd600;
    font-family: Lato Bold;
}

.btn.btn-footer:hover, .btn.btn-footer:focus, .btn.btn-footer:active{
    color:white;
}

.btn.btn-cinex {
    background-color: #ffd600;
    border-color: #ffd600;
    color: black;
    font-family: Lato Black;
    font-size: 13px;
    transition: all 0.4s ease 0s;
}

#titulocomprarapida{
    border:none;
    color:white;
    margin-top:0;
}

#divcomprarapida button, #divcomprarapida a{
    font-size:16px;
}

.carousel-control{
    z-index:10;
}

#divcomprarapida{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

#divcomprarapida>div{
    max-width: 700px;
    width: 100%;
    margin: auto;
    margin-top: 150px;
    background-color: rgba(0,0,0,0.7);
    padding: 20px;
}

#siguenosfooter{
    padding: 30px 0;
    background-color: #ffd600;
}

#siguenosfooter i.fa, #siguenosfooter i.fab {
    font-size: 20px;
    color: black;
}

.ifootercont {
    width: 35px;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    align-items: center;
    margin: 10px 15px;
    border: 1px solid black;
    border-radius: 20px;
}

#form-subs input{
    height: 30px;
    padding-left: 30px;
    color: #333;
    padding-bottom: 8px;
    font-weight: 700;
    border-radius: 2px;
}

#form-subs i{
    color: #999;
    position: absolute;
    font-size: 20px;
    margin: 4px 6px;
}

.info-promo {
    padding-left: 4%;
    padding-right: 4%;
    /*background-color: #333333;*/
    opacity: 0.8;
    /*color: white;*/
    /*margin-top: 7%;*/
    /*margin-left: -3%;*/
    padding: 2%;
    padding-left: 4%;
    border: 1px solid #aaa;
    /*width: 69% !important;*/
    margin-left: -2%;
    width: 43.667%;
    z-index:1;
}
.modal-cinex{
    padding:0!important;
}

.modal-cinex .modal-dialog {
    width: 400px;
    margin: 80px auto;
}

.modal-cinex .modal-content{
    background-color:rgb(15,15,15);
    border-color:rgb(15,15,15)!important;
    color:white;
}

.modal-cinex .modal-header{
    position:relative;
    padding-bottom:0;
    border:0;
}

.modal-cinex .modal-header .close {
    margin-top: 0px;
    position: absolute;
    top: -15px;
    right: -15px;
    opacity: initial;
    text-shadow: none;
    font-size: 27px;
    font-weight: 400;
    line-height: 17px;
}

.modal-cinex .fa, .modal-cinex .fab, .modal-cinex .far, .modal-cinex .fas{
    color:white;
}

.modal-cinex .modal-header img{
    display:block;
    margin:auto;
}

.modal-cinex .modal-footer {
     border-top: 0;
}

.modal-cinex h4{
    color:white;
}

.modal-cinex:not(#registroModal) input.form-control{
    background-color: transparent;
    color:white;
    border: 0;
    border-bottom: 1px solid grey;
    max-width: none;
    border-radius: 0;
    padding-left: 30px;
    font-size: 15px;
}

/* Change the white to any color ;) */
@-webkit-keyframes autofill {
    to {
        background-color: white;
        color: rgba(0, 0, 0, 0.6);
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}


.modal-cinex:not(#registroModal) .form-control:focus{
    background-color:transparent;
}

.i-modal-cont{
    position: absolute;
    height: 100%;
    padding: 5px 0;
    font-size: 18px;
}

/*.modal-backdrop {
   background-color: rgba(0,0,0,4);
}*/
#registroModal.modal-cinex .modal-dialog {
    width: 600px;
}

.btn.btn-cinex.sin-back{
    background-color:transparent;
}

#link-olvido{
    float: right;
    color: white;
    font-size: 12px;
    line-height: 22px;
}

#check-recuerdame label{
    font-size: 12px;
}

/*#seleccionedia, #seleccioneciudad, #seleccionecine{
    cursor:pointer;
    height:52px;
}

#seleccioneciudad, #seleccionecine{
    border-right: 1px solid #bbb;
}

.drop-custom{
    height:72px;
    padding-right: 0;
}

#filtro2{
    border: 1px solid #bbb;
    padding: 5px;
}*/

#filtro3 i.fa, #filtro4 i.fa{
    position: absolute;
    right: 15px;
    top: 31px;
    color: #888;
    font-size: 20px;
}

#filtro3, #filtro4{
    border: 1px solid #bbb;
}

#filtro3>div{
    height:82px;
}

#filtro3 .filtrolala{
    padding: 5px 0px 5px 15px;
    cursor:pointer;
}

#filtro4 .dropdown-toggle {
    width: 100%;
    text-align: left;
    padding: 5px 0px 5px 15px;
}

#filtro3 .filtrolala>div, #filtro4 .dropdown-toggle>div{
    border-right:1px solid #bbb;
}

/*#seleccionedia, #seleccionecine{
    padding-left:5px;
}*/

#filtro3 ul{
    list-style: none;
    padding: 5px;
    background-color: white;
    margin: 0;
}

#filtro3 ul li, #filtro4 .dropdown-item{
    padding:10px;
    cursor:pointer;
}

#filtro3 .dropdown-content{
    z-index: 16;
    border: 1px solid rgb(187, 187, 187);
    position: inherit;
    margin-left: -1px;
    display: block;
}

span.span-funciones {
    border: 1px solid #aaa;
    color: black;
    padding: 3px 6px;
    cursor:pointer;
    font-weight: 700;
    -webkit-transition: color 0.5s, background-color 0.5s; /* For Safari 3.1 to 6.0 */
    transition: color 0.5s, background-color 0.5s;
}

span.span-funciones.active{
    color:white;
    background-color:rgb(11,58,181);
    font-weight: 400;
}

.topbar2{
    position:inherit;
}

.topbar2 .navbar-default{
    background-color: black;
}

.footerblack{
    background-color:black;
}

#barrareserva{
    background-color:rgb(235,235,235);
}

#barrareserva table{
    width:100%;
    max-width: 1250px;
}

#barrareserva table td{
    width: 16.66%;
    min-width: 80px;
    text-align: center;
    font-family: Lato Bold;
    font-size: 17px;
    color: #ccc;
}

#barrareserva table td span{
    display: flex;
    align-items: center;
    justify-content: center;
}

#barrareserva table td i{
    font-size:20px;
}

#barrareserva table td.active{
    color:rgb(11,58,181);
    border-bottom:2px solid rgb(11,58,181);
    font-family: Lato Black;
    height: 54px;
}

#barrareserva table td#timer{
    font-size: 31px;
    color:rgb(11,58,181);
    padding: 5px 0;
}

#barrareserva table td#timer i{
    font-size: 31px;
}

.flexcontainer{
    display:flex;
}

.flexcontainer .autoancho{
    flex-grow:1;
}

.flexcontainer .fixancho{
    width:380px;
}

.tituloreserva{
    border-bottom: 1px solid #ccc;
    padding: 3px 30px;
}

.tituloreserva h2{
    color: #888;
}

.tituloresumen{
    border-bottom: 1px solid #ccc;
    margin-top: 36px;
}

#divtableboletos{
    margin:auto;
    max-width: 773px;
    padding: 20px;
}

#divformulariopago{
    margin:auto;
    max-width: 773px;
}

#divtableboletos table{
    width:100%;
    border-collapse: separate;
    border-spacing: 0 1px;
}

#divtableboletos table tbody tr{
    background-color:rgb(235,235,235);
}

#divtableboletos table tbody tr td{
    color:black;
    padding:5px;
    text-align:center;
    font-family:'Lato Bold'
}

#divtableboletos table th{
    color: #999;
    /* font-weight: 400; */
    padding: 10px 5px;
    text-align: center;
}

span.spanplus, span.spanminus{
    width: 24px;
    display: inline-block;
    border: 2px solid black;
    border-radius: 15px;
    cursor: pointer;
    text-align: center;
}

span.spanplus {
    color: rgb(11,58,181);
    border-color: rgb(11,58,181);
}

span.spanminus{
    color: #bbb;
    border-color:#bbb;
}

span.cantidadboletos {
    width: 15px;
    color: rgb(11,58,181);
    display: inline-block;
    font-size: 17px;
    text-align: center;
}

#divtableboletos table tbody tr td.totalboletos{
    color: rgb(11,58,181);
    font-family: Lato Black;
    width: 155px;
}

.resumenfuncion{
    /*padding-right: 10px;*/
    margin:0;
    margin-top:20px;
}

.resumenfuncion div{
    color:black;
}

.colorblack{
    color:black;
}

.colorazul{
    color: rgb(11,58,181);
}

.tituloresumen h5{
    font-family: Lato Bold;
    text-align: center;
    color: black;
}

.m-auto{
    margin:auto;
}

.aligneflex{
    display: flex;
    justify-content: center;
    align-items: center;
}

form#tipoboletoform label.error, form#asientosform label.error{
    text-align:center;
    width: 100%;
}

#SeleccionAsientos{
    margin: auto;
    margin-top:40px;
}

#SeleccionAsientos td{
    padding: 10px 5px;
}

#SeleccionAsientos td > div{
    width: 25px;
    height: 25px;
    border-radius: 15px;
}

#SeleccionAsientos td.disponible > div, .leyenda div div.disponible{
    border: 1px solid rgb(11,58,181);
}

#SeleccionAsientos td.seleccionado > div, .leyenda div div.seleccionado{
    border: 1px solid rgb(11,58,181);
    background-color: rgb(11,58,181);
}

#SeleccionAsientos td.ocupado > div, .leyenda div div.ocupado{
    border: 1px solid rgb(162,160,161);
    background-color: rgb(162,160,161);
}

#SeleccionAsientos td.letraasientos{
    padding-right:15px;
}

.leyenda div div{
    width: 25px;
    height: 25px;
    border-radius: 15px;
    margin:auto;
    margin-bottom:10px;
}

#asientosSeleccionados{
    color: #797979;
    display:inline-block;
    width:auto
}

#divCarameleria{
    max-width: 800px;
    margin: auto;
    padding: 10px;
}

.carameleriaContainer {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px;
}

.caraMonto{
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.tituloresumen2{
    padding: 0 20px;
    border-bottom: 1px solid #ccc;
    margin-top: 36px;
}

.intl-tel-input{
    width:100%;
}

input.error, select.error{
    border-color: #ef5350!important;
}

/*label.error{
    width:100%;
}*/

/*.tituloresumen2 h4{
    color:black;
}*/

#divConfirmacion{
    max-width: 334px;
    margin: auto;
}

#divConfirmacion i{
    display:block;
    font-size: 100px;
    margin: 30px 0;
    color:rgb(0, 148, 0);
}

#myCarousel img{
    width:100%;
}

/*.owl-carousel .owl-item{
    max-width:223px;
}*/

#DescPelicula .info-promo{

}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color:white!important;
}

.collapseresumen{
    display:none;
}

/*.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}*/

html{
    background-color: white;
}

.nosequeponer h4:after {
  content: '\2212';
  font-weight: bold;
  font-size:16px;
  margin-left: 3px;
}

.nosequeponer.collapsed h4:after {
  content: "\002B";
}

#divtableboletos table tbody tr td:nth-of-type(4) {
    display: none;
}

#divtableasientos{
    margin:15px;
}

span.spanmonto{
    margin-left:15px;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../Content/loader/Preloader.gif) center no-repeat #fff;
}

.imagen-home-izquierda-especial{
    padding:0;    margin-left: 4.1666%;
}

.info-promo-izquierda{
    margin-left: 4.1666%;
    margin-right:-2%;
}

.enlacesInternas{
    background-color: black;
    text-align: right;
    padding: 10px;
    border-bottom: 0.5px solid #ffd600;
    color:white;
}

.enlacesInternas a{
    color:white;
    padding: 0 7px;
}

.g-recaptcha>div{
    margin:auto;
}

.captchadiv span.text-danger{
    display:block;
    text-align:center;
}

.somos-row{
    display: flex;
    align-items: center;
}

.somos-row-inverse{
    flex-direction:row-reverse;
}

.somos-row.somos-black{
    background-color:black;
}

.somos-img-container{
    width: 50%;
    position:relative
}

.somos-text-container{
    width: 50%;
}

.somos-img-container.img-derecha{
    right:0;
}

.somos-text-container>div{
    max-width: 480px;
    padding: 0 20px;
}

.somos-img-container>div{
    background-image: linear-gradient(to right ,transparent 77%, white);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.somos-img-container.img-derecha>div{
    right:0;
    background-image: linear-gradient(to left ,transparent 77%, white);
}

.somos-text-container.text-izq>div{
    float:right;
}

.somos-row p{
    font-size:16px;
    font-weight:700;
    color:#888
}

.somos-row.somos-black p{
    color:white;
}

.somos-row.somos-black>.somos-img-container>img{
    margin: auto;
    display: block;
    width: 450px;
}

img.logo-cinex3d-somos{
    position:absolute;
    top: 15px;
    left: 50px;
    width:150px;
}

img#somos-banner-img{
    width:400px;
}

p#somos-banner-text{
    color: white;
    font-size: 18px;
}

#somos-banner{
    padding: 182px 0 50px 0;
}

.div-mapa iframe{
    width:100%;
}

.resumenfuncion img{
    max-width: 300px;
    margin: auto;
    display: block;
}

#myCarousel img{
    min-height: 500px;
    min-width: 1500px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.carousel-inner>.item{
    overflow:hidden;
}

#titulocomprarapida i{
    color:#ffd600;
    float:right;
    font-size: 30px;
    cursor: pointer;
}

#activacomprarapida{
    border-radius: 20px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
}

button.btn-cinex:not(.nottransparent):hover, a.btn-cinex:not(.nottransparent):hover {
    background-color:transparent;
    transition: all 0.4s ease 0s;
}

button.btn-cinex, a.btn-cinex{

}

button.btn-cinex.hoverwhite:hover, a.btn-cinex.hoverwhite:hover{
    color:white;
}

a.enlacecine{
    color:black;
}

a.enlacecine:hover, a.enlacecine:active{
    font-weight:700;
}


@media (max-width: 1199px) {
    #DescPelicula .info-promo{
        width: 52%;
    }

    .flexcontainer .fixancho {
        width: 335px;
    }

    #SeleccionAsientos td {
        padding: 6px 3px;
    }

    #SeleccionAsientos td > div {
        width: 22px;
        height: 22px;
    }

    span.spanmonto{
        margin-left:5px;
    }

    #divformulariopago{
        max-width: 665px;
    }

    span.deltarjetahabiente{
        display:none;
    }

    img.logo-cinex3d-somos{
        width:100px;
    }

    .somos-row.somos-black>.somos-img-container>img{
        width:400px;
    }

    .somos-row p{
        font-size:14px;
    }
}

@media (max-width: 991px) {
    .footer .container{
        width:auto;
    }

    #DescPelicula .info-promo{
        width: 60.3333334%;
    }

    .topbar2 .container{
        width:auto;
    }

    .nav>li>span, .nav>li>a{
        padding: 0px 7px;
    }

    span#nombreusuario2{
        display:none;
    }

    #barrareserva table td{
        font-size:15px;
        width:auto;
    }

    #barrareserva table td#timer{
        font-size:24px;
    }

    #barrareserva table td#timer i{
        margin-right:5px;
        font-size:24px;
    }

    .flexcontainer{
        display:block;
    }

    .flexcontainer .fixancho{
        width:auto;
    }

    .collapseresumen{
        display:block;
    }

    .img-resumen-resp{
        float:right;
        max-width: 200px;
        width: 100%;
    }

    /*.fixcaramelo.fixancho{
        display: block;
        width: 100%;
        float: left;
    }*/

    .somos-row h1{
        font-size:27px;
        line-height:27px;
    }

    .somos-row p{
        font-size:13px;
    }

    .somos-row.somos-black>.somos-img-container>img {
        width: 350px;
    }

    img#somos-banner-img{

        width: 280px;
    }

    p#somos-banner-text{
        font-size: 16px;
    }

    #somos-banner{
        padding: 130px 0 25px 0;
    }

    #divcomprarapida{
        display:none;
    }
}

@media (min-width: 768px){
    
    .rowinvertido > div > div > .info-promo-izquierda{
        float: right;
        margin-right: 4.1666%;
        margin-left: -2%;
    }

    .rowinvertido > div > div > .imagen-home-derecha-especial{
        float: left;
        margin-right: 0px!important;
        margin-left: 4.1666%!important;
    }
}

@media (max-width: 767px) {

    .panel .panel-body p.resumentitulo{
        margin-top:10px;
    }

    .img-resumen-resp{
        float:none;
        display:block;
        margin:auto;
    }

    h1.tituloBlack{
        font-size:30px;
    }

    h2.tituloBlack{
        font-size:25px;
    }

    .modal-cinex .modal-dialog {
        width: 100%;
        margin: 30px auto;
        padding:10px;
    }

    #filtro3 .filtrolala>div, #filtro4 .dropdown-toggle>div{
        border-right:0;
    }

    .info-promo {
        /*opacity: 0.8;*/
        margin-top: -5% !important;
        margin-top: 0% !important;
        padding-top: 4%;
        margin-left: 0px;
        width: 100% !important;
    }

    .imagen-home-derecha-especial{
        margin-left:0!important;
    }

    .footer span{
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer img{
        height: 16px;
        float:initial!important; 
        margin: auto;
        display: block;
    }

    #divtableboletos table tbody tr td:nth-of-type(3), #divtableboletos table tbody tr td:nth-of-type(2) {
        display: none;
    }

    #divtableboletos table thead tr th:nth-of-type(3) {
        display: none;
    }

    #divtableboletos table tbody tr td.totalboletos{
        width:130px;
    }

    #divtableboletos table tbody tr td:nth-of-type(4) {
        display: table-cell;
    }

    #SeleccionAsientos td {
        padding: 4px 2px;
    }
    
    #SeleccionAsientos td > div {
        width: 18px;
        height: 18px;
    }

    #SeleccionAsientos {
        margin-top: 20px;
    }

    .leyenda{
        flex-wrap:wrap
    }

    .leyenda>div{
        min-width:66px;
    }

    .leyenda p{
        text-align:center;
    }

    .tituloreserva h2{
        font-size: 25px;
    }

    h1.hleyenda{
        font-size:25px;
    }

    #divtableboletos table{
        margin-top:20px!important;
    }

    #divCarameleria {
        max-width: 550px;
    }

    #SeleccionAsientos td.letraasientos{
        display:none;
    }

    .rowestrenos{
        max-width:500px;
        margin:auto;
    }

    .somos-row{
        display:block;
    }

    .somos-img-container, .somos-text-container{
        width:100%;
    }

    .somos-text-container>div {
        max-width: none;
        padding: 20px;
    }

    .somos-img-container>div{
        display:none;
    }

    .somos-text-container.text-izq>div{
        float:none;
    }

    #images-4dx{
        text-align:center;
    }

    .row-comercializacion img{
        width:100%;
    }

    .row-comercializacion{
        padding-left:20px!important;
        padding-right:20px!important;
    }

    .imagen-home-izquierda-especial{
        margin-left:0;
    }

    .flechaderecha{
        top:33%;
        right: -5px;
    }

    .flechaizquierda{
        top:33%;
        left: -5px;
    }
}

@media (max-width: 500px){
    #divtableboletos table tbody tr td:nth-of-type(6), #divtableboletos table thead tr th:nth-of-type(5) {
        display: none;
    }

    #divCarameleria {
        max-width: 300px;
    }

    #divCarameleria>div{
        width: 100%;
    }

    .col-estrenos{
        width:100%;
    }

    .rowestrenos{
        max-width:250px;
    }

    .somos-row.somos-black>.somos-img-container>img{
        width:90%;
        max-width:300px;
    }

    img.logo-cinex3d-somos{
        width: 80px;
        left: 15px;
    }
}