/*  css reset.. */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
    nav ul {
        list-style: none;
    }
blockquote, q {
    quotes: none;
}
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
/* tables still need cellspacing="0" in the markup 
table { border-collapse:collapse; border-spacing:0; }*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
/* END RESET CSS */
/* main styles */
body {
    margin: 0 0 0 0;
    text-align: center;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #44454a;
}
.container {
    width: 978px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}
.container2 {
    margin: 0 auto;
    position: relative;
    text-align: left;
}
/* header */
#header {
    width: 100%;
    height: 120px;
    padding: 0;
    position: relative;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 200;
    border-bottom: 2px solid #e2e5f1;
}
#logo {
    width: 368px;
    position: relative;
    top: 54px;
}
#toolbar {
    background: #f4f5fa;
    height: 30px;
    position: absolute;
    top: 0;
    width: 100%;
}
    #toolbar #social-media-links {
        position: absolute;
        right: 142px;
        top: 3px;
    }
#header #social-media-links img {
    float: left;
    margin: 0 4px 0 0;
}
#header #social-media-links a:hover {
    opacity: 0.75;
}
#header #language-links {
    position: absolute;
    right: 210px;
    top: 3px;
    width: 100px;
}
#language-links .arabic {
    font-weight: 400;
    text-decoration: none;
    font-size: 20px;
    color: #d8a100;
    border-radius: 3px;
    background: #293893;
    height: 24px;
    line-height: 24px;
    display: block;
    width: 100px;
    text-align: center;
}
    #language-links .arabic:hover {
        background: #7282b3;
    }
a#client-login {
    position: absolute;
    right: 0;
    top: 3px;
    color: #fff;
    background: #7282b3;
    display: block;
    width: 118px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    text-decoration: none;
    border-radius: 3px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}
    a#client-login:hover {
        opacity: 0.75;
    }
/*main nav*/
#main-nav {
    position: absolute;
    width: 100%;
    top: 30px;
}
.menu-main-container {
    position: relative;
    width: 978px;
    margin: 0 auto;
}
#main-nav ul#menu-main {
    position: absolute;
    right: 0;
    top: 0;
    width: 558px;
}
/* main content area */
#main {
    margin-top: 120px;
    position: relative;
}
.content {
    padding: 40px 0;
}
/* modules /columns */
.module-2col {
    float: left;
    width: 474px;
    text-align: left;
    position: relative;
}
    .module-2col:first-child {
        margin: 0 30px 0 0;
    }
.module-4col {
    float: left;
    width: 222px;
    text-align: left;
    margin-left: 30px;
}
    .module-4col:first-child {
        margin: 0;
    }
.module-6col {
    float: left;
    width: 138px;
    text-align: left;
    margin-left: 30px;
}
    .module-6col:first-child {
        margin: 0;
    }
/* side-nav */
#side-nav {
    width: 222px;
    float: left;
    margin: 6px 30px 0 0;
}
    #side-nav ul {
        width: 222px;
        border-top: 1px solid #D7DAEB;
        list-style-type: none;
        float: left;
    }
    #side-nav li {
        width: 222px;
        border-bottom: 1px solid #d7daeb;
        float: left;
        margin: 0;
    }
        #side-nav li a {
            text-decoration: none;
            display: block;
            font-weight: normal;
            font-size: 14px;
            color: #5d69b2;
            padding: 16px 15px;
        }
            #side-nav li a:hover {
                text-decoration: underline;
            }
        #side-nav li.current-menu-item a,
        #side-nav li.current-post-parent a {
            background: #f4f5fa;
            color: #293893;
        }
/* title bar */
#title-bar {
    background: #293893 /*url(images/feature-bg-icons4.png) repeat-x center top*/;
    background-size: 600px;
    height: 108px;
}
    #title-bar h1 {
        font-size: 32px;
        font-weight: 300;
        color: #fff;
        text-align: left;
        position: relative;
        top: 32px;
        padding-left: 252px;
    }
/* page content */
#page {
    width: 726px;
    float: left;
    font-size: 14px;
}
#main .single-column {
    width: 726px;
    margin: 0;
}
#page h1 {
    font-size: 32px;
    margin: 0 0 24px 0;
    font-weight: 300;
}
    #page h1 a {
        text-decoration: none;
    }
#page h2 {
    font-size: 24px;
    margin: 0 0 0.5em 0;
    font-weight: 300;
}
#page h3 {
    font-size: 14px;
    margin: 0 0 0.5em 0;
}
#page p {
    line-height: 1.6em;
    margin: 0 0 2em 0;
}
#page ul {
    margin: 10px 0 20px 20px;
}
#page li {
    margin: 0 0 0.5em 0;
}
#page img {
    border: 1px solid #696969;
}
/* page image styling */
#page img {
    border: none;
}
/*right aligned image and caption*/
#page .alignleft {
    float: left;
    margin: 0 20px 5px 0;
}
#page .alignright {
    float: right;
    margin: 0 0 5px 20px;
}
.wp-caption {
    text-align: center;
}
#page p.wp-caption-text {
    font-size: 11px;
    padding: 5px;
    color: #293893;
    margin: 0;
}
/* related links */
#related-links {
    background: url(images/page-divider.gif) no-repeat 0px 0px;
    margin: 30px 00;
    padding: 30px 0 0 0;
}
    #related-links h4 {
        font-size: 20px;
        color: #83c8b9;
        font-weight: normal;
        margin: 0 0 18px 0;
    }
    #related-links ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    #related-links li {
        margin: 0 0 10px 0;
    }
        #related-links li a {
            text-decoration: none;
        }
/*links*/
#linkcol-left {
    width: 350px;
    float: left;
}
#linkcol-right {
    width: 250px;
    float: left;
}
.list_links {
    list-style-type: none;
    margin: 0 0 25px 0;
    padding: 0;
}
#linkcol-right img {
    margin-bottom: 25px;
}
#content .list_links h2 {
    color: #555;
    font-size: 100%;
    letter-spacing: 0.04em;
    margin: 0 0 2px 0;
}
.list_links li {
    margin: 0 0 .2em 0;
    list-style-type: none;
}
.list_links a {
    color: #555;
    background: none;
}
    .list_links a:hover {
        color: #4f91cd;
    }
.list_links .linkcat {
    margin: 0 0 25px 0;
}
/* footer */
#footer {
    background: #293893;
    height: 320px;
    padding: 40px 0 0 0;
    position: relative;
}
    #footer h3 {
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        margin: 0 0 20px 0;
    }
.footer-links {
    margin: 0 0 0 30px;
    float: left;
    width: 222px;
}
    .footer-links:first-child {
        margin: 0;
    }
#footer ul {
    list-style-type: none;
}
    #footer ul li {
        margin: 0 0 5px 0;
    }
        #footer ul li a:before {
            content: "\00BB";
            padding: 0 5px 0 0;
        }
        #footer ul li a {
            color: #fff;
            text-decoration: none;
            font-size: 12px;
        }
            #footer ul li a:hover {
                color: #385fb6;
                text-decoration: none;
            }
div#copyright {
    width: 100%;
    clear: left;
}
    div#copyright p {
        padding: 20px 0 0 0;
        color: #6d78be;
        font-size: 11px;
    }
    div#copyright a {
        color: #6d78be;
    }
/* category page */
#category-desc {
    font-weight: bold;
    margin: 0 0 20px 0;
}
#category-list {
    width: 400px;
}
    #category-list .post {
        border-bottom: 1px solid #e9d9ec;
        margin: 0 0 20px 0;
        padding: 0 0 25px 0;
        width: 400px;
    }
.category-thumbnail {
    width: 100px;
    float: right;
    margin: 0 0 0 20px;
}
#category-list .post h2 {
    margin: 0 0 5px 0;
    font-size: 18px;
    text-transform: none;
    letter-spacing: normal;
}
    #category-list .post h2 a {
        text-decoration: none;
        color: #433a44;
    }
        #category-list .post h2 a:hover {
            color: #385fb6;
        }
#page .post p.date {
    font-size: 11px;
    margin: 0 0 0.2em 0;
    color: #6e007c;
}
.postmetadata {
    font-size: 11px;
    color: #433a44;
    padding: 0.5em 0 0 0;
}
/* single posts */
#page .post-date {
    font-size: 13px;
    margin: 0 0 20px 0;
}
/* comments */
.comments-container {
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #83C8B9;
}
#page .comments-container h3 {
    font-size: 14px;
    margin: 0 0 1em 0;
}
form#commentform {
    font-size: 12px;
}
    form#commentform label {
        color: #662d91;
        display: block;
        margin: 0 0 3px 0;
    }
    form#commentform input {
        margin: 0 0 8px 0;
        width: 210px;
    }
textarea#comment {
    margin: 0 0 10px 0;
    width: 425px;
}
ol.commentlist {
    margin: 0 0 1.5em 0;
    padding: 0;
}
    ol.commentlist li {
        margin: 0 0 1.5em 0;
        padding: 0 0 1.5em 0;
        border-bottom: 1px dotted #d9e4f3;
    }
.comment-author,
.comment-meta {
    font-size: 11px;
}
#page ol.commentlist p {
    margin: 10px 0 0 0;
}
ol.commentlist .reply a {
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}
    ol.commentlist .reply a:after {
        content: " \00BB";
    }
#page ol.commentlist ul.children {
    margin: 15px 0 0 15px;
}
    #page ol.commentlist ul.children li {
        border: none;
    }
/* sidebar */
#sidebar {
    width: 222px;
    float: left;
    color: #eee;
    font-size: 11px;
    padding: 65px 0 0 0;
}
.widget-wrapper {
    background: #e5e6f1;
    border-radius: 8px;
    padding: 20px;
    margin: 0 0 20px 0;
}
.widget {
    color: #293893;
}
.widgettitle {
    font-size: 18px;
    margin: 0 0 15px 0;
    color: #293893;
    font-weight: 400;
    line-height: 1em;
}
.widget_recent_entries {
    color: #293893;
}
#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.widget li {
    border-bottom: 1px solid #d7daeb;
    padding: 0 0 12px 0;
    margin: 0 0 12px 0;
    color: #293893;
}
    .widget li a {
        text-decoration: none;
    }
.widget p.cta a {
    text-decoration: none;
    font-weight: 600;
}
    .widget p.cta a:hover {
        text-decoration: underline;
    }
#sfstest-sidebar {
    background: url(images/home-testimonial-open.png) no-repeat 0px 0px;
    padding: 20px 0 0;
}
.widget_testimonials blockquote {
    color: #293893;
    font-style: italic;
    font-size: 13px;
    line-height: 1.6em;
    margin: 0 0 15px 0;
}
.widget_testimonials cite {
    color: #293893;
    font-style: normal;
    font-size: 11px;
    line-height: 1.2em;
    display: block;
    background: url(images/home-testimonial-close.png) no-repeat right top;
}
    .widget_testimonials cite a {
        color: #293893;
        font-weight: 600;
        text-decoration: none;
    }
.widget_listcategorypostswidget {
    padding: 20px;
}
    .widget_listcategorypostswidget li a {
        display: block;
    }
.textwidget img {
    margin: 0 0 10px 0;
}
#text-6 .textwidget,
#text-7 .textwidget {
    background: #fff;
    text-align: center;
}
    #text-7 .textwidget p {
        background: #e6e7f1;
        text-align: left;
        padding: 0 0 10px 0;
    }
        #text-7 .textwidget p.cta {
            padding: 15px 0 0 0;
        }
    #text-6 .textwidget img,
    #text-7 .textwidget img {
        display: block;
        padding: 10px 0;
        margin: 0px auto;
    }
/*homepage*/
#home {
    position: relative;
    margin-top: 600px;
}
/*home slideshow */
#home-features {
    background: #293893 /*url(images/feature-bg-icons4.png) repeat-x left top*/;
    position: fixed !important;
    width: 100%;
    height: 480px;
    z-index: -100;
    top: 120px;
}
.feature-slide {
    padding: 0;
    color: #fff;
    width: 100%;
    display: none;
}
    .feature-slide:first-child {
        display: block;
    }
    .feature-slide .container {
        text-align: center;
        padding-top: 90px;
    }
    .feature-slide a {
        text-decoration: none;
        color: white
    }
    .feature-slide h1 {
        font-size: 48px;
        font-weight: 300;
        line-height: 56px;
    }
        .feature-slide h1 strong {
            font-weight: 600;
        }
#home-features h2 {
    font-size: 16px;
    font-weight: 400;
    color: #293893;
    margin: 0 50px;
}
span.feature-cta {
    padding: 0 0 0 0;
    display: block;
    font-weight: 600;
    color: #293893;
    font-size: 15px;
    margin: 0 50px;
    text-decoration: none;
}
#feature3 span.feature-cta {
    width: 300px;
}
span.feature-cta:hover {
    text-decoration: underline;
}
.cycle-pager {
    position: absolute;
    width: 100%;
    bottom: 10px;
    text-align: center;
    z-index: 200;
}
    .cycle-pager span {
        cursor: pointer;
        margin: 0 5px;
        border: 1px solid #fff;
        background: rgba(255,255,255,0.5);
        text-indent: -9999px;
        display: inline-block;
        height: 15px;
        width: 15px;
        border-radius: 2px;
    }
        .cycle-pager span.cycle-pager-active {
            background: #fff;
        }
a#prev {
    background: url(images/previous.png) no-repeat 0px 0px;
    left: 284px;
}
a#next {
    background: url(images/next.png) no-repeat 0px 0px;
    left: 340px;
}
a#prev:hover {
    background: url(images/previous.png) no-repeat 0px -20px;
}
a#next:hover {
    background: url(images/next.png) no-repeat 0px -20px;
}
/* homepage feature slide01 */
#feature-broadcaster-logos {
    margin-top: 54px;
}
    #feature-broadcaster-logos img {
        padding: 0 20px;
    }
.feature-slide .sprite {
    opacity: 0;
}
/* homepage feature slide02 */
#feature-client-logos {
    margin-top: 54px;
}
    #feature-client-logos img {
        padding-left: 30px;
        max-width: 166px;
        height: auto;
        vertical-align: middle;
    }
        #feature-client-logos img:first-child {
            padding-left: 0;
        }
/* homepage feature slide03 */
#feature-ols {
    width: 978px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -489px;
    top: 480px;
}
/* homepage feature slide - Davos */
#davos > a {
    display: block;
    cursor: pointer;
}
#feature-davos {
    width: 100%;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
}
#davos span.feature-cta {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin-top: 2em;
    color: white;
}
/* homepage feature slide - TED */
#feature-ted-logo {
    margin-bottom: 20px;
}
/*homepage module */
.home-module {
    position: relative;
}
    .home-module .container {
        text-align: center;
        padding: 60px 0;
    }
    .home-module h1 {
        font-size: 48px;
        font-weight: 300;
        line-height: 56px;
        color: #293893;
        margin: 0 0 32px 0;
    }
    .home-module h2 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5em;
        margin: 0 0 40px 0;
    }
    .home-module .cta {
        font-weight: 700;
        font-size: 19px;
        color: #293893;
        margin: 60px 0 0;
        display: block;
    }
    .home-module .module-2col ul,
    .home-module .module-2col ol {
        margin-left: 1em;
        font-size: 18px;
    }
    .home-module .module-2col li {
        margin: 0 0 20px 0;
    }
/* your story */
#home-yourstory {
    background: #e2e5f1;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(234,236,245,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaecf5', GradientType=0 );
    min-height: 720px;
}
#logo-squares {
    position: relative;
    left: 50px;
    top: 10px;
}
#license-squares {
    position: absolute;
    left: 50px;
    top: 10px;
}
/* players module */
#home-players {
    background: #fff;
}
.home-player {
    float: left;
    width: 474px;
    margin-left: 30px;
}
    .home-player:first-child {
        margin-left: 0;
    }
    .home-player h3 {
        font-weight: 300;
        font-size: 32px;
        color: #293893;
        border-bottom: 1px solid #293893;
        margin: 20px 0 15px;
        padding: 0 0 5px 0;
    }
    .home-player a {
        text-align: center;
        width: 474px;
    }
    .home-player p {
        text-align: left;
    }
/* downloads module */
#home-downloads {
    background: #e2e5f1;
    height: 800px;
}
    #home-downloads img {
        position: relative;
    }
.module-summary {
    clear: both;
    padding-top: 30px;
}
#home-downloads .cta {
    margin-top: 30px;
}
/* ols module */
.easyhtml5video {
    position: relative;
    max-width: 475px;
}
    .easyhtml5video img {
        width: 100%;
        height: auto;
    }
#home-ols {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(234,236,245,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(234,236,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaecf5', GradientType=0 );
}
/* benefits module */
#home-benefits {
    background: #293893 url(images/feature-bg-icons3.png) repeat-x center top;
    background-size: cover;
    color: #fff;
    height: 780px;
}
    #home-benefits h1 {
        color: #fff;
    }
    #home-benefits h2 {
        margin-bottom: 20px;
    }
    #home-benefits .cta {
        color: #fff;
        margin-top: 30px;
    }
    #home-benefits ul {
        text-align: left;
        width: 692px;
        margin: 0 auto;
        list-style-type: none;
    }
    #home-benefits li {
        height: 68px;
        line-height: 68px;
        font-size: 18px;
        font-weight: 400;
    }
        #home-benefits li span {
            width: 85px;
            height: 68px;
            display: inline-block;
            text-align: center;
        }
        #home-benefits li img {
            vertical-align: middle;
        }
/* clients module */
#home-clients {
    background: #fff;
}
    #home-clients .module-4col {
        font-weight: 600;
        font-size: 14px;
        color: #9497a1;
        position: relative;
        width: 306px;
    }
        #home-clients .module-4col span {
            text-align: center;
            display: table-cell;
            width: 306px;
            height: 106px;
            padding: 0 0 25px 0;
            vertical-align: bottom;
        }
            #home-clients .module-4col span img {
                vertical-align: bottom;
            }
        #home-clients .module-4col p {
            font-weight: 600;
            font-size: 14px;
            color: #9497a1;
        }
    #home-clients .morelink {
        color: #293893;
    }
    #home-clients blockquote {
        width: 306px;
        position: absolute;
        top: 115px;
        left: 0;
        background: url(images/quote-small.png) no-repeat left top, url(images/quote-small-close.png) no-repeat right bottom, #fff;
        box-sizing: border-box;
        padding: 20px 10px 10px;
        text-align: center;
        display: none;
    }
    #home-clients .module-4col blockquote p {
        line-height: 1.5em;
        padding-bottom: 25px;
    }
    #home-clients blockquote .cta {
        margin: 0;
        font-size: inherit;
        position: absolute;
        bottom: 10px;
        display: block;
        width: 100%;
    }
/* how it works module */
#home-how-it-works {
    background: rgba(114,130,179,1);
    background: -moz-linear-gradient(top, rgba(114,130,179,1) 0%, rgba(42,57,147,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,130,179,1)), color-stop(100%, rgba(42,57,147,1)));
    background: -webkit-linear-gradient(top, rgba(114,130,179,1) 0%, rgba(42,57,147,1) 100%);
    background: -o-linear-gradient(top, rgba(114,130,179,1) 0%, rgba(42,57,147,1) 100%);
    background: -ms-linear-gradient(top, rgba(114,130,179,1) 0%, rgba(42,57,147,1) 100%);
    background: linear-gradient(to bottom, rgba(114,130,179,1) 0%, rgba(42,57,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7282b3', endColorstr='#2a3993', GradientType=0 );
    color: #fff;
}
    #home-how-it-works h1 {
        color: #fff;
    }
    #home-how-it-works .cta {
        color: #fff;
    }
#home-licensing-animation {
    margin-top: -20px;
}
/* broadcasters module */
#home-broadcasters {
    background: #fff;
    height: 650px;
}
    #home-broadcasters .module-6col {
        text-align: center;
        height: 75px;
    }
        #home-broadcasters .module-6col img {
            vertical-align: middle;
        }
    #home-broadcasters .clearfix {
        margin-bottom: 30px;
    }
/* help module */
#home-help {
    background: #7282b3 url(images/home-map-bg.png) no-repeat center top;
    color: #fff;
    height: 465px;
}
    #home-help h1 {
        color: #fff;
    }
    #home-help #contact-buttons a {
        width: 114px;
        display: table;
        margin-left: 30px;
        height: 72px;
        border-radius: 5px;
        float: left;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        box-sizing: border-box;
        padding: 0 5px;
        font-size: 15px;
    }
        #home-help #contact-buttons a:hover {
            background-color: #283495 !important;
        }
        #home-help #contact-buttons a:first-child {
            margin-left: 0;
        }
        #home-help #contact-buttons a span {
            vertical-align: middle;
            height: 72px;
            display: table-cell;
        }
    #home-help #social-buttons {
        text-align: center;
        padding-top: 30px;
    }
        #home-help #social-buttons a {
            width: 84px;
            height: 84px;
            display: inline-block;
            margin-left: 30px;
            border-radius: 100%;
            background-color: #283495;
            color: #fff;
            font-weight: 700;
            text-decoration: none;
            background-position: center center;
            background-repeat: no-repeat;
            text-indent: -9999px;
        }
            #home-help #social-buttons a:hover {
                opacity: 0.75;
            }
#help-twitter {
    background-image: url(images/home-help-twitter.png);
}
#help-facebook {
    background-image: url(images/home-help-facebook.png);
}
#help-google {
    background-image: url(images/home-help-google.png);
}
#help-linkedin {
    background-image: url(images/home-help-linkedin.png);
}
/*testimonials*/
#tesimonials-list blockquote {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    color: #293893;
    font-size: 14px;
    background: #f4f5fa url(images/home-testimonial-open.png) no-repeat 15px 15px;
    position: relative;
    padding: 30px 30px 15px;
    border-radius: 6px;
    font-style: normal;
}
#page #tesimonials-list blockquote p.full-quote {
    margin: 0;
    font-size: 20px;
    font-weight: 300;
}
#page #tesimonials-list blockquote p.source {
    margin: 10px 0 0;
}
#page #tesimonials-list blockquote cite {
    font-weight: 600;
    color: #433a44;
    font-style: normal;
}
#tesimonials-list blockquote cite strong {
    font-weight: 600;
}
#tesimonials-list blockquote cite a {
    color: #433a44;
    text-decoration: none;
}
    #tesimonials-list blockquote cite a:hover {
        color: #385fb6;
        text-decoration: underline;
    }
/* broadcasters */
#page #broadcaster-logos img.alignleft {
    margin: 0 15px 70px 0 !important;
    vertical-align: middle;
}
/* forms */
#page div.wpcf7 {
    margin: 0 0 30px 0;
    border: 1px solid #d7daeb;
    background: #e6e7f1;
    position: relative;
}
form.wpcf7-form {
    padding: 30px;
}
    form.wpcf7-form fieldset {
        padding: 0 0 20px;
    }
#page form.wpcf7-form h3 {
    margin: 0 0 1em 0;
}
#page form.wpcf7-form p {
    margin: 0 0 15px 0;
}
    #page form.wpcf7-form p.left-field {
        float: left;
        width: 200px;
        margin-right: 20px;
    }
    #page form.wpcf7-form p.right-field {
        float: left;
        width: 200px;
    }
        #page form.wpcf7-form p.right-field + p {
            clear: left;
        }
    #page form.wpcf7-form p.required-note {
        position: absolute;
        top: 12px;
        right: 15px;
        font-size: 11px;
    }
form.wpcf7-form input {
    height: 1.8em;
    width: 200px;
}
#page form.wpcf7-form p.full-width input {
    width: 420px;
}
form.wpcf7-form textarea {
    height: 1.8em;
    width: 420px;
    height: 50px;
}
form.wpcf7-form input.wpcf7-submit {
    height: 30px;
    width: 200px;
    color: #293893;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin: 15px 0 0 0;
}
#form-message {
    position: relative;
    top: 0;
}
/* login box */
#client-login-wrapper {
    background: #f4f5fa;
}
#client-login-form {
    width: 500px;
    float: left;
    border-radius: 6px;
    border: 2px solid #e2e5f1;
    padding: 20px 25px;
    margin: 0 40px 0 0px;
    background: #fff;
}
    #client-login-form h1 {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-size: 32px;
        margin: 0 0 24px 0;
        font-weight: 300;
        color: #293893;
    }
    #client-login-form p {
        margin: 0 0 10px 0;
    }
    #client-login-form input {
        width: 300px;
        height: 25px;
        line-height: 25px;
    }
    #client-login-form #login-submit input {
        width: 100px;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        height: 30px;
        margin: 5px 0 0 0;
    }
/* clients page */
#clients-list {
    padding-bottom: 30px;
}
    #clients-list div {
        box-sizing: border-box;
        float: left;
        margin: 0 0 15px 0;
        padding: 15px;
        text-align: left;
        width: 49%;
        background-image: url(images/clients-map-bg.png);
        background-size: auto 150%;
        background-repeat: no-repeat;
        background-position: 0 200px;
    }
        #clients-list div.northamerica {
            background-size: auto 150%;
            background-position: -30px 0;
        }
        #clients-list div.europe {
            background-position: -630px 0;
            background-size: auto 200%;
        }
        #clients-list div.africa {
            background-position: -500px -120px;
            background-size: auto 160%;
        }
        #clients-list div.asia {
            background-position: -725px -100px;
            background-size: auto 140%;
        }
        #clients-list div:nth-child(2n) {
            margin-left: 2%;
        }
    #clients-list h3 {
        margin: 0 0 20px;
    }
    #clients-list ul {
        list-style-type: none !important;
        margin: 10px 0 20px;
    }
/* arabic - Peter Page */
#title-bar h1.arabic-title {
    width: 100%;
    text-align: right;
}
#page.arabic-page {
    float: right;
}
    #page.arabic-page h2,
    #page.arabic-page h3,
    #page.arabic-page p,
    #page.arabic-page ul {
        text-align: right;
    }
    #page.arabic-page h2 {
        margin-bottom: 1em;
    }
    #page.arabic-page p,
    #page.arabic-page h3 {
        font-size: 20px;
        font-weight: normal;
    }
    #page.arabic-page h3 {
        margin-bottom: 1.5em;
    }
        #page.arabic-page h2 span,
        #page.arabic-page h3 span,
        #page.arabic-page p span,
        #page.arabic-page ul span {
            font-size: 75%;
        }
#arabic-channels {
    text-align: right;
    padding-bottom: 20px;
}
    #arabic-channels img {
        vertical-align: middle;
        padding: 0 0 0 50px;
    }
/*general*/
.asterix {
    font-size: 120%;
}
a {
    color: #293893;
}
    a:hover {
        text-decoration: hover;
    }
    a:active,
    a:focus {
        outline-style: none;
        -moz-outline-style: none;
    }
    a.button {
        display: block;
        height: 30px;
        font-size: 13px;
        text-decoration: none;
        background: url(images/button-cta.gif) no-repeat left top;
        padding: 0 0 0 10px;
    }
    a.button-medium {
        width: 150px;
    }
    a.button span {
        display: block;
        background: url(images/button-cta.gif) no-repeat right top;
        height: 24px;
        padding: 6px 0 0 0;
    }
    a.button:hover {
        background: url(images/button-cta.gif) no-repeat left -30px;
    }
        a.button:hover span {
            background: url(images/button-cta.gif) no-repeat right -30px;
        }
    a img {
        border: none;
    }
    a.cta {
        font-weight: bold;
        text-decoration: none;
        display: block;
        margin: 0 0 3px 0;
    }
#page .cta {
    display: inline-block;
    border: 1px solid #5d69b2;
    padding: 8px 10px;
    font-size: 16px;
    transition: all ease 0.3s;
}
    #page .cta:hover {
        background-color: #d7daeb;
    }
a.banner {
    display: block;
    margin: 30px 0 0 0;
}
sub {
    font-size: 8px;
}
/* CLEAR FIX*/
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
/* TED Search */
html {
    zoom: 90% !important;
}
#TED-search-tool .container {
    padding: 0;
}
.ted-search-form h2 strong,
.ted-step2 h2 strong {
    font-weight: 600;
}
.container-4 button.icon {
    height: 40px;
    background-color: #293893;
    margin-top: 15px;
    background-size: 24px;
    border-radius: 5px;
    width: 150px;
    margin-left: 15px;
    color: white;
    font-size: 13pt;
    font-weight: 600;
    border: none;
}
.container-4 input#hyv-search {
    width: 400px;
    height: 40px;
    border: 1px solid #c6c6c6;
    font-size: 10pt;
    float: left;
    margin-top: 15px;
    padding-left: 15px;
}
#share-by-email {
    margin: 0 0 40px;
}
    #share-by-email #emailmodal {
        background-color: #293893;
        margin-right: 30px;
        border: none;
        color: white;
        padding: 8px 20px;
        font-weight: 600;
        font-size: 18px;
        border-radius: 6px;
    }
    #share-by-email .disclaimer {
        font-size: 12px;
        padding: 0;
        line-height: 1.3em;
        margin-top: -4px;
        margin-bottom: 0;
    }
#ted-tool-step2,
#ted-tool-step3 {
    opacity: 0;
    visibility: hidden;
    transition: opacity ease 0.3s;
}
.show-results #ted-tool-step2,
.show-results #ted-tool-step3 {
    opacity: 1;
    visibility: visible;
}
#ted-tool-step3 {
    padding-top: 20px;
}
    #ted-tool-step3 .disclaimer {
        padding-top: 30px;
        font-size: 12px;
    }
.ted-step3 #submitbutton,
.ted-step3 #emailmodal {
    border: none;
    color: white;
    padding: 8px 20px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 6px;
}
.ted-step3 #submitbutton {
    background-color: #293893;
}
#tedvideos {
    position: relative;
}
.ted-results {
    padding: 30px 0;
    border-bottom: 1px dotted #d7daeb;
    position: relative;
}
    .ted-results:nth-of-type(3) {
        border-bottom: none;
    }
#TED-search-content .ted-results h3 {
    font-size: 20px;
}
.ted-results .btn-group > .btn:last-child:not(:first-child) {
    border-radius: 4px !important;
}
.ted-results h3 img {
    height: 28px;
    vertical-align: baseline;
    padding-right: 20px;
    position: relative;
    top: 1px;
}
.ted-results strong {
    font-weight: 600;
}
.ted-results .prev-next {
    width: 180px;
    position: absolute;
    top: 30px;
    right: 0;
    text-align: right;
}
.totalitems {
    border: none;
    padding: 0;
    background-color: white;
    font-size: 18px;
    font-weight: 600;
}
.hyv-watch-main-col {
    overflow-y: scroll;
    width: 100%;
    height: 290px;
    position: absolute;
    background-color: #f4f5fa;
    margin-top: 20px;
    border-radius: 6px;
}
.ted-video-list {
    margin: 0 !important;
}
    .ted-video-list br {
        display: none;
    }
.hyv-video-list-item {
    float: left;
    width: 30%;
    margin: 1.666% !important;
    list-style-type: none;
}
    .hyv-video-list-item:nth-child {
        float: left;
        width: 30%;
        margin-right: 3.333%;
        list-style-type: none;
    }
    .hyv-video-list-item .hyv-content-wrapper a {
        display: block;
    }
.ted-video-list .hyv-video-list-item .title {
    color: #293893;
    font-size: 14px;
    font-weight: 600;
    display: block;
}
.ted-video-list .hyv-video-list-item small,
.ted-video-list .hyv-video-list-item .attribution {
    font-size: 12px;
}
input[type=checkbox] {
}
.hyv-video-list-item .hyv-content-link {
    display: block;
    min-height: 120px;
    text-decoration: none;
}
.hyv-video-list-item .hyv-content-wrapper a {
    height: 120px;
}
.hyv-thumb-wrapper {
    border: 1px solid #d7daeb;
    border-radius: 4px;
    padding: 10px;
    margin-top: 10px;
    background-color: rgba(255,255,255,0.5);
}
    .hyv-thumb-wrapper input {
        float: left;
        margin-right: 15px;
    }
.hyv-simple-thumb-wrap {
    display: block;
}
    .hyv-simple-thumb-wrap img {
    }
.ted-video-list .hyv-video-list-item .video-time {
    font-size: 12px;
    margin-left: 25px;
}
.Submitmodal {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 3000; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    text-align: left;
}
#SubmitModal form legend {
    font-size: 18px;
    color: #293893;
    margin-bottom: 15px;
    font-weight: 700;
}
#SubmitModal form #checkboxes {
    margin: 8px 0 0 0;
}
#SubmitModal form input[type="checkbox"] {
    margin: 5px 6px 0 0;
    vertical-align: top;
}
.emailmodal {
    display: none;
    position: fixed; /* Stay in place */
    z-index: -L; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    text-align: left;
}
.modal-dialog {
    width: 80%;
    margin-top: 7.5vh;
}
    .modal-dialog td,
    .modal-dialog th {
        padding: 0;
        width: 50%;
    }
    .modal-dialog textarea {
        /*width: 398px !important;*/
        height: 126px !important;
    }
.hyv-card {
    width: 100% !important;
    margin-left: 0 !important;
    position: relative !important;
}
#Emailmodal #sendemail {
    height: 55px;
}
/* cookies */
body .cookie-notice-container {
    padding: 30px 0 20px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
body #cn-notice-text {
    font-size: 16px;
    display: block;
    padding: 0 0 15px;
    line-height: 1.5em;
}
body a#cn-accept-cookie {
    display: block;
    font-size: 16px;
    font-weight: bold;
    border: none;
    background-color: rgba(46,162,108,1) !important;
    color: #ffffff;
    padding: 10px 0;
    width: 150px;
    border-radius: 6px;
    transition: all ease 0.3s;
    margin: 0 auto 15px !important;
    text-decoration: none;
}
    body a#cn-accept-cookie:hover {
        background-color: rgba(46,162,108,.75) !important;
    }
body a#cn-more-info {
    color: rgba(255,255,255,0.8);
    background: none;
    border: none;
    text-decoration: underline;
    margin: 0 !important;
    padding: 0 !important;
    transition: all ease 0.3s;
}
    body a#cn-more-info:hover {
        color: rgba(255,255,255,1);
    }
/*ols-landing stylev2*/
/* header */
#ols-landing #header {
    height: 100px;
}
#ols-landing #logo {
    position: absolute;
    right: 0;
    top: 30px;
    width: 306px;
}
    #ols-landing #logo img {
        width: 100%;
        height: auto;
    }
#ols-landing #logo-broadcaster {
    height: 80px;
    width: auto;
    max-width: 138px;
    display: table;
    position: relative;
    top: 20px;
}
    #ols-landing #logo-broadcaster .inner {
        display: table-cell;
        vertical-align: middle;
    }
/* content */
#main {
    margin-top: 100px;
}
#clip-preview-panel {
    height: 500px;
    background: url(images/ols-landing-panel-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 30px 0;
}
#clip-details {
    padding: 0 0 30px 0;
}
#clip-preview-panel .clip-detail-box {
    width: 306px;
    float: left;
    color: #283495;
    margin-left: 30px;
}
    #clip-preview-panel .clip-detail-box:first-child {
        margin-left: 0;
    }
#clip-preview-panel .clip-detail-box {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3em;
}
    #clip-preview-panel .clip-detail-box strong {
        font-size: 16px;
        font-weight: 700;
    }
#clip-preview-panel p.clip-detail-box {
    font-size: 16px;
    width: 306px;
}
    #clip-preview-panel p.clip-detail-box strong {
        font-size: 16px;
    }
#clip-preview-panel .clip-preview {
    width: 642px;
    float: left;
    margin: 0 30px 0 0;
}
#clip-preview-panel .clip-contacts {
    width: 306px;
    float: left;
    margin-top: -6px;
}
    #clip-preview-panel .clip-contacts h3 {
        color: #283495;
    }
    #clip-preview-panel .clip-contacts div {
        border-radius: 6px;
        padding: 10px 10px 6px;
        color: #fff;
        margin: 15px 0 0;
    }
#clip-preview-panel .contact-panel {
    background: #283495;
}
    #clip-preview-panel .contact-panel p {
        margin: 0 0 10px;
    }
#clip-preview-panel .contact-email {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
#clip-preview-panel .contact-twitter {
    color: #fff;
    background: url(images/ols-landing-twitter.png) no-repeat 0 3px;
    position: relative;
    display: block;
    height: 24px;
    padding: 0 0 0 30px;
    top: -2px;
    text-decoration: none;
}
#clip-preview-panel .note-panel {
    background: #646db3;
    font-weight: 700;
}
    #clip-preview-panel .note-panel p {
        font-size: 13px;
        margin: 10px 0 0;
    }
    #clip-preview-panel .note-panel h3 {
        text-transform: uppercase;
        font-size: 13px;
        color: #fff;
    }
#clip-license-reasons {
    padding: 30px 0;
}
    #clip-license-reasons h2 {
        font-weight: 300;
        font-size: 40px;
        margin: 0 0 1em;
    }
    #clip-license-reasons ol {
        margin: 0 0 45px 20px;
        width: 810px;
    }
        #clip-license-reasons ol li {
            font-size: 16px;
            font-weight: 700;
            margin: 0 0 1em 0;
            /*     color:#283495; */
        }
            #clip-license-reasons ol li strong {
                font-weight: 700;
            }
            #clip-license-reasons ol li span {
                display: block;
                font-size: 16px;
                font-weight: normal;
                color: #44454a;
            }
#reason-footer {
    text-align: left;
}
    #reason-footer p {
        margin: 0 0 1.5em 0;
    }
    #reason-footer strong {
        font-weight: 700;
    }
#other-clips {
    background: #646db3;
    padding: 30px 0;
}
    #other-clips h3 {
        color: #fff;
        font-size: 40px;
        font-weight: 300;
        margin: 0 0 0.5em;
        text-align: center;
    }
.other-clips-list {
    text-align: center;
    position: relative;
    margin: 0 -15px;
    font-size: 0;
}
    .other-clips-list > div {
        display: inline-block;
        width: 222px;
        background: #283495;
        margin: 0 15px;
        color: #fff;
        font-size: 13px;
        text-align: center;
        padding-bottom: 10px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .other-clips-list div a {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
    }
    .other-clips-list img.clip-thumb {
        width: 100%;
        height: auto;
    }
    .other-clips-list .logo-holder {
        height: 50px;
        display: table;
        width: 100%;
    }
        .other-clips-list .logo-holder span {
            display: table-cell;
            vertical-align: middle;
        }
    .other-clips-list img.clip-thumb-broadcaster {
        max-height: 40px;
        max-width: 130px;
    }
#ols-landing-success {
    padding: 30px 0;
}
    #ols-landing-success h2 {
        font-weight: 300;
        color: #283495;
        font-size: 40px;
        margin: 0 0 .75em;
        text-align: center;
    }
    #ols-landing-success p.intro {
        width: 642px;
        text-align: center;
        margin: 0 auto 30px;
    }
.ols-success-list > div {
    float: left;
    width: 222px;
    margin: 0 0 0 30px;
    font-size: 13px;
}
.ols-success-list div:first-child {
    margin: 0;
}
.ols-success-list .logo-holder {
    height: 70px;
    display: table;
    width: 100%;
}
    .ols-success-list .logo-holder span {
        display: table-cell;
        vertical-align: middle;
    }
.ols-success-list img {
    max-height: 60px;
    max-width: 130px;
}
.ols-success-list p {
    color: #9497a1;
    font-weight: 600;
}
#ols-landing-contact {
    background-color: #7282b3;
    background-image: url(images/home-map-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 120%;
    padding: 80px 0;
    padding-bottom: 80px; /* gives space so text doesn't overlap/cut off */
}
    #ols-landing-contact .bottom-left-text {
        position: absolute;
        bottom: -60px; /* push closer to bottom */
        left: 0px; /* move it more inward like your screenshot */
        font-size: 13px;
        margin: 0;
    }
    #ols-landing-contact .container {
        text-align: center;
    }
    #ols-landing-contact .container2 {
        text-align: center;
    }
    #ols-landing-contact h2 {
        color: #fff;
        font-size: 40px;
        margin: 0 0 0.5em;
        text-align: center;
        font-weight: 300;
    }
    #ols-landing-contact .email-button {
        display: inline-block;
        background: #283495;
        padding: 10px 15px;
        border: 1px solid #fff;
        border-radius: 3px;
        color: #fff;
        text-decoration: none;
    }
#social-landing-contact {
    padding-top: 20px;
    color: #fff;
}
    #social-landing-contact p {
        padding-bottom: 10px;
    }
    #social-landing-contact img {
        width: 30px;
        height: auto;
    }
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (max-width: 977px) {
    #clip-preview-panel {
        height: auto;
        padding: 30px 0;
        background-size: 100% auto;
        background-repeat: repeat-y;
    }
        #clip-preview-panel .container {
            width: 642px;
        }
        #clip-preview-panel .container2 {
            width: 642px;
        }
        #clip-preview-panel .clip-preview {
            width: 642px;
            float: none;
            margin: 0 auto;
        }
        #clip-preview-panel .clip-detail-box {
            width: 47.5%;
        }
            #clip-preview-panel .clip-detail-box:first-child {
                margin-right: 5%;
            }
        #clip-preview-panel p.clip-detail-box {
            float: none;
            clear: left;
            width: 100%;
            padding-top: 10px;
        }
        #clip-preview-panel .clip-contacts {
            width: 100%;
            float: none;
            margin-top: 30px;
        }
            #clip-preview-panel .clip-contacts div {
                width: 47.5%;
                float: left;
                box-sizing: border-box;
                height: 180px;
            }
        #clip-preview-panel div.contact-panel {
            margin-right: 5%;
        }
    #clip-license-reasons ol,
    #reason-footer {
        width: 642px;
    }
    .other-clips-list > div {
        margin: 0 0 0 20px;
        width: 172px;
    }
    .ols-success-list > div {
        float: left;
        font-size: 12px;
        margin: 0 0 0 20px;
        width: 172px;
    }
}
/* end of tablet styling */
/* #Mobile (Landscape & Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 0px) and (max-width: 767px) {
    #ols-landing #logo-broadcaster {
        height: auto;
        top: 20px;
        width: auto;
    }
    #ols-landing #logo {
        margin-top: 20px;
        position: static;
        right: 0;
        top: 0;
        width: 100%;
    }
    #logo img {
        height: auto;
        width: 180px;
    }
    #clip-preview-panel {
        padding: 20px 0;
    }
        #clip-preview-panel .clip-detail-box {
            font-size: 14px;
        }
            #clip-preview-panel .clip-detail-box strong {
                font-size: 14px;
                font-weight: 700;
            }
        #clip-preview-panel h2.clip-detail-box strong {
            font-size: 14px;
            font-weight: 700;
        }
        #clip-preview-panel p.clip-detail-box {
            font-size: 11px;
            width: 100%;
        }
            #clip-preview-panel p.clip-detail-box strong {
                font-size: 12px;
            }
    #clip-details {
        padding: 0 0 20px;
    }
    #clip-preview-panel .container {
        width: 94%;
    }
    #clip-preview-panel .container2 {
        width: 94%;
    }
    #clip-preview-panel .clip-preview {
        width: 100%;
    }
        #clip-preview-panel .clip-preview img {
            width: 100%;
            height: auto;
        }
    #clip-preview-panel .clip-contacts div {
        float: none;
        height: auto;
        width: 100%;
    }
    #clip-license-reasons ol {
        margin: 0 auto 30px 1em;
        width: 100%;
    }
    #clip-license-reasons h2 {
        font-size: 28px;
    }
    .other-clips-list > div,
    .other-clips-list div:first-child {
        margin: 0 0 30px;
        width: 100%;
    }
    #clip-license-reasons ol, #reason-footer {
        width: 100%;
    }
    #ols-landing-success p.intro {
        margin: 0 auto 20px;
        width: 100%;
    }
    .ols-success-list > div,
    .ols-success-list div:first-child {
        float: none;
        font-size: 12px;
        margin: 0 0 20px;
        width: 100%;
    }
}
/* end of mobile styling
    reponsive v2
*/
/* #Handheld devices
================================================== */
@media only screen and (max-width: 977px) {
    #side-nav {
        display: none;
    }
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (max-width: 977px) {
    .container2 {
        width: 748px;
    }
    .clipDetails2 {
        width: initial;
    }
    .container {
        width: 748px;
    }
    /* header */
    a#client-login {
        padding: 0 10px;
        width: 88px;
        font-weight: 600;
    }
    #toolbar #social-media-links {
        right: 108px;
    }
    #title-bar h1 {
        width: 748px;
        padding-left: 0;
    }
    #page {
        width: 100%;
    }
    #sidebar {
        width: 236px;
    }
    .footer-links {
        margin: 0 0 0 20px;
        float: left;
        width: 172px;
    }
    #copyright br {
        display: none;
    }
    /* homepage */
    .feature-slide h1 br {
        display: none;
    }
    /* homepage feature slide01 */
    #feature-broadcaster-logos img {
        max-width: 130px;
        padding: 0 12px;
    }
    /* homepage feature slide02 */
    #feature-client-logos img {
        height: auto;
        max-height: 30px;
        padding-left: 20px;
        width: auto;
    }
    /* homepage feature slide02 */
    #feature-ols {
        width: 768px;
        margin: 60px 0 0 -369px;
        top: 480px;
    }
    /* homepage feature davos */
    #feature-davos {
        width: 100%;
        height: 285px;
        position: absolute;
        top: 0;
        left: 0;
    }
    #feature-ted-logo {
        margin-bottom: 10px;
    }
        #feature-ted-logo img {
            width: 100%;
            height: auto;
        }
    /* homepage feature wsj - foe */
    #wsj-foe-banner h1 {
        font-size: 24px;
        line-height: 36px;
    }
    #wsj-foe-banner .feature-cta {
        font-size: 20px;
        margin: 30px auto 0;
    }
    /*homepage module */
    .home-module .container2 {
        width: 620px;
    }
    .home-module .container {
        width: 620px;
    }
    .module-2col:first-child {
        margin: 0 0 30px 0;
    }
    .module-2col {
        float: none;
        position: relative;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        padding: 0 56px;
    }
    .home-module h1 {
        font-size: 44px;
    }
    .home-module h2 br {
        display: none;
    }
    .home-module .cta {
        margin: 30px 0 0;
    }
    /* your story */
    #logo-squares {
        display: none;
    }
    #license-squares {
        position: static;
        display: block;
        margin: 0 auto;
    }
    /* players module */
    .home-player {
        float: none;
        margin-bottom: 60px;
        margin-left: 0;
        width: 100%;
    }
        .home-player a {
            width: 100%;
        }
        .home-player h3 {
            margin: 10px 0 15px;
        }
    /* downloads module */
    #home-downloads {
        height: auto;
    }
        #home-downloads img {
            display: block;
            margin: 0 auto 50px auto;
        }
    /* benefits module */
    #home-benefits {
        height: auto;
    }
    /* ols module */
    .easyhtml5video {
        margin: 0 auto;
    }
    /* clients module */
    .module-4col {
        float: left;
        margin: 0 15px 50px 15px !important;
        width: 280px;
    }
    #home-clients blockquote {
        width: 280px;
    }
    /* how it works module */
    #home-licensing-animation {
        margin: 0px auto;
        display: block;
    }
    /* broadcasters module */
    #home-broadcasters {
        height: auto;
    }
        #home-broadcasters .module-6col {
            width: 200px;
            margin: 0 0 30px 0;
        }
        #home-broadcasters .clearfix {
            margin-bottom: 0;
        }
    /* help module */
    #home-help {
        background-position: center top;
        height: auto;
    }
        #home-help #contact-buttons a {
            width: 180px;
            padding: 0 10px;
            box-sizing: border-box;
            margin: 0 10px 30px !important;
        }
}
/* end of tablet styling */
/* #Mobile (Landscape & Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .container2 {
        width: 300px;
    }
    .clipDetails2 {
        width: initial;
    }
    .container {
        width: 300px;
    }
    /* header */
    #header {
        height: 86px;
    }
    #logo {
        width: 261px;
        top: 40px;
    }
        #logo img {
            width: 261px;
            height: auto;
        }
    #toolbar {
        height: 24px;
        background: #fff;
    }
        #toolbar #social-media-links {
            right: 105px;
            top: 2px;
        }
    #header #social-media-links img {
        width: 20px;
        height: 20px;
    }
    a#client-login {
        top: 2px;
        width: 85px;
        height: 20px;
        line-height: 20px;
        padding: 0 10px;
        font-weight: 600;
        font-size: 13px;
    }
        a#client-login:hover {
            opacity: 0.75;
        }
    /* main-nav */
    .menubtn {
        top: -52px;
    }
    #main {
        margin-top: 86px;
    }
    .content {
        padding: 27px 0;
    }
    #page {
        float: none;
        width: 300px;
        margin: 0 0 54px 0;
    }
    #sidebar {
        float: none;
        width: 300px;
        padding-top: 0;
    }
    #title-bar h1 {
        width: 300px;
        font-size: 28px;
        line-height: 1.2em;
        top: 20px;
    }
    #page img {
        max-width: 100%;
        height: auto;
    }
    /* footer */
    #footer {
        padding: 20px 0;
        height: 140px;
    }
    .footer-links {
        display: none;
    }
    /* homepage */
    #home {
        margin-top: 372px;
    }
    #home-features {
        top: 86px;
        background-size: auto 100%;
        height: 285px;
    }
    .feature-slide {
        height: 285px;
    }
        .feature-slide .container2 {
            padding-top: 20px;
        }
        .feature-slide .container {
            padding-top: 20px;
        }
        .feature-slide h1 {
            font-size: 26px;
            line-height: 28px;
        }
    /* homepage feature slide01 */
    #feature-broadcaster-logos {
        margin-top: 25px;
    }
        #feature-broadcaster-logos img {
            height: auto;
            margin-bottom: 10px;
            max-height: 30px;
            max-width: 100px;
            padding: 0 12px;
            width: auto;
        }
    /* homepage feature slide02 */
    #feature-client-logos {
        margin-top: 25px;
    }
        #feature-client-logos img {
            margin-bottom: 10px;
            max-width: 100px;
        }
    /* homepage feature slide03 */
    #feature-ols {
        width: 400px;
        margin: -60px 0 0 -200px;
        top: 480px;
    }
    /* homepage feature davos */
    #feature-davos {
        width: 100%;
        height: 285px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .feature-cta {
        font-size: 16px;
        margin-top: 10px;
    }
    /* homepage feature wsj - foe */
    #wsj-foe-banner {
        height: 285px;
        background-position: left -600px top;
    }
        #wsj-foe-banner .container2 {
            padding-top: 30px;
        }
        #wsj-foe-banner .container {
            padding-top: 30px;
        }
    #logo-wsj-foe {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    #wsj-foe-banner h1 {
        font-size: 20px;
        line-height: 28px;
    }
    #wsj-foe-banner .feature-cta {
        display: none;
    }
    /*homepage module */
    .home-module .container2 {
        width: 300px;
    }
    .home-module .container {
        width: 300px;
    }
    .module-2col {
        padding: 0;
        width: 300px;
    }
    .home-module h1 {
        font-size: 36px;
        line-height: 1.15em;
    }
    .home-module h2 {
        text-align: left;
    }
    /* your story */
    #license-squares {
        width: 100%;
        height: auto;
    }
    /* downloads module */
    #home-downloads img {
        width: 100%;
        height: auto;
    }
    /* ols module */
    .easyhtml5video {
        position: relative;
        max-width: 300px;
    }
        .easyhtml5video img {
            width: 100%;
            height: auto;
        }
    /* benefits module */
    #home-benefits ul {
        width: 100%;
    }
    #home-benefits li {
        height: auto;
        line-height: inherit;
        text-align: center;
        padding: 15px 0;
    }
        #home-benefits li span {
            display: block;
            height: auto;
            margin: 0 auto 10px;
        }
    /* how it works module */
    #home-licensing-animation {
        display: none;
    }
    /* broadcasters module */
    #home-broadcasters .module-6col {
        width: 150px;
        margin: 0 0 30px 0;
    }
    /* help module */
    #home-help {
        background-position: center top;
        height: auto;
    }
        #home-help #contact-buttons a {
            width: 130px;
            padding: 0 10px;
            box-sizing: border-box;
            margin: 0 10px 30px !important;
        }
        #home-help #social-buttons a {
            height: 120px;
            margin: 0 10px 30px;
            width: 120px;
        }
    /* forms */
    form.wpcf7-form {
        padding: 10px;
    }
    #page form.wpcf7-form p.left-field,
    #page form.wpcf7-form p.right-field,
    #page form.wpcf7-form p.full-width input {
        float: none;
        width: 100%;
    }
    form.wpcf7-form input {
        width: 95%;
    }
    form.wpcf7-form textarea {
        width: 95%;
    }
    #wsj-quotes blockquote {
        float: none;
        width: 260px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    #wsj-quote-big {
        font-size: 16px;
    }
}
/* end of mobile styling
    from page
*/
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}
.summary {
    color: #fff;
    background: #283495;
    border-radius: 6px;
    padding: 10px 10px 6px;
    margin: 15px 0 0;
}
.left {
    width: 24%;
    float: left;
    /*padding: 0 1%;*/
    padding: 0 44px 0 10px;
}
.left2 {
    display: none;
}
.clipDetails2 {
    margin: 0 auto;
    width: 978px;
}
.clipVideo {
    margin: 0 auto;
    width: 978px;
}
.overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 100;
}
@media only screen and (max-width: 976px) {
    .left {
        display: none;
    }
    .left2 {
        text-align: left;
        position: initial;
        padding-top: 1%;
        width: 95%;
        font-size: 100%;
        border-radius: 6px;
        padding: 10px 10px 6px;
        color: #fff;
        margin: 15px 0 0;
        margin-right: 5%;
        display: initial;
    }
    .summary2 {
        color: #fff;
        background: #283495;
        border-radius: 6px;
        padding: 10px 10px 6px;
        margin: 15px 0 0;
    }
    .clipDetails2 {
        width: initial;
    }
}
@media only screen and (min-width: 0px) and (max-width: 766px) {
    .left {
        display: none;
    }
    .left2 {
        text-align: left;
        position: initial;
        padding-top: 1%;
        width: 95%;
        font-size: 100%;
        border-radius: 6px;
        padding: 10px 10px 6px;
        color: #fff;
        margin: 15px 0 0;
        margin-right: 5%;
        display: initial;
    }
    .summary2 {
        color: #fff;
        background: #283495;
        border-radius: 6px;
        padding: 10px 10px 6px;
        margin: 15px 0 0;
    }
    .clipDetails2 {
        width: initial;
    }
}
/* Default (desktop) */
#header {
    height: 110px;
}
#ch-logo, #ei-logo {
    width: 100%;
}
@media (max-width: 767px) {
    #ch-logo, #ei-logo {
        width: 70%;
    }
    .container {
        margin-left: 10px;
    }
    .clip-detail-box {
        margin-left: 0;
        margin-right: 20px;
    }
}