a{
    text-decoration:none;
    color:black;
}

a:hover
{
    color:black;
}

.main-nav
{
    padding-left:45px;
    padding-top:63px;
    padding-right:0px !important;
    display: inline-table;
}

.main-nav ul
{
    padding-left:10px;
    padding-right:20px;
}

.main-nav li
{
    list-style:none;
    font-size:10pt;
    font-family:'PT Mono';
    line-height:35px;
}

.main-nav li:hover
{
    background-color:#bae1b3;
    color:black;
}

.selected 
{
    background-color:#bae1b3;
    color:black;   
}


.second-nav
{
    padding-left:45px;
    padding-top:63px;
}


.giff-en-casa
{
    font-size:14pt;
    font-family:'Roboto';
}

.ico-casa
{
    width:30px;
    height:30px;
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/main_menu/casa.svg');
    display:block;
    float:left;
}

.ico-calendario
{
    width:30px;
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/main_menu/calendario.svg');
    display:block;   
    height:30px;
    float:left;
}

.ico-catalogo
{
    width:30px;
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/main_menu/ico_films.svg');
    background-repeat:no-repeat;
    background-position:center;
    display:block;
    height:17px;
    float:left;
}

.ico-camera
{
    width:34px;
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/icons/camera.svg');
    background-repeat:no-repeat;
    display:block;
    height:25px;
    float:left;
    margin-top:-2px;
    margin-left:-5px;
}

.ico-disponiblehoy
{
    width:30px;
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/main_menu/ico_cal_online.svg');
    background-repeat:no-repeat;
    background-position:center;
    display:block;
    height:20px; 
    float:left;
}


.ico-calendario-online
{
    width:30px;
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/main_menu/ico_cal_online.svg');
    background-repeat:no-repeat;
    background-position:center;
    display:block;
    height:20px; 
    float:left;
}



.ico-disponible-ahora
{
    width:30px;
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/main_menu/ico_disponible.svg');
    background-repeat:no-repeat;
    background-position:center;
    display:block;
    height:18px; 
    float:left;
}


.ico-back
{
    width:25px;
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/main_menu/ico_regresar.svg');
    background-repeat:no-repeat;
    background-position:center;
    display:block;
    height:15px; 
    float:left;
}

.ico-ver
{
    background-image:url('https://storage.googleapis.com/giff-390816.appspot.com/assets/img/main_menu/ver.svg');
    display:block;
    width:30px;
    height:30px;
    float:left;
}

.cal-day-indicator
{
    background-color:#fbad42;
    font-size:12pt;
    font-family:'Roboto';
    font-weight:bold;
}

.cal-day-indicator img
{
    background-color:white;
}

.cal-hoy-indicator
{
    background-color:#bae1b3;
    margin-top:20px;
}

.cal-hoy-indicator p
{
   margin-top:10px; 
   font-size:10pt;
   font-family:'PT Mono';
   font-weight:300;
}

.cal-hoy-fecha
{
   background-color:#efefef; 
   margin-top:20px;
}

.cal-hoy-fecha p
{
    margin-top:10px;
    font-family:'Roboto';
    font-size:12pt;
}

.title-still-calendar
{
    font-family:'Roboto';
    font-size:12pt;
    font-weight:bold;
}

.title-locale-calendar
{
    font-family:'Roboto';
    font-style:italic;
    font-size:12pt;
    color:#919191;
}

.section-still-calendar
{
    text-align:center;
    font-size:10pt;
    font-family:'PT Mono';
    border:solid 1px #bae1b3;
    padding-top:5px;
    padding-bottom:5px;
}

.arrow-still
{
    position:absolute;
    right:0px;
    bottom:0px;
    background-color:white;
}

.arrow-still-hoy
{
    position:absolute;
    right:0px;
    bottom:0px;
    background-color:#bae1b3;
}

.banner-giff
{
    height:auto;
    padding:0px;
}

.calendar-still
{
    margin-top:10px;
    height:108px;
    position:relative;
    overflow:hidden;
}

.banner-giff-img
{
    width:855px;
}
.main-nav
{
    border-right:solid 2px black;
}

.menu-separator
{
    border-top:solid 2px black;
}

.secondary-nav
{
    border-right:solid 2px black;
}

.seleccion-oficial
{
    font-family:'Roboto';
    font-size:15pt;
}

.primary-nav
{
    list-style:none;
    margin:0px;
    padding:0px;
}

.sub-nav
{
    list-style:none;
    margin:0px;
    padding:0px;
}

.primary-selection
{
    font-size:10pt;
    font-family:'Roboto';
    width:162px;
    padding-bottom:10px;
    padding-top:10px;
    line-height: 20px !important;
    font-size: 10pt !important;
}

.sub-selection
{
    font-size:9pt;
    font-family:'Roboto';
    font-style:italic;
    text-align:right;
    width:162px;
    color:#919191;
}

main
{
    padding-top:15px;
    padding-left:30px;
}

.section-indicator
{
    font-size:10pt;
    line-height:35px;
    font-family:'PT Mono';
}

.thumb-film
{
    height:150px;
    width:100%;
    display:block;
    background-color:grey;
}

.thumb-seccion
{
    font-size:10pt;
    font-family:'Roboto';
}

.image-container
{
  width: 250px;
  height: 150px;
  position: relative;
  overflow: hidden;
}



.image-container img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: auto;
  max-width: 250px;
  height: auto;
  max-height: 150px;
  margin:0 0 auto;
  transition:  0.1s ease;

}


.image-container:hover img {
 transform: translate(5%, -2%);
 box-shadow:-1px 1px  #bae1b3, -2px 2px  #bae1b3, -3px 3px  #bae1b3, -4px 4px  #bae1b3, -5px 5px  #bae1b3, -6px 6px  #bae1b3, -7px 7px  #bae1b3, -8px 8px  #bae1b3;
}

.thumb-film-title
{
    font-size:12pt;
    font-family:'Roboto';
}

.paginator
{
    margin:0 auto;
}

.page-link
{
    border: none !important;
    font-family:'Roboto' !important;
    font-size: 10pt;
}

.page-item.active .page-link
{
    background-color:transparent;
    color:black;
}

.page-link
{
    color:grey;
}

.page-link:hover
{
    background-color:#bae1b3;
    color:black;
}

.image-still
{
    padding:0px;
}

.image-banner
{
    display:block;
    height:360px;
    overflow:hidden;
}

.original-title-film
{
    font-size:24pt;
    font-family:'Roboto';
}

.locale-title
{
    font-size:12pt;
    font-family:'Roboto';
    font-style:italic;
    font-weight:300;
    margin:0px;
}

.selection
{
    border:solid 2px #bae1b3;
}

.selection
{
    text-align:center;
    margin:0px;
    padding:10px;
    font-family:'PT Mono';
    font-size:10pt;
    display:inline-block;
    margin-top:8px;
}


.film-package
{
    margin-top:10px;
    border:solid 2px #bae1b3;
}

.film-package p
{
    text-align:center;
    margin:0px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:'PT Mono';
    font-size:10pt;
}

.grey-btn
{
    background-color:#ededed;
    font-family:'PT Mono';
    font-size:10pt;
    padding-top:7px;
    padding-bottom:7px;
    margin-top:8px;
}

.grey-btn img
{
    height:20px;
    width:20px;
    text-align:left !important;
}

.grey-btn:hover
{
   background-color:#bae1b3; 
}

.grey-btn a
{
    text-decoration:none;
}

.info-right
{
    padding-right:0px;
}

.film-data
{
    font-family:'Roboto';
    font-size:10pt;
}

.film-data span
{
    font-weight:300;
}

.sinopsis
{
    font-family:'Roboto';\
    font-size:12pt;
}

.info-dir
{
    text-align:right;
}

.social-media
{
    list-style:none;
    float:right;
}

.social-media li
{
    border: solid 2px #bae1b3;
    display: table;
    width: 35px;
    height:35px;
    text-align: center;
    line-height:30px;
    margin-top: 8px;
}


.social-media img
{
   height:15px; 
}

.title-direction
{
    font-family:'PT Mono';
    font-weight:300;
}

.website
{
    font-family:'Roboto';
    font-size:10pt;
    color:#919191;
    font-style:italic;
    padding: 10px;
    border: solid 1px #bae1b3;
    margin-top: 5px;
}

.dir-detail
{
    border:solid 2px #bae1b3;
    font-family:'Roboto';
    font-size:10pt;
    font-weight:bold;
}

.dir-detail p
{
    padding-top:30px;
}
.dir-detail:before {
    content: '';
    position: absolute;
    border-width: 10px 10px 10px 0;
    border-style: solid solid solid none;
    border-color: #0000 #bae1b3 #0000;
    top: 12px;
    left: -12px;
}

.film-detail
{
    border-top:solid 2px #bae1b3;
    font-size:10pt;
    font-family:'Roboto';
    border-right:solid 2px #bae1b3;
    border-bottom:solid 2px #bae1b3;
    font-weight:300;
}

.film-detail p
{
    padding-top:30px;
}

.film-detail strong
{
    font-weight:bold;
}

.select-area
{
    background-color:#ddd;
    padding-top:20px;
    padding-bottom:10px;
    font-family:'Roboto';
    font-size:10pt;
}

.select-area button
{
    background-color:#bae1b3;
}

.select-area input, button, select
{
    border:none;
    height:30px;
    margin-top:5px;
}

.container-giff-presencial
{
    padding-top:20px;
    background-color:#ededed;
    padding-bottom:20px;
}

.modal-content
{

    background-color: transparent !important;

}

.modal-header
{
    border: none;
}

.modal-content
{
    border: none;
}

.modal-header .close
{
    color: white !important;
}

.presencial 
{
    line-height:31px;
    font-family:'PT Mono';
    font-size:10pt;
    margin-bottom:0px;
}


.container-giff-presencial p
{
    font-family:'Roboto';
    font-size:10pt;
}

.iterms-wrap span
{
   position: absolute !important; 
}

.division
{
    display: none !important;
}

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

    .paginador li
    {
        display: none !important;
    }

    .paginador .siguiente
    {
        display: block !important;
    }

    .paginador .anterior
    {
        display: block !important;
    }

    .paginador li:first-child,
    .paginador li:nth-child( 2 ),
    .paginador li:nth-last-child( 2 ),
    .paginador li:last-child,
    .paginador li.active,
    .paginador li.disabled {

        display: block !important;
    }


    .division
    {
        display: block !important;
    }

    .items-wrap span
    {
        position: relative !important;
    }

    .dia-contenedor .col-md-2
    {
        margin-left: 20px !important;
        text-align: center !important;
    }
    .dia-contenedor .col-md-3
    {
        margin-left: 20px !important;
        text-align: center !important; 
    }
    .arrow-indicator
    {
        display: none !important;
    }

    .main-nav
    {
        padding-right:15px !important;
    }

    .info-right
    {
        padding-right:15px !important;
    }

    .banner-giff
    {
        height:auto !important;
    }

    .banner-giff-img
    {
        width:376px !important;
        height:120px !important;
    }

    .main-nav
    {
        border:none !important;
    }

    .primary-nav, .seleccion-oficial, .menu-separator
    {
        display:none;
    }

    .main-content .row
    {
        margin-right:0px !important;
    }

    .image-banner
    {
       height: auto !important; 
       overflow:auto;
    }

    .image-still
    {
        padding:10px;
        padding-left:30px;
    }

    .flecha-film
    {
        display:none;
    }

    .sinopsis-container
    {
        margin-top:0px !important;
    }

    .film-data-container
    {
        text-align:center !important;
        margin-top: 20px !important;
    }

    .dir-detail
    {
        border:none !important;
    }

    .film-detail
    {
        border:none !important;
    }

    .dir-detail:before
    {
        display:none !important;
    }

    .social-media
    {
        display:flex;
    }

    .social-media li
    {
        margin-right:5px;
    }

}