/****************** movie ***************************/

.date-cat-info{ border-radius: 6px; padding: 5px; border: 1px solid #e2e2e2; margin: 10px auto 0px; width: fit-content;}

#main-movie-title-w{ margin: 0px 0px 20px 0px; padding-top: 5px;}
#main-movie-title-w .col-xs-11{ padding-left: 0px;}
#main-movie-title-w .main-movie-title{ font-size: 22px; }
#main-movie-title-w .movie-year{ font-size: 16px; color: #999;}
#main-movie-title-w #share-fa-m i{color: #777; font-size: 16px;}

#main-movie-title{ margin: 5px 0px 15px 0px; font-size: 20px;}
#main-movie-title a{ font-size: 20px; color: #333;}
#main-movie-title span{ font-size: 16px; color: #999;}

#main-poster img{border: 0; box-shadow: 1px 2px 5px rgba(0,0,0,0.5); width: 100%; height: auto; max-width: 300px; border-radius: 5px;}

#main-poster.no-video img{ border-radius: 5px;}

.duration-wrapper{ margin-top: 10px; text-align: center;}

.item-prov-wrapper{display: flex;}

.pswp__caption a{ color: #fff;}

.play-trailer{ box-shadow: 1px 2px 5px rgba(0,0,0,0.5); max-width: 300px; text-align: center; width: 100%; display: inline-block; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.play-trailer div{ color: #337ab7; border: 0; border-top-left-radius: 0px; border-top-right-radius: 0px;  background: #fff; padding: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

.add-to-list small{ font-size: 14px;}
.add-to-list small i{ color: #333333; margin-right: 5px;}
.add-to-list small a{ font-size: 110%;}
.a-l-nl{ margin-top: 10px; max-width: 300px;}
.a-l-nl .btn{ color: #333333;}
.a-l-nl .btn small{ font-size: 14px; }
.a-l-nl .btn i{ margin-right: 5px; }

.evideos-wrapper{}
.evideos-wrapper h6{ margin-top: 0px; margin-bottom: 15px;}

.mt{-webkit-transition: all 0.30s ease-out; -moz-transition: all 0.30s ease-out; -ms-transition: all 0.30s ease-out; -o-transition: all 0.30s ease-out; outline: none;}
.mt .jw-scroller{ width: 100%; overflow: scroll; height: 40px;}
.mt .jw-scroller .fa-scroller{ width: max-content}
.mt .jw-scroller .fa-scroller a{ display: inline-block; white-space: nowrap; color: #999999; margin-right: 5px;}
.mt .jw-scroller .fa-scroller a:after{ color: #666666; content: "|";}
.mt .alert-dismissible{ padding-top: 5px; padding-bottom: 5px; margin-right: -15px; margin-left: -15px; margin-top: -15px; border-radius: 0;}
.hl-b{ box-shadow: inset 0px 0px 3px 3px #1E90FF; }
.hl-b-i{ box-shadow: inset 0px 0px 3px 3px #1E90FF;}

#stars-movie{ margin: 10px 0px 20px 0px;}
.wr-desc{ margin-left: 5px; }
.wr-desc-sh{ margin-left: 5px; vertical-align: baseline;}
.tx-rat{ color: #888; font-size: 16px;}
.rat-chart-wrapper{width: 100%; margin-top: 10px; max-width: 200px;}
.rat-chart-wrapper .rat-chart{ border: 1px solid rgb(205, 220, 235); max-height: 130px; padding-right: 10px;}

.r-share{ color: #A2A2A2; padding: 3px; border: 1px solid #e2e2e2; text-align: center; background: #f6f6f6; width: 60px; height: 20px; font-size: 14px; border-radius: 10px; display: inline-block; line-height: 14px;}
.r-share > i{ font-size: 14px !important;}
.r-share:hover{ background: #A6A6A6; color: #FFF}
.r-share:hover i{ color: #FFF}

.lnk-style{ display: inline-block; margin: 2px 0px; white-space: nowrap; padding: 3px; border: 1px solid #f2f2f2; border-radius: 3px;}

dl{ margin-bottom: 0px;}

dt{ margin-top: 10px;}
dd .list-group-item { padding: 5px 8px}
dd .g-t-item{ display: inline-block; margin: 4px 2px; padding: 3px 5px; border: 1px solid #e2e2e2; border-radius: 6px; white-space: nowrap; }
dd .g-t-item:hover{ background: #337ab7; color: #FFF !important;}

dd #see-full-cast{ color: #333;}
dd #see-full-cast i{ color: #337ab7}
#see-full-info{ color: #337ab7}
#see-full-categories{ color: #337ab7}

.m-in-w dd a{ color: #337ab7;}
.m-in-w .f-dc .list-group-item, .m-in-w .f-cs .list-group-item{ padding: 0px;}
.m-in-w .f-dc .list-group-item a, .m-in-w .f-cs .list-group-item a{ display: block; padding: 5px 8px}
.m-in-w .f-dc .list-group-item a img, .m-in-w .f-cs .list-group-item a img{ border-radius: 5px; box-shadow: 1px 2px 5px rgba(0,0,0,0.5); width: auto; height: 60px; margin-right: 10px;}
.m-in-w .f-dc .list-group-item a .no-picture.no-picture-200, .m-in-w .f-cs .list-group-item a .no-picture.no-picture-200{ display: inline-block; height: 60px !important; width: 40px !important; line-height: 70px !important; border-radius: 5px; box-shadow: 1px 2px 5px rgb(0 0 0 / 50%); margin-right: 10px;}
.m-in-w .f-dc .list-group-item a .subfix{ color: #777; font-size: 13px;}
.m-in-w .f-cs .list-group-item a .subfix{ color: #777; font-size: 13px; margin-left: 3px;}
.m-in-w .f-cs .list-group-item .prefix, .m-in-w .f-dc .list-group-item .prefix{ color: #777; font-size: 13px; display: block; padding: 5px 8px;}
.m-in-w .f-cs .list-group-item .prefix{ color: #777; font-size: 13px; display: block;}
.m-in-w .f-dc #see-full-director, .m-in-w .f-cs #see-full-cast{ display: block; padding: 5px 8px}
.m-in-w .f-dc .see-more-credits, .m-in-w .f-cs .see-more-credits{ display: block; padding: 5px 8px}

.m-in-w .credits.list-group .list-group-item a .name{ display: inline-block;}
.m-in-w .credits.list-group .list-group-item a .subfix:first-child{ margin-left: 5px;}
.m-in-w .credits.list-group .list-group-item a .subfix:first-child::before { content: "(";}
.m-in-w .credits.list-group .list-group-item a .subfix:last-child::after { content: ")";}
.m-in-w .credits.list-group .list-group-item a .subfix{ color: #777; font-size: 13px;}
.m-in-w .credits.list-group .list-group-item a .role{ display: inline-block; color: #777; font-size: 13px; margin-left: 5px;}
.m-in-w .card-producer .list-group-item a .subfix{ color: #777; font-size: 13px; margin-left: 5px;}
.m-in-w .web-url{ display: flex;}
.m-in-w .web-url a{ margin-top: 10px; margin-right: 10px; display: inline-block; padding: 3px 5px 0px 5px; border: 1px solid #e2e2e2; border-radius: 6px; }

.m-in-w #sc-mpu-top{ text-align: center; margin: 10px 0px;}

.m-aw-w .list-group-item a strong{ color: #337ab7;}
.m-aw-w .list-group-item a{ color: #333;}
.m-aw-w #see-full-awards{ color: #337ab7;}

.arrow-right{ position: absolute; top: 75px; right: 0; z-index: 3;}
.arrow-left{ position: absolute; top: 75px; left: 0; z-index: 3;}
.arrow i{ color: #A2A2A2; opacity: .6; font-size: 30px;}

.wrapper-tabs{ margin: 10px 0px;}

.all-awards .list-group-item a{ color: #333;}
.all-awards .list-group-item a strong{ color: #4682B4}

.header-jw{ margin: 0px 10px; border-bottom: 1px solid #CCCCCC; font-weight: bold; padding-top: 10px;}
.header-jw span{ margin-left: 10px;}
.jw-wrapper-top{margin-top: -10px;}
.jw-wrapper-top .btn-group{display: flex; align-items: center; padding-top: 10px;}
.jw-wrapper-top .jw-logo{ text-align: right; margin-top: 3px; opacity: .5}
.jw-wrapper-top .jw-logo span{ display: inline-block; width: 62px; height: 10px; margin-right: 10px; background: url(/images/justwatch3.svg); overflow: hidden; text-indent: -3000px;}
.jw-wrapper-top .btn-group .jw-scroller{ overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}
.jw-wrapper-top .btn-group .jw-scroller .mone-wrapper{display: inline-block;}
.jw-wrapper-top .btn-group .jw-icon-provider{ margin-right: 8px;}
.jw-wrapper-top .btn-group .jw-icon-provider img{ border: 1px solid #e2e2e2; box-shadow: 2px 3px 3px #c2c2c2; height: 30px;}
.jw-wrapper-top .btn-group .jw-icon-provider img.icon-1{ height: 40px;}
.jw-wrapper-top .btn-group .jw-icon-provider img.icon-2{ height: 35px;}
.jw-wrapper-top .btn-group .jw-icon-provider img.icon-3{ height: 35px;}
.jw-wrapper-top .btn-group .jw-icon-provider img.icon-4{ height: 35px;}


.list-rat{ border: 0px;}

.r-ty-w{ color: #333; padding: 5px 0px;}

.hd-txt-md{ color: #FFF;}

#a-no-s{ top: 25%;}

.rat-ov{ position: absolute; top: 0; width: 100%; text-align: center; background: #fff; height: 100%; opacity: 0.9;}
.rat-ov .r-info{ color: #000; margin-top: 50%; }
.rat-ov .r-info i{ margin-top: 20px; font-size: 50px;}

#wr-rat{ margin-top: 10px; max-width: 200px;}
#wr-rat-nolg{display: block; margin-top: 10px; max-width: 200px;}
.panel-body.mt .row .rate-movie-link.in-block{ display: inline-block; }
.panel-body.mt .row .rate-movie-link{ display: inline-block; }
.panel-body.mt .row .no-rate{ display: block !important; font-size: 20px; display: block; height: 2.5em; line-height: 2.5em; text-align: center; color: #333; border: 1px solid #e2e2e2; border-radius: 6px;}

#r-modal .modal-content{ background-color: transparent;}
#r-modal .modal-content .list-group-item:first-child{ border-top-right-radius: 0px; border-top-left-radius: 0px; }
#r-modal .modal-content .list-group-item:last-child{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
#r-modal .list-rat{ background-color: #FFF; opacity: .85;}
#r-modal .list-group-item{ margin-bottom: 0px;}

.ls-top-w .ls-pos{ display: inline-block; text-align: center; font-size: 12px; font-weight: bold; font-style: normal; color: #999; background: #fafafa; width: 26px; padding: 0; border: 1px solid #eee; vertical-align: middle;}
.ls-top-w .badge{ vertical-align: middle;}
.ls-top-w .ls-txt{display: inline-block; width: 75%; white-space: nowrap; overflow: hidden; vertical-align: middle; text-overflow: ellipsis;}

.mvusrw-wrapper .list-group .list-group-item i{ color: #ddd;}

.relations-wrapper .panel-body .row a{ margin-bottom: 20px;}
.relations-wrapper .panel-body .row a img{ max-width: 140px; border-radius: 5px; box-shadow: 0 1px 5px rgba(0,0,0,0.5);}

#fa-news{ margin-top: 20%;}
#fa-news .modal-header{ background: #FDCC1A}
#fa-news .modal-header .modal-title{ color: #333333}
#fa-news .modal-body .fa-info-text{ margin: 20px 0px 30px 0px; }
#fa-news .modal-body .img-wrapper{ margin: 10px 0px; text-align: center;}
#fa-news .modal-body .img-wrapper img{ box-shadow: 1px 3px 5px #e2e2e2; width: 100%; max-width: 300px;}

.btf-adver{ margin: 0 auto 20px; text-align: center;}

/*************** movie-awards ****************/

.mov-aw-wrapper{ padding: 0px;}
.mov-aw-wrapper .list-group.awards-list{}
.mov-aw-wrapper .list-group.awards-list > .list-group-item{ border: 0px; margin-top: 15px;}
.mov-aw-wrapper .list-group.awards-list > .list-group-item:first-child{ margin-top: 0px;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .edition{ color: #333333;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .winner{ font-size: 12px; color: #FFFFFF; background: #689f38; border-radius: 3px; padding: 3px; font-weight: bold; white-space: nowrap;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .list-group.cats{ margin-bottom: 0px;}
.mov-aw-wrapper .list-group.awards-list .list-group-item .list-group.cats .list-group-item{ }