/*
Theme Name: ONUG
Theme URI: https://onug.net/
Author: Singularity Solution - Darko Mitrovic
Author URI: https://www.singularity.is
Description: The ONUG is a large enterprise technology consumer driven community
Version: 1.0

* For the full copyright and license information, please view
* the LICENSE file that was distributed with this source code.
*/

.grecaptcha-badge { visibility: hidden; }




form .um-field-job_title {
	display: none !important;
}
form .um-field-type_block {
	width: 100% !important;
	display: block;
	margin-bottom: 18px;
	font-size: 15px;
	color: #000;
}

/*
GREEN: #8FC73E
ORANGE: #F58220
BG DARK: #2C2C2C
BG LIGHT: #F4F4F4
*/


.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
	display: none;
}

.addReadMore.showmorecontent .readMore {
	display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
	font-weight: bold;
	margin-left: 2px;
	color: #8FC73E;
	cursor: pointer;
}

.addReadMore .readMore:hover,
.addReadMore .readLess:hover {
	color: #8FC73E;
	text-decoration: underline;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
	display: block;
}





body {       
    
    font-family: 'Barlow', sans-serif;
    background: #fff;
    color: #000;
    line-height: 1.1;
    padding-top: 75px;
}



p,
ul,
ol
{
    font-size: 18px;
    line-height: 1.4;
}

.p-sm {
    font-size: 16px !important;
}
.p-xs {
    font-size: 14px !important;
}
.text-light {
    font-weight: 300;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;    
    font-weight: normal;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span
{
    color: #8FC73E;   
    font-weight: bold;
}

.page-content p span {
	color: #000;
}



h1 {

}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}


blockquote {
    border-left: 3px solid #8FC73E;
    padding-left: 20px;
}



img {
    /* width:100%; */
    max-width: 100%;
    height: auto;
    opacity: 1.0;
    filter: alpha(opacity=100);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
}

a {
    color: #8FC73E;
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
}

a:hover {
    color: #70A228;
    text-decoration: none;
}


.form-control:focus {
	box-shadow: none;
}

audio:focus {
	outline: 0;
}


.btn {
    background: #8FC73E;
}
.btn:hover {
    background: #70A228;
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}

.bttn,
.application_button,
.job-manager-form input.button
{
    display: inline-block;
    padding: 18.5px 32px;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    white-space: normal;
	border: 0;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.bttn-orange,
.application_button,
.job-manager-form input.button
{
    background: #F58220;
    color: #fff;
}
.bttn-orange:hover,
.application_button:hover,
.job-manager-form input.button:hover
{
    background: #DB7015;
    color: #fff;
}

.bttn-green {
    background: #8FC73E;
    color: #fff;
}
.bttn-green:hover {
    background: #70A228;
    color: #fff;
}

.bttn-white {
    background: #fff;
    color: #000;
}
.bttn-white:hover {
    background: #e6e6e6;
    color: #000;
}


.bttn-white-outline {
    border: 1px solid #fff;
    color: #fff;
}
.bttn-white-outline:hover {
    border: 1px solid #276e9c;
    background: #276e9c;
    color: #fff;
}



.bttn-sm,
.job-manager-form input.button
{
    font-size: 14px;
    padding: 15px 25px;
}




.border-green {
    border: 3px solid #8FC73E;
}


.green {
    color: #8FC73E;
}
.orange {
    color: #F58220;
}


hr.green {
    border-top: 3px solid #8FC73E;
    width: 70px;
    margin-left: 0;
    margin-top: 27px;
    margin-bottom: 20px;
}
hr.hr-center {
    margin-left: auto;
}
hr.green-10 {
    border-bottom: 10px solid #8FC73E;
    width: 100%;
    margin: -1px 0 0;
}
hr.green-1 {
    border-bottom: 1px solid #8FC73E;
    width: 100%;
    margin: -1px 0 0;
}

hr.hr-green-100 {
    width: 100%;
    border-top: 2px solid #8FC73E;
}


.bg-green {
    background: #8FC73E !important;
    color: #fff;
}
.bg-orange {
    background: #F58220 !important;
    color: #fff;
}
.bg-dark {
    background: #2C2C2C !important;
    color: #fff;
}
.bg-black {
    background: #000 !important;
    color: #fff;
}
.bg-light {
    background: #F4F4F4 !important;
}



.text-medium {
    font-weight: 500;
}

.read-more-box {
	margin-top: 20px;
	border: 3px solid #dbdbdb;
	min-height: 300px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}




/*****************************
            JOBS
*****************************/
.fieldset-logged_in,
.fieldset-login_required
{
	display: none;
}

.search_jobs input[type="text"]:focus,
.job-manager-form  input[type="text"]:focus {
	outline: none !important;
}


.search_jobs input[type="text"],
.job-manager-form  input[type="text"],
.job-manager-form select
{
	background: #fff;
	border: 1px solid #ddd !important;
	padding: 0 24px !important;
	height: 45px !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}


.search_submit input[type="submit"] {
	background: #8FC73E;
	color: #fff;
	font-weight: bold;
	border: 0 !important;
	padding: 0 24px !important;
	height: 45px !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}


.search_submit input[type="submit"]:hover {
	background: #70A228;
}


/*****************************
            NAV
*****************************/
.navbar {
    /* padding: 18px 0; */
    min-height: 75px;
    background: #fff;
    transition: all 0.5s;
}

body.admin-bar .navbar {
    top: 32px;
}

.navbar.scrollUp {
    transform: translateY(-80px);
}

.navbar-brand {
    margin-right: 52px;
    padding: 0;
}
.navbar-brand img {
    height: 36px;
}



.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 14px;
	padding-left: 14px;
}

.navbar li a {
	color: #000;
    font-size: 16px;
}
.navbar li a:hover,
.navbar li a:focus
{
	color: #8FC73E;
}

.navbar li a span {
	color: #8FC73E;
}

.dropdown-menu {
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #000;
	border: 0;
	border-radius: 0;
}

.dropdown-menu a {
    padding: 7px 20px;
}

.dropdown-menu a.active, .dropdown-menu a:active {
	color: #000;
	background-color: #eee;
}


.navbar-toggler {
    position: relative;
    border: 0;
    height: 35px;
}
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #444;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}










.form-navbar .form-control {
    border: 1px solid #DADBDD;
    text-align: center;
    font-size: 13px;
    color: #000;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.form-navbar .form-control::-webkit-input-placeholder,
.form-navbar .form-control::-moz-placeholder,
.form-navbar .form-control:-ms-input-placeholder,
.form-navbar .form-control:-moz-placeholder 
{ 
    color: #9B9B9B;
    
}

.form-navbar .btn {
    padding: 0;
    width: 37px;
    height: 37px;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.form-navbar .btn img {
    height: 15px;
}



.nav-login {
    border-left: 1px solid #DADBDD;
    margin-left: 23px;
    padding-left: 23px;    
}

.bttn-login {
    position: relative;
    border: 1px solid #DADBDD;
    text-align: center;
    font-size: 13px;
    color: #9B9B9B;   
    
    display: inline-block;
    padding: 8px 43px 8px 20px;
    text-align: center;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

}
.bttn-login span {
    position: absolute;
    top: -3px;
    right: -2px;
    background: #8FC73E;
    padding: 0;
    width: 37px;
    height: 37px;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.bttn-login img {
    height: 16px;
    filter: invert(1);
}
.bttn-login:hover {
    background: #8FC73E;
    color: #fff;
    border-color: #8FC73E;
}
.bttn-login:hover span {
    background: #70A228;
}

.bttn-login span i {
    color: #fff;
}



.bttn-login-big {
    display: block;
    font-size: 16px;
    padding: 14px 53px 14px 20px;
}
.bttn-login-big span {
	width: 52px;
	height: 52px;
}




/*****************************
            HERO
*****************************/
.hero-block {
    position: relative;
    background: #000;
    color: #fff;
/*    line-height: 37px;*/
    padding-top: 50px;
    padding-bottom: 50px;
    
    min-height: 620px;
}


.hero-text {
    max-width: 620px;
    padding-top: 50px;
}
.hero-title {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.hero-title span {
	color: #8FC73E;
}
.hero-text h1 {
    font-size: 30px;
	font-weight: 600;
}
.hero-text h1 span {
    color: #8FC73E;
    font-weight: bold;
}

.hero-title-lines {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}


.hero-subtitle {
	font-size: 24px;
	margin-top: 12px;
}


.hero-text p {
    font-size: 25px;
    margin-bottom: 30px;
}




.hero-img {
    position: absolute;
    width: 50%;
    top: 50px;
    right: 0;
}
.hero-img img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border: 2px solid #8FC73E;
    border-right: 0;
    
    -webkit-border-top-left-radius: 260px;
    -webkit-border-bottom-left-radius: 260px;
    -moz-border-radius-topleft: 260px;
    -moz-border-radius-bottomleft: 260px;
    border-top-left-radius: 260px;
    border-bottom-left-radius: 260px;
}


/* hero left */
.hero-left.hero-block {
	min-height: 780px;
}
.hero-left .hero-img {
    left: 0;
    right: auto;
}
.hero-left .hero-img img {
    width: 92%;
    height: 680px;
    border: 2px solid #8FC73E;
    border-left: 0;
    
    -webkit-border-top-right-radius: 360px;
    -webkit-border-bottom-right-radius: 360px;
    -moz-border-radius-topright: 360px;
    -moz-border-radius-bottomright: 360px;
    border-top-right-radius: 360px;
    border-bottom-right-radius: 360px;
    
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.hero-left .hero-text {
    padding-bottom: 50px;    
}

.hero-left .hero-text h1 {
    font-size: 36px;    
}

.hero-text p {
    font-size: 20px;
    margin-bottom: 20px;
}




/**************************************
	           UPCOMING SLIDER
**************************************/
.upcoming-block {
    padding-top: 23px;
    padding-bottom: 34px;
}

.upcoming-splide {

}

.upcoming-splide .splide__track img {
    max-width: 95%;
    margin: 0 auto;
    display: block;
    border: 1px solid #4D4D4D;
    
    -webkit-box-shadow: 0px 3px 12px #00000029;
    -moz-box-shadow: 0px 3px 12px #00000029;
    box-shadow: 0px 3px 12px #00000029;
	
	-webkit-box-shadow: 0px 6px 24px #00000052;
	-moz-box-shadow: 0px 6px 24px #00000052;
	box-shadow: 0px 6px 24px #00000052;
    
}



.upcoming-splide .splide__track {
	margin-left: 80px;
	margin-right: 80px;
}
.upcoming-splide .splide__arrow {
	opacity: 1;
	background: none !important;
}


.carousel-control-next-icon, 
.carousel-control-prev-icon 
{
	width: 25px;
	height: 25px;
    opacity: .5;
}
.carousel-control-next-icon:hover, 
.carousel-control-prev-icon:hover 
{
    opacity: 1;
}




.upcoming-splide .splide__track img {
	max-width: 100%;
	
}
.event-box-dark .events-img {
	background: transparent;
	padding: 0;
    height: auto;
}

.event-box.event-box-dark h5 a {
	color: #fff;
}


.events-img {
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;    
    -webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.events-img:hover {
    transform: translateY(-10px);
}
.splide__track {
	padding-top: 20px !important;
}


/**************************************
	           EVENTS SLIDER
**************************************/
.events-block {
    padding-top: 32px;
    padding-bottom: 73px;
}

.events-block .splide__arrow {
	top: 130px;
	width: 25px;
	height: 25px;
	border-radius: 0;
	background: transparent;
}
.events-block .splide__arrow--prev {
	left: -40px;
}
.events-block .splide__arrow--next {
	right: -40px;
}
.events-block .carousel-control-next-icon,
.events-block .carousel-control-prev-icon {
  filter: invert(.6);
}
.events-block .splide__track {
	padding-top: 5px;
}


.event-box {
    text-align: center;
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}
.events-img {
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0px 3px 12px #00000029;
    -moz-box-shadow: 0px 3px 12px #00000029;
    box-shadow: 0px 3px 12px #00000029;
}
.events-img:hover {
    -webkit-box-shadow: 0px 6px 15px #00000039;
    -moz-box-shadow: 0px 6px 15px #00000039;
    box-shadow: 0px 6px 15px #00000039;
}


.events-img {
	width: 100%;
	height: 254px;
	object-fit: cover;
	object-fit: contain;
}


.event-box h5 {
    font-size: 20px;
    line-height: 1.4;
    padding: 0;
    margin: 15px 10px 10px;
}
.event-box h5 a {
    color: #000;
}
.event-box h5 a:hover {
    color: #8FC73E;
}

.slide-date {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.slide-location {
    color: #8FC73E;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.slide-event {
    font-size: 15px;
    margin-top: -10px;
    margin-bottom: 15px;
    color: #F58220;
    font-weight: bold;
    text-transform: uppercase;
}

.single-event .slide-event {
    font-size: 18px;
}



.view-all a {
    font-size: 18px;
    color: #000;
    text-decoration: underline;
}
.view-all a:hover {
    color: #8FC73E;
}






/**************************************
	           ABOUT
**************************************/
.about-block {

}


.about-akamai {
    max-width: 450px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.about-akamai .about-profile {
    border: 3px solid #8FC73E;
    width: 313px;
    height: 313px;
    object-fit: cover;
}


.about-quote {
    font-size: 25px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
.about-name {
    font-size: 17px;
	color: #585858;
	font-weight: 500;
	margin-bottom: 20px;
}
.about-name b, .about-name a {
    font-weight: 500;
}


.about-logo img {
	height: 19px;
}

.about-grey {
    max-width: 460px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.about-grey p {
    color: #707070;
}


.about-video-block {
	max-width: 560px;
}
.about-video-block .video-box-shadow {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}	
	
.about-video-box iframe {
	border: 10px solid #fff;
}


/**************************************
	           NEWSLETTER
**************************************/
.newsletter-block {
    padding-top: 48px;
    padding-bottom: 48px;
}

.footer-nl {
	overflow: hidden;
}

.nl-titile {
    font-size: 30px;
    font-weight: 500;
}

.nl-form {
	width: 300px;
}

.subscribe .form-control, .subscribe .input-group-text {
	background: #fff;
	height: auto;
	height: 44px !important;
	padding: 1px 20px;
	padding-right: 100px;
	min-width: 300px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #000;
	border: 0;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.subscribe .input-group-text {
    padding-right: 1px;
}

.newsletter-btn {
	position: absolute;
	right: 0
}
.subscribe .input-group-text .btn,
.subscribe .newsletter-btn .btn
{
    background: #F58220;
    color: #fff;
    height: 44px;
    font-size: 14px;
    padding: 5px 20px;	
    font-weight: bold;
    text-transform: uppercase;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.subscribe .input-group-text .btn:hover,
.subscribe .newsletter-btn .btn:hover
{
    background: #DB7015;
}

.subscribe .wpcf7-spinner {
	position: absolute;
}

.wpcf7-checkbox input {
	accent-color: #F58220
}


/**************************************
	           TESTIMONIALS
**************************************/
.testimonials-block {
    padding-top: 70px;
    padding-bottom: 90px;
}
.testimonials-splide {
	margin-left: 90px;
	margin-right: 90px;
}
.testimonials-splide .splide__track {
	margin-left: 60px;
	margin-right: 60px;
}
.testimonials-splide .splide__arrow {
	opacity: 1;
	background: none !important;
}

.testi-box {
    background: #fff;
    color: #000;
    font-size: 14px;
    max-width: 300px;
    margin: 60px auto 0;
    padding: 0 32px 30px;
    min-height: 383px;
}
.testi-img {
    border: 3px solid #8FC73E;
    width: 144px;
    height: 144px;
    object-fit: cover;
    margin-top: -60px;
    position: relative;
}

.testi-pos {
    font-size: 12px;
}
.testi-box p {
    color: #060505;
    font-size: 14px;
}

.testi-box hr {
    border-top-width: 2px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.testi-logo {
    max-width: 70px;
}







/**************************************
	           CALL BLOCK
**************************************/
.call-box {
	padding: 70px 20px;
	max-width: 500px;
}

.call-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.call-box h2 {
    font-size: 24px;
}

.call-box p {
    font-size: 22px;
}
.call-box p span {
    color: #8FC73E;
}

.call-box ul {
    padding-left: 17px;
	list-style-type: "•  ";
}
.call-box ul li {
    font-size: 18px;
    padding-bottom: 20px;
    padding-left: 4px;
}


/* about call */
.call-about {
    
}
.call-about .call-box {
    padding-top: 120px;
    padding-bottom: 120px;
    max-width: 650px;
}

.call-about p {
    font-size: 18px;
}


.call-working p {
    font-size: 24px;
}




/**************************************
	           sponspon
**************************************/
.sponspon-block {
    padding-top: 60px;
    padding-bottom: 90px;
}

.sponspon-box {
    padding-top: 10px;
    padding-bottom: 40px;
}

.sponspon-box .splide__track {
	margin-left: 60px;
	margin-right: 60px;
}

.sponspon-box .splide__arrow {
	opacity: 1;
	background: none !important;
}



.sponspon-box .carousel-control-next-icon,
.sponspon-box .carousel-control-prev-icon {
  filter: invert(.3);
}


.sponspon-splide-1 .splide__slide img {
    max-height: 110px;
}
.sponspon-splide-2 .splide__slide img {
    max-height: 90px;
}
.sponspon-splide-3 .splide__slide img {
    max-height: 70px;
}


.single-sponsor-img img {
    max-width: 400px;
}
.single-sponsor-desc {
    max-width: 800px;
    margin: 0 auto;
}


.single-box h1 {
    font-size: 24px;
}

.single-box p span {
    color: #212529;
}




/**************************************
	           WHITE BOX
**************************************/
.white-block {
    margin-bottom: 100px;
}
.white-box {
    padding: 70px 160px;

    -webkit-box-shadow: 0px 12px 24px #0000001A;
    -moz-box-shadow:    0px 12px 24px #0000001A;
    box-shadow:         0px 12px 24px #0000001A;
}

.white-img {
    padding: 10px;
    width: 100%;
        
    -webkit-box-shadow: 0px 6px 12px #00000029;    
    -moz-box-shadow: 0px 6px 12px #00000029;    
    box-shadow: 0px 6px 12px #00000029;    
    
}
.white-img img,
.white-img iframe
{
    width: 100%;   
}

.white-text h1 {
    font-size: 36px;
}
.white-text p {
    font-size: 24px;
    line-height: 1.3;
}









/**************************************
	           TIMELINE
**************************************/
.timeline-block {
    padding-top: 80px;
}

.timeline {
    position: relative;
    max-width: 970px;
    margin: 70px auto 0;
}


.tl-title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 4px;
}
.tl-subtitle {
    font-size: 24px;
}

.tl-content {
    margin-left: 57px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.tl-content p {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0;
}

.tl-item {
    
}



.tl-item {
    position: relative;
    border-left: 3px solid #000;
    margin-left: 42px;
    padding-bottom: 120px;
}
.tl-item:last-child {
    border: 0;
}

.tl-item:last-child .tl-content {
    border-bottom: 0;
}


.tl-dot {
    margin-top: -25px;
    margin-left: -42px;
    position: relative;
    min-width: 80px;
    width: 80px;
    height: 80px; 
    background: #8FC73E;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tl-dot img {
	height: 30px;
	filter: invert(1);
}
.tl-dot i {
    font-size: 30px;
}

.dot-start {
    position: relative;
	margin-top: -25px;
	margin-left: -40px;
	position: relative;
	border-radius: 50%;
	min-width: 80px;
	width: 80px;
	height: 80px;
	background: #8FC73E;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	border: 5px solid #000;
}
.dot-circle {
	width: 40px;
	height: 40px;
    background: #000;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}




.meet-block {
    padding-top: 90px;
    padding-bottom: 90px;
}
.meet-block h2 {
    color: #000;
}






/**************************************
	           SINGLE
**************************************/
.form-header {
    background: #8FC73E; 
    font-weight: bold; 
    color: #fff; 
    padding: 13px;
    font-size: 20px;
    margin-bottom: 20px;
}


.sidebar-box {
    margin-bottom: 30px;
    font-size: 17px;
}
.side-title {
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 3px;
} 

.moderator-box {
    margin-bottom: 20px;
}

.moderator {
    margin-bottom: 6px;
}
.moderator-name {
    color: #000;
    font-weight: bold;
    line-height: 1;
}
.moderator-icon-block, .moderator-icon {
    height: 15px;
    display: block;
}

.moderator-job,
.moderator-company
{
    font-size: 15px;
}
.moderator-company {
    font-weight: 500;
    margin-bottom: 6px;
}







/**************************************
	           SINGLE SPEAKER
**************************************/
.hero-block-speaker {
	min-height: auto;
}

.hero-text-speaker {
	max-width: 100%;
	padding-top: 30px;
}


.hero-img-speaker img {
    border: 2px solid #8FC73E;
    width: 100%;
    max-width: 330px;
}


.hero-text-speaker .moderator-job,
.hero-text-speaker .moderator-company 
{
	font-size: 18px;
    line-height: 1.2;
}

.hero-social .moderator-icon-block,
.hero-social .moderator-icon-block img {
    height: 30px;
}

.hero-social .moderator-icon-block {
    margin-right: 10px;
}



.sponsosrs-side-img {
    max-width: 300px;
}




.member-title {
    font-size: 25px;
    color: #fff;
}
.member-title span {
    font-size: 25px !important;
    color: #fff;
    font-weight: normal;
}
.moderator-logo img {
    height: 30px;
}


.hero-text-speaker .member-p p {
    font-size: 18px;
}

.hero-text-speaker .share-box a {
	border-color: #fff;
	color: #fff;
}




/**************************************
	           EVENT DETAIL PAGE
**************************************/
.hero-event img {
    width: 100%;
}
.event-laptop .call-box {
	padding-top: 55px;
	padding-bottom: 55px;
	max-width: 650px;
}

.laptop-img-box {
    position: relative;
}
.laptop-img {
    position: absolute;
    top: -25px;
    width: 100%;
}




/*
.event-counter::before {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 1;
}
.event-counter  > * {
    z-index: 100;
}
*/



.event-counter {
    position: relative;
    color: #fff;
    background: url(img/people-sitting.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    padding-top: 80px;
    padding-bottom: 80px;
    
    /*display: flex;*/
}

.counter-num {
    font-size: 64px;
    font-weight: bold;
    margin-bottom: 15px;
}

.counter-text {
    font-size: 22px;
    font-weight: bold;
}




.event-chairman {
    padding-top: 95px;
    padding-bottom: 95px;
}







.event-people-block {
    padding-top: 80px;
    padding-bottom: 80px;
}





/* PEOPLE LIST */
.people-box {
    margin-bottom: 25px;
}

.people-box-col a .people-box {
    padding: 35px;
}
.people-box-col-md a .people-box {
    padding: 15px;
}
.people-box-col a:hover .people-box {
    background: #fff;
    -webkit-box-shadow: 0px 6px 24px #00000029;
    -moz-box-shadow: 0px 6px 24px #00000029;
    box-shadow: 0px 6px 24px #00000029;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.people-img img {
    max-width: 100%;
    width: 100%;    
}
/*
.people-img img {
    max-width: 180px;
    width: 180px;
    height: 180px;
    
    object-fit: cover;
}
.people-hosts .people-img img {
    max-width: 270px;
    width: 270px;
    height: 270px;
}
*/

.people-name {
    font-weight: bold;
    font-size: 17px;
    margin-top: 7px;
    margin-bottom: 4px;
    color: #000;
}
.people-hosts .people-name {
    font-size: 25px;
    margin-top: 19px;
    margin-bottom: 8px;
    color: #000;
}
.people-name a {
    color: #000;
}
.people-name a:hover {
    color: #8FC73E;
}

.people-pos {
    color: #585858;
    font-size: 15px;
    margin-bottom: 6px;
}
.people-hosts .people-pos {
    font-size: 17px;
    margin-bottom: 8px;
}


.people-job {
    color: #8FC73E;
    font-weight: 500;
    font-size: 15px;
}
.people-hosts .people-job {
    font-size: 17px;
}


.people-job-logo {
    margin-top: 7px;
}
.people-hosts .people-job-logo {
    margin-top: 15px;
    margin-bottom: 15px;
}

.people-job-logo img {
    max-height: 60px;    
}
.people-hosts .people-job-logo img {
    max-height: 60px;
}




.event-topics {
    position: relative;
    color: #fff;
    background: url(img/event-bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    padding-top: 65px;
    padding-bottom: 65px;
    
}

.topics-suptitle {
    font-size: 14px;
    font-weight: bold;
}

.event-topics h2 {
    max-width: 700px;
}

.event-topics ul,
.event-topics p
{
    font-size: 20px;
}




.event-agenda {
    padding-top: 85px;
    padding-bottom: 85px;
}
.agenda-suptitle {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.event-agenda h2 {
    font-weight: bold;
    margin-top: 15px;
}

.agenda-img {
    text-align: center;
}




.no-webinars {
    margin-bottom: 100px;
    font-size: 20px;
}


.event-block {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f9f9f9 !important;
}


.event-block .tab-content {
    padding: 40px 20px;
    background: #f4f4f4;
    border: 1px solid #dbe1d3;
    border-top: 0;
}

.event-block .accordion > .card {
    border: 0;
    margin-bottom: 3px;
}
.event-block .accordion > .card .btn {
    padding: 15px;
}

.event-block .accordion > .card .btn-link:hover,
.event-block .accordion > .card .btn-link:focus
{
	text-decoration: none;
    box-shadow: none;
}

.event-block .accordion > .card .btn-link i {
    color: #8FC73E;
}
.event-block .accordion > .card .btn-link:hover i {
    color: #FF3A02;
}


.event-block .nav-tabs .nav-link {
    padding: 15px 25px;
	font-weight: bold;
	font-size: 17px;
    letter-spacing: .5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.event-block .nav-tabs .nav-item.show .nav-link, 
.event-block .nav-tabs .nav-link.active 
{
	color: #FF3A02;
	background-color: #f4f4f4;
	border-color: #dee2e6 #dee2e6 #f4f4f4;
}



.event-block .media-body h5 {
    color: #505050;
    text-decoration: none;
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 500;
}
.event-block .media-date {
    color: #bdc1c8;
    font-size: 14px;
    line-height: 1.1;
}







.event-block .card-header {
    padding: 0;
}

.event-block .media img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.single-event .media img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}




.event-block .card-header .btn {
    background: #fff;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


.card-text {
    font-size: 18px;
}
.card-text iframe {
    margin-top: 20px;
    margin-bottom: 20px;
}







.speaker-img {
    width: 100px;
    min-width: 100px;
    height: 100px;
    object-fit: cover;
    margin-right: 15px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.speaker-info p,
.speaker-info span,
.addReadMore
{
    font-size: 15px;
    color: #888;
}
.addReadMore {
	line-height: 1.4;
}




.share-box {
    margin-right: 7px;
}

.share-box a {
    border: 2px solid #505050;
    width: 34px;
    height: 34px;
    text-align: center;
    display: inline-block;
    color: #505050;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.share-box a i {
    line-height: 30px;
    
}

.share-box a:hover {
    border-color: #8FC73E;
    color: #8FC73E;
}



.btn-outline-secondary {
    background: #fff;
    padding: 7px 15px !important;
    font-size: 14.5px;
}
.ebtn-outline-secondary:hover {
    background: #8FC73E;
    border-color: #8FC73E;
    
}
















.spon-block {
    position: relative;
    color: #fff;
    background: url(img/event-bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    padding-top: 40px;
    padding-bottom: 40px;
    
}

.spon-block h2 {
    font-size: 41px;
    font-weight: bold;
    text-transform: uppercase;
}





.reserve-block {
    position: relative;
    color: #fff;
    background: url(img/people-sitting-2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    padding-top: 150px;
    padding-bottom: 150px;    
}




.spon-lists {
    padding-bottom: 60px;
}




.spon-list-title {
    font-size: 41px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 15px;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.spon-list-title:before,
.spon-list-title:after {
    content: "";
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    border-bottom: 3px solid #8FC73E;
    margin: auto;
}
.spon-list-title:before {
    margin-right: 25px
}
.spon-list-title:after {
    margin-left: 25px
}





.spon-box img {
    max-width: 300px;
    max-height: 90px;
    margin: 10px 20px;
}




/**************************************
	           TESTIMONIALS
**************************************/
.event-testimonials-block {
    padding-top: 150px;
    padding-bottom: 150px;
}

.event-testimonials-block .carousel-indicators {
    margin-bottom: 0;
    bottom: -30px;
}


.event-testimonials-block .carousel-inner {
	max-width: 990px;
	margin: 0 auto;
	padding-left: 50px;
	padding-right: 50px;
}
.event-testimonials-block .carousel-control-next, .event-testimonials-block .carousel-control-prev {
	width: 20px;
}

.event-testimonials-block .carousel-indicators li {
	width: 10px;
	height: 10px;
	margin-right: 8px;
	margin-left: 8px;
	background-color: transparent;
	opacity: 1;
	border-radius: 50%;
	border: 2px solid #FFFFFF;
}

.event-testimonials-block .carousel-indicators .active {
	background: #fff;
}

.carousel-logo img {
    max-height: 55px;
}

.event-testimonials-block hr {
	border-top: 3px solid #000;
	width: 120px;
	margin-top: 21px;
	margin-bottom: 50px;
}
.event-testimonials-block .carousel-inner p {
	color: #000;
    font-size: 20px;
}





/**************************************
	           RESERVE SEAT
**************************************/
.reserve-block {
    
}

.reserve-block .suptitle {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.reserve-block h2 {
    font-size: 38px;
    font-weight: bold;
}
.reserve-block hr {
    margin-bottom: 30px;
}







/**************************************
	           WORKING GROUPS
**************************************/
.chart-block {
    padding-top: 80px;
    padding-bottom: 120px;
}

.chart-container {
    max-width: 1060px;
    margin: 0 auto;
}

.chart-second-title {
    margin-top: 80px;
}







.process-block {
    padding-top: 115px;
    padding-bottom: 115px;
}









.section-header, .steps-header, .steps-name {
	 color: #fff;
	 font-weight: 400;
	 font-size: 1.4em;
}

.steps-name {
    font-size: 24px;
}

 .steps-header {
	 margin-bottom: 20px;
	 text-align: center;
}
 .steps-timeline {
     position: relative;
}

.steps-line {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 3px;
    top: 117px;
    z-index: 1;
}

 @media screen and (max-width: 991px) {
	 .steps-timeline {
		 border-left: 3px solid #fff;
		 margin-left: 25px;
	}
     .steps-line {
         display: none;
     }

     .steps-description {
         padding-top: 10px;
         font-size: 16px;
         line-height: 1.3;
         display: none;
     }
     
     .steps-timeline .tooltip {
         /*display: none !important;*/
     }
}
 @media screen and (min-width: 991px) {
    .steps-timeline {
        padding-top: 0px;
        margin-top: 0px;
        margin-left: 12.65%;
        margin-right: 12.65%;
    }
}
 .steps-timeline:after {
	 content: "";
	 display: table;
	 clear: both;
}

 @media screen and (max-width: 991px) {
	 .steps-one, .steps-two, .steps-three, .steps-four {
		 margin-left: -20px;
	}
}
 @media screen and (min-width: 991px) {
	 .steps-one, .steps-two, .steps-three, .steps-four {
		 float: left;
		 width: 25%;
/*		 margin-top: -50px;*/         
	}
     
     .steps-one .steps-name, .steps-three .steps-name, .blank-step {
         height: 60px;
         margin-bottom: 40px;
     }     
     .steps-two .steps-name, .steps-four .steps-name {
         height: 60px;
         margin-top: 40px;
     }
     
     
     
}
 @media screen and (max-width: 991px) {
	 .steps-one, .steps-two, .steps-three {
		 padding-bottom: 40px;
	}
}
 @media screen and (min-width: 991px) {
	 .steps-one {
		 margin-left: -12.5%;
		 margin-right: 4.5%;
	}
}
 @media screen and (max-width: 991px) {
	 .steps-four {
		 margin-bottom: -100%;
	}
}
 @media screen and (min-width: 991px) {
	 .steps-four {
		 margin-left: 4.5%;
		 margin-right: -12.5%;
	}
     
	 .steps-two, .steps-three {
		 margin-left: 4%;
		 margin-right: 4%;
	}     
     
}
 .steps-circle {
     background: #8FC73E;
	 display: block;
	 margin: auto;
	 width: 36px;
	 height: 36px;
     position: relative;
     z-index: 2;
     
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.steps-circle:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 3px solid #000;  
     
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.steps-circle:hover {
     background: #000;
}
.steps-circle:hover:before {
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 10px solid #8FC73E;  
}


 @media screen and (max-width: 991px) {
	 .steps-circle {
		 float: left;
		 margin-right: 30px;
	}
}
 .steps-name, .steps-description {
	 margin: 0;
}
 @media screen and (min-width: 991px) {
	 .steps-name {
		 text-align: center;
	}
}
 .steps-description {
	 overflow: hidden;
}
 @media screen and (min-width: 991px) {
	 .steps-description {
		 text-align: center;
         display: none;
	}
}
 

.tooltip-inner {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    width: 800px;
    max-width: 800px;
    padding: 15px;
    
    border: 2px solid #8FC73E;
    
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media screen and (max-width: 991px) {
    .tooltip-inner {
        width: 97%;
        max-width: 97%;
    }
}


.tooltip.show {
    opacity: 1;
} 

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #8FC73E !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: #8FC73E !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #8FC73E !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #8FC73E !important;
}

.tooltip.bs-tooltip-top {
    margin-bottom: 12px;
}
.tooltip.bs-tooltip-bottom {
    margin-top: 12px;
}



.tooltip.bs-tooltip-top .arrow::after {
    content: "";
    position: absolute;
    top: 0;
    border-width: .4rem .4rem 0;
    transform: translateY(-3px);
    border-color: transparent;
    border-style: solid;
    border-top-color: #fff;
}
.tooltip.bs-tooltip-bottom .arrow::after {
    content: "";
    position: absolute;
    bottom: 0;
    border-width: 0 .4rem .4rem;
    transform: translateY(3px);
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #fff;
}









.current-block {
    padding-top: 80px;
    padding-bottom: 80px;
}


.current-circle {
    background: transparent linear-gradient(45deg, #4CA6A7 0%, #93DEB4 100%) 0% 0% no-repeat padding-box;    
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
    
    font-size: 24px;
    font-weight: bold;
    color: #fff;
     
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.current-icon {
    margin-bottom: 14px;
}
.current-icon i {
    font-size: 55px;
}

.current-title {
    max-width: 220px;
    margin: 0 auto;
    line-height: 1.2;
}

.current-circle-2 {
    background: transparent linear-gradient(45deg, #827FC8 0%, #8EA6D6 100%) 0% 0% no-repeat padding-box;
}

.current-circle-3 {
    background: transparent linear-gradient(45deg, #559CAC 0%, #9CDADF 100%) 0% 0% no-repeat padding-box;
}

.current-circle-4 {
    background: transparent linear-gradient(45deg, #304459 0%, #B2BDC4 100%) 0% 0% no-repeat padding-box;
}








/* WORKING GROUP - TOPIC */


.hero-topic .current-circle {
    border: 2px solid #8FC73E;
}
.hero-topic .current-circle .current-title {
	max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 60px;
}
.hero-topic .current-circle .current-icon i {
	font-size: 125px;
}




.architecture-box {
    padding-top: 100px;
    padding-bottom: 100px;
}

.sdwan-img {
    max-width: 540px;
    margin: 0 auto;
}




.publications-block {
    padding-top: 100px;
    padding-bottom: 80px;
}


.publications-buttons a {
    position: relative;
    display: block;
    border: 1px solid #F58220;
    margin: 0 auto 20px;
    width: 692px;
    max-width: 100%;
    font-size: 18px;
    color: #fff;
    padding: 19px 60px 19px 20px;
	text-align: left;
    
     -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;   
}


.publications-buttons a span {
	position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
	padding: 0;
    width: 40px;
	height: 100%;
}
.publications-buttons a span img {
    height: 25px;
}

.publications-buttons a:hover {
    background: #F58220;
}
.publications-buttons a:hover span img {
    filter:  brightness(0) invert(1);
}






 /****************************
        MEET THE BOARD
*****************************/
 .masonry {
     /* Masonry container */
     -webkit-column-count: 2;
     -moz-column-count: 2;
     column-count: 2;
     
     -webkit-column-gap: 120px;
     -moz-column-gap: 120px;
     column-gap: 120px;
     
     margin-bottom: 20px;
 }

 .item {
     display: inline-block;
     background: #fff;
     padding: 0;
     margin-bottom: 80px;
     width: 100%;
     -webkit-transition: 1s ease all;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
 }


 @media only screen and (max-width: 1199px) {
     .masonry {
         -webkit-column-gap: 60px;
         -moz-column-gap: 60px;
         column-gap: 60px;
     }
 }

 @media only screen and (max-width: 768px) {
     .masonry {
         -moz-column-count: 1;
         -webkit-column-count: 1;
         column-count: 1;
     }
 }


.mansory-board {
    max-width: 1300px;
    margin: 0 auto;
}

.mansory-board .item {
    background: none;
}


.mansory-board .testi-box {
    max-width: 600px;
    -webkit-transition: .5s ease all;
}
.mansory-board .testi-box:hover {
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;

}


.mansory-board .testi-box {	
	margin-top: 75px 
}
.mansory-board .testi-img {
	margin-top: -73px;
}

.mansory-board .testi-name {
    text-transform: uppercase;
}

.mansory-board .testi-box p,
.mansory-board .testi-box ul
{
    text-align: left;
}










/**************************************
	           REGISTER PAGE
**************************************/
.hero-register {
    padding-top: 155px;
    padding-bottom: 155px;
    
	position: relative;
	background: url(img/register-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.overlay-black {
    position: absolute;
    background: #000;
    opacity: .6;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.register-info {
    color: #fff;
}


.register-form-box {
    padding: 24px 15px;
    background: #fff;
    min-height: 200px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.register-form {
    text-align: center;
}


.um-form input[type="text"], 
.um-form input[type="search"], 
.um-form input[type="tel"], 
.um-form input[type="number"], 
.um-form input[type="password"],
.um-field-select .select2.select2-container .select2-selection
{
    border: 1px solid #ddd !important;
    padding: 0 24px !important;
    height: 45px !important;
    
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
}

.um-field-select .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}
.um-field-select .select2.select2-container .select2-selection .select2-selection__arrow::before {
	line-height: 42px;
}  


.um-field-first_name,
.um-field-last_name
{
    width: 48%;
    float: left;
}
.um-field-last_name {
    margin-left: 4%;
}



.um-field-title,
.um-field-user_email,
#um_field_36807_company
{
    clear: both;
}

#um_field_36809_company {
	width: 98%;
}
.webinar-form #um_field_36809_company {
	width: 48%;
}


.page-template-page-register .um-field-company,
.page-template-page-register .um-field-job_title_text,
.page-template-page-register #um_field_36807_user_password,
.page-template-page-register #um_field_36807_confirm_user_password,
.page-template-page-register .um-field-city,
.page-template-page-register .um-field-state
{
    width: 48%;
    float: left;
}
.page-template-page-register .um-field-job_title_text,
.page-template-page-register #um_field_36807_confirm_user_password,
.page-template-page-register .um-field-state
{
    margin-left: 4%;
}

.page-template-page-register .um-field-user_industry,
.page-template-page-register .um-field-country_region
{
	clear: both;
}




a.um-button {
    box-shadow: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important; 
    
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;      
}




.um input[type="submit"].um-button {
    background: #F58220;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important; 
    
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;    
}
.um input[type="submit"].um-button:hover,
.um input[type="submit"].um-button:focus
{
    background: #DB7015;
}


.um-register .um-left,
.um-register .um-center
{
    width: 100%;
}
.um-register .um-right {
    display: none !important;
}

.um-register #um-submit-btn {
	width: 100% !important;
}



.um-field-error {
	margin-top: 1px;
	background: none;
	color: #C74A4A;
	padding: 0 12px;
}

.um-field-error .um-field-arrow {
    display: none;
}

.login-box .um-notice {
    display: none !important;
}






.webinar-form .um-field {
	margin-left: 1%;
	margin-right: 1%;
}
.webinar-form .um-field {
	width: 48%;
	float: left;
}
.webinar-form .um-field-title, .webinar-form .um-field-user_email {
	clear: none;
}

.webinar-form .um-register {
	max-width: 100% !important;
}

.webinar-form .um-field-checkbox {
    width: 100%;
    margin-bottom: 10px;
}


.webinar-form p {
    color: #33475b;
    font-size: 16px;
}




div.um .g-recaptcha {
	margin-left: 0 !important;
}




/* LOGIN */
.login-box {
    max-width: 955px;
    margin: 0 auto;
    background: #fff;
    padding: 70px 15px;
    position: relative;
    z-index: 2;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.login-left {
    border-right: 1px solid #E8E8E8;
}
.login-left,
.login-right {
    padding-left: 50px;
    padding-right: 50px;
}



.login-suptitle {
    font-size: 18px;
}
.login-title {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 25px;
}

.login-right p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 50px;
}



.login-form form ._um_row_1 {
    margin-bottom: 0 !important;
}
.login-form form .um-col-alt {
    margin-top: 7px !important;
}

.login-form .um-left {
    width: 100%;
}
.login-form .um input[type="submit"].um-button {
    background: #8FC73E;
}
.login-form .um input[type="submit"].um-button:hover,
.login-form .um input[type="submit"].um-button:focus
{
    background: #70A228;
}

.login-form .um-right {
    display: none;
}

.login-form form .um-col-alt-b {
    padding-top: 10px;
}
.login-form form .um-link-alt {
    border: 1px solid #E8E8E8 !important;
    padding: 12px 24px !important;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;    
}
.login-form form .um-link-alt:hover {
    background: #E8E8E8;
    text-decoration: none !important;
}




.um-misc-with-img {
	border-bottom: 0;
}

.um-misc-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.um-misc-ul li {
    margin-bottom: 15px;
}
.um-misc-ul li a {
    display: block;
    color: #9B9B9B;
    font-size: 16px;
    text-align: center;
    border: 1px solid #E8E8E8 !important;
    padding: 12px 24px !important;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;    
}
.um-misc-ul li a:hover {
    background: #8FC73E;
    color: #fff;
    text-decoration: none !important;
}






/* Account page */
.um-field-label,
.um-field-label label
{
    margin-bottom: 0;
}
.um-field-label label {
    font-weight: 500;
    margin-left: 20px;
}



.um-faicon-user::before {
	content: "\f2bd";
}
.um-faicon-asterisk::before {
	content: "\f023";
}

.um-account-main div.um-account-heading {
	margin-left: 20px !important;
	margin-bottom: 10px !important;
}

.um-profile-body,
.um-account-profile-link
{
    display: none;
}




.um-account-tab-logout .um-col-alt-b {
    display: none;
}







/**************************************
	           MODAL
**************************************/
.modal-lg {
	max-width: 955px;
}
.modal-content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
}
.modal-body {
    padding: 0;
}

.close-modal {
    position: absolute;
    z-index: 9;
    top: -18px;
    right: -18px;
}
.close-modal span {
    background: #F58220;
    color: #fff;
    width: 36px;
    height: 36px;
    display: block;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}




/**************************************
	           Collaborative
**************************************/
.hero-carousel {
	padding-top: 10px;
	padding-bottom: 10px;
    min-height: auto !important;
}
.hero-carousel .carousel-control-next, 
.hero-carousel .carousel-control-prev 
{
	width: 25px;
}
.hero-carousel .carousel-inner {
	padding-left: 35px;
	padding-right: 35px;
}



.block-xl {
    max-width: 1100px;
    margin: 0 auto;
}
.block-lg {
    max-width: 1000px;
    margin: 0 auto;
}
.block-md {
    max-width: 800px;
    margin: 0 auto;
}
.block-sm {
    max-width: 600px;
    margin: 0 auto;
}



.coll-title {
    font-weight: 500;
}
.title-logo {
	font-size: 25px !important;
	color: #fff;
	font-weight: normal;
    padding-left: 10px;
}
.title-logo img {
	height: 25px;
}



.coll-why-block h4,
.coll-why-block h5,
.coll-why-block h6 {
    color: #F58220;
    font-weight: 500;
}


.coll-why-block hr {
	border-top: 3px solid #8FC73E;
	width: 70px;
	margin-top: 27px;
	margin-bottom: 20px;
}



.coll-how-div {
    margin-bottom: -40px;
}

.coll-how-box {
    position: relative;
    background: #000;
    margin: 30px 15px 0;
    padding: 40px 20px 100px;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.coll-how-box .bttn {
    position: absolute;
    bottom: 40px;
    left: 30px;
    right: 30px;
}

.coll-how-box h4,
.coll-how-box p {
    max-width: 300px;
    margin: 0 auto;
}





.coll-green-block-2 {
    padding-top: 115px !important;
}



.coll-csn-block {
    padding-top: 150px;
    padding-bottom: 150px;
}

.csn-box {
    position: relative;
    display: block;
}
.csn-box i {
    position: absolute;
    font-size: 55px;
    color: #000;
    bottom: 5px;
    right: 5px;    

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.csn-box:hover i {
    color: #F58220;
}
.mfp-iframe-holder .mfp-content {
	max-width: 1180px !important;
}







.application-div {
    margin-bottom: -50px;
}

.application-box {
    position: relative;
    background: #fff;
    margin: 30px 15px 0;
    padding: 50px 80px;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.application-green-block {
    padding-top: 100px !important;
}



.started-logos-title {
	margin-top: 60px;
	margin-bottom: 30px;
}
.started-logos-block h4 {
	font-size: 30px;
	font-weight: bold;
}
.started-logos-block h5 {
	font-size: 24px;
}
.started-logos-6 {
	min-width: 16.66%;
	width: 16.66%;
	padding: 20px;
}
.started-logos-6 img {
	width: 100%;
}

.started-logos-8 {
	min-width: 12.5%;
	width: 12.5%;
	padding: 15px;
}
.started-logos-8 img {
	width: 100%;
}





/**************************************
	       Collaborative Pricing
**************************************/
.coll-pricing-box {
	position: relative;
	background: #000;
	padding: 20px 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.coll-pricing-box p.title {
    min-height: 51px;
}

.coll-pricing-box .p-sm {
    font-size: 11px !important;
}

/* Modal */
.faqModal .modal-content {
    background: transparent;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.faqModal .modal-body {
    background: #000;
    border: 1px solid #8FC73E;
    overflow: hidden;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.faqModal .modal-body .card {
    background: #000;
    color: #fff;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #8FC73E54;
}
.faqModal .modal-body .btn {
    background: #000;
    color: #fff;
    border-radius: 0;
    border: 0;
    font-weight: bold;
    padding: 0;
}
.faqModal .modal-body .btn:hover,
.faqModal .modal-body .btn:focus,
.faqModal .modal-body .btn:active
{
    text-decoration: none;
}

.faqModal .card-body {
    color: #EAEAEA;
    padding-top: 0;
    font-size: 14px;
    padding-left: 50px;
}

.faqModal .modal-body .btn i {
    font-size: 13px;
    color: #8FC73E;
    width: 15px;
}
.faqModal .modal-body .btn i.fa-caret-up {
    color: #F58220;
}







.blog-post {
	position: relative;
	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);
}

.featured-post-box {
	position: absolute;
	top: -4px;
	left: 9px;
}
.featured-post-box img {
	height: 65px;
}


.blog-topbar {
	padding: 20px 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/onug-blog-emblem-green-navy.svg) no-repeat center center;
	display: block;
	float: left;
	margin-top: 10px;
}
.share-icons {
	float: right;
    margin-bottom: 0;
}
.share-icons li {
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	vertical-align: top;
}
.share-icons li a {
    color: #0f1d2a;
	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 {
	background: #0f1d2a;
	color: #fff;
}



.featured-image {
	position: relative;
	text-align: center;
}
.featured-image a {
	display: block;
}
.featured-image a img, .featured-image img {
	display: inline-block;
}



.post-header {
	padding: 30px 60px 45px;
	text-align: justify;
}
.post-title {
	text-align: left;

	font-size: 28px;
	line-height: 34px;
}
.post-title a {
	text-decoration: none;
	color: #0f1d2a;
}
.post-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: 10px 0 30px;
}
.post-date {
	font-size: 16px;
	color: #bbb;
    margin-bottom: 4px;
}

.post-meta h3 {
	font-size: 20px;
	font-weight: 400;
}


.post-header p {
    color: #0f1d2a;
    font-size: 16px;
}

.continue-reading {
	text-align: center;
	margin-top: 45px;
}

.right-arrow-btn {
    color: #0f1d2a;
	display: inline-block;
	position: relative;
	width: 340px;
	height: 50px;
	padding: 0 40px 0 40px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #ddd;
	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/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/arrow-right-white.svg) no-repeat center center;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


.sidebar-featured-block hr.green {
    margin-top: 20px;
    margin-bottom: 10px;
}
.sidebar-featured-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}    
    
.sidebar-featured-box {
	border-bottom: 1px solid #ebebeb;
	padding-top: 23px;
	padding-bottom: 23px;
}
.sidebar-post-photo {
	margin-right: 20px;
}  
.sidebar-post-photo img {
	width: 60px;
	min-width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
}
.sidebar-post-title {
    margin-bottom: 10px;
}
.sidebar-post-title a {
	font-weight: 500;
	font-size: 15px;
	line-height: 1.4;	
	color: #000000;
	text-decoration: none;
}
.sidebar-post-title a:hover {
    color: #8FC73E;
}
.sidebar-post-date a {
	font-size: 14px;
	line-height: 1;
	color: #707070;
	text-decoration: none;
}



.single .post-meta {
	margin-bottom: 0;
}


.post-tags a {
    color: #0f1d2a;
    font-size: 16px !important;
	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;
}

.jmfe-custom-field-label {
	margin-top: 30px;
	display: block;
}



.post-inner-content ul {
    font-size: 16px;
}
.post-inner-content ul li {
    margin-bottom: 5px;
}

.post-inner-content p {
	text-align: justify;
	margin: 30px 0;
    color: #0f1d2a;
    font-size: 16px;
}
.post-inner-content span {
    color: #0f1d2a;
}

.post-inner-content a, .post-inner-content a span {
	color: #98c43d;
}
.post-inner-content a:hover {
	text-decoration: underline;
}

.post-inner-content h2, .post-inner-content h3 {
	margin-top: 45px;
	font-weight: 300;
	font-size: 28px;
	line-height: 34px;
}

.post-inner-content .alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;	
}
.post-inner-content .alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;	
}
.post-inner-content .aligncenter {
	margin: 0 auto;
	display: block;
}



.author-container {
	margin-top: 60px;
    margin-bottom: 100px;
}
.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-meta {
	float: left;
	padding-top: 30px;
}

.author-name {
	margin-bottom: 15px;
}
.author-name p {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
    color: #0f1d2a;
}
.author-name p span {
    color: #0f1d2a;
}
.author-name .job-title {
    line-height: 1.5;
}

.author-profile img {
	border-radius: 100px;
    width: 150px;
    height: 150px;
    object-fit: cover;
}


.navy-social {
    list-style: none;
    margin: 0;
    padding: 0;
}
.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;
    color: #0f1d2a;
}
.navy-social li a:hover {	
    color: #8FC73E;
}



/**************************************
	           PAGINATION
**************************************/
.pagination li {
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	vertical-align: top;
}
.pagination li a, .pagination li span {
    color: #0f1d2a;
	display: block;
	width: 40px;
	height: 40px;
	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;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
	white-space: nowrap;
}

.pagination li.active span, .pagination li a:hover {
	background: #0f1d2a !important;
	color: #fff;
    border: 1px solid #f8f8f8 !important;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}
.page-item:last-child .page-link {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}






/**************************************
	           SPONSORSHIP
**************************************/
.ship-about-block {
    padding-top: 100px;
    padding-bottom: 50px;
}
.img-box-shadow img,
.video-box-shadow iframe
{
    border: 5px solid #FFFFFF;
    box-shadow: 0px 6px 12px #00000029;
    width: 100%;
}

.ship-about-block .sponspon-box {
    margin-top: 80px;
}



.ship-green {
    padding-top: 60px;
    padding-bottom: 60px;
}
.ship-green .bttn {
    border: 1px solid #fff;
}


.ship-video-box .video-box-shadow{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ship-about-block ul {
	list-style-type: "•  ";
	padding-left: 13px;
    margin-top: 25px;
}
.ship-about-block ul li {
    margin-bottom: 20px;
}





.ship-community-block {
    padding-top: 100px;
    padding-bottom: 115px;
}

.ship-community-row {
    margin-top: 38px;
    margin-bottom: 55px;
}
.ship-community-box {
    margin-bottom: 60px;
}
.ship-circle {
    width: 364px;
    height: 346px;
    max-width: 100%;
    object-fit: cover;
    margin-top: 30px;
}





.page-template-page-sponsorship .tooltip-inner {
    width: 520px;
    max-width: 520px;
    padding: 15px;
    text-align: left;
}
.page-template-page-sponsorship .tooltip-inner p {
    font-size: 16px;
    margin-bottom: 10px;
}



.ship-tooltip h4 {
    font-size: 18px;
}
.ship-tooltip p {
    font-size: 15px;
}




/**************************************
	           FOOTER
**************************************/
footer {
    background: #000;
    color: #fff;
    padding-top: 65px;
    padding-bottom: 50px;
}

.footer-nl {
    border-bottom: 2px solid #8FC73E;
    padding-bottom: 35px;
    margin-bottom: 42px;
}
footer .nl-titile {
    font-size: 28px;
    font-weight: normal;
}

.footer-nl .form-control, .footer-nl .input-group-text {
	padding-top: 0;
    padding-bottom: 0;
}
.footer-nl .input-group-text .btn {
	margin-right: -1px;
}





.logo-footer {
    height: 35px;
}



.footer-title {
    font-size: 24px;
    font-weight: 500;
}
.footer-title a {
    color: #fff;
}
.footer-title a:hover {
    color: #8FC73E;
}


footer ul {
    list-style: none;
    padding-left: 0;
}
footer ul li {
    font-size: 16px;
    line-height: 1.1;
    padding-bottom: 13px;
}
footer ul li a {
    color: #fff;
}

.ul-muted li a {
    color: #868686;
}
.ul-muted li a:hover {
    color: #8FC73E;
}

footer .share-box a {
	border-color: #fff;
	color: #fff;
}





/**************************************
	   Modal Discount Spring
**************************************/
#ModalDiscountSpring .modal-dialog {
	max-width: 370px;
}
#ModalDiscountSpring  .modal-body {
	background: #000;
	color: #fff;
    border-radius: 10px;
}
#ModalDiscountSpring  .modal-content {
    background: transparent;
}

.discount-header img {
    width: 100%;
    height: 136px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.discount-body {
    margin: 30px auto 25px;
    max-width: 250px;
}

.discount-logo {
    width: 100%;
    margin-bottom: 5px;
}
.discount-title {
    font-size: 41px;
    line-height: 1;
    font-weight: bold;
}
.discount-suptitle {
    font-size: 43px;
    line-height: 1;
    font-weight: bold; 
    margin-bottom: 12px;
}
hr.hr-discount {
	border-top: 2px solid #F58220;
	width: 100%;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 2px;
}

.discount-body p {
	line-height: 1.2;
	margin-bottom: 10px;
	font-weight: 500;
}

.discount-body p:last-child {
    margin-bottom: 0;
}

.discount-body .bttn {
	margin-top: 20px !important;
}



.podcast-body {
	max-width: 300px;
}
.podcast-body .discount-info p {
	font-weight: 300;
	margin-left: 25px;
	margin-right: 25px;
}
.podcast-body .discount-form {
	margin-left: 25px;
	margin-right: 25px;
}
.podcast-body .bttn {
	font-size: 17px !important;
}


/**************************************
	           CONTENT LIBRARY
**************************************/
.hero-library .hero-text {
	padding-top: 20%
}

.library-sort-box {
    
}
.library-sort-box span {
    font-size: 13px;
    margin-right: 8px;
    white-space: nowrap;
}
.library-sort-box select {
    min-width: 160px;
    border: 1px solid #DADBDD;
    font-size: 13px;
    color: #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}




.library-box {
    margin-bottom: 40px;
}

.library-img {
	position: relative;
	overflow: hidden;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	-webkit-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
.library-featured-img {
	height: 180px;
	object-fit: cover;
	-moz-transition: all 0.35s ease 0s;
	-o-transition: all 0.35s ease 0s;
	-webkit-transition: all 0.35s ease 0s;
	transition: all 0.35s ease 0s;
}
.library-img:hover .library-featured-img, .library-img:hover > img {
	transform: scale(1.1);
}

.library-img-play {
	background: rgba(0,0,0,.1) !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	-webkit-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
.library-img-play:hover {
	background: transparent !important;
}

.library-img-play img {
	width: 135px;
	width: 90px;
	width: 35px;
	border-radius: 50%;
	opacity: 1;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	-webkit-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
.library-img-play:hover img {
	opacity: 1;
	background: #8FC73E;
}



.library-box h4 {
    margin-top: 16px;
}
.library-box h4 a {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.library-box h4 a:hover {
    color: #8FC73E;
}

.library-date {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    color: #000;    
}

.library-desc {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #000;    
}

.library-spon-img {
    margin-right: 10px;
}
.library-spon-img img {
    height: 28px;
}
.library-box-head {
    min-height: 340px;
    margin-bottom: 20px;
}


/* library single */
.library-post h1 {
    font-weight: bold;
    font-size: 48px;
}   
.library-post .library-date {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 30px;
}

.library-post-content p,
.library-post-content ul,
.library-post-content ol
{
    font-size: 20px;
}


.library-btn-box {
    overflow-x: hidden;
    margin-top: 40px;
    margin-bottom: 100px;
}
.library-btn-box::before, .library-btn-box::after {
    background-color: #D6D6D6;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    opacity: 1;
    overflow: hidden;
}
.library-btn-box::before {
    right: 30px;
    margin-left: -50%;
}
.library-btn-box::after {
    left: 30px;
    margin-right: -50%;
}




.library-sidebar .library-featured-img,
.library-mob .library-featured-img
{
    height: 100%;
    object-fit: unset;
}    
.library-sidebar .library-img-play img {
    width: 60px;
}    



.library-spon-block > * {
  flex: 1;
}

.library-sidebar .share-icons,
.library-mob  .share-icons
{
    white-space: nowrap;
}
.library-sidebar .share-icons li a,
.library-mob .share-icons li a
{
    color: #000;
    width: 34px;
    height: 34px;
    line-height: 30px;
    background: #fff;
    border: 2px solid #000;
}        
.library-sidebar .share-icons li a:hover,
.library-mob .share-icons li a:hover
{
    color: #8FC73E;
    border: 2px solid #8FC73E;
}    

.share-title {
    font-weight: bold;
    font-size: 14px;
}
.library-share .share-icons {
    padding-left: 0;
    float: none;
}




/**************************************
	           SEARCH
**************************************/
.sarch-results-title {
	font-size: 18px;
	border-bottom: 1px solid #D6D6D6;
	padding-bottom: 10px;
	margin-top: 32px;
	margin-bottom: 30px;
}
.sarch-results-title b {
	font-weight: 600;
}

.search-post {
	margin-bottom: 40px;
}
.search-img-box {
	min-width: 240px;
	margin-left: 20px;
	margin-right: 20px;
}    
.search-img-box img {
	width: 240px;
	height: 135px;
	object-fit: cover;
}

.search-info {
	margin-right: 20px;
}
.search-info .post-title {
	font-size: 16px;
	line-height: 1.2;
	margin-top: 13px;
	margin-bottom: 10px;
}    
.search-info > p {
	font-size: 14px;
}



.upcoming-splide .splide__arrow {
	top: 120px;
}


.mfp-iframe-holder .mfp-close {
	background: #F58220;
	opacity: 1;
	width: 36px !important;
	height: 36px;
	border-radius: 50%;
	text-align: center !important;
	line-height: 36px;
	padding: 0 !important;
	font-size: 35px;
	font-weight: bold;
	top: -18px !important;
	right: -18px !important;
}
.mfp-iframe-scaler iframe {
	border: 5px solid #fff;
}
body.single-library .mfp-iframe-holder .mfp-content,
body.post-type-archive-library .mfp-iframe-holder .mfp-content
{
	max-width: 800px !important;
}




body.page-template-page-prospectus.modal-open >:not(.modal),
body.page-template-page-prospectus.modal-open >:not(.modal)
{
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
}

#passwordModal .modal-dialog {
	max-width: 370px;
}
#passwordModal .discount-body {
	margin: 60px auto 60px;
}
#passwordModal .discount-title {
	font-size: 24px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#passwordModal .discount-body p a {
	color: #000;
	text-decoration: underline;
}



/**************************************
	           Webinar New design
**************************************/
.single-webinar-block {
    background-image: linear-gradient(to left, #f4f4f4 0%, #f4f4f4 50%, #fff 50%);
}

.webinar-featured-img {
    max-width: 577px;
    margin: 0 auto 30px;
}

.single-webinar-block h1 {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 10px;
}

.sidebar-date .side-subtitle {
    font-size: 24px;
    margin-bottom: 20px;
}

.single-webinar-block .side-title {
	text-decoration: none;
	font-weight: bold;
}
.single-webinar-block .moderator-name {
	font-weight: normal;
	text-decoration: underline;
}

.single-webinar-block .moderator-job, 
.single-webinar-block .moderator-company {
	font-size: 17px;
	font-weight: normal !important;
	margin: 0 !important;
    line-height: 1;
}

.single-webinar-block .sponsosrs-side-img {
	max-width: 220px;
}

@media (max-width: 1199px) {
    .single-webinar-block {
        background: #fff;
    }
    .webinar-featured-img {
        margin-bottom: 20px;
    }
    .single-webinar-block .bttn-sm {
        padding: 15px 25px;
    }
}




/* v2 */

.single-webinar {
	background-image: linear-gradient(90deg, #fff, #fff 50%, #F4F4F4 0);
}
.single-webinar h1 {
	font-size: 30px;
	font-weight: bold;
}
.single-webinar-date {
	font-size: 24px;
}

.sidebar-box {
	margin-bottom: 20px;
}

.single-webinar .side-title {
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

.single-webinar .moderator-name {
	font-weight: normal;
	text-decoration: underline;
	line-height: 1.2;
}
.single-webinar .moderator {
	margin-bottom: 0;
}
.single-webinar .moderator-job, .single-webinar .moderator-company {
	font-size: 17px;
	line-height: 1.2;
}

.single-webinar .moderator-company {
	font-weight: normal;
	margin-bottom: 0;
}


.single-webinar-sidebar-box {
	max-width: 577px;
}

.single-webinar-subtitle {
	font-size: 18px;
}


.single-webinar-hubspot-box {
	background: #FFFFFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	padding: 20px;
}

.single-webinar-hubspot-block {
	background: #F4F4F4;
	padding-top: 40px;
	padding-bottom: 60px;
}

@media (max-width: 991px) {
	.single-webinar {
		background: #fff;
	}
}





/**************************************
	           EVENT MARKETING
**************************************/
.hero-event-marketing .hero-title {
    font-size: 93px;
}    
.hero-event-marketing .hero-subtitle {
    font-size: 21.5px;
    border-top: 1px solid #8FC73E;
    border-bottom: 1px solid #8FC73E;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    word-spacing: 8px;
    margin-bottom: 10px;
}
.hero-event-marketing .hero-text p {
    font-size: 19px;
    margin-bottom: 20px;
}
.hero-event-marketing .hero-text p b {
    font-weight: 600;
}
.hero-event-marketing .hero-host p {
    font-size: 16px;
    margin-right: 12px;
} 
.hero-event-marketing .hero-host img {
    height: 36px;
} 

.events-marketing-what h2 {
    font-weight: bold;
    font-size: 42px;
}
.events-marketing-what-text p,
.events-marketing-what-text ul,
.events-marketing-what-text ol {
    font-size: 17px;
}
.events-marketing-what-text p:last-child {
    margin-bottom: 0;
}


.events-marketing-topics h3,
.events-marketing-topics h4,
.events-marketing-topics h5
{
    margin-bottom: 15px;
    font-weight: 500;
}    
.events-marketing-topics li {
    margin-bottom: 8px;
}

.event-marketing-people-block .people-img img {
    max-width: 182px;
    width: 100%;
}

.back-link {
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

.event-register-block {
	padding-top: 22px !important;
	padding-bottom: 22px !important;
}

.event-register-block .bttn {
	/* border: 1px solid #fff; */
}

.event-register-block,
.sticky-register-block {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
}





/**************************************
	           BLOG SUBSCRIBE
**************************************/
.category-hyperautomation-blog .hero-text,
.category-network-engineering-blog .hero-text,
.category-cloud-native-security-blog .hero-text,
.category-blog .hero-text
{
	padding-top: 5px !important;
	max-width: 460px;
}
.blog-archive-subscribe-title {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	margin-bottom: 20px;
}
.blog-archive-subscribe-box {
	padding: 20px;
	background: #2C2C2C 0% 0% no-repeat padding-box;
	border: 1px solid #505050;
	border-radius: 10px;
}
.blog-archive-subscribe-box input[type="text"],
.blog-archive-subscribe-box input[type="email"]
{
	border: 1px solid #ddd !important;
	padding: 0 24px !important;
	height: 45px !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}
.blog-archive-subscribe-box .bttn {
	width: 100%;
	font-size: 18px;
}
.blog-archive-subscribe-box .wpcf7-spinner {
	display: none;
}


/**************************************
	           WELCOME PAGE
**************************************/

.welcome-benefits a,
.welcome-btn-section a {
	text-decoration: underline;
}
.welcome-btn-section a.bttn {
	text-decoration: none;
}
.welcome-img-box {
	height: 100%;
}
.welcome-img-box img {
	height: 100%;
	object-fit: cover;
}
/**********************************
        COVER
**********************************/
.welcome-cover-block {
    position: relative;
	color: #fff;
    background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
    width: 100%;
    height: calc(80dvh - 75px);  
    min-height: calc(80dvh - 75px);
}


.welcome-cover-block::before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.5) !important;
	opacity: 1;
}
.welcome-cover-block-services::before {
	display: none;
}

.welcome-cover-box {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 2;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;    
    -webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}


.welcome-cover-down {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
}



.welcome-cover-title {
    letter-spacing: -2.88px;
    font-weight: 800;
    margin-bottom: 20px
	line-height: 1.3;
	font-size: 72px;
	text-transform: uppercase;
}
.welcome-cover-title span {

}
.welcome-cover-subtitle {
    font-size: 24px;
    font-weight: 400;
	line-height: 1.3;
}




/*


.video-box {
    position: relative;
    box-shadow: 0px 6px 12px #00000080;
    border: 1px solid #FFFFFF;
}
.video-box::before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
	opacity: 1;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;    
    -webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.video-box:hover::before {
	background: rgba(0,0,0,0);
}


.video-play {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.video-play img {
    width: 64px;
    
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;    
    -webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.video-box:hover .video-play img {
    width: 96px;
}

*/



.welcome-cover-video-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
    
    background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.welcome-cover-video-bg::before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.5) !important;
	opacity: 1;
}
.welcome-cover-video-bg iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
/**********************************
        TEXT
**********************************/
	.welcome-text-title {
		font-size: 32px;
	}
/**********************************
        FORM
**********************************/
.welcome-form-section {
	background-color: #000;
}
.welcome-form-section .welcome-text-title {
	margin-bottom: 40px;
}
.hbspt-form {
	background: #fff;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 50px;
}
/**********************************
        HEAR
**********************************/
.welcome-hear-section h2 {
	font-size: 36px;
}
.welcome-hear-block {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
}
/**********************************
        BENEFITS
**********************************/
.welcome-benefits {
	background-color: #1B1B1B;
}
.welcome-benefits-block {
	color: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	max-width: 454px;
}
.welcome-benefits-block hr.gray {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px solid #303030;
}
.welcome-benefit-box {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #303030;
	color: #E8E8E8;
	width: 100%;
}
.welcome-benefit-box:last-child {
	border-bottom: 0;		
}
.welcome-benefit-box p {
	margin-bottom: 0;
}
/**********************************
        BTN SECT
**********************************/
.welcome-btn-section {
	padding-top: 40px;
	padding-bottom: 40px;
}
.welcome-btn-section .welcome-text-title {
	margin-bottom: 20px;
}
.welcome-btn-section .welcome-text-subtitle {
	font-size: 18px;
}
.welcome-btn-section hr {
	margin-top: 20px;
	margin-bottom: 40px
}




/**************************************
	           RESPONSIVE
**************************************/
@media screen and (min-width: 1199px) {
/*
    li.dropdown:hover .dropdown-menu{
            display:block;
    }
*/
    .event-counter .container {
        max-width: 1140px;
    }
    
	.splide__arrow--prev {
		left: 0;
	}
	.splide__arrow--next {
		right: 0;
	}
	
}


@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}

@media (max-width: 1439px) {
    .navbar-brand {
        margin-right: 10px;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 6px;
        padding-left: 6px;
    }
    
    
    .form-navbar .form-control {
        width: 100px;
        margin-right: 3px !important;
    }
    .nav-login {
        margin-left: 5px;
        padding-left: 5px;
    }
    
    .testimonials-splide {
        margin-left: 0;
        margin-right: 0;
    }
    
	

    
    .call-about .call-box {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .call-about p {
        font-size: 18px;
    }
/*     .call-box ul li {
        font-size: 22px;
        padding-bottom: 10px;
    }     */
    
    .white-box {
        padding: 60px 50px;
    }
    
    .hero-left .hero-text {
        padding-top: 0;    
        padding-bottom: 0;    
    }

    .hero-left .hero-text h1 {
        padding-top: 0;
    }
    
    .events-block .splide__arrow {
        top: 100px;
    }
    .events-img {
        height: 195px;
    }
    
    .laptop-img {
        position: relative;
        top: 0;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    
    .people-img img {
        max-width: 100%;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    
    .hero-topic .current-circle .current-icon i {
        font-size: 100px;
    }
    .hero-topic .current-circle .current-title {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 40px;
    }    
	.upcoming-splide .splide__arrow {
		top: 100px;
	}     

}

@media (max-width: 1199px) {
    body {
        padding-top: 56px;
    }
    .navbar {
        padding: 2px 0;
        min-height: 56px;
    } 
    .navbar.scrollUp {
        transform: translateY(-56px);
    }
    .navbar .dropdown-menu {
        background: #f8f9fa;
    }
    
    .navbar-brand {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 10px;    
    }
    
    .navbar li a {
        color: #000;
        font-size: 16px;
        text-align: center;
    }
    
    .form-navbar .form-control {
        width: 140px;
    }
    .nav-login {
        margin-left: 10px;
        padding-left: 10px;
    }
    
    .hero-block {
        min-height: 550px;
    }    
    .hero-text {
        padding-top: 20px;
    }

    
    .hero-img img {
        height: 450px;
    }
    
    
    .splide__arrow--prev {
        left: 0;
    }
    .splide__arrow--next {
        right: 0;
    }
    .splide__arrow {
        width: 25px;
        height: 25px;
    }
	
  
	.upcoming-splide .splide__arrow {
		top: 120px;
	}      
	
    .upcoming-splide .splide__track,
    .testimonials-splide .splide__track,
    .sponspon-box .splide__track
    {
        margin-left: 40px;
        margin-right: 40px;
    }
    
    .nl-titile {
        font-size: 25px;
    }
    
    footer .nl-titile {
        font-size: 24px;
    }
    
    footer ul {
        margin-bottom: 40px;
    }
    
    
    .events-block .splide__arrow--prev {
        left: -30px;
    }
    .events-block .splide__arrow--next {
        right: -30px;
    }
    .events-block .splide__arrow {
        top: 90px;
    }
    .events-img {
        height: 167px;
    }
    
    
    .event-box h5 {
        font-size: 18px;
        line-height: 1.2;
        margin: 10px 5px 5px;
    }
    .slide-date {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .slide-location {
        margin-bottom: 15px;
    }

    
    .bttn-sm {
        font-size: 14px;
        padding: 11px 20px;
    }
    
    .counter-num {
        font-size: 54px;
    }    
    .counter-text {
        font-size: 20px;
    }  
    
    
    .current-title {
        font-size: 21px;
        padding-left: 7px;
        padding-right: 7px;
    } 
	
	.hero-event-marketing .hero-title {
		font-size: 68px;
	}
	.hero-event-marketing h1 {
		font-size: 21.5px !important;
	}
	.hero-event-marketing .hero-subtitle {
		font-size: 16px;
		word-spacing: 6px;
	}
	
	.hero-event-marketing .hero-text p b {
		display: block;
	}
		

}



@media (max-width: 991px) {
    .hero-img {
        position: relative;
        width: 100%;
        top: 0;
        margin-top: 40px;
		text-align: right;
    }    
    .hero-text {
        padding-top: 0px;
    }
    .hero-title {
        font-size: 42px;
    }

    .hero-left .hero-text h1 {
        font-size: 36px;
    }
    .hero-text p {
        font-size: 22px;
    }
    .hero-left .hero-text p {
        font-size: 18px;
    }
    
    .hero-img img,    
    .hero-left .hero-img img    
    {
        height: 420px;
    }
    
    .nl-titile {
        text-align: center;
    }
    .nl-form {
        max-width: 320px;
        margin: 0 auto !important;
    }
    
    
    .events-block .splide__arrow {
        top: 150px;
    }
    .events-img {
        height: 300px;
    }
    
    
    .white-box {
        padding: 30px 30px;
    }
    .white-text h1 {
        font-size: 32px;
    }
    .white-text p {
        font-size: 20px;
    }    
    .white-img {
        margin-top: 30px;
    }
    
    .call-about .call-box {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .call-about p {
        font-size: 18px;
    }
    
    .event-counter,
    .event-chairman,
    .event-agenda
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .event-testimonials-block,
    .reserve-block
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .chairman-img {
        text-align: center;
    }
    .chairman-img img {
        max-width: 330px;
        margin-bottom: 30px;
    }
    
    .hero-register {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .register-form-box {
        margin-top: 20px;
    }
    
    
    .login-box {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .login-left {
        border-right: 0;
        margin-bottom: 60px;
    }
    
    
    .people-box-col a .people-box {
        padding: 15px;
    }  
    .people-box-col-md a .people-box {
        padding: 10px;
    }
    
    .csn-box i {
        font-size: 45px;
    }
    
	.featured-post-box img {
		height: 50px;
	}
	
    .blog-topbar {
        padding: 20px 15px 20px 50px;
    }
    .post-header {
        padding: 30px 15px;
    }
    .post-title {
        font-size: 22px;
        line-height: 28px;
    }
    .post-meta {
        margin: 15px 0 30px;
    }
    .post-meta h3 {
        font-size: 16px;
    }
    .post-header p {
        font-size: 14px;
    }
    .continue-reading {
        margin-top: 35px;
    } 
    .right-arrow-btn {
        width: 100%;
        max-width: 340px;
        font-size: 14px;
        padding: 0 10px 0 10px;
        line-height: 38px;
        height: 40px;
    }
    .right-arrow-btn::after {
        width: 40px;
        height: 40px;
    }
    
    .author-profile {
        float: none;
        margin: 0;
        text-align: center;
    }
    .author-profile img {
        display: inline-block;
    }
    
    .author-meta {
        text-align: center;
        float: none;
    }
    .author-name p {
        font-size: 16px;
    }
    .author-name span, .post-tags a {
        font-size: 14px;
    }
	
	.started-logos-6 {
		min-width: 25%;
		width: 25%;
		padding: 15px;
	}	
	.started-logos-8 {
		min-width: 16.66%;
		width: 16.66%;
		padding: 15px;
	}	
	
    
    .page-template-page-sponsorship .bs-tooltip-top {
        display: none !important;
    }

	.upcoming-splide .splide__arrow {
		top: 95px;
	} 	
	
	
	.hero-block-sponsors .hero-spon-box {
		background: linear-gradient(to top, #F4F4F4, #fff 100%);
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.hero-block-sponsors .hero-img-speaker {
		padding-top: 0 !important;
	}
	.hero-block-sponsors .hero-text-speaker {
		padding-top: 45px;
	}

	.hero-library .hero-text {
		padding-top: 0;
	}	
	.hero-library hr.green {
		margin-top: 15px;
		margin-bottom: 25px;
	}
	.hero-library .hero-text p {
		margin-bottom: 0;
		font-size: 20px;
	}	
	.hero-library .hero-img {
		margin-top: 30px;
	}
	
	.event-register-block {
		position: sticky;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	/**************************************
	           WELCOME PAGE
	**************************************/
	/*************FORM***********/
	.hbspt-form {
		margin-bottom: 40px;
	}
	/*************HEAR***********/
	.welcome-hear-block {
		margin-top: 40px;
	}
	.welcome-img-box img {
		width: 100%;
	}
}

@media (max-width: 900px) {
	.mfp-container {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	.mfp-iframe-scaler iframe {
		border: 3px solid #fff;
	}
	.mfp-iframe-holder .mfp-close {
		width: 25px !important;
		height: 25px;
		line-height: 25px;
		font-size: 25px;
		top: -12.5px !important;
		right: -12.5px !important;
	}
}

@media (max-width: 768px) {
    body.admin-bar .navbar {
        top: 46px;
    }
    #wpadminbar {
        position: fixed;
    }
    
    .hero-text h1 {
        font-size: 36px;
    }       
    .hero-img img,    
    .hero-left .hero-img img
    {
        height: 330px;
        width: 98%;
    } 
    
    .upcoming-splide .splide__track,
    .testimonials-splide .splide__track,
    .sponspon-box .splide__track
    {
        margin-left: 25px;
        margin-right: 25px;
    }
    
    .about-akamai .about-profile {
        width: 280px;
        height: 280px;
    }
    



    .call-about p {
        font-size: 18px;
    }
    
    .tl-content {
        margin-left: 15px;
    }
    
    .meet-block {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
/*
    .people-hosts .people-img img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
*/
    
    
    .event-block .nav-tabs .nav-link {
        padding: 15px 15px;
        letter-spacing: .2px;
    }
    
    .speaker-img {
        width: 70px;
        min-width: 70px;
        height: 70px;
    }
    
    .export-block .btn {
        padding: 3px 7px !important;
        font-size: 14px;
        margin-bottom: 3px;
    }
    
    
    .spon-list-title {
        font-size: 36px;
    }
    .spon-box img {
        max-height: 60px;
    }
    
    .event-testimonials-block .carousel-inner p {
        font-size: 18px;
    }
    
    .event-testimonials-block .carousel-inner {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .close-modal {
        top: -10px;
        right: -10px;
    }
    .close-modal span {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 16px;
    }
    
    .publications-buttons a {
        font-size: 20px;
    }
    
    .people-box-col-md {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .coll-csn-block {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    .application-box {
        padding: 30px 30px;
    }
	
	.started-logos-6 {
		min-width: 33.33%;
		width: 33.33%;
		padding: 15px;
	}	
	.started-logos-8 {
		min-width: 25%;
		width: 25%;
		padding: 15px;
	}

	.upcoming-splide .splide__arrow {
		top: 135px;
	} 	
	
	.library-sort-block form {
		width: 100%;
	}
	.form-library input {
		width: calc(100% - 40px) !important;
	}
	

}

@media (max-width: 591px) {
  
    .bttn {
        padding: 15px 26px;
        font-size: 16px;
    }  
    
    .bttn-sm {
        font-size: 14px;
        padding: 11px 20px;
    }
    
    .hero-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .hero-title {
        font-size: 36px;
    }
    .hero-text h1 {
        font-size: 32px;
    }      
    .hero-left .hero-text h1 {
        font-size: 32px;
    }
    .hero-left .hero-text p {
        margin-bottom: 15px;
    }
    .hero-img img,    
    .hero-left .hero-img img
    {
        height: 280px;
    } 
    
    
    .about-akamai .about-profile {
        width: 210px;
        height: 210px;
    }
    .about-quote {
        font-size: 23px;
    }
    
    .sponspon-box {
        padding-bottom: 10px;
    }
    
    footer .nl-titile {
        font-size: 22px;
    }
    
    
    
    .events-block .splide__arrow--prev {
        left: -5px;
    }
    .events-block .splide__arrow--next {
        right: -5px;
    }
    .events-block .splide__track {
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .events-splide .event-box {
        padding-left: 10px;
        padding-right: 10px;
    }
    .events-block .splide__arrow {
        top: 120px;
    }
    .events-img {
        height: 240px;
    }
    
    .tl-item {
        margin-left: 32px;
        padding-bottom: 100px;
    }
    .tl-dot {
        margin-top: -15px;
        margin-left: -32px;
        min-width: 60px;
        width: 60px;
        height: 60px;
        font-size: 20px;
    }    
    .tl-dot img {
        height: 25px;
    }
    .dot-circle {
        width: 30px;
        height: 30px;
    }
    
    .tl-title {
        font-size: 28px;
    }
    .tl-content p {
        font-size: 17px;
    }
    
    
    .laptop-img { 
        padding-left: 15px;
        padding-right: 15px;
    }
    
    
    .counter-num {
        font-size: 40px;
    }    
    .counter-text {
        font-size: 16px;
    }  
    
    .event-block .nav-tabs .nav-link {
        padding: 12px 10px;
        letter-spacing: 0;
    }
    
    
    .spon-list-title {
        font-size: 32px;
    }
    .spon-box img {
        max-height: 50px;
    }
    
    .event-testimonials-block .carousel-inner p {
        font-size: 17px;
    }
    
    .hero-text-speaker .member-p p {
        font-size: 16px;
    }
    
    
    .current-icon {
        margin-bottom: 7px;
    }
    .current-icon i {
        font-size: 42px;
    }
    
    .current-title {
        font-size: 17px;
        padding-left: 11px;
        padding-right: 11px;
    }
    
    .login-left, .login-right {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    
    
    .hero-topic .current-circle .current-icon i {
        font-size: 70px;
    }
    .hero-topic .current-circle .current-title {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 30px;
    }   

	
	.started-logos-6 {
		min-width: 50%;
		width: 50%;
		padding: 15px;
	}	
	.started-logos-8 {
		min-width: 33.33%;
		width: 33.33%;
		padding: 15px;
	}
	
    
    .ship-circle {
        width: 330px;
        height: 330px;
    }
	
	.upcoming-splide .splide__arrow {
		top: 95px;
	} 	
    

    .library-post h1 {
        font-size: 36px;
    }
    
    .library-spon-block .bttn-sm {
        padding: 15px 24px;
    }
	
	.library-sort-box select {
		min-width: 130px;
	}
	
	.library-desc {
		line-height: 18px;
	}
	
	.hero-event-marketing .hero-title {
		line-height: 1;
		padding-bottom: 5px;
	}
	
	.hero-event-marketing .hero-subtitle {
		margin-top: 0;
	}
	
	.hero-event-marketing .hero-text {
		text-align: center;
	}
	.hero-event-marketing .hero-text p {
		font-size: 18px;
		text-align: center;
		line-height: 1.4;
	}	
	.hero-event-marketing .hero-text p b {
		font-size: 20px;
	}
	
	.hero-event-marketing .hero-img {
		margin-top: 30px;
	}
	
	.event-register-block {
		padding-top: 18px !important;
		padding-bottom: 18px !important;
	}
	
	.event-register-block .nl-titile {
		font-size: 18px;
	}
	
	.events-marketing-what h2 {
		font-size: 36px;
	}
	
	.events-marketing-topics h1,
	.event-marketing-people-block h1
	{
		font-size: 30px;
	}
	.event-marketing-people-block h3 {
		font-size: 18px;
	}
	
	.events-marketing-topics .bttn,
	.event-marketing-people-block .bttn
	{
		padding: 18.5px 32px;
		font-size: 17px;
	}
	
	.post-inner-content .alignright,
	.post-inner-content .alignleft
	{
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}
	
}

@media (max-width: 420px) {
    .hero-text p {
        line-height: 1.2;
    }    
    .hero-img img {
        height: 200px;
    }  
    
    .events-block .splide__arrow {
        top: 90px;
    }
    .events-img {
        height: 180px;
    }
    
    .current-title {
        font-size: 15px;
    }
	
    
    .ship-circle {
        width: 290px;
        height: 290px;
    }
	

    
}

@media (max-width: 370px) {
	.library-sort-box select {
		min-width: 110px;
	}    
}




/* PODCAST */
    .podcast-block {
        background: #f4f4f4;
    }
    .podcast-block .container {
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .podcast-box {
        padding-top: 100px;
        padding-bottom: 100px;
        border-bottom: 1px solid #cecece;
        margin-left: 100px;
        margin-right: 100px;
    }
    .podcast-box:last-child {
        border-bottom: 0;
    }
    
    .podcast-image {
        margin-left: 35px;
        margin-right: 115px;
    }
    .podcast-image img {
        width: 430px;
        min-width: 430px;        
    }
    
    .podcast-profile {
        margin-bottom: 20px;
    }    
    .podcast-profile img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-width: 1px;
    }
    
    .podcast-info h1 {
        font-weight: 500;
		color: #060505;
		font-size: 30px;
		text-transform: uppercase;
    }   
	.podcast-info h1 a {
		color: #060505;
	}
	.podcast-info h1 a:hover {
		color: #8FC73E;
	}
    .podcast-info h3 {
        font-size: 24px;
        letter-spacing: 2.4px;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .podcast-info p {
        line-height: 1.3;
    }
    
    .podcast-listen {
        margin-top: 40px;
    }
    .podcast-icon {
        margin-right: 15px;
    }
    .podcast-icon img {
        max-height: 50px;
    }
    
    
    
@media (max-width: 1439px) {
    .podcast-box {
        margin-left: 30px;
        margin-right: 30px;
    }
    .podcast-image {
        margin-left: 0;
        margin-right: 50px;
    }
}
@media (max-width: 1199px) {
    .podcast-image img {
        width: 330px;
        min-width: 330px;
    }    

}
@media (max-width: 991px) {
    .podcast-box {
        padding-top: 70px;
        padding-bottom: 70px;
        margin-left: 20px;
        margin-right: 20px;
    }  
    .podcast-image {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center;
    }
    .podcast-image img {
        min-width: auto;        
        max-width: 100%;
    }
	.search-img-box {
		min-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}    
	.search-img-box img {
		width: 100%;
		height: 400px;
	}
	.search-info {
		margin-right: 0;
	}
}
@media (max-width: 768px) {
    .podcast-box {
        margin-left: 0;
        margin-right: 0;
    }
    .podcast-info h1 {
        font-weight: 500;
        font-size: 32px;
    }
    .podcast-info p {
        line-height: 1.3;
        font-size: 16px;
    }
    
    .podcast-btn .bttn {
        font-size: 16px;
    }
	.search-img-box img {
		height: 300px;
	}
	
}
@media (max-width: 591px) {
	.page-template-page-podcast .hero-img img {
		width: 100%;
	}
	.search-img-box img {
		height: 250px;
	}
}

@media (max-width: 576px) {
    .podcast-btn {
        margin-top: 30px;
        text-align: center;
    }
}




/* Micro Credentials */
.hero-block-speaker  {
}
.hero-block-speaker > .container {
    border-bottom: 2px solid #e6e6e6;
}

.hero-img-speaker {
    max-width: 260px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 30px;
}
.hero-block-sponsors .hero-img-speaker {
	padding-top: 200px;
}

.hero-img-shadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    z-index: -1;
    background: transparent linear-gradient(270deg, #F4F4F4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}


.hero-block-sponsors .bttn-orange {
	font-size: 15px;
	padding: 17px 20px;
}

.hero-text-speaker {
    padding-top: 105px;
    padding-bottom: 30px;
}
.hero-block-sponsors .hero-text-speaker {
    padding-bottom: 100px;
}


.hero-block-speaker .member-title {        
    color: #000;
}
.hero-block-speaker .member-title-name {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
.hero-block-speaker .member-title span {
    font-size: 20px !important;
    color: #000;
    font-weight: 500;
}

.hero-text-speaker .share-box a {
    border-color: #000;
    color: #000;
}    
.hero-text-speaker .share-box a:hover {
    border-color: #8FC73E;
    color: #8FC73E;
}   

.hero-cred-block {
    padding-bottom: 35px;
}
.hero-cred-box {
}        
.hero-cred-box img {
    max-width: 130px;
    margin-bottom: 20px;
}    
.hero-cred-box .cred-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
    word-wrap: break-word;
}    
.hero-cred-box .cred-p {
    color: #000 !important;
    font-size: 15px;
    max-width: 260px;
    margin: 0 auto 30px;
}    
.hero-cred-box .cred-p > * {
    color: #000 !important;
    font-size: 15px;
}

.people-hosts .people-name .micro-badge {
    margin-top: -4px;
}



@media (max-width: 1199px) {
    .hero-img-speaker {
        padding-top: 30px;
    }
    .hero-text-speaker {
        padding-top: 35px;
    }
}
@media (max-width: 991px) {
    .hero-img-shadow {
        display: none;
    }
    .hero-img-speaker {
        padding-bottom: 0px;
    }
    .hero-text-speaker {
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .hero-text-speaker .member-p p {
        font-size: 16px;
    }
    .hero-cred-box .cred-p > * {
        font-size: 14px;
    }
}
@media (max-width: 591px) {

}
@media (max-width: 576px) {
}




/* Contact Us */
.hero-contact {
    padding-top: 110px;
    padding-bottom: 110px;
}
.hero-contact h2 {
    font-size: 48px;
}    

.overlay-gradient-bottom {
    width: 100%;
    height: 410px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}

.contact-profile-box {
    margin-top: 30px;
    margin-bottom: 40px;
}    
.contact-profile-box > img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    margin-right: 20px;
}
.contact-name {
    font-size: 18px;
}

.contact-name b {
    font-weight: 500;
}
.contact-name .fas {
    margin-right: 10px;
    font-size: 14px;
}

.contact-col .contact-name {
    margin-bottom: 15px;
}    
.contact-col .contact-name a,
.contact-profile-box .contact-name a
{
    color: #fff;
}
.contact-col .contact-name a:hover,
.contact-profile-box .contact-name a:hover
{
    color: #fff;
    text-decoration: underline;
}

.contact-informations .contact-name {
    margin-bottom: 20px;
}
.contact-informations .contact-name a:hover
{
    text-decoration: underline;
    font-weight: 500;
}
    

.hero-contact .share-box {
    margin-top: 40px;
}       
.hero-contact .share-box a {
    border: 2px solid #fff;
    color: #fff;
}          
.hero-contact .share-box a:hover {
    border-color: #8FC73E;
    color: #8FC73E;
}    

  
.hero-contact .register-form {
    max-width: 360px;
    margin: 30px auto 20px;
}   
.hero-contact .register-form .form-control,
.modal .form-control
{
    font-size: 14px;
	border: 1px solid #ddd !important;
	padding: 0 24px !important;
	height: 45px !important;
    margin-top: 20px;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}    
.hero-contact .register-form textarea.form-control {
	height: 155px !important;
	padding: 10px 24px !important;
}    
.hero-contact .register-form .form-btn .ajax-loader,
.modal .form-btn .ajax-loader
{
    position: absolute;
}    
.hero-contact .register-form .bttn,
.modal .bttn
{
    margin-top: 30px;
    border: 0;
    font-size: 14px;
}
    
.hero-contact .register-form .wpcf7-not-valid-tip,
.modal .wpcf7-not-valid-tip
{
    font-size: 14px;
}  

@media (max-width: 991px) {
    .hero-contact {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .hero-contact h2 {
        font-size: 36px;
    }
    
    .hero-contact .register-form-box {
        margin-top: 50px;
    }
}

@media (max-width: 576px) {
    .contact-profile-box > img {
        width: 90px;
        height: 90px;
    }
}  
.testimonials-hero {
	padding: 20px 0;
	min-height: 290px;
	position: relative;
}
.testimonials-hero::after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
}
.testimonials-hero-block {
	z-index: 10;
}
.testimonials-hero h1 {
	font-size: 48px;
	text-transform: uppercase;
	color: #8FC73E;
	line-height: 1.1;
	margin-bottom: 20px;
}
.testimonials-hero p {
	line-height: 1.1;
	font-size: 24px;
	margin-bottom: 0;
}
.testimonials-main {
	background-color: #FAFAFA;
	padding: 60px 0;
}
.testimonials-block-title {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 60px;
	position: relative; 
}
.testimonials-block-title::after {
	position: absolute;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
	height: 3px;
	width: 70px;
	background-color: #8FC73E;
}
.testi-name {
	font-weight: 700;
}
.testi-video-box {
	height: 135px;
	width: 100%;
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background-color: #000;

}
.testi-video-box img {
	height:100%;
	width: 100%;
	object-fit: cover;
	opacity: .8;
	border-radius: 10px;
}
.testi-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	border: 1px solid #FFF;
	border-radius: 50%;
	background-color: #8FC73E;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;

}
.testi-play-btn img {
	object-fit: contain;
	width: 15px;
	height: 18px;
	margin-left:2px;
	transition: all .3s;
	filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(328deg) brightness(108%) contrast(100%);
}
.testi-video-box:hover .testi-play-btn {
	width: 42px;
	height: 42px;
}
.testi-video-box:hover img {
	opacity: 1;
}
.testi-video-box:hover .testi-play-btn img {
	width: 21px;
	height: 24px;
}
.testi-card {
	max-width: 300px;
	color: #000;
	font-size: 14px;
	height: 100%;
	padding-bottom: 40px;
}
.testi-card-text-box {
	padding: 72px 32px 30px 32px;
	background: #fff;
}
.testi-card-text-box p{
	font-size: 14px;
	line-height: 1.3;
}
.testimonials-box {
	padding-bottom: 60px;
}
.testimonials-box:last-child {
	padding-bottom: 0;
}
.testi-card-img-box {
	height: 144px;
	width: 144px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #8FC73E;
	margin-bottom: -72px;
	z-index: 10;
}
.testi-card-img-box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@media (min-width: 1200px) {
	.testimonials-hero {
		min-height: 390px;
	}
	.testimonials-main {
		background-color: #FAFAFA;
		padding: 110px 0 90px 0;
	}
}