@charset "utf-8";
/* Main Navigation */

section.desktopmenu, section.mobilemenu {
    top:0;
}
section.mobilemenu {
    display: none;
}
section.desktopmenu {
    position: fixed;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background-color: #333333;
    z-index: 5000;
}
section.desktopmenu .container {
    max-width:1200px;
    padding:0;
}
section.desktopmenu nav.top-sub .container {
    max-height:50px;
}
.mega-dropdown {
    position: static !important;
}
.dropdown-menu.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #ccc;
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    color: #232323;
    padding: 3px 8px;
    font-size:16px;
}
.dropdown-menu>li>a {
    font-size:16px;
}
.dropdown-menu>li>a:hover {
    color: #3cc9f3;
    background-color:transparent;
}
.mega-dropdown-menu > li > ul > li > a:hover {
    color: #3cc9f3;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    font-family: zirkel-bold;
    color: #232323;
    padding: 5px 60px 5px 5px;
    line-height: 21px;
}
.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;
}
.carousel-inner>.item>a>img {
    max-width: 300px;
    margin: 0 auto;
}
.left.carousel-control {
    right: 30px;
    left: inherit;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}
.carousel-inner .item img {
    border:0px;
}
.navbar.navbar-inverse {
    margin-bottom:0;
    border-radius:0;
}
.navbar li {
    margin-bottom:0;
}
.navbar-top .navbar-nav>li>a {
    padding: 6px;
    color: #ffffff;
}
.navbar-top .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #3cc9f3;
}
.navbar-nav.navbar-right>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar .container .navbar-brand{
    padding: 10px 10px 10px 15px;
    margin: 0;
}
.navbar-inverse {
    background-color: #232323;
    border: 0;
}
.navbar-inverse .navbar-form {
    margin:16px 0;
    padding:0 5px;
}
.navbar .btn-group-right {
    float: right;
    margin:10px 15px 0 15px;
}
.navbar.navbar-top {
    min-height: auto;
    background-color: #333333;
}
section.desktopmenu .navbar.navbar-top .container {
    height: initial;
    
}
.navbar.navbar-top .login {
    padding: 11px 15px 0 50px;
    margin:0;
    display: block;
    float: right;
}
.navbar.navbar-top .login li {
    font-size: 14px;
    display: inline;
    margin:0;
    padding: 0;
    text-align: center;
}
.navbar.navbar-top .login li:last-of-type {
    margin:0 0 0 10px;
}

.navbar.navbar-top .login li a{
    
    color: #ffffff;
}
.navbar.navbar-top .login li a:hover {
    color: #3cc9f3;
    text-decoration: none;
}
.cta a.btn-primary, .navbar .btn-group-right a.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-family: Zirkel-SemiBold;
    text-align: center;
    height: 40px;
    border-radius: 2px;
    min-width:initial;
    min-height:initial;
}

.navbar .btn-group-right a.btn:nth-of-type(2) {
    background-color: #E73750;
}

.navbar .btn-group-right .btn-primary{
    background-color: #007dda;
    border-color: transparent;
}
.navbar .btn-group-right .btn-primary:visited{
    color: #ffffff;
}
.navbar .btn-group-right a.btn-primary:hover{
    color: #ffffff;
    background-image: none;
    background-color: #3cc9f3;
    border-color: #3cc9f3;
}

.navbar-form .input-group-btn .btn {
    padding: 3px 12px 2px;
}

.navbar-form .input-group-btn .btn-default {
    color: #ccc;
    background-color: #ffffff;
    border-color: #ccc;
}

.navbar-form .input-group-btn .btn-default:hover {
    background-color: #3cc9f3;
    color: #ffffff;
    border: 1px solid #3cc9f3;
}

.navbar-form .input-group-btn .btn-default:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-form .input-group>.form-control {
    width: 120px;
    
}
.navbar-right {
    margin-right:0;
}

.cta .btn-primary{
    color: #ffffff;
    background-color: #007dda;
    border-color: transparent;
}
#home-new .cta a.btn:hover,
header.header .cta .btn-primary:hover{
    color: #ffffff;
    background-image: none;
    background-color: #3cc9f3;
    border-color: #3cc9f3;
}
.cta .btn:nth-of-type(2){
    margin-left: 10px;
}
.cta .btn-primary:nth-of-type(2):hover{
    color: #E73750;
    background-image: none;
    background-color: #ffffff;
    border-color: #E73750;
}
.navbar-form input.form-control {
    width: 150px;
    height:28px;
    margin:0;
    border-radius: 4px;
    padding: 6px 12px;
}
.navbar-form input.form-control:focus {
    border-color: #3cc9f3;
}
.navbar-form .glyphicon {
    top: 4px;
    font-size: 16px;
}
.cta .btn-outline-primary,
section.grey-light .btn.btn-outline-primary{
    color: #007dda;
    background-image: none;
    background-color: #ffffff;
    border-color: #007dda;
    border-radius: 2px;
    padding: 6px 12px;
    font-size:18px;
    font-family:Zirkel-SemiBold;
}
.cta .btn-outline-primary:hover,
section.grey-light .btn.btn-outline-primary:hover {
    color: #3cc9f3;
    background-color: #ffffff;
    border-color: #3cc9f3;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav.navbar-right>li>a:hover,
.navbar-inverse .navbar-nav.navbar-right>.open>a, 
.navbar-inverse .navbar-nav.navbar-right>.open>a:focus, 
.navbar-inverse .navbar-nav.navbar-right>.open>a:hover, 
.navbar-inverse .navbar-nav.navbar-right>a:hover, 
.navbar-inverse .navbar-nav.navbar-right>a:focus {
    color: #3cc9f3;
    background-color: #333333;
}
.navbar a.login {
    color:#fff;
    padding-left:10px;
}
.navbar a.login:hover {
    color: #24221F;
    text-decoration:none;
}
.navbar .btn-sea{
    background-color: transparent;
    color: #fff;
    padding:1px 6px;
    
    border: 0;
}
.navbar .btn-sea:hover {
    color: #3cc9f3;
    padding:1px 6px;
    background-color: transparent;
    border: 0;
    font-weight: 400;
}


/* Footer Navigation */

footer {
    padding: 0px!important;
    background-color: #333333!important;
    
}
footer a, footer a:visited {
    color:#ffffff;
}
footer a:hover {
    color:#3cc9f3;
    text-decoration:none;
}
footer h3 {
    color:#3cc9f3;
    font-weight:bold;
    margin-bottom:10px;
    font-size: 24px;
}
footer .container.full {
    max-width: 100%;
    width: 100%;
}
footer li {
    font-size: 16px;
    margin-bottom: 8px;
}
footer .footer-bottom {
    margin-top: 20px;
    background-color:#232323;
}
footer .footer-bottom .container{
    padding:30px 0;
}
footer .footer-bottom p{
    color: #3cc9f3;
    font-size: 16px;
}
footer .footer-bottom .social {
    padding: 0;
    margin:0 auto 20px;
    display: block;
}
footer .footer-bottom .social li {
    font-size: 26px;
    display: inline;
    margin:0 0 0 15px;
    padding: 0;
    text-align: center;
}
footer .footer-bottom .social li:hover {
    color: #3cc9f3;
}
footer .footer-bottom .terms {
    padding: 0;
    margin:0 auto 20px;
    display: block;
}
footer .footer-bottom .terms li {
    display: inline;
    margin:0 0 0 15px;
    padding: 0;
    text-align: center;
}
footer .footer-bottom .terms li:hover {
    color: #3cc9f3;
}
footer .footer {
    padding-top: 50px;
}
footer .footer .social li a i {
    margin: 0 0 0 5px;
    color: #ffffff;
}
footer .flags {
    padding-bottom:30px;
}
footer .flags li {
    float: left;
    margin-right:2px;
}
footer .flags img {
    width: 25px;
    border: solid 1px #ffffff;
}
footer .flags img:hover {
    border: solid 1px #3cc9f3;
}
footer .footer-top {
    padding: 20px 0;
    background-color:#232323;
}
footer .footer-top ul.cta {
    padding: 20px 0;
    margin: 0 auto;
    display: block;
    width: 100%;
}
footer .footer-top ul.cta li {
    font-size: 26px;
    display: inline;
    margin: 0;
    padding: 0;
    text-align: center;
}
footer .footer-top ul.cta li a {
    font-size: 26px;
}
footer .footer-top ul.cta li:nth-child(even) {
    margin: 0 50px;
}
footer .social a {
    font-size: 26px;
}

/* Header */
.pageHolder {
    margin-top:0px;
    
}
header.header, section.no-head {
    margin-top:60px;
}
header.header-white {
    background-color:#ffffff;
    color: #232323;
    margin-top:60px;
}
header.header-white h1 {
    color: #232323;
}

header.header-white h2 {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 10px 0;
    font-family: Zirkel-ExtraLight, verdana, sans-serif, Arial;
}
header.header-white .container p {
    font-size: 18px;
}
section.white img {
    max-height:250px;
}

section.white .embed-responsive img {
    max-height: initial;
}
section.white .success img,
section.white .dashboard img {
    max-height:initial;
}
section.white .logos img {
    max-height: 100px;
    margin-bottom:30px;
}
header .container img {
    max-height:initial;
}
header .container img.vidyard-player-embed,
section .container img.vidyard-player-embed {
    width:100%;
}
.panel-title {
    font-size: 18px;
    font-weight: bold;
}
section.nohead {
    margin-top:60px;
}
section.white .container.nohead, 
section.grey-light .container.nohead {
    padding-top:0;
}
header.header-white div.row {
    margin:0;
}
header.header-white div.row:nth-of-type(2) {
    margin-top:30px;
}
.features header.header-white img {
    margin-top:30px;
}

#home-new .header .container {
    padding: 50px 0;
}

/* VidYard */

.vision, .mission, .video {
    margin-bottom:30px;
}
.vidyard_player > span {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    position: static !important;
}


/* Responsive */

nav.small.top {
    min-height:60px;
}
.toplogocenter {
    float: left;
    padding: 10px 10px 10px 15px;
}
.expand-menu {
    top-margin: 20px;
}
section.mobilemenu, section.desktopmenu {
    z-index: 1000;
}

/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024   - desktop (default grid)
1024-768    - tablet landscape
768-480     - tablet 
480-less    - phone landscape & smaller

Boostrap columns - 768, 992, 1200
.col-xs- <768
.col-sm- >768 <992
.col-md- >992 <1200
.col-lg- >1200

--------------------------------------------*/


/* Tablet landscape */
@media all and (min-width: 768px) and (max-width: 1024px) {
    
    header.header-white {
        margin-top: 60px;
    }
    .navbar .btn-group-right a.btn {
        /*margin-right:15px;*/
    }
    
}

/* Tablet portrait */
@media all and (min-width: 480px) and (max-width: 768px) {
    section.mobilemenu {
        display: block;
        position: fixed;
    }
    section.desktopmenu {
        display: none;
    }
    .footer-bottom .col-sm-4 {
        text-align:center;
    }
    header.header-white, header.header, section.no-head {
        margin-top: 50px;
    }
    header.header-white .container, header.header .container, section.no-head .container {
        padding: 30px 0;
    }
    header.header-white .container {
        padding: 25px 0;
    }
    section .container {
        padding: 25px 0;
    }
    section .navbar .container {
        padding: 0;
    }
    section.white .container {
        padding: 25px 0 0 0;
    }
    section.white .container:last-of-type {
        padding: 25px 0;
    }    
    .col-sm-12 .col-xs-6 {
        padding: 0;
    }    
    navbar-form .input-group>.form-control {
        width: 100px;
    }
    footer .footer-top ul.cta li {
        font-size: 22px;
    }
    footer .footer-top ul.cta li:nth-child(even) {
        margin: 0 25px;
    }
    footer .col-md-2 .col-md-12.col-xs-6:nth-child(even) {
        padding-left:15px;
    }
    footer .col-sm-12.col-xs-6:first-of-type {
        padding-left:0;
    }
    section.nohead {
        margin-top: 50px;
    }
    .maincontent .newRL .right {
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }
    .maincontent .newRL .left {
        width: 100%;
        padding: 0 15px;
    }
    .newRL.contentinner {
        margin-top:0!important;      
    }
    .content .resources2 .contentleft.Papers,
    .content .resources2 .contentleft.eBook,
    .content .resources2 .contentleft.Event,
    .content .resources2 .contentleft.Video,
    .content .resources2 .contentleft.Webinar {
        width:100%;
        padding:0 15px;
    }
    .news .contentleft, .news .blogfullright {
        float:none;
        width:100%;
        padding:0 15px;
        margin:0;
    }
    
    .cc-bottom {
        top: 100px!important;
        bottom: unset!important;
    }
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape)
.cc-window.cc-bottom {
        top: 100px!important;
        bottom: unset!important;
}

/* Phone */
@media all and (max-width: 480px) {
    
    .cc-bottom {
        top: 100px!important;
        bottom: unset!important;
    }
    section.mobilemenu {
        display: block;
        position: fixed;
    }
    section.desktopmenu {
        display: none;
    }
    .footer-bottom .col-sm-4 {
        text-align:center;
    }
    header.header-white, header.header, section.no-head {
        margin-top: 50px;
    }
    header.header-white .container, header.header .container, section.no-head .container {
        padding: 30px 0;
    }
    .navbar-more .navbar-form .input-group-btn .btn.cta {
        display: inline-block;
        min-width: auto;
        min-height: auto;
    }
    .row {
        margin:0;
    }
    footer .footer-top ul.cta li {
        display: block;
        padding-bottom: 30px;
    }
    footer .footer-top ul.cta li:nth-child(even) {
        margin: 0;
    }    
    footer .col-md-2 .col-md-12.col-xs-6:nth-child(even) {
        padding-left:15px;
    }    
    section.nohead {
        margin-top: 50px;
    }
    .navbar-nav.navbar-right>li>a {
        padding:10px 8px;
    }
    .maincontent .newRL .right {
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }
    .maincontent .newRL .left {
        width: 100%;
        padding: 0 15px;
    }
    .col-sm-12.col-xs-6:first-of-type {
        padding-left:0;
    }
    .col-sm-12.col-xs-6:nth-of-type(2) {
        padding-left:15px;
    }
    .newRL.contentinner {
        margin-top:0!important;      
    }
    .content .resources2 .contentleft.Papers,
    .content .resources2 .contentleft.eBook,
    .content .resources2 .contentleft.Event,
    .content .resources2 .contentleft.Video,
    .content .resources2 .contentleft.Webinar {
        width:100%;
        padding:0 15px;
    }
    .news .contentleft, .news .blogfullright {
        float:none;
        width:100%;
        padding:0 15px;
        margin:0;
    }
}

/* Phone - small */
@media all and (max-width: 320px) {
 
    .navbar-nav.navbar-right>li>a {
        padding:10px 5px;
    }
}

/* Nested Columns */

.col-md-3.col-sm-6 .btn {
    margin-bottom:30px;
}
.col-md-2 .col-sm-12 {
    padding: 0;
}

/* Mobile Navigation */

.mobile-bar li:last-child{
    /* min-width:45px; */
}
.hamburger{
    background:none;
    padding:0;
    color:#fff;
    border:0;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}
.navbar .container.mobile {
    background-color: #333333;
    border-color: #333333;
    width:100%;
    padding: 0 15px;
}
.navbar .container.navbar-more {
    padding: 0;
    width:100%;
    background-color: #f5f5f5;
}
.navbar .container.navbar-more .navbar-form {
    padding: 10px;
    margin: 0;
    border:0;
    width:100%;
}
.navbar-inverse .navbar-nav.navbar-right>li>a {
    color:#fff;
}
.navbar-inverse .navbar-nav.navbar-right>li>a:hover {
    color:#3cc9fd;
}
.navbar-more {
    position:relative;
}
.cross{
    background:none;
    padding:0;
    color:#999;
    border:0;
    display:none;
}
.navbar-more .menu{
    width:100%;
    background:#f5f5f5;
    display:none;
    font-size:14px;
}
.navbar-more .menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
.navbar-more .menu ul.stack li {
    float:left;
    width: 50%;
}
.navbar-more .menu li {
    display: block;
    padding:10px;
    border-bottom:#dddddd 1px solid;
}
.navbar-more .menu li:hover{
    display: block;
    background:#ffffff;
    border-bottom:#dddddd 1px solid;
}
.navbar-more .menu ul li a {
    text-decoration:none;
    margin: 0px;
    color:#232323;
}
.navbar-more .menu ul li a:hover {
    color: #3cc9fd;
    text-decoration:none;
}
.navbar-more .menu a{
    text-decoration:none;
    color:#fff;
}
.navbar-more .menu a:hover{
    text-decoration:none;
    color:#3cc9fd;
}
.container.mobile a{
    color:#ffffff;
}
.container.mobile .navbar-brand {
    float: left;
    padding: 10px 0;
    font-size: 18px;
    line-height: 20px;
}
.container.mobile .navbar-brand>img {
    height: 30px;
}
.container.mobile>.navbar-header {
    margin:0;
}
.container.mobile .navbar-right {
    float: right!important;
}
.container.mobile .navbar-nav {
    margin: 0;
}
.container.mobile .navbar-nav>li {
    float: left;
}
.container.mobile .navbar-header {
    float: left;
}
.navbar-more .btn-default.cta {
    background-color: #007dda;
    color: #ffffff;
    border-color: #007dda;
}
.navbar-more .menu .btn-default:hover {
    background-color: #3cc9f3;
    color: #ffffff;
}
.navbar-more .menu h2 {
    font-size: 18px;
    text-align: center;
}

.navbar-more .navbar-form .input-group>.form-control {
    width: 100%;
}

.navbar-more .navbar-form .input-group-btn .btn.cta {
    padding: 3px 12px 3px;
}

.mobile-bar.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Blog-Resource */
.newRL .left .container.ng-scope {
    padding:0;
}

article.blogpost img {
   max-width:100%;    
}

/* Video */
.vidyard-player-container {
    /*overflow:visible!important;*/
}