.cc-window.cc-floating {
    border-radius: 30px;
    /*background-image: url('/images/cookie-background.jpg');*/
    /*background-position: bottom center;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    background: radial-gradient(#003D60 0%, #001424 90%)!important;
}
.cc-message {
    /*font-family: 'Montserrat', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    /*font-weight: bold;*/
}
.cc-message a {
    /*font-family: 'Montserrat', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline!important;
}
.cc-dismiss {
    /*font-family: 'Montserrat', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    border-radius: 30px;
    margin: 0 25px 20px 50%;
    font-size: 18px;
}

.FooterMiddle-Section {
    border: none;
    color: #fff;
    /*padding: 0 0.5rem;*/
    text-align: left;
    line-height: 1.25;
    margin-bottom: 5px;
    font-size: 10pt;
}
.angleRight {
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    float: right;
    /*margin-right: 10px;*/
    /*margin-top: 10px;*/
}
.rightAngleChav {
    color: #1b50de;
    font-weight: bolder;
    font-size: 18px;
    position: relative;
    left: 9px;
    top: 3px;
}
.colorWhite {
    color: #fff;
}
.colorWhite:hover {
    color: #fff;
}
span.synopsis-wrapper.markdown-wrapper {
    font-size: 10pt;
}
.markdown-wrapper p {
    margin-bottom: 0;
    font-size: 10pt;
}
.FooterRight-Section{
    margin-top: -3px;
}
.allRights-recerved {
    margin-top: 10px;
}
body {
  font-size: 1rem;
}

/*.btn-transparent-white {*/
/*    font-size: 12px;*/
/*}*/
.white {
    color:#E7EBFB!important;
    text-transform: uppercase;
}
/*.white:hover {*/
/*    color:#E7EBFB!important;*/
/*    text-transform: uppercase;*/
/*    !* border-bottom: 4px solid #F8C638; *!*/
/*    border-top: 0px solid #F8C638;*/
/*    --bs-btn-border-radius: 0px;*/
/*}*/
/*.white > span:hover {*/
/*    border-bottom: 4px solid #F8C638;*/
/*}*/
.padZero > a{
    padding: 0px;
}
.MiddleNav {
    color: #fff!important;
    font-weight: bold;
}
.background-gradient {
    /* background-color: #1B51E0!important; */
    background: #1B51E0;
    z-index: 500;
}
.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #1B51E0!important;
}
.btn-transparent-white:hover {
    /* background-color: #fff;
    color: #1B51E0; */
    background-color: transparent!important;
    color: #ffffff;
}
/*.btn-transparent-white > span:hover, .btn-transparent-white.active {*/
/*    border-bottom: 5px solid #ffc300;*/
/*    border-radius: 3px;*/
/*}*/
/*header .btn-transparent-white.active, header .btn-transparent-white:hover {*/
/*    background-color: #1B51E0;*/
/*    color: #fff;*/
/*}*/
header .btn-transparent-white {
    color: #1B51E0;
    font-size: 1.05rem;
}
header .btn-transparent-white:focus {
    box-shadow: none;
}
.nav-highlight.active, .btn-transparent-white:hover + .nav-highlight, .search-icon:hover .nav-highlight {
    position: absolute;
    width: calc(100% - 1rem);
    height: 6px;
    background-color: #ffc300;
    border-radius: 3px;
}
.text-primary {
    --bs-text-opacity: 1;
    color: #1B51E0!important;
}
.bar1, .bar2, .bar3 {
    background-color: #1B51E0;
    border-radius: 2px;
    height: 3px;
    margin: 5px 0;
    transition: .4s;
    width: 24px;
}
.border-radius-25 {
    /* border-radius: 0px!important; */
    border-radius: 10px!important;
}
.backgroundTitle {
    background-color: #143FB0;
    padding-top: 1px;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.col-12.contactHeader >h1 {
    color: #fff!important;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.form {
    /*background: #1a51e0;*/
    background: #eeeeee;
    /*padding: 40px;*/
    /*border-radius: 15px;*/
    /*margin-bottom: 35px;*/
    /*margin-top: 35px;*/
}
.emailBlock {
    margin-top: 48px;
}
.form-control {
    font-size: 1rem !important;
    /*border-color: transparent!important;*/
}
.FormHeaders {
    color: #fff;
    font-size: 15pt;
    font-weight: 600;
    margin-bottom: 15px;
}
.fs-1-1 {
    font-size: 1.1rem;
}

.topRow-Contact {
    margin-bottom: 30px;
}

.btn {
    font-size: 1rem;
    /*font-weight: 600 !important;*/
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #99BAF3;
    --bs-btn-border-color: #99BAF3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #99BAF3;
    --bs-btn-hover-border-color: #99BAF3;
    --bs-btn-focus-shadow-rgb: 37,179,190;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #99BAF3;
    --bs-btn-active-border-color: #99BAF3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #99BAF3;
    --bs-btn-disabled-border-color: #99BAF3;
}

.x-btn-white {
    --bs-btn-color: #1b51e0;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #1b51e0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1b51e0;
    --bs-btn-hover-border-color: #1b51e0;
    --bs-btn-focus-shadow-rgb: 27, 81, 224;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #99BAF3;
    --bs-btn-active-border-color: #99BAF3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #99BAF3;
    --bs-btn-disabled-border-color: #99BAF3;
    min-height: 56px;
}

.x-btn-favourite {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #F6C443;
    --bs-btn-border-color: #F6C443;
    --bs-btn-hover-color: #1B51E0;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #F6C443;
    --bs-btn-focus-shadow-rgb: 246, 196, 67;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #99BAF3;
    --bs-btn-active-border-color: #99BAF3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #99BAF3;
    --bs-btn-disabled-border-color: #99BAF3;
    min-height: 46px;
    padding:0.75rem 1rem;
}

.x-btn-video {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #F6C443;
    --bs-btn-border-color: #F6C443;
    --bs-btn-hover-color: #1B51E0;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #F6C443;
    --bs-btn-focus-shadow-rgb: 246, 196, 67;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #99BAF3;
    --bs-btn-active-border-color: #99BAF3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #99BAF3;
    --bs-btn-disabled-border-color: #99BAF3;
    /*min-height: 46px;*/
    border-radius: 10px;
    padding:0.75rem 1rem;
}

.x-btn-flyer {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #1b51e0;
    --bs-btn-border-color: #1b51e0;
    --bs-btn-hover-color: #1b51e0;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #1b51e0;
    --bs-btn-focus-shadow-rgb: 246, 196, 67;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #99BAF3;
    --bs-btn-active-border-color: #99BAF3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #99BAF3;
    --bs-btn-disabled-border-color: #99BAF3;
    /*min-height: 46px;*/
    border-radius: 10px;
    padding:0.75rem 1rem;
}

.submitBTN-form > button{
    width: 100%;
    border-radius: 50px!important;
    background-color: #99BAF3!important;
    --bs-btn-border-color: #99BAF3!important;
}
.submitBTN-form > button:hover{
    background-color: #F6C443!important;
    --bs-btn-border-color: #F6C443!important;
}
.btn-primary:hover {
    background-color: #1a51e0;
    border-color: #1a51e0;
    /*border-radius: 50px!important;*/
}
.contact-form input, .contact-form textarea {
    border-radius: 8px;
    border: none;
    box-shadow: 0 0 0px 0px #ddd!important;
    padding-top: 12px;
    padding-bottom: 12px;
}
/*.form-check-input:checked[type=checkbox] {*/
/*    background-image: none!important;*/
/*}*/
.form-check-input:checked {
    background-color: #003d60 !important;
    border-color: #003d60;
}
/*.login-terms .form-check-input {*/
/*    border: none;*/
/*    border-right: solid 0px #2CD3E0!important;*/
/*    border-radius: 0;*/
/*    min-height: auto!important;*/
/*}*/
/*.form-check .form-check-input {*/
/*    float: left;*/
/*    margin-left: -15px;*/
/*}*/
/*.form-check-input.login-tickbox {*/
/*    height: 1.5rem;*/
/*    width: 1.5rem;*/
/*}*/
.login-terms {
    overflow: hidden;
    border: solid 1px #fff;
    background-color: transparent;
}

.login-terms .form-check-input {
    border: none;
    border-right: solid 1px #fff; /* Primary Colour */
    border-radius: 0;
    min-height: 53px;
    background-color: transparent ;
}
.form-check-label {
    color: #fff;
}
.textArea {
    padding-bottom: 30px;
}
textarea#message_content {
    padding-bottom: 60px;
}
.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #F6C443;
    --bs-btn-border-color: #F6C443;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F6C443;
    --bs-btn-hover-border-color: #F6C443;
    --bs-btn-focus-shadow-rgb: 37,179,190;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F6C443;
    --bs-btn-active-border-color: #F6C443;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F6C443;
    --bs-btn-disabled-border-color: #F6C443;
    border-radius: 20px;
}
.TitlePage-Margin {
    margin-top: 40px;
}
.inforTitle > div > p.fw-bold, .synopsis-text {
    font-weight: bold;
    font-size: 13pt;
    color: #1B51E0;
    text-transform: uppercase;
}
.inforTitle > div > p + p {
    /*font-weight: bold;*/
    font-size: 11pt;
    color: #000;
}
.pitch {
    font-weight: bold;
    font-size: 11pt;
    color: #000;
}
.TitleColor {
    color: #fff;
}
.outerTitleColor {
    width: 100%;
    position: relative;
    top: -20em;
    /* background: rgba(0,0,0,.5)!important; */
    padding: 15px;
    display: table-cell;
    padding-top: 20px;
}
h1.text-uppercase.py-2.mb-0.TitleColor.genName {
    color: #F6C443;
    font-weight: 500;
    line-height: 0.5;
}
h1.text-uppercase.py-2.mb-0.TitleColor.genName + p {
    display: none;
}
.border-opaque-left {
    border-left: 0px solid hsla(0,0%,78%,.5);
}
.title-panel .title-synopsis {
    background-color: transparent;
    opacity: 1;
}
.outerBlue-Card {
    background-color: #1B51E0;
    /*position: absolute;*/
    /*bottom: 0;*/
    width: 100%;
}
/*.outerBlue-Card:hover {*/
    /*background-color: #99BAF3;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
/*}*/
/*.text-white {*/
/*    --bs-text-opacity: 1;*/
/*    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;*/
/*    padding-top: 15px;*/
/*    padding-left: 10px;*/
/*    !*white-space: nowrap;*!*/
/*    width: auto;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    font-weight: 600!important;*/
/*    padding-bottom: 8px;*/
/*}*/
i.fa.fa-chevron-circle-right {
    color: #fff;
}
i.fa.fa-chevron-circle-right {
    color: #fff;
    font-size: 13pt;
    float: right;
    padding-top: 8px;
    padding-right: 10px;
}
.text-secondary {
    --bs-text-opacity: 1;
    color: #1B51E0!important;
    font-weight: bold;
    /*text-transform: capitalize!important;*/
}
.categorySection {
    background-color: #99BAF3;
}
.CatHed-White {
    color: #fff;
    --bs-text-opacity: 1;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px;
}
.YellowColor {
    color: #F6C443;
}
.YellowColor:hover {
    color: #fff;
}
.YellowFont {
    font-weight: bold;
    font-size: 15pt;
    text-decoration: none;
}
.RightAlign {
    float: right;
}
.colorWhite {
    color: #fff;
    font-size: 15pt;
    font-weight: bold;
}
.titleFavbutton {
    color: #fff;
    font-size: 15pt;
    position: relative;
    top: 100px;
}
.titleFavbutton:hover {
    color: #fff;
    font-size: 15pt;
    position: relative;
    top: 100px;
}
.slick-left, .slick-right {
    color: #1B51E0;
    cursor: pointer;
    font-size: 2.5rem;
    position: absolute;
    top: calc(50% - 1.25rem);
    z-index: 1;
}
.Fbold {
    font-weight: bold;
}
.FontCardSize {
    font-size: 10pt;
}
.Group {
    display: inline-flex;
}
.ViewAll {
    font-size: 2em;
    /*line-height: 2;*/
    margin-left: 30px;
    text-decoration: none;
}
.ViewAll:hover + .hover-highlight {
    position: absolute;
    width: calc(100% - 30px);
    height: 6px;
    background-color: #ffc300;
    border-radius: 3px;
    margin-left: 30px;
}
video {
    position: relative;
    top: 0%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0);
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}
.VideoBlock {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: inline-grid;
    /* margin-top: -86px; */
    margin-top: -136px;
    width: 100%;
}
.VideoHeader {
    position: relative;
    z-index: 9999;
    top: -400px;
    left: 0;
    right: 0;
}
.homeContentDown {
    margin-top: -100px;
}
.arrow {
    position: absolute;
    z-index: 9999;
    bottom: -23em;
    left: 47.5%;
    /* display: none; */
}
i.fa.fa-angle-down.HomepageArrow {
    color: #fff;
    font-size: 80pt;
    z-index: 9999;
}
.socialBk {
    background-color: #fff;
    padding: 5px;
    margin: 7px 3px;
    border-radius: 10px;
}
.socialBk:hover {
    background-color: #ffc300;
}
.SocialBlockOuter {
    display: inline-flex;
}
.socialIcons {
    font-size: 1.75rem;
    /*color: #1B51E0;*/
}
.Lang {
    display: inline-flex;
    margin-top: 4px;
}
.langStyle {
    text-transform: lowercase;
    color: black;
}
.langStyle {
    text-transform: lowercase;
    color: black;
    background-color: #fff;
    border-radius: 20px;
    margin-right: 10px;
    font-weight: bold;
}
.langStyle:hover {
    text-transform: lowercase;
    color: #1B51E0!important;
    background-color: yellow!important;
    border-radius: 20px;
    margin-right: 10px;
    font-weight: bold;
    border-bottom: 0px solid yellow!important;
}
select.form-control.changeLang {
    height: 27px;
    font-size: 11pt!important;
    line-height: 0.7;
    text-align: center;
    width: 47px;
    margin-top: 0px;
    color: #1b50de;
    margin: auto;
    font-weight: bold;
    font-weight: bold;
    border-radius: 15px;
    height: 30px;
    width: 33px;
    padding: 0;
}
nav.navbar.navbar-light.py-0.position-relative.background-gradient.Homepage {
    /*background: transparent;*/
    background: rgba(0,0,0,0.15);
}
nav.navbar.navbar-light.py-0.position-relative.background-gradient.Homepage.bg-blue {
    background: #1B51E0;
}
nav.navbar.navbar-light.py-0.position-relative.background-gradient.Homepage.bg-blue .logo-dark {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem!important;
    width: 300px!important;

}

.mobile-container {
    max-width: 480px;
    margin: auto;
    background-color: #1B51E0;
    height: 500px;
    color: white;
    border-radius: 10px;
}

.topnav {
    /*overflow: hidden;*/
    /*background-color: #1B51E0;*/
    position: relative;
    z-index: 99;
    max-height: 100vh;
    overflow-y: scroll;
}

.topnav #myLinks {
    display: none;
}

.topnav a, .topnav .searchIcon {
    color: white;
    padding: 18px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
    margin-bottom: -2px;
}

.topnav a.icon {
    /*background: black;*/
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.topnav a:hover {
    /*background-color: #1B51E0;*/
    /*color: black;*/
    color: #ffc300;
}
a.posterHover {
    border: 4px solid white;
    display: block;
    border-radius: 15px;
}
a.posterHover:hover {
    border: 4px solid #F8C638;
    display: block;
    border-radius: 15px;
}
.Heart {
    background-color: #1B51E0;
    width: 35px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid black;
    /*position: absolute;*/
    /*top: 5px;*/
    /*margin-left: 5px;*/
    z-index: 99;
}
i.fa.fa-heart-o.heartcolor {
    font-size: 20pt;
    margin-left: 1;
    margin-left: 3px;
    margin-top: 6px;
}
i.fa.heartcolor.fa-heart {
    font-size: 20pt;
    margin-left: 1;
    margin-left: 3px;
    margin-top: 6px;
}
.heartcolor {
    color: #fff;
}
header .btn-transparent-white.active {
    background-color: #143FB0;
}
.thumb-panel-link {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-property: transform;
}
.thumb-panel-link:hover {
    transform: scale(1.05);
}
.thumb-panel-link:hover .angleRight {
    background-color: #ffc300;
}
.alert {
    border-radius: 16px;
 }
.svg-arrow {
    width: 32px;
    height: 40px;
    /*fill: #1b51e0;*/
    fill: #fff;
}
.svg-arrow.svg-right {
    transform: rotate(180deg);
}
.svg-arrow:hover {
    fill: #ffc300;
}

.langHover {
    color: #1b50de;
    font-size: 1.05rem;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 28px;
}
.langHover:hover + .langSelect, .langSelect:hover, #lang-container:hover .langSelect  {
    display: block!important;
}
.langSelectBlock {
    background-color: #fff;
    font-size: 1.05rem;
    font-weight: bold;
    padding: 0.75em;
    text-align: center;
}
.langSelectBlock:hover, .langSelectBlock.active {
    background-color: #ffc300;
}

.mobileLang {
    color: #1b50de;
    font-size: 1.05rem;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 28px;
}
.mobileLang.active {
    background-color: #ffc300!important;
}

.langSwitcher {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-weight: 600;
    border: 1px solid #fff;
    border-radius: 5px;
}
.langSwitcher > a {
    color: #fff;
}

.langSwitcher.active {
    background-color: #fff;
}
.langSwitcher.active > a {
    color: #003D60;
}

.icon-highlight:hover i {
    color: #ffc300!important;
}


@media (min-width: 1321px) {
    /*.h5, h5 {*/
    /*    font-size: 0.8rem;*/
    /*}*/
    .topnav.ShowMob {
        display: none!important;
    }
}
@media (min-width: 768px) {
    .mx-md-3 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
}
@media (max-width: 1320px) {
    .ViewAll {
        font-size: 1em;
        line-height: 2;
        margin-left: 30px;
        text-decoration: none;
    }
    .HideMob {
        display: none;
    }
    nav.navbar.navbar-light.bg-dark.showMob {
        z-index: 999;
        background-color: #414246!important;
    }
    .navBtn {
        color: #fff!important;
    }
    .outerTitleColor {
        width: 100%;
        position: relative;
        top: 0!important;
        background: rgba(0,0,0,.5)!important;
        padding: 15px;
        display: table-cell;
        padding-top: 20px;
    }
}
@media (max-width: 990px) {
    .Heart {
        background-color: #1B51E0;
        width: 35px;
        height: 40px;
        border-radius: 5px;
        border: 1px solid black;
        position: absolute;
        top: 5px;
        margin-left: 5px;
        z-index: 99;
    }
}
@media (max-width: 576px) {
    .eightWidth {
        width: 60%;
    }
    .fouthWidth {
        width: 40%;
    }
    .ViewAll {
        display:none;
    }
}

@media (max-width: 1320px) {
    .main-padding {
        margin-top: 98px;
    }
}

@media (max-width: 768px) {
    .form {
        padding: 20px;
    }
    .FormHeaders, .YellowFont, .colorWhite {
        font-size: 12pt;
    }
    .fs-1-1 {
        font-size: 1rem;
    }
}

.section-heading {
    font-size: 2rem;
    font-weight: bold;
}

@media (max-width: 768px) {
    .section-heading {
        font-size: 1.2rem;
        font-weight: bold;
    }
}

.genre-link {
    text-decoration: underline !important;
    text-decoration-color: #0000003d !important;
    text-underline-offset: 3px;
}
