:root {
  --bgbody: #191919;
  --bggold: #E51C30;
  --colorgold2: #c60014;
  --colorgold3: #444037;
  --colorlink: #2F2F2F;
  --grayborder: #353535;
  --graylinear: #3A3A3A;
  --graycolor: #898989;
  --graycolorfooter: #626262;
  --textarea: #292929;
  --bgtranscript: rgba(0, 0, 0, 0.7);
  --bginput: #F8F4EB;
  --borderinput: #F2E8D6;
}
html{
/*    font-size: 6.25%;*/
}
body{
    background: var(--bgbody);
    color:  #fff;
}


a:hover {
  text-decoration: none !important;
}

img {
  object-fit: cover;
}

.mb-75{
    margin-bottom: 0.75rem !important;
}

.font-family-2{
    font-family: IranNastaliq !important;
}

.modal{
    color: #000;
}
.modal-dialog.modal-dialog-centered{
    min-height: 100vh;
}
.modal-dialog.modal-dialog-centered{
    margin: 0rem auto !important;
}
.loginpage{
    max-width: 95vw;
}
.loginpage .modal-content{
    border-radius: 0.725rem;
    box-shadow: 0px 24px 94px rgba(99, 188, 201, 0.2), 0px -24px 94px rgba(99, 188, 201, 0.2);
}
.loginpage input{
    background: #F8F4EB;

    /* Gold/-60 */
    border: 1px solid #F2E8D6;
    border-radius: 0.25rem;
}

.container{
    /*padding-left: 1rem !important;
    padding-right: 1rem !important;*/
    padding-left: 0rem;
    padding-right: 0rem;
}

.text-secondary-2{
    color:#B0B0B0 !important;
}
.text-secondary-3{
    color:#898989 !important;
}
.text-secondary-4{
    color:#626262 !important;
}


.text-shadow-light-1{
      text-shadow: 1px 0px 1px #CCC, 0px 1px 1px #eee, 2px 1px 1px #ccc, 1px 2px 1px #eee, 3px 2px 1px #ccc, 2px 3px 1px #eee, 4px 3px 1px #ccc, 3px 4px 1px #eee, 5px 4px 1px #ccc, 4px 5px 1px #eee, 6px 5px 1px #ccc, 5px 6px 1px #eee, 7px 6px 1px #ccc;
}
.text-shadow-secondary-1{
    text-shadow: 1px 0px 1px #333, 0px 1px 1px #111, 2px 1px 1px #333, 1px 2px 1px #111, 3px 2px 1px #333, 2px 3px 1px #111, 4px 3px 1px #333, 3px 4px 1px #111, 5px 4px 1px #333, 4px 5px 1px #111, 6px 5px 1px #333, 5px 6px 1px #111, 7px 6px 1px #333;
}

.drop-shadow-secondary-1{
    filter: drop-shadow(2px 2px 1px #111);
}
.center-logo-play{
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bg-self-wink{
    background: #E51C30;
  -webkit-animation: button-alarm 2s linear infinite;
  -o-animation: button-alarm 2s linear infinite;
  -moz-animation: button-alarm 2s linear infinite;
  -ms-animation: button-alarm 2s linear infinite;
  animation: button-alarm 2s linear infinite;

}
.bg-self-wink-append{
    opacity: .9;
}

.modal-backdrop.show {
    opacity: 1 !important;
}

.modal-backdrop {
    background-color: #00000050 !important;
    backdrop-filter: saturate(180%) blur(5px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(5px) !important;
    -o-backdrop-filter: saturate(180%) blur(5px) !important;
    -moz-backdrop-filter: saturate(180%) blur(5px) !important;
    -ms-backdrop-filter: saturate(180%) blur(5px) !important;
}

header{
    /*background: linear-gradient(180deg, #000 0%, rgba(36, 36, 36, 0) 120%);*/
    background: linear-gradient(180deg, #000 0%, rgba(36, 36, 36, 0) 120%);
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    -o-backdrop-filter: saturate(180%) blur(5px);
    -moz-backdrop-filter: saturate(180%) blur(5px);
    -ms-backdrop-filter: saturate(180%) blur(5px);
    /*background: var(--bgbody);
    box-shadow: 1px 0px 15px 2px #353535;*/
}
footer{
    /*background: linear-gradient(180deg, #000 0%, rgba(36, 36, 36, 0) 120%);*/
    background: linear-gradient(0deg, #000 0%, rgba(36, 36, 36, 0) 120%);
    backdrop-filter: saturate(180%) blur(5px);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    -o-backdrop-filter: saturate(180%) blur(5px);
    -moz-backdrop-filter: saturate(180%) blur(5px);
    -ms-backdrop-filter: saturate(180%) blur(5px);
    /*background: var(--bgbody);
    box-shadow: 1px 0px 15px 2px #353535;*/

    position: sticky !important;
    bottom: 0px;
  }
footer .fix-menu-bottom .item .img img{
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}
footer .fix-menu-bottom .item{

}
footer .fix-menu-bottom .item .img{
    position: relative;
}
footer .fix-menu-bottom .item:not(.active):hover .img img{
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
footer .fix-menu-bottom .item.active{
    padding-block: 0px !important;
}
footer .fix-menu-bottom .item.active .img{
    transform: translateY(calc(-50% - 0.125rem));
    -moz-transform: translateY(calc(-50% - 0.125rem));
    -webkit-transform: translateY(calc(-50% - 0.125rem));
    -o-transform: translateY(calc(-50% - 0.125rem));
    -ms-transform: translateY(calc(-50% - 0.125rem));
}
footer .fix-menu-bottom .item.active .img img{
    width: 32px !important;
    height: 32px !important;
}
footer .fix-menu-bottom .item.active .img:after{
    content: '';
      background: #E51C30;
      border-radius: 99%;
      position: absolute;
      height: 54px;
      width: 54px;
      z-index: -1;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}
footer .fix-menu-bottom .item.active .text{
    font-size: 16px !important;

    transform: translateY(-0.25rem);
    -moz-transform: translateY(-0.25rem);
    -webkit-transform: translateY(-0.25rem);
    -o-transform: translateY(-0.25rem);
    -ms-transform: translateY(-0.25rem);
}
@supports (not (backdrop-filter: saturate(180%) blur(5px))) and (not (-webkit-backdrop-filter: saturate(180%) blur(5px))) and (not (-o-backdrop-filter: saturate(180%) blur(5px))) and (not (-moz-backdrop-filter: saturate(180%) blur(5px))) and (not (-ms-backdrop-filter: saturate(180%) blur(5px))) {
  header{
    box-shadow: 1px 0px 15px 2px #E51C30;
    background-image: url("../images/bg-pattern.png");
  background-size: auto;
  background-color: #161616;
  background-attachment: fixed;
    position: sticky !important;
    top: 0px;
  }
footer{
    box-shadow: 1px 0px 15px 2px #E51C30;
    background-image: url("../images/bg-pattern.png");
  background-size: auto;
  background-color: #161616;
  background-attachment: fixed;
    position: sticky !important;
    bottom: 0px;
  }
}
header .navbar-toggler {
  padding: 0.25rem 0rem;
  border: 0px;
}
header .navbar-dark .navbar-toggler {
  color: rgb(255, 255, 255);
  border-color: transparent;
}
header .navbar-toggler-icon {
  width: 2em;
  height: 2em;
}
header .navbar-nav.menu .nav-item .nav-link{
    color: #fff;
}
header .navbar-nav.menu .nav-item.active{
    /*border-bottom: 2px solid rgb(99, 188, 201);
    border-radius: 0.25rem;*/
/*    box-shadow: 0px 0px 1px 1px #00000050;*/
}
header .navbar-nav.menu .nav-item.active .nav-link{
    color: #E51C30;
}
header .navbar-nav.menu .nav-item{
    -ms-flex-item-align: unset !important;
    align-self: unset !important;
}
header .navbar-nav.menu .nav-item.other-bg .nav-link{
    background: #E51C30;
    border-radius: 0.25rem;
    font-size: 1rem;
    color: #2F2F2F;
}

.main-container>.main-content{
    min-height: calc(100vh - 3.875rem);
}

@supports (not (backdrop-filter: saturate(180%) blur(5px))) and (not (-webkit-backdrop-filter: saturate(180%) blur(5px))) and (not (-o-backdrop-filter: saturate(180%) blur(5px))) and (not (-moz-backdrop-filter: saturate(180%) blur(5px))) and (not (-ms-backdrop-filter: saturate(180%) blur(5px))) {
    .main-container>.main-content{
        min-height: calc(100vh - 3.875rem);
    }
}
   
header+*:not(.slider-big),header+.slider-big .bg{
/*    padding-top: 82px;*/
}
header .logo{
    width: 40px;
    height: 40px;
}

header .navbar-collapse.collapse.show{
    height: calc(100vh - 68px - 68px);
}


.nav-link{
    padding: 0px;
}
/*.slider .list .item:first-child{
    padding-right: 0px !important;
}
.slider .list .item:last-child{
    padding-left: 0px !important;
}*/

.bg-light-50
{
  background: hsla(0, 0%, 100%, .05);
}
.single-blog-post
{
  color: #fff;
  background: hsla(0, 0%, 100%, .05);
  overflow: hidden;
}
.single-blog-post a{
    color: #E51C30 !important;
    text-decoration: none !important;
}

.pagination
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}
.page-navigation-area .page-item
{
  padding-right: 1rem;
}
.page-navigation-area .page-item .page-link
{
  border-radius: 0.25rem !important;
  width: 35px;
  text-align: center;
  padding: 5px 0px;
  color: #fff;
  background: hsla(0, 0%, 100%, .05);
  border:0px;
}
.page-navigation-area .page-item .page-link:hover
{
  color: var(--bgbody);
  background: #e9ecef;
  border:0px;
}
.page-navigation-area .page-item.active .page-link
{
  color: var(--bgbody);
  background: #E51C30;
  border:0px;
}
.page-navigation-area .page-item.active .page-link:hover
{
  color: var(--bgbody);
  background: #E51C30;
  border:0px;
}

.single-blog-post:hover .post-image a img
{
  -webkit-transform: scale(1.3) rotate(4deg);
  transform: scale(1.3) rotate(4deg);
}
.single-blog-post .post-image a img
{
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  aspect-ratio: 1.537;
}
.single-blog-post .post-image a
{
  display: block;

}
.single-blog-post .post-image
{
  position: relative;
  overflow: hidden;
}


.slider .list .item .bg{
/*    box-shadow: #0a0a0a 3px 3px 6px 0px inset, #0a0a0a -3px -3px 6px 1px inset;*/
    background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 15%);
    position: relative;
    /*border-radius: 1rem;*/
}
.slider-mid .list .item .bg{
    background: unset;
}
.slider .list .item .bg-red-shadow{
    background: linear-gradient(270deg, #890006 0%, #89000600 100%);
}
.slider .list .item .bg-green-shadow{
    background: linear-gradient(270deg, #3e8900 0%, #3e890000 100%);
}
.slider .list .item .bg-purple-shadow{
    background: linear-gradient(270deg, #580089 0%, #58008900 100%);
}
.slider .list .item .bg-blue-shadow{
    background: linear-gradient(270deg, #006f89 0%, #006f8900 100%);
}
.slider .list .item .bg-orange-shadow{
    background: linear-gradient(270deg, #893a00 0%, #893a0000 100%);
}
.slider .list .item .bg-pink-shadow{
    background: linear-gradient(270deg, #89004d 0%, #89004d00 100%);
}
.slider .list .item .bg .playlogo{
    width: 3.5rem;
    left: calc(50% - (3.5rem / 2));
    top: calc(50% - (40px / 2));
    opacity: 0.8;
    position: absolute;
}
.slider .list .item .bg .transcript{
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 99%;
    width: 2rem;
    height: 2rem;
    padding-top: 0.5rem;
}
.transcript-2{
    position: absolute;
    background: rgba(255,255,255, 0.7);
    border-radius: 0.25rem;
}
.left-0{
    left: 0px;
}
.right-0{
    right: 0px;
}
.bottom-0{
    bottom: 0px;
}
.top-0{
    top: 0px;
}
.slider .background,.vertical-scroll .background{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    /*border-radius: 1rem;*/
    background-size: cover !important;
    z-index: -1;
    overflow: hidden;
    border-radius: 0.25rem;
    box-shadow: 0px 0px 0px 1px #00000015;
}
.slider .background_2,.vertical-scroll .background_2{
    position: absolute;
    left: 2.5%;
    top: -3px;
    width: 95%;
    min-height: 50%;
    max-height: 50%;
    border-radius: 0.25rem;
    background-size: cover !important;
    z-index: -1;
    overflow: hidden;
    filter: opacity(0.5);
    border-radius: 0.25rem;
    box-shadow: 0px 0px 0px 1px #00000015;
}
.slider .background_3,.vertical-scroll .background_3{
    position: absolute;
    left: 5%;
    top: -6px;
    width: 90%;
    min-height: 50%;
    max-height: 50%;
    border-radius: 0.25rem;
    background-size: cover !important;
    z-index: -1;
    overflow: hidden;
    filter: opacity(0.3);
    border-radius: 0.25rem;
    box-shadow: 0px 0px 0px 1px #00000015;
}
.vertical-scroll .background{
/*    box-shadow: #0a0a0a 3px 3px 6px 0px inset, #0a0a0a -3px -3px 6px 1px inset;*/
    position: unset;
}
.slider .background.bgbefore:before , .slider .background.bgnew:before , .vertical-scroll .background.bgnew:before{
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
/*    backdrop-filter: blur(5px);*/
/*    background: linear-gradient(130deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 70%);*/
/*    background: linear-gradient(180deg, rgba(0,0,0, 0) 70%,rgba(0,0,0, 0.75) 80%, rgb(35,35,35) 98%);*/
    background: linear-gradient(to top, #242424, #15151510, #0f0f0f00, #08080800, #0000);

}
.slider .background.bgbefore2:before , .slider .background.bgnew2:before , .vertical-scroll .background.bgnew2:before{
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
    backdrop-filter: saturate(120%);
    -webkit-backdrop-filter: saturate(120%);
    -o-backdrop-filter: saturate(120%);
    -moz-backdrop-filter: saturate(120%);
    -ms-backdrop-filter: saturate(120%);
/*    background: linear-gradient(130deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 70%);*/
/*    background: linear-gradient(180deg, rgba(0,0,0, 0) 70%,rgba(0,0,0, 0.75) 80%, rgb(35,35,35) 98%);*/
      background: linear-gradient(rgba(34, 34, 34, 0) 65vw, rgb(34, 34, 34) 121vw);

}

.slider-mid .background.bgbefore:before , .slider-mid .background.bgnew:before  , .vertical-scroll .background.bgnew:before {
    background: unset;
}
.slider .background.bgafter:after,.slider .background.bgnew:after,.vertical-scroll .background.bgnew:after{
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
/*    backdrop-filter: blur(5px);*/
/*    background:linear-gradient(10deg, rgba(204, 163, 7, 0.3), rgba(235, 221, 194, 0.5));*/
    z-index: -1;

}
.btn-outline-theme{
    color: #E51C30 !important;
    border-radius: 0.25rem !important;
    border: 2px solid #E51C30 !important;
    padding: 10px 24px;
    text-align: center;
}
.btn-outline-theme:hover,.btn-outline-theme.active{
    background: #E51C30 !important;
    color: #2F2F2F !important;
}


.slider-big{
    position: relative;
}

.slider-item .list .item .title,.owl-carousel .slider-item .title{
    font-size: 1rem !important;
    font-family: iransans !important;
}
.slider-item .list .item .bg,.owl-carousel .slider-item .bg{
    aspect-ratio: 1/0.468;
/*    min-height: 16rem;*/
}
/*@supports (not (aspect-ratio: 1.537)) {
  .slider-item .list .item .bg,.owl-carousel .slider-item .bg{
    height:0.468vw;
  }
}*/


.slider-mid .list .item .title{
    font-size: 1rem !important;
    font-family: iransans !important;
}
.slider-mid .list .item .bg{
    /*aspect-ratio: 1/0.46875;*/
    aspect-ratio: 1/0.23;
/*    min-height: 16rem;*/
    overflow: hidden;
/*    min-height: 16rem;*/
}

.absolute-b-0{
    position: absolute;
    bottom: 0px;
}
.absolute-b-1{
    position: absolute;
    bottom: 1rem;
}

.carousel,.carousel *{
  direction: ltr;
}

/*-- vertical bootstrap slider --*/
.vertical-scroll.carousel .carousel-item-next.carousel-item-left,
.vertical-scroll.carousel .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vertical-scroll.carousel .carousel-item-next,
.vertical-scroll.carousel .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vertical-scroll.carousel .carousel-item-prev,
.vertical-scroll.carousel .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}

/*-- vertical carousel indicators --*/


.vertical-scroll .carousel-indicators{
    padding: 0px;
    padding-top: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
    right: 0px;
    left: auto;
    width :auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.vertical-scroll .carousel-indicators li{
    display: block;
    margin-bottom: 0px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #E51C30;
    transition: all ease 0.6s;
    border-top: unset;
    border-bottom: unset;
}
.vertical-scroll .carousel-indicators li.active{
    background: #E51C30;
    width: 20px;
    border-radius: 25px;
}

.vertical-scroll .bgnew{
    aspect-ratio: 1/0.23;
}


.slider-small .list .item .bg,.slider-small-new .list .item .bg{
    /*min-height: 15rem;*/
    height: auto;
    aspect-ratio: 1/1.505;
    background: transparent !important;
/*    overflow:hidden;*/
}
.slider-logo .list .item .bg{
    background: #E51C30 !important;
}
.slider-small-2 .list .item .bg{
    height: auto;
    aspect-ratio: 1/1.505;
    background: transparent !important;
}
.slider-small .list .item.auto-width-scroll{
    -ms-flex: 0 0 31.5%;
    flex: 0 0 31.5%;
    max-width: 31.5%;
}

.slider-small-new .list .item.auto-width-scroll{
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.slider-small-3 .list .item .bg{
    aspect-ratio: 1/0.5 !important;
    /*min-height: 6.5rem;
    height: 6.5rem;*/
    background: transparent !important;
}
.slider-small-3 .list .item.auto-width-scroll{
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.slider-small-4 .list .item.auto-width-scroll{
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}


.player {
  --plyr-color-main: #E51C30;
}
.player .plyr--full-ui{
    width: 100%;
}

.banner{
    position: relative;
    background-color: #010101;
    background-size: cover !important;
    background-position: left center !important;
}
.banner:after{
    background: linear-gradient(-90deg, #000 54.69%, rgba(0, 0, 0, 0.3) 100%);
    width: 100%;
    position: absolute;
    height: 100%;
    content: ' ';
    z-index: 1 !important;
}
.player:after{
   background: transparent; 
   display: none;
}

.player,.player *{
    direction: ltr !important;
}

.banner .container .list{
    z-index: 2 !important;
}
.banner .title{
    font-size: 8rem !important;
    font-family: IranNastaliq !important;
}
.banner .background{
/*    position: relative;*/
    background-size: cover !important;
    background-position: left center !important;
    height: 100%;
    position: absolute;
    z-index: 0 !important;
    width: calc(100% - 2rem);
    left: 0px;
}
/*.banner .background:after{
    content: ' ';
    background: linear-gradient(-90deg, #010101 0%, rgba(36, 36, 36, 0) 100%);
    height: 100%;
    width: 50%;
    position: absolute;
}*/
.banner .background:before{
    content: ' ';
    background: linear-gradient(90deg, #010101 0%, rgba(36, 36, 36, 0) 100%);
    height: 100%;
    width: 50%;
    left: 0px;
    position: absolute;
}

.textbox-append {
    background: rgba(0, 0, 0, 0.5);
    padding: 1rem;
    border-radius: 2px;
    border-right: 5px solid #E51C30 !important;
    z-index: 9;
    right: 0px;
    top: 0px;
}
.textbox-append,.textbox-append * {
    direction: rtl !important;
}



@-webkit-keyframes button-alarm {
  from {
    background:#E51C30;
    -webkit-background:#E51C30;
    -o-background:#E51C30;
    -moz-background:#E51C30;
    -ms-background:#E51C30;
  }

  to {
    background:#141009;
    -webkit-background:#141009;
    -o-background:#141009;
    -moz-background:#141009;
    -ms-background:#141009;
  }
}

@keyframes button-alarm {
  from {
    background:#E51C30;
    -webkit-background:#E51C30;
    -o-background:#E51C30;
    -moz-background:#E51C30;
    -ms-background:#E51C30;
  }

  to {
    background:#141009;
    -webkit-background:#141009;
    -o-background:#141009;
    -moz-background:#141009;
    -ms-background:#141009;
  }
}

.plyr__control.plyr__control--overlaid{
  -webkit-animation: button-alarm 1s linear infinite;
  -o-animation: button-alarm 1s linear infinite;
  -moz-animation: button-alarm 1s linear infinite;
  -ms-animation: button-alarm 1s linear infinite;
  animation: button-alarm 1s linear infinite;
}
.plyr__control.plyr__control--overlaid path{
  fill: white;
  -webkit-fill: white;
  -o-fill: white;
  -moz-fill: white;
  -ms-fill: white;
}


.btn-theme{
    background: #E51C30 !important;
    color: #2F2F2F !important;
    border-radius: 0.25rem;
    border: 2px solid #E51C30 !important;
    padding: 10px 24px;
    text-align: center;
}
.btn-theme:hover,.btn-theme.active{
    border: 2px solid rgba(25, 25, 25, 0.05) !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px -50px 36px -28px inset;
}


.img-gray{
    filter: grayscale(100%);
}


.border-theme{
    border-color: #DEC69A !important;
}
.border-bottom-theme{
    border-bottom: 1px solid #353535;
}
.border-top-theme{
    border-top: 1px solid #353535;
}



.genre .list .item .btn{
    min-width: 120px;
}
/*.genre .list .item:first-child{
    padding-right: 0px !important;
}
.genre .list .item:last-child{
    padding-left: 0px !important;
}*/

.actors .list .item .pic{
    text-align: center;
}
.actors .list .item .pic .img-pic{
    width: 5rem;
    height: 5rem;
}


.comments .add{
    position: relative;
}
.comments .add textarea,.comments .add input,.form-theme input{
    /* Gray/+60 */
    background: #292929;

    /* Gold/0 */
    border: 1px solid #E51C30;
    border-radius: 0.25rem;

    color: #fff;

    resize: none;

    
}
.comments .add textarea,.form-theme textarea{
    min-height: 12rem;
}
.comments .add button,.form-theme button{
    padding: 1rem 2rem;

    background: #E51C30;
    border-radius: 0.25rem;
    position: absolute;
    bottom: 2rem;
    left: 1.5rem;
}

.rounded-left-0 {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}
.rounded-right-0 {
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}


.comments .list .item{
    background: rgba(255,255,255,0.02);
    padding: 1rem !important;
    border-radius: 0.25rem;
    position: relative;
}

/*.comments .list .item.sub:after{
      content: ' ';
      position: absolute;
      height: calc(50% + 6rem);
      border-radius: 0.41rem;
      border-right: 3px solid #3A3A3A;
      
      width: calc(40px + 1rem + 8px);
      right: -38px;
      top: -6rem;
      border-bottom: 2px solid #3A3A3A;
      
}*/
.comments .list .item.sub{
    margin-right: calc(40px + 0.5rem) !important;
}
.comments .list .item.sub+.item.sub{
    margin-right: calc((40px + 0.5rem) * 2) !important;
}
.comments .list .item .pic .img-pic{
    height: 36px;
    width: 32px;
    margin: calc((80px - 36px) / 2) calc((80px - 32px) / 2);
    position: relative;

}
.comments .list .item .pic{
    width: calc(80px + 0rem);
    min-width: calc(80px + 0rem);
    max-width: calc(80px + 0rem);
    position: relative;
}
.comments .list .item .pic:after{
    width: 80px;
    height: 80px;
    content: ' ';
    background: #3A3A3A;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    z-index: -1;
    right: 0px;
}

#model_package .modal-content{
    background: rgb(26, 26, 26);
    border-radius: 0.25rem;
    overflow: hidden;
}
#editmodal2 .modal-content{
    background: rgb(26, 26, 26);
    border-radius: 0.25rem;
    overflow: hidden;
}
#editmodalbig .modal-content{
    background: rgb(26, 26, 26);
    border-radius: 0.25rem;
    overflow: hidden;
}
#editmodalbig3 .modal-content{
    background: rgb(26, 26, 26);
    border-radius: 0.25rem;
    overflow: hidden;
}
#footermodal .modal-content,#footermodalmobile .modal-content{
    background: rgb(26, 26, 26);
    border-radius: 0.25rem;
    overflow: hidden;
}
.packages .item{
    color: #fff;
    background: hsla(0, 0%, 100%, .05);
/*    background: rgba(0,0,0,0.1);*/

}
.oldprice{
    text-decoration: line-through;
}
.packages .item .endprice{
    border-top: 1px solid #c60014;
    border-right: unset;
}
.packages .item .border_self{
    border-top: 1px solid #c60014;
    border-right: unset;
}

.footer-site{
    box-shadow: 1px 0px 15px 2px #E51C30
}

.footer-site .links{
    background-image: url("../images/bg-pattern.png");
    background-size: auto;
    background-color: #161616;
    background-attachment: fixed;
}
.footer-site .links .list .item .nav-link{
    color: #B0B0B0;
}
.footer-site .links .list .item .nav-link:hover,.footer-site .links .list .item .nav-link.active{
    color: #FFFFFF;
}

header .menu{
    max-height: calc(100vh - 58px - 3rem);
    overflow-y: auto;
}

.rounded-05{
    border-radius: 0.5rem !important;
}
.rounded-left-05{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}
.rounded-right-05{
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}


.w-xsm,.w-8{
    width: 0.5rem;
}
.h-xsm,.h-8{
    height: 0.5rem;
}
.w-xmsm,.w-12{
    width: 0.75rem;
}
.h-xmsm,.h-12{
    height: 0.75rem;
}
.w-sm,.w-16{
    width: 1rem;
}
.h-sm,.h-16{
    height: 1rem;
}
.w-msm,.w-24{
    width: 1.5rem;
}
.h-msm,.h-24{
    height: 1.5rem;
}
.w-md,.w-32{
    width: 2rem;
}
.h-md,.h-32{
    height: 2rem;
}
.w-lg,.w-40{
    width: 2.5rem;
}
.h-lg,.h-40{
    height: 2.5rem;
}
.w-xl,.w-48{
    width: 3rem;
}
.h-xl,.h-48{
    height: 3rem;
}
.w-xxl,.w-56{
    width: 3.5rem;
}
.h-xxl,.h-56{
    height: 3.5rem;
}
.w-xxxl,.w-64{
    width: 4rem;
}
.h-xxxl,.h-64{
    height: 4rem;
}
.w-128{
    width: 8rem;
}
.h-128{
    height: 8rem;
}
.w-160{
    width: 10rem;
}
.h-160{
    height: 10rem;
}
.w-192{
    width: 12rem;
}
.h-192{
    height: 12rem;
}

.py-sm-2rem{
    padding-block: 5rem;
}

.main-container.landing{
    box-shadow: 0px 0px 5px 2px #E51C30 inset
  }


.cover-sport-btn{
    position: absolute;
    right: 14%;
    bottom: 10%;
    width: 24%;
    /*transition: 0.5;
    -moz-transition: 0.5;
    -o-transition: 0.5;
    -webkit-transition: 0.5;*/
}
.cover-sport-btn:hover{
    /*-moz-filter: drop-shadow(2px 2px 5px #f2c018);
    -o-filter: drop-shadow(2px 2px 5px #f2c018);
    -ms-filter: drop-shadow(2px 2px 5px #f2c018);
    -webkit-filter: drop-shadow(2px 2px 5px #f2c018);
    filter: drop-shadow(2px 2px 5px #f2c018);*/
}
.cover-kids-btn{
    position: absolute;
    right: 14%;
    bottom: 10%;
    width: 17%;
    /*transition: 0.5;
    -moz-transition: 0.5;
    -o-transition: 0.5;
    -webkit-transition: 0.5;*/
}
.cover-kids-btn:hover{
    /*-moz-filter: drop-shadow(2px 2px 5px #d6218e);
    -o-filter: drop-shadow(2px 2px 5px #d6218e);
    -ms-filter: drop-shadow(2px 2px 5px #d6218e);
    -webkit-filter: drop-shadow(2px 2px 5px #d6218e);
    filter: drop-shadow(2px 2px 5px #d6218e);*/
}

.cover-sport:hover .cover-sport-btn,.cover-kids:hover .cover-kids-btn{
    -webkit-animation-name: pulse-fast;
  animation-name: pulse-fast;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.jw-error-msg{
    display: none !important;
}

.bg-img-slide-response,.bg-img-slide-response .slider-item,.bg-img-slide-response .slider-item .slider-text{
    min-height: unset;
    aspect-ratio: 1/1.315789;
}
.bg-img-slide-response .slider-item{
    background-image: var(--bg-image-2);
}
@media (min-width: 576px) {/*sm*/
.bg-img-slide-response,.bg-img-slide-response .slider-item,.bg-img-slide-response .slider-item .slider-text{
    min-height: unset;
    aspect-ratio: 1/0.468;
  }
  .bg-img-slide-response .slider-item{
    background-image: var(--bg-image);
    }
}
.bg-img-slide-response img {
  display: unset;
  width: unset;
}
.bg-img-slide-response * {
  direction: ltr;
}
.bg-img-slide-response .slider-item{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 0;
}
@media (max-width: 1199.98px) {
.bg-img-slide-response .slider-item {
  background-position: center center !important; } }
.bg-img-slide-response .slider-item .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: .3; }
.bg-img-slide-response .slider-item .slider-text {
position: relative; }
.bg-img-slide-response .slider-item .slider-text .text {
  z-index: 0;
  color: rgba(255, 255, 255, 0.9); }
.bg-img-slide-response .slider-item .slider-text h1 {
  font-size: 9vw;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  line-height: 1; }
  @media (max-width: 991.98px) {
    .bg-img-slide-response .slider-item .slider-text h1 {
      font-size: 50px; } }
.bg-img-slide-response .slider-item .slider-text h2 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 700;
  color: white;
  color: #f5e4c3;
  display: inline-block;
  position: relative;
  letter-spacing: 4px; }

.bg-img-slide-response .slider-item .slider-text h2.title {
  letter-spacing: unset;
}

@media (min-width: 0px) and (max-width: 767px) {/*phone*/
    header{
        position: absolute !important;
        display: none !important;
    }
    @supports (not (backdrop-filter: saturate(180%) blur(5px))) and (not (-webkit-backdrop-filter: saturate(180%) blur(5px))) and (not (-o-backdrop-filter: saturate(180%) blur(5px))) and (not (-moz-backdrop-filter: saturate(180%) blur(5px))) and (not (-ms-backdrop-filter: saturate(180%) blur(5px))) {
        header{
            background: transparent !important;
            box-shadow: none !important;
        }
        header:before{
            content: "";
            position: absolute;
            top: 0px;
            right: 0px;
            left: 0px;
            height: 100%;
            background: linear-gradient(rgb(25, 25, 25) 0%, rgba(25, 25, 25, 0) 100%);
            z-index: -1;
        }
    }
    .slider-mid .list .item .title .img-msm,.slider-item .list .item .title .img-msm,.owl-carousel .slider-item .title .img-msm{
        width: 1rem !important;
        height: 1rem !important;
    }
    header .logo {
      width: 20px;
      height: 20px;
    }

    /*.slider-item .list .item .title, .owl-carousel .slider-item .title {
      font-size: 1rem !important;
    }*/

    .slider-text-box{
        margin-top: 1rem;
    }

}
@media (min-width: 0px) {/*xsm*/
}
@media (min-width: 576px) {/*sm*/

    
    @supports (not (backdrop-filter: saturate(180%) blur(5px))) and (not (-webkit-backdrop-filter: saturate(180%) blur(5px))) and (not (-o-backdrop-filter: saturate(180%) blur(5px))) and (not (-moz-backdrop-filter: saturate(180%) blur(5px))) and (not (-ms-backdrop-filter: saturate(180%) blur(5px))) {
        .slider-text-box{
            margin-top: 1.5rem;
        }
    }

    .loginpage{
        max-width: 80vw;
    }

    .slider-small .list .item.auto-width-scroll{
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%;
    }

    .slider-small-new .list .item.auto-width-scroll{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .slider-small-3 .list .item.auto-width-scroll{
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .slider-small-4 .list .item.auto-width-scroll{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .slider .background.bgbefore2:before , .slider .background.bgnew2:before , .vertical-scroll .background.bgnew2:before{
        content: ' ';
        position: absolute;
        height: 100%;
        width: 100%;
        right: 0px;
        top: 0px;
        backdrop-filter: saturate(120%);
        -webkit-backdrop-filter: saturate(120%);
        -o-backdrop-filter: saturate(120%);
        -moz-backdrop-filter: saturate(120%);
        -ms-backdrop-filter: saturate(120%);
    /*    background: linear-gradient(130deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 70%);*/
    /*    background: linear-gradient(180deg, rgba(0,0,0, 0) 70%,rgba(0,0,0, 0.75) 80%, rgb(35,35,35) 98%);*/
          background: linear-gradient(rgba(34, 34, 34, 0) 10vw, rgb(34, 34, 34) 46.875vw);

    }

}

@media (min-width: 768px) {/*md*/

    .slider-text-box{
        margin-top: 5rem;
    }
    @supports (not (backdrop-filter: saturate(180%) blur(5px))) and (not (-webkit-backdrop-filter: saturate(180%) blur(5px))) and (not (-o-backdrop-filter: saturate(180%) blur(5px))) and (not (-moz-backdrop-filter: saturate(180%) blur(5px))) and (not (-ms-backdrop-filter: saturate(180%) blur(5px))) {
        .slider-text-box{
            margin-top: 1.5rem;
        }
    }

    .main-container>.main-content{
        min-height: calc(100vh - 5rem);
    }
    header+*:not(.slider-big),header+.slider-big .bg{
/*        padding-top: 3rem;*/
    }
    @supports (not (backdrop-filter: saturate(180%) blur(5px))) and (not (-webkit-backdrop-filter: saturate(180%) blur(5px))) and (not (-o-backdrop-filter: saturate(180%) blur(5px))) and (not (-moz-backdrop-filter: saturate(180%) blur(5px))) and (not (-ms-backdrop-filter: saturate(180%) blur(5px))) {

        .main-container>.main-content{
            min-height: calc(100vh - 9rem);
        }

        header+*:not(.slider-big),header+.slider-big .bg{
            padding-top: 0rem;
        }
    }

    .slider .background.bgbefore2:before , .slider .background.bgnew2:before , .vertical-scroll .background.bgnew2:before{
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
    backdrop-filter: saturate(120%);
    -webkit-backdrop-filter: saturate(120%);
    -o-backdrop-filter: saturate(120%);
    -moz-backdrop-filter: saturate(120%);
    -ms-backdrop-filter: saturate(120%);
/*    background: linear-gradient(130deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 70%);*/
/*    background: linear-gradient(180deg, rgba(0,0,0, 0) 70%,rgba(0,0,0, 0.75) 80%, rgb(35,35,35) 98%);*/
      background: linear-gradient(rgba(34, 34, 34, 0) 10vw, rgb(34, 34, 34) 46.875vw), linear-gradient(to left, rgba(34,34,34, 0.7), rgba(34,34,34, 0) 50%);

}
    

    header .navbar-collapse.collapse.show{
    height:unset;
}

    header .logo{
    width: 40px;
    height: 40px;
}

    header .menu{
        max-height: unset;
        overflow-y: unset;
    }

    .packages .item .endprice{
        border-right: 1px solid #c60014;
        border-top: unset;
    }
    .packages .item .border_self{
        border-right: 1px solid #c60014;
        border-top: unset;
    }

    .loginpage{
        max-width: 50vw;
    }

    header .navbar-nav.menu .nav-item{
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    header+*:not(.slider-big),header+.slider-big .bg{
/*        padding-top: 101px;*/
    }


    .slider-item .list .item .title,.owl-carousel .slider-item .title{
        font-size: 1.25rem !important;        
    }
    .slider-mid .list .item .title{
        font-size: 1.25rem !important;        
    }

    /*.container{
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }*/
    
    .slider-item .list .item .bg,.owl-carousel .slider-item .bg{
/*        min-height: 32rem;*/
    }
    .slider-mid .list .item .bg{
        
/*        min-height: 32rem;*/
    }
    .slider-small .list .item .bg{
        /*min-height: 20rem;*/
        /*height: 20rem;*/
    }
    .slider-small-2 .list .item .bg{
        /*min-height: 16.4rem;*/
        /*height: 16.4rem;*/
    }

    .slider-small .list .item.auto-width-scroll{
        -ms-flex: 0 0 19.5%;
        flex: 0 0 19.5%;
        max-width: 19.5%;
    }

    .slider-small-new .list .item.auto-width-scroll{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .slider-small-3 .list .item .bg{
        /*min-height: 9.4rem;
        height: 9.4rem;*/
        aspect-ratio: 1/0.5 !important;
        background: transparent !important;
    }
    .slider-small-3 .list .item.auto-width-scroll{
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%;
    }
    .slider-small-4 .list .item.auto-width-scroll{
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%;
    }

    .banner .background{
        position: relative;
        background-size: cover !important;
    }

    /*.comments .list .item.sub:after{
        width: calc(80px + 1rem + 10px);
        right: -85px;
    }*/
    .comments .list .item.sub{
        margin-right: calc(80px + 1rem) !important;
    }
    .comments .list .item.sub+.item.sub{
        margin-right: calc((80px + 1rem) * 2) !important;
    }
}

@media (min-width: 992px) {/*lg*/

    .slider-btn-box{
        margin-bottom: 4rem;
    }

    @supports (not (backdrop-filter: saturate(180%) blur(5px))) and (not (-webkit-backdrop-filter: saturate(180%) blur(5px))) and (not (-o-backdrop-filter: saturate(180%) blur(5px))) and (not (-moz-backdrop-filter: saturate(180%) blur(5px))) and (not (-ms-backdrop-filter: saturate(180%) blur(5px))) {
        .slider-btn-box{
            margin-bottom: 4rem;
        }
    }

    .main-container.landing{
        box-shadow: 0px 0px 20px 3px #E51C30;
      }
      
    .loginpage{
        max-width: 29rem;
    }

    .slider-small .list .item.auto-width-scroll{
        -ms-flex: 0 0 14%;
        flex: 0 0 14%;
        max-width: 14%;
    }

    .slider-small-new .list .item.auto-width-scroll{
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .slider-small-3 .list .item .bg{
        /*min-height: 9.4rem;
        height: 9.4rem;*/
        background: transparent !important;
    }
    .slider-small-3 .list .item.auto-width-scroll{
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
    }
    .slider-small-4 .list .item.auto-width-scroll{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px) {/*xl*/
    
}


.rtl-all *{
    direction: rtl !important;
}





      .pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  animation-direction: alternate;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 

  
      .pulse-fast {
  -webkit-animation-name: pulse-fast;
  animation-name: pulse-fast;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-delay: 0.75s;
  animation-direction: alternate;
  }
  @-webkit-keyframes pulse-fast {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse-fast {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }