.blog_page .row {
  margin: 0 !important;
  width: 100% !important;
}
@media only screen and (min-width: 320px) {
  .blog_page #inner_pages {
    padding: 0;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .blog_page #inner_pages .panel-2col {
    float: left;
    width: 100%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first {
    float: left;
    width: 100%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside {
    margin: 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .panel-separator {
    display: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing {
    float: left;
    width: 100%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid {
    width: 90%;
    margin: 0 auto 30px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-field-blog-image, .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-field-video-thumbnail-image {
    position: relative;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-field-blog-image .blog-category, .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-field-video-thumbnail-image .blog-category {
    background: url(../images/blog_cat_back.png) repeat-x left top;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    font: bold 16px/20px "dinproCondBold", Arial;
    color: #fff;
    padding: 6px 15px 6px 15px;
    min-height: 52px;
    display: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-field-blog-image .blog-category a, .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-field-video-thumbnail-image .blog-category a {
    color: #fff;
    text-decoration: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-field-blog-image .blog-category a:hover, .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-field-video-thumbnail-image .blog-category a:hover {
    text-decoration: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-title {
    margin: 30px 0 10px 0;
    font: bold 20px/26px "dinproCondBold", Arial;
    color: #000;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-title a {
    color: #000;
    text-decoration: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-title a:hover {
    text-decoration: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-nothing .field-content {
    font: normal 20px/26px "dinproRegular", Arial;
    color: #969696;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-nothing .field-content a {
    color: #E91D22;
    cursor: pointer;
    font: bold 16px/20px "dinproCondBold",Arial;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li.views-row-last {
    border: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .view-empty {
    float: left;
    margin: 0;
    padding-left: 7%;
    width: 100%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .view-empty p {
    color: #000;
    font: bold 23px/29px "dinproCondBold", Arial;
    letter-spacing: 1px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .pagination li {
    float: left;
    width: auto;
    display: block;
    margin: 0 5px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .pagination li a {
    color: #E91D22;
    background: #fff;
    border-color: #fff;
    border-radius: 25px;
    display: block;
    padding: 6px 15px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .pagination li.active span {
    color: #E91D22;
    background: #fff;
    border-color: #fff;
    border-radius: 25px;
    display: block;
    padding: 6px 15px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .pagination li.prev a {
    border: none;
    width: 40px;
    height: 51px;
    background: url(../images/arrows.png) no-repeat left -60px;
    text-indent: -10000px;
    font-size: 0;
    line-height: 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .pagination li.next a {
    border: none;
    width: 40px;
    height: 51px;
    background: url(../images/arrows.png) no-repeat left top;
    text-indent: -10000px;
    font-size: 0;
    line-height: 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .pagination li.pager-last, .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .pagination li.pager-first {
    display: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_image {
    margin: 0 0 55px 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_image li {
    margin: 0;
    list-style: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body {
    width: 90%;
    margin: 20px auto;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .pane-title {
    font: bold 30px/42px "dinproCondBold", Arial;
    color: #000;
    text-transform: uppercase;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .pane-title.blog-question {
    font: bold 24px/32px "dinproCondBold", Arial !important;
    color: #1551A0 !important;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .BrightcoveExperience {
    height: 100%;
    max-height: 300px;
    min-height: 185px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content p {
    margin: 20px 0;
    font: normal 20px/27px "dinproRegular",Arial;
    padding: 0 5%;
    clear: both;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content p .big_text {
    float: left;
    color: #d52229;
    font: bold 95px/60px "dinproCondBold",Arial;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content .inner_images {
    margin: 25px 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content .quoted_text_wrapper p .quote_text {
    font: bold 40px/54px "dinproCondBold",Arial;
    text-transform: uppercase;
    color: #000;
    display: block;
    float: left;
    background: url(../images/quote_black.png) no-repeat left 0px;
    padding-top: 78px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content .quoted_text_wrapper p .quote_text.no-quote {
    background: none;
    padding: 0;
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body p img {
    float: left;
    width: auto;
    margin: 0 15px 0 0;
    max-width: 200px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .prev_next_wrap {
    width: 90%;
    margin: 0 auto;
    clear: both;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .prev_next_wrap .links {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .prev_next_wrap .links li {
    margin: 0;
    float: left;
    width: auto;
    list-style: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .prev_next_wrap .links li a {
    font: bold 17px/33px "dinproCondBold", Arial;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    float: left;
    width: auto;
    background: url(../images/arrows.png) no-repeat left -60px;
    padding: 4px 0 4px 50px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .prev_next_wrap .links li.next {
    float: right;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .prev_next_wrap .links li.next a {
    background-position: right top;
    padding: 4px 50px 4px 0px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .message_wrapper {
    width: 90%;
    margin: 0 auto;
    clear: both;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper {
    clear: both;
    width: 90%;
    margin: 15px auto 30px;
    border-top: 1px solid #c8c8c8;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper h2 {
    float: left;
    width: 100%;
    font: bold 30px/43px "dinproCondBold", Arial;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .alert {
    float: left;
    width: 100%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .captcha img.img-responsive {
    width: auto !important;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .field-type-link-field {
    display: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-item label {
    font: bold 20px/33px "dinproCondBold", Arial;
    letter-spacing: 1px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-item label .form-required {
    color: #12c2ea;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-item input, .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-item textarea {
    color: #969696;
    font: bold 15px/30px "dinproCondBold",Arial;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-item .form-checkboxes .form-item label input {
    margin: 10px 0 0 -20px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-item .form-actions .form-wrapper {
    clear: both !important;
    margin: 15px 0 0 0 !important;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-group p {
    font: normal 17px/26px "dinproRegular",Arial;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-actions .btn {
    background: #12c2ea;
    border-color: #12c2ea;
    font: bold 16px/20px "dinproCondBold", Arial;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 15px 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment-form .form-actions .btn span {
    display: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment {
    margin: 0;
    font: 16px/22px "dinproRegular",Arial;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment h3 {
    margin: 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment h3 a {
    font: bold 20px/33px "dinproCondBold", Arial;
    letter-spacing: 1px;
    color: #000;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment .permalink {
    display: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment .content .field-type-link-field > div {
    float: left;
    width: auto;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment .links {
    float: right;
    width: auto;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment .links li a {
    font: bold 16px/20px "dinproCondBold", Arial;
    letter-spacing: 1px;
    background-color: #12c2ea;
    border-color: #12c2ea;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 12px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .comment .links li a:hover {
    background-color: #12c2ea;
    border-color: #12c2ea;
    text-decoration: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .indented {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .indented .comment {
    border: none;
    padding: 0 0 0 10%;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper .indented .comment.comment-unpublished {
    display: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last {
    float: right;
    width: 100%;
    background: #EBEBEB;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside {
    margin: 50px auto;
    width: 90%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-separator {
    display: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane {
    margin: 0 0 30px 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane h2 {
    margin-bottom: 0;
    font: bold 30px/36px "dinproCondBold", Arial;
    color: #000;
    letter-spacing: 1px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_search .views-exposed-widgets {
    margin: 0;
    width: 100%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_search .views-exposed-widgets .views-exposed-widget {
    padding: 0;
    width: 100%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_search .views-exposed-widgets .views-exposed-widget .form-item {
    /* firefox 19+ */
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_search .views-exposed-widgets .views-exposed-widget .form-item input {
    border: none;
    border-radius: 3px;
    color: #d7d7d7;
    font: bold 12px/30px "dinproCondBold",Arial;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    height: 40px;
    background: url(../images/search_icon.png) no-repeat 20px 11px #fff;
    cursor: pointer;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_search .views-exposed-widgets .views-exposed-widget .form-item ::-webkit-input-placeholder {
    color: #d7d7d7;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_search .views-exposed-widgets .views-exposed-widget .form-item ::-moz-placeholder {
    color: #d7d7d7;
    opacity: 1;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_search .views-exposed-widgets .views-exposed-widget .form-item :-moz-placeholder {
    color: #d7d7d7;
    opacity: 1;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_top_post .item-list .blog_main_grid li {
    padding: 15px 0;
    list-style: none;
    margin: 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_top_post .item-list .blog_main_grid li a {
    display: block;
    font: 14px/19px "dinproCondBold", Arial;
    color: #000;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_top_post .item-list .blog_main_grid li.views-row-last {
    border: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_categories .item-list ul li, .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.portraits_of_innovation .item-list ul li {
    padding: 10px 0;
    margin: 0;
    list-style: none;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_categories .item-list ul li a, .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.portraits_of_innovation .item-list ul li a {
    display: block;
    font: 14px/19px "dinproCondBold", Arial;
    color: #000;
  }
}
@media only screen and (min-width: 768px) {
  .blog_page #inner_pages .panel-2col .panel-col-first {
    width: 70%;
    padding: 75px 0 0 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing {
    padding: 54px 0 0 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid {
    padding-left: 7%;
    margin: 0;
    float: left;
    width: 100%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li {
    width: 43%;
    margin: 0 7% 45px 0;
    padding: 0;
    border: none;
    list-style: none;
    min-height: 350px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li img {
    max-height: 168px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_listing .blog_main_grid li .views-field-title {
    min-height: 52px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .BrightcoveExperience {
    height: 100%;
    max-height: 300px;
    min-height: 300px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content p {
    padding: 0 0 0 10%;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content .quoted_text_wrapper p .quote_text {
    margin-left: -50px;
    margin-right: 23px;
    width: 290px;
    margin-top: -8px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .overlay_content .quoted_text_wrapper p .quote_text.no-quote {
    margin-left: -50px;
    margin-top: -8px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last {
    width: 30%;
    min-height: 1200px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside {
    padding: 96px 15% 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane h2 {
    font: bold 25px/30px "dinproCondBold",Arial;
  }
  .blog_page #inner_pages .panel-2col .panel-col-last .inside .panel-pane.blog_search .views-exposed-widgets {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .blog_page #inner_pages .panel-2col .panel-col-first {
    padding: 96px 0 0 0;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body {
    width: 100%;
    max-width: 690px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .blog_body .BrightcoveExperience {
    height: 100%;
    max-height: 400px;
    min-height: 400px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .prev_next_wrap {
    width: 100%;
    max-width: 690px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .message_wrapper {
    width: 100%;
    max-width: 690px;
  }
  .blog_page #inner_pages .panel-2col .panel-col-first .inside .comment_wrapper {
    width: 100%;
    max-width: 690px;
  }
}
.blog_page .footer {
  margin: 0;
}

.footer.container {
  background: #ebebeb;
  padding: 3% 15px;
  position: relative;
}
.footer.container .footer_block_container {
  font: normal 16px/22px "dinproRegular", Arial;
  color: #969696;
}
@media only screen and (min-width: 320px) {
  .footer.container .footer_block_container {
    width: 100%;
    margin: 0 auto;
    max-width: 970px;
  }
  .footer.container .footer_block_container .footer_blocks {
    margin-top: 20px;
    padding: 0;
    font: normal 14px/20px "dinproRegular", Arial;
  }
  .footer.container .footer_block_container .footer_blocks .strong_text {
    font: bold 15px/20px "dinproCondBold", Arial;
    text-transform: uppercase;
    color: #000;
  }
  .footer.container .footer_block_container .footer_blocks .strong_text a {
    color: #000;
  }
  .footer.container .footer_block_container .footer_blocks .strong_text:hover {
    color: #000;
    text-decoration: none;
  }
  .footer.container .footer_block_container .footer_blocks a.mail_to {
    background: url(../images/mail_icon.png) no-repeat left 5px;
    padding-left: 21px;
    width: 20px;
    height: 10px;
  }
  .footer.container .footer_block_container .footer_disclaimer {
    float: left;
    margin-top: 30px;
    margin-bottom: 10px;
    font: normal 13px/19px "dinproRegular", Arial;
  }
  .footer.container .footer_block_container .footer_disclaimer p {
    padding: 10px 0;
  }
  .footer.container .footer_block_container .footer_disclaimer p.top_class {
    border-top: 1px solid #c8c8c8;
    border-bottom: none;
  }
  .footer.container .footer_block_container .footer_disclaimer p:last-child {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .footer.container .footer_block_container .footer_disclaimer {
    margin: 64px 0 10px 0;
    width: 100%;
  }
  .footer.container .footer_block_container .footer_disclaimer p span {
    width: 66%;
    display: block;
  }
  .footer.container .footer_block_container .footer_disclaimer p.top_class {
    border-bottom: 1px solid #c8c8c8;
    margin-top: -40px;
  }
}
@media only screen and (min-width: 320px) {
  .footer.container #block-menu-menu-footer-menu {
    margin: 0;
    float: left;
    width: 100%;
  }
  .footer.container #block-menu-menu-footer-menu ul li {
    display: block;
    float: left;
    margin: 0;
  }
  .footer.container #block-menu-menu-footer-menu ul li a {
    font: normal 13px/19px "dinproRegular", Arial;
    display: block;
    float: left;
    width: auto;
    color: #E91D22;
    padding: 0 30px 0 0;
  }
  .footer.container #block-menu-menu-footer-menu ul li.last a {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .footer.container #block-menu-menu-footer-menu {
    margin-top: -65px;
    width: auto;
  }
  .footer.container #block-menu-menu-footer-menu ul {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .footer.container #block-menu-menu-footer-menu {
    margin-left: 17%;
  }
}

@media only screen and (min-width: 768px) {
  .footer-logo {
    width: 26% !important;
    margin-left: 0px !important;
  }
}
.optanon-alert-box-wrapper {
  background: red !important;
}

.navbar-default {
  margin: 0;
  background: #fff;
  border: none;
}
@media only screen and (min-width: 320px) {
  .navbar-default .navbar-nav {
    margin: 20px 0 10px 0;
  }
  .navbar-default .navbar-nav > li {
    margin: 0;
  }
  .navbar-default .navbar-nav > li > a {
    padding: 0;
    text-align: center;
    background: none;
    color: #000;
    font: bold 25px/39px "dinproCondBold",Arial;
  }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background: none;
    color: #E91D22;
    text-transform: uppercase;
  }
  .navbar-default .navbar-nav > li > a:hover {
    background: none;
    color: #E91D22;
  }
  .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active-trail > a {
    background: none;
    color: #fff;
  }
  .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a.active-trail, .navbar-default .navbar-nav > li.active-trail > a:focus, .navbar-default .navbar-nav > li.active-trail > a:hover, .navbar-default .navbar-nav > li.active-trail > a.active-trail {
    background: none;
    color: #E91D22;
  }
}
@media only screen and (min-width: 768px) {
  .navbar-default .navbar-nav {
    margin: 15px 10px 0 0;
  }
  .navbar-default .navbar-nav > li a {
    font-size: 11px;
    line-height: 16px;
    padding: 16px 7px;
  }
  .navbar-default .navbar-nav > li a.first a {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .navbar-default .navbar-nav {
    margin: 15px 0px 0 0;
  }
  .navbar-default .navbar-nav > li a {
    padding: 13px;
    font-size: 13px;
    line-height: 19px;
  }
}
.navbar-default .navbar-header {
  margin: 0;
}
@media only screen and (min-width: 320px) {
  .navbar-default .navbar-header .navbar-btn {
    width: 170px;
    padding: 0 0 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .navbar-default .navbar-header .navbar-btn {
    padding: 0 0 0 15px;
  }
  .navbar-default .navbar-header .navbar-btn img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .navbar-default .navbar-header .navbar-btn {
    width: 65%;
  }
}
@media only screen and (min-width: 992px) {
  .navbar-default .navbar-header {
    width: 30%;
    padding: 0 0 0 25px;
  }
}
.navbar-default .navbar-header .navbar-toggle {
  margin-top: 15px;
  border: none;
  background: #fff;
}
.navbar-default .navbar-header .navbar-toggle .icon-bar {
  background: #000;
  width: 45px;
  height: 4px;
  margin-bottom: 2px;
}
.navbar-default .navbar-header .navbar-toggle .icon-bar.top-bar {
  transform: rotate(45deg);
  transform-origin: 31% 11% 0;
}
.navbar-default .navbar-header .navbar-toggle .icon-bar.middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}
.navbar-default .navbar-header .navbar-toggle .icon-bar.bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 16% 45% 0;
}
.navbar-default .navbar-header .navbar-toggle:hover {
  background: none;
}
.navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar.top-bar {
  transform: rotate(0deg);
}
.navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar.middle-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-default .navbar-header .navbar-toggle.collapsed .icon-bar.bottom-bar {
  transform: rotate(0deg);
}
.navbar-default .navbar-collapse {
  border: none;
  max-height: auto;
}
.navbar-default .navbar-collapse.in {
  border: none;
  background: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
}

@media only screen and (min-width: 768px) {
  .main-container .video_banner {
    position: relative;
  }
}
@media only screen and (min-width: 320px) {
  .main-container .video_banner .nomination_logo {
    top: 17%;
    vertical-align: middle;
    display: table-cell;
    left: 40%;
    width: 12%;
    z-index: 101;
    position: absolute;
  }
}
@media only screen and (min-width: 768px) {
  .main-container .video_banner .nomination_logo {
    display: block;
    top: 20%;
    left: 43%;
    width: 11%;
  }
}
@media only screen and (min-width: 992px) {
  .main-container .video_banner .nomination_logo {
    top: 30%;
    left: 42%;
    width: auto;
  }
}
@media only screen and (min-width: 320px) {
  .main-container .video_banner .block_text {
    width: 86%;
    margin-top: 25px;
    padding-bottom: 25px;
    float: left;
    position: relative;
    z-index: 101;
    font-family: "dinproCondBold", Arial;
    color: #000;
  }
  .main-container .video_banner .block_text h2 {
    font-size: 35px;
    margin: 0;
    line-height: 44px;
    letter-spacing: 1px;
  }
  .main-container .video_banner .block_text p {
    font: normal 18px/24px "dinproRegular", Arial;
    margin: 10px 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .main-container .video_banner .block_text {
    position: absolute;
    width: 42%;
    color: #fff;
    margin: 0;
    left: 56%;
    top: 20%;
    z-index: 101;
  }
  .main-container .video_banner .block_text h2 {
    font-size: 29px;
    line-height: 32px;
  }
  .main-container .video_banner .block_text p {
    font: normal 18px/21px "dinproRegular", Arial;
    margin: 10px 0 10px;
  }
}
@media only screen and (min-width: 992px) {
  .main-container .video_banner .block_text {
    width: 600px;
    left: 52%;
    top: 31%;
  }
  .main-container .video_banner .block_text h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .main-container .video_banner .block_text p {
    width: 100%;
    font: normal 20px/24px "dinproRegular", Arial;
    margin: 20px 0 30px;
  }
}
.main-container .video_banner .nominee_callout {
  float: left;
  width: auto;
}
.main-container .video_banner .nominee_callout a {
  cursour: pointer;
  text-decoration: none;
  letter-spacing: 1px;
  display: block;
  width: auto;
  padding: 12px 23px;
  color: #fff;
  background: #E91D22;
  font: bold 16px/18px "dinproCondBold", Arial;
}

@media only screen and (min-width: 320px) {
  .home_touts {
    width: 100%;
    margin: 0 auto;
  }
  .home_touts .item-list {
    position: relative;
  }
  .home_touts .item-list .owl-carousel {
    display: block;
  }
  .home_touts .item-list .owl-carousel li {
    border-top: 1px solid #c8c8c8;
    padding: 15px 0;
    margin: 0 8.333%;
    width: auto;
    list-style: none;
  }
  .home_touts .item-list .owl-carousel li .views-field-title {
    letter-spacing: 1px;
    color: #000;
    font: bold 30px/33px "dinproCondBold", Arial;
    margin: 0 0 25px 0;
  }
  .home_touts .item-list .owl-carousel li .views-field-title a {
    color: #000;
    font-size: 20px;
    line-height: 0;
  }
  .home_touts .item-list .owl-carousel li .views-field-title a:hover {
    color: #000;
    text-decoration: none;
  }
  .home_touts .item-list .owl-carousel li .views-field-field-read-more {
    position: relative;
    z-index: 10;
    color: #969696;
    letter-spacing: 1px;
    font: normal 17px/21px "dinproRegular", Arial;
    margin: 30px 0 0 0;
  }
  .home_touts .item-list .owl-carousel li .views-field-field-read-more a {
    color: #E91D22;
    font: bold 13px/17px "dinproCondBold", Arial;
  }
  .home_touts .item-list .owl-carousel li .views-field-field-taco-image {
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
  }
  .home_touts .item-list .owl-carousel li .views-field-field-taco-image::after {
    background: #fff;
    content: none;
    display: block;
    height: 54px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    bottom: -53px;
    -webkit-backface-visibility: hidden;
    transform: skewY(4deg);
    transform-origin: 100%;
    border-top: 1px solid #fff;
  }
}
@media only screen and (min-width: 320px) and (min-width: 320px) {
  .home_touts .item-list .owl-controls .owl-nav div {
    position: absolute;
    top: 38%;
    background: url(../images/arrows.png) no-repeat left top;
    text-indent: -1000px;
    font-size: 0;
    width: 42px;
    height: 41px;
    cursor: pointer;
  }
  .home_touts .item-list .owl-controls .owl-nav div.owl-prev {
    left: -4%;
    background-position: 0 -59px;
  }
  .home_touts .item-list .owl-controls .owl-nav div.owl-next {
    right: -4%;
  }
}
@media only screen and (min-width: 320px) and (min-width: 480px) {
  .home_touts .item-list .owl-controls .owl-nav div.owl-prev {
    left: -1%;
  }
  .home_touts .item-list .owl-controls .owl-nav div.owl-next {
    right: -1%;
  }
}
@media only screen and (min-width: 320px) and (min-width: 768px) {
  .home_touts .item-list .owl-controls .owl-nav div {
    top: 54%;
  }
  .home_touts .item-list .owl-controls .owl-nav div.owl-prev {
    left: -50px;
  }
  .home_touts .item-list .owl-controls .owl-nav div.owl-next {
    right: -50px;
  }
}

@media only screen and (min-width: 768px) {
  .home_touts {
    margin: 45px auto 0;
    max-width: 96%;
  }
  .home_touts .item-list .owl-carousel .owl-stage {
    margin: 0 auto;
  }
  .home_touts .item-list .owl-carousel li {
    border-right: 1px solid #c8c8c8;
    border-top: none;
    padding: 0 20px;
    margin: 0;
    height: auto;
  }
  .home_touts .item-list .owl-carousel li .views-field-title {
    font-size: 21px;
    line-height: 25px;
  }
  .home_touts .item-list .owl-carousel li img {
    max-width: 276px;
  }
  .home_touts .item-list .owl-carousel li.views-row-last {
    border: none;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .home_touts {
    max-width: 970px;
  }
  .home_touts .item-list .owl-carousel li {
    height: auto;
  }
  .home_touts .item-list .owl-carousel li .views-field-field-read-more {
    padding-right: 10%;
  }
  .home_touts .item-list .owl-carousel li .views-field-title {
    font-size: 30px;
    line-height: 35px;
  }
}

.paul_janssen_block .block_content {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 320px) {
  .paul_janssen_block .block_content .left {
    width: 100%;
    position: relative;
    margin: 35px 0 25px 0;
  }
  .paul_janssen_block .block_content .left .desktop_img {
    display: none;
  }
  .paul_janssen_block .block_content .left .left_lext {
    position: absolute;
    bottom: 7%;
    left: 13%;
    width: 80%;
    background: url(../images/quote.png) no-repeat left top;
    padding-top: 61px;
  }
  .paul_janssen_block .block_content .left .left_lext p.main_text {
    letter-spacing: 1px;
    font: bold 27px/30px "dinproCondBold", Arial;
    color: #fff;
    line-height: 1.6;
  }
  .paul_janssen_block .block_content .left .left_lext p.signature {
    margin-top: 35px;
    font: bold 16px/20px "dinproCondBold", Arial;
    color: #fff;
  }
  .paul_janssen_block .block_content .left .left_lext p.signature span {
    display: block;
    float: left;
    width: auto;
    padding-left: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .paul_janssen_block .block_content .left .mobile_img {
    display: none;
  }
  .paul_janssen_block .block_content .left .desktop_img {
    display: block;
  }
  .paul_janssen_block .block_content .left .left_lext {
    top: 13%;
    left: 10%;
    width: 260px;
  }
  .paul_janssen_block .block_content .left .left_lext p.main_text {
    font-size: 24px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 992px) {
  .paul_janssen_block .block_content .left {
    margin: 65px 0 25px 0;
  }
  .paul_janssen_block .block_content .left .left_lext {
    width: 300px;
    top: 25%;
  }
  .paul_janssen_block .block_content .left .left_lext p.main_text {
    font-size: 29px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 320px) {
  .award_mission_blocks {
    width: 100%;
    margin: 0 auto;
  }
  .award_mission_blocks h2.pane-title {
    font: bold 25px/33px "dinproCondBold", Arial;
    color: #000;
    margin-bottom: 20px;
  }
  .award_mission_blocks .pane-content {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
  }
  .award_mission_blocks .pane-content .mission_blocks .sec_missions {
    border-right: none;
    height: auto;
    margin-top: 10px;
    padding: 0 8.33% 0 0;
    color: #969696;
    font: normal 20px/28px "dinproRegular", Arial;
  }
  .award_mission_blocks .pane-content .mission_blocks .sec_missions.last {
    border: none;
  }
  .award_mission_blocks .pane-content .mission_blocks .sec_missions span {
    color: #12c2ea;
    text-transform: uppercase;
    font: bold 22px/32px "dinproCondBold", Arial;
  }
}
@media only screen and (min-width: 768px) {
  .award_mission_blocks {
    width: 96%;
  }
  .award_mission_blocks .pane-content .mission_blocks .sec_missions {
    min-height: 282px !important;
    border-right: 1px solid #c8c8c8;
    margin-bottom: 0;
    padding: 15px 5% 0 0;
    margin: 0 0 0 4%;
    width: 30%;
  }
  .award_mission_blocks .pane-content .mission_blocks .sec_missions.first {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .award_mission_blocks {
    max-width: 970px;
  }
  .award_mission_blocks .pane-content .mission_blocks .sec_missions {
    padding: 0px 5% 0 0;
  }
}

.owl-next.disabled {
  display: block !important;
}

#block-views-about-the-award-block {
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #block-views-about-the-award-block {
    width: 100%;
  }
}

.access_denied, .page_not_found {
  padding: 12% 0;
  font: bold 25px/33px "dinproCondBold", Arial;
}

#inner_pages {
  position: relative;
  z-index: 1001;
}
@media only screen and (min-width: 320px) {
  #inner_pages .legacy-page {
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
  }
  #inner_pages .legacy-page .text-center {
    text-align: left;
  }
  #inner_pages .legacy-page .pagination {
    display: none;
  }
  #inner_pages .legacy-page .pagination li {
    display: block;
    float: left;
    width: auto;
    margin: 0 5px 0 0;
  }
  #inner_pages .legacy-page .pagination li.next, #inner_pages .legacy-page .pagination li.pager-first, #inner_pages .legacy-page .pagination li.prev, #inner_pages .legacy-page .pagination li.pager-last {
    display: none;
  }
  #inner_pages .legacy-page .pagination li a, #inner_pages .legacy-page .pagination li span {
    cursor: pointer;
    background: #969696;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    border: none;
    text-indent: -1000px;
    font-size: 0;
    padding: 0;
  }
  #inner_pages .legacy-page .pagination li a:hover, #inner_pages .legacy-page .pagination li span:hover {
    background: #000;
  }
  #inner_pages .legacy-page .pagination li.active span {
    background: #000;
    cursor: default;
  }
  #inner_pages .legacy-page .view-content {
    float: left;
    width: 100%;
  }
  #inner_pages .legacy-page .view-content h1 span {
    font: bold 30px/33px "dinproCondBold", Arial;
    letter-spacing: 1px;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content {
    margin-bottom: 45px;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .arrow_top {
    color: #000;
    font: bold 30px/33px "dinproCondBold", Arial;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
    background: url(../images/top_arrow.png) no-repeat center top;
    height: 40px;
    position: fixed;
    right: 5%;
    bottom: 100px;
    padding-top: 46px;
    letter-spacing: 1px;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content p {
    font: normal 20px/28px "dinproRegular", Arial;
    color: #969696;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content ul {
    float: left;
    width: 100%;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content table {
    border: 1px solid #081B3B;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content table tr {
    border-bottom: 1px solid #081B3B;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content table tr th {
    width: 70%;
    background: #081B3B;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content table tr th:last-child {
    width: 30%;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content table tr td {
    padding: 15px;
    border-right: 1px solid #081B3B;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content table tr td:last-child {
    text-align: center;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list {
    float: left;
    width: 100%;
    margin: 15px 0 25px;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li {
    margin: 0;
    list-style-type: none;
    float: left;
    width: 100%;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li .year {
    letter-spacing: 1px;
    text-align: center;
    float: left;
    width: 90px;
    background: #091c3a;
    color: #fff;
    padding: 5px 0;
    font: bold 20px/21px "dinproCondBold", Arial;
    position: relative;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li .desc {
    width: 67%;
    float: left;
    margin: 0 0 0 5%;
    padding: 0 0 0 4%;
    border-left: 1px solid #d5d6d8;
    height: auto;
    position: relative;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li .desc p {
    margin: 0;
    padding: 0 0 8px 0;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li .desc .timeline_bullet {
    float: left;
    background: url(../images/awards_honor_timeline.png) no-repeat left top;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -7px;
    top: 6px;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li.first .desc {
    margin-top: 9px;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li.first .desc p {
    margin: -6px 0 0 0;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li.first .desc .timeline_bullet {
    top: 0;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li.last .desc {
    height: auto;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list.honors li .year {
    background: #564da0;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list.honors li .desc .timeline_bullet {
    background: url(../images/awards_honor_timeline_purple.png) no-repeat left top;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .middle_text {
    float: left;
    width: 100%;
    margin: 40px 0;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row {
    float: left;
    width: 100%;
    border-top: 1px solid #c8c8c8;
    padding-bottom: 25px;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row h2 {
    float: left;
    width: 100%;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row h2 span {
    font: bold 30px/35px "dinproCondBold", Arial;
    color: #000;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row .left_image {
    float: left;
    width: 100%;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row .teaser_content {
    float: right;
    width: 100%;
    font: normal 20px/28px "dinproRegular", Arial;
    color: #969696;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row .teaser_content span {
    color: #E91D22;
    font: bold 16px/22px "dinproCondBold", Arial;
    cursor: pointer;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row.views-row-last {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li .year {
    width: 115px;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li .desc {
    width: 76%;
    height: 100px;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li .desc p {
    padding: 0;
  }
  #inner_pages .legacy-page .view-content .views-field-body .field-content .awards_list li.last {
    height: 10px;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row h2 {
    margin-bottom: 20px;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row .teaser_content {
    margin-top: -7px;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row .left_image {
    width: 28%;
  }
  #inner_pages .legacy-page .views-field-view .view-content .views-row .teaser_content {
    width: 66%;
  }
}
#inner_pages .node-page .pagination, #inner_pages .newsroom-page .pagination {
  border-bottom: 1px solid #c8c8c8;
  float: left;
  width: 100%;
  padding-bottom: 30px;
  border-radius: 0;
  margin-bottom: 10px;
}
#inner_pages .node-page .pagination li, #inner_pages .newsroom-page .pagination li {
  display: block;
  float: left;
  width: auto;
  margin: 0 5px 0 0;
}
#inner_pages .node-page .pagination li.next, #inner_pages .node-page .pagination li.pager-first, #inner_pages .node-page .pagination li.prev, #inner_pages .node-page .pagination li.pager-last, #inner_pages .newsroom-page .pagination li.next, #inner_pages .newsroom-page .pagination li.pager-first, #inner_pages .newsroom-page .pagination li.prev, #inner_pages .newsroom-page .pagination li.pager-last {
  display: none;
}
#inner_pages .node-page .pagination li a, #inner_pages .node-page .pagination li span, #inner_pages .newsroom-page .pagination li a, #inner_pages .newsroom-page .pagination li span {
  cursor: pointer;
  background: #969696;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  border: none;
  text-indent: -1000px;
  font-size: 0;
  padding: 0;
}
#inner_pages .node-page .pagination li a:hover, #inner_pages .node-page .pagination li span:hover, #inner_pages .newsroom-page .pagination li a:hover, #inner_pages .newsroom-page .pagination li span:hover {
  background: #000;
}
#inner_pages .node-page .pagination li.active_pos a, #inner_pages .node-page .pagination li.active_pos span, #inner_pages .newsroom-page .pagination li.active_pos a, #inner_pages .newsroom-page .pagination li.active_pos span {
  background: #000;
}
@media only screen and (min-width: 320px) {
  #inner_pages .node-page, #inner_pages .newsroom-page {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
  }
  #inner_pages .node-page .section, #inner_pages .node-page .view-content, #inner_pages .node-page .field-name-body, #inner_pages .newsroom-page .section, #inner_pages .newsroom-page .view-content, #inner_pages .newsroom-page .field-name-body {
    padding: 0;
    margin-bottom: 45px;
  }
  #inner_pages .node-page .section h2, #inner_pages .node-page .view-content h2, #inner_pages .node-page .field-name-body h2, #inner_pages .newsroom-page .section h2, #inner_pages .newsroom-page .view-content h2, #inner_pages .newsroom-page .field-name-body h2 {
    font: bold 30px/35px "dinproCondBold", Arial;
    color: #000;
  }
  #inner_pages .node-page .section p, #inner_pages .node-page .view-content p, #inner_pages .node-page .field-name-body p, #inner_pages .newsroom-page .section p, #inner_pages .newsroom-page .view-content p, #inner_pages .newsroom-page .field-name-body p {
    font: normal 20px/29px "dinproRegular", Arial;
    color: #969696;
  }
  #inner_pages .node-page .section p a.mail_to, #inner_pages .node-page .view-content p a.mail_to, #inner_pages .node-page .field-name-body p a.mail_to, #inner_pages .newsroom-page .section p a.mail_to, #inner_pages .newsroom-page .view-content p a.mail_to, #inner_pages .newsroom-page .field-name-body p a.mail_to {
    background: url("../images/mail_icon.png") no-repeat scroll left 8px;
    height: 10px;
    padding-left: 21px;
    width: 20px;
  }
  #inner_pages .node-page .section p img, #inner_pages .node-page .view-content p img, #inner_pages .node-page .field-name-body p img, #inner_pages .newsroom-page .section p img, #inner_pages .newsroom-page .view-content p img, #inner_pages .newsroom-page .field-name-body p img {
    width: 200px;
    float: left;
    margin: 0 20px 0 0;
  }
  #inner_pages .node-page .section ul li, #inner_pages .node-page .view-content ul li, #inner_pages .node-page .field-name-body ul li, #inner_pages .newsroom-page .section ul li, #inner_pages .newsroom-page .view-content ul li, #inner_pages .newsroom-page .field-name-body ul li {
    list-style-type: disc;
    margin: 15px 0 15px 30px;
    font: normal 20px/28px "dinproRegular", Arial;
    color: #969696;
  }
  #inner_pages .node-page .section ul.newsroom_list li, #inner_pages .node-page .view-content ul.newsroom_list li, #inner_pages .node-page .field-name-body ul.newsroom_list li, #inner_pages .newsroom-page .section ul.newsroom_list li, #inner_pages .newsroom-page .view-content ul.newsroom_list li, #inner_pages .newsroom-page .field-name-body ul.newsroom_list li {
    list-style-type: none;
    margin: 30px 0;
  }
  #inner_pages .node-page .section ul.newsroom_list li a, #inner_pages .node-page .view-content ul.newsroom_list li a, #inner_pages .node-page .field-name-body ul.newsroom_list li a, #inner_pages .newsroom-page .section ul.newsroom_list li a, #inner_pages .newsroom-page .view-content ul.newsroom_list li a, #inner_pages .newsroom-page .field-name-body ul.newsroom_list li a {
    font: normal 20px/28px "dinproRegular", Arial;
    color: #E91D22;
    text-decoration: underline;
  }
  #inner_pages .node-page .section h3, #inner_pages .node-page .view-content h3, #inner_pages .node-page .field-name-body h3, #inner_pages .newsroom-page .section h3, #inner_pages .newsroom-page .view-content h3, #inner_pages .newsroom-page .field-name-body h3 {
    font: bold 30px/35px "dinproCondBold", Arial;
    color: #E91D22;
    margin-top: 40px;
  }
}

/*==========  Mobile First Method  ==========*/
/* -- Copy this media queries and paste where you need, Start wrting all the Style in min-width : 320px. */
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 320px) {
  body {
    color: #969696;
    font: 20px/29px "dinproRegular",Arial;
  }
  body ul li {
    list-style-type: disc;
    margin: 15px 0 15px 30px;
  }
  body h1 {
    font: bold 30px/33px "dinproCondBold",Arial;
    color: #000;
  }
  body h3 {
    font: bold 27px/32px "dinproCondBold",Arial;
  }
  body a, body li, body span {
    outline: none;
  }
  body a:focus, body li:focus, body span:focus {
    outline: none;
    border: none;
  }
  body a {
    color: #E91D22;
  }
  body p {
    margin: 15px 0;
  }
  body.no-scroll {
    overflow: hidden;
  }

  .tabs--primary {
    margin: 100px auto 20px;
    width: 80%;
    max-width: 1200px;
  }

  #user-login {
    margin: 10px auto;
    width: 80%;
    max-width: 1200px;
  }

  .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .navbar img, .container img {
    max-width: 100%;
    width: 100%;
  }

  #navbar .container {
    max-width: 1200px;
  }

  .main-container .video-container {
    display: none;
  }
  .main-container .video-container .video-container-inner {
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
  }
  .main-container .video-container .video-container-inner::after {
    background: #fff;
    content: '';
    display: block;
    height: 41px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    bottom: -33px;
    -webkit-backface-visibility: hidden;
    transform: skewY(4deg);
    transform-origin: 100%;
    border-top: 1px solid #fff;
  }
  .main-container .image-container {
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
  }
  .main-container .image-container::after {
    background: #fff;
    content: '';
    display: block;
    height: 54px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    bottom: -54px;
    -webkit-backface-visibility: hidden;
    transform: skewY(4deg);
    transform-origin: 100%;
    border-top: 1px solid #fff;
  }
  .main-container #page-header {
    padding: 68px 0 0 0;
    position: relative;
  }
  .main-container .row {
    margin: 0 0 30px 0;
    padding: 0;
  }
  .main-container .row .col-sm-12 {
    padding: 0;
  }

  .not-front .main-container .row {
    width: 96%;
    margin: 0 auto 30px;
  }

  .top-carousel {
    position: relative;
  }
  .top-carousel .owl-carousel .owl-item li {
    list-style-type: none;
    margin: 0;
    position: relative;
    z-index: 1;
  }
  .top-carousel .owl-carousel .owl-item li::after {
    background: #fff;
    content: none;
    display: block;
    height: 65px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    bottom: -56px;
    -webkit-backface-visibility: hidden;
    transform: skewY(4.5deg);
    transform-origin: 100%;
    border-top: 1px solid #fff;
  }
  .top-carousel .owl-carousel .owl-controls {
    margin: 30px 0 0 0;
  }
  .top-carousel .owl-carousel .owl-controls .owl-nav div {
    position: absolute;
    top: 23%;
    background: url(../images/carousel-arrows.png) no-repeat left top;
    text-indent: -1000px;
    font-size: 0;
    width: 42px;
    height: 41px;
    cursor: pointer;
  }
  .top-carousel .owl-carousel .owl-controls .owl-nav div.owl-prev {
    left: 4%;
    background-position: 0 -59px;
  }
  .top-carousel .owl-carousel .owl-controls .owl-nav div.owl-next {
    right: 4%;
  }
  .top-carousel .owl-carousel .owl-controls .owl-dots {
    display: none !important;
    margin: 20px auto 10px;
    max-width: 970px;
    width: 96%;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 30px;
  }
  .top-carousel .owl-carousel .owl-controls .owl-dots .owl-dot span {
    display: block;
    float: left;
    margin: 0 6px 0 0;
    cursor: pointer;
    background: #969696;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    border: none;
    text-indent: -1000px;
    font-size: 0;
    padding: 0;
  }
  .top-carousel .owl-carousel .owl-controls .owl-dots .owl-dot span:hover {
    background: #000;
  }
  .top-carousel .owl-carousel .owl-controls .owl-dots .owl-dot.active span {
    background: #fff;
    cursor: default;
  }
}
@media only screen and (min-width: 768px) {
  .basic_pages {
    padding-top: 100px;
  }

  .front .navbar-default {
    background: #fff;
  }
  .front .navbar-default.affix {
    border: none;
    background: #fff;
  }

  .main-container {
    margin: 0 auto;
  }
  .main-container .video-container .video-container-inner::after {
    height: 300px;
    bottom: -289px;
  }
  .main-container .row {
    margin: 0 auto;
  }
  .main-container #page-header {
    padding: 0;
  }

  .not-front .main-container .row {
    width: 96%;
  }

  .top-carousel .owl-carousel .owl-item li::after {
    height: 393px;
    bottom: -392px;
  }
  .top-carousel .owl-carousel .owl-controls .owl-nav div {
    top: 42%;
  }
  .top-carousel .owl-carousel .owl-controls .owl-dots {
    width: 96%;
  }
}
@media only screen and (min-width: 992px) {
  .not-front .main-container .row {
    width: 100%;
  }

  .mobile .main-container .video-container {
    display: none;
  }
  .mobile .main-container .image-container {
    display: block;
  }
  .mobile .main-container .image-container::after {
    height: 72px;
    bottom: -72px;
  }

  .main-container .video-container {
    display: block;
  }
  .main-container .image-container {
    display: none;
  }

  .top-carousel .owl-carousel .owl-controls {
    margin: 0;
  }
  .top-carousel .owl-carousel .owl-controls .owl-nav div {
    top: 40%;
  }
  .top-carousel .owl-carousel .owl-controls .owl-dots {
    width: 100%;
    display: none !important;
  }
}
/*@media only screen and (min-width : 1280px) {
	.main-container {
		.video-container-inner{
			&::after{ height:193px; bottom:-184px; }
		}
	}
	.top-carousel{
		.owl-carousel{
			.owl-item {
				li{
					&::after{ height:193px; bottom:-184px; }
				}
			}
		}
	}
}*/
body {
  color: #969696;
  font-family: "dinproRegular",Arial;
}

body.page-home .main-container .video_banner .top-carousel .owl-carousel .owl-controls .owl-dots {
  width: 32%;
  position: absolute;
  left: 50%;
  bottom: 8%;
  border: none;
}
body.page-home .main-container .row section .content1 .region-content1 {
  background: url(../images/background.png) no-repeat;
  position: relative;
  z-index: 100;
  border: none;
  bottom: 130px;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  min-height: 1590px;
}
body.page-home .main-container .row section .content1 .region-content1 section {
  width: 600px;
  margin: 0 auto;
  text-align: center;
}
body.page-home .main-container .row section .content1 .region-content1 section p {
  color: #fff;
  line-height: 20px;
  padding: 15px 0 15px;
  font: normal 20px/33px "dinproRegular", Arial;
}
body.page-home .main-container .row section .content1 .region-content1 section p.hash_tag {
  letter-spacing: 1px;
  font-weight: 100;
}
body.page-home .main-container .row section .content1 .region-content1 section p span.text-italic {
  font-style: italic;
  font-weight: 100;
}
body.page-home .main-container .row section .content1 .region-content1 section p strong {
  font-family: "dinproCondBold", Arial;
  letter-spacing: 1px;
}
body.page-home .main-container .row section .content1 .region-content1 section h2 {
  border-bottom: 2px solid #fff;
  padding-bottom: 25px;
  color: #12c2ea;
  font-family: "dinproCondBold", Arial;
  font-size: 40px;
  letter-spacing: 1.5px;
  padding-top: 105px;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc {
  padding: 30px 0 5px;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this {
  margin: 0 auto;
  width: 300px;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li {
  list-style-type: none;
  float: left;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a {
  width: 80px;
  float: left;
  height: 80px;
  color: transparent;
  background-size: 100%;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a:hover, body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a:visited, body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a:focus, body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a:link {
  color: transparent;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li.fb1 {
  margin-left: 0;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a.fb {
  background: url(../images/fb.png) no-repeat;
  background-size: 100%;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a.tw {
  background: url(../images/tw.png) no-repeat;
  background-size: 100%;
}
body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a.in {
  background: url(../images/in.png) no-repeat;
  background-size: 100%;
}
body.page-home .main-container .row section .content1 .region-content1 section#block-block-11 .report-home {
  padding-top: 70px;
}
body.page-home .main-container .row section .content1 .region-content1 section#block-block-11 .report-home p {
  font-size: 11px;
  font-style: italic;
  text-align: center;
  width: 85%;
  margin-left: 35px;
  line-height: 2;
  padding-top: 36px;
}
body.page-home .main-container .row section .content1 .region-content1 section .download_section {
  width: 350px;
  margin: 10px auto;
  margin-bottom: 85px;
}
body.page-home .main-container .row section .content1 .region-content1 section .download_section .download_button {
  background: #12c2ea;
  color: #fff;
  font: normal 15px "dinproCondBold", Arial;
  padding: 9px 0;
  width: 244px;
  margin: 0 auto;
  margin-top: 20px;
}
body.page-home .main-container .row section .content1 .region-content1 section .download_section .download_button a {
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
}
body.page-home .main-container .row section .content1 .region-content1 section .download_section .download_button a:hover {
  text-decoration: none;
}
body.page-home .main-container .row section .region-content {
  margin-top: -105px;
}

@media only screen and (max-width: 767px) {
  body.page-home .main-container .row section .content1 .region-content1 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    bottom: 60px;
    min-height: 1580px;
  }
  body.page-home .main-container .row section .content1 .region-content1 section {
    width: 90%;
  }
  body.page-home .main-container .row section .content1 .region-content1 section h2 {
    padding-top: 15%;
  }
  body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this {
    width: 210px;
  }
  body.page-home .main-container .row section .content1 .region-content1 section.block-djpa-misc ul.share-this li a {
    width: 50px;
    height: 50px;
  }
  body.page-home .main-container .row section .content1 .region-content1 section .download_section {
    width: 100%;
  }
  body.page-home .main-container .row section .content1 .region-content1 section .download_section .download_button {
    width: 60%;
    max-width: 240px;
  }
}
/* @media only screen and (max-width:767px){
    .field-items{
        .field-item{
            .iframe-audio-podcast{width:100%;
                pd_player_wrapper{width:67.8%;}
            }
        }
    }
} */
@media only screen and (max-width: 767px) {
  .iframe-audio-podcast {
    width: 99% !important;
    margin: 0 auto;
    position: relative;
  }

  iframe {
    width: 100%;
  }
  iframe body {
    width: 100%;
  }
}
iframe {
  width: 100%;
}

.iframe-audio-podcast {
  width: 60%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  body.page-home .main-container .row section .content1 .region-content1 {
    min-height: 1725px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  body.page-home .main-container .row section .content1 .region-content1 {
    min-height: 1680px;
  }
}
.champion-wrapper .champion-banner-content {
  background: url(../images/white_background.png) no-repeat;
  background-size: 100%;
  width: 100%;
  position: relative;
  bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .champion-wrapper .champion-banner-content {
    bottom: 50px;
  }
}
.champion-wrapper .champion-banner-content .cos-logo {
  width: 30%;
  padding-top: 75px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .champion-wrapper .champion-banner-content .cos-logo {
    width: 60%;
  }
}
.champion-wrapper .champion-banner-content .cos-wrapper {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  color: #000;
}
.champion-wrapper .champion-banner-content .cos-wrapper .cos-subtitle {
  margin: 25px 0;
  font: bold 25px/30px "dinproCondBold";
}
.champion-wrapper .champion-banner-content .pillar_thumbnails {
  width: 68%;
  margin: 0 auto;
  padding-top: 6%;
}
.champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail {
  float: left;
  width: 33%;
  border-left: 1px solid #c8c8c8;
  font: bold 25px/30px "dinproCondBold";
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail {
    width: 100%;
    border: none;
    text-align: center;
  }
}
.champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail a:hover {
  text-decoration: none;
}
.champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail:first-child {
  border: 0;
}
.champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail:first-child p a {
  color: #532fd0;
}
.champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail:nth-child(2) a {
  color: #04c1ec;
}
.champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail:nth-child(3) a {
  color: #081b3b;
}
.champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail p {
  padding: 0 30px;
}
.champion-wrapper .champion-banner-content .pillar_thumbnails .trumbnail p img {
  width: 100%;
}

.pane-bean-fueling-feature {
  background: url(../images/deep-bule-background.png) #532fd0 no-repeat;
  background-size: 100%;
  width: 100%;
  position: relative;
  bottom: 130px;
  color: #fff;
  padding: 5% 0 10%;
}
@media only screen and (max-width: 767px) {
  .pane-bean-fueling-feature {
    bottom: 25px;
  }
}
.pane-bean-fueling-feature .fueling-feature {
  width: 68%;
  margin: 0 auto;
}
.pane-bean-fueling-feature .fueling-feature .title {
  font: bold 58px/60px "dinproCondBold";
}
.pane-bean-fueling-feature .fueling-feature .sub-title-wrapper {
  padding-top: 30px;
}
.pane-bean-fueling-feature .fueling-feature .sub-title-wrapper p.sub-title {
  float: left;
  padding-right: 30px;
  margin-top: 22px;
  font: bold 29px/29px "dinproCondBold";
  max-width: 70%;
}
@media only screen and (max-width: 767px) {
  .pane-bean-fueling-feature .fueling-feature .sub-title-wrapper p.sub-title {
    max-width: 100%;
  }
}
.pane-bean-fueling-feature .fueling-feature .sub-title-wrapper img.sub-title-logo {
  width: auto;
  height: 75px;
}
.pane-bean-fueling-feature .fueling-feature .context-text {
  float: left;
}
.pane-bean-fueling-feature .fueling-feature .context-text .william-blue u {
  color: #04c1ec;
  text-decoration: none;
  border-bottom: 1px solid;
}
.pane-bean-fueling-feature .fueling-feature .context-text img {
  width: 70%;
  padding: 40px 0;
}
.pane-bean-fueling-feature .fueling-feature .context-text .video {
  width: 70%;
  padding: 40px 0;
}
@media only screen and (max-width: 992px) {
  .pane-bean-fueling-feature .fueling-feature .context-text .video {
    width: auto;
  }
}
.pane-bean-fueling-feature .fueling-feature p.reg-link {
  font: bold 20px/20px "dinproCondBold";
  margin-bottom: 25px;
}
.pane-bean-fueling-feature .fueling-feature .reg-button {
  padding: 10px;
  background: #12c2ea;
  width: 15%;
  text-align: center;
  font: bold 20px/20px "dinproCondBold";
}
@media only screen and (max-width: 992px) {
  .pane-bean-fueling-feature .fueling-feature .reg-button {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .pane-bean-fueling-feature .fueling-feature .reg-button {
    width: 40%;
  }
}
.pane-bean-fueling-feature .fueling-feature .reg-button a {
  color: #fff;
}
.pane-bean-fueling-feature .fueling-feature .reg-button a:hover {
  text-decoration: none;
}

.page-dpjproject .navbar-header button {
  display: none;
}

.pane-bean-celebrating-the-power-of-science {
  background: url(../images/light-bule-background.png) #04c1ec no-repeat;
  background-size: 100%;
  width: 100%;
  position: relative;
  bottom: 250px;
  color: #fff;
  padding: 5% 0 10%;
}
@media only screen and (max-width: 767px) {
  .pane-bean-celebrating-the-power-of-science {
    bottom: 75px;
  }
}
.pane-bean-celebrating-the-power-of-science .power-of-science {
  width: 68%;
  margin: 0 auto;
}
.pane-bean-celebrating-the-power-of-science .power-of-science .title {
  font: bold 58px/60px "dinproCondBold";
}
.pane-bean-celebrating-the-power-of-science .power-of-science .sub-title-wrapper {
  padding-top: 30px;
}
.pane-bean-celebrating-the-power-of-science .power-of-science .sub-title-wrapper p.sub-title {
  float: left;
  padding-right: 30px;
  margin-top: 17px;
  font: bold 29px/29px "dinproCondBold";
  max-width: 70%;
}
@media only screen and (max-width: 767px) {
  .pane-bean-celebrating-the-power-of-science .power-of-science .sub-title-wrapper p.sub-title {
    max-width: 100%;
  }
}
.pane-bean-celebrating-the-power-of-science .power-of-science .sub-title-wrapper img.sub-title-logo {
  width: auto;
}
.pane-bean-celebrating-the-power-of-science .power-of-science .context-text {
  float: left;
}
.pane-bean-celebrating-the-power-of-science .power-of-science .context-text img {
  width: 70%;
  padding: 40px 0;
}
.pane-bean-celebrating-the-power-of-science .power-of-science .context-text .video {
  width: 70%;
  padding: 40px 0;
}
@media only screen and (max-width: 992px) {
  .pane-bean-celebrating-the-power-of-science .power-of-science .context-text .video {
    width: auto;
  }
}
.pane-bean-celebrating-the-power-of-science .power-of-science p.reg-link {
  font: bold 20px/20px "dinproCondBold";
  margin-bottom: 25px;
}
.pane-bean-celebrating-the-power-of-science .power-of-science p.reg-link a, .pane-bean-celebrating-the-power-of-science .power-of-science p.reg-link a:hover {
  color: #081b3b;
}
.pane-bean-celebrating-the-power-of-science .power-of-science .reg-button {
  padding: 10px;
  background: #12c2ea;
  width: 15%;
  text-align: center;
  font: bold 20px/20px "dinproCondBold";
}
.pane-bean-celebrating-the-power-of-science .power-of-science .reg-button a {
  color: #fff;
}

.pane-bean-inspiring-champion-of-science {
  background: url(../images/dark-bule-background.png) #081b3b no-repeat;
  background-size: 100%;
  width: 100%;
  position: relative;
  bottom: 350px;
  color: #fff;
  padding: 5% 0 10%;
}
@media only screen and (max-width: 767px) {
  .pane-bean-inspiring-champion-of-science {
    bottom: 100px;
    padding: 5% 0 15%;
  }
}
.pane-bean-inspiring-champion-of-science .champion-of-science {
  width: 68%;
  margin: 0 auto;
}
.pane-bean-inspiring-champion-of-science .champion-of-science .title {
  font: bold 58px/60px "dinproCondBold";
}
.pane-bean-inspiring-champion-of-science .champion-of-science .sub-title-wrapper {
  padding-top: 30px;
}
.pane-bean-inspiring-champion-of-science .champion-of-science .sub-title-wrapper p.sub-title {
  float: left;
  padding-right: 30px;
  margin-top: 22px;
  font: bold 29px/29px "dinproCondBold";
  max-width: 70%;
}
@media only screen and (max-width: 767px) {
  .pane-bean-inspiring-champion-of-science .champion-of-science .sub-title-wrapper p.sub-title {
    max-width: 100%;
  }
}
.pane-bean-inspiring-champion-of-science .champion-of-science .sub-title-wrapper img.sub-title-logo {
  width: 70%;
  height: 75px;
}
.pane-bean-inspiring-champion-of-science .champion-of-science .context-text {
  float: left;
}
.pane-bean-inspiring-champion-of-science .champion-of-science .context-text img {
  width: auto;
  padding: 40px 0;
}
.pane-bean-inspiring-champion-of-science .champion-of-science .context-text .video {
  width: 70%;
  padding: 40px 0;
}
@media only screen and (max-width: 992px) {
  .pane-bean-inspiring-champion-of-science .champion-of-science .context-text .video {
    width: auto;
  }
}
.pane-bean-inspiring-champion-of-science .champion-of-science p.reg-link {
  font: bold 20px/20px "dinproCondBold";
  margin-bottom: 25px;
}
.pane-bean-inspiring-champion-of-science .champion-of-science p.reg-link a, .pane-bean-inspiring-champion-of-science .champion-of-science p.reg-link a:hover {
  color: #04c1ec;
}
.pane-bean-inspiring-champion-of-science .champion-of-science .reg-button {
  padding: 10px;
  background: #12c2ea;
  width: 15%;
  text-align: center;
  font: bold 20px/20px "dinproCondBold";
}

.join-us {
  position: relative;
  bottom: 455px;
  background: url(../images/white-background.png) no-repeat;
  background-size: 100%;
  width: 100%;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .join-us {
    bottom: 160px;
  }
}
.join-us .title-wrapper {
  width: 68%;
  padding: 6% 0 3%;
  margin: 0 auto;
  border-bottom: 1px solid #c8c8c8;
  text-align: center;
}
.join-us .title-wrapper .title {
  font: bold 62px/62px "dinproCondBold";
  letter-spacing: -2px;
}
@media only screen and (max-width: 767px) {
  .join-us .title-wrapper .title {
    font: bold 30px/30px "dinproCondBold";
  }
}
.join-us .title-wrapper .sub-title {
  font: bold 75px/75px "dinproCondBold";
}
@media only screen and (max-width: 767px) {
  .join-us .title-wrapper .sub-title {
    font: bold 40px/45px "dinproCondBold";
  }
}
.join-us .context-text {
  width: 68%;
  margin: 0 auto;
  padding-top: 1%;
  padding-bottom: 4%;
  border-bottom: 1px solid #c6c6c6;
}
.join-us .context-text .champion-img {
  text-align: center;
}
.join-us .context-text .champion-img img {
  width: 64%;
}
.join-us .context-text a {
  text-decoration: none;
  border-bottom: 1px solid;
}
.join-us .context-text .sub_title_wrapper {
  text-align: center;
}
.join-us .context-text .sub_title_wrapper p.sub-title {
  font: bold 37.5px/40px "dinproCondBold";
}
.join-us .context-text .sub_title_wrapper img {
  width: 30%;
  padding: 2% 0 2%;
}
@media only screen and (max-width: 992px) {
  .join-us .context-text .sub_title_wrapper img {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .join-us .context-text .sub_title_wrapper img {
    width: 100%;
  }
}
.join-us .context-text .social-share {
  width: 193px;
  margin: 0 auto;
  text-align: center;
}
.join-us .context-text .social-share ul li {
  list-style-type: none;
  float: left;
  margin: 0 10px;
}
.join-us .context-text p.upto {
  font-size: 16px;
}

.champions-of-science-tweet, .view-tweets {
  width: 68%;
  margin: 0 auto;
  bottom: 400px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .champions-of-science-tweet, .view-tweets {
    width: 90%;
    bottom: 150px;
  }
}
.champions-of-science-tweet .feed-left, .champions-of-science-tweet .feed-middle, .champions-of-science-tweet .feed-right, .view-tweets .feed-left, .view-tweets .feed-middle, .view-tweets .feed-right {
  width: 33%;
  float: left;
  padding: 0 8px;
}
@media only screen and (max-width: 767px) {
  .champions-of-science-tweet .feed-left, .champions-of-science-tweet .feed-middle, .champions-of-science-tweet .feed-right, .view-tweets .feed-left, .view-tweets .feed-middle, .view-tweets .feed-right {
    width: 100%;
    padding: 0 5%;
  }
}
.champions-of-science-tweet .feed-left .tweet-wrap, .champions-of-science-tweet .feed-middle .tweet-wrap, .champions-of-science-tweet .feed-right .tweet-wrap, .view-tweets .feed-left .tweet-wrap, .view-tweets .feed-middle .tweet-wrap, .view-tweets .feed-right .tweet-wrap {
  padding: 15px 0 0 0;
  margin-top: 15px;
  border: 2px solid #e1e0e0;
  border-radius: 3px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  word-wrap: break-word;
  position: relative;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-img, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-img, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-img, .view-tweets .feed-left .tweet-wrap .tweet-img, .view-tweets .feed-middle .tweet-wrap .tweet-img, .view-tweets .feed-right .tweet-wrap .tweet-img {
  padding: 0 25px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-msg, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-msg, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-msg, .view-tweets .feed-left .tweet-wrap .tweet-msg, .view-tweets .feed-middle .tweet-wrap .tweet-msg, .view-tweets .feed-right .tweet-wrap .tweet-msg {
  word-wrap: break-word;
  padding: 0 25px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-msg a, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-msg a, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-msg a, .view-tweets .feed-left .tweet-wrap .tweet-msg a, .view-tweets .feed-middle .tweet-wrap .tweet-msg a, .view-tweets .feed-right .tweet-wrap .tweet-msg a {
  color: #000;
  text-decoration: none;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-msg a:hover, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-msg a:hover, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-msg a:hover, .view-tweets .feed-left .tweet-wrap .tweet-msg a:hover, .view-tweets .feed-middle .tweet-wrap .tweet-msg a:hover, .view-tweets .feed-right .tweet-wrap .tweet-msg a:hover {
  color: #23527c;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-user-details, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-user-details, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-user-details, .view-tweets .feed-left .tweet-wrap .tweet-user-details, .view-tweets .feed-middle .tweet-wrap .tweet-user-details, .view-tweets .feed-right .tweet-wrap .tweet-user-details {
  padding: 20px 25px 0;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-user-details .tweet-user-icon, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-user-details .tweet-user-icon, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-user-details .tweet-user-icon, .view-tweets .feed-left .tweet-wrap .tweet-user-details .tweet-user-icon, .view-tweets .feed-middle .tweet-wrap .tweet-user-details .tweet-user-icon, .view-tweets .feed-right .tweet-wrap .tweet-user-details .tweet-user-icon {
  width: 35px;
  float: left;
  border: 3px solid #f3f3f3;
  border-radius: 3px;
  margin-top: 3px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-user-details .name-wrap, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-user-details .name-wrap, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-user-details .name-wrap, .view-tweets .feed-left .tweet-wrap .tweet-user-details .name-wrap, .view-tweets .feed-middle .tweet-wrap .tweet-user-details .name-wrap, .view-tweets .feed-right .tweet-wrap .tweet-user-details .name-wrap {
  width: 70%;
  float: left;
  padding-left: 20px;
  word-wrap: break-word;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-user-details .name-wrap .tweet-user-name, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-user-details .name-wrap .tweet-user-name, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-user-details .name-wrap .tweet-user-name, .view-tweets .feed-left .tweet-wrap .tweet-user-details .name-wrap .tweet-user-name, .view-tweets .feed-middle .tweet-wrap .tweet-user-details .name-wrap .tweet-user-name, .view-tweets .feed-right .tweet-wrap .tweet-user-details .name-wrap .tweet-user-name {
  font-size: 18px;
  font-family: "DINProBold";
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-user-details .name-wrap .tweet-time, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-user-details .name-wrap .tweet-time, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-user-details .name-wrap .tweet-time, .view-tweets .feed-left .tweet-wrap .tweet-user-details .name-wrap .tweet-time, .view-tweets .feed-middle .tweet-wrap .tweet-user-details .name-wrap .tweet-time, .view-tweets .feed-right .tweet-wrap .tweet-user-details .name-wrap .tweet-time {
  font-size: 13px;
  color: #c6c6c6;
}
.champions-of-science-tweet .feed-left .tweet-wrap .tweet-user-details .tweet-bird, .champions-of-science-tweet .feed-middle .tweet-wrap .tweet-user-details .tweet-bird, .champions-of-science-tweet .feed-right .tweet-wrap .tweet-user-details .tweet-bird, .view-tweets .feed-left .tweet-wrap .tweet-user-details .tweet-bird, .view-tweets .feed-middle .tweet-wrap .tweet-user-details .tweet-bird, .view-tweets .feed-right .tweet-wrap .tweet-user-details .tweet-bird {
  float: right;
  width: 23px;
  height: 40px;
  background: url(../images/bird.png) no-repeat;
  background-position: 75% 95%;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share, .champions-of-science-tweet .feed-middle .tweet-wrap .share, .champions-of-science-tweet .feed-right .tweet-wrap .share, .view-tweets .feed-left .tweet-wrap .share, .view-tweets .feed-middle .tweet-wrap .share, .view-tweets .feed-right .tweet-wrap .share {
  background: #f3f3f3;
  margin-top: 10px;
  text-align: right;
  height: 30px;
  padding: 5px 10px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share a, .champions-of-science-tweet .feed-middle .tweet-wrap .share a, .champions-of-science-tweet .feed-right .tweet-wrap .share a, .view-tweets .feed-left .tweet-wrap .share a, .view-tweets .feed-middle .tweet-wrap .share a, .view-tweets .feed-right .tweet-wrap .share a {
  text-decoration: none;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details, .champions-of-science-tweet .feed-right .tweet-wrap .share-details, .view-tweets .feed-left .tweet-wrap .share-details, .view-tweets .feed-middle .tweet-wrap .share-details, .view-tweets .feed-right .tweet-wrap .share-details {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .tweet_share, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .tweet_share, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .tweet_share, .view-tweets .feed-left .tweet-wrap .share-details .tweet_share, .view-tweets .feed-middle .tweet-wrap .share-details .tweet_share, .view-tweets .feed-right .tweet-wrap .share-details .tweet_share {
  width: 80%;
  float: left;
  padding: 2px 2%;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .tweet-icon a, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .tweet-icon a, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .tweet-icon a, .view-tweets .feed-left .tweet-wrap .share-details .tweet-icon a, .view-tweets .feed-middle .tweet-wrap .share-details .tweet-icon a, .view-tweets .feed-right .tweet-wrap .share-details .tweet-icon a {
  background: url(../images/twit.png) no-repeat;
  color: transparent;
  width: 75px;
  display: block;
  height: 25px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .tweet-icon a:hover, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .tweet-icon a:hover, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .tweet-icon a:hover, .view-tweets .feed-left .tweet-wrap .share-details .tweet-icon a:hover, .view-tweets .feed-middle .tweet-wrap .share-details .tweet-icon a:hover, .view-tweets .feed-right .tweet-wrap .share-details .tweet-icon a:hover {
  background: url(../images/twit_h.png) no-repeat;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .other-icons, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .other-icons, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .other-icons, .view-tweets .feed-left .tweet-wrap .share-details .other-icons, .view-tweets .feed-middle .tweet-wrap .share-details .other-icons, .view-tweets .feed-right .tweet-wrap .share-details .other-icons {
  padding-top: 5px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .other-icons span:nth-child(1) a, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(1) a, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .other-icons span:nth-child(1) a, .view-tweets .feed-left .tweet-wrap .share-details .other-icons span:nth-child(1) a, .view-tweets .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(1) a, .view-tweets .feed-right .tweet-wrap .share-details .other-icons span:nth-child(1) a {
  background: url(../images/leftbtn.png) no-repeat;
  color: transparent;
  height: 25px;
  display: block;
  float: left;
  width: 40px;
  margin-right: 10px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .other-icons span:nth-child(1) a:hover, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(1) a:hover, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .other-icons span:nth-child(1) a:hover, .view-tweets .feed-left .tweet-wrap .share-details .other-icons span:nth-child(1) a:hover, .view-tweets .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(1) a:hover, .view-tweets .feed-right .tweet-wrap .share-details .other-icons span:nth-child(1) a:hover {
  background: url(../images/leftbtn_h.png) no-repeat;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .other-icons span:nth-child(2) a, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(2) a, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .other-icons span:nth-child(2) a, .view-tweets .feed-left .tweet-wrap .share-details .other-icons span:nth-child(2) a, .view-tweets .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(2) a, .view-tweets .feed-right .tweet-wrap .share-details .other-icons span:nth-child(2) a {
  background: url(../images/reverse.png) no-repeat;
  color: transparent;
  height: 25px;
  display: block;
  float: left;
  margin-right: 10px;
  width: 40px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .other-icons span:nth-child(2) a:hover, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(2) a:hover, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .other-icons span:nth-child(2) a:hover, .view-tweets .feed-left .tweet-wrap .share-details .other-icons span:nth-child(2) a:hover, .view-tweets .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(2) a:hover, .view-tweets .feed-right .tweet-wrap .share-details .other-icons span:nth-child(2) a:hover {
  background: url(../images/reverse_h.png) no-repeat;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .other-icons span:nth-child(3) a, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(3) a, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .other-icons span:nth-child(3) a, .view-tweets .feed-left .tweet-wrap .share-details .other-icons span:nth-child(3) a, .view-tweets .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(3) a, .view-tweets .feed-right .tweet-wrap .share-details .other-icons span:nth-child(3) a {
  background: url(../images/star.png) no-repeat;
  color: transparent;
  height: 25px;
  display: block;
  float: left;
  width: 40px;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .other-icons span:nth-child(3) a:hover, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(3) a:hover, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .other-icons span:nth-child(3) a:hover, .view-tweets .feed-left .tweet-wrap .share-details .other-icons span:nth-child(3) a:hover, .view-tweets .feed-middle .tweet-wrap .share-details .other-icons span:nth-child(3) a:hover, .view-tweets .feed-right .tweet-wrap .share-details .other-icons span:nth-child(3) a:hover {
  background: url(../images/star_h.png) no-repeat;
}
.champions-of-science-tweet .feed-left .tweet-wrap .share-details .close-btn, .champions-of-science-tweet .feed-middle .tweet-wrap .share-details .close-btn, .champions-of-science-tweet .feed-right .tweet-wrap .share-details .close-btn, .view-tweets .feed-left .tweet-wrap .share-details .close-btn, .view-tweets .feed-middle .tweet-wrap .share-details .close-btn, .view-tweets .feed-right .tweet-wrap .share-details .close-btn {
  width: 30px;
  height: 27px;
  background: url(../images/cross.png) no-repeat;
  float: right;
  cursor: pointer;
}

footer.footer.container.feed-footer-custom {
  margin-top: -400px;
  z-index: 1001;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  footer.footer.container.feed-footer-custom {
    margin-top: -150px;
  }
}

#tweeter-box {
  width: 70%;
  margin: 0 auto;
}
#tweeter-box .colom-wrapp-tweet {
  float: left;
  width: 33%;
  padding: 0 8px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap {
  padding: 15px 0 0 0;
  margin-top: 15px;
  border: 2px solid #e1e0e0;
  border-radius: 3px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  word-wrap: break-word;
  position: relative;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-img {
  padding: 0 25px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-msg {
  word-wrap: break-word;
  padding: 0 25px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-msg a {
  color: #000;
  text-decoration: none;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-msg a:hover {
  color: #23527c;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-user-details {
  padding: 20px 25px 0;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-user-details .tweet-user-icon {
  width: 35px;
  float: left;
  border: 3px solid #f3f3f3;
  border-radius: 3px;
  margin-top: 3px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-user-details .name-wrap {
  width: 70%;
  float: left;
  padding-left: 20px;
  word-wrap: break-word;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-user-details .name-wrap .tweet-user-name {
  font-size: 18px;
  font-family: "DINProBold";
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-user-details .name-wrap .tweet-time {
  font-size: 13px;
  color: #c6c6c6;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .tweet-user-details .tweet-bird {
  float: right;
  width: 23px;
  height: 40px;
  background: url(../images/bird.png) no-repeat;
  background-position: 75% 95%;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share {
  background: #f3f3f3;
  margin-top: 10px;
  text-align: right;
  height: 30px;
  padding: 5px 10px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share a {
  text-decoration: none;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .tweet_share {
  width: 80%;
  float: left;
  padding: 2px 2%;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .tweet-icon a {
  background: url(../images/twit.png) no-repeat;
  color: transparent;
  width: 75px;
  display: block;
  height: 25px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .tweet-icon a:hover {
  background: url(../images/twit_h.png) no-repeat;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .other-icons {
  padding-top: 5px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .other-icons span:nth-child(1) a {
  background: url(../images/leftbtn.png) no-repeat;
  color: transparent;
  height: 25px;
  display: block;
  float: left;
  width: 40px;
  margin-right: 10px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .other-icons span:nth-child(1) a:hover {
  background: url(../images/leftbtn_h.png) no-repeat;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .other-icons span:nth-child(2) a {
  background: url(../images/reverse.png) no-repeat;
  color: transparent;
  height: 25px;
  display: block;
  float: left;
  margin-right: 10px;
  width: 40px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .other-icons span:nth-child(2) a:hover {
  background: url(../images/reverse_h.png) no-repeat;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .other-icons span:nth-child(3) a {
  background: url(../images/star.png) no-repeat;
  color: transparent;
  height: 25px;
  display: block;
  float: left;
  width: 40px;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .other-icons span:nth-child(3) a:hover {
  background: url(../images/star_h.png) no-repeat;
}
#tweeter-box .colom-wrapp-tweet .tweet-wrap .share-details .close-btn {
  width: 30px;
  height: 27px;
  background: url(../images/cross.png) no-repeat;
  float: right;
  cursor: pointer;
}

.pane-djpa-misc-tweet-block-new {
  position: relative;
  bottom: 385px;
}

.tweet-wrap .tweet-user-details {
  padding: 20px 0 0 !important;
  position: relative;
}

.tweet-wrap .tweet-user-details .tweet-user-icon {
  margin-left: 25px;
}

.tweet-wrap .tweet-user-details .tweet-share {
  background: #eee;
  width: 100%;
  padding: 3px;
}

.tweet-wrap .tweet-user-details .tweet-share a {
  width: 100%;
  display: block;
  text-align: right;
}

.tweet-wrap .tweet-user-details .tweet-msg {
  clear: both;
  padding: 15px 25px !important;
}

.tweet-wrap .tweet-user-details .tweet-msg p {
  margin: 0;
}

.tweet-wrap .tweet-user-details .tweet-bird {
  margin: 0 !important;
  position: absolute;
  bottom: 36px;
  right: 10px;
  height: 18px !important;
}

.tweet-wrap .tweet-user-details .name-wrap .tweet-time p {
  margin: 0;
}

.tweet-wrap .tweet-user-details .name-wrap .tweet-user-name {
  color: #999;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .pane-djpa-misc-tweet-block-new {
    bottom: 150px;
  }

  #tweeter-box {
    width: 90%;
  }
  #tweeter-box .colom-wrapp-tweet {
    width: 100%;
  }
}
.dpja_nomination_form {
  margin: 0 auto;
  width: 100%;
  max-width: 970px;
}
@media only screen and (min-width: 320px) {
  .dpja_nomination_form .webform-container-inline {
    display: none;
  }
  .dpja_nomination_form .form-group {
    margin: 0px;
  }
  .dpja_nomination_form .dpja_form_validity_date {
    font-style: italic;
    padding: 5px 0 0;
  }
  .dpja_nomination_form .dpja_form_validity_date span {
    color: #E91D22;
  }
  .dpja_nomination_form .form_notice {
    font-style: italic;
  }
  .dpja_nomination_form .form_notice a {
    text-decoration: underline;
  }
  .dpja_nomination_form h2 {
    color: #000;
    font: bold 30px/35px "dinproCondBold", Arial;
    text-transform: uppercase;
    margin-top: 45px;
  }
  .dpja_nomination_form fieldset {
    margin: 0px;
    padding: 0px;
    border: 0px #fff none;
    max-width: 677px;
    box-shadow: none;
    width: 100%;
  }
  .dpja_nomination_form fieldset .panel-default {
    border: 0px #fff none;
  }
  .dpja_nomination_form fieldset .panel, .dpja_nomination_form fieldset .panel-body {
    padding: 0px;
    margin: 0px;
  }
  .dpja_nomination_form fieldset .form-group {
    margin: 0 0 0px 0;
    font: normal 20px/28px "dinproRegular", Arial;
    height: 90px;
    display: block;
    float: left;
    width: 100%;
  }
  .dpja_nomination_form fieldset .form-group input[type="text"], .dpja_nomination_form fieldset .form-group input[type="email"], .dpja_nomination_form fieldset .form-group select {
    color: #000;
    display: block;
    margin-bottom: 0px;
    padding: 10px 12px 12px;
    background-color: #d7d7d7;
    height: 50px;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    font: normal 20px/28px "dinproRegular", Arial;
    float: left;
    width: 98%;
  }
  .dpja_nomination_form fieldset .form-group input[type="text"]::-moz-placeholder, .dpja_nomination_form fieldset .form-group input[type="email"]::-moz-placeholder, .dpja_nomination_form fieldset .form-group select::-moz-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
  }
  .dpja_nomination_form fieldset .form-group input[type="text"]::-webkit-input-placeholder, .dpja_nomination_form fieldset .form-group input[type="email"]::-webkit-input-placeholder, .dpja_nomination_form fieldset .form-group select::-webkit-input-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
  }
  .dpja_nomination_form fieldset .form-group input[type="text"]:-ms-input-placeholder, .dpja_nomination_form fieldset .form-group input[type="email"]:-ms-input-placeholder, .dpja_nomination_form fieldset .form-group select:-ms-input-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
  }
  .dpja_nomination_form fieldset .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(to right, #d7d7d7, #d7d7d7);
    background-position: calc(100% - 13px) 1em, calc(100% - 22px) 1em, 100% 0;
    background-size: 10px 10px, 10px 10px;
    background-repeat: no-repeat;
    border-color: none;
    outline: none;
  }
  .dpja_nomination_form fieldset .form-group textarea {
    color: #000;
    display: block;
    margin-bottom: 10px;
    padding: 10px 12px 12px;
    background-color: #d7d7d7;
    font: normal 19px/28px "dinproRegular", Arial;
    border-radius: 0px;
    box-shadow: none;
    border: 0px none;
    font-style: italic;
    width: 98%;
  }
  .dpja_nomination_form fieldset .form-group textarea::-moz-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
    font-style: italic;
  }
  .dpja_nomination_form fieldset .form-group textarea::-webkit-input-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
    font-style: italic;
  }
  .dpja_nomination_form fieldset .form-group textarea:-ms-input-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
    font-style: italic;
  }
  .dpja_nomination_form fieldset .form-group .grippie {
    display: none;
  }
  .dpja_nomination_form fieldset .form-group label.error {
    color: #f00;
    font-size: 14px;
    line-height: 16px;
    display: block;
    font-style: italic;
  }
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--form-nominee-additional-header,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--form-nominee-additional-header {
    height: auto;
    margin: 30px 0 20px 0;
  }
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--form-nominee-additional-header .form_nominee_additional_header,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--form-nominee-additional-header .form_nominee_additional_header {
    color: #000;
    font-style: italic;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-1 {
    height: 175px;
    display: block;
    float: left;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-1 textarea {
    height: 130px;
    display: block;
    margin: 0px;
    float: left;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-1 label.error {
    color: #f00;
    font-size: 14px;
    line-height: 16px;
    display: block;
    font-style: italic;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-summary-1,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-cv-1,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-publications-1,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-cv-2,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-publications-2,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-cv-3,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-publications-3 {
    height: 302px;
    display: block;
    float: left;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-summary-1 textarea,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-cv-1 textarea,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-publications-1 textarea,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-cv-2 textarea,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-publications-2 textarea,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-cv-3 textarea,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-publications-3 textarea {
    height: 257px;
    margin: 0px;
    display: block;
    float: left;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-summary-1 label.error,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-cv-1 label.error,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-publications-1 label.error,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-cv-2 label.error,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-publications-2 label.error,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-cv-3 label.error,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-publications-3 label.error {
    color: #f00;
    font-size: 14px;
    line-height: 16px;
    display: block;
    font-style: italic;
  }
  .dpja_nomination_form fieldset #edit-submitted-other-award-candidates-webform-addmore-webform-addmore-add, .dpja_nomination_form fieldset #edit-submitted-other-award-candidates-webform-addmore-webform-addmore-add--2 {
    width: auto;
  }
  .dpja_nomination_form fieldset .btn-success,
  .dpja_nomination_form fieldset .btn-danger {
    color: #fff;
    background-color: #868686;
    border-color: #868686;
    border-radius: 0px;
    box-shadow: none;
    width: 100px;
    margin: 10px 0;
  }
  .dpja_nomination_form fieldset .btn-success:hover,
  .dpja_nomination_form fieldset .btn-danger:hover {
    color: #fff;
    background-color: #868686;
    border-color: #868686;
    border-radius: 0px;
    box-shadow: none;
    width: 100px;
  }
  .dpja_nomination_form fieldset .btn {
    border: 0px none;
    border-radius: 0px;
  }
  .dpja_nomination_form .form-actions .btn-primary {
    text-transform: uppercase;
    width: 100px;
    background-color: #E91D22;
    color: #fff;
    border-color: #E91D22;
    border-radius: 0px;
    box-shadow: none;
  }
  .dpja_nomination_form .form-actions .btn-primary:hover {
    background-color: #E91D22;
    color: #fff;
    border-color: #E91D22;
    border-radius: 0px;
    box-shadow: none;
  }
  .dpja_nomination_form .form_nominee_header {
    margin: 40px 0 0 0;
    color: #000;
    font-style: italic;
  }
}
@media only screen and (min-width: 768px) {
  .dpja_nomination_form fieldset .form-group.column-half {
    width: 50%;
    float: left;
    display: block;
    padding: 0 1% 0 0;
    position: relative;
  }
  .dpja_nomination_form fieldset .form-group label.error {
    color: #f00;
    font-size: 16px;
    line-height: 30px;
    display: block;
    font-style: italic;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-1 {
    height: 175px;
    display: block;
    float: left;
    width: 100%;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-1 textarea {
    height: 130px;
    display: block;
    margin: 0px;
    float: left;
    width: 98%;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-1 error {
    color: #f00;
    font-size: 16px;
    line-height: 35px;
    display: block;
    font-style: italic;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-summary-1,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-cv-1,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-publications-1,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-cv-2,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-publications-2,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-cv-3,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-publications-3 {
    height: 302px;
    display: block;
    float: left;
    width: 100%;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-summary-1 textarea,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-cv-1 textarea,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-publications-1 textarea,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-cv-2 textarea,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-publications-2 textarea,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-cv-3 textarea,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-publications-3 textarea {
    height: 257px;
    margin: 0px;
    display: block;
    float: left;
    width: 98%;
  }
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--nomination-achievement-summary-1 label.error,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-cv-1 label.error,
  .dpja_nomination_form fieldset .webform-component--fieldset-award-candidate-1--award-candidate-publications-1 label.error,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-cv-2 label.error,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-2--award-candidate-publications-2 label.error,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-cv-3 label.error,
  .dpja_nomination_form fieldset .webform-component--other-award-candidates--fieldset-award-candidate-3--award-candidate-publications-3 label.error {
    color: #f00;
    font-size: 16px;
    line-height: 35px;
    display: block;
    font-style: italic;
  }
}

/*Style for Thank you page*/
@media only screen and (min-width: 320px) {
  #inner_pages .field-name-body .thankyou_wrapper .thankyou_wrapper_content {
    color: #000;
  }
  #inner_pages .field-name-body .thankyou_wrapper .thankyou_wrapper_content p {
    color: #000;
    margin: 20px 0;
    font-style: italic;
  }
  #inner_pages .field-name-body .thankyou_wrapper .thankyou_wrapper_content p a {
    text-decoration: underline;
  }
}

/*Style for Newsletter*/
.dpja_newsletter_form {
  margin: 0 auto;
  width: 100%;
  max-width: 970px;
}
.dpja_newsletter_form .webform-component--error-message {
  display: none;
  color: #f00;
}
.dpja_newsletter_form .webform-component--success-message {
  display: none;
  color: #000;
  font-style: italic;
}
@media only screen and (min-width: 320px) {
  .dpja_newsletter_form .webform-component-markup {
    padding: 10px 0 25px;
  }
  .dpja_newsletter_form .webform-component-markup p {
    padding: 5px 0;
  }
  .dpja_newsletter_form .webform-component-textfield,
  .dpja_newsletter_form .webform-component-select,
  .dpja_newsletter_form .webform-component-email {
    margin: 0 0 0px 0;
    font: normal 20px/28px "dinproRegular", Arial;
    height: 90px;
    display: block;
    color: #000;
  }
  .dpja_newsletter_form .webform-component-textfield input[type="text"], .dpja_newsletter_form .webform-component-textfield input[type="email"], .dpja_newsletter_form .webform-component-textfield select,
  .dpja_newsletter_form .webform-component-select input[type="text"],
  .dpja_newsletter_form .webform-component-select input[type="email"],
  .dpja_newsletter_form .webform-component-select select,
  .dpja_newsletter_form .webform-component-email input[type="text"],
  .dpja_newsletter_form .webform-component-email input[type="email"],
  .dpja_newsletter_form .webform-component-email select {
    color: #000;
    display: block;
    margin-bottom: 0px;
    padding: 10px 12px 12px;
    background-color: #d7d7d7;
    height: 50px;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    font: normal 20px/28px "dinproRegular", Arial;
    max-width: 677px;
  }
  .dpja_newsletter_form .webform-component-textfield input[type="text"]::-moz-placeholder, .dpja_newsletter_form .webform-component-textfield input[type="email"]::-moz-placeholder, .dpja_newsletter_form .webform-component-textfield select::-moz-placeholder,
  .dpja_newsletter_form .webform-component-select input[type="text"]::-moz-placeholder,
  .dpja_newsletter_form .webform-component-select input[type="email"]::-moz-placeholder,
  .dpja_newsletter_form .webform-component-select select::-moz-placeholder,
  .dpja_newsletter_form .webform-component-email input[type="text"]::-moz-placeholder,
  .dpja_newsletter_form .webform-component-email input[type="email"]::-moz-placeholder,
  .dpja_newsletter_form .webform-component-email select::-moz-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
  }
  .dpja_newsletter_form .webform-component-textfield input[type="text"]::-webkit-input-placeholder, .dpja_newsletter_form .webform-component-textfield input[type="email"]::-webkit-input-placeholder, .dpja_newsletter_form .webform-component-textfield select::-webkit-input-placeholder,
  .dpja_newsletter_form .webform-component-select input[type="text"]::-webkit-input-placeholder,
  .dpja_newsletter_form .webform-component-select input[type="email"]::-webkit-input-placeholder,
  .dpja_newsletter_form .webform-component-select select::-webkit-input-placeholder,
  .dpja_newsletter_form .webform-component-email input[type="text"]::-webkit-input-placeholder,
  .dpja_newsletter_form .webform-component-email input[type="email"]::-webkit-input-placeholder,
  .dpja_newsletter_form .webform-component-email select::-webkit-input-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
  }
  .dpja_newsletter_form .webform-component-textfield input[type="text"]:-ms-input-placeholder, .dpja_newsletter_form .webform-component-textfield input[type="email"]:-ms-input-placeholder, .dpja_newsletter_form .webform-component-textfield select:-ms-input-placeholder,
  .dpja_newsletter_form .webform-component-select input[type="text"]:-ms-input-placeholder,
  .dpja_newsletter_form .webform-component-select input[type="email"]:-ms-input-placeholder,
  .dpja_newsletter_form .webform-component-select select:-ms-input-placeholder,
  .dpja_newsletter_form .webform-component-email input[type="text"]:-ms-input-placeholder,
  .dpja_newsletter_form .webform-component-email input[type="email"]:-ms-input-placeholder,
  .dpja_newsletter_form .webform-component-email select:-ms-input-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
  }
  .dpja_newsletter_form .webform-component-textfield select,
  .dpja_newsletter_form .webform-component-select select,
  .dpja_newsletter_form .webform-component-email select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(to right, #d7d7d7, #d7d7d7);
    background-position: calc(100% - 13px) 1em, calc(100% - 22px) 1em, 100% 0;
    background-size: 10px 10px, 10px 10px;
    background-repeat: no-repeat;
    border-color: none;
    outline: none;
  }
  .dpja_newsletter_form .webform-component-textfield textarea,
  .dpja_newsletter_form .webform-component-select textarea,
  .dpja_newsletter_form .webform-component-email textarea {
    color: #000;
    display: block;
    margin-bottom: 10px;
    padding: 10px 12px 12px;
    background-color: #d7d7d7;
    font: normal 19px/28px "dinproRegular", Arial;
    border-radius: 0px;
    box-shadow: none;
    border: 0px none;
    font-style: italic;
  }
  .dpja_newsletter_form .webform-component-textfield textarea::-moz-placeholder,
  .dpja_newsletter_form .webform-component-select textarea::-moz-placeholder,
  .dpja_newsletter_form .webform-component-email textarea::-moz-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
    font-style: italic;
  }
  .dpja_newsletter_form .webform-component-textfield textarea::-webkit-input-placeholder,
  .dpja_newsletter_form .webform-component-select textarea::-webkit-input-placeholder,
  .dpja_newsletter_form .webform-component-email textarea::-webkit-input-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
    font-style: italic;
  }
  .dpja_newsletter_form .webform-component-textfield textarea:-ms-input-placeholder,
  .dpja_newsletter_form .webform-component-select textarea:-ms-input-placeholder,
  .dpja_newsletter_form .webform-component-email textarea:-ms-input-placeholder {
    font: normal 19px/28px "dinproRegular", Arial;
    color: #000;
    font-style: italic;
  }
  .dpja_newsletter_form .webform-component-textfield .grippie,
  .dpja_newsletter_form .webform-component-select .grippie,
  .dpja_newsletter_form .webform-component-email .grippie {
    display: none;
  }
  .dpja_newsletter_form .webform-component-textfield label.error,
  .dpja_newsletter_form .webform-component-select label.error,
  .dpja_newsletter_form .webform-component-email label.error {
    color: #f00;
    font-size: 14px;
    line-height: 30px;
    display: block;
    font-style: italic;
  }
  .dpja_newsletter_form .form-actions {
    margin: 30px 0 0;
  }
  .dpja_newsletter_form .form-actions .btn-primary {
    text-transform: uppercase;
    width: 100px;
    background-color: #12c2ea;
    color: #fff;
    border-color: #12c2ea;
    border-radius: 0px;
    box-shadow: none;
  }
  .dpja_newsletter_form .form-actions .btn-primary:hover {
    background-color: #12c2ea;
    color: #fff;
    border-color: #12c2ea;
    border-radius: 0px;
    box-shadow: none;
  }
}
@media only screen and (min-width: 768px) {
  .dpja_newsletter_form .webform-component-textfield,
  .dpja_newsletter_form .webform-component-select,
  .dpja_newsletter_form .webform-component-email {
    color: #000;
  }
  .dpja_newsletter_form .webform-component-textfield label.error,
  .dpja_newsletter_form .webform-component-select label.error,
  .dpja_newsletter_form .webform-component-email label.error {
    color: f00;
    font-size: 16px;
    line-height: 35px;
    display: block;
    font-style: italic;
  }
}

/*Style for Privacy Dropdown*/
@media only screen and (min-width: 320px) {
  .main-container .block-lang-dropdown .lang_dropdown_form {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
  }
  .main-container .block-lang-dropdown .lang_dropdown_form .form-item-lang-dropdown-select select.lang-dropdown-select-element {
    display: block;
    float: right;
    position: relative;
    top: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .main-container .block-lang-dropdown .lang_dropdown_form .form-item-lang-dropdown-select select.lang-dropdown-select-element {
    position: relative;
    top: 150px;
  }
}

.outer-container {
  width: 100%;
}
.outer-container .inner-container {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.outer-container .inner-container .BrightcoveExperience {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#overlay_wrapper {
  width: 100%;
  padding: 0 15px;
}
@media only screen and (min-width: 200px) {
  #overlay_wrapper .views-row .views-field-views-conditional {
    float: left;
    width: 100%;
    padding: 0 0 30px 0;
  }
  #overlay_wrapper .views-row .views-field-nothing, #overlay_wrapper .views-row .views-field-nothing-1 {
    float: left;
    width: 100%;
  }
  #overlay_wrapper .views-row .views-field-nothing .overlay_header, #overlay_wrapper .views-row .views-field-nothing-1 .overlay_header {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #c8c8c8;
    padding: 0 0 15px 0;
  }
  #overlay_wrapper .views-row .views-field-nothing .overlay_header img, #overlay_wrapper .views-row .views-field-nothing-1 .overlay_header img {
    width: 45%;
    float: left;
  }
  #overlay_wrapper .views-row .views-field-nothing .overlay_header .portrait_of_innovation, #overlay_wrapper .views-row .views-field-nothing-1 .overlay_header .portrait_of_innovation {
    text-align: center;
    text-transform: uppercase;
    color: #d52229;
    font: bold 20px/23px "dinproCondBold",Arial;
    float: right;
    width: 37%;
    margin: 0;
  }
  #overlay_wrapper .views-row .views-field-nothing-1 {
    display: none;
  }
  #overlay_wrapper .views-row .views-field-title {
    font: bold 30px/33px "dinproCondBold",Arial;
    color: #000;
    text-transform: uppercase;
  }
  #overlay_wrapper .views-row .views-field-field-winning-year {
    font: bold 30px/33px "dinproCondBold",Arial;
    text-transform: uppercase;
  }
  #overlay_wrapper .views-row .overlay_content {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c8c8c8;
  }
  #overlay_wrapper .views-row .overlay_content p {
    margin: 20px 0;
    font: normal 20px/27px "dinproRegular",Arial;
    padding: 0 5%;
  }
  #overlay_wrapper .views-row .overlay_content p .big_text {
    float: left;
    color: #d52229;
    font: bold 95px/60px "dinproCondBold",Arial;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
  }
  #overlay_wrapper .views-row .overlay_content .inner_images {
    margin: 25px 0;
  }
  #overlay_wrapper .views-row .overlay_content .quoted_text_wrapper p .quote_text {
    font: bold 40px/54px "dinproCondBold",Arial;
    text-transform: uppercase;
    color: #000;
    display: block;
    float: left;
    background: url(../images/quote_black.png) no-repeat left 0px;
    padding-top: 78px;
  }
  #overlay_wrapper .views-row .overlay_content .quoted_text_wrapper p .quote_text.no-quote {
    background: none;
    padding: 0;
    margin-top: -10px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 668px) {
  #overlay_wrapper .views-row .views-field-views-conditional {
    margin: 0 0 25px 0;
    border-bottom: 1px solid #c8c8c8;
  }
  #overlay_wrapper .views-row .views-field-nothing {
    margin: 0 0 25px 0;
  }
  #overlay_wrapper .views-row .views-field-nothing .overlay_header, #overlay_wrapper .views-row .views-field-nothing-1 .overlay_header {
    border: none;
    padding: 0;
  }
  #overlay_wrapper .views-row .views-field-nothing .overlay_header img, #overlay_wrapper .views-row .views-field-nothing-1 .overlay_header img {
    width: 150px;
  }
  #overlay_wrapper .views-row .views-field-nothing .overlay_header .portrait_of_innovation, #overlay_wrapper .views-row .views-field-nothing-1 .overlay_header .portrait_of_innovation {
    width: auto;
    margin-top: 44px;
    font: bold 25px/29px "dinproCondBold",Arial;
  }
  #overlay_wrapper .views-row .views-field-nothing-1 {
    display: block;
  }
  #overlay_wrapper .views-row .views-field-nothing {
    display: none;
  }
  #overlay_wrapper .views-row .overlay_content p {
    padding: 0 0 0 20%;
  }
  #overlay_wrapper .views-row .overlay_content .quoted_text_wrapper p .quote_text {
    margin-left: -122px;
    margin-right: 23px;
    width: 290px;
    margin-top: -84px;
  }
}

#colorbox #cboxClose {
  background: url(../images/overlay_cross.png) no-repeat left -51px;
  width: 22px;
  height: 21px;
  right: 11px;
  top: 5px;
}

@media only screen and (min-width: 320px) {
  .winners-page-view {
    width: 100%;
    margin: 0 auto;
    max-width: 970px;
  }
  .winners-page-view > .view-content .views-row {
    margin: 10px 2% 30px;
    padding: 0 0 35px 0;
    border-bottom: 1px solid #c8c8c8;
  }
  .winners-page-view > .view-content .views-row .scientific-american-section {
    width: 228px;
    margin: 0 auto;
    text-align: center;
    font: bold 25px/29px "dinproCondBold",Arial;
    color: #d52229;
  }
  .winners-page-view > .view-content .views-row .scientific-american-section a {
    font: bold 22px/26px "dinproCondBold",Arial;
    display: block;
    margin: 20px auto 0;
    width: 160px;
    background: #E91D22;
    padding: 10px 0;
    text-align: center;
    color: #fff;
  }
  .winners-page-view > .view-content .views-row .scientific-american-section a.link-disable {
    pointer-events: none;
    cursor: default;
  }
  .winners-page-view > .view-content .views-row .scientific-american-section a:hover, .winners-page-view > .view-content .views-row .scientific-american-section a:focus {
    text-decoration: none;
  }
  .winners-page-view > .view-content .views-row .winning-year-section {
    float: left;
    width: auto;
    margin-bottom: 5px;
    font: bold 45px/40px "dinproCondBold",Arial;
    color: #000;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section {
    width: 100%;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .winners-record-counter {
    display: none;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content {
    margin: 0;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content .views-row {
    margin: 0;
    border: none;
    padding-bottom: 10px;
    background: none;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content .views-row h3 {
    margin: 0;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content .views-row h3 .field-content {
    font: normal 20px/29px "dinproRegular",Arial;
    color: #000;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section h2 {
    margin: 10px 0;
    float: left;
    width: 100%;
    font: bold 29px/34px "dinproCondBold",Arial;
    color: #000;
    letter-spacing: 1px;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content {
    background: none;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content p {
    font: normal 20px/29px "dinproRegular",Arial;
    margin: 10px 0;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .winner_announcement_link {
    font: normal 20px/25px "dinproRegular",Arial;
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .winner_announcement_link a {
    color: #E91D22;
    text-decoration: underline;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section a {
    color: #E91D22;
    text-decoration: underline;
  }
  .winners-page-view > .view-content .views-row.views-row-last {
    border: none;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .winners-page-view {
    width: 100%;
  }
  .winners-page-view > .view-content {
    background: url(../images/winners_back.png) repeat-y center top;
    float: left;
    width: 100%;
    margin: 25px 0 0;
  }
  .winners-page-view > .view-content .views-row {
    float: left;
    width: 100%;
    padding: 50px 0;
    border: none;
    margin: 10px 0 30px 0;
  }
  .winners-page-view > .view-content .views-row .scientific-american-section {
    width: 230px;
  }
  .winners-page-view > .view-content .views-row .winning-year-section {
    float: none;
    margin: 30% auto 0;
    font: bold 40px/43px "dinproCondBold",Arial;
    width: 135px;
    height: 135px;
    background: #E91D22;
    border-radius: 75px;
    color: #fff;
    text-align: center;
  }
  .winners-page-view > .view-content .views-row .winning-year-section span {
    padding: 42px 0;
    display: block;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content {
    background: none;
    margin: 0;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content .views-row {
    margin: 0;
    padding: 0;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .view-content .views-row img {
    width: auto;
    margin: 0 0 5px 0;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .time_line {
    float: left;
    width: 100%;
    margin: 10px 0;
    height: 40px;
    background-image: url(../images/winners_timeline_right.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .winners-page-view > .view-content .views-row .title-image-desc-section .winner_announcement_link {
    margin: 10px 0;
  }
  .winners-page-view > .view-content .views-row.single-item .scientific-american-section {
    margin: -30% 5% 0 0;
  }
  .winners-page-view > .view-content .views-row.single-item .title-image-desc-section {
    margin: -45% 2% 0 0;
    width: 35%;
  }
  .winners-page-view > .view-content .views-row.multiple-item .winning-year-section {
    margin: 64% auto 0;
  }
  .winners-page-view > .view-content .views-row.multiple-item .title-image-desc-section {
    margin: -82% 2% 0 0;
    width: 37%;
  }
  .winners-page-view > .view-content .views-row.multiple-item .scientific-american-section {
    margin: -28% 4% 0 0;
  }
  .winners-page-view > .view-content .views-row.views-row-odd .scientific-american-section {
    float: right;
  }
  .winners-page-view > .view-content .views-row.views-row-odd .title-image-desc-section {
    float: left;
    text-align: right;
  }
  .winners-page-view > .view-content .views-row.views-row-odd .title-image-desc-section .view-content .views-row img {
    float: right;
  }
  .winners-page-view > .view-content .views-row.views-row-even .scientific-american-section {
    float: left;
    margin: -23% 0 0 6%;
  }
  .winners-page-view > .view-content .views-row.views-row-even .title-image-desc-section {
    float: right;
    text-align: left;
    width: 35%;
  }
  .winners-page-view > .view-content .views-row.views-row-even .title-image-desc-section .view-content .views-row {
    margin: 0 0 15px 0;
  }
  .winners-page-view > .view-content .views-row.views-row-even .title-image-desc-section .view-content .views-row .field-content {
    text-align: left;
    float: right;
    width: 100%;
  }
  .winners-page-view > .view-content .views-row.views-row-even .title-image-desc-section .view-content .views-row .field-content img {
    margin: 0 0 15px 0;
  }
  .winners-page-view > .view-content .views-row.views-row-even .title-image-desc-section .view-content .views-row.views-row-last {
    margin: 0;
  }
  .winners-page-view > .view-content .views-row.views-row-even .title-image-desc-section .time_line {
    background-image: url(../images/winners_timeline_left.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .winners-page-view > .view-content .views-row.views-row-first {
    background: url(../images/winner_dot.png) no-repeat center top;
    margin-top: -20px;
  }
  .winners-page-view .view-footer {
    background: url(../images/winner_dot.png) no-repeat center bottom;
    float: left;
    font-size: 0;
    height: 35px;
    margin-top: -12px;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .winners-page-view > .view-content .views-row .title-image-desc-section {
    width: 400px;
  }
  .winners-page-view > .view-content .views-row .winning-year-section {
    margin: 20% auto 0;
  }
  .winners-page-view > .view-content .views-row.single-item .scientific-american-section {
    margin: -23% 13% 0 0;
  }
  .winners-page-view > .view-content .views-row.single-item .title-image-desc-section {
    margin: -35% 0 0 4%;
  }
  .winners-page-view > .view-content .views-row.multiple-item .winning-year-section {
    margin: 54% auto 0;
  }
  .winners-page-view > .view-content .views-row.multiple-item .title-image-desc-section {
    margin: -58% 2% 0 0;
    width: 40%;
  }
  .winners-page-view > .view-content .views-row.multiple-item .scientific-american-section {
    margin: -28% 13% 0 0;
  }
  .winners-page-view > .view-content .views-row.views-row-even .winning-year-section {
    /*margin:54% auto 0;*/
  }
  .winners-page-view > .view-content .views-row.views-row-even .scientific-american-section {
    margin: -22% 0 0 15%;
  }
  .winners-page-view > .view-content .views-row.views-row-even .title-image-desc-section {
    margin: -35% 4% 0 0%;
    width: 35%;
  }
  .winners-page-view > .view-content .views-row.views-row-even .title-image-desc-section .views-row .field-content {
    float: right;
  }
}

/*# sourceMappingURL=styles.css.map */