/* =CSS Reset --------------------------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article, section, figure, hgroup {
    display: block;
}

html {
    height: 100%
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed {
    max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {
    overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
don't forget to restore the bullets within content. */
ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

table {
    font-size: inherit;
    font: 100%;
}

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {
    outline: none;
}

small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0;
}

/* make buttons play nice in IE */
button {
    width: auto;
    overflow: visible;
}

figcaption {
    text-align: left;
}

.wp-caption.alignleft,
.wp-caption.alignright {
    display: inline-block;
    margin: 0 20px 20px 0;
}

/* Micro Clearfix Hack */
.cf:before, .cf:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Basic CSS
--------------------------------------------------------------------------------------------------*/
body {
    height: 100%;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #0f1d2a;
    letter-spacing: .5px;
    line-height: 24px;
}

/* we like off-black for text */
body, select, input, textarea {
    color: #0f1d2a;
}

/* Input styles */
input, textarea, select, button {
    outline: none;
    font-family: 'Barlow', sans-serif;
    -webkit-appearance: none;
    border-radius: 0;
}

input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: transparent !important;
}

input:focus::-moz-placeholder { /* Firefox 19+ */
    color: transparent !important;
}

input:focus:-ms-input-placeholder { /* IE 10+ */
    color: transparent !important;
}

input:focus:-moz-placeholder { /* Firefox 18- */
    color: transparent !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* Customized default checkbox
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding: 0 0 0 35px !important;
    cursor: pointer;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400;
}

[type="checkbox"]:not(:checked) + label {
    color: #0f1d2a;
}

[type="radio"]:checked + label {
    color: #000;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '\f00c';
    font-family: 'FontAwesome' !important;
    font-size: 12px;
    color: #0f1d2a;
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    display: inline-block;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* Customized default radio
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    margin: 0 0 !important;
    padding: 0 0 0 30px !important;
    cursor: pointer;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400;
}

[type="radio"]:not(:checked) + label {
    color: #0f1d2a;
}

[type="radio"]:checked + label {
    color: #000;
}

/* checkbox aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 2px;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #000;
    display: inline-block;
}

/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="radio"]:disabled:checked + label:after {
    color: #999;
}

[type="radio"]:disabled + label {
    color: #aaa;
}

/*link colors*/
a {
    text-decoration: none;
    color: #0f1d2a;
}

a:hover {
    text-decoration: none;
    color: #0f1d2a;
}

/* Section,container */
section {
    margin: 0 0 90px;
}

.home-section {
    margin: 0 0 45px;
}

.no-margin-section {
    margin-bottom: 0;
}

.container-outer {
    max-width: 1600px;
    margin: 0 auto;
}

.container {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container-inner {
    max-width: 960px;
    margin: 0 auto;
}

.wrapper {
    position: relative;
    min-height: 100%;
}

/* Heading styles */
.page-title,
h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 300;
}

.page-title strong,
h1 strong {
    font-weight: 700;
}

.section-title {
    font-size: 34px;
    line-height: 38px;
    font-weight: 300;
}

.section-title strong {
    font-weight: 700;
}

.section-subtitle,
h3 {
    font-size: 20px;
    font-weight: 400;
}

h2 {
    font-weight: 300;
    font-size: 28px;
    line-height: 34px;
}

p {
    margin-bottom: 1em;
}

/* Image styles */
img {
    display: block;
}

/* Title icons */
.icon {
    display: block;
    width: 75px;
    height: 75px;
    margin-bottom: 25px;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Button styles */
.btn {
    display: inline-block;
    position: relative;
}

.btn-regular {
    font-weight: 400;
}

.btn-bold {
    font-weight: 700;
}

.normal-btn {
    min-width: 340px;
    height: 50px;
    padding: 0 60px;
    line-height: 48px;
    border-radius: 25px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.white-btn {
    background: #fff;
    border: 1px solid #fff;
}

.white-btn-2 {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
}

.white-btn-2:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 18px;
    width: 20px;
    height: 13px;
    background: url('../img/bgi/link-navy.svg') no-repeat;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.white-btn-2:hover {
    color: #fff;
    border: 1px solid #98c43d;
    background: #98c43d;
}

.white-btn-2:hover:after {
    background: url('../img/bgi/link-white.svg') no-repeat;
}

.content-btn-block a {
    display: inline-block;
    min-width: 800px;
    height: 50px;
    padding: 0 60px;
    line-height: 48px;
    border-radius: 25px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.content-btn-block.white-button a {
    background: #fff;
}

.content-btn-block.white-button a:hover {
    background: #98c43d;
    color: #fff;
}

.content-btn-block.gray-button a {
    background: #f8f8f8;
}

.content-btn-block.gray-button a:hover {
    background: #98c43d;
    color: #fff;
}

.white-btn:hover {
    background: transparent;
    color: #fff;
}

.green-btn {
    background: #98c43d;
    border: 1px solid #98c43d;
    color: #fff;
}

.green-btn:hover {
    background: transparent;
    color: #98c43d;
}

.gray-btn {
    background: #f8f8f8;
}

.gray-btn:hover {
    background: #98c43d;
    color: #fff;
}

/* Top page section basic style */
.page-top-section .container-outer {
    position: relative;
    padding-top: 135px;
    height: 400px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.black-pattern:after,
.black-black-pattern:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.page-top-section .btn {
    margin-top: 40px;
}

.black-pattern:after {
    background: url('../img/bgi/pattern-colored-opacity.svg') no-repeat 90px 20px;
}

.black-black-pattern:after {
    background: url('../img/bgi/pattern-black-opacity.svg') no-repeat 90px 20px;
}

.green-gradient {
    background-image: -moz-linear-gradient(45deg, rgb(191, 227, 116) 0%, rgb(102, 181, 178) 100%);
    background-image: -webkit-linear-gradient(45deg, rgb(191, 227, 116) 0%, rgb(102, 181, 178) 100%);
    background-image: -ms-linear-gradient(45deg, rgb(191, 227, 116) 0%, rgb(102, 181, 178) 100%);
    background-image: linear-gradient(45deg, rgb(191, 227, 116) 0%, rgb(102, 181, 178) 100%);
}

.gray-gradient {
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
    background-image: radial-gradient(50% 50%, circle closest-side, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
}

.gray-gradient .page-title {
    color: #0f1d2a;
    line-height: 1.2;
}

.gray-bg {
    background: #f8f8f8;
}

.page-icon {
    margin: 0 auto 25px;
}

.page-icon {
    border: 1px solid #fff;
}

.gray-gradient .page-icon {
    border: 0;
}

.page-subtitle {
    display: block;
    margin-top: 50px;
    padding: 0 15px;
    font-size: 18px;
    color: #fff;
}

.page-top-title {
    position: relative;
    z-index: 1;
}

.small-line {
    height: 1px;
    width: 30px;
    background: #0f1d2a;
    margin: 15px auto;
    display: block;
}

.right-arrow-btn {
    display: inline-block;
    position: relative;
    width: 340px;
    height: 50px;
    padding: 0 40px 0 40px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #dddddd;
    font-size: 16px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.right-arrow-btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(../img/bgi/arrow-right-navy.svg) no-repeat center center;
}

.right-arrow-btn:hover {
    color: #fff;
    border: 1px solid #98c43d;
    background: #98c43d;
}

.right-arrow-btn:hover:after {
    background: url(../img/bgi/arrow-right-white.svg) no-repeat center center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.border-btn {
    border: 1px solid #ddd;
}

.btn-container {
    text-align: center;
}

.inner-content-left {
    width: calc(100% - 300px);
    float: left;
    padding-right: 100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.inner-content-right {
    width: calc(100% - 300px);
    float: right;
    padding-left: 100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

aside.sidebar-right {
    width: 300px;
    float: right;
}

aside.sidebar-left {
    width: 300px;
    float: left;
}

.navy-subtitle {
    color: #0f1d2a;
}

/* End Basic CSS
--------------------------------------------------------------------------------------------------*/

/* Start Header
--------------------------------------------------------------------------------------------------*/
#header {
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
    padding: 41px 0 0 0;
}

.logo-img {
    float: left;
    width: 128px;
    margin: 5px 45px 5px 0;
    font-size: 0;
    line-height: 0;
}

.logo-img a {
    display: block;
}

.navbar {
    float: left;
    margin-right: 20px;
}

.navbar > ul > li > ul {
    display: none;
    position: absolute;
    bottom: 0;
    left: -40px;
    padding: 20px 40px;
    background: #fff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, .05);
    box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, .05);
    border: 1px solid #f6f6f6;
    border-top: 0;
}

.navbar > ul > li:hover > ul {
    display: block;
}

.navbar > ul > li {
    position: relative;
    display: inline-block;
    margin-left: 25px;
}
.navbar > ul > li:last-child {
    margin-right: 0;
}

.navbar > ul > li a {
    display: block;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: .25px;
    white-space: nowrap;
}

.navbar > ul > li ul a {
    line-height: 18px;
}

.navbar > ul li > a:hover {
    opacity: .8;
}

.navbar > ul > li > ul > li {
    margin: 20px 0;
}

.navbar > ul > li > ul > li a:hover {
    opacity: .8;
}

.navbar > ul > li > ul > li > a {
    font-size: 14px;
}

.navbar li a:hover {
    color: #98c43d;
}

.navbar > ul > li > ul > li > ul a {
    font-size: 12px;
}

.navbar > ul > li > ul > li > ul {
    padding-left: 15px;
}

.navbar > ul > li > ul > li > ul li {
    margin: 10px 0;
}

.navbar > ul > li.menu-item-has-children > a {
    position: relative;
    padding-right: 25px;
}

.navbar > ul > li.menu-item-has-children > a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 20px;
    width: 10px;
    height: 6px;
    background: url('../img/bgi/arrow-menu-down-navy.svg') no-repeat;
}

.header-actions {
    float: right;
}

.onug-search-wrap.mobile {
    display: none;
}

.onug-search-wrap {
    float: left;
    height: 40px;
    border: 1px solid #dddddd;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 130px;
    margin-right: 5px;
    transition: 1s;
}

.onug-search-wrap .search-form input[type="search"] {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 0 25px 0 15px;
    outline: none;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    text-decoration-style: solid;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .5px;
    color: #0f1d2a;
}

.onug-search-wrap:focus,
.onug-search-wrap:hover {
    width: 130px;
}

#secondary .search-form input[type="search"] {
    border: 1px solid #dddddd;
    border-radius: 20px;
    height: 40px;
}

#secondary .search-form .search-submit {
    display: inline-block;
    height: 40px;
    width: 40px;
    background: #98c43d;
    border: 1px solid #98c43d;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
}

.onug-search-wrap  .search-form .search-submit {
    display: inline-block;
    height: 40px;
    width: 40px;
    background: #98c43d;
    border: 1px solid #98c43d;
    border-radius: 22px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
}


.onug-login-wrap {
    float: left;
    height: 40px;
    border: 1px solid #dddddd;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.onug-login,
.onug-logout {
    display: block;
    float: left;
    position: relative;
    height: 40px;
    padding: 0 45px 0 15px;
    line-height: 40px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onug-logout {
    padding: 0 15px 0 5px;
}

.onug-login:hover {
    opacity: .8;
}

.onug-login:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 38px;
    border-radius: 20px;
    border-left: 1px solid #dddddd;
    background: #98c43d url('../img/bgi/account-white.svg') no-repeat center center;
}
.onug-login.logout {
    background: none;
}

.onug-register {
    float: left;
    position: relative;
    margin-left: 5px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #dddddd;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onug-register .event-name {
    float: left;
    padding: 0 10px 0 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onug-register .register-btn {
    float: right;
    height: 38px;
    padding: 0 20px;
    border-left: 1px solid #dddddd;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
    text-transform: uppercase;
    background: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.onug-register .register-btn:hover {
    opacity: .8;
}

.onug-register .closed-register {
    background: #f8f8f8;
    color: #0f1d2a;
}

.onug-register .closed-register.register-btn:hover {
    opacity: 1;
}

.menu-box {
    display: none;
    position: relative;
    width: 30px;
    height: 24px;
    float: right;
    margin: 3px 0 0 10px;
    z-index: 9999;
}

.menu-inner, .menu-inner:after, .menu-inner:before {
    position: absolute;
    width: 30px;
    height: 3px;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -webkit-transition-property: transform;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background-color: #0f1d2a;
}

.menu-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
    -webkit-transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
}

.menu-inner.is-active {
    position: fixed;
    top: 35px;
    left: 20px;
}

.menu-inner:before {
    top: -10px;
    -webkit-transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
}

.menu-inner:after {
    bottom: -10px;
    -webkit-transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
}

.menu-inner.is-active {
    -webkit-transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
    -webkit-transform: rotate(90deg);
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
    transform: rotate(90deg);
    background-color: transparent;
}

.menu-inner.is-active:before {
    top: 0;
    -webkit-transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    -webkit-transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(-45deg);
}

.menu-inner.is-active:after {
    bottom: 0;
    -webkit-transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    -webkit-transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(45deg);
}

.menu-inner:after, .menu-inner:before {
    display: block;
    content: "";
}

/* End Header
--------------------------------------------------------------------------------------------------*/

/* Start footer
--------------------------------------------------------------------------------------------------*/
#footer {
    background: #0f1d2a;
    padding-bottom: 50px;
}

.newsletter-footer-outer {
    padding: 60px 0 40px;
}

.newsletter-footer-outer > .newsletter-footer-title {
    float: left;
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    font-size: 14px;
}

.newsletter-footer-outer .newsletter-form {
    float: right;
    width: 880px;
    color: #fff;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newsletter-footer-outer .newsletter-form .gform_wrapper .gform_body {
    width: 430px;
}

.newsletter-footer-outer .newsletter-form .gform_wrapper .gform_footer {
    width: 270px;
}

.newsletter-footer-outer .newsletter-form .gform_wrapper .gform_footer input[type="submit"] {
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.newsletter-footer-outer .newsletter-form .gform_wrapper .gform_footer input[type="submit"]:hover {
    opacity: 1;
    background: rgba(255, 255, 255, .3);
}

.newsletter-footer-outer .newsletter-form .gform_wrapper .gfield input[type="text"].medium,
.newsletter-footer-outer .newsletter-form .gform_wrapper .gfield input[type="email"].medium {
    color: #fff;
}

.newsletter-footer-outer .newsletter-form .gform_wrapper .gform_footer:after {
    border: 1px solid rgba(255, 255, 255, .1);
    background: #fff url('../img/bgi/save-success-green.svg') no-repeat center center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newsletter-footer-outer .newsletter-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, .3);
}

.newsletter-footer-outer .newsletter-form ::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255, 255, 255, .3);
}

.newsletter-footer-outer .newsletter-form :-ms-input-placeholder { /* IE 10+ */
    color: rgba(255, 255, 255, .3);
}

.newsletter-footer-outer .newsletter-form :-moz-placeholder { /* Firefox 18- */
    color: rgba(255, 255, 255, .3);
}

.footer-navigation {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.logo-img-footer {
    float: left;
}

.social-footer {
    float: right;
}

.social-footer li {
    float: left;
    margin-left: 15px;
}

.social-footer li a {
    display: block;
    color: rgba(255, 255, 255, .3);
    font-size: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.social-footer li a:hover {
    color: #98c43d;
}

.navbar-footer {
    position: absolute;
    left: 50%;
    bottom: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.navbar-footer li {
    display: inline-block;
    margin: 0 10px;
}

.navbar-footer li a {
    display: block;
    color: #fefefe;
    font-weight: 400;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.navbar-footer li a:hover {
    color: #98c43d;
}

.copyright {
    padding: 10px 0;
    text-align: center;
}

.copyright p {
    font-size: 12px;
    color: #fff;
}

/* End footer
--------------------------------------------------------------------------------------------------*/

/* Start homepage
--------------------------------------------------------------------------------------------------*/
.home-slideshow .slick-arrow {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    font-size: 0;
    border: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

.home-slideshow .slick-prev {
    left: 80px;
    background: rgba(255, 255, 255, .2) url('../img/bgi/arrow-left-white.svg') no-repeat center center;
}

.home-slideshow .slick-prev:hover {
    background: rgba(255, 255, 255, .4) url('../img/bgi/arrow-left-white.svg') no-repeat center center;
}

.home-slideshow .slick-next {
    right: 80px;
    background: rgba(255, 255, 255, .2) url('../img/bgi/arrow-right-white.svg') no-repeat center center;
}

.home-slideshow .slick-next:hover {
    background: rgba(255, 255, 255, .4) url('../img/bgi/arrow-right-white.svg') no-repeat center center;
}

.home-slideshow .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

.home-slideshow .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.home-slideshow .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    padding: 0;
    border: 2px solid #fff;
    font-size: 0;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.home-slideshow .slick-dots li.slick-active button {
    background: #fff;
}

.home-about-section {
    text-align: center;
}

.about-home-icon {
    border: 1px solid #ddd;
    margin: 0 auto 15px;
    background: url('../img/bgi/onug-logo-green-navy.svg') no-repeat center center;
    width: 180px;
}

.home-about-section h3 {
    margin: 10px 0;
}

.about-onug-links {
    text-align: center;
}

.about-onug-links ul {
    margin: 45px 0;
}

.about-onug-links li {
    display: inline-block;
    margin: 0 40px;
}

.about-links-icon {
    display: block;
    position: relative;
    margin: 0 auto 30px;
    width: 150px;
    height: 150px;
    border-radius: 90px;
    background: #f8f8f8;
    box-shadow: inset 0 0 0 1px #f8f8f8;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.about-onug-links li a:hover .about-links-icon {
    background: #fff;
    box-shadow: inset 0 0 0 1px #ddd;
}

.about-links-icon:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 150px;
    border-radius: 90px;
}

.board-members-icon:after {
    background: url('../img/bgi/board-members-navy.svg') no-repeat center center;
}

.upcoming-event-icon:after {
    background: url('../img/bgi/upcoming-event-navy.svg') no-repeat center center;
}

.webinar-icon:after {
    background: url('../img/bgi/webinar.svg') no-repeat center center;
}

.webinar-white-icon {
    background: url('../img/bgi/webinar-white.svg') no-repeat center center;
}

.what-we-stand-for-icon:after {
    background: url('../img/bgi/what-we-stand-for-navy.svg') no-repeat center center;
}

.about-links-title {
    display: block;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.become-member-wrap {
    position: relative;
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 30px;
}

.become-member-wrap:before,
.become-member-wrap:after {
    content: '';
    position: absolute;
    width: 215px;
    height: 1px;
    top: 50%;
    margin-top: -.5px;
    background: #ddd;
}

.become-member-wrap:before {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.become-member-wrap:after {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.become-member-btn {
    display: inline-block;
    position: relative;
    width: 340px;
    height: 50px;
    padding: 0 40px 0 40px;
    line-height: 50px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.become-member-btn:hover {
    opacity: .8;
}

.become-member-btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border-left: 1px solid #dddddd;
    background: #98c43d url('../img/bgi/plus-white.svg') no-repeat center center;
}

.section-title-inner {
    text-align: center;
}

.newsletter-home-icon {
    margin: 0 auto 15px;
    background: #f8f8f8 url('../img/bgi/newsletter-navy.svg') no-repeat center center;
}

.section-title-inner p {
    margin: 10px 0;
    color: #bbbbbb;
}

.newsletter-section .newsletter-form {
    margin-top: 50px;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 30px;
}

.newsletter-subscribe p {
    float: left;
}

.newsletter-subscribe p.newsletter-submit {
    float: right;
}

.newsletter-form > label {
    position: relative;
    float: left;
    padding: 0 25px;
    font-size: 14px;
    line-height: 50px;
}

.newsletter-form .gform_confirmation_wrapper {
    line-height: 50px;
    float: left;
    padding: 0 15px;
    color: #98c43d;
}

.newsletter-form > label:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: #ddd;
}

.newsletter-form .gform_wrapper {
    float: right;
    width: calc(100% - 170px);
}

.newsletter-form .gform_wrapper .top_label .gfield_label {
    display: none;
}

.newsletter-form .gform_wrapper .gform_body {
    float: left;
    width: calc(100% - 340px);
}

.newsletter-form .gform_wrapper .gform_footer {
    position: relative;
    float: left;
    width: 340px;
    margin: 0;
    padding: 0;
    clear: none;
}

.newsletter-form .gform_wrapper .gform_footer img {
    display: none !important;
}

.newsletter-form .gform_wrapper .gfield input[type="text"].medium,
.newsletter-form .gform_wrapper .gfield input[type="email"].medium {
    display: block;
    height: 50px;
    line-height: 48px;
    width: 100%;
    padding: 0 25px;
    border: 0;
    outline: none;
    font-size: 18px;
    color: #0f1d2a;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newsletter-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bbbbbb;
    font-size: 14px;
}

.newsletter-form ::-moz-placeholder { /* Firefox 19+ */
    color: #bbbbbb;
    font-size: 14px;
}

.newsletter-form :-ms-input-placeholder { /* IE 10+ */
    color: #bbbbbb;
    font-size: 14px;
}

.newsletter-form :-moz-placeholder { /* Firefox 18- */
    color: #bbbbbb;
    font-size: 14px;
}

.newsletter-form .gform_wrapper ul li.gfield {
    margin: 0;
    padding: 0;
}

.newsletter-form .gform_wrapper .top_label div.ginput_container {
    margin: 0;
}

.newsletter-form .gform_wrapper .gform_footer input[type="submit"] {
    display: block;
    position: relative;
    width: 100% !important;
    height: 50px;
    border-radius: 30px;
    background: #f8f8f8;
    font-size: 16px;
    line-height: 48px;
    border: 0;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.newsletter-form .gform_wrapper {
    margin: 0;
}

.newsletter-form .gform_wrapper span.gform_description {
    margin: 0;
    display: none;
}

.newsletter-form .gform_wrapper .gform_heading {
    display: none;
    margin: 0;
}

.newsletter-form .gform_wrapper .gform_footer:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    border: 1px solid #ddd;
    background: #98c43d url('../img/bgi/save-success-white.svg') no-repeat center center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newsletter-form .gform_wrapper .gform_footer input[type="submit"]:hover {
    opacity: .8;
}

.newsletter-form .gform_wrapper div.validation_error {
    display: none;
}

.newsletter-form .gform_wrapper li.gfield.gfield_error,
.newsletter-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    background: transparent;
}

.newsletter-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.newsletter-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin: 0;
}

.newsletter-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 0;
}

.newsletter-form .gform_wrapper .field_description_below .gfield_description {
    display: none;
}

.newsletter-form .gform_wrapper li.gfield_error input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #E53D45;
}

.newsletter-form .gform_wrapper li.gfield_error input::-moz-placeholder { /* Firefox 19+ */
    color: #E53D45;
}

.newsletter-form .gform_wrapper li.gfield_error input:-ms-input-placeholder { /* IE 10+ */
    color: #E53D45;
}

.newsletter-form .gform_wrapper li.gfield_error input:-moz-placeholder { /* Firefox 18- */
    color: #E53D45;
}

.join-community-inner {
    padding: 45px 0;
    background: rgba(15, 29, 42, .65);
}

.home-community-section .container-outer {
    background: #f8f8f8;
}

.community-outer {
    padding-top: 100px;
    text-align: center;
    color: #fff;
    background: url('../img/bgi/community-home-bg.jpg') no-repeat center center;
}

.community-home-icon {
    margin: 0 auto 15px;
    background: #fff url('../img/bgi/community-green.svg') no-repeat center center;
}

.community-description {
    margin: 50px auto 70px auto;
    max-width: 800px;
    padding-left: 50px;
    padding-right: 50px;
}

.join-community-btn {
    position: relative;
    margin: 0 15px;
    width: 340px;
    height: 50px;
    background: rgba(255, 255, 255, .25);
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    border-radius: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.join-community-btn:after {
    content: '';
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #fff url('../img/bgi/plus-green.svg') no-repeat center center;
}

.join-community-btn:after {
    right: 0;
}

.member-btn:after {
    left: 0;
}

.join-community-btn:hover {
    background: rgba(255, 255, 255, .45);
    color: #fff;
}

.community-outer > .container {
    padding: 30px 15px;
}

.community-contact {
    position: relative;
    padding: 5px;
    background: rgba(15, 29, 42, .65);
    border-radius: 30px;
}

.community-contact p {
    float: left;
    padding-left: 45px;
    line-height: 50px;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
}

.community-contact-btn {
    position: relative;
    float: right;
    width: 340px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background: #0f1d2a;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.community-contact-btn:hover {
    background: rgba(15, 29, 42, .8);
    color: #fff;
}

.community-contact-btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #fff url('../img/bgi/contact-navy.svg') no-repeat center center;
}

.social-contact {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.social-contact li {
    display: inline-block;
    margin: 0 5px;
}

.social-contact li a {
    color: #fff;
    font-size: 24px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.social-contact li a:hover {
    color: #98c43d;
}

.onug-testimonials-title {
    position: relative;
    padding-left: 100px;
    line-height: 75px;
}

.onug-testimonials-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    margin-bottom: 25px;
    border-radius: 40px;
    background: #fff url('../img/bgi/testimonials-navy.svg') no-repeat center center;
}

.testimonials-container {
    margin: 30px 0;
}

.testimonials-home-slider {
    padding-top: 30px;
}

.testimonials-home-slider .slick-arrow {
    position: absolute;
    top: -37.5px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    font-size: 0;
    border: 0;
    outline: none;
    background: rgba(255, 255, 255, 1);
}

.testimonials-home-slider .slick-prev {
    right: 65px;
}

.testimonials-home-slider .slick-next {
    right: 0;
}

.testimonials-home-slider .slick-arrow:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    opacity: .2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.testimonials-home-slider .slick-arrow:hover:after {
    opacity: 1;
}

.testimonials-home-slider .slick-prev:after {
    background: url('../img/bgi/arrow-left-navy.svg') no-repeat center center;
}

.testimonials-home-slider .slick-next:after {
    background: url('../img/bgi/arrow-right-navy.svg') no-repeat center center;
}

.testimonials-container figure {
    float: left;
    width: 400px;
    margin-right: 150px;
    border: 15px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.testimonial-info {
    float: left;
    width: calc(100% - 550px);
}

.testimonial-biography {
    margin: 15px 0;
}

.testimonial-biography p {
    line-height: 16px;
}

.info-name {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.navy-social {
    margin-bottom: 50px;
}

.navy-social li {
    float: left;
    margin-right: 10px;
}

.navy-social li a {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.navy-social li a:hover {
    color: #98c43d;
}

.testimonial-text p {
    font-size: 18px;
    text-align: justify;
}

.highlighted-sponsors-section {
    text-align: center;
}

.sponsors-home-icon {
    margin: 0 auto 15px;
    background: #98c43d url('../img/bgi/sponsors-white.svg') no-repeat center center;
}

.highlighted-sponsors-list {
    margin: 60px 25px 0;
}

.why-become-sponsor {
    margin-top: 60px;
}

.highlighted-sponsors-list li {
    display: inline-block;
    width: 130px;
    margin: 0 25px 40px;
    vertical-align: middle;
}

.why-become-video {
    float: left;
    width: 600px;
    margin-right: 60px;
}

.video-content {
    max-width: 100%;
    width: 100%;
    position: relative;
    padding-bottom: calc(56.25% + 15px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.video-content iframe {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.video-content iframe, .video-content embed, .video-content object {
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    border: 1px solid #ddd;
    padding: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.why-become-description {
    float: left;
    width: calc(100% - 660px);
}

.why-become-description .section-title {
    display: block;
    text-align: right;
}

.why-become-description .section-title strong {
    color: #98c43d;
}

.why-become-description p {
    margin: 65px 0;
    text-align: justify;
    font-size: 16px;
}

.become-sponsor-actions {
    position: relative;
    padding: 22px;
    border: 1px solid #ddd;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.become-sponsor-actions span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #98c43d url('../img/bgi/plus-white.svg') no-repeat center center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.become-sponsor-actions a {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.become-sponsor-actions a:hover {
    opacity: .8;
}

.become-sponsor-btn {
    float: left;
}

.find-out-btn {
    float: right;
}

.featured-content-section {
    text-align: center;
}

.featured-content-section .container-outer {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f8f8f8;
}

.featured-home-icon {
    margin: 0 auto 15px;
    background: #fff url('../img/bgi/featured-content-green.svg') no-repeat center center;
}

.featured-content-slideshow {
    margin: 45px 0;
}

.featured-content-slideshow .slick-slide {
    padding: 0 15px;
}

.featured-content-slideshow .slick-arrow {
    position: absolute;
    top: 155px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    z-index: 2;
    font-size: 0;
    border: 0;
    outline: none;
    background: rgba(255, 255, 255, 1);
}

.featured-content-slideshow .slick-arrow:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    opacity: .2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.featured-content-slideshow .slick-arrow:hover:after {
    opacity: 1;
}

.featured-content-slideshow .slick-prev {
    left: -80px;
}

.featured-content-slideshow .slick-next {
    right: -80px;
}

.featured-content-slideshow .slick-prev:after {
    background: url('../img/bgi/arrow-left-navy.svg') no-repeat center center;
}

.featured-content-slideshow .slick-next:after {
    background: url('../img/bgi/arrow-right-navy.svg') no-repeat center center;
}

.featured-content-slideshow .slick-dots {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    text-align: center;
}

.featured-content-slideshow .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.featured-content-slideshow .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    padding: 0;
    font-size: 0;
    background: rgba(15, 29, 42, .2);
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.featured-content-slideshow .slick-dots li.slick-active button {
    background: #0f1d2a;
}

.featured-content-slideshow figure {
    position: relative;
    width: 100%;
    height: 360px;
}

.featured-content-slideshow figure span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.featured-content-slideshow .slick-slide a:hover figure span {
    opacity: 1;
    visibility: visible;
}

.featured-content-slideshow figure span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #fff url('../img/bgi/link-navy.svg') no-repeat center center;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.featured-title {
    display: block;
    padding: 20px 30px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.event-promo-top {
    padding: 80px 0 60px;
}

.event-promo-section .container-outer {
    background: #f8f8f8;
}

.event-promo-information {
    position: relative;
    float: left;
    width: calc(100% - 600px);
    padding-left: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.event-promo-information:after {
    content: '';
    position: absolute;
    left: 0;
    top: -20px;
    width: 75px;
    height: 75px;
    margin-bottom: 25px;
    border-radius: 40px;
    background: #fff url('../img/bgi/event-registration-navy.svg') no-repeat center center;
}

.event-promo-video,
.event-promo-reason {
    float: right;
    width: 600px;
}

.video-content-event {
    position: relative;
    width: 600px;
    padding-bottom: calc(56.25% + 15px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.video-content-event iframe,
.video-content-event embed,
.video-content-event object {
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    border: 15px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.event-promo-title h2 span {
    color: #98c43d;
}

.event-promo-title h2.closed-registration span {
    color: #0f1d2a;
}

.event-promo-info {
    margin: 70px 0;
}

.event-promo-info p {
    font-size: 20px;
    text-transform: uppercase;
}

.event-promo-info p.hashtag-event {
    text-transform: inherit;
}

.event-register-btn {
    display: block;
    position: relative;
    width: 340px;
    height: 60px;
    padding: 0 25px;
    border-radius: 30px;
    background: #98c43d;
    font-size: 14px;
    line-height: 58px;
    border: 1px solid #98c43d;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.event-register-btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 58px;
    border-radius: 30px;
    background: #0f1d2a url('../img/bgi/arrow-right-white.svg') no-repeat center center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.event-register-btn:hover {
    color: #98c43d;
    background: #fff;
}

.event-promo-video p {
    font-weight: 400;
    margin-bottom: 15px;
}

.reason-to-attend {
    padding: 80px 0 60px;
    background: url('../img/bgi/reason-to-attend.jpg') no-repeat;
    color: #fff;
}

.reason-to-attend .event-promo-information:after {
    background: #fff url('../img/bgi/reasons-to-attend-navy.svg') no-repeat center center;
}

.reason-to-attend .event-register-btn {
    background: #fff;
    border: 1px solid #fff;
    color: #98c43d;
}

.reason-to-attend .event-register-btn:after {
    background: #98c43d url('../img/bgi/link-white.svg') no-repeat center center;
}

.reason-to-attend .event-register-btn:hover {
    color: #fff;
    background: transparent;
}

.event-promo-reason {
    margin-top: 70px;
    text-align: justify;
}

/* End homepage
--------------------------------------------------------------------------------------------------*/

/* Start event styles
--------------------------------------------------------------------------------------------------*/
.past-event-icon {
    background: url('../img/bgi/past-events-archive-white.svg') no-repeat center center;
}

.category-title-event-line {
    position: relative;
}

.category-title-event-line:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5px;
    left: 110px;
    height: 1px;
    background: #ddd;
}

.past-event-text {
    float: left;
    width: calc(100% - 585px);
}

.past-event-inner figure {
    position: relative;
    float: right;
    width: 585px;
    border: 15px solid #fff;
    -webkit-box-shadow: 20px 0 30px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.past-event-inner figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.past-event-inner figure figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 106px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.past-event-inner figure figcaption span {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 25px;
    font-weight: 100;
}

.past-event-inner figure figcaption:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 106px;
    height: 25px;
    background: url('../img/bgi/onug-logo-green-white.svg') no-repeat;
}

.category-title-event {
    display: block;
    width: 110px;
    height: 40px;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    letter-spacing: .25px;
    background: #98c43d;
}

.past-event-inner {
    margin: 60px 0;
}

.past-event-info {
    margin: 30px 0;
    color: #bbb;
    text-transform: uppercase;
}

.event-links li {
    float: left;
    margin: 0 30px 30px 0;
}

.event-links li a {
    display: block;
    padding: 10px 40px;
    background: #f8f8f8;
    border-radius: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.event-links li a:hover {
    color: #fff;
    background: #98c43d;
}

.pagination-no-nr {
    position: relative;
    height: 50px;
    text-align: center;
}

.pagination-no-nr:after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%;
    margin-top: -.5px;
    height: 1px;
    width: 100%;
    background: #ddd;
}

.pagination-no-nr ul li {
    position: relative;
    display: inline-block;
    width: 340px;
    height: 50px;
    line-height: 50px;
    margin: 0 15px;
    border: 1px solid #ddd;
    border-radius: 25px;
    overflow: hidden;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pagination-no-nr ul li span,
.pagination-no-nr ul li a {
    display: block;
    position: relative;
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.pagination-no-nr ul li span {
    color: #bbb;
}

.pagination-no-nr ul li span:after {
    content: '';
    position: absolute;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .2;
}

.pagination-no-nr ul li.prev span:after {
    left: 0;
    border-right: 1px solid #0F1D2A;
    background: url('../img/bgi/arrow-left-navy.svg') no-repeat center center;
}

.pagination-no-nr ul li.next span:after {
    right: 0;
    border-left: 1px solid #0F1D2A;
    background: url('../img/bgi/arrow-right-navy.svg') no-repeat center center;
}

.pagination-no-nr ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pagination-no-nr ul li.prev a:after {
    left: 0;
    border-right: 1px solid #ddd;
    background: #98c43d url('../img/bgi/arrow-left-white.svg') no-repeat center center;
}

.pagination-no-nr ul li.next a:after {
    right: 0;
    border-left: 1px solid #ddd;
    background: #98c43d url('../img/bgi/arrow-right-white.svg') no-repeat center center;
}

.pagination-no-nr ul li a:hover {
    opacity: .8;
}

/* End event styles
--------------------------------------------------------------------------------------------------*/

/* Start policies styles
--------------------------------------------------------------------------------------------------*/
.policies-icon {
    background: #fff url('../img/bgi/attendance-policies-navy.svg') no-repeat center center;
}

.default-section h2 {
    font-weight: 700;
    font-size: 28px;
}

.default-section h3 {
    font-weight: 700;
    font-size: 22px;
}

.default-section h4 {
    font-weight: 400;
    font-size: 22px;
}

.default-section p,
.default-section ul {
    margin: 30px 0;
    text-align: justify;
}

.default-section ul li {
    position: relative;
    padding-left: 15px;
}

.default-section ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background: #0f1d2a;
}

.default-section-inner {
    padding: 0 120px 60px;
}

/* End policies styles
--------------------------------------------------------------------------------------------------*/

/* Start sponsors styles
--------------------------------------------------------------------------------------------------*/
.sponsors-icon {
    background: url('../img/bgi/sponsors-white.svg') no-repeat center center;
}

.company-list li {
    margin-bottom: 30px;
}

.company-list li figure {
    float: left;
    position: relative;
    width: 340px;
    height: 340px;
    margin-right: 30px;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.company-list li figure img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
}

.company-description {
    float: left;
    width: calc(100% - 370px);
    min-height: 340px;
    padding: 60px;
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.company-description h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.company-description p {
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
}

.company-description p a {
    color: #98c43d;
    font-weight: 700;
}

.company-description p a:hover {
    text-decoration: underline;
}

.become-sponsor-icon {
    background: #fff url("../img/bgi/sponsors-green.svg") no-repeat center center;
}

.become-sponsor-section h2 {
    font-weight: 300;
}

.become-sponsor-text {
    float: left;
    width: calc(100% - 645px);
    margin-right: 45px;
    text-align: justify;
}

.become-sponsor-video {
    float: left;
    width: 600px;
    padding-top: 60px;
}

.become-sponsor-text p {
    font-weight: 400;
    line-height: 30px;
}

.become-video-content {
    float: left;
    width: 600px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.become-video-content iframe {
    border: 15px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.benefits-text {
    text-align: center;
    min-height: 480px;
    padding-top: 90px;
    color: #fff;
    background: url('../img/bgi/benefits-background.jpg') no-repeat center center;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.benefits-text h2 {
    margin-bottom: 45px;
}

.benefits-icon {
    border: 0;
    background: #98c43d url("../img/bgi/benefits-white.svg") no-repeat center center;
}

.benefits-list {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.benefits-list ul {
    max-width: 750px;
    margin: 0 auto;
    padding: 45px 0;
}

.benefits-list li {
    position: relative;
    margin: 30px 0;
    padding-left: 145px;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

.benefits-list li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 25px;
    height: 25px;
    background: url('../img/bgi/save-success-green.svg') no-repeat;
}

.become-sponsor-form {
    text-align: center;
}

.become-sponsor-form h2 {
    margin-bottom: 30px;
    padding-top: 60px;
}

.become-sponsor-form .column-count-2-of-2 {
    padding: 0 120px 90px 45px;
    width: 50%;
}

.become-sponsor-form .column-count-1-of-2 {
    padding: 0 45px 90px 120px;
    width: 50%;
}

.become-sponsor-form .column-count-1-of-1 {
    padding: 60px 120px 0;
    background: #fff;
    width: 100%;
}

.become-sponsor-form .gform_wrapper .top_label .column-count-1-of-1 li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time) {
    display: inline-block;
    width: 45%;
    margin-right: 10%;
}

.become-sponsor-form .gform_wrapper .top_label .column-count-1-of-1 li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
    display: inline-block;
    width: 45%;
}
.become-sponsor-form .gform_confirmation_message {
    padding-bottom: 50px;
}

.form-inner .gform_wrapper label.gfield_label {
    font-weight: 400;
    font-size: 12px;
}

.form-inner .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}

.form-inner .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 0 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #0f1d2a;
    height: 50px;
    outline: none;
}

.form-inner .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {

}

.form-inner .gform_wrapper input:focus:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 1px solid #0f1d2a;
}

.form-inner .gform_wrapper .top_label li.gfield.gf_left_half,
.form-inner .gform_wrapper .top_label li.gfield.gf_right_half,
.form-inner .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
.form-inner .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
.form-inner .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
    display: block;
    width: 100%;
    padding: 0;
}

.form-inner .gform_wrapper ul.gform_fields li.gfield {
    padding: 0;
}

.form-inner .gform_wrapper ul.gform_fields li.gfield_html {
    font-weight: 400;
    font-size: 18px;
}

.form-inner .gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-top: 16px;
}

.form-inner .gform_wrapper .ginput_complex .ginput_left,
.form-inner .gform_wrapper .ginput_complex .ginput_right,
.form-inner .gform_wrapper .ginput_complex .ginput_full {
    display: block;
    width: 100%;
    margin-bottom: 16px;
}

.form-inner .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
}

.form-inner .gform_wrapper .field_sublabel_above > label {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px;
}

.form-inner .gform_wrapper {
    margin: 30px 0 0;
}

.form-inner .gform_wrapper .gfield_error .gfield_label {
    color: #E53D45;
}

.form-inner .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #E53D45;
}

.form-inner .gform_wrapper div.validation_error {
    color: #E53D45;
}

.form-inner .gform_wrapper .validation_message {
    color: #E53D45;
}

.become-sponsor-form .gform_wrapper .ginput_container_checkbox {
    max-width: 800px;
    margin: 0 auto;
}

.become-sponsor-form .gform_wrapper .become-sponsor-checkbox-container {
    text-align: center;
    margin: 60px 0;
}

.become-sponsor-checkbox-container > label {
    font-size: 18px !important;
}

.become-sponsor-checkbox-container .gfield_description {
    font-size: 16px !important;
    color: #bbb;
}

/* checkbox aspect */
.become-sponsor-checkbox-container [type="checkbox"]:not(:checked) + label:before,
.become-sponsor-checkbox-container [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

/* checked mark aspect */
.become-sponsor-checkbox-container input[type="checkbox"] {
    display: none !important;
}

.gform_wrapper .become-sponsor-checkbox-container ul.gfield_checkbox li {
    margin: 30px 0;
}

.gform_wrapper .become-sponsor-checkbox-container ul.gfield_checkbox li label {
    display: block;
    max-width: 100%;
    margin: 0 0;
    border: 1px solid #ddd;
    height: 50px;
    line-height: 50px !important;
    border-radius: 25px;
}

.become-sponsor-checkbox-container [type="checkbox"]:not(:checked) + label:after,
.become-sponsor-checkbox-container [type="checkbox"]:checked + label:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: #0f1d2a;
    display: inline-block;
}

/* checked mark aspect changes */
.become-sponsor-checkbox-container [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.become-sponsor-checkbox-container [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
.become-sponsor-checkbox-container [type="checkbox"]:disabled:not(:checked) + label:before,
.become-sponsor-checkbox-container [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.become-sponsor-checkbox-container [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.become-sponsor-checkbox-container [type="checkbox"]:disabled + label {
    color: #aaa;
}

.form-inner .gform_wrapper .gform_footer {
    margin: 0;
    background: #fff;
    text-align: center;
}

.form-inner .gform_wrapper .gform_footer input[type="submit"] {
    display: inline-block;
    margin: 0;
    background: #98c43d;
    color: #fff;
    font-size: 16px;
    min-width: 340px;
    font-weight: 400;
    height: 50px;
    line-height: 48px;
    border: 1px solid #98c43d !important;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    outline: none;
}

.form-inner .gform_wrapper .gform_footer input[type="submit"]:hover {
    background: transparent;
    color: #98c43d;
}

.ui.selection.dropdown {
    min-width: 100%;
    min-height: 50px;
    line-height: 20px;
    border-radius: 0;
    border: 1px solid #ddd;
}

.ui.selection.dropdown .menu > .item {
    padding: 10px !important;
    font-size: 14px;
}

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu,
.ui.selection.dropdown:hover,
.ui.selection.dropdown:focus {
    border: 1px solid #ddd !important;
    border-radius: 0;
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected,
.ui.dropdown .menu > .item:hover {
    background: #f8f8f8;
    font-weight: 400;
}

.ui.selection.dropdown > .dropdown.icon {
    top: 15px;
}

.form-inner .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
.form-inner .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half,
.form-inner .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0;
    background: transparent;
    border: 0;
}

.form-inner .gform_wrapper.gform_validation_error .top_label input.medium,
.form-inner .gform_wrapper.gform_validation_error .top_label select.medium {
    width: 100%;
    margin: 0;
}

.form-inner .gform_wrapper .validation_message {
    padding: 0 !important;
    font-weight: 400;
    font-size: 10px;
}

.form-inner .gform_wrapper div.validation_error {
    border: 0;
    font-weight: 400;
    font-size: 14px;
}

/* End sponsors styles
--------------------------------------------------------------------------------------------------*/

/* Start speakers styles
--------------------------------------------------------------------------------------------------*/
.tax-speakers .page-top-section {
    margin-bottom: 0;
}

.speakers-list-section .gray-bg {
    padding: 0 0 90px 0;
}

.speakers-icon {
    background: url('../img/bgi/speaker-white.svg') no-repeat center center;
}

.speakers-list {
    padding: 45px 0 15px;
}

.speakers-list > li {
    display: inline-block;
    width: calc(50% - 17px);
    margin: 0 30px 30px 0;
    padding: 30px;
    vertical-align: top;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.speakers-list > li:nth-child(2n) {
    margin: 0 0 30px 0;
}

.speaker-img {
    float: left;
    width: 250px;
    height: 250px;
    margin-right: 30px;
}

.speaker-img > span {
    display: block;
    position: relative;
    height: 100%;
    border: 1px solid #ddd;
}

.speaker-img > span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #f8f8f8 url('../img/bgi/user-pic-na-navy.svg') no-repeat center center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.speaker-img figure {
    position: relative;
}

.speaker-img figure span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(248, 248, 248, .9);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.speaker-img figure span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #fff url('../img/bgi/info-navy.svg') no-repeat center center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.speaker-img:hover figure span {
    opacity: 1;
    visibility: visible;
}

.speakers-info {
    float: left;
    position: relative;
    width: calc(100% - 280px);
    min-height: 250px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.speakers-info h2 {
    position: relative;
    padding-bottom: 25px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.speakers-info h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 1px;
    background: #0f1d2a;
}

.speakers-info h2 a {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.speakers-info h2 a:hover {
    color: #98c43d;
}

.speakers-info p {
    margin: 10px 0;
    line-height: 18px;
    font-size: 14px;
}

.speakers-info p strong {
    display: block;
}

.speakers-info ul {
    position: absolute;
    left: 0;
    bottom: 0;
}

.speakers-info ul li {
    float: left;
    margin-right: 15px;
}

.speakers-info ul li a {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.speakers-info ul li a:hover {
    color: #98c43d;
}

.become-section {
    text-align: center;
}

.become-section .container {
    max-width: 767px;
}

.speakers-section-icon {
    margin: 0 auto 15px;
    background: #f8f8f8 url('../img/bgi/speaker-navy.svg') no-repeat center center;
}

.become-section p {
    margin: 10px 0 60px;
}

.inner-page-title {
    float: left;
    position: relative;
    padding-left: 120px;
    text-align: left;
    z-index: 2;
}

.inner-page-title .page-title {
    display: block;
    margin-bottom: 5px;
    line-height: 40px;
}

.inner-page-title p {
    font-size: 18px;
    font-weight: 400;
}

.back-btn {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    border-radius: 25px;
    background: #fff url('../img/bgi/arrow-left-navy.svg') no-repeat center center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.back-btn:hover {
    opacity: .8;
}

.inner-page-top-section .container-outer {
    position: relative;
}

.inner-page-photo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 15px solid #fff;
    z-index: 3;
    overflow: hidden;
}

.inner-page-photo > span {
    display: block;
    position: relative;
    height: 100%;
    background: #fff;
}

.inner-page-photo > span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: #f8f8f8 url(../img/bgi/user-pic-na-navy.svg) no-repeat center center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.social-speaker-inner {
    position: absolute;
    right: calc((100% - 1200px) / 2);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}

.social-speaker-inner li {
    margin: 30px 0;
}

.social-speaker-inner li a {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    line-height: 50px;
    font-size: 20px;
    border-radius: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.social-speaker-inner li a:hover {
    color: #fff;
    background: #98c43d;
}

.speakers-inner-section {
    text-align: center;
}

.speakers-inner-section h1 {
    position: relative;
    padding-bottom: 30px;
    color: #0f1d2a;
    font-size: 28px;
    font-weight: 400;
}

.speakers-inner-section h1:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 30px;
    height: 1px;
    margin-left: -15px;
    background: #0f1d2a;
}

.job-list {
    margin: 10px 0;
}

.job-list li {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
}

.job-list li:after {
    content: ', ';
}

.job-list li:last-child:after {
    display: none;
}

.speaker-description-inner {
    margin: 0 120px;
    text-align: justify;
}

.speaker-description-inner p {
    margin: 30px 0;
}

.become-speaker-icon {
    background: #fff url("../img/bgi/speaker-green.svg") no-repeat center center;
}

.become-speaker-section .container-inner {
    padding: 60px 0;
}

.become-speaker-section h2 {
    font-weight: 700;
}

.become-speaker-section p,
.become-speaker-section ul {
    margin: 30px 0;
    line-height: 30px;
}

.become-speaker-section ul li {
    position: relative;
    padding-left: 10px;
    margin: 5px 0;
}

.become-speaker-section ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #0f1d2a;
}

.become-speaker-form {
    text-align: center;
}

.become-speaker-form h2 {
    font-weight: 700;
}

.become-speaker-form .column-count-1-of-2 {
    margin-right: 60px;
}

.become-speaker-form .column-count-1-of-2,
.become-speaker-form .column-count-2-of-2 {
    width: calc(50% - 30px);
    padding: 50px;
    border: 1px solid #ddd;
    border-radius: 25px;
}

.become-speaker-form .column-count-1-of-2 p,
.become-speaker-form .column-count-2-of-2 p {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

.speaker-form-description {
    margin: 0 !important;
    min-height: 50px;
}

.become-speaker-form .column-count-1-of-2 p strong,
.become-speaker-form .column-count-2-of-2 p strong {
    font-size: 16px;
}

.form-inner .gform_wrapper .label-font-set label.gfield_label {
    font-size: 16px !important;
}

.form-inner .gform_wrapper textarea.medium {
    border: 1px solid #ddd;
}

.form-inner .gform_wrapper ul.gform_fields > li.gfield {
    margin: 45px 0;
}

.form-inner .gform_wrapper .gform_fileupload_multifile .gform_drop_area {
    padding: 80px 20px 30px;
    border: 1px solid #ddd;
    border-radius: 0;
    background: transparent;
    color: #bbb;
    position: relative;
}

.form-inner .gform_wrapper .gform_fileupload_multifile .gform_drop_area:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 30px;
    width: 34px;
    height: 30px;
    background: url('../img/bgi/upload-navy.svg') no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.form-inner .gform_wrapper .gform_fileupload_multifile .gform_drop_area input[type="button"] {
    max-width: 340px;
    width: 100%;
    height: 50px;
    padding: 0 !important;
    background: #fff;
    border: 1px solid #ddd;
    line-height: 48px;
    outline: none;
    font-size: 16px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.form-inner .gform_wrapper .gform_fileupload_multifile .gform_drop_area input[type="button"]:hover {
    background: #f8f8f8;
}

/* End speakers styles
--------------------------------------------------------------------------------------------------*/

/* Start partners styles
--------------------------------------------------------------------------------------------------*/
.partners-icon {
    background: url('../img/bgi/partners-white.svg') no-repeat center center;
}

.partners-row-line {
    position: relative;
    margin: 60px 0;
}

.partners-row-line:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5px;
    left: 340px;
    height: 1px;
    background: #ddd;
}

.partners-row-title {
    display: block;
    width: 340px;
    height: 40px;
    border-radius: 25px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #ddd;
    letter-spacing: .25px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* End partners styles
--------------------------------------------------------------------------------------------------*/

/* Start membership styles
--------------------------------------------------------------------------------------------------*/
.membership-icon {
    background: url('../img/bgi/onug-member-white.svg') no-repeat center center;
}

.membership-section-icon {
    margin: 0 auto 15px;
    background: #f8f8f8 url('../img/bgi/onug-member-navy.svg') no-repeat center center;
}

.become-member-green-icon {
    background: #fff url("../img/bgi/onug-member-green.svg") no-repeat center center;
}

.option-col {
    float: left;
    width: calc(50% - 15px);
    padding: 60px 45px;
    border: 1px solid #ddd;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.option-col.member-option-1 {
    margin-right: 30px;
}

.option-col p {
    text-align: justify;
}

.option-col p strong {
    display: block;
    text-align: center;
}

.option-col h2 {
    margin-bottom: 30px;
    font-size: 22px;
}

.option-col hr {
    display: inline-block;
    margin: 30px 0;
    width: 30px;
    background: #0f1d2a;
}

.become-member-form {
    text-align: center;
}

.become-member-form .gform_confirmation_message {
    padding-bottom: 50px;
}

.become-member-form h2 {
    margin-bottom: 30px;
}

.remove-label > label {
    display: none !important;
}

.become-member-form .form-inner {
    padding: 60px 0 0;
}

.become-member-form .column-count-1-of-2 {
    padding: 0 45px 90px 120px;
}

.become-member-form .column-count-2-of-2 {
    padding: 0 120px 90px 45px;
}

.form-inner .gform_wrapper ul.gform_fields > li.gfield.white-bg {
    padding: 60px 0 10px;
    background: #fff;
    text-align: center;
    margin: 0;
}

.become-member-form .gform_wrapper .gfield_checkbox li,
.become-member-form .gform_wrapper .gfield_radio li,
.become-member-form .gform_wrapper ul.gfield_checkbox,
.become-member-form .gform_wrapper ul.gfield_radio {
    margin: 0 !important;
}

/* checkbox aspect */
.become-member-form [type="radio"]:not(:checked) + label:before,
.become-member-form [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

/* checked mark aspect */
.become-member-form input[type="radio"] {
    display: none !important;
}

.become-member-form .gform_wrapper .ginput_container_radio {
    max-width: 800px;
    margin: 0 auto;
}

.become-member-form .gform_wrapper ul.gfield_radio li {
    margin: 30px 0 !important;
}

.become-member-form .gform_wrapper ul.gfield_radio li label {
    display: block;
    max-width: 100%;
    margin: 0 0;
    border: 1px solid #ddd;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
}

.become-member-form [type="radio"]:not(:checked) + label:after,
.become-member-form [type="radio"]:checked + label:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: #0f1d2a;
    display: inline-block;
}

/* checked mark aspect changes */
.become-member-form [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.become-member-form [type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
.become-member-form [type="radio"]:disabled:not(:checked) + label:before,
.become-member-form [type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.become-member-form [type="radio"]:disabled:checked + label:after {
    color: #999;
}

.become-member-form [type="radio"]:disabled + label {
    color: #aaa;
}

.become-member-form .gform_wrapper ul.gfield_radio li label {
    display: block;
    max-width: 100%;
    margin: 0 0;
    border: 1px solid #ddd;
    height: 50px;
    line-height: 50px !important;
    border-radius: 25px;
}

.become-member-form .gform_wrapper ul.gform_fields li.credit-card-field {
    padding: 90px 120px;
    margin: 0 !important;
    width: 100%;
}

.form-radio-member > label {
    font-size: 18px !important;
}

.form-radio-member .gfield_description {
    font-size: 16px !important;
    color: #bbb;
}

.form-inner .gform_wrapper ul.gform_fields > li.gfield.white-bg.total-selected {
    padding: 30px 0;
}

.form-inner .gform_wrapper ul.gform_fields > li.gfield.white-bg.total-selected label {
    font-size: 18px;
}

.form-inner .gform_wrapper ul.gform_fields > li.gfield.white-bg.total-selected .ginput_container_total span {
    font-size: 28px;
    font-weight: 700;
    color: #98c43d;
}

/* End membership styles
--------------------------------------------------------------------------------------------------*/

/* Start working-groups styles
--------------------------------------------------------------------------------------------------*/
.group-parent-icon {
    background: url('../img/bgi/working-group-white.svg') no-repeat center center;
    background-size: 50%;
}

.group-description-inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 60px 15px;
}

.group-description-inner p {
    margin: 10px 0;
}

.group-list li {
    float: left;
    width: calc(100% / 3 - 20px);
    height: 300px;
    padding: 60px 10px 0;
    margin: 0 30px 30px 0;
    font-weight: 400;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.group-list li:nth-child(3n) {
    margin: 0 0 30px 0;
}

.work-open-sd-wan-exchange {
    background-image: -moz-linear-gradient(45deg, rgb(148, 223, 181) 0%, rgb(77, 166, 167) 100%);
    background-image: -webkit-linear-gradient(45deg, rgb(148, 223, 181) 0%, rgb(77, 166, 167) 100%);
    background-image: -ms-linear-gradient(45deg, rgb(148, 223, 181) 0%, rgb(77, 166, 167) 100%);
    background-image: linear-gradient(45deg, rgb(148, 223, 181) 0%, rgb(77, 166, 167) 100%);
}

.work-monitoring-analytics {
    background-image: -moz-linear-gradient(45deg, rgb(143, 166, 214) 0%, rgb(129, 127, 200) 100%);
    background-image: -webkit-linear-gradient(45deg, rgb(143, 166, 214) 0%, rgb(129, 127, 200) 100%);
    background-image: -ms-linear-gradient(45deg, rgb(143, 166, 214) 0%, rgb(129, 127, 200) 100%);
    background-image: linear-gradient(45deg, rgb(143, 166, 214) 0%, rgb(129, 127, 200) 100%);
}

.work-software-defined-security-services {
    background-image: -moz-linear-gradient(45deg, rgb(156, 218, 224) 0%, rgb(84, 155, 172) 100%);
    background-image: -webkit-linear-gradient(45deg, rgb(156, 218, 224) 0%, rgb(84, 155, 172) 100%);
    background-image: -ms-linear-gradient(45deg, rgb(156, 218, 224) 0%, rgb(84, 155, 172) 100%);
    background-image: linear-gradient(45deg, rgb(156, 218, 224) 0%, rgb(84, 155, 172) 100%);
}

.work-hybrid-multi-cloud {
    background-image: -moz-linear-gradient(45deg, rgb(178, 189, 196) 0%, rgb(47, 68, 88) 100%);
    background-image: -webkit-linear-gradient(45deg, rgb(178, 189, 196) 0%, rgb(47, 68, 88) 100%);
    background-image: -ms-linear-gradient(45deg, rgb(178, 189, 196) 0%, rgb(47, 68, 88) 100%);
    background-image: linear-gradient(45deg, rgb(178, 189, 196) 0%, rgb(47, 68, 88) 100%);
}

.work-container-networking {
    background-image: -moz-linear-gradient(45deg, rgb(231, 192, 160) 0%, rgb(137, 104, 105) 100%);
    background-image: -webkit-linear-gradient(45deg, rgb(231, 192, 160) 0%, rgb(137, 104, 105) 100%);
    background-image: -ms-linear-gradient(45deg, rgb(231, 192, 160) 0%, rgb(137, 104, 105) 100%);
    background-image: linear-gradient(45deg, rgb(231, 192, 160) 0%, rgb(137, 104, 105) 100%);
}

.page-template-page-working-group .members-section,
.page-template-page-working-groups .members-section {
    text-align: center;
}

.page-template-page-working-group .members-section .container-inner,
.page-template-page-working-groups .members-section .container-inner {
    max-width: 767px;
    margin-bottom: 25px;
}

.page-template-page-working-group .members-section .highlighted-sponsors-list li,
.page-template-page-working-groups .members-section .highlighted-sponsors-list li {
    display: inline-block;
    width: 130px;
    margin: 0 25px 40px;
    vertical-align: middle;
}

.page-template-page-working-group .chairs-section,
.page-template-page-working-groups .chairs-section {
    text-align: center;
}

.page-template-page-working-group .chairs-section h2,
.page-template-page-working-groups .chairs-section h2 {
    font-weight: 700;
    margin-bottom: 40px;
}

.page-template-page-working-group .chairs-section li a,
.page-template-page-working-groups .chairs-section li a {
    display: block;
}

.page-template-page-working-group .chairs-section li,
.page-template-page-working-groups .chairs-section li {
    display: inline-block;
    width: 250px;
    margin-bottom: 30px;
    vertical-align: top;
}
.page-template-page-working-group .chairs-section li img,
.page-template-page-working-groups .chairs-section li img {
    border-radius: 50%;
    margin: 0 auto 20px auto;
}

.group-list li p {
    margin: 10px 0;
    font-weight: 400;
    font-size: 16px;
}

.group-list li a {
    display: block;
    height: 100%;
    text-align: center;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.working-group-icon {
    display: block;
    width: 60px;
    height: 60px;
}

.icon-white {
    margin: 0 auto 20px;
    background: url('../img/bgi/working-group-white.svg') no-repeat center center;
}

.icon-navy {
    margin: 0 0 20px;
    background: url('../img/bgi/working-group-navy.svg') no-repeat center center;
}

.group-list li a strong {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 38px;
}

.group-list li a small {
    display: block;
    margin-top: 10px;
    font-weight: 700;
    font-size: 14px;
}

.groups-description {
    max-width: 960px;
    margin: 45px auto;
    text-align: justify;
}

.groups-description .btn-container {
    margin-top: 45px;
}

.participate-inner {
    padding: 60px 120px;
    margin-bottom: 30px;
    text-align: justify;
}

.participate-inner h2 {
    font-weight: 700;
}

.participate-inner h3 {
    font-size: 22px;
}

.participate-inner p {
    margin: 25px 0;
    line-height: 30px;
    font-weight: 400;
}

.participate-actions h3 {
    margin-bottom: 50px;
    font-weight: 700;
}

.participate-action-inner {
    float: left;
    position: relative;
    width: calc(50% - 15px);
    min-height: 370px;
    padding: 60px 120px 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.participate-signup {
    margin-right: 30px;
}

.participate-actions {
    position: relative;
}

.participate-actions a {
    display: inline-block;
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 340px;
    height: 50px;
    padding: 0 60px;
    line-height: 48px;
    border-radius: 25px;
    background: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.participate-actions a:hover {
    background: #98c43d;
    color: #fff;
}

.awards-icon {
    margin: 0 auto 15px;
    background: #f8f8f8 url('../img/bgi/awards-navy.svg') no-repeat center center;
}

.awards-section .section-title {
    text-align: center;
}

.awards-description {
    margin: 60px 0 30px;
    line-height: 30px;
    text-align: justify;
}

.guidelines-content {
    text-align: center;
    margin: 60px 0;
}

.guidelines-content h3 {
    margin-bottom: 30px;
    font-weight: 700;
}

.guidelines-content ul {
    max-width: 600px;
    margin: 0 auto;
}

.guidelines-content li {
    text-align: left;
    margin: 15px 0;
}

.guidelines-content li a {
    display: block;
    position: relative;
    padding-left: 50px;
}

.guidelines-content li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 22px;
    background: url('../img/bgi/download-navy.svg') no-repeat center center;
}

.guidelines-content li a {
    position: relative;
}

.guidelines-content li a:hover {
    color: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.resources-section .container-inner {
    padding: 60px 0;
}

.resources-section h2 {
    margin-bottom: 45px;
    font-weight: 700;
}

.resources-section p {
    text-align: justify;
    line-height: 30px;
}

.resources-section p em {
    display: block;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.resources-section ul {
    margin-top: 45px;
    text-align: center;
}

.resources-section ul li {
    margin: 15px 0;
}

.resources-section ul a {
    display: inline-block;
    min-width: 520px;
    height: 50px;
    padding: 0 60px;
    line-height: 48px;
    border-radius: 25px;
    background: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.resources-section ul a:hover {
    background: #98c43d;
    color: #fff;
}

.join-working-icon {
    margin: 0 auto 15px;
    background: #f8f8f8 url('../img/bgi/join-our-working-group-navy.svg') no-repeat center center;
}

.group-icon {
    border: 0;
    background: url(../img/bgi/working-group-white.svg) no-repeat center center;
    background-size: 100%;
    border-radius: 0;
}

.page-template-page-working-group .page-top-section .container-outer {
    padding-top: 85px;
}

.page-template-page-working-group h1 strong {
    display: block;
}

.page-template-page-working-group h1 small {
    display: block;
    margin: 10px 0 5px;
    font-size: 22px;
    font-weight: 400;
}

.group-description-section p {
    margin: 0 0 30px;
    text-align: justify;
}

.group-description-section p:last-of-type {
    margin-bottom: 0;
}

.group-description-section p a {
    font-weight: 700;
    color: #98c43d;
}

.group-description-section p a:hover {
    text-decoration: underline;
}

.page-template-page-working-group h1 span {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.related-section .container-inner {
    padding: 60px 0;
}

.related-description {
    text-align: center;
}

.related-description h2 {
    font-weight: 700;
}

.related-description p {
    margin: 15px 0;
}

.related-links {
    max-width: 520px;
    margin: 0 auto;
}

.related-links li {
    margin: 30px 0;
}

.related-links a {
    display: block;
    position: relative;
    line-height: 20px;
    padding: 15px 60px 15px 30px;
    border-radius: 25px;
    background: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.related-links a.downloadable:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 14px;
    width: 29px;
    height: 22px;
    background: url('../img/bgi/download-navy.svg') no-repeat center center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.related-links a:hover {
    background: #98c43d;
    color: #fff;
}

.related-links a.downloadable:hover:after {
    background: url('../img/bgi/download-white.svg') no-repeat center center;
}

.new-in-sign {
    position: absolute;
    top: 50%;
    right: 200px;
    width: 220px;
    height: 220px;
    padding: 80px 0;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: url('../img/bgi/new-in-shape-white.svg') no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.new-in-sign span {
    display: block;
    font-size: 38px;
    font-weight: 200;
    letter-spacing: 0;
}

.group-navy-icon {
    background: #fff url("../img/bgi/working-group-navy.svg") no-repeat center center;
    background-size: 50%;
}

.page-template-page-past-working h1 {
    line-height: 36px;
}

.past-content-title {
    display: block;
    padding-left: 120px;
    float: left;
    width: calc(100% - 580px);
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.past-rows-section ul {
    float: right;
    width: 580px;
    margin-bottom: 45px;
}

.past-rows-section ul li {
    margin-bottom: 30px;
}

.past-rows-section ul li a {
    display: block;
    width: 100%;
    position: relative;
    line-height: 20px;
    padding: 14px 60px 14px 30px;
    border-radius: 25px;
    background: #fff;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.past-rows-section ul li a:hover {
    background: #f8f8f8;
}

.past-rows-section ul li a:after {
    content: '';
    position: absolute;
    right: 14px;
    top: 14px;
    width: 29px;
    height: 22px;
    background: url("../img/bgi/download-navy.svg") no-repeat center center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.past-content-section .container-inner {
    padding: 60px 0;
}

.past-content-section h3 {
    margin: 60px 0 30px;
    font-size: 22px;
    font-weight: 400;
}

.past-content-section h2 {
    margin-bottom: 60px;
    font-weight: 700;
}

.past-content-section ol {
    padding-left: 15px;
}

.past-content-section p {
    margin: 30px 0;
    line-height: 30px;
}

.page-template-page-working-group-signup h1 {
    line-height: 40px;
}

.group-signup-icon {
    background: #fff url("../img/bgi/working-group-green.svg") no-repeat center center;
    background-size: 50%;
}

.group-signup-section li.column-count-2-of-2 {
    padding: 0 0 0 90px;
}

.group-signup-section li.column-count-1-of-2 ul li:first-child {
    margin-top: 0;
}

.group-signup-section li.column-count-1-of-2 {
    width: calc(50% - 30px);
    padding: 50px;
    border: 1px solid #ddd;
    border-radius: 25px;
}

.group-signup-section .gform_heading {
    display: none;
}

/*.group-signup-section li.column-count-2-of-2 .required-text {
    display: none !important;
}*/

.group-signup-section .gform_confirmation_message {
    padding: 20px;
    font-size: 20px;
    background: rgba(152, 196, 61, 0.2);
    border: 2px solid #98c43d;
    margin-top: 20px;
}

.form-inner .gform_wrapper ul.gform_fields li.required-text {
    display: inline-block;
    /*width: calc(50% - 30px);*/
    margin: 0 0 15px;
}

.form-inner .gform_wrapper ul.gform_fields li.required-text:nth-child(2) {
    padding: 0 90px 0 90px;
}

.form-inner .gform_wrapper ul.gform_fields ul {
    padding: 0;
    width: 100% !important;
}

.required-text p {
    font-size: 16px;
    font-weight: 400;
}

.required-text p span {
    display: block;
    color: #bbb;
    font-size: 14px;
}

.form-inner .gform_wrapper ul li.gfield.form-group-label {
    margin-top: 0;
}

.form-inner .gform_wrapper ul li.gfield.form-group-label > label {
    display: none;
}

.gform_wrapper .form-group-label .gfield_checkbox li {
    margin-bottom: 30px;
}

.form-inner .gform_wrapper .group-type-choose label.gfield_label {
    font-size: 16px;
}

.form-inner .gform_wrapper .group-type-choose .gfield_description {
    font-size: 16px;
    color: #bbb;
}

.form-inner .gform_wrapper .group-type-choose .gfield_radio {
    max-width: calc(50% - 30px);
}

.form-inner .gform_wrapper .group-type-choose .gfield_radio li {
    margin: 15px 0 30px;
}

.form-inner .gform_wrapper .group-type-choose .gfield_radio li label {
    display: block;
    max-width: 100%;
    margin: 0 0;
    border: 1px solid #ddd;
    height: 50px;
    padding: 0 !important;
    line-height: 50px !important;
    border-radius: 25px;
    text-align: center;
}

.form-inner .gform_wrapper .group-type-choose .gfield_radio li label:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.form-inner .gform_wrapper .group-type-choose .gfield_radio li label:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: #0f1d2a;
    display: inline-block;
}

.group-signup-section li.column-count-1-of-1 {
    display: none;
    width: calc(50% - 30px);
    padding: 70px 50px 50px;
    margin-top: -95px;
    margin-bottom: 46px;
    border: 1px solid #ddd;
    border-radius: 25px;
}

.group-signup-section li.column-count-1-of-1 ul li > p {
    font-size: 14px;
}

/* End working-groups styles
--------------------------------------------------------------------------------------------------*/

/* Start error styles
--------------------------------------------------------------------------------------------------*/
.error-page-container {
    padding: 120px 0;
    text-align: center;
}

.error-page-container p {
    margin: 45px 0;
}

.error-icon {
    display: block;
    margin: 0 auto 25px;
    width: 47px;
    height: 30px;
    background: url('../img/bgi/error-404-navy.svg') no-repeat;
}

/* End error styles
--------------------------------------------------------------------------------------------------*/

/* Start contact styles
--------------------------------------------------------------------------------------------------*/
.contact-icon {
    background: url('../img/bgi/contact-white.svg') no-repeat center center;
}

.info-col {
    float: left;
    position: relative;
    text-align: center;
    width: calc(50% - 15px);
    padding: 80px 50px 170px;
    min-height: 340px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.info-col-1 {
    margin-right: 30px;
}

.info-col .content-btn-block {
    position: absolute;
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.info-col .content-btn-block a {
    min-width: 340px;
}

.contact-section-form {
    text-align: center;
}

.contact-section-form .column-count-1-of-2 {
    padding: 0 30px 60px 0;
}

.contact-section-form .column-count-2-of-2 {
    padding: 0 0 60px 30px;
}

.contact-section-form .gform_wrapper textarea.medium {
    height: 320px;
}
.contact-section-form .gform_confirmation_message {
    padding: 20px;
    font-size: 20px;
    background: rgba(152, 196, 61, 0.2);
    border: 2px solid #98c43d;
}

/* End contact styles
-------------------------------------------------------------------------------------------------- */

/* Start video styles
-------------------------------------------------------------------------------------------------- */
.video-icon {
    background: url("../img/bgi/vimeo-white.svg") no-repeat center center;
}

.video-list li {
    float: left;
    position: relative;
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 30px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.video-list li:nth-child(2n) {
    margin-right: 0;
}

.video-list li figure {
    position: relative;
}

.video-list li figure .video-placeholder {
    display: block;
    width: 100%;
    height: 180px;
    background: #f8f8f8;
}

.video-list li h2 {
    min-height: 46px;
    padding-top: 10px;
    font-size: 14px;
    line-height: 18px;
}

.video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 29, 42, .5);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .2) url('../img/bgi/play-button-green.svg') no-repeat center center;
    background-size: 20%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 2;
    cursor: pointer;
}

.onug-vimeo {
    position: absolute;
    left: 30px;
    top: 50%;
    width: 76px;
    height: 34px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video-overlay .onug-vimeo {
    background: url('../img/bgi/onug-on-vimeo-emblem-green-white.svg') no-repeat;
}

.video-list li:hover .video-overlay {
    opacity: 0;
}

.video-list li:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.video-list li:hover .video-play,
.video-list li:hover .empty-video-play {
    background: #98c43d url('../img/bgi/play-button-white.svg') no-repeat center center;
    background-size: 20%;
}

.empty-video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.empty-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 1) url('../img/bgi/play-button-green.svg') no-repeat center center;
    background-size: 20%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 2;
    cursor: pointer;
}

.empty-video-overlay .onug-vimeo {
    opacity: .5;
    background: url('../img/bgi/onug-on-vimeo-emblem-green-navy.svg') no-repeat;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.video-list li:hover .empty-video-overlay .onug-vimeo {
    opacity: 1;
}

.terms-list {
    display: block;
}

.main-term-name {
    display: inline-block;
    font-size: 14px;
    color: #98c43d;
    font-weight: 500;
    line-height: 14px;
}

.sub-term-name {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #bbb;
    line-height: 14px;
}

.video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    z-index: 9999;
    overflow-y: scroll;
}

.video-popup-inner {
    position: absolute;
    max-width: 1060px;
    padding: 60px;
    left: 50%;
    top: 50%;
    border-radius: 25px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup-title {
    display: block;
    font-size: 22px;
    font-weight: 400;
}

.popup-date {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #bbb;
}

.video-popup-inner .btn {
    margin-top: 45px;
}

.video-url {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #fff url('../img/bgi/link-navy.svg') no-repeat center center;
    z-index: 9;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.video-url:hover {
    background: #98c43d url('../img/bgi/link-white.svg') no-repeat center center;
}

.video-post {
    margin-bottom: 45px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
}

.video-topbar {
    padding: 30px 45px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
}

.video-cat {
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #98c43d;
}

.video-subcat {
    float: right;
    font-size: 16px;
    line-height: 24px;
    color: #bbb;
}

.post-video {
    padding: 45px 45px 0;
}

.post-video iframe {
    display: block;
    width: 100%;
    height: 380px;
}

.video-header h1 {
    margin: 30px 0;
    font-size: 22px;
    font-weight: 400;
    color: #0f1d2a;
    text-align: left;
}

.video-date {
    display: block;
    font-size: 16px;
    color: #bbbbbb;
}

.video-header {
    padding: 0 45px 30px;
}

/* End video styles
-------------------------------------------------------------------------------------------------- */

/* Start document styles
-------------------------------------------------------------------------------------------------- */
.document-icon {
    background: url("../img/bgi/download-white.svg") no-repeat center center;
}

.document-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 29, 42, .5);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.document-url {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #fff url('../img/bgi/link-navy.svg') no-repeat center center;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.document-placeholder {
    display: block;
    width: 100%;
    height: 180px;
    background: #f8f8f8;
}

.document-inner-placeholder {
    display: block;
    width: 100%;
    height: 400px;
    background: #f8f8f8;
}

.document-link:hover .document-overlay {
    opacity: 0;
}

.document-post {
    margin-bottom: 45px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
}

.document-topbar {
    position: relative;
    padding: 30px 45px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
}

.document-download {
    position: absolute;
    right: 45px;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.document-download:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #f8f8f8 url('../img/bgi/download-small-navy.svg') no-repeat center center;
}

.document-download:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #98c43d url('../img/bgi/download-small-white.svg') no-repeat center center;
}

.document-download:hover:after {
    opacity: 1;
}

.document-cat {
    float: left;
    font-size: 16px;
    line-height: 24px;
}

.document-content {
    position: relative;
    padding: 45px;
}

.document-content figure {
    max-width: 325px;
    width: 100%;
    float: left;
}

.document-header {
    position: absolute;
    top: 50%;
    right: 45px;
    width: calc(100% - 450px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.document-content h1 {
    margin: 30px 0;
    font-size: 20px;
    font-weight: 400;
    color: #0f1d2a;
    text-align: left;
}

.document-date {
    display: block;
    font-size: 16px;
    color: #bbbbbb;
}

.document-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

.document-text .btn-container {
    margin-top: 60px;
}

.document-text .btn {
    color: #fff;
}

.document-text .btn:hover {
    text-decoration: none;
    color: #98c43d;
}

/* End document styles
-------------------------------------------------------------------------------------------------- */

/* Start landing styles
-------------------------------------------------------------------------------------------------- */
.landing-top-section {
    color: #fff;
    text-align: center;
}

.landing-top-section .container-outer {
    min-height: 490px;
}

.landing-top-inner {
    padding: 150px 0;
}

.landing-top-inner .has-promo .event-info {
    float: left;
    width: 50%;
}

.landing-top-inner .has-promo .next-event-info {
    float: right;
    width: 50%;
}

.landing-top-inner .has-promo .next-event-inner {

}

.landing-top-inner h1,
.landing-top-inner .next-event-inner h4 {
    font-size: 38px;
    margin-bottom: 25px;
    letter-spacing: 0;
    line-height: 40px;
}

.landing-top-inner .next-event-inner .top-section-date {
    line-height: 34px;
    font-weight: 300;
}

.landing-top-inner .next-event-inner .event-place {
    font-size: 20px;
    font-weight: 400;
}

.landing-top-inner .next-event-inner .promo {
    margin: 25px 0 0 0;
    font-size: 22px;
    text-transform: uppercase;
}

.top-section-date {
    font-size: 22px;
    text-transform: uppercase;
}

.landing-top-inner .hosted-by {
    margin: 25px 0 0 0;
}

.landing-top-inner .headline {
    margin: 50px 0 0 0;
}

.landing-top-inner .headline h2 {
    font-size: 48px;
    line-height: 1.1em;
}

.landing-top-inner .headline h3 {
    font-size: 28px;
    line-height: 1.1em;
    margin: 25px 0 0 0;
}

.landing-top-inner .actions {
    margin-top: 30px;
}

.landing-top-inner .register-cta {
    padding: 10px 40px;
    border-radius: 30px;
    font-size: 16px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #98c43d;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin: 20px 5px 0 5px;
    display: inline-block;
}

.register-event-section {
    text-align: center;
}

.register-event-section h2.section-title {
    display: inline-block;
    margin-bottom: 45px;
    padding-left: 100px;
    line-height: 75px;
    position: relative;
}

.register-event-section h2.section-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 40px;
    background: #98c43d url('../img/bgi/event-registration-white.svg') no-repeat center center;
}

.register-options > li {
    position: relative;
    float: left;
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.register-options.col-1 > li {
    float: none;
    width: 400px;
    margin: 0 auto;
    padding: 45px 45px 135px;
}

.register-options.col-2 > li {
    width: calc(50% - 30px);
    margin-right: 60px;
    padding: 60px 60px 135px;
}

.register-options.col-2 > li:last-child {
    margin-right: 0;
}

.register-options.col-3 > li {
    width: calc((100% / 3) - 20px);
    margin-right: 30px;
    padding: 45px 45px 135px;
}

.register-options.col-3 > li:last-child {
    margin-right: 0;
}

.register-options > li li {
    position: relative;
    padding-left: 12px;
}

.register-options > li li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #0f1d2a;
    border-radius: 2px;
}

.register-options li h3 {
    text-transform: uppercase;
    font-weight: 700;
}

.register-options li h4 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
}

.register-options .btn-container {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 45px;
}

.register-form-options {
    display: none;
    margin-top: 30px;
}

.landing-promo-information:after {
    content: '';
    position: absolute;
    left: 0;
    top: -20px;
    width: 75px;
    height: 75px;
    margin-bottom: 25px;
    border-radius: 40px;
    background: #f8f8f8 url('../img/bgi/video-navy.svg') no-repeat center center;
}

.landing-promo-information .event-promo-info {
    color: #bbb;
}

.landing-promo-video .video-content-event iframe,
.landing-promo-video .video-content-event embed,
.landing-promo-video .video-content-event object {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.testimonials-section {
    text-align: center;
}

.testimonials-section .onug-testimonials-title {
    display: inline-block;
}

.testimonials-section .onug-testimonials-title:after {
    background: #f8f8f8 url('../img/bgi/testimonials-navy.svg') no-repeat center center;
}

.testimonials-section .testimonial-info {
    text-align: left;
}

.testimonials-section .testimonials-container figure {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.testimonials-section .testimonials-home-slider {
    padding-top: 45px;
}

.testimonials-section .testimonials-home-slider .slick-prev {
    right: auto;
    left: 0;
}

.testimonials-section .testimonials-home-slider .slick-arrow {
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.event-agenda-section {
    text-align: center;
}

.event-agenda-section h2 {
    display: inline-block;
    margin-bottom: 45px;
    padding-left: 100px;
    line-height: 75px;
    position: relative;
}

.event-agenda-section h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    margin-bottom: 25px;
    border-radius: 40px;
    background: #f8f8f8 url('../img/bgi/event-agenda-navy.svg') no-repeat center center;
}

.event-speaker-section .speakers-list {
    text-align: left;
}

.event-speaker-section .speakers-list > li {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.event-speaker-section {
    text-align: center;
}

.event-speaker-section h2 {
    display: inline-block;
    margin-bottom: 45px;
    padding-left: 100px;
    line-height: 75px;
    position: relative;
}

.loaded-list {
    display: none;
    padding-top: 0;
}

.event-speaker-section .speakers-list {
    padding-bottom: 0;
}

.event-speaker-section h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    margin-bottom: 25px;
    border-radius: 40px;
    background: #98c43d url('../img/bgi/event-speaker-white.svg') no-repeat center center;
}

.event-speaker-section .speakers-info h3 {
    position: relative;
    padding-bottom: 25px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.event-speaker-section .speakers-info h3 a:hover {
    color: #98c43d;
}

.event-speaker-section .speakers-info h3 a {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.event-speaker-section .speakers-info h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 1px;
    background: #0f1d2a;
}

.show-more-btn {
    position: relative;
    width: 340px;
    height: 50px;
    padding: 0 40px 0 40px;
    line-height: 48px;
    border: 1px solid #dddddd;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.show-more-btn:after {
    content: '';
    position: absolute;
    right: -1px;
    top: -1px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #0f1d2a url('../img/bgi/plus-white.svg') no-repeat center center;
}

.show-more-btn:hover {
    opacity: .8;
}

.page-template-page-landing .show-more-btn {
    margin-top: 30px;
}

.faq-section {
    text-align: center;
}

.faq-section h2 {
    display: inline-block;
    margin-bottom: 45px;
    padding-left: 100px;
    line-height: 75px;
    position: relative;
}

.faq-section h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 40px;
    background: #fff url('../img/bgi/faq-navy.svg') no-repeat center center;
}

.faq-section-inner {
    padding: 60px 0;
}

.faq-list {
    max-width: 800px;
    margin: 0 auto;
}

.faq-list li {
    margin-bottom: 15px;
    background: #fff;
    border-radius: 30px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.faq-list li div {
    display: none;
    background: #fff;
    border-radius: 30px;
    padding: 45px;
    text-align: justify;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}

.faq-list li a {
    display: block;
    position: relative;
    padding: 15px 60px 15px 15px;
    font-weight: 400;
    height: 50px;
    line-height: 20px;
    background: #fff;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.faq-list li.active a {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
}

.faq-list li a:after {
    content: '';
    position: absolute;
    right: 2px;
    top: 2px;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    background: #f8f8f8 url('../img/bgi/arrow-down-navy.svg') no-repeat center center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.faq-list li.active a:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.board-section {
    text-align: center;
}

.board-section .board-list {
    padding-bottom: 0;
}

h2.board-group {
    margin: 40px 0;
}

.board-section h2.section-title {
    display: inline-block;
    margin-bottom: 45px;
    padding-left: 100px;
    line-height: 75px;
    position: relative;
}

.board-section h2.section-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 40px;
    background: #f8f8f8 url('../img/bgi/onug-member-green.svg') no-repeat center center;
}

.board-info h3 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 45px 0 15px;
}

.board-info h3 a:hover {
    color: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.icon-landing-list {
    margin: 0 25px 0;
}

.icon-landing-list li {
    display: inline-block;
    width: 130px;
    margin: 0 25px 40px;
    vertical-align: middle;
}

.event-sponsors-section,
.event-partners-section {
    text-align: center;
}

.event-sponsors-section h2.section-title,
.event-partners-section h2.section-title {
    display: inline-block;
    margin-bottom: 45px;
    padding-left: 100px;
    line-height: 75px;
    position: relative;
}

.event-sponsors-section h2.section-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 40px;
    background: #f8f8f8 url('../img/bgi/sponsors-green.svg') no-repeat center center;
}

.event-partners-section h2.section-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 40px;
    background: #f8f8f8 url('../img/bgi/partners-green.svg') no-repeat center center;
}

.landing-community-section {
    text-align: center;
    color: #fff;
}

.landing-join-outer {
    position: relative;
    padding: 60px 0;
}

.landing-join-inner {
    position: relative;
    z-index: 3;
}

.landing-join-outer.black-pattern:after {
    background: url('../img/bgi/pattern-colored-opacity.svg') no-repeat center center;
}

.community-landing-icon {
    border: 1px solid #fff;
    margin: 0 auto 15px;
    background: url('../img/bgi/community-white.svg') no-repeat center center;
}

.landing-featured-content {
    text-align: center;
}

.landing-featured-content h2.section-title {
    display: inline-block;
    margin-bottom: 45px;
    padding-left: 100px;
    line-height: 75px;
    position: relative;
}

.landing-featured-content h2.section-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 40px;
    background: #f8f8f8 url('../img/bgi/featured-content-green.svg') no-repeat center center;
}

.featured-article {
    margin-bottom: 60px;
    position: relative;
}

.featured-article .featured-text {
    float: left;
    width: calc(100% - 630px);
    text-align: left;
}

.featured-article .featured-text h3 {
    margin-bottom: 60px;
    font-size: 22px;
}

.featured-article .featured-text p {
    text-align: justify;
}

.featured-article .featured-text.left-text {
    margin-right: 45px;
}

.featured-article .featured-text.right-text {
    margin-left: 45px;
}

.featured-article figure {
    float: left;
    width: 585px;
    padding: 15px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.featured-article .gray-btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #131c25 url('../img/bgi/link-white.svg') no-repeat center center;
}

.featured-article .white-trans-btn {
    background: rgba(255, 255, 255, .25);
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.featured-article .white-trans-btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #fff url('../img/bgi/link-navy.svg') no-repeat center center;
}

.featured-article .white-trans-btn:hover {
    background: rgba(255, 255, 255, .5);
}

.featured-article .left-text .bottom-container,
.featured-article .right-text .bottom-container {
    position: absolute;
    bottom: 0;
    width: calc(100% - 630px);
}

.featured-article .featured-text.left-text {
    left: 0;
}

.featured-article .featured-text.right-text {
    right: 0;
}

.featured-article.full-featured-text .featured-text {
    float: none;
    margin: 0 auto;
    padding: 90px 0;
    color: #fff;
    text-align: center;
}

.full-featured-text .btn-container {
    margin-top: 50px;
}

.featured-article.full-featured-text {
    border: 15px solid #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.event-gallery-list li {
    float: left;
    width: calc(100% / 3 - 45px);
    margin: 0 45px 45px 0;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
}

.event-gallery-list li:nth-child(3n) {
    margin-right: 0;
}

.event-gallery-list li a {
    position: relative;
    display: block;
}

.event-gallery-list li a:before {
    content: '';
    background: rgba(255, 255, 255, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.event-gallery-list li a:after {
    content: '';
    background: #fff url('../img/bgi/plus-green.svg') no-repeat center center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: 0;
}

.event-gallery-list li a:hover:before,
.event-gallery-list li a:hover:after {
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.event-gallery-section {
    text-align: center;
}

.event-gallery-section h2.section-title {
    display: inline-block;
    margin-bottom: 45px;
    padding-left: 100px;
    line-height: 75px;
    position: relative;
}

.event-gallery-section h2.section-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 40px;
    background: #f8f8f8 url('../img/bgi/photo-navy.svg') no-repeat center center;
}

.download-app-row {
    padding: 40px 0;
    background: #182632;
    color: #fff;
}

.download-app-row h2 {
    line-height: 70px;
    float: left;
}

.download-app-row .container {
    position: relative;
}

.download-onug-logo {
    position: absolute;
    left: 50%;
    width: 70px;
    height: 70px;
    top: 0;
    border-radius: 10px;
}

.download-list {
    float: right;
}

.download-list li {
    float: left;
    margin: 5px 0 5px 30px;
}

.download-list li a {
    display: block;
    width: 180px;
    height: 60px;
    border: 1px solid #bbb;
}

.download-list li.app-store a {
    background: url('../img/bgi/app-store.png') no-repeat center center;
}

.download-list li.google-play a {
    background: url('../img/bgi/google-play.png') no-repeat center center;
}

.download-list li a:hover {
    border: 1px solid #fff;
}

/* End landing styles
-------------------------------------------------------------------------------------------------- */

/* Start Press & News
--------------------------------------------------------------------------------------------------*/
.press-news-icon {
    background: url('../img/bgi/news-coverage-white.svg') no-repeat center center;
}

.default-link-year {
    font-weight: 700;
}

.default-link-month {
    font-size: 14px;
    color: #bbb;
    border-top: 1px solid #ddd;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

.default-link-info {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    margin: 0 0 30px 30px;
    z-index: 1;
    padding: 20px 30px;
}

.default-link-info a {
    font-size: 14px;
    display: inline-block;
}

.default-link-info a:hover {
    color: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.default-link-info p strong {
    font-size: 14px;
    font-style: normal;
}

.default-link-date {
    position: absolute;
    top: -16px;
    left: -30px;
    background: #fff;
    font-size: 12px;
    padding: 3px 30px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    z-index: 2;
}

.default-link-info:hover .default-link-date {
    color: #fff;
    background: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.filter-label {
    position: relative;
    color: #bbb;
    text-align: center;
    letter-spacing: .5px;
    display: block;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.filter-label:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ddd;
    position: absolute;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sidebar-filter li {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    text-align: center;
    width: 100%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    margin-bottom: 15px;
    cursor: pointer;
}

.sidebar-filter li.active {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}

.sidebar-filter li a,
.sidebar-filter li span {
    color: #bbb;
    padding: 13px 10px;
    display: block;
}

.sidebar-filter li.active a,
.sidebar-filter li.active span {
    color: #0f1d2a;
}

.sidebar-filter li:hover a,
.sidebar-filter li:hover span {
    color: #0f1d2a;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.featured-news-inner {
    margin-bottom: 90px;
}

.featured-news li {
    width: calc(100% / 3 - 30px);
    float: left;
    margin-right: 30px;
    text-align: center;
    padding: 0 30px 30px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.featured-news li:last-child {
    margin-right: 0;
}

.featured-news li figure {
    height: 210px;
}

.featured-news li figure:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.featured-news li figure img {
    display: inline-block;
    vertical-align: middle;
}

.featured-news li a {
    font-size: 14px;
    display: block;
}

.featured-news li a:hover {
    color: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.featured-news-title {
    font-size: 18px;
    display: block;
}

.featured-news-date {
    font-size: 14px;
    color: #bbb;
    display: block;
    margin-bottom: 30px;
}

/* End Press & News
--------------------------------------------------------------------------------------------------*/

/* Start Blog
--------------------------------------------------------------------------------------------------*/
.post-container {
    margin-top: 90px;
    padding: 0 15px;
}

.blog-post {
    margin-bottom: 45px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
}

.blog-topbar {
    padding: 30px 60px 20px 60px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
}

.blog-logo {
    width: 103px;
    height: 20px;
    background: url('../img/bgi/onug-blog-emblem-green-navy.svg') no-repeat center center;
    display: block;
    float: left;
    padding-top: 20px;
}

.share-icons {
    float: right;
}

.share-icons li,
.pagination li {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    vertical-align: top;
}

.share-icons li a,
.pagination li a,
.pagination li span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.share-icons li a:hover,
.pagination li a:hover {
    background: #0f1d2a;
    color:#fff;
}

.post-header {
    padding: 60px 60px 45px;
    text-align: justify;
}

.post-title {
    text-align: center;
}

.post-title a:hover,
.gallery-title a:hover {
    color: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.post-meta {
    text-align: center;
    display: block;
    margin: 45px 0 60px;
}

.post-date {
    font-size: 16px;
    color: #bbbbbb;
}

.continue-reading {
    text-align: center;
    margin-top: 45px;
}

.pagination .pagination-arrow {
    width: 40px;
    height: 40px;
    display: block;
}

.pagination {
    text-align: center;
}

.pagination li a,
.pagination li span {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
}

.pagination li .current {
    background: #0f1d2a;
    color:#fff;
}

.pagination .left-arrow {
    background: url(../img/bgi/arrow-left-navy.svg) no-repeat center center;
}

.pagination .right-arrow {
    background: url(../img/bgi/arrow-right-navy.svg) no-repeat center center;
}

.post-inner .post-meta {
    margin: 45px 0 0;
}

.post-inner-content {
    margin-bottom: 30px;
}

.post-inner-content img {
    display: block;
    margin: auto;
}

.post-inner-content p {
    text-align: justify;
    margin: 30px 0;
}

.post-inner-content h2,
.post-inner-content h3 {
    margin-top: 45px;
}

.post-inner-content ul {
    list-style: disc;
    padding-left: 18px;
}

.post-inner-content ol {
    padding-left: 18px;
}

.post-inner-content ul li,
.post-inner-content ol li {
    margin: 5px 0;
}

.post-inner-content a {
    color: #98c43d;
}

.post-inner-content a:hover {
    text-decoration: underline;
}

.author-container {
    margin-top: 60px;
}

.author-container h4 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    border-bottom: 1px solid #0f1d2a;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.author-header {
    margin-bottom: 30px;
}

.author-profile {
    float: left;
    margin-right: 30px;
}

.author-profile img {
    border-radius: 100px;
}

.author-meta {
    float: left;
    padding-top: 30px;
}

.author-name {
    margin-bottom: 15px;
}

.author-name p {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.author-meta .navy-social {
    margin-bottom: 0;
}

.author-content p {
    text-align: justify;
    margin-bottom: 30px;
}

/* End Blog
--------------------------------------------------------------------------------------------------*/

/* Start About Us
--------------------------------------------------------------------------------------------------*/
.aboutus-icon {
    background: url('../img/bgi/onug-logo-white.svg') no-repeat center center;
    width: 180px;
}

/* End About Us
--------------------------------------------------------------------------------------------------*/

/* Start Onug Board
--------------------------------------------------------------------------------------------------*/
.board-list {
    padding-bottom: 60px;
}

.board-list li.board-member {
    width: calc(100% / 4);
    float: left;
    text-align: center;
    padding: 30px 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.board-list li.board-member:hover {
    background: #f8f8f8;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}

.board-list li.board-member img {
    display: inline-block;
    border-radius: 100px;
}

.board-img {
    width: 180px;
    height: 180px;
    display: block;
    margin: 0 auto;
}

.board-img > span {
    display: block;
    height: 100%;
}

.board-img > span:after {
    content: '';
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #f8f8f8 url('../img/bgi/user-pic-na-navy.svg') no-repeat center center;
    display: inline-block;
    border: 1px solid #fff;
}

.board-info h2 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 45px 0 15px;
}

.board-info h2 a:hover {
    color: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.board-job p {
    font-size: 14px;
}

.social-member {
    margin-top: 15px;
}

.social-member li {
    display: inline-block;
    margin: 0 5px;
}

.social-member li a:hover {
    color: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.inner-page-photo.board-page-photo {
    width: 180px;
    height: 180px;
}

/* End Onug Board
--------------------------------------------------------------------------------------------------*/

/* Start Photo Gallery
--------------------------------------------------------------------------------------------------*/
.photo-gallery-icon {
    background: url('../img/bgi/photo-white.svg') no-repeat center center;
}

.gallery-post {
    width: calc(100% / 2 - 15px);
    float: left;
    margin-right: 30px;
    padding: 30px 30px 45px;
    margin-bottom: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
    text-align: center;
}

.gallery-post:nth-child(2n) {
    margin-right: 0;
}

.featured-image {
    position: relative;
    text-align: center;
}

.featured-image a {
    display: block;
}

.featured-image img,
.featured-image a img {
    display: inline-block;
}

.gallery-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: rgba(255, 255, 255, 0);
}

.featured-image:hover .gallery-overlay {
    background: rgba(255, 255, 255, .2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.gallery-overlay span {
    background: url('../img/bgi/plus-white.svg') no-repeat center center;
    width: 100px;
    height: 100px;
    display: block;
    opacity: 0;
}

.featured-image:hover .gallery-overlay span {
    opacity: 1;
}

.gallery-title {
    font-size: 22px;
    line-height: 22px;
    margin-top: 45px;
}

.gallery-event-date {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
}

.gallery-event-location {
    font-size: 14px;
    text-transform: uppercase;
}

/* End Photo Gallery
--------------------------------------------------------------------------------------------------*/

/* Start Nextgen Gallery
--------------------------------------------------------------------------------------------------*/
.nextgen-gallery-content .ngg-galleryoverview {
    margin-top: 0;
    overflow: visible;
}

.nextgen-gallery-content .ngg-gallery-thumbnail-box {
    width: calc(100% / 3 - 45px);
    margin: 0 22.5px 45px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
}

.nextgen-gallery-content .ngg-gallery-thumbnail {
    border: 0;
    margin: 0;
}

.nextgen-gallery-content .ngg-gallery-thumbnail a {
    margin: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    text-align: center;
}

.nextgen-gallery-content .ngg-gallery-thumbnail a:before {
    content: '';
    background: rgba(255, 255, 255, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.nextgen-gallery-content .ngg-gallery-thumbnail a:after {
    content: '';
    background: #fff url('../img/bgi/plus-green.svg') no-repeat center center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: 0;
}

.nextgen-gallery-content .ngg-gallery-thumbnail a:hover:before,
.nextgen-gallery-content .ngg-gallery-thumbnail a:hover:after {
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.nextgen-gallery-content .ngg-gallery-thumbnail a img {
    width: 100%;
}

.nextgen-gallery-content .ngg-navigation {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 15px;
}

.nextgen-gallery-content .ngg-navigation span.current,
.nextgen-gallery-content .ngg-navigation a.page-numbers,
.nextgen-gallery-content .ngg-navigation a.prev,
.nextgen-gallery-content .ngg-navigation a.next {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 400;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    vertical-align: top;
    cursor: pointer !important;
    margin: 0 10px 10px;
    color: #000;
}

.nextgen-gallery-content .ngg-navigation a.prev,
.nextgen-gallery-content .ngg-navigation a.next {
    font-size: 0;
}

.nextgen-gallery-content .ngg-navigation a.page-numbers:hover {
    background: #0f1d2a;
    color: #fff;
}

.nextgen-gallery-content .ngg-navigation a.page-numbers {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
}

.nextgen-gallery-content .ngg-navigation span.current {
    background: #0f1d2a;
    color: #fff;
}

.nextgen-gallery-content .ngg-navigation a.prev {
    background: #f8f8f8 url(../img/bgi/arrow-left-navy.svg) no-repeat center center;
}

.nextgen-gallery-content .ngg-navigation a.next {
    background: #f8f8f8 url(../img/bgi/arrow-right-navy.svg) no-repeat center center;
}

.nextgen-gallery-content .ngg-navigation a.prev:hover,
.nextgen-gallery-content .ngg-navigation a.next:hover {
    background-color: #fff !important;
}

#fancybox-overlay {
    background-color: rgba(248, 248, 248, .9) !important;
}

#fancybox-close,
#fancybox-left-ico,
#fancybox-right-ico {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

#fancybox-close {
    background: #fff url(../img/bgi/close-navy.svg) no-repeat center center !important;
    top: 15px !important;
    right: 15px !important;
}

#fancybox-right {
    right: 0 !important;
}

#fancybox-right:hover {
    right: 15px !important;
}

#fancybox-left-ico {
    background: #fff url(../img/bgi/arrow-left-navy.svg) no-repeat center center !important;
    left: 15px !important;
}

#fancybox-right-ico {
    background: #fff url(../img/bgi/arrow-right-navy.svg) no-repeat center center !important;
    right: 15px;
    left: inherit !important;
}

#fancybox-right:hover span {
    right: 0 !important;
}

.fancybox-bg {
    display: none !important;
}

#fancybox-content {
    -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
}

/* End Nextgen Gallery
--------------------------------------------------------------------------------------------------*/

/* Start Ultimate Member
--------------------------------------------------------------------------------------------------*/
.login-inner .um-col-alt .um-right.um-half,
.register-community-inner .um-col-alt .um-right.um-half {
    display: none;
}

.wrapper .um {
    margin-bottom: 0 !important;
}

.um-form .um-row {
    margin: 0 !important;
}

.um-form .um-field {
    padding: 0;
    margin-bottom: 15px;
}

.um-form .um-field .um-field-label {
    line-height: 12px;
    margin: 0 0 5px;
}

.um-form .um-field .um-field-label label {
    font-size: 12px !important;
    line-height: 12px !important;
    font-weight: 400;
    letter-spacing: .5px;
    color: #0f1d2a;
    cursor: text;
}

.um-form .um-field .um-field-label label .um-req {
    color: #bbb;
}

.um-form .um-field .um-field-area input[type=text].um-form-field,
.um-form .um-field .um-field-area input[type=password].um-form-field {
    border: 1px solid #ddd !important;
    font-size: 14px !important;
    color: #0f1d2a;
    height: 45px !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.um-form .um-field .um-field-area input[type=text].um-form-field:focus,
.um-form .um-field .um-field-area input[type=password].um-form-field:focus {
    border: 1px solid #0f1d2a !important;
}

.um-form .um-field .um-field-area .um-field-checkbox-state,
.um-form .um-field .um-field-area .um-field-radio-state {
    width: 20px;
    height: 20px;
    left: 0;
}

.um-form .um-field .um-field-area .um-field-checkbox-state i,
.um-form .um-field .um-field-area .um-field-radio-state i {
    color: #0f1d2a;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    position: relative;
}

.um-form .um-field .um-field-area .um-field-checkbox.active .um-field-checkbox-state i:before {
    content: '\f00c';
    font-family: 'FontAwesome' !important;
    font-size: 12px;
    color: #0f1d2a;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.um-form .um-field .um-field-area .um-field-checkbox .um-field-checkbox-state i:before {
    content: ' ';
}

.um-form .um-field .um-field-area .um-field-checkbox {
    top: 0;
    margin: 0 0 15px !important;
}

.um-form .um-field .um-field-area .um-field-checkbox span.um-field-checkbox-option {
    font-size: 16px;
    line-height: 20px;
    color: #0f1d2a !important;
    margin: 0 0 0 35px;
}

.um .um-field-error {
    font-size: 12px;
    line-height: 16px !important;
    background: #e53d45;
    padding: 3px 12px;
    margin: 10px 0 0;
}

.um .um-field-arrow {
    color: #e53d45;
}

.um-form .um-row .um-field .um-field-area input.um-form-field.um-validate-not-matched,
.um-form .um-row .um-field .um-field-area input.um-form-field.um-validate-not-matched:focus,
.um-form .um-row .um-field .um-field-area input.um-form-field.um-validate-username-exists,
.um-form .um-row .um-field .um-field-area input.um-form-field.um-validate-username-exists:focus {
    border-color: #e53d45 !important;
}

.um-col-alt-b {
    padding-top: 0 !important;
}

.um-col-alt .um-right .um-alt,
.um-col-alt-b .um-link-alt {
    background: #fff !important;
    color: #bbb !important;
    font-size: 16px;
    height: 50px !important;
    line-height: 48px !important;
    border: 1px solid #ddd !important;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    max-width: 340px;
    margin: 0 auto;
}

.um-col-alt .um-right .um-alt:after,
.um-col-alt-b .um-link-alt:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 47px;
    height: 48px;
    background: url(../img/bgi/password-lock-navy.svg) no-repeat center center;
    border-left: 1px solid #ddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.um-col-alt .um-right .um-alt:hover,
.um-col-alt-b .um-link-alt:hover {
    color: #0f1d2a !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none !important;
}

.um .um-row .um-field-area .select2.select2-container .select2-selection {
    border: 1px solid #ddd !important;
    height: 45px;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.um .um-row .um-field-area .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    color: #0f1d2a;
    font-size: 14px;
    padding: 0;
}

.um .um-row .um-field-area .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none !important;
}

.um-page-register .select2-container.select2-container--open .select2-dropdown,
.um-own-profile .select2-container.select2-container--open .select2-dropdown {
    border: 1px solid #ddd !important;
}

.um .um-row .um-field-area .select2.select2-container .select2-selection .select2-selection__arrow:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    background: url(../img/bgi/arrow-down-navy.svg) no-repeat center center;
    font-size: 0 !important;
}

.um.um-account .um-account-heading {
    display: none;
}

.um.um-account .um-account-profile-link a {
    color: #98c43d !important;
}

.um.um-account .um-account-profile-link a:hover {
    text-decoration: underline !important;
}

.um.um-account .um-account-name a {
    color: #0f1d2a;
}

.um.um-account .um-account-side li {
    background: #fff;
    height: 50px;
    margin-bottom: 5px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.um.um-account .um-account-side li:hover {
    background: #fff;
}

.um.um-account .um-account-side li a {
    height: 40px;
    padding: 5px 0 4px;
}

.um.um-account .um-account-side li a:hover {
    background: #fff;
}

.um.um-account .um-account-side li a span.um-account-title {
    height: 40px;
    line-height: 40px;
    color: #0f1d2a;
    font-weight: 400;
}

.um.um-account .um-account-side li a:hover span.um-account-title {
    color: #98c43d;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.um.um-account .um-account-side li a span.um-account-icon {
    height: 40px;
    width: 40px;
    border-right: 0;
    padding: 0;
    position: relative;
}

.um.um-account .um-account-side li a span.um-account-icon i {
    height: 40px;
    line-height: 40px;
}

.um.um-account .um-account-side li a span.um-account-icon .um-faicon-user:before,
.um.um-account .um-account-side li a span.um-account-icon .um-faicon-asterisk:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: #f8f8f8 url(../img/bgi/account-navy.svg) no-repeat center center;
    font-size: 0 !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.um.um-account .um-account-side li a span.um-account-icon .um-faicon-asterisk:before {
    background: #f8f8f8 url(../img/bgi/password-lock-navy.svg) no-repeat center center;
}

.um.um-account .um-account-side li a span.um-account-arrow {
    opacity: 1;
}

.um.um-account .um-account-side li a span.um-account-arrow .um-faicon-angle-right:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 40px;
    background: url(../img/bgi/arrow-right-navy.svg) no-repeat center center;
    font-size: 0 !important;
}

.um.um-account .um-account-side li a span.um-account-icon,
.um.um-account .um-account-side li a.current span.um-account-icon,
.um.um-account .um-account-side li a.current:hover span.um-account-icon {
    width: 40px;
    height: 40px;
    border-right: 0;
    padding: 0;
}

.um .um-form .um-col-alt .um-half,
.um .um-form .um-col-alt .um-left,
.um .um-form .um-col-alt .um-center {
    position: relative;
}

.um .um-form .um-col-alt .um-half input[type="submit"].um-button,
.um .um-form .um-col-alt .um-left input[type="submit"].um-button,
.um .um-form .um-col-alt .um-center input[type="submit"].um-button {
    background: #f8f8f8;
    color: #0f1d2a;
    font-size: 16px;
    height: 50px !important;
    border: 0 !important;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.um .um-form .um-col-alt .um-half::after,
.um .um-form .um-col-alt .um-left::after,
.um .um-form .um-col-alt .um-center::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #98c43d url(../img/bgi/save-success-white.svg) no-repeat center center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.um .um-form .um-col-alt .um-half input[type="submit"].um-button:hover,
.um .um-form .um-col-alt .um-half input[type="submit"].um-button:focus,
.um .um-form .um-col-alt .um-left input[type="submit"].um-button:hover,
.um .um-form .um-col-alt .um-left input[type="submit"].um-button:focus,
.um .um-form .um-col-alt .um-center input[type="submit"].um-button:hover,
.um .um-form .um-col-alt .um-center input[type="submit"].um-button:focus {
    background: #f8f8f8;
    opacity: .8;
}

.um .um-form .um-col-alt .um-center .um-button {
    width: 340px !important;
}

.um .um-form .um-field-checkbox,
.um .um-form .um-field-radio {
    margin: 0;
}

.um.um-profile .um-form .um-field-checkbox {
    margin-bottom: 15px;
}

.form-gray-section {
    background: #f8f8f8;
    padding: 45px 0 !important;
}

.form-gray-section .um-col-121 {
    width: 50% !important;
    padding: 0 30px 0 120px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

.form-gray-section .um-col-122 {
    width: 50% !important;
    padding: 0 120px 0 30px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

/* End Ultimate Member
--------------------------------------------------------------------------------------------------*/

/* Start Login
--------------------------------------------------------------------------------------------------*/
.login-section {
    margin-top: 90px;
}

.login-section-inner {
    width: 921px;
    margin: 0 auto;
}

.login-side {
    width: 340px;
    float: left;
    padding: 30px 60px;
}

.login-inner {
    border-right: 1px solid #ddd;
}

.register-inner {
    text-align: center;
}

.box-title {
    text-align: center;
}

.box-title h1,
.box-title h2 {
    font-weight: 400;
    font-size: 18px;
    color: #0f1d2a;
    line-height: 24px;
    margin-bottom: 25px;
}

.box-title h1 strong,
.box-title h2 strong {
    font-size: 22px;
}

.register-inner p {
    margin-bottom: 45px;
}

.register-page-btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 47px;
    height: 48px;
    background: url(../img/bgi/community-green.svg) no-repeat center center;
    border-left: 1px solid #ddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.register-page-btn:hover {
    opacity: .8;
}

.login-inner .um {
    margin-bottom: 0 !important;
}

.login-inner .um-col-alt {
    margin: 0;
}

.login-inner .um-col-alt .um-half {
    margin: 0 0 15px !important;
}

/* End Login
--------------------------------------------------------------------------------------------------*/

/* Start My account
--------------------------------------------------------------------------------------------------*/
.um-account.um-editing {
    max-width: 1000px;
    margin: 0 auto;
}

.um-profile.um-viewing,
.um-profile.um-editing {
    float: none !important;
    margin: 0 auto;
}

.um.um-account .um-account-side {
    width: 420px;
}

.um.um-account .um-account-main {
    width: calc(100% - 420px);
}

.um.um-account .um-account-tab {
    margin-top: 12px;
}

.um.um-account .um-col-alt .um-left {
    width: 340px;
    margin: 45px auto 0;
    float: none;
}

.um-main-meta .um-name a,
.um-meta span {
    color: #0f1d2a !important;
}

.um.um-profile .um-header {
    border-bottom: 0 !important;
}

.um.um-profile .um-profile-body {
    max-width: 100% !important;
}

.um.um-profile .form-gray-section {
    padding: 45px 0 5px !important;
}

.um.um-profile .form-full-width.form-gray-section {
    padding: 15px 0 45px !important;
}

.um.um-profile .um-profile-body .um-field-label {
    border: 0;
    margin: 0;
    padding: 0 0 5px 0;
}

.um.um-profile .um-profile-body .um-field-area {
    background: #fff;

}

.um.um-profile .um-profile-body .um-field-area div {
    font-size: 14px;
    color: #0f1d2a;
    padding: 8px 15px;
}

.um.um-profile .um-profile-body .um-field-area div a {
    color: #98c43d;
}

.um.um-profile .um-profile-body .um-field-area div a:hover {
    text-decoration: underline !important;
}

.um.um-profile .form-full-width .um-col-1 {
    padding: 0 120px;
}

.um.um-profile.um-editing .um-profile-body .um-field-interests .um-field-area {
    padding: 30px;
}

.um.um-profile.um-editing .um-profile-body .um-field-interests .um-field-area .um-clear {
    padding: 0;
}

.um.um-profile .um-dropdown {
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #ddd;
    -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, .05);
}

.um.um-profile .um-dropdown .um-dropdown-arr {
    display: none;
}

.um.um-profile .um-profile-edit a {
    color: #bbb;
}

.um.um-profile .um-dropdown li a {
    color: #0f1d2a;
}

.um.um-profile .um-profile-edit a:hover,
.um.um-profile .um-profile-edit a.active,
.um.um-profile .um-dropdown li a:hover {
    color: #98c43d !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.um.um-editing .um-col-alt {
    margin-top: 40px;
}

.um.um-editing .um-col-alt .um-left,
.um.um-editing .um-col-alt .um-right {
    width: 340px;
    margin: 15px auto 0;
    float: none;
}

.um.um-editing .um-col-alt .um-right .um-alt {
    line-height: 48px !important;
    padding: 0 !important;
}

.um.um-editing .um-col-alt .um-right.um-half:after {
    display: none;
}

.um.um-editing .um-col-alt .um-right .um-alt:after {
    background: url(../img/bgi/close-navy.svg) no-repeat center center;
}

/* End My account
--------------------------------------------------------------------------------------------------*/

/* Start Password Reset
--------------------------------------------------------------------------------------------------*/
.um.um-password {
    padding: 60px 0;
}

.um.um-password .um-field-block div,
.um.um-password .um-field-block p {
    font-size: 18px;
    color: #0f1d2a;
    margin-bottom: 45px;
    text-align: center;
}

.um.um-password .um-col-alt .um-center {
    width: 100%;
    max-width: 340px;
    margin: 45px auto 0;
    float: none;
}

.um.um-password .um-form .um-col-alt .um-center::after {
    background: #98c43d url(../img/bgi/password-lock-white.svg) no-repeat center center;
}

/* End Password Reset
--------------------------------------------------------------------------------------------------*/

/* Start Join the community
--------------------------------------------------------------------------------------------------*/
.join-community-icon {
    background: #fff url('../img/bgi/community-green.svg') no-repeat center center;
}

.already-registered {
    margin-bottom: 60px;
}

.sing-in {
    margin-top: 45px;
}

.sign-in-btn {
    background: #f8f8f8;
    max-width: 340px;
    margin: 0 auto 15px;
    display: block;
}

.sign-in-btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #98c43d url(../img/bgi/account-white.svg) no-repeat center center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.sign-in-btn:hover {
    opacity: .8;
}

.new-registration {
    background: #f8f8f8;
    padding-bottom: 45px;
}

.new-registration h2 {
    padding-top: 60px;
    margin-bottom: 30px;
}

.page-template-page-join-community .um.um-register {
    max-width: 100%;
}
.page-template-page-join-community .um.um-register .um-postmessage {
    padding: 90px 60px 60px;
    background: #98C43D url('../img/bgi/save-success-white.svg') no-repeat center 30px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    background-size: 40px;
    line-height: 1.4;
}

.form-label-big {
    padding: 60px 0 45px !important;
}

.um-form .form-label-big .um-field .um-field-label label,
.um-form .form-register-social .um-field .um-field-label label {
    font-size: 16px !important;
    margin-bottom: 15px;
    display: block;
}

.form-register-social {
    padding: 0 0 45px !important;
}

.page-template-page-join-community .form-register-account {
    max-width: 436px;
    margin: 0 auto !important;
}

.page-template-page-join-community .um-col-alt .um-half {
    width: 340px;
    margin: 45px auto 0;
    float: none;

}

/* End Join the community
--------------------------------------------------------------------------------------------------*/

/* Start Hub Pages
--------------------------------------------------------------------------------------------------*/
.page-id-20 .hub-icon {
    background: #fff url('../img/bgi/event-navy.svg') no-repeat center center;
}

.page-id-18 .hub-icon {
    background: #fff url('../img/bgi/community-navy.svg') no-repeat center center;
}

.page-id-16 .hub-icon {
    background: #fff url('../img/bgi/media-center-navy.svg') no-repeat center center;
}

.hub-content {
    margin-bottom: 60px;
}

.hub-content p {
    text-align: justify;
}

.pages-list {
    list-style: none;
}

.pages-list li {
    float: left;
    width: calc(100% / 4 - 25px);
    margin: 0 30px 30px 0;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.pages-list li:nth-child(4n) {
    margin-right: 0;
}

.pages-list li a {
    display: block;
    color: #fff;
    padding: 60px 10px;
}

.pages-list li a:hover {
    opacity: .8;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.pages-list li figure {
    width: 75px;
    height: 75px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    margin: 0 auto 30px;
}

.pages-list li figure img {
    position: absolute;
    width: 35px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
}

.pages-list li span {
    font-size: 20px;
    margin-bottom: 15px;
}

.pages-list li small {
    font-size: 14px;
    font-weight: 700;
    display: block;
}

/* End Hub Pages
--------------------------------------------------------------------------------------------------*/

/* Start Default Page
--------------------------------------------------------------------------------------------------*/
.default-page-icon {
    background: #fff url('../img/bgi/onug-logo-black.svg') no-repeat center center;
    width: 180px;
}

.default-page {
    margin-top: 90px;
}

/* End Default Page
--------------------------------------------------------------------------------------------------*/

/* Start Sidebar
--------------------------------------------------------------------------------------------------*/
.sidebar-box {
    padding: 45px 30px 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    text-align: center;
}

.sidebar-icon {
    margin: 0 auto 30px;
}

.sidebar-title {
    display: block;
    margin-bottom: 10px;
}

.sidebar-description {
    font-size: 12px;
    line-height: 16px;
    display: block;
    margin-bottom: 30px;
}

.right-arrow-btn.sidebar-btn {
    width: 100%;
    height: 40px;
    line-height: 38px;
}

.right-arrow-btn.sidebar-btn:after {
    width: 40px;
    height: 40px;
}

.right-arrow-btn.sidebar-btn.sidebar-register-btn {
    background: #98c43d;
    border: 1px solid #98c43d;
    color: #fff;
}

.right-arrow-btn.sidebar-btn.sidebar-register-btn:after {
    background: url(../img/bgi/arrow-right-white.svg) no-repeat center center;
}

.right-arrow-btn.sidebar-btn.sidebar-register-btn:hover {
    opacity: .8;
}

.sidebar-newsletter-icon {
    background: #f8f8f8 url(../img/bgi/newsletter-navy.svg) no-repeat center center;
}

.sidebar-become-member-icon {
    background: #f8f8f8 url(../img/bgi/onug-member-green.svg) no-repeat center center;
}

.sidebar-become-sponsor-icon {
    background: #f8f8f8 url(../img/bgi/sponsors-green.svg) no-repeat center center;
}

.sidebar-box.sidebar-event {
    padding: 70px 30px 30px;
    position: relative;
}

.sidebar-event-header {
    position: absolute;
    top: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sidebar-event-header:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 80px;
    height: 20px;
    background: url(../img/bgi/onug-logo-green-navy.svg) no-repeat;
    background-size: 100%;
}

.sidebar-event-header span {
    font-size: 22px;
    line-height: 20px;
    text-transform: uppercase;
    padding-left: 80px;
}

.sidebar-event-info {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    display: block;
}

.sidebar-event-info p {
    text-transform: uppercase;
}

.sidebar-event-info p span {
    color: #bbb;
}

.sidebar-event-info h4 {
    font-size: 22px;
    line-height: 28px;
    color: #98c43d;
    font-weight: 400;
    padding: 45px 0;
}

.sidebar-event-info h4.closed-registration {
    color: #0f1d2a;
}

.form-inner.sidebar-subscribe-inner .validation_error,
.sidebar-subscribe-inner label.gfield_label {
    display: none !important;
}

.form-inner.sidebar-subscribe-inner .gform_wrapper ul.gform_fields > li.gfield {
    margin: 0;
}

.form-inner.sidebar-subscribe-inner .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    height: 40px;
}

.form-inner.sidebar-subscribe-inner .gform_wrapper .gform_footer {
    padding: 0;
    margin-top: 15px;
    position: relative;
}

.form-inner.sidebar-subscribe-inner .gform_wrapper .gform_footer:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../img/bgi/save-success-green.svg) no-repeat center center;
}

.form-inner.sidebar-subscribe-inner .gform_wrapper .gform_footer input[type="submit"] {
    min-width: 100%;
    height: 40px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #ddd !important;
    color: #0f1d2a;
    padding: 0;
}

.form-inner.sidebar-subscribe-inner .gform_wrapper .gform_footer:hover input[type="submit"] {
    background: #98c43d;
    color: #fff;
}

.form-inner.sidebar-subscribe-inner .gform_wrapper .gform_footer:hover:after {
    background: url(../img/bgi/save-success-white.svg) no-repeat center center;
}

.sidebar-subscribe-inner ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bbbbbb;
    font-size: 14px;
}

.sidebar-subscribe-inner ::-moz-placeholder { /* Firefox 19+ */
    color: #bbbbbb;
    font-size: 14px;
}

.sidebar-subscribe-inner :-ms-input-placeholder { /* IE 10+ */
    color: #bbbbbb;
    font-size: 14px;
}

.sidebar-subscribe-inner :-moz-placeholder { /* Firefox 18- */
    color: #bbbbbb;
    font-size: 14px;
}

.post-tags {
    margin-top: 60px;
}

.post-tags a {
    padding: 5px 15px;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    padding: 7px 15px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    margin: 0 5px 10px 0;
}

.post-tags a:hover {
    background: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* End sidebar
--------------------------------------------------------------------------------------------------*/

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Search Form */

.search-form {
    margin: 0 0 30px 0;
    position: relative;
}
.search-form input[type="search"] {
    display: block;
    height: 50px;
    line-height: 48px;
    width: 100%;
    padding: 0 25px;
    outline: none;
    font-size: 14px;
    color: #0f1d2a;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 30px;
}
.search-form .search-submit {
    display: inline-block;
    height: 44px;
    width: 44px;
    background: #98c43d;
    border: 1px solid #98c43d;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    right: 3px;
    top: 3px;
}

.post-type-archive-incsub_wiki .site-main {
    margin-bottom: 80px;
}

.post-type-archive-incsub_wiki .site-main .content {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}

.post-type-archive-incsub_wiki .site-main .content > h2 {
    margin-bottom: 10px;
}

.post-type-archive-incsub_wiki .pagination {
    margin-top: 40px;
}

.single-incsub_wiki .site-main {
    margin-bottom: 80px;
}

.single-incsub_wiki .site-main .incsub_wiki_meta_box,
.single-incsub_wiki .site-main .incsub_wiki_header {
    display: none;
}

.single-incsub_wiki .site-main .incsub_wiki_form_buttons input[type="submit"] {
    background: #98c43d;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1;
}

.ginput_recaptcha > div {
    margin: auto;
}

.webinar-list li {
    position: relative;
    padding: 30px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.webinar-list li:nth-child(2n) {
    margin-right: 0;
}

.webinar-list li figure {
    position: relative;
}

.webinar-list li img {
    max-width: 100%;
    height: auto;
}

.webinar-list li h2 {
    font-size: 22px;
    margin: 10px 0;
}

.webinar-list li .type {
    font-weight: 700;
    color: #98c43d;
}

.webinar-list li .date-time {

}