/********** Rotate *************/
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/************ Rotates ****************/
.geekp-rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.geekp-spinner{
    height: 500px;
    width: 100%;
    position: relative;
}
.geekp-spinner img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 50px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.geekp-spinner .geekp-rotating{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.geekp-movie-info{
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    width: 100%;
}
.geekp-movie-info-imdb{
    position: relative;
    font-size: 30px;
}


.geekp-general{
    margin-bottom: 20px !important;
}

.geekp-general-head{
    display: grid;
    grid-template-columns:30% 70% !important;
    gap:10px !important;
    grid-auto-rows: 1fr !important;
}
.geekp-general-head-poster{
    padding: 0 !important;
    margin: 0 !important;
}

.geekp-general-head-posterside{
    position: relative;
}
.geekp-general-head-genre span{
       font-size: 14px;
       margin-right: 10px;
       padding: 5px 10px;
        overflow: hidden;
       border: 2px solid;
       border-radius: 10px;
}
.geekp-general-head-genre span a{
    text-decoration: none !important;
}
.geekp-general-head-sum{
    font-size: 15px;
    margin-top: 15px;
}
.geekp-general-head-crew{
    margin-top: 15px;
}
.geekp-general-head-crew span{
    font-size: 15px;
    margin-right: 5px;

}
.geekp-general-head-crew span a{
    text-decoration: none !important;
}


.geekp-trailers{
    margin-right: 5px;
}

.geekp-trailer-side{
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    padding: 5px 5px;
    position: absolute;
    display: grid;
    grid-template-columns: 70px 1fr;
    bottom:0;
    font-size: 15px;
    height: 70px;
    font-weight: bold;
    width: 100%;
    color: #ffffff
}
.geekp-trailer-side  a{
    color: #ffcc00 !important;
}
.geekp-trailer-side-title{
    position: relative;
    top: 15px;

}


.geekp-sub-head{
    margin-top: 20px;
}
.geekp-video-icon-big{
    font-size: 60px;
    transition: all .3s ease;
}
.geekp-video-icon-big:hover{
    color:#fff !important;
}
.geekp-general-media{
    margin-top: 20px;
}
.geekp-general-media-title{
    font-size: 20px;
    padding: 0;
    font-weight: bold;
    margin-bottom: 20px;
}
.geekp-general-media-title:hover .geekp-icon-h1{
    color:#ffcc00;
}
.geekp-icon-h1{
    font-size: 30px;
    position: relative;
    top:7px;
    transition: all 0.3s ease;
}
.geekp-general-media-cast{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
}
.geekp-general-media-cast-item{
    display: grid;
    grid-template-columns: 110px 1fr;
    gap:10px;
    margin-bottom: 20px;
}
.geekp-general-media-cast-item img{
    width: 100px;
    border-radius: 50%;
}
.geekp-link-style-ignore{
    text-decoration: none !important;
    color: inherit !important;
}
.geekp-image-slider{
    display: flex;
    overflow-x: scroll !important;
    scroll-behavior: smooth
}
.geekp-image-slider div{
    width: 24% !important;
    margin-right: 1% !important;

}
.geekp-image-slider div img{
    width: 100%;
    object-fit: cover;
}

.geekp-mediaviewer{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.geekp-mediaviewer-left{
    position: absolute;
    font-weight: bold !important;
    font-size: 25px;
    margin: auto;
    top:0;
    bottom: 0;
    border-radius: 10px;
    cursor: pointer!important;
    left:10px;
    height: 35px !important;
    padding: 5px 10px;
    z-index: 2;
    background: rgb(0,0,0,0.8);
    opacity: 0.5;
    transition: all .3s ease;
}
.geekp-mediaviewer-left:hover{
    opacity: 1;
    transform: scale(1.1);
}
.geekp-mediaviewer-left:hover a{
    color: #ffcc00;
}

.geekp-mediaviewer-left a{
    color: #fff;
    transition: all .3s ease;
}
.geekp-mediaviewer-right{
    position: absolute;
    font-weight: bold !important;
    font-size: 25px;
    margin: auto;
    top:0;
    bottom: 0;
    border-radius: 10px;
    right:10px;
    cursor: pointer!important;
    padding: 5px 10px;
    height: 35px !important;
    color: white;
    z-index: 2;
    background: rgb(0,0,0,0.5);
    opacity: 0.5;
    transition: all .3s ease;
}
.geekp-mediaviewer-right:hover{
    opacity: 1;
    transform: scale(1.1);
}

.geekp-mediaviewer-right a{
    color: #fff;
    transition: all .3s ease;
}
.geekp-mediaviewer-right:hover a{
    color: #ffcc00;
}

.geekp-image-info{
    position: absolute;
    right: 10px;
    top:10px;
    font-size: 25px;
    width: 35px;
    height: 35px;
    padding: 5px;
    border-radius: 50%;
    color:#fff;
    cursor: pointer!important;
    background: rgb(0,0,0,0.8);
    transition: all 0.3s ease;
    opacity: 0.5;

}
.geekp-video-info{
    position: absolute;
    right: 10px;
    bottom:65px;
    font-size: 25px;
    width: 35px;
    height: 35px;
    padding: 5px;
    border-radius: 50%;
    color:#fff;
    cursor: pointer!important;
    background: rgb(0,0,0,0.8);
    transition: all 0.3s ease;
    opacity: 0.5;
}
.geekp-image-info:hover{
    color:#ffcc00;
    opacity: 1;
    transform: scale(1.1);
}
.geekp-video-info:hover{
    color:#ffcc00;
    opacity: 1;
    transform: scale(1.1);
}

.geekp-image-info-details{
    transition: all 0.3s ease;
    margin: auto;
    width: 70%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    position: absolute;
    top:0;
    right:0;
    left:0;
    background: rgb(0,0,0,0.8);
}
.geekp-image-info-details-img{
    padding-top: 20px;
    width: 100%;
    align-self: start;
}
.geekp-image-info-details-img img{
    border:1px solid #ffcc00;

}
.geekp-image-return{
    position: absolute;
    bottom:5px;
    left:10px;
    font-size: 25px;
    padding: 5px;
    width: 35px;
    border-radius: 10px;
    height: 35px;
    cursor: pointer!important;
    background: rgb(0,0,0,0.8);
    transition: all 0.3s ease;
    opacity: 0.5;
}
.geekp-image-return a{
    color:#ffffff;
    transition: all 0.3s ease;
}
.geekp-image-return:hover{
    opacity: 1;
    transform: scale(1.1);
}
.geekp-image-return:hover a{
    color:#ffcc00;
}
/*Return gallery*/
.geekp-image-return-gallery{
    position: absolute;
    top:5px;
    left:10px;
    font-size: 25px;
    padding: 5px;
    width: 35px;
    border-radius: 10px;
    height: 35px;
    cursor: pointer!important;
    background: rgb(0,0,0,0.8);
    transition: all 0.3s ease;
    opacity: 0.5;
}
.geekp-image-return-gallery a{
    color:#ffffff;
    transition: all 0.3s ease;
}
.geekp-image-return-gallery:hover{
    opacity: 1;
    transform: scale(1.1);
}
.geekp-image-return-gallery:hover a{
    color:#ffcc00;
}





.geekp-video-return{
    position: absolute;
    bottom:65px;
    left:10px;
    font-size: 25px;
    padding: 5px;
    width: 35px;
    border-radius: 10px;
    height: 35px;
    cursor: pointer!important;
    background: rgb(0,0,0,0.8);
    transition: all 0.3s ease;
    opacity: 0.5;
}
.geekp-video-return a{
    color:#ffffff;
    transition: all 0.3s ease;
}
.geekp-video-return:hover{
    opacity: 1;
    transform: scale(1.1);
}
.geekp-video-return:hover a{
    color:#ffcc00;
}

.geekp-video-return-videos{
    position: absolute;
    bottom:110px;
    right:10px;
    font-size: 25px;
    padding: 5px;
    width: 35px;
    border-radius: 10px;
    height: 35px;
    cursor: pointer!important;
    background: rgb(0,0,0,0.8);
    transition: all 0.3s ease;
    opacity: 0.5;
}
.geekp-video-return-videos a{
    color:#ffffff;
    transition: all 0.3s ease;
}
.geekp-video-return-videos:hover{
    opacity: 1;
    transform: scale(1.1);
}
.geekp-video-return-videos:hover a{
    color:#ffcc00;
}




.geekp-image-info-details-close{
    position: absolute;
    top:10px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
    transition: all 0.3s ease;
    color:#ffffff;
}
.geekp-image-info-details-close:hover{
    color:#ffcc00;
    transform: scale(1.1);
}
.geekp-image-info-details-grid{
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 20px;
    align-items: start !important;
}


.geekp-image-info-title{
    margin-top: 20px;
}
.geekp-image-info-title strong{
    color: #ffffff;
}


.geekp-image-info-title-item a{
    text-decoration: none !important;
    font-size: 13px;
    line-height: 12px;
}
.geekp-video-mediaviewer{
    position: relative;
}


.geekp-embed-video{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    width: 100% !important;

}
.geekp-embed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.geekp-gallery{
    display: inline-grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap:20px;
    grid-auto-rows: 1fr !important;
    padding-bottom: 30px !important;

}
.geekp-gallery div{
    margin-bottom: 20px;
}
.geekp-gallery-video{
    position: relative;
}
.geekp-gallery-video-player{
    position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #ffffff;
    transition: all .3s ease;

}
.geekp-gallery-video:hover .geekp-gallery-video-player{
    color:#ffcc00;
}

.geekp-fullcredits{
    display: block;
    position:relative;
    transition: all 1s ease;
}
.geekp-fullcredits-menu{
    transition: all .3s ease;
    position: relative;
}

.geekp-fullcredits-menu-item{
    display:block;
    margin-bottom: 20px;
}
.geekp-fullcredits-menu-item-title{
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
}

.geekp-fullcredits-return {
     position: absolute;
     padding: 0 5px;
     right:10px;
     top:0;
     display: block;
     font-size: 17px;
     z-index: 9;
     border:1px solid;
     border-radius: 5px;
 }
.geekp-fullcredits-return-down {
    position: absolute;
    padding: 0 5px;
    right:10px;
    bottom:0;
    display: block;
    font-size: 17px;
    z-index: 9;
    border:1px solid;
    border-radius: 5px;
}

.geekp-fullcredits-return a{
    text-decoration: none !important;
    color: inherit !important;
}
.geekp-fullcredits-return-down a{
    text-decoration: none !important;
    color: inherit !important;
}

.geekp-credits-item{
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: normal;
    display: block;
}
.geekp-credits-item img{
    margin-right: 5px;
    border-radius: 5px;
    float: left !important;
    width:30px !important
}

.react-multi-carousel-track{
    list-style-type: none !important;
}

.geekp-nav-icons{
    position: relative;
    bottom:3px
}

.geekp-fullcast{
    display: grid;
    grid-template-columns: 30px 1fr 20px 1.5fr;
    gap:5px;
}

.geekp-fullcast  img {
    border-radius: 5px;
}

.geekp-person{
    display: block;
}

.geekp-person-info{
    display: block;
}

.geekp-person-info-head{
    display: grid;
    grid-template-columns: 20% 80%;

}

.geekp-known-for{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.geekp-known-for-item-info-title{
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}
.geekp-known-for-item-poster{
    transition: all .3s ease;
}
.geekp-known-for-item-poster:hover{
    opacity: 0.8;
}
.geekp-known-for-item-info-year{
    text-align: center;
    font-size: 11px;
}
.geekp-jobs{
    display: block;

}
.geekp-jobs-item{
    min-height: 80px;
    padding: 5px;
    display: grid;
    gap:10px;
    grid-template-columns: 40px 1fr;

}

.geekp-search-bar input{
    width:100%;
    height: 40px;
}

.geekp-list-options{
    transition: max-height 0.4s ease;
}
.geek-searchbar{
    display: grid;
    grid-template-columns: 95% 5%;
    gap: 10px;
}

.geek-searchbar-persona{
    display: grid;
    grid-template-columns: 70% 30%;
    gap: 10px;
}
.geek-searchbar-icon{
    font-size: 30px;
}
.geek-searchbar-icon-item{
    cursor: pointer;
}
.geekp-options{
    margin-top: 20px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap:10px
}
.geekp-options select{
    height: 35px;
    width: 100%;
}



.geekp-game-options{
    margin-top: 20px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:10px
}
.geekp-game-options2{
    margin-top: 20px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:10px
}
.geekp-movie-list{
    min-height: 800px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.geekp-movie-list-view{
    display: grid;
    grid-template-columns: 85% 5% 5% 5%;
    gap:2px;
}
.geekp-movie-list-view select{
    height: 33px;
}
.geekp-movie-list-view-btn{
    cursor: pointer;
    background: transparent;
    color:inherit;
}
.geekp-movie-list-view-btn:hover{
    background: transparent;
}
.geekp-movie-list-view-btn:active{
    background: transparent;
}
.geekp-movie-list-view-btn:focus{
    background: transparent;
}
.geekp-titles-grid{
    display: grid;
    margin-top: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    right: 0;
    left: 0;
    gap: 30px;
}
.geekp-titles-grid-item{
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 8px 8px -10px rgba(0, 0, 0, 0.4);
}


.geekp-titles-grid-item-poster{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    transition: all .3s ease;
    position: relative;

}
.geekp-titles-grid-item:hover .geekp-titles-grid-item-poster{
    filter: blur(2px);
}
.geekp-titles-block-item-content-sum{
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.geekp-titles-grid-item p{
    position: absolute;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #082213;
    background-color: #fed41ec4;
    transition: transform 0.5s ease-out;
    z-index: -1;
    text-align: center;
    width: 100%;
}

.geekp-titles-grid-item:hover p {
    transform: translate(0, -150%);
    z-index: 1;
}
.geekp-persona-block{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 20px;
    gap:10px
}
.geekp-persona-block-item{
    display: grid;
    grid-template-columns: 20% 80%;
    gap:5px;
    cursor: pointer;
}
.geekp-persona-block-item .geekp-persona-block-item-cover img{
    width: 100%;
    border-radius: 5px;
}
.geekp-persona-block-item .geekp-persona-block-name{
    font-size: 12px
}
.geekp-titles-block{
    display: block;
    margin-top: 20px;
}
.geekp-titles-block-item{
    display: grid;
    grid-template-columns: 20% 80%;
    gap:10px
}
.geekp-titles-block-item-poster{
    cursor: pointer;
}
.geekp-titles-block-item-poster img{
    width: 100%;
    border-radius: 5px;
}

.geekp-titles-block-item-content-title{
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
}

.geekp-persona-select select{
    height: 38px;
}

.geekp-company-info{
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 20px;
    margin-bottom: 20px;
}
.geekp-company-info-item-title{
    font-weight: bold;
}
.geekp-compan-desc{
    margin-top: 10px;
}
.geekp-company-toggle{
    margin-top: 20px;
    margin-bottom: 20px;
}
.geekp-company-toggle span{
    padding: 5px 10px;
    cursor: pointer;
}
.geekp-company-toggle .geekp-company-toggle-item-active{
    background: #2b2b2b;
    color:#ffffff;
}
.geekp-companies{
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}