* {
    box-sizing: border-box;
}

body {
    font-family: montserrat, sans-serif;
    background: rgb(0, 15, 30);
}

/** custom classes **/
.bg-body-color {
    background-color: rgb(0, 15, 30);
}

.bg-accent-color {
    background-color: #DFA326;
}

.accent-color {
    color: #DFA326;
}

.bg-transparent-color {
    background-color: transparent;
}

.bg-br-red {
    background-color: #FC0001;
}

.border-accent {
    border: 1px solid #DFA326;
}

.cs-border-danger {
    border: 2px solid red;
}

.account-dropdown-btn:hover {
    background-color: transparent;
    border: 1px solid #DFA326;
    transition: 0.3s;
}

.mb-account-dropdown i:first-child,
.account-dropdown i:first-child {
    font-size: 1.8em;
    color: #DFA326;
}

.ms-n5 {
    margin-left: -45px;
    margin-top: 5px;
}

/* Font classes */
.font-size-1 {
    font-size: .87422rem
}

.font-size-2 {
    font-size: 1.4055rem
}

.font-size-3 {
    font-size: 1.874rem
}

.font-size-4 {
    font-size: 2.3425rem
}

.font-size-5 {
    font-size: 2.811rem
}

.font-size-6 {
    font-size: 4.4976rem
}

.font-size-22 {
    font-size: 1.375rem
}

.font-size-10 {
    font-size: .625rem
}

.font-size-11 {
    font-size: .688rem
}

.font-size-12 {
    font-size: .75rem
}

.font-size-13 {
    font-size: .812rem
}

.font-size-14 {
    font-size: .875rem
}

.font-size-15 {
    font-size: .938rem
}

.font-size-16 {
    font-size: 1rem
}


/** page loader **/
#loader {
    height: 100vh !important;
    width: 100%;
    background-color: #000F1E;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999999;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden !important;
}

.loader {
    width: 48px;
    height: 48px;
    border: 3px dotted #FFF;
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
}

.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px dotted #FF3D00;
    border-style: solid solid dotted;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    animation: rotationBack 1s linear infinite;
    transform-origin: center center;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

/** page loader **/

/** nav **/
.dropdown-menu.dropdown-menu-end {
    min-width: 100px !important;
}

.active {
    color: #DFA326 !important;
}

.nav-link:hover {
    color: #DFA326 !important;
    transition: 0.03s;
}

.dropdown-item:hover {
    background-color: transparent !important;
    color: #DFA326 !important;
}

.logo-img {
    height: 50px;
    width: 200px;
    object-fit: contain;
}

.navbar-toggler {
    height: 45px;
    width: 45px;
    background-color: #DFA326;
}

/* mobile nav */
#mb-navbar {
    /* height: 61px; */
    height: 100px;
}

.mb-search-btn-block i {
    font-size: 1.2em;
    color: #DFA326;
    z-index: 1;
}

.mb-search-form .form-section {
    width: calc(100% - 50px);
}

.mb-search-form-view-close-btn i {
    font-size: 2em;
}

.auth-account-dropdown-btn i:last-child {
    font-size: 1em;
}


/*adjust dropdown to appear on hover instead of neccessitating a click */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/*hide the default dropdown toggle carret */
.dropdown-toggle::after {
    display: none;
}

/*search bar */
.search-block {
    background-color: transparent;
}

.search-block ~ button i{
    color: #DFA326 ;
}

.search-block:hover,
.search-block:focus {
    outline: none !important;
    background-color: #DFA326;
}

/* Change the icon color when the parent search block is hovered or focused */
.search-block:hover ~ button i{
    color: #DFA326 !important;
}

.search-block:focus ~ button i{
    color: black !important;
    transition: color 0.3s ease;
}

.search-submit-btn,
#dp-search-submit-btn {
    background-color: transparent !important;
}

.dp-search-submit-btn {
    transform: translate(-40px, -1px) !important;
    z-index: 6 !important;
}


.search-block::placeholder {
    color: #DFA326 !important;
}


.search-submit-btn {
    background-color: transparent !important;
}

.dp-search-submit-btn {
    transform: translateX(-50px) !important;
    z-index: 6 !important;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

input[type="search"]::-moz-search-cancel-button {
    display: none;
}

/* country block */
.country-block p {
    font-size: 0.8em;
}

.countries-modal-dialog .modal-header {
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.countries-modal-dialog .modal-header .modal-title {
    font-size: 1em;
}

.countries-modal-dialog .modal-body {
    padding: 5px 0 !important;
    margin: 0 !important;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.countries-modal-dialog .modal-body {
    color: rgba(0, 0, 0, .8);
    margin: 5px 10px;
}

.countries_form .countrycheckbox:last-child {
    border-bottom: none;
}

.countrycheckbox {
    cursor: pointer !important;
}

.btn-close-modal {
    font-size: 1.5em;
}

.modal-body small {
    font-size: 0.8em;
}

.countrycheckbox {
    width: 100%;
    height: auto;
    padding: 15px 5px;
    margin-right: 5px !important;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.countries_form .countrycheckbox:last-child {
    border-bottom: none;
}

.countrycheckboxinput {
    cursor:pointer;
    opacity:0;
}

.checkbox_text_section {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    color: rgba(0, 0, 0, .8);
}

.countries_form .countrycheckbox:last-child {
    border-bottom: none;
}

.country-block i:last-child {
    color: #fff;
}

/* mobile country display box */
#mb-country-dp i {
    color: #fff !important;
}

/* xl & beyond search section */
.dp-search-block-section {
    max-width: 400px;
}

.dp-auth-account-block i {
    margin-left: 2px;
    font-size: 1em !important;
}


/* social share section */
i.fa.fa-twitter.jssocials-share-logo:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('https://verity.live/front/assets/img/x-share-icon-logo-letter-tr.png');
    background-size: cover
}


/* Leave Feedback Form classes --*/
.sm-form-control:focus,
.sm-form-control:hover {
    background-color: #DFA326;
    transition: 0.3s ease;
}


/* videos by category styling */
.slider-category-text, .slider-duration-text
{
    font-size: 12px;
}
.slider-video-title-text
{
    font-size: 35px;
    font-weight: 900;
}
.media-scale-transform:hover
{
    transform: scale(1.2)!important;
    transition: .3s!important;
    border-radius: 2px;
}
.overlay:hover
{
    border-radius: 5px!important;
}
.media-wrap-row-video-section
{
    flex-wrap: nowrap;
}
.font-size-20
{
    margin-left:15px;
}
.video-title-without-hover
{
    position: relative;
    bottom: 40px!important;
    left: 10px;
    font-size: 12px;
    font-weight: 700;
    color:#fff;

}
.media-scale-transform:hover .video-title-without-hover
{
    display: none!important;
}
.overlay
{
    height: auto!important;
}

.col-lg-2
{
    padding:0px 5px!important;
}


.r_img {
    width: 100%;
    /*height: 600px;*/
     height: auto!important;
}
.vide_area {
    height: 500px;
}




.slide-image-main {
height: 100%;
}



.border-line-div {
    border-bottom: 1px solid #4D391E !important;
}
/* videos by category styling */



.border-r-cs {
    border-right: 1px solid #949cb07a !important;
}

.cs-text-s {
    font-size: 14px !important;
}

.cs-text-s-two {
    font-size: 12px !important;
}

.home-link img{
    width:50px;
    height:50px;
}



.height-150 {
    height:150px;
}

.featured_img img {
    width:100%;
    height: 100% !important;
    /* object-fit: cover; */
    object-fit: fill;
}

.height-280 {
    height: 280px;
}




.img-container{
    position:relative;
    display:inline-block;
    transition:ease all 1s;
    cursor:pointer;
}

.img-container .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(267deg, #00000000, #192133b8, #192133);
    background-image:-moz-linear-gradient(267deg, #00000000, #192133b8, #192133);
    background-image:-webkit-linear-gradient(267deg, #00000000, #192133b8, #192133);
    transition:opacity .25s ease-in,bottom .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);
    opacity:0;
}

.img-container img {
    border-radius:5px;
    transition: 0.25s filter linear;
    -webkit-transition: 0.25s filter linear;
    -moz-transition: 0.25s filter linear;
    -o-transition: 0.25s filter linear;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
}

.img-container:hover{
    /* transform: scale(1.30); */
    transition:ease all 1s;
    z-index:1111;
}

.img-container:hover .overlay{
    opacity:1;
    transition:ease all 1s;
}

.exclusives .overlay span{
    position:absolute;
    color:#fff;
    padding:20px;
    top:40%;
}

.overlay span{
    position:absolute;
    color:#fff;
    padding:10px;
}

.overlay span .content_play {
    font-size:20px;
}

.img-container{
    overflow:hidden;
}

.img-container.img-hover-zoom img {
    transition: transform .5s ease;
}

.img-container.img-hover-zoom:hover img {
    transform: scale(1.5);
}

.video-subtitle
{
    font-size:10px;
    margin-bottom: 0px;
}
.category-page-subtitle-slide
{
    color:#fff;
}


.img-container .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(267deg, #00000000, #192133b8, #192133);
    background-image:-moz-linear-gradient(267deg, #00000000, #192133b8, #192133);
    background-image:-webkit-linear-gradient(267deg, #00000000, #192133b8, #192133);
    transition:opacity .25s ease-in,bottom .25s cubic-bezier(0.33, 0.04, 0.63, 0.93);
    opacity:0;
}

.img-container img {
    border-radius:5px;
    transition: 0.25s filter linear;
    -webkit-transition: 0.25s filter linear;
    -moz-transition: 0.25s filter linear;
    -o-transition: 0.25s filter linear;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
}

.img-container:hover{
    /* transform: scale(1.30); */
    transition:ease all 1s;
    z-index:1111;
}

.img-container:hover .overlay{
    opacity:1;
    transition:ease all 1s;
}

.featured_img .overlay-1 {
    opacity:0;
}

.featured_img:hover .overlay-1 {
    opacity: 1;
  }

  .top-63 {
	top:70%;
}
.text.top-74 {
    top: 80%;
}
.text {
    color: white;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    width: 90%;
}

/*-- media queries --*/
@media(max-width: 576px) {

    .search-submit-btn i{
        color: #DFA326;
    }

    body {
        padding-top: 100px;
    }

    nav {
        border-bottom: 1px solid #161B22;
    }

    .navbar-brand {
        max-width: 120px;
        z-index: 0;
    }

    .nav-item .nav-link {
        font-size: 12px !important;
    }

    .mn-navbar-toggler {
        z-index: 2;
    }

    #mb-country-dp {
            font-size: 0.8em;
    }

    .mb-account-dropdown .account-dropdown-btn i {
        font-size: 1.7em;
    }

    .mb-search-btn-block i {
        font-size: 1.2em;
        color: #DFA326;
    }

    #mb-btn-search-icon{
        color: #DFA326;
    }

    .mb-cs-search-block:hover #mb-btn-search-icon, .mb-cs-search-block:focus #mb-btn-search-icon{
        color: black !important;
        transition: color 0.3s ease;
        border:1px solid black;
    }

    .mb-cs-search-block:hover #mb-btn-search-icon, .mb-cs-search-block:focus-within #mb-btn-search-icon {
        color: black !important;
        transition: color 0.3s ease;
    }

    .mb-nav-close-overlay {
        width: 100%;
        height: 100vh;
        z-index: 1000;
        background-color: transparent;
    }

    .mb-search-block-close-overlay {
        width: 100%;
        height: 100vh;
        z-index: 1000;
        background-color: transparent;
    }

    .mb-search-form-view-close-btn i {
        font-size: 1.7em;
    }

    .mb-search-form .form-section {
        width: calc(100% - 50px);
    }

    .socialsharelinkssect {
        width: 100% !important;
        justify-content: center !important;
    }

    .vide_area, .carousel-inner, #demo .carousel-item, .carousel-item {
        height: auto !important;
        border:none !important;
    }

    .carousel-item{
        padding:0 !important;
    }
    .mbthumbnail-dislay{
        border:2px solid red !important;
    }
    .second-space-bar{
        padding-top:7px !important;
    }

    .third-space-bar{
        padding-top:5px !important;
    }

    /* footer style */
    .footer-bt-block-dp-b {
        display: none !important;
    }

    .footer-btn-block-mb-a {
        display: flex !important;
    }
}

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

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 600px;
    }

    .r_img {
        width: 100%;
        height: auto !important;
    }
    .height-150 {
        height: 200px;
    }
}

@media screen and (min-width:576px) and (max-width:767px) {

    body {padding-top: 100px;}

    .social-share-icon-btn {
        width: 90px;
        height: 90px;
    }
}

@media (max-width:768px)
{
    .gird-view-videos .item {
        width: 100%!important;
        float: none!important;
        margin: 0px;
    }

    .category_title{
        margin-bottom:2vh !important;
    }

    .item.landscape-type-item{
        margin-bottom:2vh !important;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
     body {
        padding-top: 100px;
    }
}

@media  only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    /* Styles */
    .item {
        width: 48% !important;
        float: left !important;
        margin: 5px;
    }
    .vide_area {
        height: 400px;
    }
}

@media  only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .item {
        width: 48% !important;
        float: left !important;
        margin: 5px;
    }
}

@media(min-width: 992px) {
    .height-150 {
        height: 150px;
    }
    .vide_area {
        height: 600px;
    }

    .footer-bt-block-dp {
        justify-content: space-between;
    }

    .footer-bt-block-dp-a {
        width: 30%;
    }

    .footer-bt-block-dp-b {
        display: flex !important;
        width: 30%;
    }

    .footer-bt-block-dp-c {
        width: 30%;
        justify-content: flex-end;
    }

    .footer-btn-block-mb-a {
        display: none !important;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
     body {padding-top: 100px;}
}

@media (min-width:1025px)
{
    .slide-image{
        width: 711px!important;
        height: 400px!important;
        margin-top: 100px;
    }
}

@media (max-width:1024px)
{
    .slide-image{
        width: 100% !important;
        height: 500px!important;
    }
}

@media (max-width: 1024px)
{
    #demo .carousel-item{
        height:auto !important;
        min-height: 314px !important;
        padding: 7px;
    }

    .carousel-item {
        top: 0 !important;
    }
}

@media screen and (min-width:1200px) {

    /* transparent navbar scroll effect */
    nav {
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .navbar-brand {
        max-width: 120px;
        z-index: 0;
    }

    .navbar-brand img {

        z-index: 0 !important;
    }

    .nav-item {
        font-size: 14px !important;
    }

    .search-block {
        width: 80px !important;
        max-width: 340px !important;
    }

    .cs-tr {
        background-color: transparent;
        box-shadow: none !important;
    }

    .dp-navbar.scrolled {
        background: rgb(0, 15, 30);
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    }

    .slide-image-main {
        height: 600px !important;
    }
}

/* temporary styling here - will move later */
.live-broadcast-related-videos-section,
.live-broadcast-related-videos-second-section, .stream-videos-page {
    border: none !important;
}

.live-broadcast-related-videos-section-pagination, .stream-videos-section-pagination, .grid-related-videos-section-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.live-broadcast-related-videos-section-custom-pagination, .stream-videos-section-pagination, .grid-related-videos-section-custom-pagination {
    text-align: center;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-broadcast-related-videos-section-pages {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    width: 200px;
}

.live-broadcast-related-videos-section-page-number,
.live-broadcast-related-videos-second-section-page-number, .live-broadcast-related-videos-section-cs-page-number, .grid-related-videos-section-cs-page-number {
    cursor: pointer;
    background-color: #DFA326;
    color: #111111;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease;
}

.live-broadcast-related-videos-section-active,
.live-broadcast-related-videos-second-section-active, .live-broadcast-related-videos-section-cs-active, .grid-related-videos-section-cs-page-number-active {
    font-size: 1.3em;
    height: 30px;
    width: 30px;
    background-color: #0057b3;
    color: white;
}



.live-broadcast-related-videos-section-arrow,
.live-broadcast-related-videos-second-section-arrow, .grid-related-videos-section-arrow {
    background-color: #ffffff00;
    color: #0057b3;
    border: none;
    cursor: pointer;
}

.live-broadcast-related-videos-section-arrow:hover,
.live-broadcast-related-videos-second-section-arrow:hover, .grid-related-videos-section-arrow:hover {
    color: #0056b3;
}

.live-broadcast-related-videos-section-arrow:disabled,
.live-broadcast-related-videos-second-section-arrow:disabled, .grid-related-videos-section-arrow:disabled {
    background-color: #ffffff00;
    color: #ccc;
    cursor: not-allowed;
}

.live-broadcast-related-videos-section-arrow,
.live-broadcast-related-videos-second-section-arrow {
    font-size: 1em;
}

.live-broadcast-related-videos-section-nav-text {
    font-size: 0.7em;
    letter-spacing: 0.3em;
}