/* 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 */

.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 20px;
 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;
}
.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: 690px;
 width: 100%;
}
.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.partner-access span {
 right: -20px;
 position: relative;
 top: -10px;
}
.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 .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%;
 }
}