* {
    box-sizing: content-box;
}
html,img,pre,h1,h2 {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    
    margin: 0;
    padding: 0;
    /*color: #212121;*/
    color: #494848;
    font-family: arial,verdana;
    font-size: 13px;
}
.clear_no_visible {
    clear:both;
    height:1px;
    overflow:hidden;
}
.clear-left {
    clear:left;
}
.no-right-padding {
    padding-right: 0px !important;
}
.no-right-margin {
    margin-right: 0px !important;
}
#main {
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    max-width: 1080px;
    overflow:hidden;
    background-color: #fff;    
}

/*
#content {
    padding: 20px;
}
*/

#main #video .player_wrapper {
    float:left; width:63.7%;
}
#main #video #player {
    position:relative; padding-top:1px; padding-bottom:56.25%; height:0;    
}

.player_inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.player_inner * {
  height:100%;
}

#main #video {
    position:relative;
}

.player_wrapper .player_toolbar {
    height:40px !important;
}

#main #video #metadata {
    width: 34%;
    float: right;    
    line-height: 18px;
}
#main #video #metadata h1 {
    font-size: 24px;
    /*color: #39396B;*/
    color: #333;
    padding-bottom: 5px;
    line-height: 25px;
}
#main #video #metadata span {
    display: block;
    color: #666;
    font-size: 10px;
    font-weight: normal;
}

.share_input_holder {
    width:34%; 
    float:right; 
    bottom:4px; 
    right:0px; 
    position:absolute;
    font-weight: bold;
}

.share_input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
}


#main #video #ajax_video_large {

}
#sosial {
    clear:both;
    width: 608px;
}
#sosial p {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 3px 0;
    margin: 0;
}
#sosiale_knapper {
    height:21px;
    overflow: hidden;
    text-align:left;
    font-size:12px;
    font-weight:bold;
    color:#333;
    float:left;
}
#sosiale_knapper div {
    width: 85px;
    float: left;
}

#deling_knapper {
    font-size: 12px;
    font-weight: bold;
    height:21px;
    float:right;
}
#deling_knapper div {
    float:left;
    padding-right: 7px;
}

#channels {
    clear: both;
    margin: 30px 0 15px 0;
    padding: 0px; /*Change to this in year 2017: padding: 0 40px;*/
    border-bottom: 1px solid #969698;
}
#channels a {
    /*display: block;*/
    float: left;    
    /*color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    margin-right:3px;
    background-color: #a8a9ad;
    width: 150px;  
      */
}

/*#channels a {
    display: block;
    background-color: #ffffff;
    border: 1px solid #153443;
    color: #153443;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-right:3px;
    min-width: 35px;
}*/


#channels .navbar-nav {
    margin:0px;
}

#channels .navbar-default .navbar-nav > .active > a, #channels .navbar-default .navbar-nav > .active > a:hover, #channels .navbar-default .navbar-nav > .active > a:focus {
    background-color: #01548a;
    line-height: 1.42857;
    color: #FFFFFF;
}
 
#channels a:hover,#channels a.active {
    /*background-color: #56b3d1;*/
    color: #FFFFFF;
}
 
#channels .navbar {
    margin-bottom: 0px;
    min-height: 40px;    
}
   
#channels .navbar-default {
    background-color: transparent;
    border: 0px;
}

#channels .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

#channels .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-collapse.in {
    overflow:visible;
}


#channels #navbar_label {
    display:none;
    float:left;
    padding-top:16px;
    font-weight:bold;
}

#channels .navbar-nav a {
    display: block;
    background-color: #f6f6f6;    
    border-bottom: 0px;
    color: #01548a;
    font-size: 14px;    
    text-align: center;
    text-decoration: none;
    line-height: 1.42857;
    /*margin-right:3px;*/    
    padding: 4px 12px;
}

#channels .flex-direction-nav a {
    background-color: transparent;
}


.bx-wrapper {
    float:left;
}


@media screen and (max-width: 767px) {
    #channels #navbar_label {
        display: block;
    }
    
    #channels .navbar {
        background-color: #FFF;
    }
}

.loader_img {
    margin:25px auto 0 auto; width:100px;
}


/*
    Scroll my videos, please
*/
#main #scroll_frame {
    overflow: hidden;
}
#ajax_video_small {
    font-size: 12px;
    overflow: hidden;
    position: relative;
}
#video_scroll {

}
.items {
    position: relative;
    width: 20000em;
}


#videolist {
    /*height: 450px;*/
    width: 100%;
    float: left;
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    /*overflow: hidden;*/
}
.video_element {
    width: 24.2%;
    float: left;
    margin: 0 10px 15px 0;
    overflow: hidden;
}
.video_element .video_element_img {
    display:block;
    width:100%;
    position:relative;
    height:0;
    padding: 56.25% 0 0 0;
    overflow:hidden;
    margin-bottom: 4px;
    float:left;
}

.video_element img {    
    /*position:absolute; left: 0; right:0; top:0; bottom:0;*/
    display: block;
    margin: auto;
    width: 100%;    
    min-width: 100px;
}

#videolist .video_element span, #videolist .video_element span a, #videolist .video_element span a:active, #videolist .video_element span a:hover {
    display: block;
    font-weight: bold;
    /*color: #39396B;*/
    color: #333;
    font-size: 18px;
    padding-bottom: 5px;
    text-decoration: none;
}
#videolist .video_element span .date {
    display: inline;
    color: #666;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 0 0 3px;
    float:right;
}

.foreground-small-play-image {
    min-width:25px !important; max-height:25px !important; height:25px !important; width:25px !important; position:absolute; top:40%; left:48%;
}

#navigasjon {
    clear: both;
    color: #e30613;
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 30px;
    text-align: center;
}
#navigasjon a {
    display: inline;
    cursor: pointer;
    text-decoration: none;
    background-color: #fafafa;
    padding: 2px 6px 2px 6px;
    border: solid 1px #cdcdcd;
    margin: 0px 2px 0 2px;
}
#navigasjon a.active {
    font-weight: bold;
}
#navigasjon a.disabled {
    border: solid 1px #ddd;
    background-color: #fff;
    color: #ddd;
    cursor: default;
}

.shadow {
    -moz-box-shadow: 0 3px 4px #555;
    -webkit-box-shadow: 0 3px 4px #555;
    box-shadow: 0 3px 4px #555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')"; /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555'); /* For IE 5.5 - 7 */
}


/* Social overlay */
.overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color: #fff;

    width:500px;
    min-height:200px;
    max-height: 90%;
    overflow: scroll;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}



.btn, .hcount .count-o {
    -moz-box-sizing: border-box;

    padding:0;
    margin:0;
    max-width: 100%;
}
.btn {
    -moz-user-select: none;
    display: inline-block;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top , #fff, #dedede);
    border: 1px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    cursor: pointer;
    font-weight: bold;
    font-size: 10px;
    padding: 3px 5px 4px 5px;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-decoration: none;
}
.btn:focus, .btn:hover, .btn:active {
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top , #f8f8f8, #d9d9d9);
    border-color: #bbb;
    box-shadow: none;
}
#share_input {
    clear:both;
    padding: 3px 0 0 0;
}
#share_input input {
    display: none;
    border: solid 1px #ddd;
    font-size: 10px;
    margin: 0;
    padding: 1px;
}



.loader_img {
    margin:25px auto 0 auto; width:100px;
}


/*
    Scroll my videos, please
*/
#main #scroll_frame {
    overflow: hidden;
}
#ajax_video_small {
    font-size: 12px;
    overflow: hidden;
    position: relative;
}
#video_scroll {

}
.items {
    position: relative;
    width: 20000em;
}


#videolist {
    width: 100%;
    float: left;
}
.video_element {
    width: 24.2%;
    float: left;
    margin: 0 10px 15px 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}   
.video_element .video_element_img {
    display:block;
    width:100%;
    position:relative;
    height:0;
    padding: 56.25% 0 0 0;
    overflow:hidden;
    margin-bottom: 4px;
    float:left;
}
      
.video_element img {    
    /*position:absolute; left: 0; right:0; top:0; bottom:0;*/
    display: block;  margin: auto;
    width: 100%;    
    min-width: 100px;
}

#videolist .video_element span, #videolist .video_element span a, #videolist .video_element span a:active, #videolist .video_element span a:hover {
    display: block;
    color: #37b3c7;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 5px;
    text-decoration: none;
}

#videolist .video_element span p {
    color: #555;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;    
    margin: 15px 0;
}
#videolist .video_element span .date {
    display: inline;
    color: #666;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 0 0 3px;
    float:right;
}

.playlist_thumbnail::before{
    background-color: rgba(26, 26, 26, 0.5);
    display:block;
    position: absolute;
    text-align: center;
}

.playlist_thumbnail {
    color: #fff;
    font-size: 13px;
    float:left;
    display:block;
    background-color: #a6a6a6;
    position:absolute; top:0; left:0;
}

.playlist_thumbnail img {
    width: 100%;
    height: 100%;
}

#videolist .video_element .video_selected .playlist_thumbnail::before{
    content:'Now Playing';
    display: block;
    position: absolute;
    text-align: center;
    width:100%;
    height:100%;
    padding-top: 23%;
    padding-top: calc(26% - 9px);
    padding-left: 9%;
    padding-left: calc(13% - 35px);
}

/*For the playbutton on the videolist*/
#videolist .video_element:hover .video_selected .playlist_thumbnail:before, .video_element:hover .playlist_thumbnail::before, #videolist .video_element:hover .video_selected .vjs-playlist-thumbnail::before, .video_element:focus .vjs-playlist-thumbnail::before {
    border-radius: 5px;
    content: "";
    font-family: "VideoJS";
    height: 34px;
    width: 40px;
    line-height: 34px;
    padding:0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/*.vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail::before, .vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail::before {
    border-radius: 5px;
    font-family: "VideoJS";
    height: 34px;
    left: 40.5px;
    line-height: 34px;
    top: 17px;
    width: 40px;
} */

.foreground-small-play-image {
    min-width:25px !important; max-height:25px !important; height:25px !important; width:25px !important; position:absolute; top:40%; left:48%;
}


.vjs-playlist-duration {
    background-color:rgba(26, 26, 26, 0.8); position: absolute; left:0; top:0; padding: 2px 8px; color:#fff;
}


    @media only screen and (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
    @media only screen and (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
    @media only screen and (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
    @media only screen and (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
    @media only screen and (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
    @media only screen and (min-width:1281px) { /* hi-res laptops and desktops */ }
    
    /* Large desktop */
    @media only screen and (min-width: 1200px) { 
        
    }
 
    /* Portrait tablet to landscape and desktop */
    @media only screen and (min-width: 768px) and (max-width: 979px) { 
        .video_element {
            width: 23.9% !important;
        }
    }
 
    /* Landscape phone to portrait tablet */
    @media only screen and (max-width: 767px) { 
        .player_wrapper {
            width:100% !important;
        }
        #metadata {
            width:100% !important;
            margin-top: 10px !important;
        }        
        .video_element {
            width: 48.8% !important;
        }        
        #channels .navbar {
            background-color: #FFF;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            border:0;
        }
        
        .share_input_holder {
            position: relative;
            float:left;
            width: 100%;                                                                                    
            margin: 20px 0px 10px 0px;
            font-weight: bold;
        }
        
        .videolist-second {
            margin-right:0px;
        }
        #channels #navbar_label {
            display: block;
        }

        #channels .navbar-nav li {
            float:left;
        }

    }
 
    /* Landscape phones and down */
    @media only screen and (max-width: 480px) { 
        #content {
            padding: 10px !important;
        } 
        /*
        .video_element {
            width: 99% !important;
        }
        .video_element img {
            width: 30% !important;
            float: left !important;
            padding: 0px 5px 4px 0px;
        }
        */
        
        .video_element {
            width: 100% !important;
        }
        
        .video_element .video_element_img {
            width: 100% !important;
        }
        
        .video_element img .lazy{
            width: 100% !important;
            float: left !important;
        }
        .large_link_text {
            padding-top: 18px !important;
        }
        
        #channels .navbar-nav > li {
            width: 100%;
            margin-bottom: 5px;
        }
        #channels .navbar-nav > li > a {
            text-align: center;
            width: 100%;
        }

        
    }