.banner-video.video_custom {
    background: #030303;
}

.video-content {
    margin: auto;
    position: relative;
    text-align: center;
    ;
}

.banner-video.video_custom iframe {
    position: relative;
    z-index: 1
}

.banner-video.video_custom .div-overlay {
    z-index: 2;
    position: absolute;
    width: 500%;
    top: 0;
    left: -51%;
    pointer-events: none;
}

.banner-video.video_custom .content.left {
    position: absolute;
    bottom: 25px;
    bottom: 40%;
    z-index: 3
}

.video-background-banner h1, .video-background-banner h2 {
    color: #fff !important
}

#header {
    z-index: 9999
}

.blkBG {
    background: rgba(0,0,0,0.7)
}

.visual {
    width: 100%;
    position: absolute;
    z-index: 6;
    left: -100.0%;
}


.banner-video.video_custom .title {
    font-size: 38px;
}

.banner-video.video_custom .subtitle {
    font-size: 28px;
}

.video-background-banner video {
    height: 100%
}

.video-background-banner .video-js.vjs-default-skin {
    height: 100% !important;
    width: 100%;
}

@media (max-width: 991px) {
    .banner-video.video_custom {
        margin-top: 0 !important
    }

    .video-background-banner video {
        display: none
    }

    .video-background-banner {
        height: auto !important;
        max-width: 100% !important
    }


        .video-background-banner h1 {
            padding-top: 20px
        }

        .video-background-banner h1, .video-background-banner h2 {
            color: #fff !important
        }


    .video-content {
        margin: auto;
        position: relative;
        text-align: center;
        ;
    }

    .image.Image-video {
        display: block !important
    }



    .banner-video.video_custom iframe {
        position: relative;
        z-index: 500
    }

    .banner-video.video_custom .div-overlay {
        display: none
    }

    .banner-video.video_custom .content.left {
        position: relative;
        bottom: 0;
        z-index: 999
    }

    .header .main-nav.navbar-right .navbar-collapse {
        top: 70px !important
    }
}

@media (max-width: 1024px) {
    .span-7.blkBG {
        width: 100% !important;
    }
}
/*.video-background-banner {height:auto !important}*/
@media (min-width: 991px) {


    .VideoBannerFullWidth.home_page_hero_banner .video-background-banner .video-js.vjs-default-skin, .VideoBannerFullWidth .video-background-banner .video-js.vjs-default-skin {
        height: 100% !important;
        width: 100vw !important;
        margin-left: -12.5% !important;
    }
    /*.home_page_hero_banner  .video-background-banner {height: 100vh!important;}*/
    .VideoBannerFullWidth.home_page_hero_banner .video-js.vjs-default-skin, .VideoBannerFullWidth .video-js.vjs-default-skin {
        height: 100% !important;
        width: 100vw !important;
        margin-left: -12.5% !important;
    }

    .VideoBannerFullWidth .video-background-banner video, .VideoBannerFullWidth .video-background-banner video {
        height: auto !important;
    }


    .VideoBannerFullWidth .banner.video-background-banner, .VideoBannerFullWidth .banner.video-background-banner {
        height: 100vh !important;
        width: 100vwh !important;
        margin-left: -12.5% !important
    }

    .VideoBannerFullWidth .video-background-banner .image, .VideoBannerFullWidth .video-background-banner .image {
        width: 100vw;
        margin-left: -12.5%
    }

    .VideoBannerFullWidth .video-background-banner iframe, .VideoBannerFullWidth .video-background-banner iframe {
        width: 100vw !important;
        margin-left: -12.5%
    }

}

img.mfp-img {
    max-height: 80vh !important
}

.VideoBannerFullWidth img {
    width: 100%
}
/* sections */

.sections-wrapper.mt0 {padding-top:0}
section.span-full{padding:50px}
.container.group {padding-bottom:0}

section.span-full {background:#333; color:#fff; }
section.span-full:nth-child(2n) {background:#666666; color:#fff}

section.span-full { font-size:24px; line-height:28px}

section.span-full .row .span-full {width:100vw}

.row.section {position:relative;margin:auto !important; padding-top:50px; padding-bottom:50px; font-size:20px; line-height:26px}

.row.black {background:#666; color:#fff}
.row.blue {background:#666; color:#FFF}

.row.section > div {margin:auto;float:inherit; max-width:1170px; padding-top:50px;}
.row.section .span-full {margin:auto;float:initial; max-width:initial !important; padding-top:50px;}
.logo {width:80px !important; max-width:80px !important; min-width:80px !important; height:auto !important}

.CSPGroup:nth-child(2n+1) .row.section:before {position:absolute;margin-top:-20%; height:100vh; width:100%; content:''; background-image: url(/BurntRiverstate/Assets/Images/icons/BurntRiverstate-f-watermark.svg); background-position: top left; background-repeat:no-repeat}


.CSPGroup h1 {font-size:34; font-weight:bold; line-height:40px}

.content.left .span-8-sm.span-7.blkBG {display:none}

.header .main-nav .nav .nav-item {font-size:14px}

a {text-decoration: none !important}
.maxWImg {width:auto}

.span-12.col-sm-12 h1, h1 {letter-spacing: 10px; text-transform: uppercase;}
.btn {padding:10px 24px; font-size: 14px; text-transform: uppercase; background:#f58426 ; border-radius:0; margin:15px 0 30px 0; letter-spacing: 4px;}

.crt-widget .crt-post-text {
    font-size: 14px !important;
}

.crt-logo.crt-tag {display:none !important}

button.crt-load-more {padding:10px 24px !important; font-size: 14px !important; font-weight:bold; text-transform: uppercase!important ; background:#f58426!important ; border-radius:0; margin:40px 0 30px 0 !important; letter-spacing: 4px; color:#666666 !important}

.footer {background:#000 !important
}

.footer-col.connect.col-xs-12.col-md-6 {display:none}
.footer-content .col-md-5:last-child {float:right; text-align: right; padding-top:20px;}

#header {
    z-index: 9999;
    background: rgba(0,0,0,0.4);
    transition: all 1s;
}
#header.solid {
    z-index: 9999;
    background: rgba(0,0,0,1);
}
.textName {font-size: 34px; line-height: 40px; letter-spacing: 10px; text-transform: uppercase; font-weight:bold ;max-width: 1170px;
    margin: auto !important;
    float: none;}

.textName .text {position:relative;z-index:99;text-shadow: 5px 7px 10px rgba(0,0,0,0.5);}
.textName .square {position:absolute; width:100%; height:200px; z-index:1; margin-top:-95px; margin-left:-30px; background-size: 150px 150px; //background-image: url('/BurntRiverstate/Assets/Images/icons/pink-square-alpha.svg'); background-repeat: no-repeat;}

.pinkSquareContainer {    margin: 20px 0;
    position: relative;}
.pinkSquareContainer h1 {position:relative;z-index:99}
.pinkSquare {top: -53px;
    left: -20px;width:150px; height:150px; background-size: 150px 150px; background-image: url('/BurntRiverstate/Assets/Images/icons/pink-square.svg'); background-repeat: no-repeat;position:absolute;z-index:9}
    .banner-video {height:100vh !important; max-height:100vh}
    .pinkSquareContainer h1{text-shadow: 5px 7px 10px rgba(0,0,0,0.5);}

    .header.navbar-fixed-top {position:fixed !important}
    .header .main-nav .navbar-toggle .icon-bar {background-color: #f58426!important;}
    .navbar-toggle:focus {background: transparent !important;}

 
    .navbar-toggle[aria-expanded="true"] {margin-top:5px}
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {transform: rotate(-45deg);    transform-origin: 19px 5px;}
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {transform: rotate(45deg);}
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {display:none}

   
    .navbar-toggle.collapsed .icon-bar:last-child {display:block}
    .maxWImg {padding-bottom:35px}
    @media (max-width: 992px) {
    .banner-video {height:auto !important; max-height:100vh; height:100vh !important; width:100vw !important ;overflow:hidden !important}
    }
    @media (max-width: 767px) {
        .header .main-nav .navbar-toggle {top:0}
        #header {
            z-index: 9999;
            background: rgba(0,0,0,0.0);
        }
        .navbar-collapse {  height:110vh;    margin-top: -75px;}
        .header .main-nav .nav .nav-item {font-size:30px;line-height:80px;font-weight:bold; padding:5px 0; letter-spacing: 10px;text-align:left !important}
        .header .main-nav .nav .nav-item a {line-height: normal; }
        .navbar-header {position:relative; z-index:99999}
        #header > .container > a {position:relative; z-index:99999; transition: none;}
     #header.open > .container > a img {opacity:0}
        #header.open > .container > a {width: 100%;top:10px; 
            height: 100%;
            background-image: url(/BurntRiverstate/Assets/Images/icons/BurntRiverstate-white.svg);
            background-repeat: no-repeat;position: absolute;
            z-index: 99999;background-position: 11px; }
        #header.open > .container > a:before {width:50px; height:50px; content:'';background-image:url('/BurntRiverstate/Assets/Images/icons/BurntRiverstate-white.svg') }
      
        .main-nav .navbar-collapse .navbar-nav {
            margin-top: 75px;
        }
    }

    html {background-color:#000}
    .copyright a {color:#eee; display:none}
    .footer .bottom-bar {background-color:#000}

    /* forms */

    .form-row input[type=text], .form-row input[type=password], .form-row select, .form-row textarea {    background: #1a1a1a;
        border: 1px solid #fff;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0; font-size:16px !important; line-height:24px;padding: 15px;
        height: auto; color:#fff}



        .form-row input[type=text]:focus, .form-row input[type=password]:focus, .form-row select:focus, .form-row textarea:focus {background: #f58426 !important ; color:#fff !important}    


        a.btn-cta-primary, .btn-cta-primary {border:0 !important}
        .btn {border:0}
        .btn:hover {background:#fff!important; color:#000 !important; border:0}

        .footer-content .panel-body {letter-spacing: 1.2px;}

     


        .nav-item:focus {background:inherit !important; color:initial; border:initial}
        .footer-content  .panel-body img{width:auto !important;}
        .footer-content .span-5 {width:45%; float:left}
        .footer-content .span-5  .panel-body {padding:15px 0; padding-top:0}

        .scrollDown a{color: #fff !important;margin-top: -90px;
            position: absolute;}

            .scrollDown a:focus {background:transparent !important; border:0 !important}   
            .scrollDown a i {font-size: 23px;} 
            @media (max-width: 991px) {
                .scrollDown a{display:none}

            }

        @media (min-width: 768px) {
        .collapsing {position:relative !important}
        }
        @media (max-width: 767px) {
            .footer-content .span-5 {float:left !important; text-align: center !important; padding-top:20px; width:100%}
            .footer-content .span-5  .panel-body{text-align: center !important;}
            .footer-content .span-5  .panel-body img{width:auto !important;}

            
        }

        @media (max-width: 991px) {
            .banner-video {max-height:100vh}
           
        }
       
        @media (max-width: 600px) {
            .span-12.col-sm-12 h1, h1 {letter-spacing: 2px;}
            .span-12.col-sm-12 .maxWImg:last-child {width:170px !important; padding-right:0}
            /*.textName .square {margin-top: -110px;}*/
            
            .textName >div {margin-top:-24% !important}
            .textName {
                font-size: 30px; letter-spacing: 5px;}

        }

        .scrollDown { position: relative;
            z-index: 999;
            padding: 0;
            margin: 0;
            text-align: center;
            margin-bottom: 0;
            height: 0;
        }
       /*.scrollToAnchor {margin-top:-35px}*/

       .header .main-nav .nav .nav-item a:hover {
        color: #f58426 !important;
        background: none;
    }


    footer a {color:#fff; clear:both}

    footer .container .row .span-4:not(.footer-col):not(.clearfix):nth-child(1) .panel-body {padding-top:0}
    footer .container .row .span-4:not(.footer-col):not(.clearfix):nth-child(2)  {text-align:center}
    footer .container .row .span-4:not(.footer-col):not(.clearfix):nth-child(3)  {text-align:right; float:right; padding:30px 0}


    /*.header .main-nav .nav .nav-item.active a {color:#f58426 !important; text-decoration: underline !important;}*/
     .header .main-nav .nav .nav-item.active a {color:#fff !important; text-decoration: underline !important; text-decoration:underline}
    @media (max-width: 991px) {
        footer .container .row .span-4 { width:100%; text-align: center !important; float:left !important; padding:15px 0 0 0 !important}

    }


@media (max-width: 991px) {

section.span-full {
    padding: 50px 15px !important;
}
}
.content.left .span-8-sm.span-7.blkBG {display:block !important; }
.banner-video.video_custom .content.left {
    /* position: absolute; */
    /* top: 0; */
    z-index: 999;
    display: flow-root;
position:absolute !important
}
 .header .main-nav .nav .nav-item:last-child {background:#faba2c}
 .header .main-nav .nav .nav-item:hover,.header .main-nav .nav .nav-item a:hover,.header .main-nav .nav .nav-item a:focus {color:#fff !important; text-decoration:underline}

