@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* BRR MEDIA UK SPECIFIC CSS */

.wrapperPlayerdiv{width:100%;height:100%;margin:0 auto}
.h_playerdiv{position:relative;}
.h_playerdiv .ratioPlayerdiv{display:block;width:100%;height:auto;}
.h_playerdiv .playerdiv{position:absolute;top:0;left:0;width:100%; height:100%; background-color:#ffffff;}

.vjs-waveform {

}

.showed {
    display: block;
}
.hidden {
    display: none;
}

.ukplayer_upper_panel {
    font-family: 'Open Sans';
}

.singlepage_companylogo {
    height: 70px;
    max-height: 70px;
}
.singlepage_companylogo.full-width{ height: 100%; width: 100%; padding-left: 1.5rem;}
.singlepage_companylogo img {
    height: 50%;
    width: auto;
    max-height: 70px;
    max-width: 100%;
    padding-bottom: 8px;
}
.brruk_event_sidepanel {
    /*background-color: #f6f6f6;*/
    background-color: #ffffff;
}
.brruk_event_sidepanel {
    border: 1px solid #eee;
    padding: 0px 15px;
}

.singlepage_title {
    font-size: 16px;
}
.separator {
    width: 100%;
    height: 10px;
}
.presenter_panel {
    position: relative;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.presenter_panel {
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.singlepage_title h4 {
    font-family: 'Open Sans';
    color: #444;
}
.ukplayer_side_description {
    margin-top: 10px;
}
.singlepage_description p {
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 18px;
}

#player_panel {
    border: 1px solid #eee;
    padding: 0px;
}

/* SOCIAL SHARING BUTTONS */

.smGlobalBtn{ /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 35px;
    height: 35px;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
    border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
/* facebook button class*/
.facebookBtn{
    background: #4060A5;
}

.facebookBtn:hover{
    color: #4060A5;
    background: #bbb;
}

/* twitter button class*/
.linkBtn{
    background: rgb(37,96,155);
}

.linkBtn:hover{
      color: rgb(37,96,155);
      background: #bbb;
}

/* twitter button class*/
.downloadBtn{
    background: #669900;
}

.downloadBtn:hover{
      color: #669900;
      background: #bbb;
}

/* twitter button class*/
.emailBtn{
    background: #ffcc00;
}

.emailBtn:hover{
      color: #ffcc00;
      background: #bbb;
}


/* researchnote button class*/
.researchnoteBtn{
    background: #00ABE3;
}

.researchnoteBtn:hover{
      color: #00ABE3;
      background: #bbb;
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:hover{
      color: #00ABE3;
      background: #bbb;
}

/* google plus button class*/
.googleplusBtn{
    background: #e64522;
}

.googleplusBtn:hover{
      color: #e64522;
      background: #bbb;
}

/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}


.linkedinBtn:hover{
      color: #0094BC;
      background: #bbb;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
}

.pinterestBtn:hover{
      color: #cb2027;
      background: #bbb;
}

/* tumblr button class*/
.tumblrBtn{
    background: #3a5876;
}

.tumblrBtn:hover{
      color: #3a5876;
      background: #bbb;
}

/* rss button class*/
.rssBtn{
    background: #e88845;
}

.rssBtn:hover{
      color: #e88845;
      background: #bbb;
}

#sharing_panel {
    min-height: 65px;
}

#sharing_panel {
    padding: 0px;
    border-top: 0;
}

#social_icons {
	text-align: center;
}

.modal {
    z-index: 11000!important;
}

.modal-backdrop {
  z-index: 10900!important;
}

.v_separator {
    height: 10px;
}

.max-width-1280 {
	max-width: 1280px;
}

.max-width-1024 {
	max-width: 1024px;
}
.max-width-1024 .col-sm-8 iframe{ height: 350px; }

@media only screen and (max-width: 992px) {
    #sharing_panel {
        min-height: 75px;
    }
    #elem_new_undefined1.col-sm-12 iframe{ height: 400px;}
    #elem_new_undefined1.col-sm-8 iframe{height: 250px;}
}

@media only screen and (max-width: 768px) {
    .singlepage_companylogo {
        height: inherit;
        max-height: inherit;
        padding: 0px;
        position: relative;
    }
    .singlepage_companylogo img {
        height: auto;
        width: auto;
		max-height: inherit;
		max-width:300px !important;
    }
    .showmore {
        font-size: 9px;
    }
    #elem_new_undefined1.col-sm-12 iframe{ height: 350px;}
}
@media only screen and (max-width: 640px) {
   #elem_new_undefined1.col-sm-12 iframe{ height: 290px;}
   #elem_new_undefined1.col-sm-8 iframe{height: 160px;}
}
@media only screen and (max-width: 480px) {
    .v_separator {
        height: 20px;
    }
    #sharing_panel {
        min-height: 125px;
    }
 #elem_new_undefined1.col-sm-12 iframe{ height: 190px;}
}
@media only screen and (max-width: 360px) {
   #elem_new_undefined1.col-sm-12 iframe{ height: 170px;}
   #elem_new_undefined1.col-sm-8 iframe{height: 150px;}
}

/* CSS FOR BRIGHTCOVE VIDEOS CHAPTERS STYLING */

.vjs-menu-button-popup .vjs-menu .vjs-menu-content{ max-height: 50em !important;}
.bc-player-default_default .vjs-menu-button-popup .vjs-menu .vjs-menu-item, .bc-player-default_default .vjs-menu-button-popup .vjs-menu .vjs-menu-title{ border-radius: 0; background-color: transparent;}

.bc-player-default_default .vjs-menu-button-popup .vjs-menu .vjs-menu-content{ background-color: rgba(0, 0, 0, 0.4) !important;  }
.vjs-chapters-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content{ left: -8.5em; width: 20em; }
.vjs-chapters-button .vjs-menu li{ text-align: left;}
.vjs-chapters-button .vjs-menu li:first-child{ display: none;}
.bc-player-default_default .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected{ background-color: rgba(255, 255, 255, 0.8);}
.vjs-menu-item:hover{ text-shadow: none !important; color: #000;}

.bc-player-default_default .vjs-menu-button-popup .vjs-menu ,
.bc-player-default_default .vjs-menu-button-popup .vjs-menu .vjs-menu-item:focus,   .bc-player-default_default .vjs-menu-button-popup .vjs-menu .vjs-menu-item:hover{text-shadow: none;color:#fff; background-color: rgba(156, 156, 156, 0.8); }
.vjs-menu-item.vjs-selected:hover{ text-shadow: none !important; color: #000 !important;}

/* Full width and no padding for player only layout */

.no-pad{ padding:0 !important;}
.full-width{ width: 100% !important;}
/* will remove the scrollbar but need to adjust with the height while resizing the browser*/
/*
iframe, html {
    overflow: hidden;
}*/
/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}
.overlay p{
    color: #818181;
    width: 90%;
    font-size: 17px;
    padding: 1rem 1.5rem;
    line-height: 1.5;
    margin: 0px auto;
    font-family: "Source Sans Pro","-apple-system",BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 20px;
    font-family: "Source Sans Pro","-apple-system",BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #fff;
    background: #FF6400;
}
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 20px;
        top: 15px;
        right: 35px;
    }
}