/* css styles here - Main Styles File for ONF */

/* COLORS 

L Blue    #20c4f4
M Blue    #047bc1
D Blue    #003c7f
D Red   #7b0511
Red   #c4161c

*/

/* FONTS */
@font-face {
    font-family: "gilroylight";
    src: url("./fonts/gilroy-light-webfont.woff2") format("woff2"),
     url("./fonts/gilroy-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
   }
   @font-face {
    font-family: "gilroyregular";
    src: url("./fonts/gilroy-regular-webfont.woff2") format("woff2"),
     url("./fonts/gilroy-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
   }
   @font-face {
    font-family: "gilroymedium";
    src: url("./fonts/gilroy-medium-webfont.woff2") format("woff2"),
     url("./fonts/gilroy-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
   }
   @font-face {
    font-family: "gilroysemibold";
    src: url("./fonts/gilroy-semibold-webfont.woff2") format("woff2"),
     url("./fonts/gilroy-semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
   }
   @font-face {
    font-family: "gilroybold";
    src: url("./fonts/gilroy-bold-webfont.woff2") format("woff2"),
     url("./fonts/gilroy-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
   }
   
   /* GENERAL */
   html {
    font-size: 100%;
   }
   body {
    background: #fff;
    color: #333;
    font-size: 1rem;
    font-weight: normal;
    line-height: 150%;
    font-family: "gilroyregular", sans-serif;
   }
   body p {
    line-height: 140%;
   }
   h6,
   .h6 {
    font-family: "gilroysemibold", sans-serif;
    font-weight: normal;
    letter-spacing: 0.05rem;
   }
   h1,
   .h1 {
    font-size: 1.875rem;
    line-height: 110%;
    font-family: "gilroylight", sans-serif;
    letter-spacing: 0.05rem;
   }
   h2,
   .h2 {
    font-size: 1.25rem;
    line-height: 110%;
    font-family: "gilroysemibold", sans-serif;
    letter-spacing: 0.05rem;
   }
   h3,
   .h3 {
    font-size: 1rem;
    line-height: 110%;
    text-transform: uppercase;
    font-family: "gilroybold", sans-serif;
    letter-spacing: 0.05rem;
   }
   h4,
   .h4 {
    font-size: 0.875rem;
    line-height: 110%;
    text-transform: uppercase;
    font-family: "gilroybold", sans-serif;
    letter-spacing: 0.05rem;
   }
   h5,
   .h5 {
    font-size: 1rem;
    line-height: 110%;
    font-family: "gilroysemibold", sans-serif;
    letter-spacing: 0.05rem;
   }
   .home-page h5 {
    line-height: 150%;
   }
   p {
    margin: 0 0 15px;
   }
   a,
   a:hover,
   a:focus {
    color: #047bc1;
    text-decoration: none;
   }
   
   .title a:hover {
    cursor: default;
   }
   
   a.white-btn {
    color: white;
    position: relative;
    border: 1px solid white;
    padding: 2px 5px;
    margin-left: 5px;
    border-radius: 5px;
   }
   .red {
    color: #c4161c;
   }
   
   .tags {
    letter-spacing: 0.2rem;
   }
   
   .centered {
    text-align: center;
   }
   .white,
   .white:hover {
    color: #fff;
   }
   .white-bg {
    background-color: #fff !important;
   }
   .blue-bg {
    background-color: #014f92 !important;
   }
   .in-section {
    padding: 80px 0 90px 0;
    position: relative;
    overflow: auto;
   }
   .onf-default h1 {
    color: #047bc1;
    margin-bottom: 35px;
   }
   .button,
   input[type="submit"] {
    color: #fff;
    background: #7b0511; /* Old browsers */
    background: -moz-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
    opacity: 1;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   
    border-radius: 5px;
    padding: 10px 25px;
    letter-spacing: 0.2rem;
    display: inline-block;
    font-family: "gilroysemibold", sans-serif;
   }
   .button:hover,
   input[type="submit"]:hover,
   .button:focus {
    opacity: 0.7;
    color: #fff;
   
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
   }
   
   /* by NOXX Agency */
 body.page-id-6349 .platforms-page .video-thumb, .membership-page .video-thumb {
    width: 100%;
    max-width: 450px;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
}
  body.home .announcement .col-md-5 {
      width: 50%;
  }
  body.home .announcement .col-md-5 {
      width: 50%;
  }
  body.home .announcement .col-md-offset-1 {
      margin-left: 0;
  }
   .skills-certification .cta-section {
    padding: 90px 0 !important;
   }
   img.lazyload {
    opacity: 0 !important;
    display: none !important;
    background: white;
   }
   
   #top-menu .dropdown-menu .dropdown-menu {
    position: initial;
    background: transparent;
    box-shadow: initial;
    padding: 0;
   }
   #top-menu .dropdown-menu .dropdown-menu a {
    padding-left: 30px !important;
    padding-right: 30px !important;
   }
   
   .lineOfIncludings {
    display: grid;
    max-width: 422px;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
   }
   .lineOfIncludings br {
    display: none;
   }
   .lineOfIncludings img {
    max-height: 90px;
    width: auto;
    max-width: 90px;
    height: auto;
   }
   .partnersIncluddings {
    margin: auto;
    margin-top: 3px;
   }
   .home-page .announcement h2 {
    font-size: 1.575rem;
    line-height: normal;
   }
   .alignnone.size-medium.wp-image-12143 {
    max-width: 250px;
    height: auto;
   }
   body.home-page .announcement .button {
    margin-top: 15px;
   }
   
   body.admin-bar .navbar-fixed-top:not(.navbar-hidden) {
    top: 30px !important;
    border-width: 0 0 1px;
   }
   
   /* iPADpro */
   @media only screen and (max-width: 1024px) {
    .lineOfIncludings {
     grid-template-columns: repeat(5, 1fr);
     grid-gap: 0px;
    }
    .lineOfIncludings img {
     max-height: 80px;
     max-width: 80px;
    }
   }
   /* iPAD */
   @media only screen and (max-width: 1000px) {
    .announcement > .container > .row > div:first-child {
     margin-bottom: 35px;
     text-align: center;
    }
    .home-page .announcement .dot li {
     font-size: 1.125rem;
     width: max-content;
     text-align: center;
     max-width: 80vw;
     margin: auto;
     padding: 0;
    }
   }
   
   /* mobile */
   @media only screen and (max-width: 600px) {
    .lineOfIncludings {
     grid-template-columns: initial;
     grid-gap: initial;
     max-width: 90%;
     justify-content: center;
     align-items: center;
     display: flex;
     flex-wrap: wrap;
    }
    .announcement .col-xs-12 {
     max-width: 95vw;
     text-align: center;
    }
    .home-page .announcement .dot li {
     font-size: 1.125rem;
     width: max-content;
     text-align: left;
     max-width: 80vw;
     margin: auto;
     padding: initial;
     padding-left: 15px;
     margin-bottom: 10px;
    }
    .announcement ul {
     box-sizing: border-box;
     padding: 0;
    }
   }
   
   /* end NOXX Agency */
   
   .white-button {
    background: #fff;
    color: #333;
   }
   .white-button:hover {
    color: #333;
   }
   .button-blue {
    margin: 10px 0;
    background: #154986; /* Old browsers */
    background: -moz-linear-gradient(
     45deg,
     #154986 0%,
     #0b7cc1 50%,
     #1795d2 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
     45deg,
     #154986 0%,
     #0b7cc1 50%,
     #1795d2 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #154986 0%, #0b7cc1 50%, #1795d2 100%);
    padding: 10px 20px;
    font-size: 1rem;
    letter-spacing: 1px;
   }
   a.button.spotlight-registration-button {
    margin-top: 10px;
   }
   
   li.long {
    margin-bottom: 15px;
   }
   ul.dot,
   .blog-single article ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    overflow: auto;
   }
   .dot li,
   .blog-single article li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
    line-height: 150%;
   }
   .blog-single article li {
    overflow: auto;
   }
   .dot li:before,
   .blog-single article ul li:before,
   span.dot:before {
    content: "";
    position: absolute;
    background: url(img/dot-red.png) no-repeat;
    background-size: 100%;
    height: 4px;
    width: 4px;
    top: 10px;
    left: 0px;
    vertical-align: top;
    line-height: 100%;
   }
   .dot.white li:before {
    background: url(img/dot-white.png) no-repeat;
    background-size: 100%;
   }
   .dot.m-top {
    margin-top: 20px;
   }
   span.dot {
    padding-left: 10px;
    padding-top: 10px;
    display: inline-block;
    width: calc(100% - 15px);
    position: relative;
   }
   span.dot:before {
    top: 20px;
   }
   
   .no-margin {
    margin: 0 auto;
   }
   .press-article .separator {
    padding-top: 25px;
   }
   .view-larger {
    text-decoration: underline;
   }
   
   /* HEADER */
   .top-nav {
    background: #cccccc;
    color: #606060;
    font-family: "gilroymedium", sans-serif;
    border-top: 2px solid #c4161c;
   }
   .navbar-default {
    background-color: #fff;
    border: none;
    margin-bottom: 0px;
   }
   .navbar-default .navbar-brand .logo-scroll {
    display: none;
   }
   .navbar-default .navbar-brand .logo {
    display: block;
   }
   .navbar-default.shrink .navbar-brand {
    padding: 10px 15px;
   }
   .navbar-default.shrink .navbar-brand .logo {
    display: none;
   }
   .navbar-default.shrink .navbar-brand .logo-scroll {
    display: block;
    width: 100%;
    max-width: 110px;
    margin-top: 10px;
   }
   .navbar-default.shrink .navbar-nav {
    margin-top: 0px;
    transition: all 0.3s;
   }
   .navbar-default .navbar-brand {
    height: auto;
   }
   .navbar-header .logo {
    max-width: 110px;
    width: 100%;
   }
   .navbar-default .navbar-nav > li > a {
    color: #606060;
    padding: 22.5px 15px 22.5px 15px;
    font-size: 0.925rem;
    font-family: "gilroyregular", sans-serif;
   }
   .navbar-default .navbar-nav > li.last > a {
    padding-right: 0px;
   }
   .navbar-default .navbar-nav > li > a:hover,
   .navbar-default .navbar-nav > li > a:focus,
   .navbar-default .navbar-nav > li.current-page-ancestor > a,
   .navbar-default .navbar-nav > .open > a,
   .navbar-default .navbar-nav > .open > a:hover,
   .navbar-default .navbar-nav > .open > a:focus {
    color: #c4161c;
    background-color: transparent;
   }
   .navbar-default .btn-nav .dropdown-toggle {
    color: #fff !important;
    background: #7b0511;
    background: -moz-linear-gradient(45deg, #7b0511 0%, #b6131a 50%, #c4161c 100%);
    background: -webkit-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    );
    background: linear-gradient(45deg, #7b0511 0%, #b6131a 50%, #c4161c 100%);
    opacity: 1;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 5px;
    padding: 10px 20px !important;
    margin: 12.5px 0px 12.5px 15px;
   }
   .navbar-nav > li.current-menu-parent > .dropdown-toggle {
    color: #c4161c;
   }
   
   .navbar-nav {
    margin-top: 35px;
   }
   .top-menu {
    list-style: none;
    margin: 0px;
   }
   .top-menu li a {
    padding: 7px 10px;
    color: #606060;
    display: inline-block;
    font-size: 0.8125rem;
   }
   .top-menu li a:hover {
    color: #c4161c;
    text-decoration: none;
   }
   .top-menu li {
    display: inline-block;
    margin-left: 20px;
   }
   
   .page-id-9528 li#menu-item-6346 a.dropdown-toggle,
   .page-id-6327 li#menu-item-6346 a.dropdown-toggle,
   .page-id-6326 li#menu-item-6346 a.dropdown-toggle,
   .page-id-7891 li#menu-item-6346 a.dropdown-toggle,
   .page-id-6325 li#menu-item-6346 a.dropdown-toggle,
   .page-id-8169 li#menu-item-6346 a.dropdown-toggle,
   .page-id-6331 li#menu-item-6346 a.dropdown-toggle,
   .page-id-8159 li#menu-item-6346 a.dropdown-toggle {
    color: #c4161c;
   }
   
   .page-id-9534 li#menu-item-6354 a.dropdown-toggle,
   .page-id-6348 li#menu-item-6354 a.dropdown-toggle,
   .page-id-7117 li#menu-item-6354 a.dropdown-toggle,
   .page-id-6350 li#menu-item-6354 a.dropdown-toggle,
   .page-id-6349 li#menu-item-6354 a.dropdown-toggle,
   .page-id-7113 li#menu-item-6354 a.dropdown-toggle,
   .page-id-7835 li#menu-item-6354 a.dropdown-toggle,
   .page-id-7722 li#menu-item-6354 a.dropdown-toggle,
   .page-id-7941 li#menu-item-6354 a.dropdown-toggle,
   .page-id-6307 li#menu-item-6354 a.dropdown-toggle {
    color: #c4161c;
   }
   
   i.play-button {
    background: url(img/play-button-blue.png) no-repeat center center transparent;
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background-size: 60px;
   }
   
   #onf-connect .video a.video-play span.top {
    top: 20%;
    left: 30%;
   }
   
   #onf-connect .video a.video-play span.bot {
    bottom: 30%;
    left: 28%;
   }
   /* dropdown menus */
   .top-menu .dropdown-menu {
    top: 38px;
    left: -15px;
   }
   .top-menu .dropdown-menu li {
    margin-left: 0px;
    width: 100%;
   }
   
   .dropdown-menu li.industry-events {
    padding-left: 10px;
   }
   
   .dropdown-menu {
    top: 66px;
    border: 0px;
    padding: 20px 0;
    background-color: #333333;
    font-size: 16px;
   }
   #onf-connect .dropdown-menu {
    top: 60px;
    max-width: 250px;
   }
   .dropdown-menu li a {
    font-size: 0.875rem;
   }
   .caret {
    display: none;
   }
   .validate .dropdown-menu {
    left: -20px;
   }
   
   .dropdown-menu:after {
    content: "";
    position: absolute;
    margin-left: -15px;
    left: 20%;
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #333;
   }
   
   .top-menu .dropdown-menu .menu-item-has-children ul.dropdown-menu {
    left: 170px;
    top: 110px;
   }
   
   /*#menu-main-menu li:first-child .dropdown-menu:after, #menu-main-menu li:nth-child(3) .dropdown-menu:after {
       left: 20%;
   }*/
   .dropdown-menu > li.item-indent > a {
    padding-left: 30px !important;
   }
   .dropdown-menu .title-link a {
    color: #fff !important;
    font-family: "gilroybold", sans-serif;
    cursor: text;
   }
   .dropdown-menu .title-link a:hover {
    opacity: 1;
   }
   
   /* added dropdown hover feature */
   .dropdown-menu li:hover .sub-menu {
    visibility: visible;
   }
   
   .nav-tabs .dropdown-menu,
   .nav-pills .dropdown-menu,
   .navbar .dropdown-menu {
    margin-top: 0;
   }
   
   .navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
   }
   .navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    top: 11px;
    left: -6px;
   }
   .dropdown-menu > li > a {
    padding: 5px 20px 5px 20px !important;
    color: #fff;
   }
   .dropdown-menu > li.sub-sub-link > a {
    padding-left: 30px !important;
    padding-right: 10px !important;
   }
   .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    background: #333;
    color: #fff;
    opacity: 0.5;
   }
   .dropdown-menu > .active > a,
   .dropdown-menu > .active > a:hover,
   .dropdown-menu > .active > a:focus {
    background: #333;
    color: #fff;
   }
   #page-content #content {
    margin-top: 184px;
   }
   .home #page-content #content,
   .page-template-page-contact #page-content #content,
   .sdn-page #page-content #content,
   .sitemap #page-content #content,
   .page-template-default #page-content #content {
    margin-top: 141px;
   }
   #page-content .gallery {
    margin-right: 0px;
    margin-left: 0px;
   }
   
   .searchwrap {
    float: right;
    width: 0px;
    z-index: 1;
    height: 0px;
    opacity: 0;
    overflow: hidden;
    margin-top: 5px;
    margin-right: -50px;
    position: relative;
    transition: opacity 0.4s ease-in, width 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in, width 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in, width 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in, width 0.4s ease-in;
   }
   .search-display {
    opacity: 1;
    width: 200px;
    height: auto;
    transition: opacity 0.4s ease-out 0.2s, width 0.4s ease-out 0.2s;
    -ms-transition: opacity 0.4s ease-out 0.2s, width 0.4s ease-out 0.2s;
    -moz-transition: opacity 0.4s ease-out 0.2s, width 0.4s ease-out 0.2s;
    -webkit-transition: opacity 0.4s ease-out 0.2s, width 0.4s ease-out 0.2s;
   }
   .searchwrap .form-inline {
    margin: 0;
    padding: 0;
    margin-right: 0px !important;
    width: 100%;
   }
   .searchwrap .form-inline .input-group {
    display: block;
    background: #fff;
   }
   .searchwrap .search-query.form-control {
    padding: 5px 18px;
   }
   .searchwrap input[type="submit"]:hover {
    border: 0;
   }
   .searchwrap .search-query,
   .searchwrap .search {
    height: 30px;
   }
   .searchwrap .search {
    width: 25px !important;
    cursor: pointer;
    color: #121212 !important;
    background-color: #fff !important;
    position: absolute;
    box-shadow: none;
    right: 0;
    padding-right: 25px;
    border: none;
    padding: 0;
    position: relative;
   }
   .searchwrap input[type="submit"] {
    background: transparent;
    position: absolute;
    right: 10px;
    top: 8px;
    background: url("img/search-icon.png") no-repeat center right transparent;
    background-size: 15px;
    height: 14px;
    width: 14px;
    border: none;
    text-indent: -9000px;
    z-index: 10;
   }
   .search.icon {
    display: block;
    float: left;
    background: url("img/search-icon.png") no-repeat;
    background-size: 15px;
    height: 14px;
    width: 14px;
    margin: 14px 0 0px 25px;
    cursor: pointer;
   }
   .section-top-menu {
    transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
   }
   /*.section-top-menu.display-search{
     margin-right: 155px;
   }*/
   
   /* BREADCRUMBS */
   .breadcrumbs {
    background: #047bc1;
    margin-top: 141px;
    z-index: 20;
   }
   .breadcrumbs.shrink {
    margin-top: 105px;
    /*transition: all 0.3s;
       -ms-transition: all 0.3s;
       -moz-transition: all 0.3s;
       -webkit-transition: all 0.3s;*/
   }
   .breadcrumbs .menu {
    list-style: none;
    padding: 0px;
    text-align: center;
    margin: 0px;
   }
   .breadcrumbs li {
    display: inline-block;
    position: relative;
   }
   .breadcrumbs li a {
    color: #fff;
    display: inline-block;
    padding: 10px 16px;
    font-size: 0.9rem;
   }
   .breadcrumbs li.active a,
   .breadcrumbs li a:hover,
   .breadcrumbs li a:focus,
   .breadcrumbs li.current-page-ancestor a,
   .breadcrumbs li.current-post-ancestor a,
   .single-events .breadcrumbs li.menu-item-7307 a {
    text-decoration: none;
    color: #fff;
   }
   .breadcrumbs .active:after,
   .breadcrumbs .current-page-ancestor:after,
   .breadcrumbs .current-post-ancestor:after,
   .single-events .breadcrumbs .menu-item-7307:after {
    content: "";
    position: absolute;
    margin-left: -8px;
    left: 50%;
    bottom: -0.1px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
   }
   .ref-design-breadcrumbs.breadcrumbs .current-page-ancestor:after {
    display: none;
   }
   .breadcrumbs.gray-triangle .active:after {
    border-bottom: 8px solid #f2f2f2;
   }
   .breadcrumbs.blue-triangle .active:after {
    border-bottom: 8px solid #003c7f;
   }
   .mobile-menu select {
    margin: auto;
    display: block;
    background: url("./img/select-arrow.jpg") no-repeat center right #047bc1;
    background-size: 16px;
    color: #fff;
    border: none;
    padding: 5px 18px 5px 4px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
   }
   
   .navbar-default .navbar-nav > .active > a,
   .navbar-default .navbar-nav > .active > a:hover,
   .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #c4161c;
   }
   .dropdown-toggle {
    pointer-events: none;
   }
   .dropdown-toggle:hover,
   .dropdown-toggle:focus {
    color: #c4161c;
   }
   .dropdown-toggle.directlink {
    pointer-events: all;
   }
   .dropdown-toggle.directlink:hover,
   .dropdown-toggle.directlink:focus {
    color: #c4161c;
   }
   
   /* FOOTER */
   footer {
    background: #1a1a1a;
    color: #fff;
    padding: 60px 0 100px 0;
    display: block !important;
    font-size: 0.875rem;
   }
   #inner-footer {
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
   }
   
   .copyright .footer-2 {
    border-bottom: 0.5px solid grey;
    margin-bottom: 20px;
   }
   
   .copyright .footer-2 p {
    display: inline-block;
    width: 85%;
   }
   
   .copyright .img-wrap {
    display: inline-block;
    width: 12%;
    position: relative;
    top: -12px;
    padding-right: 10px;
   }
   
   .copyright .img-wrap img {
    width: 100%;
    max-width: 200px;
   }
   
   footer .menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
   }
   footer .menu a {
    color: #fff;
    padding: 0 0 10px 0;
    display: inline-block;
   }
   footer .menu a:hover,
   footer .menu a:focus {
    text-decoration: none;
   }
   footer .menu a,
   footer #menu-footer-menu-1 .item-link > a {
    font-family: "gilroyregular", sans-serif;
   }
   footer .copy {
    color: #cccccc;
    font-size: 0.8rem;
    margin-top: 30px;
   }
   footer .title-item a {
    pointer-events: none;
    cursor: default;
    margin-top: 35px;
    font-family: "gilroybold", sans-serif;
   }
   footer .top-margin-footer {
    margin-top: 40px;
   }
   footer .bold-link a {
    font-family: "gilroybold", sans-serif;
   }
   
   .grecaptcha-badge {
    visibility: collapse !important;
   }
   
   /* Fancybox */
   
   .fancybox-overlay {
    background: rgba(0, 0, 0, 0.8);
   }
   .fancybox-opened .fancybox-skin {
    box-shadow: none;
   }
   .fancybox-skin {
    background: #fff;
    border-radius: 0px;
    color: #333333;
   }
   .fancybox-close {
    background: url("./img/close-icon.jpg") no-repeat center center transparent;
    background-size: 60px;
    top: 0px;
    right: 0px;
   }
   
   /* Misc */
   .mission-page .video-path,
   .video-section .video-path {
    background: url("./img/video-path-bg.png") no-repeat center left transparent;
    background-size: cover;
    height: 700px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-position: calc(0vw) center;
   }
   .solutions-page .video-path {
    background: url("/wp-content/uploads/2019/09/video-path-bg-red.png") no-repeat
     center left transparent;
    background-size: cover;
    height: 700px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-position: calc(0vw) center;
   }
   .mission-page .video-section .video-content-area,
   .video-section .video-content-area {
    color: #fff;
   }
   .mission-page .video-section .video-text,
   .video-section .video-text {
    padding-top: 60px;
    padding-bottom: 70px;
   }
   
   .video-box-wrap {
    margin-left: -10px;
   }
   
   .video-box-wrap.seba-video-fancy {
    margin-top: 20px;
   }
   .mission-page .video-section .video-box,
   .solutions-page .video-section .video-box,
   .video-section .video-box span {
    margin-left: 10px;
    position: relative;
    top: 3px;
   }
   .mission-page .video-section .video-box,
   .solutions-page .video-section .video-box,
   .video-section .video-box {
    background-size: 16px;
    display: inline-block;
    color: #333;
    text-decoration: none;
    font-family: "gilroysemibold", sans-serif;
    font-size: 1rem;
    border-radius: 5px;
    background-position-x: 10px;
    background: white;
    padding: 0px 10px 0px 0px;
   }
   
   i.video-button {
    background: url(/wp-content/themes/onf/img/play-video-red.png) no-repeat center
     left #fff;
    background-size: 16px;
    height: auto;
    line-height: 0px;
    display: inline-block;
    padding: 18px;
    color: #333;
    text-decoration: none;
    font-family: "gilroysemibold", sans-serif;
    font-size: 1rem;
    border-radius: 5px 0px 0px 5px;
    background-position-x: 10px;
    vertical-align: middle;
    border-right: 3px solid #047bc1;
   }
   
   /* HomePage */
   .home-page .banner {
    background: url("./img/background-onf-homepage.jpg") no-repeat center center
     transparent;
    background-size: cover;
    padding: 100px 0 100px 0;
    color: #fff;
   }
   .home-page .banner h1 {
    font-size: 2.125rem;
    font-family: "gilroysemibold", sans-serif;
    margin: 0 0 30px 0;
    line-height: 120%;
   }
   .home-page .banner .button {
    display: inline-block;
    margin-top: 10px;
   }
   .home-page .banner .item-work {
    display: inline-block;
    vertical-align: middle;
    padding: 0 50px;
    margin-bottom: 30px;
    border-right: 1px solid #6e86a8;
    font-size: 1.25rem;
    text-align: center;
    line-height: 120%;
    font-family: "gilroymedium", sans-serif;
   }
   
   .home-page .banner .item-work {
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
   }
   .home-page .banner .item-work.in-view {
    opacity: 1;
   }
   .home-page .banner .item-work-2 {
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
   }
   .home-page .banner .item-work-3 {
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
   }
   .home-page .banner .item-work:last-of-type {
    border-right: 0px;
   }
   .home-page .announcement {
    padding: 70px 0 100px 0;
   }
   .home-page .announcement .aether-announcement {
    max-width: 262px;
    margin: 30px 0 20px;
   }
   .home-page .announcement .dot li {
    font-size: 1.125rem;
   }
   .home-page .announcement p {
    font-size: 1.25rem;
    padding: 10px 40px;
    margin-bottom: 30px;
   }
   .home-page .announcement p.left {
    border-left: 1px solid #eaeaea;
   }
   .home-page .announcement .button {
    margin-top: 30px;
   }
   .home-page .open-source-platforms {
    background: #047bc1;
    color: #fff;
    padding: 70px 0 100px 0;
   }
   .home-page .open-source-platforms .box {
    background: #fff;
    color: #333;
    border-radius: 8px;
    margin-top: 40px;
    padding: 40px 35px 50px 35px;
    text-align: center;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   }
   .home-page .open-source-platforms .box:hover {
    opacity: 0.8;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   }
   .home-page .open-source-platforms .platform-company-logo {
    width: 100%;
    max-width: 172px;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
    padding-bottom: 10px;
   }
   .home-page .open-source-platforms .platform-logo {
    width: 100%;
    max-width: 180px;
    margin-bottom: 16px;
   }
   .home-page .open-source-platforms .info-platform {
    font-family: "gilroymedium", sans-serif;
    min-height: 140px;
    color: #333;
   }
   .home-page .open-source-platforms .box .link {
    color: #c4161c;
    font-family: "gilroysemibold", sans-serif;
    letter-spacing: 1px;
   }
   
   .home-page .open-source-platforms .platform-element {
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
   }
   .home-page .open-source-platforms .platform-element.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
   }
   .home-page .open-source-platforms .platform-element.element-2 {
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
   }
   .home-page .open-source-platforms .platform-element.element-3 {
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
   }
   
   .home-page h2 {
    font-size: 1.875rem;
    line-height: 120%;
    font-family: "gilroysemibold", sans-serif;
   }
   
   .home-page .open-source-model {
    background: #f2f2f2;
    padding: 70px 0 100px 0;
   }
   .open-source-model .button {
    margin-top: 50px;
   }
   .home-page .open-source-model .box {
    background: #003c7f;
    color: #fff;
    text-align: center;
    margin: 30px auto 0 auto;
    width: 220px;
    border-radius: 5px;
    padding: 30px;
    font-family: "gilroymedium", sans-serif;
    position: relative;
   }
   
   .home-page .open-source-model .box::after {
    content: "";
    position: absolute;
    right: -58px;
    background: url(./img/arrow-diagram.png) no-repeat center center transparent;
    background-size: 41px;
    top: 50%;
    margin-top: -20px;
    width: 42px;
    height: 43px;
   }
   .home-page .open-source-model .box.forth-model::after {
    content: none !important;
   }
   .home-page .open-source-model .item-model:last-of-type .box::after {
    display: none;
   }
   .home-page .open-source-model .box.second-model {
    background: #1a5490;
   }
   .home-page .open-source-model .box.third-model {
    background: #346ba1;
   }
   .home-page .open-source-model .box.forth-model {
    background: #4d83b3;
   }
   .home-page .open-source-model .item-model .list {
    margin-top: 30px;
    padding-left: 10px;
   }
   .home-page .open-source-model .item-model {
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -moz-transform: translate3d(-20px, 0px, 0px);
    -webkit-transform: translate3d(-20px, 0px, 0px);
    -o-transform: translate(-20px, 0px);
    -ms-transform: translate(-20px, 0px);
    transform: translate3d(-20px, 0px, 0px);
   }
   .home-page .open-source-model .item-model.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
   }
   .home-page .open-source-model .item-model.item-model-2 {
    -moz-transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
   }
   .home-page .open-source-model .item-model.item-model-3 {
    -moz-transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
   }
   .home-page .open-source-model .item-model.item-model-4 {
    -moz-transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
   }
   
   .home-page .home-members-list.first-row .logo-wrap,
   .home-page .home-members-list.second-row .logo-wrap {
    width: 25%;
    display: inline-block;
    text-align: center;
   }
   
   .home-page .cta-section,
   .platforms-page .cta-section,
   .solutions-page .cta-section,
   .sdn-page .cta-section,
   .learn-morepage .cta-section,
   .reference-design-template .cta-section {
    padding: 180px 0 190px 0;
    background: #860813;
   
    position: relative;
   
    background: -moz-radial-gradient(
     center,
     ellipse cover,
     #b9131a 12%,
     #860813 71%
    ); /* FF3.6-15 */
    background: -webkit-radial-gradient(
     center,
     ellipse cover,
     #b9131a 12%,
     #860813 71%
    ); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(
     ellipse at center,
     #b9131a 12%,
     #860813 71%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9131a', endColorstr='#860813',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   }
   .home-page .cta-section .logo-mark,
   .platforms-page .cta-section .logo-mark,
   .solutions-page .cta-section .logo-mark,
   .learn-morepage .cta-section .logo-mark,
   .reference-design-template .cta-section .logo-mark,
   #onf-connect .logo-mark {
    position: absolute;
    height: 500px;
    width: 100%;
    background: url("./img/logo-watermark-large.png") no-repeat center bottom
     transparent;
    background-size: 100%;
    top: 0;
    left: 0;
    background-attachment: fixed;
   }
   
   .home-page .cta-section h2 {
    color: #fff;
    margin-bottom: 35px;
   }
   .home-page .posts-container .home-news .wrapper-press {
    height: 250px; /*200*/
   }
   
   .home-page .home-members-list,
   .members-section .wrap-members-list {
    margin-bottom: 30px;
    overflow: auto;
    width: 100%;
    text-align: center;
   }
   .members-section .wrap-members-list.third-row {
    overflow: hidden;
   }
   .members-section .wrap-members-list.first-row .logo-wrap {
    width: 12.5%;
    display: inline-block;
    text-align: center;
   }
   .members-section .wrap-members-list.second-row .logo-wrap {
    width: 9.8%;
    /*float: left;*/
    display: inline-block;
    text-align: center;
   }
   .white-box-certification
    .members-section
    .wrap-members-list.first-row
    .logo-wrap {
    width: 25% !important;
    display: inline-block;
    text-align: center;
    padding: 0 22px !important;
   }
   .home-page .members-section,
   .members-section {
    z-index: 3;
    overflow: visible;
    background: #fff;
    padding: 70px 0 80px 0;
   }
   .home-page .members-section .join-button {
    position: absolute;
    top: -24px;
    z-index: 90;
    left: 50%;
    margin-left: -74px;
   }
   .home-page .collaborators-home .members-button {
    margin: 30px 0;
   }
   .home-page .collaborators-home {
    padding: 70px 0 80px 0;
    background: #003c7f;
    color: #fff;
   }
   .home-page .members-section .members-title,
   .members-section .members-title {
    color: #a8a8a8;
    font-family: "gilroybold", sans-serif;
    border-bottom: 1.5px solid #a8a8a8;
    padding-bottom: 15px;
    width: 200px;
    margin: 15px auto 30px auto;
    letter-spacing: 0.5;
   }
   .members-section .members-title-above {
    border-bottom: 1.5px solid #a8a8a8;
    border-top: 0px;
    padding-bottom: 10px;
    padding-top: 0px;
   }
   .members-section .members-title-side {
    border-top: 0px;
    color: #333;
    margin-bottom: 0px;
    width: auto;
    line-height: 120%;
    margin-top: 40px;
   }
   .home-page .first-row .member-logo,
   .members-section .first-row .member-logo {
    width: 100%;
    max-width: 150px;
   }
   .home-page .second-row .member-logo,
   .members-section .second-row .member-logo {
    width: 100%;
    max-width: 100px;
   }
   .members-section .st-third-row .member-logo {
    max-width: 80px;
    width: 100%;
   }
   .home-page .members-section h2,
   .members-section h2 {
    margin-bottom: 50px;
   }
   
   .home-page .benefits {
    padding: 70px 0 90px 0;
    background: #f2f2f2;
   }
   .home-page .benefits .benefits-graphic {
    position: relative;
    height: 360px;
    margin: 50px 0;
   }
   .home-page .benefits .benefit-icon {
    max-width: 205px;
    width: 100%;
   }
   .home-page .benefits .benefit-operators-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -102px;
   
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
   }
   .home-page .benefits .benefit-operators-text {
    width: 250px;
    position: absolute;
    top: 0;
    left: 63%;
   
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
   }
   .home-page .benefits .benefit-system-img {
    position: absolute;
    right: 30%;
    top: 40%;
   
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
   }
   .home-page .benefits .benefit-system-text {
    position: absolute;
    width: 270px;
    top: 50%;
    right: 0;
   
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
   }
   .home-page .benefits .benefit-suply-img {
    position: absolute;
    top: 40%;
    left: 30%;
   
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
   }
   .home-page .benefits .benefit-suply-text {
    width: 260px;
    top: 47%;
    position: absolute;
   
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
   }
   
   .home-page .benefits .benefit-operators-img.in-view {
    opacity: 1;
   }
   .home-page .benefits .benefit-operators-text.in-view {
    opacity: 1;
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
   }
   .home-page .benefits .benefit-suply-img.in-view {
    opacity: 1;
    -moz-transition-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
   }
   .home-page .benefits .benefit-suply-text.in-view {
    opacity: 1;
    -moz-transition-delay: 1.75s;
    -webkit-transition-delay: 1.75s;
    -o-transition-delay: 1.75s;
    transition-delay: 1.75s;
   }
   .home-page .benefits .benefit-system-img.in-view {
    opacity: 1;
    -moz-transition-delay: 2.5s;
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
   }
   .home-page .benefits .benefit-system-text.in-view {
    opacity: 1;
    -moz-transition-delay: 3s;
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
   }
   
   .home-page .market-impact .graph-market {
    width: 100%;
    max-width: 608px;
    display: block;
    margin: 30px auto 0 auto;
   }
   .home-page .market-impact h3 {
    font-size: 1.125rem;
    font-family: "gilroymedium", sans-serif;
    text-transform: none;
    width: 80%;
    margin: 0 auto;
   }
   .home-page .market-impact h2 {
    margin-bottom: 50px;
   }
   .home-page .market-impact .quote-box {
    margin: 0 20px;
    padding: 100px 30px;
    background: #f2f2f2;
    text-align: center;
    border-radius: 8px;
    border-top: 5px solid #003c7f;
   }
   .home-page .market-impact .group-logo {
    width: 100%;
    max-width: 232px;
   }
   .home-page .market-impact .quote {
    font-size: 1.25rem;
    font-family: "gilroybold", sans-serif;
    color: #003c7f;
    margin-bottom: 50px;
    width: 86%;
    margin: 0 auto 50px auto;
    position: relative;
   }
   .home-page .market-impact .quote::before {
    content: "";
    background: url("./img/quote-left.png") no-repeat center center transparent;
    background-size: 24px;
    width: 24px;
    height: 20px;
    position: absolute;
    top: 0;
    left: -20px;
   }
   .home-page .market-impact {
    padding: 70px 0 100px 0;
   }
   .home-page .market-impact .button {
    margin-top: 40px;
   }
   .home-page .market-impact .quote::after {
    content: "";
    background: url("./img/quote-right.png") no-repeat center center transparent;
    background-size: 24px;
    width: 24px;
    height: 20px;
    position: absolute;
    top: 0;
    right: -20px;
   }
   .home-page .report-platforms {
    padding: 85px 0 90px 0;
    background: #f2f2f2;
   }
   .home-page .report-platforms h2 {
    margin: 5px 0 50px 0;
   }
   .home-page .report-platforms .graph-rationale {
    width: 100%;
    max-width: 654px;
    margin: auto;
   }
   .home-page .report-platforms .stats-box {
    margin: 0 20px;
    padding: 60px 30px 30px 30px;
    background: #fff;
    text-align: center;
    border-radius: 8px;
    border-top: 5px solid #003c7f;
    margin-bottom: 45px;
    overflow: auto;
   }
   .home-page .report-platforms .stat {
    margin-bottom: 35px;
   }
   .home-page .report-platforms .stat .num {
    font-size: 2.5rem;
    color: #003c7f;
    font-family: "gilroysemibold", sans-serif;
    display: block;
    margin-bottom: 14px;
   }
   .home-page .report-platforms .stat .text {
    font-size: 1.125rem;
    color: #4d4d4d;
    font-family: "gilroymedium", sans-serif;
   }
   .home-page .sdn-home {
    padding: 100px 0 50px 0;
   }
   .home-page .sdn-home .img-wrap {
    min-height: 610px;
    position: relative;
   }
   .home-page .software-defined {
    background: #f2f2f2;
    padding: 75px 0 100px 0;
   }
   
   .home-page .software-defined .software-defined-img {
    width: 100%;
    max-width: 477px;
    margin: 40px auto 0px auto;
   }
   .home-page .software-defined .img-wrap-graph {
    display: inline-block;
    width: 477px;
    vertical-align: bottom;
   }
   .home-page .software-defined .box-text-wrap {
    display: inline-block;
    width: calc(100% - 481px);
   
    opacity: 0;
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
   }
   
   .home-page .software-defined .box-text-wrap.in-view {
    opacity: 1;
   }
   
   .home-page .software-defined .box-text-wrap .box {
    background: #fff;
    border: 2px solid #336399;
    border-radius: 5px;
    text-align: left;
    padding: 55px 40px;
    max-width: 385px;
    margin-left: 50px;
    margin-bottom: 24px;
    position: relative;
   }
   .home-page .software-defined .box-text-wrap .box .dot:first-of-type {
    margin-bottom: 25px;
   }
   .home-page .software-defined .box-text-wrap .box:after {
    position: absolute;
    content: "";
    width: 55px;
    height: 2px;
    background: #336399;
    bottom: 105px;
    left: -56px;
   }
   .home-page .software-defined .button {
    margin-top: 70px;
   }
   .home-page .software-defined .box-text-wrap .title {
    font-size: 1.25rem;
    font-family: "gilroymedium", sans-serif;
   }
   
   .home-page .sdn-home .projects-img,
   .home-page .sdn-home .area-img {
    max-width: 632px;
    width: 100%;
   }
   .home-page .sdn-home .area-img,
   .home-page .sdn-home .projects-img {
    opacity: 0;
    -moz-transition: opacity 0.6s ease-in-out;
    -webkit-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
   }
   .home-page .sdn-home .area-img.active,
   .home-page .sdn-home .projects-img.active {
    opacity: 1;
    -moz-transition: opacity 0.6s ease-in-out;
    -webkit-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
   }
   .home-page .sdn-home h2 {
    margin-bottom: 40px;
   }
   .home-page .sdn-home .toggle-buttons a {
    color: #767576;
    font-family: "gilroysemibold", sans-serif;
    padding: 10px 0;
    display: inline-block;
    line-height: 120%;
   }
   .home-page .sdn-home .toggle-buttons .active {
    color: #047bc1;
    text-decoration: underline;
   }
   .home-page .sdn-home .projects-wrap {
    display: inline-block;
    vertical-align: middle;
   }
   .home-page .sdn-home .projects-wrap a {
    padding-left: 30px;
   }
   .home-page .sdn-home .areas-wrap {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #b5b5b5;
   }
   .home-page .sdn-home .areas-wrap a {
    padding-right: 30px;
   }
   .home-page .sdn-home .button {
    margin-top: 60px;
   }
   
   .home-page .events-section {
    background: #003c7f;
    padding: 70px 0px 100px 0px;
    color: #fff;
   }
   .home-page .events-section h2 {
    color: #fff;
   }
   .home-page .events-section .event-box {
    background: #fff;
    padding: 40px 20px 50px 20px;
    border-radius: 5px;
    margin-top: 40px;
   }
   .home-page .events-section .event-img {
    width: 100%;
    max-width: 160px;
   }
   .home-page .events-section .event-info {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    border-top: 1px solid #e6e6e6;
    padding: 15px 15px 0px 15px;
    color: #231f20;
    text-align: center;
   }
   .home-page .events-section .event-box h4 {
    text-transform: none;
    font-size: 1.25em;
    color: #333;
    min-height: 69px;
   }
   .home-page .events-section .event-box .img-wrap {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
   }
   .home-page .events-section .event-box .address {
    display: block;
   }
   .home-page .events-section .button.white-button {
    margin-top: 75px;
    color: #c4161c;
   }
   .home-page .events-section .event-link {
    display: block;
    opacity: 1;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   }
   .home-page .events-section .event-link:hover {
    opacity: 0.8;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   }
   
   .home-page .mailchimp-form {
    padding: 70px 0 200px 0;
   }
   
   /* Members section */
   
   .members-section .third-row .member-logo {
    width: 90px;
    max-width: 90px;
    margin: auto;
   }
   .members-section .wrap-members-list.st-third-row .logo-wrap {
    width: 8%;
    display: inline-block;
   }
   .members-section .wrap-members-list.third-row .logo-wrap {
    /*width: 7%;*/
    float: left;
    /*display: inline-block;*/
    min-height: 1px;
    text-align: center;
   }
   
   .members-section .wrapper-slick-div {
    width: 100%;
   }
   .members-section .container-slick {
    width: calc(97vw);
   }
   .members-section .operators .logo-wrap {
    width: 18%;
    display: inline-block;
    text-align: center;
   }
   .members-section .operators .member-logo {
    max-width: 130px;
    width: 100%;
   }
   
   .page-404 {
    padding: 50px 0 120px;
   }
   
   /* MISSION */
   
   .mission-page .mission-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
   }
   
   .mission-page .mission-btn h2 {
    font-size: 1.2em;
    font-family: "gilroymedium", sans-serif;
    letter-spacing: 0.05rem;
    color: #4b4b4b;
   }
   
   .mission-page .intro p {
    font-size: 1.25rem;
    margin-top: 20px;
   }
   .mission-page .video-section,
   .video-section {
    background: url("./img/mission-video-background.jpg") no-repeat top right
     transparent;
    background-size: cover;
    background-attachment: fixed;
    height: 700px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: 80px 0 60px 0;
   }
   
   .video-section video#myVideo {
    position: absolute;
    top: 0px;
    right: 0%;
    z-index: -1;
    max-width: 100%;
   }
   
   .mission-page .video-section {
    padding: 200px 0 60px 0;
   }
   .mission-page .video-section h2,
   .video-section h2 {
    font-size: 1.8rem;
    font-family: "gilroylight", sans-serif;
   }
   .mission-page .intro {
    background: url(./img/logo-watermark-large.png) no-repeat center center #003c7f;
    background-size: 50%;
    padding: 140px 0 150px 0;
    color: #fff;
   }
   .mission-page .mission-img {
    width: 100%;
    max-width: 943px;
   }
   .mission-page .partners {
    padding: 80px 0 100px 0;
   }
   .mission-page .partners .logo {
    width: 100%;
    max-width: 144px;
    margin: 20px 0;
   }
   
   /* Careers Page */
   .mission-page.careers .intro,
   .careers .careers-table {
    padding: 80px 0 90px 0;
   }
   .careers .careers-table table {
    width: 100%;
   }
   .careers .careers-table th {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 1rem;
    padding: 7px 11px;
   }
   .careers .careers-table td {
    padding: 8px;
   }
   .careers .careers-table tr:nth-child(2n) {
    background: #f2f2f2;
   }
   .careers .careers-table th:first-child {
    border-radius: 7px 0 0 0;
    width: 40%;
   }
   .careers .careers-table .location {
    width: 30%;
   }
   .careers .careers-table th:last-child {
    border-radius: 0 7px 0 0;
   }
   .careers .careers-table td .button {
    font-size: 0.875rem;
    text-decoration: none;
    letter-spacing: 1.2px;
    text-align: center;
   }
   .careers .careers-table h2 {
    font-size: 1.75rem;
    line-height: 110%;
    font-family: "gilroylight", sans-serif;
    letter-spacing: 0.05rem;
    margin-bottom: 30px;
   }
   .careers .cta {
    padding: 80px 0 100px 0;
    background: #f2f2f2;
   }
   .careers .cta h2 {
    font-size: 1.8rem;
    font-family: "gilroyregular", sans-serif;
   }
   .careers .cta h4 {
    font-size: 1.5rem;
    text-transform: none;
   }
   
   /* Board Page */
   
   .board-member .team-img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    max-width: 230px;
    width: 100%;
    border-radius: 7px 0 0 7px;
   }
   .board-member .board-logo {
    background: #fff;
    max-width: 200px;
    width: 100%;
   }
   .board-member {
    display: table-row;
    background-color: #f2f2f2;
    margin-bottom: 30px;
    float: left;
   }
   .board-member .bio-wrap .lightbox-team {
    padding: 10px 0 0 0;
    display: inline-block;
   }
   .board-member .img-wrap,
   .board-member .bio-wrap,
   .board-member .logo-wrap {
    display: table-cell;
   }
   .board-member .logo-wrap {
    width: 260px;
    text-align: center;
    border-left: 3px solid #fff;
    border-radius: 0 7px 7px 0;
   }
   .board-member .img-wrap {
    width: 230px !important;
   }
   .board-member .bio-wrap {
    vertical-align: top;
    padding: 30px 45px;
   }
   .board-member .bio-wrap h2 {
    margin: 0px 0 5px 0;
    color: #c4161c;
    font-size: 1.6rem;
    font-family: "gilroylight", sans-serif;
   }
   .board-member .bio-wrap .title {
    text-transform: uppercase;
    font-family: "gilroysemibold", sans-serif;
    color: #000;
    margin-bottom: 8px;
    font-size: 0.9rem;
   }
   .board-member .lightbox-team {
    padding: 10px 0 0 0;
    font-family: "gilroysemibold", sans-serif;
   }
   /* Lab Team Page */
   
   .board-member .bio-wrap img.linkedin-icon {
    max-width: 16px;
    width: 100%;
    margin: 10px auto;
   }
   
   .linkedin-icon {
    max-width: 24px;
    width: 100%;
    margin: 10px 0;
   }
   .lab-team-page .lab-team {
    padding: 35px 0 130px;
   }
   .lab-team-page .team-list {
    margin-top: 40px;
   }
   .lab-team-page .t-member {
    width: 20%;
    display: block;
    float: left;
    padding: 2px;
   }
   .lab-team-page .t-member .img-wrap {
    text-align: center;
    position: relative;
   }
   .lab-team-page .t-member .team-img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    max-width: 230px;
    width: 100%;
   }
   .ambassadors-page.lab-team-page .t-member .team-img {
    /* width: auto;
       min-height: 230px;*/
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
   }
   .single-team .bio-img {
    width: 100%;
    max-width: 260px;
   }
   .single-team .team-biography {
    padding: 70px 0 150px 0;
   }
   .single-team .team-biography h1 {
    color: #c4161c;
    margin-top: 0px;
   }
   .single-team .team-biography .title {
    margin-bottom: 20px;
   }
   .lab-team-page .t-member .info {
    text-align: left;
    padding: 0 15px;
    position: absolute;
    bottom: 10px;
    font-size: 1rem;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   }
   .lab-team-page .t-member a {
    color: #fff;
   }
   .lab-team-page .t-member .info .title {
    visibility: hidden;
    font-size: 0.875rem;
    display: none;
    line-height: 100%;
   }
   .lab-team-page .t-member .info h4 {
    font-family: "gilroybold", sans-serif;
    font-size: 1rem;
    margin-bottom: 5px;
   }
   
   .lab-team-page .t-member .lightbox-team:hover .image:after {
    background: rgba(196, 22, 28, 0.6);
    transition: none;
   }
   .lab-team-page .t-member .lightbox-team .image {
    position: relative;
   }
   .lab-team-page.ambassadors-page .t-member .lightbox-team .image {
    height: 224px;
    overflow: hidden;
   }
   .ambassadors-page .lightbox-team,
   .lab-team-page .lightbox-team {
    display: inline;
    color: #fff;
   }
   .boad-page.lab-team-page .lightbox-team {
    color: #047bc1;
   }
   .lab-team-page .t-member .lightbox-team .image:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.15);
    -moz-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
   }
   .lab-team-page .t-member .lightbox-team:hover .info {
    bottom: 30px;
   }
   .lab-team-page .t-member .lightbox-team:hover .info .title {
    visibility: visible;
    display: block;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   }
   .lightbox-team .bio-img {
    max-width: 260px;
    width: 100%;
   }
   .lightbox-team h2 {
    color: #047bc1;
    font-size: 1.875rem;
    font-family: "gilroylight", sans-serif;
   }
   .lightbox-team .title {
    text-transform: uppercase;
   }
   .lightbox-team {
    padding: 75px 0 80px 0;
   }
   .lightbox-team2 {
    padding: 75px 0 80px 0;
   }
   .lightbox-team .bio {
    margin-top: 20px;
   }
   
   /* PRESS RELEASES */
   .posts-container .press-item,
   .related-posts .press-item {
    display: inline-block;
    float: none;
    margin: 0 -2px 30px -2px;
    vertical-align: top;
   }
   .related-posts .press-item {
    margin: 0 0 30px 0;
    width: 100%;
   }
   .posts-container .wrapper-press,
   .related-posts .wrapper-press {
    padding: 20px 25px;
    position: relative;
    height: 326px;
    border-radius: 3px;
   }
   .related-posts .wrapper-press {
    height: auto;
    padding: 16px 20px;
   }
   .related-posts {
    margin-top: 50px;
   }
   .posts-container .press-item h4 {
    text-transform: none;
    font-size: 1.15rem;
    font-family: "gilroysemibold", sans-serif;
   }
   .related-posts .press-item h4 {
    font-size: 0.9rem;
    font-family: "gilroyregular", sans-serif;
    margin-bottom: 20px;
   }
   .posts-container .press-item .excerpt {
    font-style: normal;
    font-family: "gilroylight", sans-serif;
    font-size: 0.875rem;
   }
   .posts-container .press-item a,
   .posts-container .press-item a:hover,
   .related-posts .press-item a,
   .related-posts .press-item a:hover {
    color: #fff !important;
    text-decoration: none;
   }
   .posts-container .press-item a .wrapper-press,
   .related-posts .press-item a .wrapper-press {
    background: #003c7f; /* Old browsers */
    background: -moz-linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c7f', endColorstr='#047bc1',GradientType=1 );
   
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   }
   .posts-container .press-item a:hover .wrapper-press,
   .related-posts .press-item a:hover .wrapper-press {
    background: #7b0511; /* Old browsers */
    background: -moz-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0511', endColorstr='#c4161c',GradientType=1 );
   
    transition: none;
   }
   .posts-container .press-item .date {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-family: "gilroybold", sans-serif;
    position: absolute;
    bottom: 13px;
    left: 25px;
   }
   .related-posts .press-item .date {
    position: relative;
    font-family: "gilroysemibold", sans-serif;
    text-transform: uppercase;
    font-size: 0.875rem;
   }
   .related-posts .press-item h5 {
    margin-top: 0px;
    font-size: 1rem;
   }
   .category-press-releases .header-intro-wrap,
   .category-blog .header-intro-wrap,
   .header-intro-wrap {
    overflow: auto;
    padding: 30px 0 30px 0;
   }
   .category-press-releases .archive_title {
    float: left;
   }
   .category-press-releases .social-icons a {
    text-decoration: none;
    display: inline-block;
    padding: 15px 5px;
   }
   .category-press-releases .social-icons img {
    max-width: 22px;
    width: 100%;
   }
   .category-press-releases .pull-right.social-icons {
    margin-top: 10px;
   }
   
   .press-release-single .press-article {
    padding: 35px 0 125px 0;
   }
   .press-release-single .press-article a {
    font-family: "gilroysemibold", sans-serif;
    text-decoration: none;
    word-break: break-word;
   }
   .press-release-single .press-article strong,
   .post_content h2,
   .post_content h3,
   .post_content h4,
   .post_content strong {
    color: #c4161c;
    font-family: "gilroysemibold", sans-serif;
   }
   /* .in-section strong, .in-section h3, .in-section h4, .in-section h2 */
   .press-release-single .press-article article p {
    margin-bottom: 25px !important;
   }
   .press-release-single .press-article article li {
    margin-bottom: 15px !important;
   }
   .press-release-single .press-article article ul {
    margin: -5px 0 25px 0 !important;
   }
   
   .press-release-single.blog-single .press-article article ul {
    margin: 0 auto !important;
   }
   
   .press-release-single.blog-single .press-article article li {
    margin-bottom: 10px !important;
   }
   
   .press-release-single.blog-single .press-article .columns {
    column-count: 3;
   }
   .press-release-single.blog-single #author {
    overflow: auto;
   }
   
   .press-release-single .press-article article > p:first-of-type {
    font-family: "gilroysemibold", sans-serif;
    text-align: left !important;
   }
   .press-release-single .press-article h1 {
    color: #c4161c !important;
    margin-bottom: 35px !important;
   }
   .press-release-single .posts-container {
    margin-top: 30px;
   }
   .press-release-single .press-article .press-item a {
    color: #fff;
   }
   .press-release-single .posts-container .wrapper-press {
    min-height: 326px;
   }
   .press-release-single .posts-container h5 {
    margin-bottom: 0px;
    font-size: 0.875rem;
   }
   .press-release-single .posts-container .press-item h4 {
    margin-top: 5px;
   }
   
   .press-release-single .press-article blockquote {
    font-size: 1rem;
   }
   
   .press-release-single td,
   th {
    padding: 0;
    border: 1px solid;
   }
   
   .press-article article p.center {
    text-align: center;
   }
   
   .paginate-links {
    text-align: center;
    padding: 35px 0 100px 0;
   }
   .paginate-links .page-numbers {
    background: #b3b3b3;
    color: #fff;
    border-radius: 50%;
    padding: 10px 17px;
    display: inline-block;
    min-width: 43px;
    margin: 0 7px;
   }
   .paginate-links .page-numbers.current,
   .paginate-links .page-numbers:hover {
    background: #047bc1;
    text-decoration: none;
   }
   .paginate-links .page-numbers.dots,
   .paginate-links .page-numbers.dots:hover {
    background: transparent;
    color: #333;
    min-width: 0px;
    padding: 10px 0;
   }
   .paginate-links .next.page-numbers,
   .paginate-links .prev.page-numbers {
    background: transparent;
    color: #c4161c;
    padding: 5px;
    min-width: 0;
   }
   .paginate-links .next.page-numbers:hover,
   .paginate-links .prev.page-numbers:hover {
    text-decoration: none;
   }
   
   .article-block .article-header h1 {
    color: #047bc1;
   }
   .article-block {
    padding: 35px 0 130px 0;
    overflow: auto;
   }
   .article-block .article-header {
    border: none;
   }
   
   /* BLOG PAGE */
   
   .blog-item .date {
    display: table-cell;
    width: 11%;
    border-radius: 5px 0px 0px 5px;
    background: #003c7f; /* Old browsers */
    background: -moz-linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c7f', endColorstr='#047bc1',GradientType=1 );
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 35px 0;
   }
   .blog-item {
    display: table;
    margin-bottom: 30px;
    width: 100%;
   }
   .blog-item .wrapper-article {
    background: #f2f2f2;
    display: table-cell;
    padding: 25px 27px;
    border-radius: 0px 5px 5px 0px;
    width: calc(100vw);
   }
   .blog-item .wrapper-article.onf-event {
    background: url("./img/onf-logo-connect.jpg") no-repeat center right #f2f2f2;
    background-size: 150px;
   }
   .blog-item .wrapper-article.onf-event h4 {
    width: 80%;
   }
   .archive-events .blog-item.event-item .date {
    width: 15%;
   }
   .blog-item a,
   .blog-item a:hover {
    text-decoration: none;
   }
   .blog-item .month,
   .blog-item .day,
   .blog-item .year {
    display: block;
    font-family: "gilroybold", sans-serif;
    font-size: 0.875rem;
   }
   .blog-item .month {
    text-transform: uppercase;
   }
   .blog-item .day {
    font-size: 1.875rem;
    font-family: "gilroymedium", sans-serif;
   }
   .blog-item .excerpt {
    font-size: 0.875rem;
    color: #333333;
   }
   .blog-item .wrapper-article h4 {
    text-transform: none !important;
    color: #047bc1;
    font-size: 1.25rem;
    font-family: "gilroylight", sans-serif;
    margin-top: 0px;
   }
   .blog-item a:hover .date {
    background: #7b0511;
   }
   .blog-item a:hover .wrapper-article {
    color: #fff !important;
   
    background: #7b0511; /* Old browsers */
    background: -moz-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0511', endColorstr='#c4161c',GradientType=1 );
   }
   .blog-item a:hover .wrapper-article h4,
   .blog-item a:hover .excerpt {
    color: #fff;
   }
   .blog-sidebar .block {
    background: #f2f2f2;
    padding: 30px 27px;
    box-shadow: none;
    border-radius: 5px;
    font-size: 0.875rem;
   }
   .blog-sidebar .vertical-nav .widget ul li a {
    font-family: "gilroyregular", sans-serif;
   }
   .blog-sidebar .widgettitle {
    font-size: 1rem;
   }
   .blog-sidebar .vertical-nav .widget ul li a:hover,
   .blog-sidebar .vertical-nav .widget ul li a:focus {
    color: #333;
   }
   .blog-sidebar .jaw_months,
   .blog-sidebar .jaw_months:hover,
   .blog-sidebar .jaw_symbol {
    color: #c4161c;
   }
   .blog-sidebar .vertical-nav .widget ul li {
    border-bottom: 0px;
   }
   .blog-sidebar .jaw_months {
    padding: 2px 2px 2px 10px !important;
   }
   .press-release-single .twitter-tweet,
   .blog-single .twitter-tweet {
    margin: 10px auto;
   }
   .blog-single .tags-wrapper {
    background: #f2f2f2;
    padding: 30px 20px;
    border-radius: 5px;
    margin-top: 80px;
   }
   .blog-single .tags-wrapper h4 {
    font-size: 1rem;
    padding-left: 0.3em;
   }
   .blog-single .tags-wrapper a,
   .blog-single .tags-wrapper a:hover,
   .blog-single .tags-wrapper a:focus {
    background: transparent;
    color: #047bc1;
    font-size: 1rem;
    font-family: "gilroyregular", sans-serif;
    padding-right: 2px;
   }
   .blog-single .press-article h1 {
    margin-bottom: 12px !important;
   }
   .blog-single .date-wrap {
    margin-bottom: 35px;
    text-transform: uppercase;
    font-family: "gilroybold", sans-serif;
    font-size: 0.875rem;
   }
   .blog-single .info-top-author {
    margin-bottom: 35px;
    margin-top: 20px;
   }
   .blog-single .info-top-author .author-thumbnail,
   .info-bottom-author .author-thumbnail {
    max-width: 70px;
    border-radius: 50%;
    margin: 0px 20px 0 0;
    display: inline-block;
    float: none;
    vertical-align: middle;
   }
   .blog-single .info-top-author .info-text,
   .info-bottom-author .info-text {
    display: inline-block;
    width: calc(100% - 100px);
    vertical-align: middle;
   }
   .blog-single .info-top-author .author {
    font-weight: 600;
    color: #777;
   }
   .blog-single .info-top-author .date {
    display: block;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-family: "gilroybold", sans-serif;
   }
   .blog-single .info-bottom-author {
    border-top: 2px solid #cacaca;
    padding: 20px 5px;
    position: relative;
    margin-top: 50px;
   }
   .blog-single .info-bottom-author .about-author {
    position: absolute;
    top: -25px;
    left: 0px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #aaaaaa;
   }
   .blog-single .info-bottom-author .author {
    font-size: 1.125rem;
    font-family: "gilroysemibold", sans-serif;
    display: block;
   }
   .blog-single .info-bottom-author .title {
    font-weight: 600;
    color: #777;
   }
   .blog-single .info-bottom-author .bio {
    padding: 20px 0px;
   }
   
   .blog-single .alignright,
   .press-release-single .alignright,
   .alignright {
    float: right;
    margin: 10px 0 10px 15px;
   }
   img.blog-img-highlight {
    width: 12% !important;
   }
   .blog-single .alignleft,
   .press-release-single .alignleft,
   .alignleft {
    float: left;
    margin: 10px 15px 10px 0px;
   }
   .blog-single .aligncenter,
   .press-release-single .aligncenter,
   .aligncenter {
    float: none;
    margin: 10px auto 10px auto;
    display: block;
   }
   .blog-single ul img.alignleft,
   .blog-single ul img.alignright {
    margin-top: 0px;
    margin-bottom: 20px;
   }
   
   .blog-single article img {
    height: auto;
   }
   
   .blog-single .press-article table td strong,
   .press-release-single .press-article table td strong {
    color: #252525;
   }
   
   .blog-single .press-article table,
   .press-release-single .press-article table {
    margin-left: 20px;
    vertical-align: top;
   }
   
   .blog-single .press-article tr,
   .press-release-single .press-article tr {
    vertical-align: top;
   }
   
   .blog-single .press-article table td,
   .press-release-single .press-article table td {
    padding: 10px;
   }
   .blog-single .no-dot li:before {
    display: none;
   }
   .press-article .video-thumb {
    position: relative;
    max-width: 350px;
    margin: 20px 0;
   }
   
   .press-article .video-thumb2 {
    position: relative;
    max-width: 350px;
    margin: 20px 0;
    float: left;
    margin-right: 20px;
    width: 30%;
   }
   
   .press-article .video-thumb2 img {
    max-width: 240px;
   }
   
   .press-article .video-thumb img {
    max-width: 350px;
   }
   .press-article .blog-clear {
    clear: both;
   }
   
   /* Contact */
   .overview-thanks {
    margin-top: 0px;
   }
   .overview-thanks h1 {
    color: #047bc1;
   }
   .contact-page a,
   .contact-page a:hover {
    color: #c4161c;
    text-decoration: none;
   }
   .contact-page h1 {
    color: #fff;
    margin-bottom: 35px;
   }
   .contact-page .contact-box {
    background: url("./img/background-contact.jpg") no-repeat center center #047bc1;
    background-size: cover;
    padding-top: 35px;
    padding-bottom: 140px;
   }
   .contact-page .text-wrapper {
    padding: 60px 60px 65px 60px;
    overflow: auto;
   }
   .contact-page .first-col {
    display: table-cell;
    width: 67%;
    vertical-align: top;
    margin-right: -2px;
    height: auto;
    background: #e6e6e6;
    border-radius: 5px 0 0 5px;
   }
   .contact-page .second-col {
    display: table-cell;
    width: 32.8%;
    vertical-align: top;
    margin-left: -3px;
    height: auto;
    background: #fff;
    border-radius: 0 5px 5px 0;
    overflow: auto;
   }
   .contact-page .form-wrapper {
    height: 100%;
    padding: 45px 35px 50px 35px;
   }
   .contact-page .wpcf7-form {
    width: 100%;
   }
   .contact-page input.wpcf7-form-control {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px;
   }
   .contact-page .info-items .text-wrap {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
   }
   .contact-page .info-items .img-wrap {
    display: inline-block;
    width: 50px;
   }
   .contact-page label {
    font-family: "gilroybold", sans-serif;
    font-size: 1rem;
    color: #000;
    line-height: 150%;
    width: 100%;
    letter-spacing: 1.5px;
   }
   .contact-page textarea {
    width: 100% !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 5px;
    padding: 10px;
    font-weight: normal;
    font-family: "gilroyregular", sans-serif;
   }
   .contact-page .submit-wrap {
    text-align: right;
    position: relative;
   }
   .contact-page .form-wrapper select {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 50px;
    padding: 5px 10px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(./img/select-arrow.png) right 10px center no-repeat #fff;
    background-size: 11px;
    margin-top: 5px;
    font-weight: normal;
    font-family: "gilroyregular", sans-serif;
   }
   .contact-page div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: 16px;
    right: 20px;
   }
   div.wpcf7 .ajax-loader {
    background-image: url(./img/ajax-loader.gif);
   }
   .contact-page input.wpcf7-form-control.wpcf7-submit {
    width: auto;
    color: #fff;
    padding: 10px 25px;
    letter-spacing: 1.5px;
    font-family: "gilroysemibold", sans-serif;
    text-align: right;
    border: 0px;
   }
   .contact-page .wpcf7-not-valid-tip {
    color: #c4161c;
    font-size: 0.875rem;
    font-family: "gilroyregular", sans-serif;
   }
   .contact-page div.wpcf7-validation-errors {
    border: none;
    margin-top: 0px;
   }
   .contact-page div.wpcf7-validation-errors,
   .contact-page div.wpcf7-mail-sent-ng,
   .contact-page div.wpcf7-mail-sent-ok {
    border: none;
   }
   .contact-page div.wpcf7-mail-sent-ok {
    /*display: none !important;*/
   }
   .contact-page .wpcf7-response-output {
    float: left;
   }
   .contact-page .info-items .item {
    display: block;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    color: #333;
   }
   .contact-page .info-items h4 {
    font-size: 1rem;
    letter-spacing: 1.5px;
    margin-top: 20px;
   }
   .contact-page .info-items .phone,
   .contact-page .info-items .phone:hover {
    color: #333;
   }
   
   /* Migrated Pages - Styling */
   #overview_images li {
    display: inline-block;
    width: 49%;
    margin-bottom: 10px;
   }
   #overview_images {
    list-style: none;
    padding: 0px;
   }
   
   /* MEMBERS PAGE */
   .members-page .overview {
    padding: 35px 0 0;
   }
   .members-page h2 {
    font-size: 1.65rem;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
   }
   .members-page {
    padding-bottom: 130px;
   }
   .members-page .members-list {
    margin: 50px 0 0;
    padding-bottom: 50px;
    overflow: auto;
    border-bottom: 2px solid #f2f2f2;
   }
   .members-page .members-list .t-member {
    width: 20%;
    float: left;
   }
   .members-page .members-list .t-member .member-img {
    width: 100%;
    max-width: 150px;
    margin-bottom: 20px;
   }
   
   /* SDN Definition */
   .sdn-page .sdn-img {
    width: 100%;
    max-width: 165px;
    margin: auto;
    display: block;
   }
   .sdn-page .img-sdn-architecture {
    width: 100%;
    max-width: 550px;
   }
   .sdn-page .definition {
    padding-top: 60px;
   }
   .sdn-page .definition .intro {
    font-size: 1.25rem;
   }
   .sdn-page .architecture {
    background: #f2f2f2;
    padding: 125px 0 90px 0;
    margin-top: -65px;
   }
   .sdn-page .pdfs {
    background: #f2f2f2;
    padding: 80px 0 90px 0;
   }
   .sdn-page .overview {
    padding-bottom: 75px;
   }
   .sdn-page .architecture .intro {
    margin-bottom: 35px;
   }
   .sdn-page h2 {
    color: #c4161c;
    font-family: "gilroylight", sans-serif;
    font-size: 1.875rem;
   }
   .sdn-page .architecture h2 {
    margin-bottom: 30px;
    margin-top: 40px;
   }
   .sdn-page h5 {
    margin-bottom: 5px;
   }
   .sdn-page .point {
    margin-bottom: 30px;
   }
   .sdn-page .trends {
    padding: 100px 0;
   }
   .sdn-page .trends h4 {
    font-family: "gilroyregular", sans-serif;
    text-transform: none;
    font-size: 1.25rem;
    color: #c4161c;
    margin: 30px 0;
   }
   .sdn-page .dedicated {
    color: #fff;
    background: url(./img/logo-watermark-large.png) no-repeat center center #047bc1;
    background-size: cover;
    padding: 150px 0 155px 0;
   }
   .sdn-page .dedicated h2 {
    color: #fff;
    margin-top: 5px;
   }
   
   .sdn-page section.chart {
    padding: 100px 0px;
   }
   
   .sdn-page .chart .arrow {
    background: url(/wp-content/uploads/2018/01/arrow-graphic.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    min-height: 830px;
   }
   
   .sdn-page .chart .arrow .snds,
   .sdn-page .chart .arrow .openflow,
   .sdn-page .chart .arrow .onos,
   .sdn-page .chart .arrow .cord {
    padding: 50px;
    position: relative;
   }
   .sdn-page .chart .arrow .snds {
    top: 350px;
   }
   
   .sdn-page .chart .arrow .openflow {
    top: 100px;
   }
   
   .sdn-page .chart .arrow .onos {
    top: -70px;
   }
   
   .sdn-page .chart .arrow .cord {
    top: -170px;
   }
   
   .sdn-page .chart .arrow.arrow-sdn-c {
    min-height: 450px;
   }
   .sdn-page .chart .arrow.arrow-sdn-c .snds,
   .sdn-page .chart .arrow.arrow-sdn-c .openflow,
   .sdn-page .chart .arrow.arrow-sdn-c .onos,
   .sdn-page .chart .arrow.arrow-sdn-c .cord {
    padding: 5px;
   }
   .sdn-page .chart .arrow-sdn-c .chart-link.button {
    font-size: 0.875rem;
    padding: 8px 10px;
    letter-spacing: 1px;
   }
   .sdn-page .chart .arrow.arrow-sdn-c .cord {
    top: 60px;
   }
   .sdn-page .chart .arrow.arrow-sdn-c .openflow {
    top: 242px;
    left: -40px;
   }
   .sdn-page .chart .arrow.arrow-sdn-c .onos {
    top: 126px;
    left: -30px;
   }
   .sdn-page .chart .arrow.arrow-sdn-c .snds {
    top: 360px;
   }
   .sdn-page .chart .sdn-graph-2 {
    width: 100%;
    max-width: 800px;
    margin-top: 40px;
   }
   .sdn-page .chart .ng-sdn-arrow-graphic {
    max-width: 360px;
    position: relative;
    left: 220px;
    top: 104px;
    z-index: 2;
   }
   
   .sdn-page .chart img {
    width: 100%;
    max-width: 120px;
   }
   
   .sdn-page .chart h3 {
    font-size: 20px;
    padding-left: 35px;
   }
   
   .sdn-page .chart .snds h3 {
    color: #047bc1;
   }
   .sdn-page .chart .openflow h3 {
    color: #003c7f;
    padding-bottom: 25px;
   }
   
   .sdn-page .chart .onos h3 {
    color: #7a0511;
    padding-bottom: 25px;
   }
   
   .sdn-page .chart .cord h3 {
    color: #c4161c;
    padding-bottom: 25px;
   }
   
   /*Go back to top link*/
   #top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px;
    visibility: hidden;
   }
   #top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 200px;
    right: 30px;
    z-index: 5;
    visibility: visible;
   }
   #top-link-block img {
    max-width: 60px;
    opacity: 1;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
   }
   #top-link-block a:hover img {
    opacity: 0.6;
   }
   
   /* GET INVOLVED */
   .contact-membership .grey-wrapper {
    background: #e6e6e6;
    border-radius: 5px;
   }
   
   .contact-membership .intro-wrapper {
    color: #fff;
   }
   .contact-membership h1 {
    margin-bottom: 14px;
    margin-top: 5px;
   }
   .contact-membership .required {
    margin-top: 40px;
   }
   .contact-membership.contact-box {
    padding: 100px 0 120px 0;
    background: url(./img/logo-watermark-large.png) no-repeat center center #003c7f;
    background-size: 50%;
   }
   .contact-membership .button,
   .contact-membership .button:hover {
    color: #fff !important;
    margin-top: 30px;
   }
   .involved-page .learn-more-wrap {
    margin-top: 50px;
   }
   .involved-page .learn-more-wrap .button,
   .involved-page .learn-more-wrap .button:hover {
    color: #fff;
   }
   .get-involved .membership-page .membership-levels {
    padding: 20px 0 70px 0;
   }
   .contact-membership .membership-button2 {
    color: #fff !important;
    margin-top: 50px !important;
   }
   .contact-membership .membership-button2 {
    margin-left: 20px;
   }
   
   /* Project Page */
   .project-page h1 {
    color: #c4161c;
    margin-bottom: 35px;
   }
   .project-page .project-info,
   .project-page section.intro {
    padding: 65px 0 100px 0;
   }
   
   .project-page section.intro.omec {
    padding: 60px 0 60px 0;
   }
   .project-page .in-section.omec {
    padding: 80px 0 90px 0;
    position: relative;
    overflow: auto;
    background: #f2f2f2;
   }
   
   .project-page .intro .img-wrap {
    width: 20%;
    max-width: 200px;
    margin-bottom: 40px;
   }
   .project-page .intro .img-wrap-certification {
    width: 100%;
    max-width: 225px;
    margin-bottom: 0px;
   }
   .project-page .cont-cert-img {
    max-width: 425px;
   }
   .project-page .project-info .item {
    margin-bottom: 30px;
   }
   .project-page .project-info .item h4 {
    font-family: "gilroysemibold", sans-serif;
    margin-bottom: 5px;
   }
   .project-page .project-info .item p {
    margin-bottom: 0px;
   }
   .project-page .project-info a {
    font-family: "gilroysemibold", sans-serif;
   }
   .project-page .resources {
    padding: 100px 0 100px 0;
    background: url(./img/background-contact.jpg) no-repeat center center #047bc1;
    background-size: cover;
    color: #fff;
   }
   .project-page .resources a {
    color: #fff;
   }
   .project-page .multilayer-img {
    width: 100%;
    max-width: 700px;
   }
   .project-page .p4-diagram {
    padding-top: 0px;
   }
   .project-page .p4-diagram .multilayer-img {
    max-width: 1000px;
   }
   
   .project-page .omec .multilayer-img {
    max-width: 1300px;
    width: 100%;
    margin: 20px auto;
   }
   
   .project-page .problem h2 {
    font-size: 1.875rem !important;
    font-family: "gilroylight", sans-serif;
    color: #c4161c !important;
   }
   
   .project-page .community h2 {
    font-size: 1.875rem !important;
    font-family: "gilroylight", sans-serif;
    color: #c4161c !important;
    padding-bottom: 30px;
   }
   
   .project-page .resources h2 {
    font-size: 1.875rem !important;
    font-family: "gilroylight", sans-serif;
    color: #fff !important;
   }
   .platforms-page .members-section h2 {
    font-size: 1.875rem !important;
    font-family: "gilroylight", sans-serif;
    color: #333 !important;
   }
   
   .platforms-page .operator-video-section .img-wrap {
    text-align: center;
    width: 50%;
    margin: 0 auto;
   }
   .platforms-page .operator-video-section .video {
    padding: 20px 20px 50px;
   }
   
   .platforms-page .operator-video-section .video-box img {
    border: 2px solid #e6e6e6;
    /* box-shadow: 1px 1px 3px #333; */
    margin-bottom: 10px;
   }
   .platforms-page .operator-video-section .video-box img:hover {
    opacity: 0.8;
    transition: 0.3s;
   }
   
   .platforms-page .operator-video-section .row.operator-video {
    padding: 0px 0px 60px;
   }
   
   .platforms-page .cord-graphic-padding {
    padding-top: 4%;
   }
   
   .resources-list {
    text-align: center;
   }
   .resources-list .resource-icon {
    width: 100%;
    max-width: 130px;
   }
   .trellis-pdf .resource-icon {
    width: 100%;
    max-width: 200px;
    margin-top: 15px;
    border-radius: 5px;
   }
   .trellis-pdf a,
   .trellis-pdf a:hover {
    color: #ffffff;
   }
   .trellis-pdf {
    padding-top: 10px;
   }
   .wrap-text.trellis-pdf {
    text-align: left;
    padding-left: 43px;
   }
   .resources-list .resource-item {
    text-align: center;
    display: inline-block;
    float: none;
    vertical-align: text-top;
    margin: 50px 0 30px 0;
    width: 20%;
   }
   .resources-list .cat {
    color: #fff;
    display: block;
    text-transform: uppercase;
    margin: 10px 0 5px 0;
    font-size: 0.875rem;
    font-family: "gilroysemibold", sans-serif;
   }
   .resources-list .resource-item .wrap-text {
    font-family: "gilroymedium", sans-serif;
   }
   
   /* SOLUTIONS PAGES */
   
   .solutions-page .cord-screen,
   .solutions-page .packet-optical-network,
   .solutions-page .multilayer-img {
    width: 100%;
    max-width: 720px;
   }
   .solutions-page .packet-optical-network {
    max-width: 900px;
   }
   .solutions-page .bottom-img {
    margin-top: 30px;
   }
   .solutions-page .bottom-img .packet-optical-network {
    max-width: 650px;
   }
   .solutions-page .system-component {
    /*max-width: 300px;*/
   }
   .solutions-page .m-cord-drivers,
   .solutions-page .m-cord-mobile {
    width: 100%;
    max-width: 680px;
   }
   .solutions-page .intro {
    /*background: #f2f2f2;*/
    padding: 100px 0 90px 0;
   }
   .solutions-page .intro h1 {
    margin-top: 5px;
   }
   
   .solutions-page section.community {
    padding: 70px 0px 100px;
   }
   
   .solutions-page .community-list .wrap-img {
    max-width: 130px;
    width: 100%;
    margin: 0 auto;
   }
   .solutions-page .community .community-list .community-item {
    width: 20%;
   }
   
   .solutions-page .community h2,
   .solutions-page .in-section h2,
   .solutions-page .rd_section h2 {
    font-size: 1.875rem !important;
    font-family: "gilroylight", sans-serif;
    color: #c4161c !important;
   }
   
   /*.solutions-page .in-section{
     padding: 115px 0 130px 0;
   }*/
   
   .solutions-page .in-section .trellis {
    text-align: center;
    margin-bottom: 45px;
    font-size: 1.875rem !important;
    font-family: "gilroylight", sans-serif;
    color: #c4161c !important;
    padding-bottom: 15px;
   }
   
   .solutions-page .in-section .figure-border {
    border-left: 1px solid #dcddde;
   }
   
   .solutions-page .in-section {
    padding: 60px 0;
    background: #f2f2f2;
   }
   
   .solutions-page .problem.in-section img.multilayer-img {
    padding: 50px 0px;
   }
   .solutions-page .problem.in-section img.voltha-img {
    padding: 10px 0px;
    max-width: 500px;
    width: 100%;
   }

.voltha-right {
    margin-top: 75px;
}


   .platforms-page .in-section h2 {
    color: #c4161c;
    margin-bottom: 20px;
    font-family: "gilroylight", sans-serif;
    margin-top: 0px;
   }
   .solutions-page .video-section.e-cord-video {
    padding: 90px 0 150px 0;
    background: url(./img/ecord-background-video.jpg) no-repeat top right
     transparent;
    background-size: cover;
   
    background-attachment: fixed;
    height: 700px;
    position: relative;
    z-index: 2;
    overflow: hidden;
   }
   .solutions-page .video-section.e-cord-video.m-cord-video {
    background: url(./img/mcord-background-video.jpg) no-repeat top right
     transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.packet-video {
    background: url(./img/packet-background-video.jpg) no-repeat top right
     transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.trellis-video {
    background: url(/wp-content/uploads/2019/09/trellis-video-still-Saurav-Das.jpg)
     no-repeat top right transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.comac-video {
    background: url(/wp-content/uploads/2019/10/comac-video-still.jpg) no-repeat
     top right transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.ng-sdn-video {
    background: url(/wp-content/uploads/2019/10/ng-sdn-video-still-1.jpg) no-repeat
     top right transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.odtn-video {
    background: url(/wp-content/uploads/2019/10/odtn-video-still.jpg) no-repeat top
     right transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.seba-video {
    background: url(/wp-content/uploads/2019/10/seba-video-still-2.jpg) no-repeat
     top right transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.r-cord-video {
    background: url(./img/video-still-r-cord.jpg) no-repeat top right transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.cord-tam-video {
    background: url(/wp-content/uploads/2019/11/Cord-TAM-video-still.jpg) no-repeat
     top right transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section.e-cord-video.plenary-video {
    background: url(/wp-content/uploads/2019/11/Plenary-video-still.jpg) no-repeat
     top right transparent;
    background-size: cover;
    background-attachment: fixed;
   }
   .solutions-page .video-section .video-text {
    padding-top: 20px;
    padding-bottom: 70px;
   }
   .solutions-page .video-section .video-content-area {
    color: #fff;
   }
   .solutions-page .video-section h2 {
    font-size: 1.875rem;
    margin-bottom: 20px;
    font-family: "gilroylight", sans-serif;
   }
   .solutions-page .video-section .use-case {
    margin-top: 50px;
   }
   
   /* REFERENCE DESIGNS */
   
   .reference-design-page section.intro {
    padding: 40px 0 90px;
   }
   .reference-design-template .graphic-rd {
    width: 100%;
    max-width: 1000px;
    margin-bottom: 25px;
   }
   .reference-design-template .panel-ref-design {
    background: #efefef;
    padding: 50px 0 80px 0;
   }
   .reference-design-template .panel-ref-design h2 {
    color: #c4161c;
    font-size: 1.875rem;
    font-family: "gilroyregular", sans-serif;
    margin-bottom: 40px;
   }
   .reference-design-template .community {
    padding: 50px 0 60px 0;
   }
   .reference-design-template .operators {
    padding: 0px 0 60px 0;
   }
   .reference-design-template .community .community_logos {
    text-align: center;
   }
   .reference-design-template .community .logo-wrap {
    width: 24%;
    display: inline-block;
    text-align: center;
   }
   .reference-design-template .community .member-logo {
    max-width: 130px;
    width: 100%;
   }
   .reference-design-template .exemplar {
    margin-top: 30px;
   }
   .reference-design-page .rd_section h3 {
    text-align: center;
    margin-bottom: 20px;
   }
   
   .reference-design-template .img-wrap-logo img {
    width: 35%;
    max-width: 200px;
    margin-bottom: 40px;
   }
   
   .reference-design-page .block-rd {
    border: 4px solid #fff;
    box-shadow: 0px 0px 15px #ccc;
    border-radius: 5px;
    margin: 0 auto 20px auto;
    width: 19%;
    text-align: center;
    display: inline-block;
   }
   .reference-design-page .blocks {
    margin: 50px 0 20px;
    text-align: center;
   }
   .reference-design-page .block-rd a {
    display: block;
    padding: 30px 20px;
    color: #fff;
    font-weight: 600;
    background: #654b95;
   }
   .reference-design-page .block-rd a:hover {
    background: #8a67c9;
   }
   .reference-design-page .block-rd.new-rd a {
    background: #0170c1;
   }
   .reference-design-page .block-rd.new-rd a:hover {
    background: #0795fd;
   }
   .reference-design-page .multilayer-img {
    max-width: 800px;
   }
   .reference-design-template .overview {
    padding-bottom: 50px !important;
   }
   .reference-design-template .cta-section .logo-mark {
    height: 100%;
   }
   
   .reference-design-page .rd_section .table-rd tr.separtor {
    display: block;
    height: 10px;
   }
   
   .reference-design-page .tooltip {
    width: 200px;
   }
   
   .reference-design-page tr.grey-bg {
    background: #f2f2f2;
    border-bottom: 20px solid #f2f2f2;
    border-top: 10px solid #f2f2f2;
   }
   
   .reference-design-page .table-rd .grey-bg td.line,
   .reference-design-page .table-rd .grey-bg td {
    border-bottom: 20px solid #f2f2f2;
   }
   .reference-design-page .table-rd .grey-bg td.title {
    background: #f2f2f2;
   }
   
   .reference-design-page i.wiki {
    background: url(/wp-content/uploads/2019/03/blue-web-icon.png) no-repeat center
     center;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: -3px;
    background-size: contain;
    z-index: 13;
   }
   
   .reference-design-page i.lock {
    background: url(/wp-content/uploads/2019/03/lock_v2_icon.png) no-repeat center
     center;
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    left: 50%;
    top: -12px;
    background-size: contain;
    z-index: 13;
   }
   
   .reference-design-page i.pdf {
    background: url(/wp-content/uploads/2019/03/blue-pdf-icon.png) no-repeat center
     center;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: -3px;
    background-size: contain;
    z-index: 13;
   }
   
   .reference-design-page .table-rd td {
    padding: 10px;
    text-align: center;
    width: calc(100% / 6);
    font-weight: 600;
    border-bottom: 10px solid #fff;
    position: relative;
   }
   
   .reference-design-page .table-rd td.title {
    width: calc(100% / 10);
   }
   
   .reference-design-page .table-rd td.line:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 3px;
    width: 100%;
    display: block;
    background: #2887c8;
    left: 0px;
   }
   
   .reference-design-page .table-rd td.line.long-1:after,
   .reference-design-page .table-rd td.line.long-2:after {
    width: 120%;
   }
   .reference-design-page .table-rd td.line.long-3:after {
    width: 143%;
   }
   /*.reference-design-page .table-rd td.dot:after {
       content: '';
       display: block;
       position: absolute;
       width: 40px;
       height: 40px;
       border-radius: 50%;
       background: #2887c8;
       top: 50%;
       margin-top: -20px;
       left: 38%;
       z-index: 10;
   }*/
   
   .reference-design-page .table-rd td.dot:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 3px;
    width: 40%;
    display: block;
    background: #2887c8;
    left: 0px;
   }
   
   .reference-design-page .table-rd .pdf p {
    font-size: 0.8rem;
    text-align: left;
    /* color: #fff; */
    position: relative;
    z-index: 12;
    top: 30px;
    display: inline-block;
   }
   
   /*.reference-design-page .table-rd td.pdf:before {
       content: '';
       position: absolute;
       top: 50%;
       height: 3px;
       width: 40%;
       display: block;
       background: #2887c8;
       left: -30px;
   }
   
   .reference-design-page .table-rd td.pdf:after {
       content: '';
       position: absolute;
       width: 50px;
       height: 50px;
       background: url(/wp-content/uploads/2019/03/blue-pdf-icon.png)no-repeat center center;
       top: 50%;
       margin-top: -20px;
       left: 2%;
       z-index: 10;
       background-size: contain;
   }*/
   
   .reference-design-page .table-rd td.pdf.single:after {
    left: 19%;
   }
   
   .reference-design-page .table-rd td.dot.partner-access:before,
   .reference-design-page .table-rd td.dot.partner-access:after,
   .reference-design-page .table-rd .grey td.line:after {
    background: #8852c3;
   }
   
   .reference-design-page .table-rd .partner-access td.line:after {
    background: #8852c2;
   }
   
   .reference-design-page .table-rd .dot.partner-access p {
    position: relative;
   }
  
   .reference-design-page .table-rd .dot .wiki-member {
    right: -20px;
    position: relative;
    top: 24px;
    line-height: 120%;
    display: block;
   }
   .reference-design-page .table-rd .link-reference-version {
    min-height: 30px;
    display: block;
   }
   .reference-design-page .table-rd .reference-version {
    position: absolute;
    left: 50%;
    top: 38px;
    line-height: 120%;
   }
   
   /*.reference-design-page .table-rd td.dot{
       background: #047bc1;
   }
   .reference-design-page .table-rd .dot.partner-access{
     background: #644b96;
   }*/
   
   .reference-design-page .table-rd .rd-title {
    font-size: 0.875rem;
   }
   .reference-design-page .table-rd .version {
    position: absolute;
    top: 15px;
    left: 0px;
    font-size: 12px;
    background: white;
    z-index: 1;
    padding-right: 5px;
   }
   
   .reference-design-page .table-rd .version2 {
    top: 14px;
   }
   
   .reference-design-page .table-rd .dot p {
    font-size: 12px;
    text-align: left;
    /* color: #fff; */
    position: relative;
    z-index: 12;
    left: 70%;
   }
   
   .reference-design-page .table-rd .dot a {
    /*color: #fff;*/
   }
   .reference-design-page .table-rd td p {
    margin-bottom: 0px;
    text-align: left;
   }
   .reference-design-page .table-rd td.done {
    background: #654b95;
    color: #fff;
   }
   .reference-design-page .table-rd {
    margin-top: 10px;
   }
   .reference-design-page .table-rd th {
    border: none;
    text-align: center;
    padding: 10px;
   }
   .reference-design-template .wrap-members-list.operators {
    text-align: left;
   }
   
   /*.solutions-page section.rd_section {
       padding: 60px 0px 100px;
   }*/
   
   .solutions-page .rd_section .reference-sections h2 {
    font-size: 1.175rem !important;
    font-family: "gilroylight", sans-serif;
    color: #c4161c !important;
   }
   
   #reference-parent .reference-sections p.description {
    padding: 0px 0px 20px;
   }
   
   #reference-parent .grey.section.row {
    padding: 0 15px;
   }
   
   .solutions-page .img-wrap-logo img {
    width: 35%;
    max-width: 200px;
    margin-bottom: 40px;
   }
   
   /*.reference-sections .community-list .community-item {
     float:none; display: inline-block; padding: 0px; width: 24%;
   }*/
   
   #reference-parent .community-list.row {
    padding: 20px 15px;
    /*border-top: 2px solid #eaeaea;
       border-bottom: 2px solid #eaeaea;*/
    text-align: left;
   }
   
   .solutions-page p.rd-text-header {
    height: 80px;
    padding-bottom: 0px;
    line-height: 140%;
    margin-bottom: 0px;
   }
   
   .reference-sections {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 3px solid #a2a2a2;
   }
   
   .reference-sections:nth-child(odd) {
    /*margin-right: 40px;
       margin-left: 40px;
       background: #f2f2f2;*/
   }
   /*
   .reference-sections:nth-child(even) {
       padding-left: 40px;
       padding-right: 0px;
   }*/
   
   section.trailblazing {
    padding: 70px 0px 100px;
    background: #f2f2f2;
   }
   
   .solutions-page .rd_section h2,
   .solutions-page .trailblazing h2 {
    font-size: 1.875rem !important;
    font-family: "gilroylight", sans-serif;
    color: #c4161c !important;
   }
   
   .reference-design-page .tb_head {
    padding-bottom: 30px;
   }
   
   img.seba_img,
   img.upan_img {
    padding: 40px 0px;
   }
   
   ul.seba-bullets li {
    display: inline;
    padding-right: 30px;
   }
   
   ul.seba-bullets li span.dot {
    font-size: 50px;
    position: relative;
    top: 12px;
    line-height: 1px;
   }
   
   .opportunity-item-4 .community-item.opportunity-item:nth-child(3) {
    margin-right: 10px;
   }
   
   .community-item.opportunity-item {
    margin: 5px auto;
    padding: 0px 15px 0px 0px;
   }
   
   .reference-sections .community-item {
    padding: 0px 10px 0px 0px;
   }
   
   .reference-sections .rd-text {
    padding-top: 0%;
   }
   
   .solutions-page .community-item.opportunity-item .wrap-img {
    /* border: 1px solid #f2f2f2; */
    max-width: 200px;
    padding: 0px 20px;
   }
   
   img.rd-multilayer-img {
    max-width: 714px;
    padding: 50px 0px 20px 0px;
   }
   
   /* PLATFORMS PAGES */
   .platforms-page .video-thumb,
   .membership-page .video-thumb {
    width: 100%;
    max-width: 360px;
   }
   .platforms-page .cord-controller-img {
    width: 100%;
    max-width: 580px;
   }
   .platforms-page .cord-hardware-img {
    width: 100%;
    max-width: 733px;
   }
   .platforms-page .cord-software-img {
    width: 100%;
    max-width: 730px;
    margin-top: 60px;
   }
   .platforms-page .intro {
    padding: 80px 0 90px 0;
   }
   .platforms-page .applications,
   .gray-section {
    background: #f2f2f2;
   }
   .platforms-page .applications .package-icon {
    width: 100%;
    max-width: 100px;
    /*margin-top: 40px;*/
   }
   .platforms-page .onos-applications {
    background: #fff;
   }
   .platforms-page .applications h4 {
    color: #047bc1;
    margin-top: 30px;
   }
   .platforms-page .hardware .text-wrap {
    margin-top: 50px;
   }
   .platforms-page .top-space {
    margin-top: 89px;
   }
   .platforms-page .mininet-img,
   .platforms-page .onos-architecture {
    width: 100%;
    max-width: 700px;
   }
   .platforms-page .members-section h2 {
    margin-bottom: 30px;
   }
   .platforms-page .cta-section .logo-mark,
   .solutions-page .cta-section .logo-mark {
    height: 100%;
    background: url(./img/logo-watermark-large.png) no-repeat center center
     transparent;
    background-size: 100%;
    background-attachment: inherit;
   }
   .platforms-page .cta-section h2,
   .solutions-page .cta-section h2,
   .sdn-page .cta-section h2,
   .reference-design-template .cta-section h2 {
    font-family: "gilroylight", sans-serif;
    font-size: 1.875rem;
    color: #fff;
    margin-bottom: 50px;
   }
   .platforms-page .cta-section,
   .solutions-page .cta-section,
   .reference-design-template .cta-section {
    padding: 100px 0 110px 0;
   }
   .platforms-page .cta-section .icon-play {
    max-width: 62px;
    width: 100%;
    margin-bottom: 30px;
   }
   .platforms-page .cta-section a {
    display: block;
   }
   .platforms-page .cta-section .button,
   .solutions-page .cta-section .button,
   .sdn-page .cta-section .button,
   .reference-design-template .cta-section .button {
    display: inline-block;
    background: #fff;
    color: #333;
    padding: 10px 15px;
    margin-bottom: 20px;
   }
   .solutions-page .seba {
    margin-bottom: 10px;
   }
   .reference-design-template .cta-section .button {
    margin: 5px 20px;
   }
   .platforms-page .cta-section .item-cta {
    text-align: center;
    padding: 10px 0 40px 0;
   }
   .platforms-page .cta-section .second-item {
    border-left: 1px solid #de8a8d;
   }
   .platforms-page .intro .wrap-text {
    text-align: center;
   }
   .platforms-page .intro .wrap-text a {
    font-family: "gilroysemibold", sans-serif;
   }
   .platforms-page .video-play,
   .membership-page .video-play {
    position: relative;
    margin-top: 60px;
    display: inline-block;
   }
   .platforms-page.stratum-page .video-play {
    margin-top: 20px;
   }
   .xos-page .video-play {
    display: block;
    height: 100%;
    margin-top: 0px;
   }
   .xos-page .video-wrap-resource {
    margin-top: 40px;
   }
   .xos-page .videos-section {
    padding-top: 0px;
    margin-bottom: 0px;
   }
   .xos-page .videos-section a {
    font-weight: 600;
   }
   .xos-page .resources-list .resource-item {
    width: 25%;
   }
   .xos-page .connect-page #video_section .video-bg {
    width: 90%;
   }
   .xos-page .cta-section a {
    color: #fff;
   }
   
   .platforms-page .video-play::after,
   .membership-page .video-play::after {
    content: "";
    background: url(img/play-button-blue.png) no-repeat center center transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background-size: 60px;
   }
   
   .platforms-page section.testimonials {
    padding-bottom: 100px;
   }
   
   .platforms-page .testimonials h1 {
    padding-bottom: 20px;
   }
   
   .platforms-page .testimonials p {
    padding: 50px;
    font-size: 18px;
    color: #666;
    font-style: italic;
   }
   
   .platforms-page .testimonials img.speaker {
    border-radius: 50%;
    max-width: 75px;
    display: inline-block;
    position: relative;
    top: -10px;
   }
   
   .platforms-page .testimonials h4 {
    display: inline-block;
    font-weight: 500;
    font-family: "gilroy";
    line-height: 1.5em;
    padding-top: 10px;
    padding-left: 20px;
   }
   
   .platforms-page .testimonial-person {
    float: right;
    padding-right: 50px;
   }
   
   .platforms-page .testimonials .quote1 {
    background: url(/wp-content/uploads/2018/01/quotes.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 150px;
   }
   
   .platforms-page .testimonials .quote2 {
    background: url(/wp-content/uploads/2018/01/quotes2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 150px;
   }
   
   .platforms-page .testimonials .text-wrap,
   .platforms-page .testimonials .img-wrap {
    display: inline-block;
   }
   
   /* EVENTS PAGE */
   .event-item .date {
    text-align: left;
    padding-left: 14px;
    padding-right: 8px;
    font-family: "gilroysemibold", sans-serif;
    width: 12%;
   }
   .events-page .header-intro-wrap {
    overflow: auto;
    padding: 30px 0 30px 0;
   }
   .events-page {
    margin-bottom: 100px;
   }
   
   .event-description .seba_img {
    position: relative;
   }
   
   .event-description .seba_text {
    position: absolute;
    right: -45%;
    width: 40%;
    top: 60%;
    padding: 20px;
    background: #f2f2f2;
   }
   .events-page .events_sidebar_ul {
    list-style: none;
    padding-left: 0px;
   }
   
   .event-description .logo-wrap {
    width: 19%;
    display: inline-block;
    text-align: left !important;
   }
   .event-description .member-logo {
    max-width: 140px;
    width: 100%;
   }
   .event-description .wrap-event-logos {
    margin-bottom: 30px;
    overflow: auto;
    width: 100%;
    text-align: left;
   }
   .event-description .bbwf-header {
    text-align: center;
   }
   .event-description .table-wrap.pricing-last-year {
    margin: 20px 0 80px 0;
   }
   .event-description table {
    width: 100%;
   }
   .event-description .table-wrap.pricing-last-year th {
    border-radius: 7px 7px 0 0;
   }
   .event-description .table-wrap th {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 0.825rem;
    padding: 16px 11px;
    text-align: center;
   }
   .event-description .pricing-last-year tr {
    background: #fff;
   }
   .event-description .table-wrap tr:nth-child(2n) {
    background: #f2f2f2;
   }
   .event-description .table-wrap td {
    padding: 8px;
   }
   .event-description .pricing-last-year td {
    border: 1px solid #ddd;
   }
   .event-description .pricing-last-year .title {
    color: #407fc1;
   }
   
   .event-description .table-wrap .main-title {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 1.25rem !important;
    text-align: center;
   }
   
   /* Search Page */
   .onf-search .block {
    box-shadow: none;
    padding: 0px;
   }
   .onf-search .block h1 {
    color: #c4161c;
   }
   .onf-search .post-excerpt {
    margin-bottom: 40px;
   }
   
   /* Software Pages */
   .software-overview .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: none;
    font-size: 0.875rem;
   }
   
   .software-overview .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: transparent;
    border: none;
   }
   
   .software-overview .panel-title {
    font-size: 0.875rem;
    color: #333333;
    text-transform: uppercase;
    border-bottom: 1px solid #808080;
   }
   
   .software-overview .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    overflow: auto;
   }
   
   .software-overview .more-less {
    float: left;
    color: #047bc1;
    margin-right: 15px;
    font-weight: 300;
   }
   .software-overview
    .panel-default
    > .panel-heading
    + .panel-collapse
    > .panel-body {
    border-top: none;
    font-size: 0.875rem;
   }
   .software-overview .s_h {
    display: inline-block;
    float: right;
    text-transform: none;
   }
   .software-overview .panel-body a {
    color: #333;
   }
   .software-overview .blue {
    color: #047bc1;
    font-family: "gilroysemibold", sans-serif;
   }
   .software-overview .headers .title {
    font-family: "gilroysemibold", sans-serif;
    margin-bottom: 15px;
   }
   .software-overview .document-wrap {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
   }
   .software-overview  .formatsColumn .dFormat{
       font-size: 16px;
       text-transform: uppercase;
       color: #007EC3;
       font-weight: bold;
       margin-right: 10px;
       text-decoration: initial;
    }
    .software-overview  .formatsColumn .dFormat:last-child{
        margin-right: 0;
    }
    .software-overview  .formatsColumn .dFormat:Hover{
       color: black !important;
    }
    .formatsColumn{
       display: flex;
       justify-content: flex-start;
       align-items: center;
       text-transform: uppercase;
    }
   
   .software-overview .document-wrap:hover,
   .software-overview .document-wrap:hover .blue {
    background: #047bc1;
    color: #fff;
   }
   .software-overview .intro {
    padding: 90px 0 120px 0;
   }
   .software-overview .intro-text {
    padding: 30px 0;
    font-size: 1.2rem;
   }
   .software-overview .intro h1 {
    color: #c4161c;
    margin-bottom: 15px;
    margin-top: 0px;
   }
   .software-overview .documents_list {
    margin-bottom: 60px;
   }
   .software-page .intro {
    padding: 90px 0 40px 0;
   }
   
   /* MEMBERSHIP PAGE */
   .membership-page .video-section {
    background: url(./img/membership-benefits-video-background.jpg) no-repeat
     center center transparent;
    background-size: cover;
   }
   .membership-page .video-section .circle {
    padding-left: 15px;
    margin-bottom: 60px;
   }
   .membership-page .overview .wrap-text a {
    font-family: "gilroysemibold", sans-serif;
    color: #047bc1;
   }
   .membership-page .overview {
    padding: 70px 0 110px 0;
    background: #fff;
   }
   .membership-page .overview h1 {
    color: #333;
    margin-bottom: 5px;
   }
   .membership-page .overview .intro {
    font-family: "gilroysemibold", sans-serif;
   }
   .membership-page .overview .join-sentence {
    font-family: "gilroysemibold", sans-serif;
    font-size: 1.25rem;
   }
   .membership-page .video-section .video-box:hover {
    color: #fff;
   }
   .membership-page h2 {
    font-size: 1.875rem;
    font-family: "gilroylight", sans-serif;
   }
   
   .membership-page .membership-levels h2 {
    margin-top: 50px;
   }
   .membership-page .membership-levels.text-levels {
    background: #f2f2f2;
    padding-bottom: 70px;
   }
   .membership-page .membership-levels {
    padding: 30px 0 150px 0;
    background: #fff;
   }
   .membership-page .matrix-wrap {
    padding-top: 60px !important;
   }
   .membership-page .matrix-wrap .matrix-img {
    max-width: 960px;
    width: 100%;
   }
   .membership-page .membership-levels .documents-links {
    margin: 100px 30px 0 30px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
   }
   .membership-page .membership-levels .levels-list {
    /*text-align: left;*/
    text-align: center;
   }
   .membership-page .membership-levels .levels-list .img-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
   }
   .membership-page .membership-levels .levels-list .text-wrap {
    display: inline-block;
    width: calc(100% - 30px);
    vertical-align: middle;
   }
   .membership-page .membership-levels .level-item {
    display: inline-block;
    vertical-align: top;
    width: 37%;
    margin: 40px -2px 0 -2px;
    padding: 0px;
    text-align: left;
   }
   .get-involved .membership-page .membership-levels .level-item {
    text-align: center;
   }
   .membership-page .membership-levels .level-item:nth-of-type(2) .level-icon {
    margin-left: 10px;
   }
   .membership-page .membership-levels .level-item .question-icon {
    max-width: 16px;
    width: 100%;
    vertical-align: text-top;
    margin-left: 10px;
   }
   .membership-page .membership-levels .level-item .annual-fee {
    background: url("./img/separation-line.jpg") no-repeat bottom left transparent;
    background-size: 40px;
    margin-bottom: 20px;
    padding-bottom: 20px;
   }
   .membership-page .membership-levels .level-item .annual-fee .text {
    font-size: 14px;
    display: block;
   }
   .membership-page .membership-levels .level-item .fee {
    font-weight: 600;
   }
   .membership-page .membership-levels .level-item h4 {
    color: #c4161c;
   }
   .membership-page .membership-levels .level-item a {
    color: #047bc1;
   }
   .membership-page .membership-levels .level-icon {
    max-width: 85px;
    width: 100%;
    margin-bottom: 10px;
   }
   .membership-page .membership-levels .level-item .text-wrap p {
    font-size: 0.875rem;
   }
   .membership-page .levels-table {
    width: 100%;
    margin-top: 110px;
   }
   .membership-page .levels-table .fancybox-img,
   .membership-page .levels-table .fancybox-img:hover,
   .cd-products-table .fancybox-img,
   .cd-products-table .fancybox-img:hover {
    color: #fff;
    text-decoration: none;
   }
   .membership-page .levels-table .partner,
   .membership-page .levels-table .co-inn,
   .membership-page .levels-table .innovator,
   .membership-page .levels-table .collaborator {
    text-align: center;
    color: #fff;
   }
   .membership-page .levels-table .partner {
    background: #1182c4;
    text-align: center;
   }
   .membership-page .levels-table tr:nth-child(2n + 1) .partner,
   .membership-page .levels-table tr:nth-child(1) th.partner {
    background: #0f80c3;
   }
   .membership-page .levels-table .co-inn,
   .membership-page .levels-table tr:nth-child(1) th.co-inn {
    background: #1d88c7;
   }
   .membership-page .levels-table tr:nth-child(2n + 1) .co-inn {
    background: #1a85c5;
   }
   .membership-page .levels-table .innovator,
   .membership-page .levels-table tr:nth-child(1) th.innovator {
    background: #3695cd;
    text-align: center;
   }
   .membership-page .levels-table tr:nth-child(2n + 1) .innovator {
    background: #3190c8;
   }
   .membership-page .levels-table .collaborator,
   .membership-page .levels-table tr:nth-child(1) th.collaborator {
    background: #4fa2d3;
    text-align: center;
   }
   .membership-page .levels-table tr:nth-child(2n + 1) .collaborator {
    background: #479bcc;
   }
   .membership-page .levels-table .col-cat {
    color: #fff;
    background: #3695cd;
    padding: 10px;
    vertical-align: text-bottom;
    width: 11%;
   }
   .membership-page .levels-table .col-cat h5 {
    margin: 5px 0;
    font-size: 0.8125rem;
   }
   .membership-page .levels-table .col-cat.d-blue {
    background: #1182c4;
   }
   .membership-page .levels-table tr:nth-child(1) th.col-cat {
    background: #fff;
   }
   .membership-page .levels-table tr:nth-child(2n + 1) .col-concept {
    background: #e5e5e5;
   }
   .membership-page .levels-table .empty {
    background: #fff !important;
   }
   .membership-page .levels-table .col-concept,
   .membership-page .levels-table tr:nth-child(1) th.col-concept {
    color: #333;
    border: none;
    background: #fff;
    padding: 10px;
    font-size: 0.7rem;
    font-family: "gilroysemibold", sans-serif;
   }
   .membership-page .levels-table .item {
    font-size: 0.875rem;
    padding: 7px;
    line-height: 130%;
    font-family: "gilroysemibold", sans-serif;
   }
   .membership-page .levels-table p {
    margin-bottom: 0px;
    font-size: 0.87rem;
   }
   .membership-page .levels-table .desc {
    font-size: 0.875rem;
    font-family: "gilroyregular", sans-serif;
   }
   .membership-page .levels-table .check-icon {
    max-width: 19px;
    width: 100%;
   }
   .membership-page .levels-table thead .table-icon {
    width: 100%;
    max-width: 65px;
    margin: 15px 0;
   }
   .membership-page .levels-table thead h4 {
    text-transform: none;
   }
   .membership-page .levels-table .l-item {
    width: 16%;
   }
   .membership-page .levels-table th.l-item.partner {
    border-radius: 10px 0 0 0;
   }
   .membership-page .levels-table .l-item.innovator {
    border-radius: 0 10px 0 0;
   }
   .membership-page .levels-table .last-item {
    border-radius: 0 0 10px 0;
   }
   .membership-page .levels-table .first-col {
    border-radius: 10px 0 0 0;
   }
   .membership-page .levels-table .last-col {
    border-radius: 0px 0px 0px 10px;
   }
   
   .members-page .collaborators-wrap .members-list {
    border-bottom: none;
   }
   
   /* GET INVOLVED */
   .involved-page .cta {
    padding: 100px 0 100px 0;
    background: #fff;
   }
   .involved-page .cta h2 {
    font-size: 1.8rem;
    font-family: "gilroyregular", sans-serif;
   }
   .involved-page .cta .button,
   .involved-page .cta .button:hover {
    color: #fff;
    margin-top: 30px;
   }
   /*New tables for get involved and membership pages*/
   .involved-page .logo-wrap {
    width: 19%;
    display: inline-block;
    text-align: left !important;
   }
   .involved-page .member-logo {
    max-width: 140px;
    width: 100%;
   }
   .involved-page .wrap-event-logos {
    margin-bottom: 30px;
    overflow: auto;
    width: 100%;
    text-align: left;
   }
   .involved-page .bbwf-header {
    text-align: center;
   }
   .involved-page .table-wrap.pricing-last-year {
    margin: 20px 0 80px 0;
   }
   .involved-page table {
    width: 100%;
   }
   /*.involved-page .table-wrap.pricing-last-year th {
       border-radius: 7px 7px 0 0;
   }*/
   .involved-page .table-wrap.pricing-last-year th.left {
    border-radius: 7px 0 0 0;
    border-right: 1px solid;
   }
   .involved-page .table-wrap.pricing-last-year th.right {
    border-radius: 0 7px 0 0;
   }
   .involved-page .table-wrap th {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 0.825rem;
    padding: 16px 11px;
    text-align: center;
   }
   .involved-page .pricing-last-year tr {
    background: #fff;
   }
   .involved-page .table-wrap tr:nth-child(2n) {
    background: #f2f2f2;
   }
   .involved-page .table-wrap td {
    padding: 8px;
   }
   .involved-page .pricing-last-year td {
    border: 1px solid #ddd;
   }
   .involved-page .pricing-last-year .title {
    color: #407fc1;
   }
   
   .involved-page .table-wrap .main-title {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 1.25rem !important;
    text-align: center;
   }
   /*End New tables for get involved and membership pages*/
   
   /*onf connect video */
   
   .connect-page .event-info a.sub-button {
    background: transparent;
    border: 1px solid;
    padding: 3px 10px;
    color: #2780e3;
    margin-left: 10px;
   }
   
   .connect-page #video_section .video-bg {
    width: 100%;
    height: 225px;
    overflow: hidden;
    position: relative;
   }
   .connect-page #video_section .video-bg .play-button {
    top: 50%;
   }
   .connect-page #video_section .video-wrap-resource {
    display: inline-block;
    float: none;
    margin-left: -2px;
    margin-right: -2px;
    vertical-align: top;
   }
   .connect-page #video_section {
    margin-bottom: 100px;
   }
   .connect-page #video_section .title-day {
    font-size: 1.5rem;
    margin-bottom: 35px;
    margin-top: 50px;
    color: #19407d;
   }
   .connect-page #video_section .wrap-text {
    font-family: "gilroysemibold", sans-serif;
    padding: 10px;
   }
   .connect-page #video_section h1.text-center {
    padding-bottom: 25px;
   }
   .connect-page .connect-title {
    font-size: 1.75rem;
    font-family: "gilroyregular", sans-serif;
   }
   .connect-page .connect-title span {
    color: #16c3f6;
    background: linear-gradient(217deg, rgb(111, 200, 255), rgb(43, 174, 255) 100%),
     linear-gradient(127deg, rgb(8, 84, 107), rgb(1, 113, 146) 100%),
     linear-gradient(336deg, rgb(71, 99, 107), rgb(0, 141, 228) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "gilroybold";
   }
   .connect-page .anchor-links {
    list-style: none;
    padding: 0;
    margin: 0;
   }
   .connect-page .anchor-links li {
    display: inline-block;
    width: 32%;
    text-align: center;
   }
   .connect-page .anchor-links .target-link {
    min-width: 175px;
   }
   
   /* FOLLOW US */
   .follow-page .contact-box {
    padding: 40px 0 70px 0;
    background: url(./img/logo-watermark-large.png) no-repeat center center #003c7f;
    background-size: 50%;
   }
   .follow-page h1 {
    color: #fff;
   }
   .follow-page h2 {
    font-size: 1.875rem;
    line-height: 110%;
    font-family: "gilroylight", sans-serif;
   }
   .follow-page .white-box {
    background: #fff;
    border-radius: 5px;
    padding: 25px 30px 0px 30px;
    min-height: 220px;
    margin-top: 40px;
   }
   .follow-page .white-box .button {
    color: #fff;
    margin-bottom: 25px;
    margin-top: 10px;
   }
   .follow-page .social-icons .icon {
    background: url("img/social-icons-white.png") no-repeat;
    float: left;
    height: 24px;
    width: 24px;
    background-size: 100%;
    margin-right: 10px;
   }
   .footer-follow .social-icons .icon {
    background: url("img/social-icons-white.png") no-repeat;
    background-size: 100%;
   }
   .follow-page .social-icons .twitter {
    background-position: 0px -118px;
   }
   .follow-page .social-icons .rss {
    background-position: 0px -30px;
   }
   .follow-page .social-icons .linkedin {
    background-position: 0px -73px;
   }
   .follow-page .social-icons .wiki {
    background-position: 0px 4px;
   }
   .follow-page .social-icons .youtube {
    background-position: 0px -155px;
   }
   .follow-page .social-icons .vimeo {
    background: url("img/social-icons-vimeo.png") no-repeat;
    background-size: 100%;
   }
   .follow-page .social-icons {
    list-style: none;
    padding: 0;
    margin-top: 20px !important;
   }
   .follow-page .social-icons li {
    display: inline-block;
    margin: 12px -2px 12px;
   }
   .follow-page .social-icons .blue-section a {
    padding-left: 25px;
   }
   .footer-follow {
    margin-top: 40px;
   }
   .footer-follow .social-icons li {
    width: auto;
    padding-right: 15px;
   }
   .footer-follow .social-icons li:last-child {
    padding-right: 0px;
   }
   
   /*.follow-page input#mce-EMAIL {
       width: 100%!important;
   }*/
   
   /*.follow-page input#mc-embedded-subscribe {
       right: 100px;
       position: relative;
       top: 10px;
       margin-bottom: 20px;
   }*/
   
   /* quotes page */
   
   section.quotes-section {
    padding: 80px 0px 150px 0;
   }
   
   .quotes-section .quote-row {
    margin-bottom: 60px;
   }
   
   .quotes-section .quote-row .name {
    padding: 10px 0px 3px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
   }
   
   .quotes-section .quote-text {
    background: url(/wp-content/themes/onf/img/quotes2.png) no-repeat;
    background-size: 20%;
    background-position: bottom right;
    padding-bottom: 30px;
    padding-top: 30px;
   }
   
   .quotes-section .img-wrap {
    position: relative;
    top: 0px;
    left: 0px;
   }
   
   /* SITEMAP */
   .sitemap .sitemap-links {
    display: inline-block;
    float: none;
    margin: 0 -2px;
    vertical-align: top;
   }
   .sitemap .sitemap-links .sitemap-list {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    overflow: auto;
   }
   .sitemap .sitemap-links .sitemap-list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
    line-height: 150%;
   }
   .sitemap .sitemap-links .sitemap-list li:before {
    content: "";
    position: absolute;
    background: url(img/dot-red.png) no-repeat;
    background-size: 100%;
    height: 4px;
    width: 4px;
    top: 10px;
    left: 0px;
    vertical-align: top;
    line-height: 100%;
   }
   .sitemap p {
    margin-bottom: 40px;
   }
   .sitemap .sitemap-section {
    padding: 40px 0 150px 0;
   }
   
   .archive-page .panel-group {
    margin-bottom: 80px;
   }
   .archive-page h2 {
    margin-bottom: 30px;
   }
   
   /* USCT Page */
   .usct-page .board-member {
    width: 80%;
   }
   .usct-page .bio-wrap {
    width: 50%;
   }
   
   /* Project Overview */
   .project-page .project-list .p-item {
    display: table-row;
    background-color: #f2f2f2;
    margin-bottom: 10px;
    float: left;
   }
   .project-page .project-list .text-wrap,
   .project-page .project-list .logo-wrap {
    display: table-cell;
   }
   
   .project-page .project-list .text-wrap {
    vertical-align: top;
    padding: 25px 45px 10px;
   }
   
   .project-page .project-list .logo-wrap {
    width: 200px;
    padding: 20px 0;
    text-align: center;
    border-right: 3px solid #fff;
   }
   .project-page .project-list .board-logo {
    width: 100%;
    max-width: 130px;
   }
   
   .project-page a.learn-more {
    font-weight: 800;
    letter-spacing: 1px;
   }
   
   .project-page .project-list .text-wrap h2 {
    margin: 0px 0 15px 0;
    color: #c4161c;
    font-size: 1.6rem;
    font-family: "gilroylight", sans-serif;
   }
   .project-page .overview {
    padding: 65px 0 100px 0;
   }
   
   .project-page section.announcement {
    background: #f2f2f2;
    padding: 20px 0px;
   }
   
   .project-page section.announcement h4 {
    text-decoration: underline;
   }
   
   /* SIngle Events */
   .single-events h1 {
    margin-bottom: 10px;
    color: #fff;
    margin-top: 0px;
   }
   .single-events .header-info {
    background: #003c7f;
    padding: 40px;
    color: #fff;
   }
   .single-events .header-info .sep {
    padding: 0 15px;
   }
   .single-events .register-box {
    padding: 40px;
    margin-top: 0px;
    color: #fff;
    background: #047bc1;
    text-align: center;
   }
   .single-events .register-box .discount {
    color: #fff;
    text-decoration: underline;
   }
   .single-events .register-box h2 {
    margin-top: 0px;
    margin-bottom: 40px;
   }
   .single-events .register-box .button {
    margin-bottom: 20px;
   }
   .single-events .event-content {
    padding: 30px 0 30px 0;
   }
   .single-events .images img {
    float: left;
    max-width: 200px;
    margin-right: 20px;
   }
   .single-events .images {
    width: 100%;
    overflow: auto;
    margin: 40px 0;
   }
   .single-events .resources {
    padding: 50px 0;
   }
   .single-events {
    padding: 40px 0 0px 0;
   }
   .single-events .header-info p {
    line-height: 160%;
    margin-bottom: 0px;
   }
   .single-events .header-info .img-wrap {
    display: inline-block;
    width: 65px;
    text-align: right;
   }
   .single-events .header-info .img-wrap {
    display: inline-block;
    width: 65px;
    text-align: right;
   }
   .single-events .header-info .img-calendar {
    max-width: 42px;
   }
   .single-events .header-info .text-wrap {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    padding-left: 30px;
   }
   .single-events .header-info .img-location {
    width: 100%;
    max-width: 41px;
   }
   .single-events .header-info .text-wrap .text {
    width: 60px;
    display: inline-block;
   }
   .single-events .event-content h4 {
    text-transform: none;
    font-size: 1rem;
   }
   .single-events .event-content h2 {
    margin-top: 10px;
   }
   .single-events .event-content .main-title {
    font-size: 1.75rem;
    font-family: "gilroylight", sans-serif;
    margin-bottom: 0px;
   }
   .single-events .sub-event {
    margin-bottom: 60px;
    /*background: #f2f2f2;
       padding: 30px 40px 40px 40px;*/
    border-top: 4px solid #f2f2f2;
   }
   .single-events .sub-event .logo-wrap img {
    width: 100%;
    max-width: 150px;
   }
   .single-events .sub-event .logo-wrap {
    display: table-cell;
   }
   .single-events .heading {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
    font-weight: 600;
   }
   .single-events .header-event {
    display: table;
    margin-bottom: 30px;
   }
   .single-events .sidebar-box {
    background: #eee;
    color: #606060;
    padding: 40px 20px;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
   }
   .single-events .sidebar-box ul {
    padding-left: 20px;
   }
   .single-events .sidebar-box li {
    margin-bottom: 10px;
   }
   .single-events .activities-box .date-time {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
   }
   .single-events .activity-title a {
    display: block;
   }
   .single-events .activity-title {
    border-bottom: 0px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-family: "gilroymedium", sans-serif;
   }
   .single-events .activity-title .speaker {
    font-size: 14px;
    display: block;
    font-family: "gilroyregular", sans-serif;
   }
   .single-events .activities-box h4 {
    margin-top: 0px;
    text-transform: none;
   }
   
   .single-events .event-description .event-content .img-wrap {
    width: 18%;
    display: inline-block;
   }
   .single-events .event-content .main-event-image {
    margin: 30px 0;
   }
   .single-events .event-content h2.main-event {
    font-size: 1.5rem;
    color: #063f7b;
    margin: 50px 0 20px 0;
    text-align: center;
   }
   
   /*ONCON asia 2019 open hack table*/
   .single-events .event-content .open-hack .table-wrap th {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 0.875rem;
    padding: 7px 11px;
    text-align: center;
   }
   .single-events .event-content .open-hack .table-wrap td {
    padding: 8px;
   }
   .single-events .event-content .open-hack .table-wrap {
    margin-bottom: 40px;
    margin-top: 20px;
   }
   .single-events .event-content .open-hack .table-wrap tbody {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 0 0 11px 11px;
   }
   .single-events .event-content .open-hack .table-wrap tr:nth-child(2n) {
    background: #f2f2f2;
   }
   .single-events .event-content .open-hack .table-wrap th:last-child {
    border-radius: 0 7px 0 0;
   }
   .single-events .event-content .open-hack .table-wrap th:first-child {
    border-radius: 7px 0 0 0;
   }
   /*end ONCON asia 2019 open hack table*/
   
   .single-events .event-content .button-wrapper {
    margin-bottom: 40px;
    margin-top: 20px;
   }
   .single-events .event-content .anchor-big {
    font-size: 1.2rem;
    text-decoration: underline;
   }
   .single-events .event-content .anchor-wrapper {
    margin-top: 20px;
   }
   .single-events .event-content .title-top {
    font-size: 1.1rem;
    font-family: "gilroylight", sans-serif;
    margin-bottom: 0px;
   }
   
   ol.blue-num {
    list-style: none;
    counter-reset: step;
    padding-left: 30px;
   }
   ol.blue-num > li {
    position: relative;
    margin-bottom: 30px;
   }
   ol.blue-num > li:before {
    content: counter(step);
    counter-increment: step;
    font-size: 20px;
    font-family: "gilroyregular", sans-serif;
    color: #39a8d6;
    margin-right: 20px;
    position: absolute;
    top: 0px;
    left: -20px;
    vertical-align: top;
    line-height: 100%;
    font-weight: 600;
   }
   
   /* Learn More */
   .learn-morepage .overview {
    padding-top: 80px;
    padding-bottom: 0px;
   }
   .learn-morepage .onf-briks {
    width: 100%;
    max-width: 300px;
   }
   .learn-morepage h2,
   .learn-morepage h1 {
    color: #c4161c;
    font-size: 1.875rem;
    font-family: "gilroyregular", sans-serif;
   }
   .learn-morepage .community {
    background: #f2f2f2;
    padding-top: 65px;
    padding-bottom: 100px;
    margin-top: -20px;
   }
   .learn-morepage .wrapper-projects {
    background: #fff;
    border-radius: 5px;
    padding: 0px 60px 30px 60px;
    margin-top: 30px;
   }
   .learn-morepage .wrapper-projects h3 {
    text-transform: none;
    font-size: 1.25rem;
    font-family: "gilroyregular", sans-serif;
    color: #c4161c;
    margin-top: 50px;
    margin-bottom: 10px;
   }
   .learn-morepage .wrapper-projects .wrap {
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 40px;
    overflow: auto;
   }
   .learn-morepage .wrapper-projects .wrap:last-child {
    border-bottom: 0px;
   }
   .learn-morepage .wrapper-projects .item-p {
    margin: 25px 0 20px 0;
   }
   .learn-morepage .wrapper-projects .wrap-p {
    display: inline-block;
    float: none;
    vertical-align: top;
   }
   .learn-morepage .wrapper-projects a {
    font-family: "gilroybold", sans-serif;
   }
   .learn-morepage .mailing {
    padding: 90px 0 110px 0;
   }
   .learn-morepage .mailing h2 {
    margin-bottom: 30px;
    font-size: 1.25rem;
   }
   .learn-morepage .mailing-item {
    color: #fff;
    width: 100%;
    height: 150px;
    border-radius: 5px 5px 5px 5px;
    background: #003c7f; /* Old browsers */
    background: -moz-linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
     45deg,
     #003c7f 0%,
     #036eb4 49%,
     #047bc1 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c7f', endColorstr='#047bc1',GradientType=1 );
    padding: 25px;
    display: block;
    position: relative;
   
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   }
   .learn-morepage .mailing-item:hover {
    background: #7b0511; /* Old browsers */
    background: -moz-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
     45deg,
     #7b0511 0%,
     #b6131a 50%,
     #c4161c 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0511', endColorstr='#c4161c',GradientType=1 );
   
    transition: none;
   }
   .learn-morepage .subs {
    position: absolute;
    display: block;
    bottom: 10px;
    font-size: 0.85rem;
   }
   .learn-morepage .cta-section .logo-mark {
    height: 100%;
    background: url(./img/logo-watermark-large.png) no-repeat center center
     transparent;
    background-size: 100%;
    background-attachment: inherit;
   }
   .learn-morepage .cta-section {
    color: #fff;
    padding: 70px 0 70px 0;
   }
   .learn-morepage .cta-section h2 {
    color: #fff;
    margin-top: 5px;
    margin-bottom: 30px;
   }
   .learn-morepage .cta-section .button {
    display: inline-block;
    background: #fff;
    color: #333;
    padding: 10px 15px;
   }
   .learn-morepage .cta-section .wiki-icon {
    width: 100%;
    max-width: 130px;
   }
   .learn-morepage .community .box {
    color: #fff;
    background: #c4161c;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px;
    opacity: 1;
   }
   .learn-morepage .community .box:hover {
    opacity: 0.7;
   }
   
   /* Product Certification */
   .product-certification h1,
   .product-certification h2 {
    color: #c4161c;
    font-size: 30px;
    font-family: "gilroylight", sans-serif;
   }
   .product-certification .available-certificates .item {
    overflow: auto;
    width: 100%;
    padding: 40px 0;
   }
   .product-certification .available-certificates .item.border-item {
    border-bottom: 2px solid #e6e6e6;
   }
   .product-certification .available-certificates .openflow-logo {
    max-width: 225px;
    width: 100%;
    margin: auto;
    display: block;
   }
   .product-certification .available-certificates {
    padding: 100px 0 80px 0;
   }
   .product-certification .available-certificates h4 {
    color: #c4161c;
    text-transform: none;
    font-family: "gilroylight", sans-serif;
    font-size: 20px;
   }
   .product-certification .openflow-certification {
    padding: 70px 0 80px 0;
   }
   .product-certification .openflow-certification .registration-box {
    background: #047bc1;
    text-align: center;
    padding: 30px;
    margin-top: 30px;
   }
   .product-certification .openflow-certification .registration-box h2 {
    color: #fff;
    display: inline-block;
    margin: 0px;
   }
   .product-certification .openflow-certification .registration-box .button-wrap {
    display: inline-block;
    margin-left: 30px;
   }
   .product-certification .labs {
    background: #f2f2f2;
    padding: 100px 0;
   }
   
   .project-page .secondary-panel {
    background: #f2f2f2;
    padding: 100px 0;
   }
   
   table.primer-module {
    width: 100%;
   }
   
   .primer-module tr.title {
    font-size: 18px;
    background: #037ac0;
    color: white;
    display: inline-table;
    border-radius: 10px 10px 0px 0px;
   }
   
   .primer-module tbody {
    background: white;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    border-radius: 10px;
   }
   
   .primer-module tr.odd {
    border-bottom: 4px solid #f2f2f2;
   }
   
   .primer-module td {
    padding: 20px;
   }
   
   .product-certification .labs .lab-logo {
    max-width: 200px;
    width: 100%;
    margin: 25px auto;
    display: block;
   }
   .product-certification .logo-usage {
    background: #f2f2f2;
    padding: 85px 0 90px 0;
   }
   .product-certification .logo-usage h4 {
    color: #c4161c;
    text-transform: none;
    font-size: 20px;
    font-family: "gilroyregular", sans-serif;
    margin-bottom: 20px;
    margin-top: 0px;
   }
   .product-certification .logo-usage .guide-link {
    font-family: "gilroysemibold", sans-serif;
    margin-bottom: 15px;
    display: inline-block;
   }
   .product-certification .guidelines-wrap {
    padding: 0 0 0 50px;
    border-left: 1px solid #cccccc;
   }
   
   .product-registry h3 {
    color: #c4161c;
    font-size: 20px;
    text-transform: none;
    font-family: "gilroyregular", sans-serif;
   }
   .product-registry .notes {
    padding: 85px 0 150px 0;
   }
   .product-registry .notes p {
    margin-bottom: 20px;
   }
   .product-registry .openflow-certification {
    padding-bottom: 70px;
   }
   .product-registry .registry-table tr td {
    background: #f2f2f2;
    padding: 15px;
    border: 1px solid #fff;
   }
   .product-registry .registry-table tr:nth-child(odd) td {
    background: #e6e6e6;
   }
   .product-registry .registry-table th {
    background: #047bc1;
    color: #fff;
    border: 1px solid #fff;
    padding: 14px;
    width: 100%;
   }
   .product-registry .registry-table th:nth-child(4) {
    width: 25%;
   }
   .product-registry .registry-table th:nth-child(5),
   .product-registry .registry-table th:nth-child(3) {
    width: 10%;
   }
   .product-registry .product-table.second-table {
    margin-top: 50px;
   }
   .product-registry .table-responsive {
    border: none;
   }
   .skills-certification .sdn-certification {
    background: #f2f2f2;
    padding: 90px 0 100px 0;
   }
   .skills-certification .onf-certified-logo {
    max-width: 220px;
    width: 100%;
    margin: auto;
    display: block;
   }
   .skills-certification h2,
   .skills-certification h1 {
    color: #c4161c;
    font-size: 30px;
    font-family: "gilroylight", sans-serif;
   }
   .skills-certification .partner-logo {
    width: 100%;
    max-width: 265px;
    margin-bottom: 30px;
   }
   .skills-certification .partners p {
    margin-bottom: 40px;
   }
   .skills-certification .partners {
    padding: 100px 0 165px 0;
   }
   .skills-certification .partners .col-sm-3 {
    width: 20%;
   }
   .skills-certification .cta-section {
    background: #e6e6e6;
    padding: 150px 0 200px 0;
   }
   .skills-certification .cta-section h2 {
    margin-bottom: 40px;
   }
   .skills-certification .guidelines-wrap {
    margin-top: 70px;
   }
   
   .white-box-certification .intro p {
    margin-top: 20px;
    /*font-size: 1.125rem;*/
    line-height: 150%;
   }
   .white-box-certification .benefits .continuous {
    margin-top: 29px;
   }
   
   .white-box-certification .program h2.sectiontitle {
    margin-top: 5px;
   }
   .white-box-certification .traditional {
    background: #f2f2f2;
   }
   .white-box-certification .benefits,
   .white-box-certification .partners {
    background: #e6e6e6;
   }
   .white-box-certification .benefits .box {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    min-height: 260px;
   }
   .white-box-certification .benefits .box b {
    font-size: 1.125rem;
    display: block;
   }
   .white-box-certification .white-box-banner {
    background: url("./img/white-box-banner.jpg") no-repeat center center
     transparent;
    background-size: cover;
    height: 400px;
   }
   .white-box-certification section {
    padding: 80px 0 90px 0;
   }
   .white-box-certification h2.sectiontitle {
    color: #333333;
    font-size: 1.875rem;
    margin-bottom: 30px;
   }
   .white-box-certification .benefits .sectiontitle,
   .white-box-certification .partners .sectiontitle,
   .white-box-certification .members-section .sectiontitle {
    color: #c4161c;
   }
   .white-box-certification .partners .logo-wrap {
    display: inline-block;
    padding-left: 45px;
    width: 45%;
    vertical-align: bottom;
   }
   
   .img-wrap-whitebox {
    max-width: 130px;
    padding-top: 50px;
   }
   
   .ocsa-faq .panel-body p {
    font-size: 1rem;
    padding-top: 20px;
   }
   .ocsa-faq .panel-body a {
    color: #047bc1;
   }
   
   /* Stratum Page */
   .stratum-page .definition {
    background: #f2f2f2;
    padding: 80px 0 90px 0;
   }
   
   .stratum-page .definition .img-wrap {
    width: 25%;
    margin-bottom: 30px;
   }
   
   .stratum-page .definition h4 {
    color: #c4161c;
    font-size: 1.25rem;
    margin-top: 0px;
    text-transform: none;
    font-family: "gilroyregular", sans-serif;
    margin-bottom: 20px;
   }
   .stratum-page .definition .technical-title {
    font-size: 0.875rem;
    line-height: 110%;
    text-transform: uppercase;
    font-family: "gilroybold", sans-serif;
    letter-spacing: 0.05rem;
    color: #000;
    margin-bottom: 10px;
    margin-top: 45px;
   }
   .stratum-page .definition h1 {
    margin-bottom: 0px;
   }
   .stratum-page .stratum-project {
    padding: 85px 0 90px 0;
   }
   .stratum-page .stratum-project-img {
    width: 100%;
    max-width: 678px;
    margin: auto;
    display: block;
   }
   .stratum-page .sectiontitle {
    color: #333333;
    font-size: 1.875rem;
    font-family: "gilroylight", sans-serif;
    margin-bottom: 40px;
   }
   .stratum-page .stratum-project h2 {
    color: #c4161c;
    font-size: 1.25rem;
    margin-top: 40px;
    text-transform: none;
    font-family: "gilroyregular", sans-serif;
   }
   .stratum-page .overview .subuvp {
    margin-top: 0px;
   }
   .stratum-page .overview .uvp {
    margin-bottom: 300px;
   }
   .stratum-page .stratum-structure {
    padding: 80px 0 90px 0;
    background: #f2f2f2;
   }
   .stratum-page .stratum-structure .stratum-controller-img {
    max-width: 246px;
    width: 100%;
   }
   .stratum-page .stratum-structure .sectiontitlesubcopy {
    margin-bottom: 60px;
   }
   .stratum-page .stratum-structure .list-title {
    font-size: 1.125rem;
    margin-bottom: 20px;
   }
   .stratum-page .use-cases {
    padding: 110px 0 135px 0;
    background: #e6e6e6;
   }
   .stratum-page .use-cases .use-case-img {
    max-width: 160px;
    width: 100%;
   }
   .stratum-page .use-cases .box {
    background: #fff;
    border-radius: 4px;
    padding: 25px 30px 30px 30px;
    margin-top: 30px;
   }
   .stratum-page .use-cases .text-wrap {
    display: inline-block;
    width: calc(100% - 170px);
    vertical-align: top;
    padding-left: 30px;
    line-height: 150%;
   }
   .stratum-page .use-cases .img-wrap {
    display: inline-block;
    width: 160px;
   }
   .stratum-page .use-cases .text-wrap h4 {
    margin-top: 20px;
    color: #047bc1;
    font-family: "gilroysemibold", sans-serif;
    font-size: 1rem;
    margin-bottom: 12px;
   }
   .stratum-page .use-cases .sectiontitle {
    margin-bottom: 30px;
   }
   .stratum-page .community {
    padding: 115px 0 100px 0;
   }
   .stratum-page .community .big-logo {
    max-width: 200px;
    width: 100%;
   }
   .stratum-page .community .logo-wrap {
    display: inline-block;
    vertical-align: top;
   }
   .stratum-page .community .small-logo {
    max-width: 138px;
    margin: 8px 8px;
    width: 100%;
   }
   .stratum-page .community .project-logos .small-logo {
    max-width: 112px;
   }
   .logos-group {
    padding-left: 40px;
    border-left: 2px solid #ddd;
    padding-bottom: 30px;
   }
   .stratum-page .community .small-logos {
    padding-left: 70px;
    padding-top: 30px;
   }
   .stratum-page .community .sectiontitle {
    margin-top: 50px;
    font-size: 1.6rem;
   }
   
   .stratum-page .cta {
    background: #003c7f;
    color: #fff;
    padding: 175px 0 190px 0;
   }
   .stratum-page .cta form {
    float: left;
    width: 100%;
    background: #e6e6e6;
    border-radius: 4px;
    padding: 30px 20px;
   }
   .stratum-page .cta .sectiontitle {
    color: #fff;
    margin-top: 5px;
   }
   .stratum-page .cta p {
    line-height: 150%;
    width: 90%;
   }
   .stratum-page .cta label {
    font-family: "gilroyregular", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.64px;
    color: #000000;
    width: 100%;
    vertical-align: top;
   }
   .stratum-page .cta textarea {
    color: #000000;
    margin-top: 5px;
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 70px;
    padding: 10px;
   }
   
   .stratum-page .cta input[type="text"],
   .stratum-page .cta input[type="email"],
   .stratum-page .cta select {
    font-family: "gilroyregular", sans-serif;
    font-size: 1rem;
    color: #000000;
    height: 40px;
    border-radius: 4px;
    padding: 10px;
    border: none;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 100%;
   }
   .stratum-page .cta select {
    color: #000000;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("img/arrow-select.png") no-repeat right center #fff;
    background-size: 18px;
    cursor: pointer;
    display: block;
    width: 100%;
   }
   .stratum-page .cta input[type="submit"] {
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 12px 30px;
    font-family: "gilroysemibold", sans-serif;
    letter-spacing: 1px;
    font-size: 1rem;
    margin-top: 10px;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
   }
   .stratum-page .cta input[type="submit"]:hover {
    opacity: 0.7;
    text-decoration: none;
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
   }
   .stratum-page .cta .col-2 {
    width: 50%;
    display: inline-block;
    margin-right: -2px;
    margin-left: -2px;
    padding: 0 15px;
   }
   .stratum-page .cta .col-1 {
    display: inline-block;
    margin-right: -2px;
    margin-left: -2px;
    padding: 0 15px;
    width: 100%;
   }
   
   .stratum-page .cta .wpcf7-not-valid-tip {
    color: #d00;
   }
   .stratum-page .cta .wpcf7-response-output,
   .stratum-page .cta .wpcf7-validation-errors,
   .stratum-page .cta .wpcf7-acceptance-missing {
    border: none;
    color: #333;
   }
   
   /* ONF COnnect LP */
   .header-connect .caret {
    display: inline-block;
    margin-top: -8px;
   }
   .header-connect .navbar-nav > li {
    padding: 0px;
   }
   .header-connect #menu-main-menu li:first-child .dropdown-menu:after {
    left: 50%;
   }
   .header-connect .connect-2019-nav {
    margin-left: 30px;
    float: left;
   }
   
   #onf-connect #page-content #content {
    margin-top: 110px;
   }
   #onf-connect #page-content #content .tracks-2019-wrapper {
    margin-bottom: 130px;
   }
   #onf-connect nav#nav-main {
    padding-top: 0px;
   }
   #onf-connect .navbar-default.shrink .navbar-brand .logo-scroll {
    margin-top: 5px;
    margin-bottom: 5px;
   }
   #onf-connect .navbar-inverse .navbar-collapse,
   #onf-connect .navbar-inverse .navbar-form {
    margin-top: 14px;
   }
   #onf-connect .header-connect .navbar-header .logo {
    margin-top: 0px;
   }
   
   #onf-connect #tracks {
    padding: 50px 0px;
    background: #f2f2f2;
   }
   #onf-connect .slots .table-wrap table {
    width: 100%;
   }
   #onf-connect .tracks .panel-group {
    margin: 0;
   }
   #onf-connect .tracks .panel-group .panel {
    background: transparent;
   }
   #onf-connect .tracks .panel-heading {
    padding: 0;
   }
   #onf-connect .tracks i.glyphicon {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -10px;
   }
   #onf-connect .tracks .panel-title {
    position: relative;
   }
   #onf-connect .tracks .topics-list {
    padding-left: 10px;
   }
   #onf-connect .tracks .panel-title > a {
    color: #047bc1;
    text-decoration: none;
   }
   
   #onf-connect .highlights-wrap {
    overflow: auto;
   }
   
   #onf-connect li.register-btn a {
    background: #b5131a;
    color: white;
    padding: 10px 20px;
    margin-top: 12px;
    border-radius: 10px;
    margin-left: 20px;
   }
   #onf-connect li.register-btn-2019 a {
    background: #b5131a;
    color: white;
    padding: 10px 20px;
    margin-top: 12px;
    border-radius: 10px;
    margin-left: 20px;
   }
   #onf-connect .connect-page .button.button-blue {
    text-align: center;
    float: left;
    width: 30%;
    padding-left: 0px;
    margin: 10px 1.5% 20px 1.5%;
    padding-right: 0px;
   }
   #onf-connect .connect-page .button.button-blue .subtitle {
    display: block;
    font-size: 0.75rem;
   }
   .onf-connect-2019 .mailchimp-form #mc_embed_signup .top-email-info {
    color: #fff;
   }
   
   .header-connect .navbar-default .connect-2019-nav .navbar-nav > li > a {
    padding: 20px 15px;
   }
   
   .menu-onfconnect-container .dropdown-menu li a {
    font-size: 1rem;
   }
   
   .header-connect .navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    font-size: 1rem;
    padding: 20px 15px;
   }
   .navbar-default.shrink .navbar-brand.connect-2019-logo {
    padding-top: 0px;
   }
   
   .header-connect .navbar-header .logo {
    max-width: 220px;
   }
   .header-connect .navbar-header .connect-2019-logo .logo {
    max-width: 200px;
   }
   .header-connect .navbar-default.shrink .navbar-brand .logo-scroll {
    max-width: 180px;
   }
   .header-connect
    .navbar-default.shrink
    .navbar-brand.connect-2019-logo
    .logo-scroll {
    max-width: 150px;
   }
   
   .footer-connect .footer-follow {
    margin-top: 0px;
    text-align: right;
   }
   footer.footer-connect .menu li {
    width: 50%;
    float: left;
   }
   footer.footer-connect .menu {
    overflow: auto;
    margin-bottom: 30px;
   }
   
   div#overlay {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1999;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 0px;
    left: 0;
    display: none;
    -webkit-transition: background 1s; /* Safari */
    transition: background 1s;
   }
   
   .hide_menu {
    margin-top: -50px;
    -webkit-transition: margin-top 0.5s; /* Safari */
    transition: margin-top 0.5s;
    background: #eee;
   }
   .show_menu {
    padding-top: 15px;
    -webkit-transition: margin-top 0.5s; /* Safari */
    transition: margin-top 0.5s;
    background: #eee;
    position: relative;
    z-index: 2000;
   }
   .onf_menu {
    padding-bottom: 20.5px;
    margin-bottom: 0px;
   }
   
   img.onf_close {
    max-width: 140px;
    width: 100%;
    position: relative;
    text-align: left;
    top: 39px;
    height: auto;
    left: 84%;
    z-index: 2005;
   }
   
   ul.bar-menu {
    text-align: center;
    font-weight: 600;
    font-family: "gilroyregular", sans-serif;
    padding: 0;
    margin: 0 auto;
   }
   
   .bar-menu a {
    font-size: 16px;
   }
   
   .bar-menu a:hover {
    text-decoration: none;
    opacity: 0.7;
   }
   
   .bar-menu li {
    display: inline-block;
    padding: 0px 20px;
   }
   
   .section.cta {
    background: blue;
    padding: 50px 0px;
   }
   
   #onf-connect section.sub-head {
    padding: 25px 0px 25px;
   }
   
   .sponsors .sponsor {
    display: inline-block;
   }
   
   .sponsor-list h1 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    width: 80%;
    margin: 10px auto 20px;
   }
   
   .sponsor-list #gold_hosts .sponsor {
    width: 25%;
    display: inline-block;
   }
   
   .sponsor-list #silver_hosts .sponsor {
    width: 27%;
    display: inline-block;
   }
   
   #onf-connect .sponsors #silver_hosts .img-wrap {
    padding: 0 10px;
   }
   
   div#silver_hosts {
    margin-bottom: 70px;
   }
   
   .sponsor-list #hosts .sponsor {
    width: 15%;
    display: inline-block;
   }
   
   #onf-connect .sponsor-list {
    padding-top: 0px;
    padding-bottom: 40px;
   }
   
   #event_partners .sponsor {
    width: 21%;
    display: inline-block;
   }
   
   .sponsors-button-2019 {
    margin-bottom: 120px;
   }
   
   div#event_partners {
    padding: 10px 0px 0px;
   }
   
   #event_partners .img-wrap {
    padding: 0 20px;
   }
   
   #onf-connect section.about-desc {
    padding: 50px 0px 0px;
   }
   
   #onf-connect .curve-div,
   .curve-div {
    background: url(/wp-content/uploads/2018/08/curve-background.png) no-repeat top
     center transparent;
    height: 94px;
    background-size: 100%;
    position: relative;
    z-index: 10;
    margin-top: calc(-4vw);
   }
   
   #onf-connect .curve-div-2020,
   .curve-div-2020 {
    background: url(/wp-content/uploads/2019/09/curve-background-blue-1.png)
     no-repeat top center transparent;
    height: 94px;
    background-size: 100%;
    position: relative;
    z-index: 10;
    margin-top: calc(-4.7vw);
   }
   
   #onf-connect .header h1 {
    font-weight: 700;
    color: white;
    text-shadow: 1px 1px 15px #666;
    letter-spacing: 0.5px;
   }
   
   #onf-connect .connect-page .header .event-info {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 10px 30px;
   }
   
   #onf-connect .connect-page .about-intro {
    margin-bottom: 40px;
   }
   
   #onf-connect .event-info h2 {
    font-size: 28px;
   }
   
   #onf-connect .event-info h3 {
    font-weight: 600;
    font-family: "gilroyregular";
    line-height: 120%;
   }
   
   #onf-connect .cta a,
   #onf-connect .connect-page .event-info a.button {
    background: #b5131a;
    color: white;
    padding: 10px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
   }
   
   #onf-connect .connect-page .event-info .sub-button a {
    background: transparent;
    border: 1px solid;
    padding: 3px 10px;
    color: #2780e3;
    margin-left: 10px;
    border-radius: 5px;
   }
   
   #onf-connect .connect-page .event-info a.button {
    margin-top: 10px;
   }
   #onf-connect .speakers-list {
    padding: 60px 0 0px 0;
   }
   #onf-connect .connect-page .big-note {
    margin-bottom: 10px;
    display: block;
    font-size: 1.25rem;
    line-height: 120%;
    font-weight: 600;
   }
   
   /*#onf-connect .speakers-list .speaker-wrap.speaker-5.speaker-wrap {
       margin-left: 12.5%;
   }*/
   
   #onf-connect .speakers-list .speaker-wrap {
    text-align: center;
    display: inline-block;
    float: none;
    vertical-align: top;
   }
   #onf-connect .speaker-list .title {
    font-size: 0.875rem;
    line-height: 110%;
    color: #777;
   }
   #onf-connect .speaker-list .company {
    margin-top: 5px;
   }
   #onf-connect .speakers-list .speakers-wrap {
    text-align: center;
   }
   #onf-connect .speaker-wrap .board-member {
    display: inline-block !important;
    float: none;
    border-radius: 0 0 7px 7px;
   }
   #onf-connect .board-member .team-img {
    border-radius: 7px 6px 0 0;
    filter: none;
   }
   #onf-connect .speaker-wrap .text-wrap {
    padding: 5px 10px 10px 10px;
    min-height: 124px;
   }
   #onf-connect .speaker-wrap .speaker-list {
    color: #333;
   }
   #onf-connect .speakers-list h2,
   #onf-connect #tracks h2 {
    font-size: 1.75rem;
    margin-bottom: 40px;
    margin-top: 0px;
   }
   
   #onf-connect .speakers img.logo {
    padding-top: 15%;
   }
   
   #onf-connect .speaker-full-wrap {
    overflow: auto;
    width: 80%;
    margin: auto;
    margin-bottom: 30px;
    background: #f2f2f2;
    border-radius: 7px;
   }
   #onf-connect .speakers.speakers-list {
    padding: 0px 0 80px 0;
   }
   #onf-connect .speaker-full-wrap .link {
    margin-top: 10px;
    display: inline-block;
   }
   #onf-connect .speaker-full-wrap .img-cell {
    padding-left: 0px;
   }
   #onf-connect .speaker-full-wrap .team-img {
    border-radius: 7px 0 0 7px;
   }
   
   #onf-connect section.header {
    background: url(/wp-content/uploads/2018/08/onf-connect-banner.jpg) no-repeat
     center;
    padding: 75px 0px 80px 0;
    background-size: auto;
   }
   
   #onf-connect section.subscribe {
    background: #999999;
    color: white;
    padding: 25px 0 0px;
   }
   
   #onf-connect section.about {
    padding: 0px 0px 50px;
    background: #999;
   }
   
   #onf-connect section.cta {
    padding: 75px 0px;
    background: url(./img/logo-watermark-large.png) no-repeat center center #003c7f;
    color: white;
    background-size: cover;
   }
   
   #onf-connect .tracks-box .text-wrap {
    background: white;
    padding: 25px;
    margin: 25px auto;
    border: 2px solid #aa261e;
    border-radius: 5px;
   }
   
   #onf-connect section.speakers {
    padding-bottom: 100px;
   }
   
   #onf-connect section.sponsors {
    padding: 0px 0px 70px;
   }
   
   #onf-connect .speakers img {
    max-width: 200px;
    width: 100%;
   }
   
   #onf-connect .speakers h4 {
    padding-top: 40px;
   }
   
   #onf-connect .venue-items.centered {
    display: inline-block;
    padding: 0px 15px 0 0px;
   }
   
   #onf-connect .about-desc p {
    padding-top: 20px;
   }
   
   #onf-connect .connect-page .venue a.book {
    background: #1a83ec;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 10px;
    display: inline-block;
   }
   
   #onf-connect section.venue {
    padding: 50px 0 100px 0;
   }
   
   #onf-connect .venue .venue-info {
    background: #edebeb;
    padding: 20px 25px;
    min-height: 298px;
   }
   #onf-connect .connect-page .slots .table-wrap {
    margin-bottom: 40px;
    margin-top: 20px;
   }
   #onf-connect .connect-page .slots .table-wrap tbody {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 0 0 11px 11px;
   }
   #onf-connect .slots .table-wrap th,
   #onf-connect .registration-section .table-wrap th {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 0.875rem;
    padding: 7px 11px;
    text-align: center;
   }
   #onf-connect .connect-page .slots .table-wrap td,
   #onf-connect .registration-section .table-wrap td {
    padding: 8px;
   }
   #onf-connect .connect-page .slots .table-wrap td:nth-child(3) {
    text-align: center;
   }
   #onf-connect .connect-page .slots .table-wrap tr:nth-child(2n),
   #onf-connect .registration-section .table-wrap tr:nth-child(2n) {
    background: #f2f2f2;
   }
   #onf-connect .registration-section .table-wrap tr:last-child {
    color: #407fc1;
   }
   #onf-connect
    .connect-page
    .slots
    .table-wrap
    .program-agenda-table
    tr:nth-child(2n) {
    background: transparent;
   }
   #onf-connect .connect-page .slots .table-wrap .program-agenda-table .gray-bg {
    background: #f2f2f2 !important;
   }
   #onf-connect .registration-section .button {
    margin-top: 20px;
    margin-bottom: 100px;
   }
   #onf-connect .registration-section .button.top-button {
    margin-bottom: 10px;
    margin-top: 10px;
   }
   #onf-connect .connect-page .slots .table-wrap {
    margin-bottom: 40px;
    margin-top: 20px;
   }
   #onf-connect .connect-page .slots h4 {
    text-transform: none;
    font-size: 1rem;
    font-family: "gilroysemibold", sans-serif;
   }
   #onf-connect .overview h1 {
    margin-bottom: 30px;
   }
   #onf-connect .connect-page .paragraph-wrapper {
    margin-top: 45px;
   }
   #onf-connect .slots h2 {
    margin-top: 40px;
   }
   #onf-connect .slots h2:first-of-type {
    margin-top: 0px;
   }
   #onf-connect .slots {
    padding: 0px 0 10px 0;
   }
   #onf-connect .slots.tracks-table {
    margin-top: -30px;
   }
   #onf-connect .slots.experts {
    padding-bottom: 120px;
   }
   #onf-connect .slots .button-wrap {
    text-align: center;
    margin-bottom: 50px;
   }
   #onf-connect .small-table {
    /*width: 55%;*/
    margin: 20px 0 10px 0;
    display: table;
    background: #f2f2f2;
    border-radius: 7px;
   }
   #onf-connect .small-table .title {
    display: table-cell;
    font-weight: 600;
    padding: 15px;
   }
   #onf-connect .small-table .row-table {
    display: table-row;
   }
   #onf-connect .small-table .date {
    display: table-cell;
    width: 45%;
    text-align: center;
   }
   #onf-connect .slots .members {
    background-color: #d7f4fd;
   }
   
   #onf-connect .registration-section .table-wrap {
    margin: 0px 0 15px 0;
   }
   
   #onf-connect .registration-section .price {
    text-align: center;
   }
   #onf-connect .registration-section th .dates {
    display: block;
   }
   #onf-connect .registration-section table {
    width: 100%;
   }
   #onf-connect .registration-section h3 {
    margin-top: 40px;
   }
   #onf-connect .registration-section h3.bottom-title {
    margin: 15px 0 0px 0;
    text-transform: none;
    line-height: 140%;
   }
   #onf-connect .registration-section .discounts-section {
    font-size: 0.8em;
    margin-bottom: 25px;
   }
   #onf-connect .registration-section .bottom-title {
    font-weight: 700;
    margin-top: 15px;
   }
   #onf-connect .registration-section.about-price-section {
    background: #f9f9f9;
   }
   
   #onf-connect .registration-section .table-wrap th:first-child,
   #onf-connect .slots .table-wrap th:first-child {
    border-radius: 7px 0 0 0;
   }
   #onf-connect .registration-section .table-wrap th:last-child,
   #onf-connect .slots .table-wrap th:last-child {
    border-radius: 0 7px 0 0;
   }
   #onf-connect .registration-section .countdown {
    text-align: center;
    margin-top: 90px;
   }
   #onf-connect .registration-section #full-countdown {
    max-width: 270px;
    margin: 10px auto 20px auto;
   }
   #onf-connect .registration-section #full-countdown > .item-count {
    display: inline-block;
    margin-right: 20px;
    font-size: 1.35rem;
   }
   #onf-connect .registration-section #full-countdown > .item-count:last-of-type {
    margin-right: 0px;
   }
   #onf-connect .registration-section h1 {
    margin-bottom: 40px;
   }
   #onf-connect .connect-page .slots .table-wrap td:last-child,
   #onf-connect .connect-page .slots .table-wrap th:last-child {
    text-align: center;
   }
   
   #onf-connect .connect-page .slots .table-wrap td.tracks {
    text-align: left;
   }
   
   #onf-connect .discounts-section h3 {
    max-width: 80%;
    text-transform: none;
   }
   #onf-connect .discounts-section .discounts {
    max-width: 350px;
    margin: 15px auto 30px auto;
   }
   #onf-connect .discounts-section .discounts .discount-head {
    text-transform: uppercase;
    font-family: "gilroybold", sans-serif;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    background: #14508d;
    color: #fff;
   }
   #onf-connect .discounts-section .discounts .col-disc {
    display: inline-block;
    width: 50%;
    vertical-align: top;
   }
   #onf-connect .discounts-section .discounts .discount-row {
    border: 3px solid #14508d;
    border-top: 0px;
    padding: 5px 10px;
   }
   #onf-connect .discounts-section .discounts .code {
    font-family: "gilroysemibold", sans-serif;
   }
   
   #onf-connect .agenda-connect.sub-head {
    padding-bottom: 120px;
   }
   #onf-connect .agenda-connect .connect-agenda {
    width: 100%;
    max-width: 1300px;
    margin-top: 20px;
   }
   #onf-connect .registration-section,
   #onf-connect .overview {
    padding-top: 25px;
   }
   #onf-connect .sdn-info {
    padding: 75px 0 80px 0;
    color: white;
   }
   #onf-connect .sdn-info p.intro {
    font-size: 1.25rem;
    margin-top: 30px;
   }
   #onf-connect .sdn-info ul {
    padding-left: 20px;
   }
   #onf-connect .sdn-info ul li {
    margin-bottom: 10px;
   }
   #onf-connect .connect-page .days .agenda-img {
    width: 100%;
    max-width: 900px;
   }
   #onf-connect .breadcrumbs.shrink {
    margin-top: 85px;
   }
   #onf-connect .breadcrumbs {
    margin-top: 137px;
   }
   #onf-connect .days {
    margin-bottom: 120px;
   }
   
   #onf-connect .agenda-connect.sub-head {
    padding-bottom: 25px;
   }
   
   #onf-connect .agenda-connect tbody p {
    line-height: 100%;
    margin: 0 auto;
   }
   
   #onf-connect .agenda-connect tbody .desc {
    padding: 20px 0px;
   }
   
   #onf-connect .agenda-connect .desc tbody td {
    width: 25%;
    vertical-align: top;
    border-right: 1px dashed #b0b0b0;
    padding-left: 15px;
   }
   
   #onf-connect .agenda-connect .desc tbody td:nth-child(1) {
    padding-left: 0px;
   }
   
   #onf-connect .agenda-connect .desc tbody td:nth-child(4) {
    border-right: none;
   }
   
   #onf-connect table.div-table {
    margin: 25px auto;
    width: 100%;
   }
   
   #onf-connect .tab-content div.tab-pane.active {
    display: block !important;
   }
   
   #onf-connect .nav-tabs > li.active > a,
   .nav-tabs > li.active > a:hover,
   .nav-tabs > li.active > a:focus {
    background: white;
   }
   
   #onf-connect table.table-4,
   #onf-connect table.table-3 {
    margin-right: -16px;
   }
   
   #onf-connect table.div-table td.div-td strong {
    font-weight: 600;
    font-size: 15px;
   }
   
   #onf-connect .div-table p {
    margin: 12px auto;
    line-height: 16px;
   }
   
   #onf-connect .table-4 td,
   #onf-connect .table-3 td {
    width: 20%;
    padding: 10px;
    vertical-align: top;
    display: table-cell;
   }
   #onf-connect .table-3 td {
    width: 33%;
   }
   
   #onf-connect td.color-1 {
    background: #80baff;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-2 {
    background: #cbdbf2;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-2 {
    background: #85b5d1;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-3 {
    background: #83a9d1;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-4 {
    background: #c6dcef;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-5 {
    background: #e1e9f2;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-6 {
    background: #ff868d;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-7 {
    background: #f3f7fa;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-8 {
    background: #fbbcbc;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-9 {
    background: #c2bcfb;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-10 {
    background: #fbd6bc;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-11 {
    background: #b9d9ff;
    padding-bottom: 25px;
   }
   
   #onf-connect td.color-12 {
    background: #bcd6e5;
    padding-bottom: 25px;
   }
   
   #onf-connect .connect-page tr.row.event-row:nth-child(even) {
    background: #ececec;
   }
   
   #onf-connect .day-title {
    border: none;
    margin: 25px auto;
    padding-bottom: 25px;
   }
   
   #onf-connect .why-attend h1 {
    padding: 20px 0px;
   }
   
   #onf-connect .why-attend section:nth-child(even) {
    background: #f2f2f2;
    padding: 15px 0px;
   }
   #onf-connect .why-attend section:nth-child(odd) {
    padding: 15px 0px;
   }
   
   /*#onf-connect .why-attend{
       padding: 0px 0px 100px;
   }*/
   
   #onf-connect .pricing-last-year td {
    border: 1px solid #ddd;
   }
   #onf-connect .pricing-last-year tr {
    background: #fff;
   }
   #onf-connect .pricing-last-year .title {
    vertical-align: top;
    font-weight: 600;
   }
   #onf-connect .pricing-last-year .red {
    color: #d00;
   }
   #onf-connect .registration-section .table-wrap.pricing-last-year th {
    border-radius: 7px 7px 0 0;
   }
   #onf-connect .registration-section .table-wrap.pricing-last-year {
    margin: 20px 0 30px 0;
   }
   #onf-connect .registration-section .pricing-last-year .total {
    background: #656565 !important;
    color: #fff;
   }
   #onf-connect .registration-section .princing-end {
    padding-bottom: 80px;
   }
   
   #onf-connect .why-attend p {
    line-height: 30px;
   }
   
   /* ONF Connect 2019 */
   
   #onf-connect strong {
    font-family: "gilroybold";
   }
   
   #onf-connect .connect-home h2 {
    font-size: 28px;
    padding: 45px 0px;
   }
   
   #onf-connect .sponsor-list h2 {
    padding-bottom: 10px;
   }
   
   #onf-connect h3 {
    text-transform: capitalize;
    font-family: "gilroymedium";
    font-size: 20px;
    margin: 0 auto;
   }
   
   #onf-connect #event_partners hr {
    margin: 25px auto;
   }
   
   #onf-connect section.header.onf-connect-2019 {
    background: none;
    padding: 0px;
    position: relative;
   }
   
   #onf-connect .connect-home .cta-section-2019 {
    padding: 90px 0 120px 0;
    background: #f2f2f2;
   }
   #onf-connect .connect-home .follow-2019 {
    padding: 0 !important;
   }
   
   /*#onf-connect .header.onf-connect-2019 .video-banner {
       overflow: hidden;
       position: relative;
       height: 100%;
       background: url(/wp-content/uploads/2018/08/onf-connect-banner.jpg) no-repeat center center transparent;
       background-size: cover;
       color: #fff;
       padding: 320px 0 150px 0;
       background-attachment: fixed;
       z-index: 0;
   }*/
   
   #onf-connect .header.onf-connect-2019 .video-banner {
    overflow: hidden;
    position: relative;
    height: 100%;
    background: url(/wp-content/uploads/2019/03/onf-connect-banner-2.jpg) no-repeat
     center center transparent;
    background-size: cover;
    color: #fff;
    padding: 320px 0 150px 0;
    /* background-attachment: fixed; */
    z-index: 0;
   }
   #onf-connect .header.onf-connect-2019 .banner-text .follow-title {
    margin-bottom: 15px;
    margin-top: 40px;
   }
   
   #onf-connect video#onf-connect-about-video {
    width: 100%;
   }
   
   #onf-connect .video a.video-play span {
    position: absolute;
    /* top: 52%; */
    /* left: 35%; */
    color: white;
    font-weight: 600;
    text-shadow: 1px 1px 3px black;
   }
   
   #onf-connect .overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 94%;
    height: 93%;
   }
   
   #onf-connect #why_attend h4 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #333;
    font-family: "gilroybold", sans-serif;
   }
   
   #onf-connect div#why_attend {
    padding-bottom: 50px;
    padding-top: 20px;
   }
   
   #onf-connect #why_attend .box-video {
    position: relative;
    /* bottom: -350px; */
    padding: 30px;
    height: 210px;
    background-color: #f2f2f2;
    border-radius: 5px;
    color: #333333;
   }
   
   #onf-connect section.header.onf-connect-2019:before {
    content: "";
    background: rgba(82, 82, 82, 0.5);
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
   }
   
   #onf-connect .header.onf-connect-2019 .video-banner video#myVideo {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 0;
   }
   
   #onf-connect .header.onf-connect-2019 span {
    color: #16c3f6;
    background: linear-gradient(217deg, rgb(111, 200, 255), rgb(43, 174, 255) 100%),
     linear-gradient(127deg, rgb(8, 84, 107), rgb(1, 113, 146) 100%),
     linear-gradient(336deg, rgb(71, 99, 107), rgb(0, 141, 228) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "gilroybold";
   }
   
   #onf-connect .header.onf-connect-2019 #banner-text {
    position: absolute;
    z-index: 12;
    top: 15%;
    width: 100%;
   }
   
   #onf-connect .header.onf-connect-2019 h1 {
    font-weight: 700;
    color: white;
    letter-spacing: 0.5px;
    font-family: "gilroysemibold";
    font-size: 70px;
    line-height: 80%;
    margin: 0 auto;
    text-shadow: none;
   }
   
   #onf-connect .header.onf-connect-2019 h2 {
    font-family: "gilroybold";
    color: white;
    line-height: 80%;
    font-size: 30px;
    padding: 0px;
   }
   #onf-connect .header.onf-connect-2019 h2.lightblue {
    color: #2ac4f4;
   }
   
   #onf-connect .header.onf-connect-2019 h3 {
    font-size: 20px;
    text-transform: capitalize;
    color: white;
    margin: 10px auto;
   }
   #onf-connect footer {
    padding-bottom: 25px !important;
   }
   
   #onf-connect #about {
    margin-top: -50px;
   }
   
   #onf-connect #about .blue_wrap {
    background: #047bc1;
    border-radius: 15px;
    position: relative;
    top: 0px;
    margin-bottom: 0px;
    z-index: 10;
    color: #fff;
    padding: 40px 45px;
    min-height: 250px;
    font-size: 17px;
   }
   #onf-connect #about .save-date h4 {
    font-size: 1.5rem;
    text-transform: none;
   }
   
   #onf-connect #about .text-wrap {
    display: inline-block;
    position: relative;
   }
   
   #onf-connect #about .video {
    position: absolute;
    right: -100px;
   }
   
   #onf-connect section.highlights_2018 {
    background: #f2f2f2;
    margin-top: 0px;
   }
   #onf-connect .about-connect section.highlights_2018 {
    margin-top: 40px;
   }
   
   #onf-connect .highlight_header .banner {
    color: white;
    background: #1d407c;
    position: relative;
    height: 80px;
    top: -50px;
   }
   
   #onf-connect .highlights_2018 .icons_2018 .img-wrap img {
    margin-top: 30px;
    max-width: 230px;
    width: 100%;
    padding: 15px 0px;
   }
   
   #onf-connect .highlights_2018 .highlight_header h1 {
    text-align: center;
    padding-top: 20px;
    font-family: "gilroysemibold";
   }
   
   #onf-connect .highlight_header .banner:before {
    background: url(img/blue_banner_left.png) no-repeat center center transparent;
    content: "";
    background-size: contain;
    width: 40px;
    height: 80px;
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
   }
   
   #onf-connect .highlight_header .banner:after {
    background: url(img/blue_banner_right.png) no-repeat center center transparent;
    content: "";
    background-size: contain;
    width: 40px;
    height: 80px;
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
   }
   
   #onf-connect .icons_2018 h2 {
    font-size: 50px;
    line-height: 40px;
    padding: 0px;
    text-align: center;
    margin: 0 auto;
   }
   
   #onf-connect .highlights_2018 .attendee_testimonials {
    margin: 50px auto;
   }
   
   #onf-connect #sponsors .sponsor {
    width: 25%;
    display: inline-block;
   }
   
   #onf-connect div#sponsors {
    padding-top: 20px;
    padding-bottom: 60px;
   }
   
   #onf-connect #sponsors .img-wrap {
    padding: 0 20px;
   }
   
   #onf-connect .highlights_2018 .attendee_testimonials .quote .text-wrap {
    background: #047bc1;
    padding: 20px;
    color: white;
    border-radius: 15px;
    min-height: 170px;
    font-style: italic;
    display: table;
   }
   
   #onf-connect .text-wrap h3 {
    vertical-align: middle;
    display: table-cell;
   }
   
   .row-table .resource_title h4 {
    text-transform: none !important;
   }
   
   #onf-connect .highlights_2018 .attendee_testimonials .quote .text-wrap:after {
    background: url(img/blue_triangle.png) no-repeat center center;
    content: "";
    position: absolute;
    bottom: -35px;
    width: 50px;
    height: 50px;
    right: 50px;
    background-size: contain;
   }
   
   #onf-connect .speakers-list.onf_connect_2019 .speaker-wrap {
    text-align: left;
    min-height: 160px;
   }
   
   #onf-connect .onf_connect_2019 .speaker-wrap .board-member {
    width: 100%;
    margin-bottom: 40px;
   }
   
   #onf-connect .onf_connect_2019 .board-member .img-wrap {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3%;
   }
   
   #onf-connect .onf_connect_2019 .speaker-wrap .text-wrap {
    padding: 0px;
    min-height: 120px;
    display: inline-block;
    width: 60%;
    vertical-align: middle;
   }
   
   #onf-connect .highlights_2018 .speakers-list h4 {
    font-size: 16px;
    color: #047bc1;
    margin: 0 auto;
    padding-top: 20px;
   }
   
   #onf-connect .highlights_2018 .speakers-list .title {
    font-size: 14px;
    color: black;
    line-height: 18px;
   }
   
   #onf-connect .highlights_2018 .speakers-list .company {
    color: #666;
    font-style: italic;
    font-size: 14px;
   }
   
   #onf-connect .onf_connect_2019 .board-member .team-img {
    border-radius: 50%;
    filter: none;
    max-width: 120px;
    display: inline-block;
   }
   
   #onf-connect .sponsors_2018 h2,
   #onf-connect .featured-content h2 {
    padding-bottom: 0px;
   }
   
   #onf-connect .featured-content h4 {
    color: #b5131a;
    font-family: "gilroysemibold";
   }
   
   #onf-connect .featured-content .video h4 {
    color: #047bc1;
   }
   
   #onf-connect .featured-content .video .img-wrap {
    width: 100%;
    height: 200px;
    margin: 50px auto 0px;
   }
   
   #onf-connect .featured-content .video .img-wrap {
    width: 100%;
    height: 200px;
   }
   
   i.video-play {
    background: url(/wp-content/uploads/2017/08/video-icon.png) no-repeat center
     center;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    left: 40%;
    top: 40%;
    background-size: cover;
   }
   
   #onf-connect .featured-content .img-wrap:after {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: block;
   }
   
   #onf-connect .collage {
    background: url(/wp-content/uploads/2019/03/onf-connect-2019-collage.jpg)
     no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 500px;
    display: block;
   }
   
   #onf-connect .collage-sponsors {
    background: url(/wp-content/uploads/2019/05/collage-sponsor-1.jpg) no-repeat
     center center;
    background-size: cover;
    width: 100%;
    height: 400px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
   }
   
   #onf-connect .sponsors_2018 #sponsors .sponsor {
    /*width: 25%;*/
    display: inline-block;
   }
   
   #onf-connect .sponsors_2018 {
    padding-top: 20px;
    padding-bottom: 60px;
   }
   
   .sponsor-h1-2019 {
    margin-bottom: 40px;
    margin-top: 30px;
   }
   
   #onf-connect .sponsors_2018 div#sponsors {
    padding-bottom: 10px;
   }
   
   #onf-connect .sponsors_2018 h4 {
    color: white;
    background: #b5131a;
    padding: 10px 15px;
    font-family: "gilroysemibold";
    border-radius: 5px;
   }
   
   #onf-connect .sponsors_2018 h4:hover {
    opacity: 0.7;
    transition: 0.5s;
   }
   
   #onf-connect .cta.onf-connect-2019 h1 {
    font-family: "gilroysemibold";
    padding: 10px 0px 20px;
   }
   
   #onf-connect section.cta.onf-connect-2019 {
    padding: 80px 0px 120px;
    background: #047bc1;
   }
   .page-template-page-onfconnect-homepage-2020
    #onf-connect
    section.cta.onf-connect-2019 {
    padding: 40px 0px 120px;
   }
   .page-template-page-onfconnect-homepage-2020
    #onf-connect
    .header.onf-connect-2019
    .video-banner {
    background: #860813;
   
    position: relative;
   
    background: -moz-radial-gradient(
     center,
     ellipse cover,
     #b9131a 12%,
     #860813 71%
    ); /* FF3.6-15 */
    background: -webkit-radial-gradient(
     center,
     ellipse cover,
     #b9131a 12%,
     #860813 71%
    ); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(
     ellipse at center,
     #b9131a 12%,
     #860813 71%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9131a', endColorstr='#860813',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    z-index: 2;
   }
   
   #onf-connect .cta.onf-connect-2019 input#mce-EMAIL {
    border-radius: 5px 0px 0px 5px;
    font-size: 13px;
    padding-left: 20px;
    font-family: "gilroyregular";
   }
   
   #onf-connect .cta.onf-connect-2019 input#mc-embedded-subscribe {
    background: #b70f0f;
    text-transform: uppercase;
    margin-left: -5px;
    border-radius: 0px 5px 5px 0px;
    font-family: "gilroysemibold";
    letter-spacing: 0.5px;
   }
   
   #onf-connect .cta.onf-connect-2019 section.mailchimp-form {
    background: transparent;
    padding: 0px;
   }
   
   #onf-connect .program-connect .program-agenda-table td {
    border: 1px solid #ddd;
    text-align: center;
   }
   #onf-connect .program-connect .program-agenda-table td.hour {
    text-align: left !important;
   }
   #onf-connect .program-connect .program-agenda-table .tutorial-note {
    display: block;
    font-size: 0.75rem;
   }
   #onf-connect .program-connect .Tutorial-bottom-note {
    margin-bottom: 100px;
   }
   #onf-connect .tutorial-description {
    background: #f9f9f9;
    padding: 25px 0 100px 0;
    margin-top: 50px;
   }
   /*#onf-connect .tutorial-description h2 {
     color: #c4161c !important;
     font-weight: 300 !important;
     font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif !important;
     font-size: 28px !important;
   }*/
   #onf-connect .tutorial-description #next-gen-sdn h2 {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif !important;
    font-size: 28px !important;
    background: #14508d;
    border-radius: 5px 5px 0 0;
    padding: 25px 60px 25px 60px;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
   }
   #onf-connect .tutorial-description #seba-voltha h2 {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif !important;
    font-size: 28px !important;
    background: #b5131a;
    border-radius: 5px 5px 0 0;
    padding: 25px 60px 25px 60px;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
   }
   #onf-connect .tutorial-description #mobile h2 {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif !important;
    font-size: 28px !important;
    background: #047bc1;
    border-radius: 5px 5px 0 0;
    padding: 25px 60px 25px 60px;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
   }
   #onf-connect .tutorial-description .tutorial-desc-background {
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 30px 60px 30px 60px;
    margin-top: 0;
    margin-bottom: 50px;
   }
   #onf-connect .tutorial-description .button-register-wrap.centered {
    margin: 40px 0 20px 0;
   }
   #onf-connect .section-conference-info {
    padding: 50px 0 60px 0 !important;
    margin-top: 0px !important;
   }
   #onf-connect .section-conference-info h4 {
    color: #b5131a;
    font-size: 1.125rem;
    text-transform: none;
    margin-top: 30px;
   }
   
   #onf-connect .connect-page .onf_demos .description .community-showcase img {
    width: 120px;
   }
   
   #onf-connect .connect-page .onf_demos .onfshowcase {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px;
   }
   
   .lightbox-venue .venue-items {
    display: inline-block;
    margin-right: 10px;
   }
   .lightbox-venue {
    padding: 40px 20px;
   }
   .lightbox-venue h2 {
    margin: 10px 0 30px 0;
    font-family: "gilroylight", sans-serif;
    font-size: 1.5rem;
   }
   .lightbox-venue {
    padding: 30px 15px 50px 15px;
   }
   
   /* resources collateral accordion */
   #collateral .title,
   #collateral .date,
   #collateral .format {
    background: #007ec4;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
   }
   #collateral .no-resources {
    float: left;
    width: 100%;
    padding: 10px;
   }
   #collateral .format.span2 {
    padding-left: 50px;
   }
   
   #collateral h2.big-title {
    text-align: left;
    padding: 20px 0px 20px;
    display: block;
    font-size: 20px;
    border-bottom: 1px solid black;
   }
   
   #collateral .resource_title,
   #collateral .resource_date,
   #collateral .resource_format,
   #collateral .resource_format2 {
    padding-left: 10px;
   }
   
   #collateral .resource_date,
   #collateral .resource_format,
   #collateral .resource_format2 {
    margin-top: 10px;
   }
   .collateral-wrap .title,
   .collateral-wrap .date,
   .collateral-wrap .format {
    margin-left: 0px;
    box-sizing: border-box;
   }
   .collateral-wrap .panel-body .span2 {
    width: 20%;
    float: left;
   }
   .collateral-wrap .panel-body .span1 {
    width: 10%;
    float: left;
   }
   .collateral-wrap .panel-body .span8 {
    width: 60%;
    float: left;
   }
   .collateral-wrap .resource_title,
   .collateral-wrap .resource_date,
   .collateral-wrap .resource_format,
   .collateral-wrap .resource_format2 {
    margin-left: 0px;
    padding: 2px 10px;
    box-sizing: border-box;
   }
   .collateral-wrap .panel-title a:focus {
    text-decoration: none;
   }
   .collateral-wrap .icon.plus {
    background: url("./images/plus-icon.jpg") no-repeat right center transparent;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px;
    padding-left: 10px;
   }
   .collateral-wrap .icon.minus {
    background: url("./images/minus-icon.jpg") no-repeat right center transparent;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px;
    padding-left: 10px;
   }
   .panel-default > .panel-heading {
    background: transparent;
    border: none !important;
    padding-bottom: 0px;
   }
   .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
   }
   .panel-group {
    overflow: hidden;
   }
   .panel-group .panel {
    border: none;
    box-shadow: none;
    clear: both;
   }
   
   .resources-page .photos .text p {
    padding-top: 25px;
    line-height: 150%;
    font-size: 18px;
   }
   .resources-page .cord-img {
    max-width: 200px;
   }
   .resources-page .more-cord {
    margin-top: 40px;
   }
   
   .panel-heading .accordion-toggle .big-title:after {
    /* symbol for "opening" panels */
    font-family: "Glyphicons Halflings";
    content: "\e114";
    color: #01bfeb;
    float: left;
    font-size: 15px;
    padding-right: 10px;
   }
   .panel-heading .accordion-toggle.collapsed .big-title:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
   }
   
   /* Mailchimp Form */
   .mailchimp-form #mc_embed_signup .mc-field-group {
    width: 50%;
    display: inline-block;
    clear: none;
    margin: 0 -2px;
    padding: 10px;
   }
   .mailchimp-form #mergeRow-gdpr {
    width: 100% !important;
   }
   .mailchimp-form .checkbox span {
    line-height: 23px;
   }
   .mailchimp-form .checkbox.subfield {
    margin: 2px 0;
   }
   .mailchimp-form .mc_fieldset.gdprRequired.mc-field-group {
    margin-left: 10px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
   }
   .mailchimp-form #mc_embed_signup {
    font: 15px "gilroyregular", sans-serif;
    color: #000;
    background: transparent;
   }
   .mailchimp-form #mc_embed_signup .button {
    line-height: 120% !important;
   }
   .mailchimp-form {
    background: #f2f2f2;
    padding: 50px 0 130px 0;
   }
   .mailchimp-form #mc-embedded-subscribe-form input[type="checkbox"] {
    display: block;
    width: auto;
    margin: 0 auto 10px auto;
   }
   .mailchimp-form input#mc-embedded-subscribe {
    border: 0px;
    text-transform: uppercase;
    margin-left: 5px;
    padding: 11px 25px;
   }
   .mailchimp-form #mce-EMAIL {
    padding: 11px 10px;
    border-radius: 5px;
    border: 0px;
   }
   
   #mc_embed_signup div#mce-responses {
    background: white;
    z-index: 1;
    position: relative;
    top: 10px !important;
    border-radius: 11px;
   }
   
   .mailchimp-form #mc_embed_signup .mc-field-group {
    position: absolute;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    left: 0%;
    top: 150px;
   }
   .mailchimp-form #mc_embed_signup .top-email-info {
    margin: 10px 0px;
    display: block;
   }
   .mailchimp-form #mc_embed_signup .info-icon,
   .wpcf7 .info-icon {
    max-width: 17px;
    width: 100%;
    margin-top: -3px;
    cursor: pointer;
    box-sizing: content-box;
    padding: 5px;
   }
   .mailchimp-form #mc_embed_signup .tooltip-inner {
    padding: 10px 9px;
   }
   
   .mc-field-group.input-group ul {
    margin: 0 auto;
    display: inline-block;
    padding-left: 0px;
   }
   
   .mc-field-group.input-group ul li {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 20%;
   }
   
   #mc_embed_signup label {
    font-size: 13px;
    width: 130px;
    margin: 0 auto;
    text-align: center;
    color: #333;
   }
   
   #mc_embed_signup_scroll h3.centered {
    margin-top: 90px;
   }
   
   /* Org Chart */
   .org-chart-page {
    background: #f1f1f1;
   }
   .org-chart-page .org-chart h1 {
    margin: 30px 0 20px 0;
   }
   .org-chart-page .org-chart .intro {
    margin-bottom: 60px;
   }
   .org-chart-page .underline {
    text-decoration: underline;
   }
   
   .org-chart-page .org-chart .cf:before,
   .org-chart-page .org-chart .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
   }
   
   .org-chart-page .org-chart .cf:after {
    clear: both;
   }
   
   .org-chart-page .org-chart ul {
    padding: 0;
    margin: 0;
    list-style: none;
   }
   
   .org-chart-page .org-chart ul a {
    display: block;
    background: #ccc;
    border: 3px solid #555;
    text-align: center;
    overflow: hidden;
    font-size: 0.9em;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    height: 70px;
    margin-bottom: -26px;
    box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    transition: all linear 0.1s;
    line-height: 150%;
    padding-top: 5px;
   }
   .org-chart-page .org-chart ul a:not([href*="#"]):hover {
    -webkit-transform: scale(1.125);
    -moz-transform: scale(1.125);
    -o-transform: scale(1.125);
    transform: scale(1.125);
   }
   .org-chart-page .org-chart ul a[href*="#"] {
    pointer-events: none;
   }
   .org-chart-page .org-chart .administration > li > a {
    margin-bottom: 25px;
   }
   
   .org-chart-page .org-chart .director > li > a {
    width: 50%;
    margin: 0 auto 0px auto;
   }
   
   .org-chart-page .org-chart .subdirector:after {
    content: "";
    display: block;
    width: 0;
    height: 240px;
    background: transparent;
    border-left: 4px dashed #555;
    left: 60%;
    position: relative;
   }
   
   .org-chart-page .org-chart .subdirector,
   .org-chart-page .org-chart .departments,
   .org-chart-page .org-chart .advisory {
    position: absolute;
    width: 100%;
   }
   
   .org-chart-page .org-chart .subdirector > li:first-child,
   .org-chart-page .org-chart .departments > li:first-child,
   .org-chart-page .org-chart .advisory > li:first-child {
    width: 18.59894921190893%;
    height: 64px;
    margin: 0 auto 200px auto;
    padding-top: 25px;
    border-bottom: 4px solid #555;
    z-index: 1;
   }
   .org-chart-page .org-chart .subdirector > li:first-child {
    float: right;
    right: 16.2%;
    border-left: 4px solid #555;
   }
   
   .org-chart-page .org-chart .departments > li:first-child {
    float: left;
    left: 35.2%;
    border-right: 4px solid #555;
   }
   
   .org-chart-page .org-chart .advisory > li:first-child {
    float: left;
    left: 10.2%;
    border-right: 4px solid #555;
   }
   
   .org-chart-page .org-chart .subdirector > li:first-child a,
   .org-chart-page .org-chart .departments > li:first-child a {
    width: 100%;
   }
   
   .org-chart-page .org-chart .subdirector > li:first-child a {
    left: 25px;
   }
   .org-chart-page .org-chart .advisory > li:first-child a {
    left: -25px;
   }
   
   .org-chart-page .org-chart.content {
    width: 100%;
    max-width: 1142px;
    margin: 0 auto;
    padding: 0 20px;
    min-height: 700px;
   }
   
   .org-chart-page .org-chart .departments > li:first-child a {
    right: 25px;
   }
   
   .org-chart-page .org-chart .department:first-child,
   .org-chart-page .org-chart .departments li.dep-a {
    margin-left: 306px;
    clear: left;
   }
   .org-chart-page .org-chart .department.project-1 {
    margin-left: 14%;
    z-index: 10;
   }
   .org-chart-page .org-chart .department.project-2 {
    margin-left: -16%;
    margin-top: 1%;
    z-index: 9;
   }
   .org-chart-page .org-chart .department.project-3 {
    margin-left: -16%;
    margin-top: 2%;
   }
   
   .org-chart-page .org-chart .departments:after {
    content: "";
    display: block;
    position: absolute;
    width: 39%;
    height: 24px;
    border-top: 4px solid #555;
    border-right: 4px solid #555;
    border-left: 4px solid #555;
    margin: 0 auto;
    top: 240px;
    left: 37%;
   }
   .org-chart-page .org-chart .departments:before {
    content: "COMMUNITY LED ACTIVITIES";
    color: #484848;
    width: 200px;
    font-weight: 600;
    font-size: 0.75rem;
    height: 50px;
    position: absolute;
    top: 220px;
    right: 20%;
    z-index: 900;
   }
   .org-chart-page .org-chart .departments .t-sab-box,
   .org-chart-page .org-chart .departments .refdesign-box {
    width: 18.59894921190893%;
    height: 64px;
    margin: 0 auto 200px auto;
    padding-top: 25px;
    border-bottom: 4px solid #555;
    z-index: 1;
    float: left;
    left: 0%;
    top: 95px;
    border-right: 4px solid #555;
   }
   .org-chart-page .org-chart ul .t-sab-box > a {
    left: -15px;
   }
   .org-chart-page .org-chart .departments .refdesign-box {
    left: -4px;
    top: 95px;
    border-right: 0px;
    border-left: 4px solid #555;
    z-index: 9;
   }
   .org-chart-page .org-chart .departments .refdesign-box.refdesign-box-2,
   .org-chart-page .org-chart .departments .refdesign-box.refdesign-box-3 {
    z-index: 8;
    left: -18%;
    top: 105px;
    border-left: 0px;
    border-bottom: 0px;
   }
   .org-chart-page .org-chart .departments .refdesign-box.refdesign-box-3 {
    left: -35.5%;
    top: 115px;
    z-index: 7;
   }
   .org-chart-page .org-chart ul .refdesign-box > a {
    left: 15px;
   }
   
   @media screen and (min-width: 768px) {
    .org-chart-page .org-chart .department:first-child:before,
    .org-chart-page .org-chart .department:last-child:before {
     border: none;
    }
   }
   
   .org-chart-page .org-chart .department:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 22px;
    border-left: 4px solid #555;
    z-index: 1;
    top: -22px;
    left: 50%;
    margin-left: -4px;
   }
   .org-chart-page .org-chart .department.project-2:before {
    top: -32px;
   }
   .org-chart-page .org-chart .department {
    border-left: 4px solid #555;
    width: 18.59894921190893%;
    float: left;
    margin-left: 7%;
    margin-bottom: 60px;
   }
   
   .org-chart-page .org-chart .lt-ie8 .department {
    width: 18.25%;
   }
   
   .org-chart-page .org-chart .department > a {
    margin: 0 0 -26px -4px;
    z-index: 1;
   }
   .org-chart-page .org-chart * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
   }
   
   .org-chart-page .org-chart .lab-box {
    float: right;
    right: -8%;
    border-left: 4px solid #555;
    top: 95px;
    width: 18.59894921190893%;
    height: 64px;
    margin: 0 auto 180px auto;
    padding-top: 25px;
    border-bottom: 4px solid #555;
    z-index: 1;
   }
   .org-chart-page .org-chart .lab--team-box {
    left: 25px;
   }
   
   /*.org-chart-page .org-chart .department > a:hover{  
     height: 80px;
   }*/
   
   .org-chart-page .org-chart .department > ul {
    margin-top: 0px;
    margin-bottom: 0px;
   }
   
   .org-chart-page .org-chart .department li {
    padding-left: 25px;
    border-bottom: 4px solid #555;
    height: 80px;
   }
   
   .org-chart-page .org-chart .department li a {
    background: #fff;
    top: 48px;
    position: absolute;
    z-index: 1;
    width: 90%;
    height: 60px;
    vertical-align: middle;
    right: -1px;
    background-image: -moz-linear-gradient(
     -45deg,
     rgba(0, 0, 0, 0.25) 0%,
     rgba(0, 0, 0, 0) 100%
    ) !important;
    background-image: -webkit-gradient(
     linear,
     left top,
     right bottom,
     color-stop(0%, rgba(0, 0, 0, 0.25)),
     color-stop(100%, rgba(0, 0, 0, 0))
    ) !important;
    background-image: -webkit-linear-gradient(
     -45deg,
     rgba(0, 0, 0, 0.25) 0%,
     rgba(0, 0, 0, 0) 100%
    ) !important;
    background-image: -o-linear-gradient(
     -45deg,
     rgba(0, 0, 0, 0.25) 0%,
     rgba(0, 0, 0, 0) 100%
    ) !important;
    background-image: -ms-linear-gradient(
     -45deg,
     rgba(0, 0, 0, 0.25) 0%,
     rgba(0, 0, 0, 0) 100%
    ) !important;
    background-image: linear-gradient(
     135deg,
     rgba(0, 0, 0, 0.25) 0%,
     rgba(0, 0, 0, 0) 100%
    ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
   }
   
   .org-chart-page .org-chart .director > li > a.executive {
    position: absolute;
    width: 15%;
    right: 26%;
    top: 10%;
    height: 50px;
    background: #8e7cc3;
    line-height: 40px;
    padding: 0;
   }
   
   /* Department/ section colors */
   .org-chart-page .org-chart .department.dep-a a {
    background: #4c1130;
    color: #fff;
    line-height: 50px;
   }
   .org-chart-page .org-chart .department.dep-b a {
    background: #85200c;
    color: #fff;
    line-height: 50px;
   }
   .org-chart-page .org-chart .department.dep-c a {
    background: #fdb0fd;
   }
   .org-chart-page .org-chart .department.dep-d a {
    background: #a3a2a2;
   }
   .org-chart-page .org-chart .department.dep-e a {
    background: #f0f0f0;
   }
   .org-chart-page .org-chart .department.dep-b.project-1 a,
   .org-chart-page .org-chart .department.dep-b.project-2 a,
   .org-chart-page .org-chart .department.dep-b.project-3 a {
    background: #777;
   }
   .org-chart-page .org-chart .department.dep-b .sections a {
    line-height: 160%;
   }
   .org-chart-page .org-chart .subdirector .e-team {
    background: #4c1130;
    color: #fff;
    line-height: 50px;
   }
   .org-chart-page .org-chart .lab-box .lab--team-box {
    background: #741b47;
    color: #fff;
    line-height: 50px;
   }
   .org-chart-page .org-chart .departments .tlt a {
    background: #0b5394;
    color: #fff;
   }
   .org-chart-page .org-chart .departments .refdesign-box > a {
    background: #888;
    color: #fff;
   }
   .org-chart-page .org-chart ul .t-sab-box > a,
   .org-chart-page .org-chart .advisory a {
    background: #a64d79;
    color: #fff;
    height: 80px;
   }
   .org-chart-page .org-chart .director .board > a {
    background: #674ea7;
    color: #fff;
    line-height: 50px;
   }
   
   /* ONF Connect Demos */
   
   .demos-connect-page .logo-img {
    max-width: 170px;
   }
   .demos-connect-page .clearfix {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 50px;
   }
   .demos-connect-page .demos-section .clearfix {
    margin-bottom: 20px;
   }
   .demos-connect-page .clearfix:last-of-type {
    border-bottom: 0px;
   }
   .demos-connect-page .desc {
    width: 80%;
   }
   .demos-connect-page .demos-sections-buttons {
    margin: 40px 0 50px 0;
    float: left;
    width: 100%;
   }
   .demos-connect-page .demos-section .desc {
    margin-top: 40px;
   }
   .demos-connect-page .desc > p {
    line-height: 140%;
   }
   .demos-connect-page .title-wrap {
    margin-bottom: 0px;
   }
   .demos-connect-page .more {
    margin-bottom: 10px;
    display: inline-block;
   }
   .demos-connect-page .section_title {
    margin-bottom: 50px;
   }
   .demos-connect-page .academic-section h4 {
    text-transform: none;
    font-size: 1.25rem;
    margin-top: 0px;
   }
   .demos-connect-page h2 {
    font-size: 1.75rem;
    font-family: "gilroylight", sans-serif;
   }
   .demos-connect-page .academic-section .university {
    display: inline-block;
    color: #000;
    font-weight: 600;
   }
   .demos-connect-page .academic-section {
    margin: 60px 0 100px 0;
   }
   .demos-connect-page .academic-section .speaker {
    margin-top: 33px;
    display: inline-block;
    color: #777;
    font-weight: 600;
   }
   .demos-connect-page .onf_demos {
    background: #f2f2f2;
    padding: 70px 0 90px 0;
   }
   .demos-connect-page .onf_demos h4 {
    text-transform: none;
    font-size: 1.25rem;
    font-family: "gilroysemibold", sans-serif;
    color: #810712;
   }
   
   .demos-connect-page .onf_demos .onf_demo {
    margin-bottom: 40px;
    width: 90%;
   }
   .demos-connect-page .onf_demos h2 {
    margin-bottom: 40px;
    margin-top: 5px;
   }
   .demos-connect-page .onf_demos .onf-logo {
    max-width: 200px;
   }
   
   .connect-page .targeted {
    background: #fff;
    width: 100%;
    left: 0;
    padding: 10px;
    top: 0;
    z-index: 20;
   }
   .demos-connect-page .targeted.affix .demos-sections-buttons {
    max-width: 730px;
    margin: 40px auto 0 auto;
    float: none;
   }
   #onf-connect .connect-page .targeted.affix .button.button-blue {
    margin-bottom: 7px;
    margin-top: 20px;
   }
   
   /* Analyst Pages */
   .analyst-page .thumb-report {
    width: 100%;
    max-width: 180px;
    border: 1px solid #86898b;
    margin: auto 0px 10px 0px;
    display: block;
   }
   .analyst-page .thumb-graph {
    width: 100%;
    max-width: 400px;
    margin: auto;
    display: block;
   }
   .analyst-page .border-left {
    border-left: 1px solid #dcdcdc;
   }
   .analyst-page .graph-title {
    text-transform: none;
    font-size: 1.25rem;
    color: #0566b7;
   }
   .analyst-page .graphic-source {
    text-transform: none;
    font-size: 1rem;
    color: #0566b7;
    font-style: italic;
   }
   .analyst-page .analyst-testimonial {
    width: 100%;
    max-width: 200px;
    border-radius: 50%;
    display: block;
    margin: auto;
   }
   .analyst-page .tam-list-info {
    margin-top: 10px;
    font-size: 1.125rem;
   }
   .analyst-page .tam-list-info li {
    margin-bottom: 20px;
   }
   .analyst-page .testimonial {
    margin: 30px 0px;
    font-size: 1.125rem;
   }
   .analyst-page .author {
    display: block;
    margin-top: 10px;
    font-size: 1rem;
    font-weight: 600;
    color: #777;
   }
   .analyst-page .tam-slides {
    margin-top: 50px;
   }
   
   /* ONOS Page */
   .navy-section {
    background: #003c7f;
    color: #fff;
   }
   .onos-features h2 {
    color: #fff !important;
    font-size: 1.875rem;
    font-family: "gilroylight", sans-serif;
   }
   .onos-features .features .span2 {
    width: 20%;
    display: inline-block;
    vertical-align: text-top;
    margin: 30px -2px 20px -2px;
    text-align: center;
    padding: 0 20px;
   }
   .onos-features .features img.feature-icon {
    max-height: 63px;
    height: 100%;
   
    max-width: 100%;
   }
   .onos-solutions h2 {
    font-family: "gilroyregular";
    font-size: 25px;
    line-height: 30px;
    color: #c3262f;
    font-weight: 100;
    padding-bottom: 20px;
   }
   .onos-solutions .bluebox {
    background: #037cc1;
    background: linear-gradient(135deg, #037cc1 0%, #0475b9 80%);
    color: white;
    padding: 30px 20px;
    border-radius: 4px;
    min-height: 420px;
   }
   .onos-action-panel {
    background: #fafafa;
    padding: 80px 0 100px 0;
   }
   .onos-action-panel h4 {
    font-size: 1.5rem;
    color: #c4161c;
    margin-bottom: 25px;
    font-weight: 300;
    font-family: "gilroyregular", sans-serif;
    text-transform: none;
   }
   .onos-action-panel .box {
   /* border: 1px solid #fff;
    background: #f2f2f2; */
   }
   .onos-action-panel .box-4 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
   }
   .onos-action-panel .action-logo {
    width: 100%;
    max-width: 207px;
    display: block;
    margin: auto;
    padding: 20px 0;
   }
   .onos-action-panel h2 {
    font-size: 1.875rem;
    text-transform: none;
    font-family: "gilroylight", sans-serif;
    margin-bottom: 30px;
   }
   .onos-action-panel .cat-wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 50px;
   }
   .onos-action-panel h2 span.intro {
    padding: 0 !important;
    display: block;
    font-size: 1.125rem;
    margin-top: 20px;
   }
   
   /* CORD / ONOS registration */
   #registration {
    padding-top: 120px;
   }
   
   /*Project Overview Page (New Structure) */
   /*.project-page.overview-page .banner-overview {
       padding: 80px 0 125px 0;
       text-align: center;
       background: url('./img/overview-onf-banner.jpg') no-repeat center center transparent;
       background-size: cover;
       color: #fff;
   }
   .project-page.overview-page .banner-overview h1{
     font-size: 1.875rem;
     color: #fff;
     font-family: 'gilroysemibold', sans-serif;
   }*/
   .project-page.overview-page .banner-overview {
    padding: 80px 0 125px 0;
    background-size: cover;
    color: #333;
    text-align: left;
   }
   .project-page.overview-page .banner-overview h1 {
    font-size: 1.875rem;
    color: #333;
    font-family: "gilroysemibold", sans-serif;
    text-align: left;
   }
   .project-page.overview-page .banner-overview p {
    font-size: 1.25rem;
    /*font-family: 'gilroymedium', sans-serif;*/
    font-family: "gilroyregular", sans-serif;
   }
   .project-page.overview-page .projects-overview {
    padding: 40px 0 100px 0;
    /*background: #047BC1;*/
    background: #003c7f;
   }
   .project-page.overview-page .project-box {
    background: #f2f2f2;
    border-radius: 8px;
    padding: 30px 30px 40px 30px;
    min-height: 347px;
   }
   .project-page.overview-page .project-box h4 {
    color: #11316d;
    font-size: 1.875rem;
    font-family: "gilroysemibold", sans-serif;
    margin: 15px 0 0 0;
    position: absolute;
    bottom: 0px;
   }
   .project-page.overview-page .project-item {
    display: inline-block;
    float: none;
    margin: 50px -2px 0 -2px;
    vertical-align: top;
   }
   .project-page.overview-page .text-wrap p {
    margin-top: 18px;
    line-height: 150%;
   }
   .project-page.overview-page .project-link-wrap .text-wrap p {
    color: #333;
   }
   .project-page.overview-page .project-link {
    font-family: "gilroysemibold", sans-serif;
   }
   .project-page.overview-page .project-logo {
    max-width: 100%;
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
   }
   .project-page.overview-page .project-box .img-wrap {
    min-height: 80px;
    position: relative;
   }
   .project-page.overview-page .project-link-wrap .project-box {
    opacity: 1;
   }
   .project-page.overview-page .project-link-wrap:hover .project-box {
    opacity: 0.8;
   }
   
   /* AETHER PAGE */
   .aether-page .aether-logo {
    max-width: 270px;
    width: 100%;
   }
   .aether-page .aether-graph-1 {
    width: 100%;
    max-width: 800px;
    margin-top: 30px;
   }
   .aether-page .aether-diagram-2 {
    width: 100%;
    max-width: 800px;
    margin-bottom: 30px;
   }
   .aether-page .pilot_network,
   .aether-page .wifi {
    padding: 85px 0 90px 0;
   }
   .aether-page .architecture {
    padding: 80px 0 90px 0;
    background: #f2f2f2;
   }
   .aether-page .supporting {
    background: #e6e6e6;
    padding: 90px 0 100px 0;
   }
   .aether-page .architecture-img {
    max-width: 800px;
    width: 100%;
    display: block;
    margin: 10px auto 40px auto;
   }
   .aether-page .api-img {
    max-width: 650px;
    width: 100%;
    display: block;
    margin: auto;
   }
   .aether-page .community .logo-wrap {
    width: 25%;
    display: inline-block;
    text-align: center;
   }
   .aether-page .community .community-logo {
    width: 100%;
    max-width: 160px;
   }
   
   /* WEBINAR PAGE */
   
   .webinar-template h4.webinar-title {
    color: #c4161c;
    font-size: 1.25rem;
    margin-top: 0px;
    text-transform: none;
    font-family: "gilroyregular", sans-serif;
    margin-bottom: 20px;
   }
   .webinar-template .registration-section .table-wrap.pricing-last-year {
    margin: 20px 0 30px 0;
    border-bottom: 1px solid #ddd;
   }
   .webinar-template .registration-section table {
    width: 100%;
   }
   .webinar-template .registration-section .table-wrap.pricing-last-year th {
    border-radius: 7px 7px 0 0;
   }
   .webinar-template .registration-section .table-wrap th {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 0.875rem;
    padding: 7px 11px;
    text-align: center;
   }
   .webinar-template .pricing-last-year tr {
    background: #fff;
   }
   .webinar-template .pricing-last-year tr:last-child td {
    border-bottom: 0px;
   }
   
   .webinar-template .registration-section .table-wrap td {
    padding: 8px;
    padding-left: 12px;
   }
   .webinar-template .pricing-last-year td {
    border: 1px solid #ddd;
   }
   .webinar-template .pricing-last-year .title {
    vertical-align: top;
    font-weight: 600;
   }
   .webinar-logo img {
    padding-left: 15px;
   }
   .home-page .announcement .button.webinar {
    margin-left: 20px !important;
   }
   
   /*COMPLEX WEBINAR PAGE*/
   .webinar-template .contributors .logo-wrap {
    width: 25%;
    display: inline-block;
    text-align: center;
   }
   .webinar-template .contributors .contributors-logo {
    width: 100%;
    max-width: 160px;
   }
   .webinar-template .contributors {
    padding: 115px 0 100px 0;
   }
   .webinar-template h2 {
    font-size: 1.875rem !important;
    font-family: "gilroylight", sans-serif;
    color: #c4161c !important;
    padding-bottom: 30px;
   }
   .webinar-template .intro-logos .webinar-logo {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5%;
   }
   .webinar-template .webinar-prensenters {
    padding: 100px 0;
    background: #f2f2f2;
    text-align: center;
   }
   .webinar-template .webinar-prensenters .col-xs-6.col-md-3.centered {
    display: inline-block;
    float: none;
    margin: 0 -2px;
    vertical-align: middle;
   }
   .webinar-template .webinar-prensenters .headshot {
    width: 100%;
    max-width: 360px;
   }
   
   /* Broll section start */
   .video-section.broll-section video {
    position: absolute;
    top: 0px;
    right: 0%;
    z-index: -1;
    max-width: 100%;
    width: 100%;
   }
   .video-section.broll-section {
    min-height: 0px;
    height: 100%;
    padding: 40px 0 50px 0;
    max-height: 400px;
   }
   .video-section.broll-section h1 {
    color: #fff;
   }
   .video-section.broll-section .video-path {
    background-position: calc(-7vw) center;
    min-height: 0px;
    height: 100%;
   }
   .video-section.broll-section .video-text {
    padding-top: 25px;
   }
   .video-text .white-button {
    margin-top: 30px;
    display: block;
    color: #ffffff;
    background: none !important;
    text-decoration: underline;
   }
   .b-roll-page .video-path {
    background: url(/wp-content/uploads/2019/09/video-path-bg-red.png) no-repeat
     center left transparent;
    background-size: cover;
    height: 700px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-position: calc(0vw) center;
   }
   .b-roll-page .video-section .video-box {
    margin-left: 10px;
    position: relative;
    top: 3px;
   }
   .b-roll-page .video-section .video-box:nth-of-type(2) {
    margin-top: 20px;
   }
   
   /* Broll section end */
   
   /* Events Gated */
   .event-gated-page {
    min-height: 400px;
    padding-bottom: 100px;
   }
   .event-gated-page .registration input.wpcf7-form-control {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px;
   }
   .event-gated-page .registration input.wpcf7-form-control.wpcf7-submit {
    width: auto;
    color: #fff;
    padding: 10px 25px;
    letter-spacing: 1.5px;
    font-family: "gilroysemibold", sans-serif;
    text-align: right;
    border: 0px;
   }
   .event-gated-page .registration div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: 16px;
    right: 20px;
   }
   .event-gated-page .registration .submit-wrap {
    text-align: right;
    position: relative;
   }
   .event-gated-page .registration .form-wrapper {
    height: 100%;
    padding: 45px 35px 50px 35px;
    background: #e6e6e6;
    border-radius: 5px;
    float: left;
    width: 100%;
    margin-top: 40px;
   }
   .event-gated-page .overview,
   .event-gated-page .registration {
    padding: 40px 0 40px 0;
   }
   .event-gated-page .overview {
    padding: 0 0 40px 0;
   }
   .event-gated-page .overview h1,
   .event-gated-page .registration h1 {
    font-family: "gilroysemibold";
    margin-bottom: 30px;
   }
   .event-gated-page .overview p {
    margin-top: 10px;
   }
   .event-gated-page .logo-wrap {
    text-align: center;
   }
   .event-gated-page .event-logo {
    max-width: 180px;
    width: auto;
   }
   .event-gated-page .contents h3 {
    text-transform: none;
    font-size: 1.25rem;
   }
   .event-gated-page .contents .wrapper {
    float: left;
    width: 100%;
    padding: 30px;
    background: #f2f2f2;
    border-radius: 10px;
    margin-bottom: 15px;
   }
   .event-gated-page .contents .event-link {
    color: #b31219;
    font-family: "gilroysemibold", sans-serif;
    clear: both;
    float: left;
    margin-bottom: 10px;
   }
   .event-gated-page div.wpcf7-validation-errors,
   .event-gated-page div.wpcf7-acceptance-missing {
    border: 0px;
   }
   .event-gated-page .wpcf7-not-valid-tip {
    color: #c4161c;
    font-size: 0.875rem;
    font-family: "gilroyregular", sans-serif;
   }
   .event-gated-page .wpcf7-list-item-label {
    font-weight: 600;
   }
   .event-gated-page .resource_title h4 {
    font-size: 1.125rem;
    margin-bottom: 20px;
   }
   .event-gated-page .resource_title article ul {
    margin-left: 20px;
   }
   .event-gated-page #video_section {
    margin-bottom: 0px;
   }
   .event-gated-page .members-section h2 {
    font-size: 1.875rem;
   }
   .event-gated-page .members-section .wrap-members-list.first-row .logo-wrap {
    width: 20%;
   }
   .event-gated-page .members-section .first-row .member-logo {
    width: 100%;
    max-width: 200px;
   }
   /* Events Gated End */
   
   /* Ambassadors */
   .ambassador-profile-page {
    padding-bottom: 100px;
   }
   .ambassador-profile-page .link-back {
    margin-bottom: 30px;
    display: inline-block;
   }
   .ambassador-profile-page .spec {
    font-size: 1.125rem;
    margin-bottom: 20px;
    font-weight: 600;
   }
   .ambassador-profile-page .img-wrap,
   .ambassador-table .img-wrap {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
   }
   .ambassador-profile-page .profile-pic,
   .ambassador-table .profile-pic {
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%;
    max-width: inherit;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
   }
   .ambassador-profile-page .social-icons .icon {
    background: url(./img/social-icons-ambassador.png) no-repeat;
    float: left;
    height: 33px;
    width: 33px;
    background-size: 100%;
    margin: 0px 10px;
   }
   .ambassador-profile-page .social-icons .icon:hover {
    opacity: 1;
   }
   .ambassador-profile-page .social-icons a {
    display: inline-block;
   }
   .ambassador-profile-page .social-icons .fb {
    background-position: 0px 1px;
   }
   .ambassador-profile-page .social-icons .in {
    background-position: 0px -86px;
   }
   .ambassador-profile-page .social-icons .tw {
    background-position: 0px -40px;
   }
   .ambassador-profile-page .social-icons .em {
    background-position: 0px -126px;
   }
   .ambassador-profile-page .social-icons .wa {
    background-position: 0px -168px;
   }
   .ambassador-profile-page .social-icons .tg {
    background-position: 0px -260px;
   }
   .ambassador-profile-page .social-icons .wc {
    background-position: 0px -215px;
   }
   .ambassador-profile-page .social-icons {
    margin-top: 30px;
   }
   .lab-team-page .ambassadors-team .t-member .info .title {
    margin-bottom: 5px;
   }
   .lab-team-page .ambassadors-team .t-member .info .title.spec-text {
    text-transform: none;
   }
   .ambassador-table .img-wrap {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 0px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
   }
   .ambassador-table .profile-pic {
    border-radius: 0px;
   }
   .ambassador-table {
    width: 100%;
   }
   .ambassador-table th:first-child {
    border-radius: 7px 0 0 0;
    width: 40%;
   }
   .ambassador-table th {
    background: #14508d;
    color: #fff;
    border: none;
    font-size: 1rem;
    padding: 10px 8px;
   }
   .ambassador-table td {
    padding: 8px;
   }
   .ambassador-table tr:nth-child(2n) {
    background: #f2f2f2;
   }
   .ambassador-table th:first-child {
    border-radius: 7px 0 0 0;
    width: 40%;
   }
   .ambassador-table th:last-child {
    border-radius: 0 7px 0 0;
   }
   .ambassador-table td .button {
    font-size: 0.875rem;
    text-decoration: none;
    letter-spacing: 1.2px;
    text-align: center;
   }
   .ambassador-table h4 {
    font-size: 1.25rem;
    line-height: 110%;
    font-family: "gilroylight", sans-serif;
    letter-spacing: 0.05rem;
    margin: 0px;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px);
    padding-left: 20px;
   }
   .ambassador-table h4 a {
    color: #000;
    text-decoration: none;
   }
   .ambassadors-team .ambassador-logo {
    max-width: 120px;
    display: inline-block;
   }
   .ambassadors-team h1 {
    display: inline-block;
    vertical-align: middle;
   }
   .ambassadors-team .desc {
    clear: both;
   }
   
   /*** MEDIA QUERIES ***/
   
   @media screen and (min-width: 1200px) {
    .lightbox-team .container {
     max-width: 1100px;
     width: 100%;
    }
    .lightbox-team2 .container {
     max-width: 1100px;
    }
    .project-page .project-list .text-wrap {
     min-width: 950px;
    }
    .stratum-page .use-cases .col-xs-12.col-md-6 {
     display: inline-block;
     float: none;
     margin-left: -2px;
     margin-right: -2px;
     vertical-align: top;
    }
   }
   
   /* ONLY DESKTOP */
   @media screen and (min-width: 1025px) {
    #onf-connect .agenda-connect .day-title span.date {
     display: block;
     font-size: 25px;
    }
   
    #onf-connect .navbar-collapse.collapse {
     margin-top: 0px;
    }
    .dropdown:hover .dropdown-menu {
     display: block;
    }
    .navbar-collapse.collapse {
     display: block !important;
    }
    #only-desktop {
     display: block;
    }
   
    #onf-connect .breadcrumbs.breadcrumbs-top {
     margin-top: 0px;
     transition: all 0.5s 0s;
     -webkit-transition: all 0.5s 0s;
     -moz-transition: all 0.5s 0s;
     -o-transition: all 0.5s 0s;
    }
    #onf-connect .breadcrumbs {
     transition: all 0.5s 0s;
     -webkit-transition: all 0.5s 0s;
     -moz-transition: all 0.5s 0s;
     -o-transition: all 0.5s 0s;
    }
   
    /* onf connect 2019 */
   
    #onf-connect .header.onf-connect-2019 .video-banner {
     padding: 250px 0 220px 0;
    }
    .page-template-page-onfconnect-homepage-2020
     #onf-connect
     .header.onf-connect-2019
     .video-banner {
     padding: 190px 0 160px 0;
    }
   }
   
   @media screen and (max-width: 1300px) {
    /* ONF CONNECT */
    img.onf_close {
     left: 82%;
     max-width: 156px;
    }
   }
   @media screen and (max-width: 1200px) {
    /* Header */
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-item
     > a.mega-menu-link {
     padding: 22.5px 9px;
     font-size: 0.85rem;
    }
    /* Homepage */
    .home-page .banner .item-work {
     padding: 0 40px;
    }
    .home-page .open-source-model .box {
     width: 180px;
     min-height: 132px;
    }
    .home-page .open-source-model .box::after {
     right: -52px;
    }
    .home-page .benefits .benefit-icon {
     max-width: 160px;
    }
    .home-page .benefits .benefit-operators-img {
     margin-left: -88px;
    }
    .home-page .benefits .benefit-system-img {
     right: 32%;
     top: 30%;
    }
    .home-page .benefits .benefit-suply-img {
     top: 30%;
     left: 30%;
    }
    .home-page .benefits .benefit-operators-text {
     left: 66%;
    }
    .home-page .benefits .benefit-system-text {
     position: absolute;
     width: 240px;
     top: 45%;
    }
    .home-page .benefits .benefit-suply-text {
     width: 240px;
     top: 45%;
    }
    .home-page .sdn-home .img-wrap {
     min-height: 520px;
    }
    .home-page .software-defined .box-text-wrap .box {
     padding: 20px 20px;
    }
    .home-page .software-defined .box-text-wrap {
     width: calc(100% - 410px);
    }
    .home-page .software-defined .img-wrap-graph {
     width: 400px;
    }
    .home-page .software-defined .box-text-wrap .title {
     font-size: 1.125rem;
    }
    .home-page .events-section .event-box {
     padding: 30px 20px;
    }
    .home-page .events-section .event-box .img-wrap {
     display: inline-block;
     width: 100%;
     margin: 0 auto;
     text-align: center;
    }
    .home-page .events-section .event-info {
     width: 100%;
     border-left: 0px;
     padding: 15px 0 15px 0px;
     border-top: 1px solid #e6e6e6;
     text-align: center;
    }
   
    #onf-connect .speakers-list .speaker-wrap.speaker-5.speaker-wrap {
     margin-left: 0%;
    }
   
    .navbar-default .navbar-nav > li > a {
     padding: 22.5px 9px;
     font-size: 0.85rem;
    }
    .navbar-default .btn-nav .dropdown-toggle {
     margin: 12.5px 0px 12.5px 10px;
    }
   
    /*TEam Lab*/
    .lab-team-page .t-member {
     width: 25%;
    }
   
    /* PROJECTS PAGES */
    .breadcrumbs.project-breadcrumbs li a {
     font-size: 0.75rem;
     padding: 10px 10px;
    }
   
    .follow-page .social-icons .icon {
     margin-right: 3px;
    }
    /* Homepage */
    .home-page .loading-wrap-inside {
     width: 33.19%;
    }
    .home-page .announcement-path {
     background-position: right center;
    }
    .home-page .event-comming h2 {
     font-size: 1.45rem;
     margin-top: 0px;
    }
   
    /* ONF Connect */
    .header-connect .navbar-header .connect-2019-logo .logo {
     max-width: 170px;
    }
    .header-connect .navbar-default .connect-2019-nav .navbar-nav > li > a {
     padding: 20px 12px;
    }
    .header-connect .connect-2019-nav {
     margin-left: 20px;
    }
    .header-connect .navbar-header .logo,
    .header-connect .navbar-default.shrink .navbar-brand .logo-scroll {
     max-width: 180px;
     margin-top: 10px;
    }
    .header-connect .navbar-default .navbar-nav > li > a {
     font-size: 0.875rem;
     padding: 20px 10px;
    }
    #onf-connect .speakers h4 {
     padding-top: 25px;
    }
    #onf-connect .header h1 {
     font-size: 1.6rem;
    }
    #onf-connect .header.onf-connect-2019 .video-banner {
     padding: 222px 0 160px 0;
    }
    #onf-connect .connect-page .button.button-blue .subtitle {
     font-size: 0.65rem;
    }
    #onf-connect li.register-btn-2019 a {
     margin-left: 20px;
    }
   
    .home-page .announcement-path.path-top {
     height: 230px;
    }
    .home-page .announcement-section.connect-19-20 {
     height: 530px;
     padding-bottom: 30px;
    }
    .home-page .announcement-section.connect-19-20 .bottom-content {
     margin-top: 90px;
    }
   
    .org-chart-page .org-chart ul a {
     font-size: 0.8rem;
    }
    .org-chart-page .org-chart .departments:after {
     left: 43%;
    }
    .org-chart-page .org-chart .departments:before {
     right: 16%;
    }
   
    /*Logos & Titles*/
    .members-section .members-title-side {
     margin-top: 20px;
    }
   
    .breadcrumbs.platforms-breadcrumbs li a {
     padding: 10px 16px;
    }
    .breadcrumbs.platforms-breadcrumbs .menu-sdn-platforms-menu-container li a {
     padding: 10px;
    }
    .white-box-certification .partners .logo-wrap {
     padding: 30px 25px;
     width: 50%;
     vertical-align: bottom;
    }
   
    .stratum-page .use-cases .box {
     min-height: 270px;
    }
   }
   
   @media screen and (min-width: 992px) {
    .navbar-default.shrink #mega-menu-main_nav {
     padding-top: 0px !important;
     padding-bottom: 20px !important;
    }
   }
   
   /***
   ****  TABLET DEVICES ****
   ****/
   
   @media screen and (max-width: 1024px) {
    .solutions-page .community .community-list .community-item {
     width: 33%;
    }
   
    .announcemnt .padding {
     padding: 10px 0px;
    }
   
    .mission-page .mission-btn {
     position: relative;
     top: 40px;
     right: -70px;
    }
   
    .sdn-page .chart .arrow .snds,
    .sdn-page .chart .arrow .openflow,
    .sdn-page .chart .arrow .onos,
    .sdn-page .chart .arrow .cord {
     position: unset;
    }
   
    .sdn-page .chart .arrow {
     background: none;
    }
   
    #only-desktop {
     display: none;
    }
    /* Header */
    .dropdown-toggle {
     pointer-events: inherit;
    }
    /* Lab Team */
    .lab-team-page .t-member .info .title,
    .lab-team-page .t-member .lightbox-team:hover .info .title {
     display: none;
    }
    .lab-team-page .t-member .info,
    .lab-team-page .t-member .lightbox-team:hover .info {
     bottom: 5px;
    }
    .lab-team-page .t-member .lightbox-team:hover .image:after {
     /*.lab-team-page .t-member .lightbox-team .image:after, */
     background: rgba(0, 0, 0, 0.15);
    }
    .lab-team-page .t-member .team-img {
     max-width: 100%;
    }
    .ambassadors-page.lab-team-page .t-member .team-img {
     /*max-width: 230px;*/
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
     max-height: 600px;
    }
   
    /* PRESS & BLOG */
    .posts-container .press-item a:hover .wrapper-press,
    .related-posts .press-item a:hover .wrapper-press {
     background: #003c7f;
     background: -moz-linear-gradient(
      45deg,
      #003c7f 0%,
      #036eb4 49%,
      #047bc1 100%
     );
     background: -webkit-linear-gradient(
      45deg,
      #003c7f 0%,
      #036eb4 49%,
      #047bc1 100%
     );
     background: linear-gradient(45deg, #003c7f 0%, #036eb4 49%, #047bc1 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c7f', endColorstr='#047bc1',GradientType=1 );
     -moz-transition: none;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
    }
    .blog-item a:hover .date {
     background: #003c7f;
     background: -moz-linear-gradient(
      45deg,
      #003c7f 0%,
      #036eb4 49%,
      #047bc1 100%
     );
     background: -webkit-linear-gradient(
      45deg,
      #003c7f 0%,
      #036eb4 49%,
      #047bc1 100%
     );
     background: linear-gradient(45deg, #003c7f 0%, #036eb4 49%, #047bc1 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c7f', endColorstr='#047bc1',GradientType=1 );
    }
    .blog-item a:hover .wrapper-article {
     background: #f2f2f2;
    }
    .blog-item a:hover .wrapper-article.onf-event {
     background: url(./img/onf-logo-connect.jpg) no-repeat center right #f2f2f2;
     background-size: 150px;
    }
    .blog-item a:hover .wrapper-article h4 {
     color: #047bc1;
    }
    .blog-item a:hover .excerpt {
     color: #333333;
    }
    .press-article .video-thumb2 {
     position: relative;
     margin: 20px 0;
     float: left;
     margin-right: 20px;
     width: auto;
    }
   
    .press-article .video-thumb2 img {
     max-width: 240px;
    }
   
    /* Homepage */
    .home-page .cta-section .logo-mark,
    .home-page .video-section {
     background-position: center center !important;
     background-attachment: inherit;
    }
    .home-page .bird-1,
    .home-page .bird-2,
    .home-page .bird-3,
    .home-page .bird-4,
    .home-page .bird-5,
    .home-page .bird-6,
    .home-page .bird-7,
    .home-page .bird-8 {
     background-attachment: inherit;
     background-position: center center !important;
    }
    .solutions-page .video-section,
    .mission-page .video-section,
    .video-section {
     background-position: top right !important;
     background-attachment: inherit;
    }
    .home-page .bird-1 {
     top: 370px !important;
    }
    .home-page .bird-2 {
     top: 310px !important;
    }
    .home-page .bird-3 {
     top: 330px !important;
    }
    .home-page .bird-4 {
     top: 293px !important;
    }
    .home-page .bird-5 {
     top: 255px !important;
    }
    .home-page .bird-6 {
     top: 190px !important;
    }
    .home-page .bird-7 {
     top: 150px !important;
    }
    .home-page .bird-8 {
     top: 75px !important;
    }
    .home-page .video-section .box-video.view#video_operators {
     bottom: 0px;
     -webkit-transition: none; /* Safari 3.1 to 6.0 */
     transition: none;
    }
    .home-page .video-section .box-video.view#video_vendors {
     bottom: 0px;
     -webkit-transition: none; /* Safari 3.1 to 6.0 */
     transition: none;
    }
    .home-page .video-section .box-video.view#video_integrators {
     bottom: 0px;
     -webkit-transition: none; /* Safari 3.1 to 6.0 */
     transition: none;
    }
    .home-page .video-section .box-video,
    .home-page .news-section .home-news {
     bottom: 0px;
    }
   
    /* Memebership info */
    .membership-page .membership-levels .level-item {
     width: 50%;
    }
   
    /* ONF Connect 2019 */
   
    #onf-connect .speakers-list.onf_connect_2019 .speaker-wrap {
     text-align: left;
     min-height: 180px;
    }
   
    #onf-connect .header.onf-connect-2019 .video-banner {
     padding: 200px 0 160px 0;
    }
   
    #onf-connect .header.onf-connect-2019 #banner-text {
     top: 15%;
    }
   
    .img-wrap-whitebox {
     padding-top: 0px;
    }
   }
   
   /** SMALL TABLETS ****/
   @media screen and (max-width: 991px) {
    /*Header Nav*/
    header .navbar .container {
     width: 100%;
     max-width: 100%;
     padding: 0;
    }
    header .navbar-default {
     padding-bottom: 3px;
    }
    .navbar > .container .navbar-brand {
     padding-left: 40px;
     margin-left: 0px;
    }
   
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     li.mega-menu-megamenu
     > ul.mega-sub-menu
     > li.mega-menu-row
     .mega-menu-column
     > ul.mega-sub-menu
     > li.mega-menu-item.item-indent
     .mega-menu-link {
     padding-left: 20px;
    }
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-flyout
     ul.mega-sub-menu
     li.mega-menu-item.sub-sub-link {
     padding-left: 20px;
    }
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-flyout
     ul.mega-sub-menu
     li.mega-menu-item.title-link
     .mega-menu-link {
     font-weight: bold !important;
    }
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-megamenu
     > ul.mega-sub-menu
     li.mega-menu-column
     > ul.mega-sub-menu
     > li.mega-menu-item
     h4.mega-block-title {
     margin-top: 20px;
    }
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-item
     > a.mega-menu-link {
     padding: 5px 9px;
     font-size: 1.125rem;
     height: auto;
    }
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-flyout
     ul.mega-sub-menu
     li.mega-menu-item
     a.mega-menu-link {
     font-size: 16px;
     height: auto;
     font-weight: normal;
     padding: 10px 20px;
     line-height: 40px;
    }
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-megamenu
     > ul.mega-sub-menu
     li.mega-menu-column
     > ul.mega-sub-menu
     > li.mega-menu-item
     > a.mega-menu-link {
     font-size: 15px;
     padding: 10px 5px;
    }
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-item
     > ul.mega-sub-menu {
     margin-top: 0px;
    }
    #mega-menu-wrap-main_nav .mega-menu-toggle + #mega-menu-main_nav {
     padding: 20px 0;
    }
    #mega-menu-wrap-main_nav
     #mega-menu-main_nav
     > li.mega-menu-item
     > a.mega-menu-link {
     padding: 10px 20px;
     font-size: 1.125rem;
     height: auto;
    }
    .mobile-space {
     margin-top: 40px;
    }
   
    .reference-sections:nth-child(even) {
     padding-left: 15px;
     padding-right: 15px;
    }
   
    .reference-sections:nth-child(odd) {
     padding-left: 15px;
     padding-right: 15px;
     margin-left: 0px;
     margin-right: 0px;
    }
   
    .reference-sections {
     width: 100%;
     margin-bottom: 25px;
    }
   
    .solutions-page p.rd-text-header {
     height: auto;
    }
   
    .announcemnt .padding {
     padding: 10px 0px;
    }
   
    /* Header */
    .section-top-menu {
     margin-right: 30px;
    }
    .navbar-header .logo {
     max-width: 100px;
    }
    .navbar-nav > li {
     width: 100%;
    }
    .navbar-default .navbar-toggle .icon-bar {
     color: #000;
     background-color: #047bc1;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
     background-color: transparent;
     color: #c4161c;
    }
    .navbar-default .navbar-toggle {
     display: block;
     margin-top: 26px;
     margin-right: 30px;
     border: none;
     outline: none;
    }
    .breadcrumbs.shrink {
     margin-top: 104px;
    }
    .navbar-default.shrink .navbar-toggle {
     margin-top: 15px;
     margin-bottom: 15px;
    }
    .navbar-toggle .icon-bar {
     width: 28px;
     height: 2px;
     transition: all 0.2s;
    }
    .navbar-toggle .top-bar {
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
   
     transform-origin: 5px 10%;
     -webkit-transform-origin: 5px 10%;
     -moz-transform-origin: 5px 10%;
     -o-transform-origin: 5px 10%;
    }
    .navbar-toggle .middle-bar {
     opacity: 0;
    }
    .navbar-toggle .bottom-bar {
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform-origin: 5px 90%;
     -webkit-transform-origin: 5px 90%;
     -moz-transform: 5px 90%;
     -o-transform: 5px 90%;
    }
   
    .navbar-toggle.collapsed .top-bar {
     transform: rotate(0);
     -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
     -o-transform: rotate(0);
    }
    .navbar-toggle.collapsed .middle-bar {
     opacity: 1;
    }
    .navbar-toggle.collapsed .bottom-bar {
     transform: rotate(0);
     -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
     -o-transform: rotate(0);
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
     background: transparent;
    }
    .navbar-header {
     width: 100%;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
     border: none;
     width: 100%;
     text-align: center;
    }
    .navbar-default .navbar-nav > li > a {
     padding: 10px;
     text-align: left;
    }
    .navbar-default .btn-nav .dropdown-toggle {
     color: #606060 !important;
     background: transparent;
     border-radius: 0px;
     padding: 10px !important;
     margin: 0px !important;
    }
    .navbar-nav {
     margin-top: 5px;
    }
    #page-content #content {
     margin-top: 160px;
    }
    .home #page-content #content,
    .sitemap #page-content #content,
    .page-template-page-contact #page-content #content,
    .sdn-page #page-content #content,
    .page-template-default #page-content #content {
     margin-top: 128px;
    }
    .breadcrumbs {
     margin-top: 128px;
    }
    .people-breadcrumbs.breadcrumbs li a {
     font-size: 0.75rem;
     padding: 10px;
    }
    #onf-connect .curve-div-2020,
    .curve-div-2020 {
     height: 46px;
    }
   
    /* Dropdown */
    #menu-main-menu .caret {
     display: inline-block;
     margin-top: -5px;
     -ms-transform: rotate(-90deg); /* IE 9 */
     -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
     transform: rotate(-90deg);
    }
    #menu-main-menu .dropdown.open .caret {
     -ms-transform: rotate(0deg); /* IE 9 */
     -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
     transform: rotate(0deg);
    }
   
    #menu-main-menu .dropdown-menu > li > a {
     color: #333;
     padding: 5px 20px 10px 30px !important;
    }
    #menu-main-menu .dropdown-menu > li > a:hover,
    #menu-main-menu .dropdown-menu > li > a:focus,
    #menu-main-menu .dropdown-menu > .active > a,
    #menu-main-menu .dropdown-menu > .active > a:hover,
    #menu-main-menu .dropdown-menu > .active > a:focus {
     background-color: transparent;
     color: #333;
    }
    #menu-main-menu .dropdown-menu:hover {
     background: transparent;
    }
    .dropdown-menu:after {
     display: none;
    }
   
    /*#menu-main-menu .dropdown-menu:after{
       display: none;
     }*/
    #menu-main-menu .dropdown-menu {
     position: relative;
     box-shadow: none;
     width: 100%;
     text-align: left;
     background: transparent;
     color: #333;
     border: 0px;
     padding: 0px 0 20px 0;
     top: 0px;
    }
   
    /*search */
    .search-button {
     position: relative;
     float: right;
     line-height: 30px;
     padding: 9px 10px;
     margin-top: 15px;
     margin-right: 10px;
     background-color: transparent;
     background-image: none;
     border: 1px solid transparent;
    }
    .searchwrap {
     margin-top: -3px;
     width: 90%;
     margin-right: 5%;
    }
    .searchwrap.search-display {
     padding-bottom: 15px;
    }
    .search.icon {
     background-size: 14px;
     margin: 14px 0 0px 25px;
    }
   
    .mobile-menu select {
     width: auto;
    }
   
    /* Footer */
    footer .col-sm-4 {
     display: inline-block;
     float: none;
     margin: 0 -2px;
     vertical-align: text-top;
    }
    footer .copy {
     margin-top: 20px;
    }
   
    /* Homepage */
    .home-page .market-impact .quote-box {
     padding: 50px 30px;
    }
    .home-page .report-platform .button.report-link {
     margin-top: 50px;
    }
    .home-page .sdn-home {
     padding: 70px 0 100px 0;
    }
    .home-page .open-source-platforms .platform-element,
    .home-page .open-source-model .item-model {
     opacity: 1;
     -moz-transform: translate3d(0px, 0px, 0px);
     -webkit-transform: translate3d(0px, 0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate3d(0px, 0px, 0px);
    }
    .home-page .sdn-home .img-wrap {
     min-height: 620px;
    }
    .home-page .toggle-buttons {
     margin-bottom: 50px;
     text-align: center;
    }
    .home-page .events-section {
     padding: 80px 0px 110px 0px;
    }
    .home-page .software-defined {
     padding: 80px 0 110px 0;
    }
    .home-page .open-source-model {
     overflow: hidden;
    }
    .home-page .open-source-model .box.second-model::after {
     content: "";
     position: absolute;
     right: -150px;
     background: url(./img/arrow-beginning.png) repeat-x center center transparent;
     background-size: 100px;
     top: 50%;
     margin-top: -20px;
     width: 138px;
     height: 43px;
    }
    .home-page .open-source-model .box.third-model::before {
     content: "";
     position: absolute;
     left: -212px;
     background: url(./img/arrow-diagram-long.png) no-repeat center center
      transparent;
     background-size: 200px;
     top: 50%;
     margin-top: -20px;
     width: 200px;
     height: 43px;
    }
    .home-page .sdn-home .area-img,
    .home-page .sdn-home .projects-img {
     margin: auto;
    }
    .home-page .software-defined .img-wrap-graph {
     width: 90%;
    }
    .home-page .software-defined .box-text-wrap {
     width: 90%;
     margin-top: 20px;
    }
    .home-page .software-defined .box-text-wrap h3 {
     text-transform: none;
     font-size: 1.25rem;
     margin-bottom: 30px;
     margin-top: 10px;
     font-family: "gilroysemibold", sans-serif;
    }
   
    .home-page .software-defined .box-text-wrap .box {
     max-width: 100%;
     padding: 35px;
     margin: 0 20px 24px 20px;
    }
    .home-page .software-defined .box-text-wrap .box:after {
     content: "";
     background: url("./img/ng-sdn-line-responsive.png") no-repeat center center
      transparent;
     background-size: 47px;
     width: 47px;
     height: 280px;
     position: absolute;
     top: -200px;
     right: -47px;
     left: inherit;
    }
    .home-page .market-impact h3 {
     margin: 40px auto 0 auto;
    }
   
    .home-page .sdn-home h2 {
     margin-bottom: 40px;
     text-align: center;
    }
    .home-page .benefits .circles-benefits {
     max-width: 370px;
     margin: auto;
     display: block;
    }
    .home-page .benefits .benefits-text h4 {
     text-transform: none;
     font-size: 1.125rem;
    }
    .home-page .benefits .benefits-text ul {
     margin-bottom: 30px;
    }
    .home-page .benefits .benefits-text {
     width: 70%;
     margin: auto;
    }
    .home-page .report-platforms .button {
     margin-top: 60px;
    }
    .home-page .report-platforms .stat {
     margin-bottom: 30px;
     width: 33%;
     display: inline-block;
     margin-right: -2px;
     margin-left: -2px;
     vertical-align: top;
    }
   
    /* Fancybox */
    .lightbox-team .container {
     width: 100%;
    }
    .fancybox-close {
     background: url("./img/close-icon.jpg") no-repeat center center transparent;
     background-size: 60px;
     top: 0px;
     right: 0px;
    }
    /* Lab Team */
    .lab-team-page .t-member {
     width: 33.33%;
    }
    .breadcrumbs li a {
     font-size: 0.875rem;
    }
    .breadcrumbs .menu-reference-design-container li a {
     padding: 10px;
    }
    .about-breadcrumbs.breadcrumbs li a {
     padding: 10px 8px;
    }
   
    /* Blog */
    .blog-sidebar .jaw_months {
     padding: 2px 2px 2px 2px !important;
    }
   
    .press-article .video-thumb2 {
     margin: 20px 0;
     float: left;
     margin-right: 20px;
    }
   
    .press-article .video-thumb2 img {
     max-width: 240px;
    }
    .press-article .mobile-blog-video {
     width: 380px;
    }
   
    .press-article .mobile-blog-video iframe {
     width: 380px !important;
     height: 240px;
    }
   
    /* MISSION */
    .mission-page .intro {
     background-size: 100%;
    }
    .mission-page .video-path {
     background-position: calc(-10vw) 0px;
    }
    .mission-page .video-path,
    .solutions-page .video-path,
    .video-section .video-path {
     background-position: center left !important;
     background-attachment: inherit;
    }
   
    /*Homepage*/
    .home-page .banner .item-work {
     border-right: 0px;
    }
    .home-page .banner {
     padding: 80px 0 100px 0;
    }
    .home-page .open-source-platforms .box {
     padding: 20px 15px 30px 15px;
    }
    .home-page .open-source-platforms .info-platform {
     min-height: 150px;
     font-size: 0.875rem;
    }
    .home-page .open-source-platforms .platform-logo {
     max-width: 160px;
     margin-bottom: 10px;
    }
    .home-page .open-source-platforms {
     padding: 70px 0 100px 0;
    }
    .home-page .open-source-model .box {
     margin: 30px auto 0 auto;
     width: 90%;
     min-height: 0;
    }
   
    /* SOLUTIONS PAGES */
    .breadcrumbs.solutions-breadcrumbs li a {
     padding: 10px 14px;
    }
   
    .platforms-page .cord-controller-img {
     margin-bottom: 40px;
    }
    .platforms-page .hardware .text-wrap {
     margin-top: 30px;
    }
    .solutions-page .problem .cord-screen {
     margin-bottom: 30px;
    }
   
    .mission-page .video-path,
    .video-section .video-path {
     background: rgba(54, 149, 205, 0.85);
     height: 100%;
    }
   
    .solutions-page .video-path {
     background: rgba(196, 22, 28, 0.85);
     height: 100%;
    }
   
    /* Broll Section start */
    .video-section.broll-section .video-path {
     background: rgba(196, 22, 28, 0.75) !important;
    }
    /* Broll section end */
   
    .solutions-page .in-section .trellis-sc {
     margin-top: 60px;
     margin-left: auto;
     margin-right: auto;
     max-width: 450px;
     text-align: center;
     display: block;
    }
    .solutions-page .in-section .figure-border {
     border-left: none;
    }
    .solutions-page .system-component {
     max-width: 450px;
     text-align: center;
     margin: 0 auto;
     display: block;
    }
   
    /* Membersip Info Page*/
    .membership-page .membership-levels .level-item {
     width: 100%;
    }
   
    .cd-products-table {
     position: relative;
     overflow: hidden;
     margin-top: 90px;
    }
    .cd-products-table .features {
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     width: 120px;
     border: none;
     background-color: #3695cd;
     opacity: 0.95;
    }
    .cd-products-table .features .top-info {
     height: 160px;
     background-color: #fff;
     border-color: #fff;
    }
    .cd-features-list {
     list-style: none;
     font-size: 12px;
     font-weight: 400;
     padding: 0;
    }
    .cd-products-table .features .cd-features-list {
     font-weight: 500;
     margin: 0px;
    }
    .smartling-de .cd-products-table .features .cd-features-list {
     word-break: break-word;
    }
    .cd-products-table .features .cd-features-list li {
     background-color: #fff;
     color: #333;
     font-size: 0.9rem;
    }
    .cd-products-table .features .cd-features-list li:nth-child(2n + 1) {
     background-color: #e5e5e5;
    }
    .cd-features-list li {
     padding: 5px;
     border: none;
     height: 200px;
     overflow: hidden;
     font-size: 0.8rem;
     font-family: "gilroysemibold", sans-serif;
    }
    .cd-products-wrapper {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     border-style: solid;
     border-color: #f2f2f2;
     border-top-width: 1px;
     border-bottom-width: 1px;
     margin-bottom: 100px;
    }
    .cd-products-columns {
     width: 520px;
     margin-left: 78px;
     list-style: none;
    }
   
    .prods-list-2 .cd-products-columns .product {
     width: 300px;
    }
    .cd-products-columns .product {
     position: relative;
     float: left;
     width: 150px;
     font-size: 12px;
     text-align: center;
     -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
     -moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
     transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
     width: 200px;
    }
    .cd-products-columns .product .table-prod-img {
     max-width: 120px;
     width: 100%;
    }
    .cd-products-columns .product img.check-icon {
     max-width: 22px;
     display: block;
     margin: 25px auto 0 auto;
    }
    .cd-products-columns .product .os-logo .logo-os {
     max-width: 40px;
     width: 100%;
    }
    .cd-products-columns .header-product h4 {
     font-size: 1.1rem;
     text-transform: none;
    }
    .cd-products-columns .header-product .table-icon {
     width: 100%;
     max-width: 65px;
     margin: 15px 0;
    }
    .cd-products-columns .product .header-product {
     overflow: auto;
     height: 160px;
     background: #fff;
    }
    .cd-products-columns .product .header-product.partner,
    .cd-products-columns .product.partner li {
     background: #0f80c3;
     color: #fff;
    }
    .cd-products-columns .product.partner .cd-features-list li:nth-child(2n + 1) {
     background: #1182c4;
    }
    .cd-products-columns .product .header-product.co-inn,
    .cd-products-columns .product.co-inn {
     background: #1d88c7;
     color: #fff;
    }
    .cd-products-columns .product.co-inn .cd-features-list li:nth-child(2n + 1) {
     background: #1a85c5;
    }
    .cd-products-columns .product .header-product.innovator,
    .cd-products-columns .product.innovator {
     background: #3695cd;
     color: #fff;
    }
    .cd-products-columns
     .product.innovator
     .cd-features-list
     li:nth-child(2n + 1) {
     background: #3190c8;
    }
    .cd-products-columns .product .header-product.collaborator,
    .cd-products-columns .product.collaborator {
     background: #4fa2d3;
     color: #fff;
    }
    .cd-products-columns
     .product.collaborator
     .cd-features-list
     li:nth-child(2n + 1) {
     background: #479bcc;
    }
   
    .cd-products-columns .product h5 {
     font-size: 12px;
     margin: 5px 0;
    }
    .wrapper-products-table {
     width: 100%;
     max-width: calc(100vw - 18px);
    }
    .cd-products-table .cd-table-navigation a {
     position: absolute;
     z-index: 2;
     top: 0;
     right: 15px;
     -webkit-transform: translateY(55px);
     -moz-transform: translateY(55px);
     -ms-transform: translateY(55px);
     -o-transform: translateY(55px);
     transform: translateY(55px);
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     color: transparent;
     height: 60px;
     width: 40px;
     background: rgba(255, 255, 255, 0.8) url(img/arrow-right.png) no-repeat center
      center;
     background-size: 16px;
     border-radius: 3px;
     -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s,
      -webkit-transform 0.3s;
     -moz-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s,
      -moz-transform 0.3s;
     transition: background-color 0.3s, opacity 0.3s, visibility 0.3s,
      transform 0.3s;
    }
    .cd-table-navigation a.prev {
     left: 140px;
     -webkit-transform: translateY(55px) translateX(-70px) rotate(180deg);
     -moz-transform: translateY(55px) translateX(-70px) rotate(180deg);
     -ms-transform: translateY(55px) translateX(-70px) rotate(180deg);
     -o-transform: translateY(55px) translateX(-70px) rotate(180deg);
     transform: translateY(55px) translateX(-70px) rotate(180deg);
    }
    .cd-table-navigation a.inactive {
     opacity: 0;
     visibility: hidden;
    }
    .cd-table-navigation {
     margin: 0;
     padding: 0;
     list-style: none;
    }
    .prods-list-2 .cd-table-navigation a.next {
     visibility: hidden;
     opacity: 0;
    }
    .video-section {
     background-attachment: fixed;
    }
   
    .related-posts .wrapper-press {
     padding: 16px 10px;
    }
   
    .reference-design-page .block-rd {
     width: 32%;
    }
   
    /* Board page */
    .board-member .logo-wrap {
     width: 200px;
    }
    .board-member .board-logo {
     background: #fff;
     max-width: 150px;
     width: 100%;
    }
    .board-member .bio-wrap {
     width: 290px;
    }
   
    .follow-page .social-icons .icon {
     margin-right: 10px;
    }
    .platforms-page .top-space {
     margin-top: 20px;
    }
    .platforms-page .xos-hardware-img {
     margin-bottom: 30px;
    }
   
    .usct-page .board-member {
     width: 100%;
    }
   
    /* Single Events */
    .single-events .event-content {
     padding: 30px 0 50px 0;
    }
    .single-events .event-content.sub-event {
     padding: 20px;
    }
    .single-events .register-box {
     margin-top: 30px;
    }
    /* Learn More Us */
    .learn-morepage .overview {
     padding-top: 60px;
     padding-bottom: 40px;
    }
    .learn-morepage .community {
     padding-top: 65px;
     margin-top: -0px;
    }
   
    /* Product Certification */
    .product-certification .openflow-certification .registration-box h2 {
     margin-bottom: 15px;
    }
   
    /* Stratum Page */
    .stratum-page .use-cases .box {
     min-height: 0px;
    }
    .stratum-page .community .sectiontitle {
     margin-top: 0px;
     margin-bottom: 20px;
    }
    .stratum-page .logos-group {
     padding-left: 0px;
     border-left: 0px;
     margin-bottom: 60px;
    }
    .stratum-page .community .small-logos {
     padding-left: 0px;
     padding-top: 0px;
    }
    .stratum-page .community .big-logo {
     max-width: 236px;
    }
    .stratum-page .community .small-logo {
     max-width: 128px;
    }
    .stratum-page .community {
     padding: 115px 0 50px 0;
    }
    .stratum-page .cta {
     padding: 145px 0 160px 0;
    }
    .stratum-page .cta p {
     width: 100%;
     margin-bottom: 40px;
    }
   
    /* ONF - Connect */
    .hide_menu {
     display: none;
    }
   
    #onf-connect li.register-btn-2019 a {
     margin-top: 5px;
     margin-left: 0px;
    }
   
    #onf-connect .speaker-full-wrap {
     width: 100%;
    }
    #onf-connect .speakers h4 {
     padding-top: 10px;
    }
    .header-connect .navbar-default.shrink .navbar-brand .logo-scroll {
     max-width: 120px;
    }
    .header-connect .navbar-header .logo {
     max-width: 160px;
    }
    #onf-connect #page-content #content {
     margin-top: 90px;
    }
    #onf-connect .slots {
     padding-top: 30px;
    }
    #onf-connect .slots.tracks-table {
     margin-top: 0px;
    }
    .header-connect .connect-2019-nav {
     float: none;
     margin-left: 0px;
    }
    #onf-connect .connect-page .button.button-blue {
     width: 80%;
     margin: 10px 10% 20px 10%;
    }
    #onf-connect .connect-page.demos-connect-page .button.button-blue {
     width: 30%;
     margin: 10px 1.5% 10px 1.5%;
    }
    .demos-connect-page .desc {
     width: 90%;
    }
    .demos-connect-page .academic-section .speaker {
     margin-top: 57px;
    }
   
    /*Logos & Titles*/
    .members-section .members-title-side {
     margin-top: 10px;
    }
   
    /* ORG Chart */
    .org-chart-page .org-chart ul a {
     padding: 5px;
    }
    .org-chart-page .org-chart ul .t-sab-box > a,
    .org-chart-page .org-chart .advisory a {
     height: 90px;
    }
    .org-chart-page .org-chart .department:first-child,
    .org-chart-page .org-chart .departments li.dep-a {
     margin-left: 221px;
    }
    .org-chart-page .org-chart .department.project-2:before {
     top: -27px;
    }
    .org-chart-page .org-chart .department.dep-b .sections a {
     height: 80px;
    }
    .org-chart-page .org-chart .departments:before {
     right: 8%;
    }
   
    .analyst-page .border-left {
     border-left: 0px;
     margin-top: 25px;
    }
   
    /* ONOS Page */
    .onos-solutions .bluebox {
     min-height: 370px;
    }
    .onos-features .features .span2 {
     width: 33%;
    }
    .project-page.overview-page .project-box {
     min-height: 400px;
    }
   
    /* White Box */
    .white-box-certification .benefits .box {
     min-height: 0;
     margin-bottom: 30px;
    }
    .white-box-certification .partners .logo-wrap {
     width: 33%;
    }
   }
   
   /* Portrait IPAD */
   
   @media screen and (max-width: 768px) {
    /* CONTACT */
   
    .contact-page .second-col {
     width: 100%;
     margin-left: 0px;
     border-radius: 0 0px 10px 10px;
     display: block;
    }
    /* MISSION */
    .mission-page .video-path {
     background-position: calc(-20vw) 0px;
    }
   
    .copyright .img-wrap {
     display: inline-block;
     width: 20%;
     position: relative;
     top: -12px;
     padding-right: 0px;
    }
   
    #onf-connect .table-4 td,
    #onf-connect .table-3 td {
     width: 50%;
     display: inline-block;
    }
   
    #mc_embed_signup label {
     font-size: 13px;
     width: 100px;
     margin: 0 auto;
     text-align: center;
     color: #333;
    }
   
    /* memebership benefit levels */
    .contact-membership .membership-button2 {
     margin-left: 0px;
    }
   
    /* ONF Connect 2019 */
   
    #onf-connect .header.onf-connect-2019 .video-banner {
     padding: 275px 0 150px 0;
    }
   
    #onf-connect .header.onf-connect-2019 h1 {
     font-size: 60px;
    }
   
    #onf-connect .header.onf-connect-2019 h2 {
     font-size: 20px;
    }
   
    #onf-connect .header.onf-connect-2019 h3 {
     font-size: 18px;
    }
   
    #onf-connect .header.onf-connect-2019 #banner-text {
     top: 20%;
    }
   
    #onf-connect #about .blue_wrap {
     padding: 30px;
    }
   
    #onf-connect #about .video {
     right: 0px;
     top: 0px;
     position: relative;
    }
   
    #onf-connect #sponsors .sponsor,
    #onf-connect .sponsors_2018 #sponsors .sponsor {
     width: 30%;
    }
   
    #onf-connect .highlights_2018 .attendee_testimonials .quote .text-wrap {
     padding: 22px;
     min-height: 160px;
    }
   
    #onf-connect h3 {
     font-size: 16px;
    }
   
    #onf-connect #mc_embed_signup .clear {
     display: inline;
    }
   
    #onf-connect #mc_embed_signup input.email {
     width: 50%;
    }
   
    #onf-connect #mc_embed_signup .button {
     width: 20%;
     display: inline-block;
    }
   
    #onf-connect .header.onf-connect-2019 .video-banner {
     background-attachment: inherit;
    }
   
    #onf-connect .speakers-list {
     padding: 60px 0 0px 0;
    }
   
    #onf-connect .collage,
    #onf-connect .collage-sponsors {
     height: 250px;
    }
   
    #onf-connect #event_partners hr {
     margin: 30px auto;
    }
   
    #onf-connect #why_attend .box-video {
     height: 150px;
     margin-bottom: 30px;
    }
   
    #onf-connect div#why_attend {
     padding-bottom: 0px;
    }
   
    #onf-connect .video a.video-play span.top {
     left: 28%;
    }
   
    #onf-connect .video a.video-play span.bot {
     left: 25%;
    }
   }
   
   /* Only small tablet sm */
   @media screen and (min-width: 768px) and (max-width: 991px) {
    .opportunity-item-4 .community-item.opportunity-item:nth-child(3) {
     margin-right: 0px;
    }
    ul.seba-bullets li {
     display: inline-block;
     padding-right: 30px;
     width: 100%;
    }
   
    .reference-sections .rd-text {
     padding-top: 0%;
    }
   
    .container {
     padding-left: 30px;
     padding-right: 30px;
    }
    .navbar-default .navbar-nav > li > a {
     padding: 15px 10px;
     font-size: 1.25rem;
    }
    .navbar-default .btn-nav .dropdown-toggle {
     color: #606060 !important;
     background: transparent;
     border-radius: 0px;
     padding: 15px 10px !important;
     margin: 0px;
    }
    #menu-main-menu .dropdown-menu > li > a {
     padding: 10px 20px 10px 30px !important;
     font-size: 1.125rem;
    }
    .header-connect #menu-main-menu .dropdown-menu > li > a {
     font-size: 1rem;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
     max-height: 742px;
    }
    /*home*/
    .banner-text-wrapper p {
     font-size: 1.125rem;
    }
   
    .events-page .blog-item .date {
     width: 13%;
    }
    .platforms-page .top-space {
     margin-top: 90px;
    }
    .solutions-page .multilayer-img {
     margin-bottom: 30px;
    }
    .two-cols li {
     width: 49%;
     display: inline-block;
     vertical-align: top;
    }
   
    #mc_embed_signup_scroll h3.centered {
     margin-top: 20px;
    }
   
    .mc-field-group.input-group {
     position: absolute;
     left: 0px !important;
     top: 150px !important;
    }
   }
   
   /***
   ****  MOBILE DEVICES ****
   ****/
   
   @media screen and (max-width: 767px) {
    /* GENREAL */
    img {
     width: 100%;
     height: auto;
    }
    table {
     width: 100% !important;
    }
    h1,
    .h1 {
     font-size: 1.475rem;
    }
    .in-section {
     padding: 30px 0 60px 0;
    }
   
    /*header*/
    .navbar-default .navbar-toggle {
     margin-top: 22px;
    }
    .navbar-header .logo {
     max-width: 80px;
    }
    .navbar-default.shrink .search-button {
     margin-top: 4px;
    }
    .navbar-default.shrink .navbar-brand .logo-scroll {
     max-width: 100px;
     margin-top: 6px;
    }
    .navbar-default.shrink .navbar-toggle {
     margin-top: 10px;
     margin-bottom: 10px;
    }
    .paginate-links .page-numbers {
     background: #b3b3b3;
     color: #fff;
     border-radius: 50%;
     padding: 5px 10px;
     display: inline-block;
     min-width: 32px;
     margin: 0 4px;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
     background-color: #e6e6e6;
    }
   
    #top-link-block.affix {
     bottom: 80px;
    }
    #page-content #content {
     margin-top: 107px;
    }
    .home #page-content #content,
    .sitemap #page-conent #content,
    .page-template-page-contact #page-content #content,
    .sdn-page #page-content #content,
    .page-template-default #page-content #content {
     margin-top: 76px;
    }
    .breadcrumbs {
     margin-top: 76px;
    }
    .breadcrumbs.shrink {
     margin-top: 54px;
    }
    .search.icon {
     margin: 8px 0 0 25px;
    }
    /* Dropdown menu */
    .dropdown-menu > li > a {
     color: #333;
     padding: 5px 20px 10px 30px !important;
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
     background-color: transparent;
     color: #333;
    }
    .dropdown-menu:hover {
     background: transparent;
    }
    .dropdown-menu:after {
     display: none;
    }
    .dropdown-menu {
     position: relative;
     box-shadow: none;
     width: 100%;
     text-align: left;
     background: transparent;
     color: #333;
     border: 0px;
     padding: 0px 0 20px 0;
     top: 0px;
    }
   
    /* footer */
    footer {
     padding: 40px 0 50px 0;
    }
   
    /* breadcrumbs */
    .breadcrumbs .container {
     padding-right: 0px;
     padding-left: 0px;
    }
    /*.breadcrumbs li{
       width: 100%;
     }*/
    .breadcrumbs li a,
    .breadcrumbs.project-breadcrumbs li a,
    .breadcrumbs.solutions-breadcrumbs li a {
     font-size: 0.8rem;
     padding: 5px 10px 5px 15px;
     width: 100%;
     text-align: left;
    }
    /*.breadcrumbs .active:after, .breadcrumbs .current-page-ancestor:after {
       content: '';
       position: absolute;
       margin-left: 0px;
       left: 0;
       bottom: 10px;
       border-left: 8px solid #fff;
       border-top: 8px solid transparent;
       border-right: 0px;
       border-bottom: 8px solid transparent;
     }
     .breadcrumbs.gray-triangle .active:after{
        border-left: 8px solid #f2f2f2;
        border-top: 8px solid transparent;
       border-right: 0px;
       border-bottom: 8px solid transparent;
     }
     .breadcrumbs.blue-triangle .active:after{
        border-left: 8px solid #003c7f;
        border-top: 8px solid transparent;
       border-right: 0px;
       border-bottom: 8px solid transparent;
     }*/
   
    .mailchimp-form #mc_embed_signup .mc-field-group {
     top: 200px;
    }
   
    /* Lab Team */
    .lab-team-page .t-member {
     width: 50%;
    }
   
    .fancybox-opened {
     max-width: 90%;
     left: 5% !important;
     width: 100% !important;
    }
    .fancybox-type-iframe .fancybox-inner {
     width: 100% !important;
     height: auto !important;
    }
   
    .resources-list .resource-item,
    .xos-page .resources-list .resource-item {
     width: 100%;
    }
    /* BLOG */
    .blog-item .date {
     width: 15%;
     min-width: 92px;
    }
    .blog-item .wrapper-article.onf-event,
    .blog-item a:hover .wrapper-article.onf-event {
     background-size: 80px;
    }
   
    /* CONTACT */
   
    .contact-page .text-wrapper {
     padding: 40px 30px 60px 30px;
    }
    .contact-page .form-wrapper {
     padding: 45px 30px 45px 30px;
    }
   
    /* MISSION */
    .logos-wrap .logo-1,
    .logos-wrap .logo-2,
    .logos-wrap .logo-3 {
     display: table-cell;
     width: 33%;
     height: 120px;
     padding: 0px 20px;
    }
    .mission-page .video-section {
     padding: 40px 0 50px 0;
     height: auto;
    }
    .mission-page .intro {
     background-size: contain;
     padding: 70px 0 80px 0;
    }
    .mission-page .partners {
     padding: 40px 0 50px 0;
    }
   
    /*SDN Page*/
    .sdn-page .trends {
     padding: 50px 0;
    }
    .sdn-page .dedicated {
     padding: 80px 0 85px 0;
    }
    .sdn-page h2 {
     font-size: 1.675rem;
    }
   
    /* Homepage */
   
    .home-page .banner h1 {
     font-size: 1.65rem;
     text-align: left;
    }
    .home-page .banner .item-work {
     text-align: left;
     padding: 0 0px;
     display: block;
    }
    .home-page .banner .work {
     text-align: left;
    }
    .home-page .banner {
     background: url("./img/background-onf-homepage-mobile.jpg") no-repeat center
      center transparent;
     background-size: cover;
     padding: 70px 0 70px 0;
    }
    .home-page .announcement {
     padding: 40px 0 70px 0;
    }
    .home-page .announcement .button {
     margin-top: 10px;
    }
    .home-page .announcement p.left {
     border-left: 0px;
    }
   
    .home-page .open-source-platforms .box {
     padding: 20px 25px 30px 25px;
    }
    .home-page .open-source-platforms .info-platform {
     min-height: 0px;
     font-size: 1rem;
     margin-bottom: 20px;
    }
    .home-page .open-source-platforms {
     padding: 30px 0 80px 0;
    }
    .home-page .members-section,
    .members-section {
     padding: 40px 0 50px 0;
    }
    .home-page .collaborators-home {
     padding: 40px 0 40px 0;
    }
    .home-page .open-source-model {
     padding: 40px 0 40px 0;
    }
    .home-page .open-source-model .box::after,
    .home-page .open-source-model .box.third-model::before {
     display: none;
    }
    .home-page .open-source-model .item-model {
     padding-bottom: 45px;
    }
    .home-page .open-source-model .item-model::after {
     content: "";
     position: absolute;
     left: 50%;
     background: url(./img/arrow-diagram-mobile.png) no-repeat center center
      transparent;
     background-size: 41px;
     bottom: -10px;
     margin-left: -21px;
     width: 42px;
     height: 43px;
    }
    .home-page .open-source-model .item-model.item-model-4::after {
     display: none;
    }
    .home-page .open-source-model .button {
     margin-top: 0px;
    }
    .home-page .sdn-home .projects-wrap a {
     padding-left: 20px;
    }
    .home-page .sdn-home .areas-wrap a {
     padding-right: 20px;
    }
    .home-page .software-defined .box-text-wrap {
     margin-top: 30px;
    }
    .home-page .benefits {
     padding: 50px 0 70px 0;
    }
    .home-page .benefits .benefits-graphic {
     position: relative;
     height: auto;
     margin: 30px 0;
    }
    .home-page .benefits .circles-benefits {
     max-width: 280px;
    }
    .home-page .market-impact .quote-box {
     padding: 30px 20px;
    }
    .home-page .market-impact,
    .home-page .report-platforms,
    .home-page .sdn-home,
    .home-page .software-defined,
    .home-page .events-section {
     padding: 40px 0 60px 0;
    }
    .home-page .mailchimp-form {
     padding: 50px 0 150px 0;
    }
    .home-page .market-impact h3 {
     margin-top: 40px;
    }
    .home-page .sdn-home .img-wrap {
     min-height: 480px;
    }
    .home-page .software-defined .box-text-wrap .box:after {
     background-size: 30px;
     top: -180px;
     right: -40px;
    }
    .home-page .software-defined .button {
     margin-top: 40px;
    }
    .home-page .software-defined .box-text-wrap {
     width: 95%;
    }
    .home-page .software-defined .box-text-wrap .box {
     max-width: 100%;
     padding: 35px;
     margin: 0 15px 24px 15px;
    }
    .home-page .open-source-model .item-model {
     -moz-transition: none;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     -moz-transform: translate3d(0px, 0px, 0px);
     -webkit-transform: translate3d(0px, 0px, 0px);
     -o-transform: translate(0px, 0px, 0px);
     -ms-transform: translate(0px, 0px, 0px);
     transform: translate3d(0px, 0px, 0px);
    }
   
    .home-page .open-source-model .item-model.item-model-2,
    .home-page .open-source-model .item-model.item-model-3,
    .home-page .open-source-model .item-model.item-model-4 {
     -moz-transition-delay: 0;
     -webkit-transition-delay: 0;
     -o-transition-delay: 0;
     transition-delay: 0;
    }
   
    .home-page .members-section h2 {
     margin-bottom: 5px;
    }
    .home-page .members-section .members-title {
     margin: 50px auto 15px auto;
    }
    .home-page .benefits .benefits-text {
     width: 90%;
    }
    .home-page .report-platforms .stat {
     margin-bottom: 35px;
     width: 100%;
    }
    .home-page .events-section .event-box h4 {
     min-height: 0px;
    }
   
    .mailchimp-form input#mc-embedded-subscribe {
     margin-left: 0px;
     width: 93%;
     margin-top: 10px;
    }
   
    section.announcemnt.cta-section {
     height: 750px;
    }
    .announcemnt.cta-section .logo-mark {
     height: 750px;
    }
   
    .mission-page .video-path,
    .solutions-page .video-path,
    .video-section .video-path {
     background: rgba(54, 149, 205, 0.85);
     height: 100%;
    }
    .platforms-page .cta-section,
    .solutions-page .cta-section,
    .sdn-page .cta-section {
     padding: 90px 0 100px 0;
    }
   
    /* Project Pages */
    .project-page .resources {
     padding: 50px 0 50px 0;
    }
    .project-page .project-info {
     padding: 45px 0 70px 0;
    }
    /* SOlutions Pages */
    .solutions-page .seba {
     text-align: left;
     margin-bottom: 10px;
    }
    .solutions-page .intro {
     padding: 60px 0 50px 0;
    }
    .solutions-page .in-section {
     padding: 75px 0 60px 0;
    }
   
    .solutions-page .video-section.e-cord-video {
     padding: 40px 0 50px 0;
     height: auto;
    }
    .solutions-page .video-path {
     background: rgba(196, 22, 28, 0.85);
     height: 100%;
    }
   
    /* Platforms pages */
   
    .platforms-page .cta-section .second-item {
     border-left: 0px;
    }
    .platforms-page .intro {
     padding: 40px 0 45px 0;
    }
    .members-section .wrap-members-list.first-row .logo-wrap,
    .members-section .operators .logo-wrap {
     width: 33%;
    }
    .members-section .wrap-members-list.second-row .logo-wrap {
     width: 20%;
    }
    .members-section .wrap-members-list.st-third-row .logo-wrap {
     width: 15%;
    }
   
    .platforms-page .cta-section {
     padding: 45px 0 50px 0;
    }
   
    /* Software pages*/
    .software-overview .panel-title span {
     display: block;
     float: left;
    }
    .software-overview .panel-title .cat-title {
     width: 70%;
    }
    .software-overview .intro {
     padding: 45px 0 60px 0;
    }
    .software-page .intro {
     padding: 45px 0 30px 0;
    }
    .software-overview .documents_list {
     margin-bottom: 75px;
    }
   
    /* Membership Page */
    .wrapper-products-table {
     width: 100%;
     max-width: calc(100vw);
    }
    .prods-list-2 .cd-products-columns {
     width: 590px;
    }
    .prods-list-2 .cd-products-columns .product {
     width: 200px;
    }
    .prods-list-2 .cd-table-navigation a.next {
     visibility: visible;
     opacity: 1;
    }
    .prods-list-2 .cd-table-navigation a.next.inactive {
     visibility: hidden;
     opacity: 0;
    }
    .membership-page .membership-levels .level-item {
     width: 100%;
    }
    .membership-page .membership-levels .levels-list .text-wrap {
     width: 100%;
     display: block;
    }
    .membership-page .membership-levels .levels-list .img-wrap {
     display: block;
     width: 100%;
    }
    .cd-products-columns {
     width: 440px;
    }
    .cd-products-table .cd-table-navigation a {
     margin-top: -25px;
    }
    .cd-products-table .features .cd-features-list li {
     font-size: 0.8rem;
    }
    .membership-page .membership-levels {
     padding: 10px 0 50px 0;
    }
    .contact-membership.contact-box {
     padding: 60px 0 90px 0;
    }
    .video-section {
     height: auto;
    }
    /* Board Page */
    .board-member {
     width: 100%;
     border-radius: 7px;
    }
    .board-member .img-wrap {
     width: 200px;
    }
    .board-member .team-img {
     max-width: 200px;
     border-radius: 7px 0 0 0;
    }
    .board-member .bio-wrap {
     width: auto;
     padding: 20px 10px 10px 20px;
    }
    .board-member .board-logo {
     max-width: 100px;
    }
    .board-member .bio-wrap h2 {
     font-size: 1.2rem;
     font-family: "gilroyregular", sans-serif;
    }
    .board-member .bio-wrap .title {
     margin-bottom: 0px;
     font-size: 0.8rem;
     line-height: 100%;
    }
    .board-member .img-wrap .read-link {
     padding: 10px 5px 10px 5px;
     font-size: 0.8rem;
     text-align: center;
    }
   
    /*videos */
    .home-page .video-section .video-box,
    .mission-page .video-section .video-box,
    .solutions-page .video-section .video-box,
    .video-section .video-box {
     line-height: 100%;
    }
    iframe {
     width: 100%;
     height: 250px;
    }
    /* Resources */
    .resources-list .resource-item {
     text-align: left;
     margin: 40px 0 10px 0;
    }
    .resources-list .resource-item .wrap-img {
     display: inline-block;
     width: 130px;
     vertical-align: middle;
    }
    .resources-list .resource-item .wrap-text {
     display: inline-block;
     text-align: left;
     vertical-align: middle;
     width: calc(100% - 130px);
    }
   
    .mission-page .video-section h2,
    .video-section h2,
    .home-page h2 {
     font-size: 1.4rem;
    }
    .home-page .loading-wrap {
     width: 100%;
    }
    .home-page .loading-wrap-inside {
     width: 33%;
    }
    .home-page .step_text_wrap {
     margin: 0px auto -60px auto;
    }
    .home-page .slider_wrap .active .control-img {
     opacity: 1;
    }
   
    /* follow us*/
    .follow-page .white-box {
     padding: 25px 30px 20px 30px;
     min-height: auto;
     margin-top: 15px;
    }
   
    /* Single Events */
    .single-events {
     padding: 30px 0 0px 0;
    }
    .single-events .header-info {
     padding: 30px 30px 10px 30px;
    }
    .single-events .header-info .col-xs-12 {
     margin-bottom: 20px;
    }
   
    /* Learn More Us */
    .learn-morepage .wrapper-projects .wrap .centered {
     text-align: left;
    }
    .learn-morepage .mailing-item {
     height: 120px;
     margin-bottom: 20px;
     padding: 10px 15px 15px 15px;
    }
    .learn-morepage .mailing {
     padding: 45px 0 60px 0;
    }
    .learn-morepage .community {
     padding-top: 45px;
     margin-top: -10px;
     padding-bottom: 70px;
    }
    .learn-morepage .onf-briks {
     max-width: 150px;
     margin-top: 30px;
    }
    .learn-morepage .overview {
     padding-top: 40px;
     padding-bottom: 0px;
    }
    .learn-morepage .wrapper-projects {
     padding: 0 30px 30px 30px;
    }
   
    /* Product Certificate */
    .product-certification .openflow-certification {
     padding: 50px 0 60px 0;
    }
    .product-certification .openflow-certification .registration-box h2 {
     font-size: 24px;
     width: 100%;
    }
    .product-certification .openflow-certification .registration-box .button-wrap {
     display: inline-block;
     margin-left: 0px;
    }
    .product-certification .logo-usage {
     padding: 45px 0 50px 0;
    }
    .product-certification .available-certificates {
     padding: 40px 0 40px 0;
    }
    .product-certification .available-certificates .openflow-logo {
     margin: 0 0px 10px 0;
    }
    .product-certification .labs {
     padding: 40px 0;
    }
    .product-certification .guidelines-wrap {
     padding: 30px 0 20px 00px;
     border-top: 1px solid #cccccc;
     border-left: 0px;
    }
    .skills-certification .onf-certified-logo {
     margin-bottom: 20px;
     max-width: 200px;
    }
    .skills-certification .partners {
     padding: 50px 0 85px 0;
    }
    .skills-certification .cta-section {
     background: #e6e6e6;
     padding: 70px 0 80px 0;
    }
    .skills-certification h2 {
     font-size: 26px;
    }
    .skills-certification .partners .col-sm-3 {
     width: 50%;
    }
    .product-registry .registry-table th:nth-child(1) {
     width: 20%;
    }
    .product-registry .registry-table th:nth-child(3),
    .product-registry .registry-table th:nth-child(4) {
     width: auto;
    }
    .product-registry .registry-table th,
    .product-registry .registry-table tr td {
     padding: 5px !important;
     font-size: 13px;
    }
   
    /* Stratum Page */
    .stratum-page .stratum-structure .stratum-controller-img {
     margin-bottom: 20px;
    }
    .stratum-page .stratum-structure .list-title {
     margin-top: 40px;
    }
    .stratum-page .stratum-structure {
     padding: 50px 0 60px 0;
    }
    .stratum-page .use-cases {
     padding: 55px 0 70px 0;
     background: #e6e6e6;
    }
    .stratum-page .community {
     padding: 70px 0 50px 0;
    }
    .stratum-page .cta {
     padding: 75px 0 80px 0;
    }
    .stratum-page .cta .col-2 {
     width: 100%;
    }
    .stratum-page .use-cases .img-wrap {
     display: inline-block;
     width: 100%;
     text-align: center;
     margin-bottom: 20px;
    }
    .stratum-page .use-cases .text-wrap {
     width: 100%;
     padding-left: 0px;
    }
    .stratum-page .community .logo-wrap {
     width: 100%;
     text-align: center;
    }
    .stratum-page .community .sectiontitle {
     text-align: center;
    }
    .stratum-page .community .small-logos .logo-wrap {
     width: 50%;
    }
    .stratum-page .sectiontitle {
     font-size: 1.5rem;
    }
    .stratum-page .definition .technical-title {
     margin-top: 0px;
    }
   
    /* ONF Connect */
    #onf-connect .speaker-full-wrap {
     margin: 0 auto 30px auto;
     width: calc(100% - 40px);
     padding-bottom: 30px;
     max-width: 225px;
    }
    #onf-connect .speaker-full-wrap .team-img {
     border-radius: 7px;
     max-width: 225px;
    }
    #onf-connect .speaker-full-wrap .img-cell {
     padding-right: 0px;
    }
    #onf-connect .small-table {
     width: 100%;
    }
    #onf-connect .board-member .team-img,
    #onf-connect .speaker-wrap .board-member {
     max-width: 225px;
    }
    #onf-connect .board-member .img-wrap {
     width: 100%;
    }
    #onf-connect .registration-section .mobile-table.table-wrap th {
     border-radius: 7px 7px 0 0;
    }
    #onf-connect .registration-section .mobile-table table {
     margin-bottom: 40px;
    }
    #onf-connect .registration-section .table-wrap {
     margin: 0px 0 60px 0;
    }
    #onf-connect .slots {
     padding: 30px 0 20px 0;
    }
    .header-connect .navbar-header .logo,
    .header-connect .navbar-default.shrink .navbar-brand .logo-scroll {
     max-width: 100px;
     margin-top: 6px;
    }
    #onf-connect #page-content #content {
     margin-top: 78px;
     margin-bottom: 0px;
    }
    #onf-connect section.header {
     padding: 45px 0px 60px 0;
    }
    #onf-connect .connect-page .header .event-info {
     background: rgba(255, 255, 255, 0.8);
     margin: 0 10px;
     width: calc(100% - 20px);
    }
    #onf-connect .curve-div {
     height: 35px;
    }
    #onf-connect .speakers-list {
     padding: 40px 0 50px 0;
    }
    #onf-connect section.about {
     padding: 45px 0px 0px;
    }
   
    #onf-connect .sponsors .sponsor {
     width: 33%;
    }
   
    #onf-connect .day-tabs .button {
     font-size: 0.75rem;
     line-height: 100%;
     padding: 5px;
     width: 100%;
     letter-spacing: 0.5px;
    }
   
    /* ONF connect 2019 */
   
    #onf-connect .header.onf-connect-2019 .video-banner {
     padding: 230px 0 100px 0;
     background-position-y: 0px;
    }
   
    #onf-connect .header.onf-connect-2019 h1 {
     font-size: 30px;
    }
   
    #onf-connect .header.onf-connect-2019 h2 {
     font-size: 18px;
    }
   
    #onf-connect .header.onf-connect-2019 h3 {
     font-size: 15px;
    }
   
    #onf-connect h3 {
     font-size: 18px;
    }
   
    #onf-connect #about .blue_wrap {
     border-radius: 0px;
     position: relative;
     top: 0px;
     color: #fff;
     padding: 50px 10px;
     margin-top: 20px;
     margin-bottom: 30px;
    }
   
    div#event_partners {
     padding: 20px 0px 0px;
    }
   
    #onf-connect #about .video {
     position: relative;
     right: 0px;
    }
   
    #onf-connect #sponsors .sponsor {
     width: 50%;
    }
   
    #onf-connect .highlight_header .banner {
     width: 80%;
     margin: 0 auto;
    }
   
    #onf-connect .attendee_testimonials .quote {
     margin: 25px auto;
    }
   
    #onf-connect .highlights_2018 .attendee_testimonials .quote .text-wrap {
     padding: 0px 30px 0px;
     min-height: 170px;
    }
   
    #onf-connect .onf_connect_2019 .board-member {
     max-width: 100%;
    }
   
    #onf-connect .sponsors_2018 #sponsors .sponsor {
     width: 50%;
    }
   
    #onf-connect .cta.onf-connect-2019 input#mce-EMAIL {
     border-radius: 5px;
    }
    #onf-connect .cta.onf-connect-2019 input#mc-embedded-subscribe {
     margin-left: 0;
     border-radius: 5px;
    }
   
    /* RD Page */
    .reference-design-page .block-rd {
     width: 49%;
    }
    .reference-design-page .table-rd td {
     font-size: 0.6rem;
     padding: 2px;
    }
   
    .reference-design-page .table-rd .pdf p {
     font-size: 0.6rem;
    }
   
    .reference-design-page .table-rd .dot a {
     /* color: #fff; */
     font-size: 0.6rem;
    }
    .reference-design-page .table-rd .dot p {
     font-size: 0.6rem;
    }
   
    .reference-design-page .table-rd .grey-bg td.line,
    .reference-design-page .table-rd .grey-bg td {
     border-bottom: 0px solid #f2f2f2;
    }
   
    .reference-design-template .wrap-members-list.operators {
     text-align: center;
     padding-bottom: 0px;
    }
    .reference-design-template .community .logo-wrap {
     width: 32%;
    }
    .reference-design-page .table-rd td.dot:after {
     width: 20px;
     height: 20px;
     margin-top: -10px;
    }
    .reference-design-page .table-rd h4 {
     font-size: 0.6rem;
     text-transform: none;
    }
   
    /* .reference-design-page .table-rd .dot p{
     display: none;
    }*/
   
    .reference-design-page i.lock {
     width: 30px;
     height: 30px;
    }
   
    .reference-design-page i.wiki {
     width: 30px;
     height: 30px;
    }
   
    .reference-design-page i.pdf {
     width: 30px;
     height: 30px;
    }
    .reference-design-page .table-rd .reference-version {
     top: 28px;
    }
   
    .reference-design-page .table-rd th {
     padding: 0px;
     vertical-align: top;
     text-align: left;
    }
   
    #onf-connect .day-tabs {
     margin: 30px 0;
    }
    #onf-connect .breadcrumbs.shrink {
     margin-top: 62px;
    }
    #onf-connect .breadcrumbs {
     margin-top: 68px;
    }
    #onf-connect .breadcrumbs li a {
     line-height: 120%;
    }
    #onf-connect li.register-btn a {
     margin-top: 5px;
     border-radius: 0px;
     margin-left: 0px;
    }
    #onf-connect li.register-btn-2019 a {
     margin-top: 5px;
     border-radius: 0px;
     margin-left: 0px;
    }
   
    #onf-connect .video a.video-play span.top {
     left: 22%;
    }
   
    #onf-connect .video a.video-play span.bot {
     left: 18%;
    }
    #onf-connect .slots .table-wrap table {
     width: 100%;
     margin-bottom: 50px;
    }
    #onf-connect .registration-section .countdown {
     margin-top: 30px;
    }
    .demos-connect-page .desc {
     width: 100%;
    }
    .demos-connect-page .demos-section .desc {
     margin-top: 0px;
    }
    .demos-connect-page .clearfix {
     margin-bottom: 20px;
    }
    .demos-connect-page .onf_demos {
     padding: 50px 0 60px 0;
    }
    .demos-connect-page .academic-section {
     margin: 40px 0 60px 0;
    }
    .demos-connect-page .academic-section .speaker {
     margin-top: 0px;
     display: block;
    }
    .demos-connect-page .academic-section .university {
     margin-bottom: 15px;
    }
    .demos-connect-page .academic-section .clearfix {
     margin-bottom: 32px;
    }
   
    /* resources collateral accordion */
    #collateral .resource_title {
     width: 100%;
     display: inline-block;
    }
    #collateral .resource_date,
    #collateral .resource_format,
    #collateral .resource_format2 {
     width: 25%;
     display: inline-block;
    }
   
    /* Maichimp form */
    #mc_embed_signup label {
     font-size: 11px !important;
    }
   
    /*Logos & Titles*/
    .members-section .members-title-side {
     text-align: center;
    }
   
    /* ORG Chart*/
    .org-chart-page .org-chart.content {
     min-height: 800px;
    }
    .org-chart-page .org-chart .director > li > a {
     width: 100%;
    }
    .org-chart-page .org-chart .director > li > a.executive {
     width: 32%;
     right: 1%;
    }
    .org-chart-page .org-chart .subdirector > li:first-child,
    .org-chart-page .org-chart .departments > li:first-child {
     width: 40%;
    }
   
    .org-chart-page .org-chart .subdirector > li:first-child {
     right: 0%;
     margin-right: 2px;
    }
    .org-chart-page .org-chart .lab-box .lab--team-box {
     width: 83px;
    }
    .org-chart-page .org-chart .departments {
     top: 160px;
    }
    .org-chart-page .org-chart .advisory > li:first-child {
     left: 2%;
    }
    .org-chart-page .org-chart .advisory > li:first-child a {
     width: 130px;
     height: 80px;
    }
    .org-chart-page .org-chart .lab-box {
     right: -31%;
    }
    .org-chart-page .org-chart .subdirector:after {
     left: 44.5%;
    }
   
    .org-chart-page .org-chart .departments > li:first-child {
     left: 5%;
     margin-left: 2px;
     border-right: 2px solid transparent;
     margin-bottom: 0px;
    }
    .org-chart-page .org-chart ul .t-sab-box > a {
     width: 120px;
    }
    .org-chart-page .org-chart .departments .t-sab-box {
     left: -40%;
     margin-bottom: 100px;
    }
   
    .org-chart-page .org-chart .departments:after {
     border-right: none;
     left: 0;
     width: 49.8%;
    }
    .org-chart-page .org-chart .department {
     float: right;
     width: 55.5%;
     margin-left: 0;
    }
   
    .org-chart-page .org-chart .department:before {
     content: "";
     display: block;
     position: absolute;
     width: 0;
     height: 60px;
     border-left: 4px dashed #555;
     z-index: 1;
     top: -60px;
     left: 0%;
     margin-left: -4px;
    }
   
    .org-chart-page .org-chart .department:nth-child(2):before {
     display: none;
    }
    .org-chart-page .org-chart .departments .refdesign-box {
     left: -46%;
     padding-top: 120px;
     z-index: 0;
     margin-bottom: 0px;
     border-bottom: 0px;
    }
   
    .org-chart-page .org-chart ul .refdesign-box > a {
     left: -54px;
     width: 120px;
    }
    .org-chart-page .org-chart .departments:after {
     display: none;
    }
    .org-chart-page .org-chart .director > li > a.executive {
     line-height: 19px;
    }
    .org-chart-page .org-chart .department.project-2 {
     margin-left: -17%;
     margin-top: -56%;
    }
    .org-chart-page .org-chart .department.project-2 {
     display: none;
    }
    .org-chart-page .org-chart .departments:before {
     right: 0%;
     top: 120px;
     width: 156px;
     left: 210px !important;
    }
    .org-chart-page .org-chart .departments .refdesign-box.refdesign-box-2,
    .org-chart-page .org-chart .departments .refdesign-box.refdesign-box-3 {
     display: none;
    }
    .org-chart-page .org-chart .department.project-3 {
     margin-left: -11%;
     margin-top: -56%;
    }
   
    /* Analyst */
    .analyst-page .analyst-testimonial {
     margin: 30px auto 0 auto;
    }
   
    /* ONOS Page */
    .onos-solutions .bluebox {
     min-height: 0px;
    }
    .onos-features .features .span2 {
     width: 100%;
    }
    .onos-features .features img.feature-icon {
     max-height: 100%;
     height: 100%;
     max-width: 100px;
    }
    .onos-action-panel .box-4 {
     width: 50%;
    }
   
    /* Overview Project LP */
    .project-page.overview-page .project-item {
     margin: 50px -2px 0 -2px;
    }
    .project-page.overview-page .banner-overview {
     padding: 50px 0 85px 0;
    }
    .project-page.overview-page .projects-overview {
     padding-bottom: 80px;
    }
    .project-page.overview-page .project-box {
     min-height: 0px;
    }
    .project-page.overview-page .project-box .img-wrap {
     min-height: 0px;
     position: relative;
    }
    .project-page.overview-page .project-logo,
    .project-page.overview-page .project-box h4 {
     position: relative;
    }
   
    .aether-page .pilot_network,
    .aether-page .wifi {
     padding: 45px 0 70px 0;
    }
    .aether-page .architecture {
     padding: 40px 0 70px 0;
    }
    .aether-page .supporting {
     padding: 40px 0 80px 0;
    }
    .aether-page .supporting .sectiontitle,
    .aether-page .community h2 {
     text-align: left;
    }
    .aether-page .community {
     padding: 40px 0 50px 0;
    }
   
    /* White Box */
    .white-box-certification .partners .logo-wrap {
     width: 50%;
    }
    .white-box-certification .white-box-banner {
     height: 250px;
    }
   
    /* COMPLEX WEBINAR PAGE */
    .webinar-template .contributors .logo-wrap {
     width: 50%;
    }
    .webinar-template .contributors,
    .webinar-template .webinar-prensenters {
     padding: 55px 0 80px 0;
    }
   
    /* Broll Section start */
    .video-section.broll-section .video-path {
     background: rgba(196, 22, 28, 0.75) !important;
    }
    /* Broll section end */
   
    .ambassador-table h4 {
     width: 100%;
     padding-left: 0px;
     margin: 10px 0 15px;
    }
    .ambassador-profile-page .social-icons {
     margin-top: 20px;
     margin-bottom: 30px;
    }
   }
   @media only screen and (max-width: 767px) and (orientation: landscape) {
    .mailchimp-form #mc_embed_signup .mc-field-group {
     top: 180px;
    }
    .mailchimp-form input#mc-embedded-subscribe {
     max-width: 190px;
    }
   
    .home-page .sdn-home .img-wrap {
     min-height: 600px;
    }
   }
   @media only screen and (max-width: 640px) and (orientation: portrait) {
   }
   
   @media only screen and (max-width: 640px) and (orientation: landscape) {
   }
   
   @media only screen and (max-width: 600px) {
    .stratum-page .definition .img-wrap,
    .project-page .intro .img-wrap {
     width: 75%;
    }
   
    #onf-connect .table-4 td,
    #onf-connect .table-3 td {
     width: 100%;
     display: inline-block;
    }
   
    .home-page .overlay-sun {
     background: #137fc1;
    }
   
    .home-page .sky-wrapper {
     background: url("./img/background-home-mobile.jpg") no-repeat center left
      transparent;
     height: 400px;
    }
   
    .home-page .sdn-home .img-wrap {
     min-height: 330px;
    }
   
    .reference-sections .rd-text {
     padding-top: 0%;
    }
   
    ul.seba-bullets li {
     display: inline-block;
     padding-right: 30px;
     width: 100%;
    }
   
    .opportunity-item-4 .community-item.opportunity-item:nth-child(3) {
     margin-right: 0px;
    }
   
    section.announcemnt.cta-section {
     height: 750px;
    }
    .announcemnt.cta-section .logo-mark {
     height: 750px;
    }
   
    .solutions-page .community .community-list .community-item {
     width: 50%;
    }
   
    .mission-page .mission-btn {
     position: relative;
     top: 40px;
     right: -10px;
     margin-bottom: 50px;
    }
   
    .board-member .img-wrap {
     width: 130px;
    }
    .lab-team-page.ambassadors-page .t-member .lightbox-team .image {
     height: 161px;
    }
   
    /* Homepage */
    .home-page .loading-wrap-inside {
     width: 32.9%;
    }
    .home-page .step_text_wrap {
     margin: 0px auto -60px auto;
    }
    .home-page .sliders .step_text_wrap .text {
     padding: 5px;
     line-height: 150%;
    }
    .home-page .step_text_wrap .text-1 {
     padding-right: 0px;
     padding-left: 0px;
    }
   
    .sdn-page .chart .arrow .snds,
    .sdn-page .chart .arrow .openflow,
    .sdn-page .chart .arrow .onos,
    .sdn-page .chart .arrow .cord {
     padding-bottom: 0px;
    }
   
    #mc_embed_signup_scroll h3.centered {
     margin-top: 0px;
    }
   
    #mc_embed_signup label {
     font-size: 13px;
     width: 100px !important;
     margin: 0 auto;
     text-align: center;
     color: #333;
    }
   
    .mc-field-group.input-group {
     position: absolute;
     left: -6% !important;
     top: 234px !important;
    }
   
    /*.reference-design-page .table-rd .pdf a span {
       left: -20%;
       position: relative;
   }
   
   .reference-design-page .table-rd .pdf.single a span {
       left: 10%;
       position: relative;
   }
   */
   
    /* ONF Connect 2019 */
   
    #onf-connect .header.onf-connect-2019 #banner-text {
     top: 25%;
    }
   
    #onf-connect h3 {
     font-size: 18px;
    }
   
    #onf-connect #about .blue_wrap {
     padding: 30px 10px;
    }
   
    #onf-connect div#sponsors {
     padding-top: 0px;
     padding-bottom: 0px;
    }
    #onf-connect .connect-home h2 {
     font-size: 22px;
     padding: 10px 0px;
    }
    #onf-connect .highlights_2018 .icons_2018 .img-wrap img {
     margin-top: 10px;
     max-width: 180px;
    }
   
    #onf-connect .highlight_header .banner {
     margin-bottom: -30px;
    }
   
    #onf-connect .highlights_2018 .attendee_testimonials .quote .text-wrap {
     padding: 0px 20px 0px;
     min-height: 100px;
    }
   
    #onf-connect h3 {
     font-size: 16px;
    }
   
    #onf-connect .speakers-list.onf_connect_2019 .speaker-wrap {
     text-align: left;
     min-height: 160px;
    }
   
    #onf-connect .speakers-list {
     padding: 10px 0 0px 0;
    }
   
    #onf-connect section.cta.onf-connect-2019 {
     padding: 50px 0px 80px;
     background: #047bc1;
    }
   
    #onf-connect #mc_embed_signup input.email {
     width: 100%;
    }
   
    #onf-connect #mc_embed_signup .button {
     width: 100%;
     display: inline-block;
    }
   
    #onf-connect .header.onf-connect-2019 .video-banner {
     padding: 170px 0 100px 0;
     background-position-y: 0px;
    }
   }
   
   /*** SMALLEST MOBILE DEVICES ****/
   @media only screen and (min-width: 320px) and (max-width: 480px) {
    #onf-connect .header.onf-connect-2019 #banner-text {
     top: 15%;
    }
    #onf-connect .tutorial-description .tutorial-desc-background {
     padding-left: 20px;
     padding-right: 20px;
    }
    #onf-connect .overlay {
     width: 93%;
     height: 92%;
    }
    .org-chart-page .org-chart .departments:before {
     left: 145px !important;
    }
    #onf-connect .curve-div-2020,
    .curve-div-2020 {
     height: 30px;
    }
   }
   
   @media screen and (max-device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
    /* iPhone 5 only */
   
    /* Homepage */
    .home-page .step_wrap li {
     width: 40%;
    }
    #onf-connect .overlay {
     width: 90%;
     height: 89%;
    }
   }
   
.video-thumb.voltha {
    width: 100%;
    max-width: 360px;
	margin-top: 30px;
}

.video-thumb.voltha:after {
    content: "";
    background: url(img/play-button-blue.png) no-repeat center center transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background-size: 60px;
}


a.button.fancybox.fancybox {
    margin-bottom: 10px;
}

   body.page-id-14408 .cookieContentContainer{
       display: none;
   }


#author{
    display: none !important;
}