.content-main.grey.video {
    min-height: 200px;
    margin-bottom: -5px;
    }
    
    .clear{clear: both;}
    .video-thumb {
    list-style: none;
    max-width: 370px;
    height: auto;
    height: auto;
    width: auto;
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    padding: 0 20px;
    display: inline-block;
    min-height: 249px;
    vertical-align: top;
    }
    
    .video-thumb img {
    max-width: 100%;
    height: 190px;
    }
    
    .video-feature iframe {
    max-width: 100%;
    
    border: none;
    }
    
    .no-pad{padding: 0;}
    
    .video-feature {
    max-width: 58%;
    display: inline-block;
    margin-bottom: -10px;
    margin-right: 1%;
    padding-left: 15px;
    }
    .video-infos h2 {
    padding-left: 0px;
    margin-top: 30px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #555;
    font-size: 20px;
    }
    .video-infos {
    max-width: 39%;
    margin-left: 1.9%;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    }
    .video-feature p {
    margin-bottom: -5px;
    height: auto;
    }
    .video-infos p {
    font-size: 16px;
    padding: 0 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #000;
    max-width: 80%;
    margin-bottom: 20px;
    }
    .info-link h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    margin-top: 0;
    padding: 7px 0px;
    color: #555;
    margin-bottom: 0;
    line-height: 17px;
    }
    .videos-index .moth > h1.h1-large {
    font-size: 30px;
    }
    
    
    
    
    
    
    .container-fluid.content-main.publications.white {
    min-height: 1px;
    overflow: hidden;
    }
    .container-fluid.content-main.pub-slider-essen.grey {
    min-height: 71px;
    }
    .container-fluid.content-main.pub-slider-essen.grey .container {
    margin-top: -10px;
    margin-bottom: -10px;
    }
    
    .publock {
    margin: 20px 0;
    }
    
    .publock .cover {
    overflow: hidden;
    padding-top: 10px;
    }
    .publock .cover img {
    width: auto;
    height: 190px;
    max-height: 190px;
    }
    
    .publock .info h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    margin-top: 4px;
    padding: 7px 0px;
    color: #555;
    margin-bottom: 0;
    line-height: 17px;
    }
    .publock .info p {
    font-size: 16px;
    padding: 0 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #444;
    margin-bottom: 20px;
    }
    .publock .info a:hover{text-decoration: none;}
    .publock .info a:hover h5{text-decoration: none; color: #000;}
    
    .pub-category {
    width: 32.3333333%;
    margin-right: 1%;
    background: #DDD;
    min-height: 518px;
    padding-bottom: 200px;
    margin-bottom: -200px;
    z-index: 1;
    margin-top: 10px;
    }
    .pub-category h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    margin-left: 0;
    }
    .pub-category h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    margin-left: 0;
    color: #444;
    margin-bottom: 30px;
    }
    
    
    .essential {
    background: #F2F2F2;
    margin: 10px 0 0;
    }
    .essenblock {
    min-height: 130px !important;
    padding: 0;
    }
    
    .essenblock .cover {
    overflow: hidden;
    }
    .essenblock .cover img {
    width: auto;
    height: auto;
    max-height: 117px !important;
    }
    .essential h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    margin-left: 0;
    color: #444;
    margin-bottom: 30px;
    }
    .essenblock .title a h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    margin-top: 10px;
    padding: 7px 0px;
    color: #555;
    margin-bottom: 0;
    line-height: 17px;
    }
    .essenblock .title a:hover {text-decoration: none;}
    .essenblock .title a:hover h5{color: #000;}
    
    .no-pad-r{padding-right: 0;}
    
    
    footer{z-index: 2; position: relative;}
    
    
    .pub-slider-essen .slider {
    margin-top: 10px;
    height: 464px;
    background: #F2F2F2;
    }
    .pub-slider ol.flex-control-nav.flex-control-paging {
    position: absolute;
    bottom: 10px;
    }
    .pub-slider .caption-wrap {
    position: absolute;
    top: 10%;
    right: auto !important;
    left: 6% !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    display: inline-block;
    font-size: 30px !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 500 !important;
    color: #0B66AA !important;
    opacity: 1 !important;
    background: none !important;
    max-width: 60%;
    }
    
    .title-info h2.date {
    padding-left: 0px;
    margin-top: 30px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #555;
    font-size: 22px;
    }
    
    .single .content > div.body p {
    font-size: 16px;
    padding: 0 15px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    }
    
    .single .content {
    padding: 30px 0;
    }
    
    .content-main.white{min-height: 600px;}
    
    .left-content .title-s {
    background: #3C85BB;
    margin: 0;
    padding: 0;
    position: relative;
    }
    
    
    @media screen and (max-width: 1200px){
        .btn p > span{padding: 0;}
    }
    
    .left-content > div div.content h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #EBEBEC;
    margin: 14px;
    }
    
    .multi-options label{font-size: 14px;}
    
    
    @media screen and (max-width: 1200px){
        .video-feature {margin-right: 0%;}
    }
    
    
    
    .home .content-main {
    background: #EBEBEC;
    overflow: hidden;
    position: relative !important;
    }
    
    .home .bg-content-main-top {
    height: 59px;
    margin-top: 0px !important;
    }
    
    .videos-index .page-content-media p {
    font-size: 16px;
    padding: 0 15px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    }
    .videos-index .page-content-media h4 {
    padding-left: 15px;
    margin-top: 0px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #555;
    }
    .videos-index .page-content-media {
    padding-bottom: 30px;
    }
    .videos-index .page-content-media .moth {
    margin-top: 0;
    }
    
    header {height: 110px;
    z-index: 10;
    position: relative;}
    
    .home .rigth-content > div .title {
    margin: 1px 0 30px;
    }
    .home .moth > h1 {
    font-size: 40px;
    }
    
    .home .moth {
        margin: 9px 0;
    }
    
    .left-content .title h3 {
    color: #EBEBEC;
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    padding: 0 10px 5px 10px;
    position: relative;
    top: 0px;
    text-align: center;
    width: 100%;
    margin: 22px 0 14px;
    }
    
    .home .rigth-content > div .title h3 {
    position: relative;
    bottom: -6px;
    margin-top: -6px;
    }
    
    
    /* modal */
    /* Z-index of #mask must lower than #boxes .window */
    #mask {  position:fixed;   z-index:9000;   background-color:#000;   display:none; top:0 ;left:0;}
      #boxes .window {  position:fixed;   width:440px;   height:200px;   display:none;   z-index:9999;   padding: 25px 20px 5px 20px;}
    /* Customize your modal window here, you can add background image too */
    #boxes #dialog {
    max-width: 800px;
    max-height: 100%;
    width: 100%;
    height: auto;
    background: #EBEBEC;
    border-left: 2px solid #CCC;
    border-radius: 4px;
    border-bottom: 2px solid #CCC;
    }
    #boxes p {
    font-size: 16px;
    padding: 0 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    }
    #boxes span.tab {
    padding-left: 30px;
    font-size: 12px;
    position: relative;
    top: 2px;
    margin-right: 4px;
    }
    
    .publock .info {
    background: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 0 0 9px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 20px;
    }
    
    
    
    .content-main.white.videos-index {
    min-height: 1px;
    }
    .page .container.page {
    padding: 20px 15px;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    }
    
    #example
    {
        min-height:500px;
    }
    
    #map {
        height: 500px;
    }
    
    .info {
        padding: 6px 8px;
        font: 14px/16px Arial, Helvetica, sans-serif;
        background: white;
        background: rgba(255,255,255,0.8);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        border-radius: 5px;
    }
    .info h4 {
        margin: 0 0 5px;
        color: #777;
    }
    
    .legend {
        text-align: left;
        line-height: 18px;
        color: #555;
    }
    .legend i {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 8px;
        opacity: 0.7;
    }
    .essenblock .col-xs-6.title {
    padding-left: 0;
    }
    .pagination-pub ul li {
    display: inline-block;
    padding: 10px 5px 0;
    }
    .pagination-pub ul {
    text-align: center;
    margin-top: 10px;
    }
    .pagination-pub ul li a {
    background: #D2D2D2;
    padding: 4px; 
    color: #888;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    }
    .pagination-pub ul li {
    padding: 4px;
    color: #888;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    }
    .pagination-pub ul li a:hover{text-decoration: none;}
    
    
    
    
    
    .glance-drop-down ul {
    display: none;
    }
    .chart-glance {
    position: relative;
    }
    .glance-drop-down {
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 100;
    line-height: 24px;
    border: 1px solid #CCC;
    padding: 0 10px;
    color: #BBB;
    }
    .glance-drop-down a {
    font-size: 14px;
    color: #999;
    font-family: 'Oswald', sans-serif;
    }
    .glance-drop-down a:hover, .glance-drop-down a:active,.glance-drop-down a:focus{text-decoration: none;}
    .glance-drop-down ul li:before {
    display: none;
    background: none !important;
    color: #EBEBEC;
    }
    .glance-drop-down ul li {
    list-style: none !important;
    color: #999;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    }
    .glance-drop-down ul {
    position: absolute;
    background: #EBEBEC;
    border: 1px solid #CCC;
    border-top: 1px solid #CCC;
    right: -1px;
    width: 58px;
    padding: 4px 10px !important;
    background: #F4F4F4;
    }
    
    .glance-drop-down ul li a{list-style: none !important;
    color: #999;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    display: block;}
    
    .multi-options input[type="radio"] {
    margin-right: 8px;
    }
    
    .info-indicator > p {
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 300;
    padding: 0 0 0 0px;
    position: relative;
    top: -2px;
    margin-top: 0px !important;
    width: auto !important;
    }
    .info-indicator > p:last-child{margin-bottom:0px !important;}
    .info-indicator > label {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 300;
    padding: 0 0 0 5px;
    position: relative;
    top: -2px;
    width: auto !important;
    }
    
    button#showResults {
    margin: 10px 10px 10px 10px;
    width: 93%;
    background: orange;
    border-color: orange;
    }

    .video-feature > p > a > img {
    width: auto;
    min-height: 200px;
    margin-bottom: 50px;
    margin-top: 30px;
    }
    
    
    @media screen and (max-width: 1200px){
        .essenblock .cover img {
    width: auto;
    height: auto;
    max-height: 97px !important;
    margin-top: 10px;
    }
    }