/* ============================================================
   DEVEX MARKETO MICROSITE GENERAL CSS
   ========================================================================== */

/*FONTS*/
@font-face {
  font-family: 'BebasLight';
  src: url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueLight.eot');
  src: url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueLight.woff2') format('woff2'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueLight.woff') format('woff'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueLight.ttf') format('truetype'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueLight.svg#BebasNeueLight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'BebasBook';G
  src: url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBook.eot');
  src: url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBook.woff2') format('woff2'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBook.woff') format('woff'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBook.ttf') format('truetype'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBook.svg#BebasNeueBook') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BebasBold';
  src: url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBold.eot');
  src: url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBold.woff2') format('woff2'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBold.woff') format('woff'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBold.ttf') format('truetype'),
    url('https://pages.devex.com/rs/685-KBL-765/images/BebasNeueBold.svg#BebasNeueBold') format('svg');
  font-weight: bold;
  font-style: normal;
}

.bebas-light {
  font-family: 'BebasLight', sans-serif;
}

.bebas {
  font-family: 'BebasBook', sans-serif;
}

/*COLOR VARIABLES*/
html {

  /* Palette */
  --black:        #000000;
  --almost-black: #222222;
  --darker-gray:  #3A3A3A;
  --dark-gray:    #545454;
  --gray:         #777777;
  --light-gray:   #A3A3A3;
  --lighter-gray: #E4E4E4;
  --almost-white: #F8F8F8;
  --white:        #FFFFFF;

  --brand-darker:   #FF8C25;
  --brand-default:  #FF9900;
  --brand-lighter:  #FFB84D;

  --darker-blue:        #002f6b;
  --dark-blue:          #004C89;
  --blue:               #0073B1;
  --light-blue:         #0099E5;
  --lighter-blue:       #58C6FF;

  --dirty-blue:         #39637F;
  --clear-blue:         #94B7E2;

  --error-darker:       #bf0000;
  --error-default:      #ff5e5e;


  /* Text */
  --text-primary: var(--almost-black);
  --text-primary-muted: var(--gray);
  --text-secondary: var(--dark-gray);
  --text-secondary-muted: var(--light-gray);
  --text-disabled: var(--lighter-gray);

  /* Spacing */
  --large-spacer: 64px;
  --medium-spacer: 40px;
  --small-spacer: 24px;

  /* Size Tokens */
  --tk-1: 8px;
  --tk-2: 16px;
  --tk-3: 24px;
  --tk-4: 32px;
  --tk-5: 40px;
  --tk-6: 48px;
  --tk-7: 56px;
  --tk-8: 64px;
  --tk-9: 72px;
}


/*VIDEOS*/
.embed-container {
  position: relative;
  padding-bottom: 52%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* CLEANING UP BOOTSTRAP */
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form,
.navbar-inverse {
  background: none !important;
  border: 0 !important;
}

.navbar-collapse {
  padding: 0
}

header#header.stuck .navbar-header {
  margin-top: -8px;
}

.navbar-inverse .navbar-toggle {
  background: none;
  border: 0;
}

.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: none;
}

.btn:focus {
  outline: none !important;
}

html {
  min-height: 100%;
  height: auto;
}

/* GENERAL: BODY, COLORS, P, LISTS, LINKS */
body {
  font-family: Georgia, "Times New Roman", Times, serif !important;
  color: var(--black);
  font-weight: normal;
  background: var(--white);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none
}

.green {
  color: var(--brand-default) !important
}

a.anchor-contact, a.anchor-resources, a.anchor-start, a.anchor-registered {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
}

.strong {
  font-weight: bold;
}

ul {
  padding-left: 0;
  padding-bottom: 0px;
  list-style: none;
}

.more-menu li>a {
  font-size: 13px;
  line-height: 1.3;
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  vertical-align: text-top;
  outline: 0;
  text-decoration: none;
  color: var(--dark-gray);
}

/* NAVBAR */
.fixed-header {
  position: fixed !important;
  padding-top: 14px;
  top: 0px;
  padding-left: 5%;
  width: 100%;
  height: 70px;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.navbar-brand {
  position: relative;
  z-index: 2;
}

header#header #logo {
  margin: 30px 0;
  position: relative;
  z-index: 9;
}

header#header.stuck {
  border-bottom: none !important;
}

.devexlogo {
  background-image: url(https://pages.devex.com/rs/devex/images/devex-live-template-devex-logo.png);
  display: block;
  background-repeat: no-repeat;
  height: 54px;
  text-indent: -9999px;
  width: 104px;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  background-size: 100%;
}

.devexlogoblack {
  background-image: url(https://pages.devex.com/rs/devex/images/devex-live-template-devex-logo.png) !important;
}

.devexlogoblackteam {
  background-image: url(https://pages.devex.com/rs/devex/images/devex-live-template-devex-logo.png);
  display: block;
  background-repeat: no-repeat;
  height: 60px;
  text-indent: -9999px;
  width: 144px;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.fixed-header-bg {
  background-color: var(--white) !important;
  border-bottom: 1px solid var(--lighter-gray);
}

.navbar .navbar-collapse {
  position: absolute;
  right: 3%;
}

.navbar .nav-collapse {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding-right: 120px;
  padding-left: 80px;
  width: 100%;
}

.navbar.navbar-default .nav-collapse {
  background-color: var(--almost-white);
}

.navbar.navbar-inverse .nav-collapse {
  background-color: var(--almost-black);
}

.navbar .nav-collapse .navbar-form {
  border-width: 0;
  box-shadow: none;
}

.nav-collapse>li {
  float: right;
}

.menubutton {
  background-color: var(--darker-gray);
  display: inline-block !important;
  border-radius: 50px;
  padding: 13px 20px 7px 20px !important;
  color: white !important;
  margin-top: 8px !important;
}

.menubutton:hover {
  background-color: var(--brand-lighter) !important;
  color: white !important;
}

.btn.btn-circle {
  border-radius: 50px;
}

.btn.btn-outline {
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .navbar .nav-collapse {
    margin: 7.5px auto;
    padding: 0;
  }

  .navbar .nav-collapse .navbar-form {
    margin: 0;
  }

  .nav-collapse>li {
    float: none;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: var(--darker-gray) !important;
  }
}

.navbar-default .navbar-nav>li>a {
  color: var(--black)
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: var(--black);
  background-color: transparent;
}

@media only screen and (min-width: 1140px) {
  .navbar-default {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .navbar-right {
    float: right !important;
    margin-top: -55px;
    margin-right: 0px;
  }

  .navbar-default .navbar-nav>li>a {
    color: var(--almost-black);
    font-size: 25px;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 10px 0 5px 0;
    margin: 5px 20px;
    font-family: 'BebasBook', sans-serif;
  }

  .navbar-default .navbar-nav>li>a:hover {
    color: var(--brand-lighter);
  }
}

.menubutton {
  margin-top: 2px !important;
}

@media only screen and (max-width: 500px) {
  .navbar-toggle {
    background-color: transparent !important;
    background-image: none;
    border: none !important;
    margin-top: 2px !important;
    margin-right: 0px;
  }

  section h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1140px) {
  .hiltonlogo, .hiltonlogoblackteam {
    background-size: 90%;
  }

  .fixed-header {
    top: 0px;
    padding-top: 11px;
    height: 75px;
    left: 0%;
    padding-left: 25px;
  }

  .navbar-header {
    margin-top: -30px;
  }

  .navbar .navbar-collapse {
    border: none;
    width: 114%;
    margin-left: 10%;
    box-shadow: none;
    z-index: 99999;
  }

  .navbar-default {
    background: none !important;
    border: none;
    box-shadow: none;
    margin-top: -30px;
  }

  .navbar-nav {
    margin: 8px 0px 0px 0px;
    background-color: var(--white);
    padding: 16px 10px 15px 50px;
    border: 0px !important;
    height: 100vh;
  }

  .navbar-toggle {
    background-color: transparent !important;
    background-image: none;
    border: none !important;
    margin-top: 13px;
    margin-right: 0px;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 35px;
    line-height: 32px;
    margin: 6px 0px 10px 20px;
    width: auto;
    display: inline-block;
    font-family: 'BebasBook', sans-serif;
  }

  .navbar-nav.navbar-right .btn {
    padding: 9px 60px 8px 65px;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 17px;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: var(--darker-blue);
  }

  .icon-bar-black {
    background-color: var(--darker-blue) !important
  }

  .navbar-toggle .icon-bar {
    display: block;
    width: 26px;
    height: 3px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 490px) {
  .navbar-nav {
    padding: 16px 10px 15px 0px;
  }

  .navbar .navbar-collapse {
    position: absolute;
    right: 0%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
  .navbar-nav {
    padding: 16px 10px 15px 150px;
    display: none !important
      /*temporary fix*/
  }
}

.menubutton:hover, .menubutton:focus, .menubutton:active {
  background-color: var(--brand-darker) !important;
  color: white !important;
}

/* CHANGING THE MENU ICON WHEN OPENED */
.navbar-toggle .icon-bar:nth-of-type(2) {
  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(4) {
  top: 1px;
}

.navbar-toggle .icon-bar {
  position: relative;
  transition: all 200ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
  background-color: transparent !important;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
  background-color: transparent !important;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
  top: 0px;
  transform: rotate(-45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(4) {
  top: -7px;
  transform: rotate(45deg);
}

/* HERO */
#hero {
  /* height: 420px; */
  padding: 70px 0;
  margin-top: 36px;
  position: relative;
  background-size: cover;
  color: white;
  margin-bottom: 0;
  background-color: var(--almost-black);
  background-size: cover !important;
}

#hero h1 {
  font-size: 60px;
  line-height: 55px;
  padding-right: 0%;
  color: var(--white);
  font-family: 'BebasBold', sans-serif;
  font-weight: bold;
  margin-bottom: 15px;
}

#hero h2 {
  font-size: 32px;
  line-height: 30px;
  color: var(--white);
  font-family: 'BebasBold', sans-serif;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0;
}

#hero h3 {
  font-size: 24px;
  line-height: 20px;
  color: var(--white);
  font-family: 'BebasBold', sans-serif;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0;
}

/* READ MORE BAR */
.read-more-bar {
  background-color: var(--almost-white);
  border-bottom: 1px solid var(--lighter-gray);
  border-top: 1px solid var(--lighter-gray);
  margin: 0 !important;
}

.read-more-bar h1 {
  font-size: 28px;
  padding: 0;
  margin: 9px 0 3px 0;
  display: inline-block;
}

.read-more-bar img {
  vertical-align: unset;
}

.read-more-bar a:hover {
  opacity: .7
}

/* SCHEDULE */
#schedule {
  padding-top: 80px;
  margin-top: 0px;
  position: relative;
  background-size: cover;
  color: white;
  margin-bottom: 0;
  padding-bottom: 70px;
  background-color: var(--darker-gray);
}

#schedule hr {
  border: 2px solid var(--white);
  width: 80px;
  margin-top: 0px;
  margin-bottom: 40px;
}

#schedule h1 {
  font-size: 60px;
  line-height: 50px;
  color: var(--white);
  font-family: 'BebasBook', sans-serif;
  margin-bottom: 20px;
}

#schedule h2 {
  font-size: 40px;
  line-height: 36px;
  color: var(--white);
  font-family: 'BebasBook', sans-serif;
  margin-bottom: 0px;
  margin-top: 0;
}

.event-item {
  padding: 27px 25px 20px 25px;
  border: 1px solid var(--white);
  border-radius: 8px;
  margin-bottom: 30px;
}

#schedule p {
  font-size: 18px;
  line-height: 26px;
  font-family: "Georgia", serif;
  color: var(--white);
  margin-bottom: 0px;
  padding-right: 0px;
  margin-top: 3px;
}

/*LIVE*/
#live {
  padding: 50px 0 75px 0;
  background-color: var(--darker-gray);
  color: white;
  margin: 0;
}

#live h1 {
  font-size: 60px;
  line-height: 50px;
  color: var(--white);
  font-family: 'BebasBook', sans-serif;
  margin-bottom: 40px;
}

/*VIDEOS*/
#video-playlist {
  margin: 60px 0 -40px 0;
}

#video-playlist h1 {
  font-size: 60px;
  line-height: 50px;
  color: var(--almost-black);
  font-family: 'BebasBook', sans-serif;
  margin-bottom: 40px;
}

/*SPEAKERS*/
#speakers {
  padding: 80px 0 70px 0;
}

#speakers h1 {
  font-size: 60px;
  line-height: 50px;
  color: var(--almost-black);
  font-family: 'BebasBook', sans-serif;
  margin-bottom: 40px;
}

#speakers h2 {
  font-size: 40px;
  line-height: 42px;
  color: var(--almost-black);
  font-family: 'BebasBook', sans-serif;
  margin-bottom: 0px;
}

#speakers img {
  margin-bottom: 20px;
}

#speakers h3 {
  font-size: 18px;
  line-height: 24px;
  color: var(--darker-gray);
  font-family: 'Georgia', serif;
  margin-bottom: 15px;
  margin-top: 10px;
}

#speakers hr {
  border: 2px solid var(--almost-black);
  width: 80px;
  margin-top: 0px;
  margin-bottom: 40px;
}

#speakers p {
  font-size: 16px;
  line-height: 22px;
  color: var(--gray);
  font-family: 'Georgia', serif;
  margin-bottom: 50px;
  font-style: italic;
}

/* SECTION */
a {
  color: var(--brand-default);
}

section {
  margin: 30px 0 40px 0
}

section h1 {
  font-size: 60px;
  line-height: 50px;
  color: var(--almost-black);
  font-family: 'BebasBook', sans-serif;
  margin-bottom: 40px;
}

section .container-fluid {
  padding: 0 4%
}

section hr {
  border: 2px solid var(--almost-black);
  width: 80px;
  margin-top: 0px;
  margin-bottom: 40px;
}

/*SPONSORS*/
#sponsors {
  margin: -40px 0 0px 0;
  padding-top: 30px;
  padding-bottom: 70px;
  background-color: var(--white);
  border-top: 1px solid var(--lighter-gray);
}

#sponsors h3 {
  font-size: 28px;
  line-height: 26px;
  margin-bottom: 15px;
  color: var(--almost-black);
  margin-top: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'BebasBook', sans-serif;
}

#sponsors img {
  display: inline-block;
  width: 200px;
  margin: 10px 3%;
}

/*ABOUT*/
#about {
  margin: 0px 0 0px 0;
  padding-top: 50px;
  padding-bottom: 80px;
  background-color: var(--white);
}

#about h1 {
  font-size: 60px;
  line-height: 50px;
  margin-bottom: 15px;
  text-align: left;
  color: var(--almost-black);
  margin-top: 50px;
}

#about p {
  text-align: left;
  font-family: 'Georgia', serif;
  font-size: 18px;
  line-height: 28px;
  margin: 32px 10px 40px 0;
}

#about hr {
  max-width: 80px;
  margin: 18px 0;
  border: 2px solid var(--almost-black);
}

#about h2 {
  font-size: 38px;
  line-height: 25px;
  text-align: left;
  color: var(--darker-blue);
  margin-bottom: 0;
  font-family: 'BebasBook', sans-serif;
}

#about ul {
  padding-left: 15px;
  padding-bottom: 0px;
  list-style: disc;
  margin-top: -15px;
}

#about ul li {
  text-align: left;
  font-family: 'Georgia', serif;
  font-size: 18px;
  line-height: 28px;
  margin: 20px 10px 10px 0;
}



/*REGISTER*/


#register {
    margin: 0px 0 0px 0;
    padding-top: 50px;
    padding-bottom: 80px;
    background-color: #fff;
}


#register h1 {
    font-size: 60px;
    line-height: 50px;
    margin-bottom: 15px;
    text-align: left;
    color: #333;
    margin-top: 50px;
}


#register p {
    text-align: left;
    font-family: 'Georgia', serif;
    font-size: 18px;
    line-height: 28px;
    margin: 32px 10px 40px 0;
}

#register hr {
max-width: 80px;
    margin: 18px 0;
    border: 2px solid #333;
}

#register h2 {
    font-size: 38px;
    line-height: 25px;
    text-align: left;
    color: #002f6b;
    margin-bottom: 0;
    font-family: 'BebasBook', sans-serif;
}

#register ul {
    padding-left: 15px;
    padding-bottom: 0px;
    list-style: disc;
    margin-top: -15px;
}

#register ul li {
    text-align: left;
    font-family: 'Georgia', serif;
    font-size: 18px;
    line-height: 28px;
    margin: 20px 10px 10px 0;
}


/*MODALS*/
.modal-body {
  position: relative;
  padding: 15px 50px 30px 50px;
}

.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1) !important;
}

.modal-content h1 {
  font-size: 40px;
  color: var(--dark-gray);
  margin: 10px 10% 0 10%;
}

.modal-body h4 {
  font-size: 18px;
  color: var(--dark-gray);
  font-weight: bold;
  margin-bottom: -2px;
  line-height: 24px;
}

.modal-body p {
  margin: 30px 40px 10px 1px;
  font-size: 15px;
  line-height: 22px;
}

/* TOP ARTICLES */
#top-articles {
  margin: 0px 0 0px 0;
  padding-top: 60px;
  padding-bottom: 70px;
  background-color: var(--dirty-blue);
  color: white;
}

#top-articles p {
  font-size: 17px;
  color: var(--white);
  margin-top: 15px;
  margin-bottom: 30px
}

#top-articles h1 {
  font-size: 46px;
  line-height: 48px;
  margin-bottom: 35px
}

#homeboy {
  margin: 0;
  padding-top: 80px;
  padding-bottom: 0px;
  background-color: var(--dark-blue);
  margin-bottom: 0px;
}

#homeboy .main-article {
  margin-bottom: 20px !important
}

.prize {
  display: block;
  margin-top: 20px;
}

.india-feature {
  margin-bottom: -20px;
}

.big-article {
  padding-left: 35px !important;
  margin-top: -10px;
}

.big-article-2 {
  padding-left: 35px !important;
  margin-top: 25px !important;
}

.big-article h3 {
  color: var(--darker-gray);
  font-size: 30px;
  line-height: 34px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.big-article h3:hover {
  color: var(--brand-lighter);
  text-decoration: none
}

.big-article p {
  font-style: italic;
  font-size: 15px;
  line-height: 21px;
  color: var(--darker-gray);
  margin-bottom: 35px
}

.big-article h6 {
  color: var(--light-gray)999;
  font-style: italic;
  font-size: 18px;
  margin-bottom: 20px;
}

.main-article {
  margin-bottom: 60px;
}

.main-article-img {
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: hidden;
  padding: 0;
  margin: 0 0px 20px 15px;
}

.col-sm-big-article {
  width: 38.5%;
  display: inline-block;
  margin-bottom: 50px;
}

.big-article hr {
  max-width: 80px;
  color: var(--almost-black);
  border: 2px solid var(--almost-black);
}

.main-article-img img {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-backface-visibility: hidden !important;
}

.main-article-img img:hover {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.main-article-img-2 {
  margin: 30px 0px 0 -15px;
  overflow: hidden;
  padding: 0;
}

.main-article-img-2 img {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-backface-visibility: hidden !important;
}

.main-article-img-2 img:hover {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.green-cta-outline {
  text-transform: uppercase;
  color: var(--almost-black);
  padding: 12px 20px 6px 20px;
  border: 1px solid var(--almost-black);
  border-radius: 4px;
  font-size: 22px;
  display: inline-block;
}

.green-cta-outline:hover {
  text-decoration: none;
  color: var(--black);
  border: 1px solid var(--black)
}

.white-cta-outline {
  text-transform: uppercase;
  color: var(--white);
  padding: 12px 20px 6px 20px;
  border: 1px solid var(--white);
  border-radius: 4px;
  font-size: 22px;
  display: inline-block;
  margin-right: 10px;
}

.white-cta-outline:hover {
  text-decoration: none;
  color: var(--clear-blue);
  border: 1px solid var(--clear-blue);
}

.hero-cta-group a {
  margin-right: 12px;
}

.hero-cta-primary {
  text-transform: uppercase;
  color: var(--almost-black);
  padding: 10px 30px 4px 30px;
  font-size: 25px;
  display: inline-block;
  background: var(--white);
  border-radius: 50px;
  margin-top: 20px;
}

.hero-cta-primary:hover {
  text-decoration: none;
  background: var(--lighter-gray);
  color: var(--almost-black);
}

.hero-cta-primary:focus {
  text-decoration: none;
  opacity: .8
}

.hero-cta-outline {
  text-transform: uppercase;
  color: var(--white);
  padding: 10px 30px 4px 30px;
  font-size: 25px;
  display: inline-block;
  background: transparent;
  border: 2px solid var(--white);
  border-radius: 50px;
  margin-top: 20px;
}

.hero-cta-outline:hover {
  text-decoration: none;
  background: var(--darker-gray);
  color: var(--lighter-gray);
}

.hero-cta-outline:focus {
  text-decoration: none;
  opacity: .8
}

.hero-cta-primary-accent {
  text-transform: uppercase;
  color: var(--white);
  padding: 10px 30px 4px 30px;
  font-size: 25px;
  display: inline-block;
  background: var(--brand-default);
  border-radius: 50px;
  margin-top: 20px;
}

.hero-cta-primary-accent:hover {
  text-decoration: none;
  background: var(--black);
  color: var(--white)
}

.hero-cta-primary-accent:focus {
  text-decoration: none;
  opacity: .8
}

.socialicons {
  float: right;
  margin-top: 5px;
}

.socialicons a {
  background-color: var(--lighter-blue);
  display: inline-block;
  height: 42px;
  width: 42px;
  color: var(--white)fff;
  font-size: 20px;
  margin-right: 0px;
  margin-left: 8px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px transparent solid !important;
}

.socialicons2 {
  display: inline-block;
  margin-right: 10px;
  margin-top: -30px
}

.socialicons3 {
  display: inline-block;
  margin-left: 20px;
  margin-top: 0px
}

.socialicons4 {
  margin-top: 0px
}

.socialicons3 a {
  background-color: none;
  display: inline-block;
  height: 40px;
  width: 40px;
  color: var(--white)fff;
  border: 1px solid white;
  font-size: 18px;
  margin-right: 5px;
  margin-left: 0px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.socialicons4 a {
  background-color: none;
  display: inline-block;
  height: 60px;
  width: 60px;
  color: var(--white)fff;
  border: 1px solid white;
  font-size: 24px;
  margin-right: 5px;
  margin-left: 5px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.socialicons2 a {
  background-color: var(--brand-default);
  display: inline-block;
  height: 40px;
  width: 40px;
  color: var(--white)fff;
  font-size: 18px;
  margin-right: 0px;
  margin-left: 0px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px transparent solid !important;
}

.socialicons3 a.icon-facebook.social:hover, .socialicons3 a.icon-twitter.social:hover, .socialicons3 a.icon-linkedin.social:hover, .socialicons3 a.icon-mail.social:hover, .socialicons4 a.icon-facebook.social:hover, .socialicons4 a.icon-twitter.social:hover, .socialicons4 a.icon-mail.social:hover, .socialicons4 a.icon-linkedin.social:hover {
  background-color: var(--black);
  border: 1px solid var(--black);
  color: var(--white);
  cursor: pointer;
}

.socialicons a.icon-facebook.social:hover {
  background-color: var(--dark-blue);
  color: var(--white);
  cursor: pointer;
}

.socialicons a.icon-twitter.social:hover, .socialicons2 a.icon-twitter.social:hover {
  background-color: var(--light-blue);
  color: var(--white);
}

.socialicons a.icon-mail.social:hover, .socialicons2 a.icon-mail.social:hover {
  background-color: var(--darker-gray);
  color: var(--white);
}

.socialicons a.icon-linkedin.social:hover {
  background-color: var(--blue);
  color: var(--white);
  cursor: pointer;
}

.img-wrapper-secondary {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-bottom: -2px;
  margin-top: 30px;
}

.img-wrapper-secondary img {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  vertical-align: middle;
  -webkit-backface-visibility: hidden !important;
  min-height: 100% !important;
}

.img-wrapper-secondary img:hover {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.article-secondary {
  margin-bottom: 20px
}

.disable {
  display: none !important
}

.articles-row {
  display: none
}

.articles-row.active {
  display: block;
}

.load-more-btn {
  text-decoration: none !important;
}

.load-more-btn:hover {
  text-decoration: none !important;
}

.load-more {
  background-color: var(--almost-white);
  text-decoration: none !important;
  padding: 12px 0 7px 0;
  font-size: 22px;
  color: var(--brand-default);
  margin-bottom: 20px;
}

.article-secondary img {
  margin-bottom: 0px;
}

.article-secondary-txt h2 {
  color: var(--darker-gray);
  font-size: 1.5vw;
  line-height: 2vw;
  margin-bottom: 0px;
}

.article-secondary-txt h2 a {
  color: var(--darker-gray);
}

.article-secondary-txt h2 a:hover {
  color: var(--brand-lighter);
}

.article-secondary-txt p {
  font-style: italic;
  font-size: 15px;
  line-height: 21px;
  color: var(--darker-gray);
  margin-bottom: 0px;
}

.article-secondary-txt h3 {
  color: var(--light-gray);
  font-style: italic;
  font-size: 16px;
  margin-bottom: 18px;
  display: inline-block;
  margin-top: 0px;
}

.article-secondary-txt hr {
  display: inline-block;
  border: 2px solid var(--brand-default);
  width: 50px;
  margin-bottom: 25px;
  margin-top: 15px;
}

.player-container {
  margin-top: 30px
}

.vid-item .desc {
  font-family: 'Helvetica', Arial, sans-serif;
  text-align: left;
}

/* OPINION */
#opinion {
  margin: 30px 0 40px 0
}

#opinion h1 {
  font-size: 46px;
  line-height: 48px;
  margin-bottom: 0px;
}

.quote {
  border-top: 1px solid var(--lighter-gray);
  padding-top: 50px;
  margin-top: 30px;
  padding-bottom: 20px;
}

.quote img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.quote img:hover {
  opacity: .7
}

.phrase {
  padding-left: 55px;
  padding-top: 7px;
  background: url(https://pages.devex.com/rs/685-KBL-765/images/dev-enabled-quote-mark.png) no-repeat top left;
}

#opinion h4 {
  font-size: 24px;
  line-height: 30px;
  padding-right: 8%;
}

#opinion h4 a {
  color: var(--dark-gray);
}

#opinion h4 a:hover {
  color: var(--brand-lighter);
}

.opinion-hr {
  border: 2px solid var(--brand-default);
  width: 50px;
  margin-bottom: 15px;
}

#opinion h5 {
  font-size: 16px;
  line-height: 20px;
  color: var(--dark-gray);
  font-style: italic;
  display: inline-block;
}

.secondary-cta {
  text-transform: uppercase;
  color: var(--darker-gray);
  padding: 7px 20px 3px 20px;
  border: 1px solid var(--darker-gray);
  border-radius: 4px;
  font-size: 20px;
  display: inline-block;
  margin-top: 20px;
}

.thirtiary-cta {
  text-transform: uppercase;
  color: var(--white);
  padding: 7px 20px 3px 20px;
  border: 2px solid var(--white);
  border-radius: 4px;
  font-size: 22px;
  display: inline-block;
  margin-top: 0px;
}

/* PARTNERS */
#partners {
  margin: 0px 0 0px 0;
  padding-top: 95px;
  padding-bottom: 85px;
  background-color: var(--dark-gray);
}

#partners h1 {
  margin-bottom: 0px
}

#partners h2 {
  font-size: 32px;
  line-height: 32px;
  color: var(--almost-black);
  margin-top: 6px;
}

#partners p {
  font-size: 18px;
  color: var(--white);
  line-height: 24px;
  margin-right: 10%;
}

#partners img {
  display: inline-block;
  margin: 6px 25px 0 25px;
}

#contact {
  margin: 0px 0 50px 0;
  padding: 70px 0 80px 0;
  background: var(--almost-black);
  color: var(--white);
}

#contact h1 {
  font-size: 58px;
  line-height: 60px;
}

#contact hr {
  border: 2px solid var(--white);
  width: 50px;
  margin-top: 0px;
}

#contact p {
  font-size: 20px;
  line-height: 22px;
}

#contact h2 {
  font-size: 40px;
  line-height: 42px;
  margin-top: 0
}

#contact h3 {
  font-size: 27px;
  line-height: 30px;
  margin-bottom: 8px;
  margin-top: 130px;
}

/* HIDING THE LIVE CHAT */
#livechat-compact-view {
  display: none !important
}

/* CHANGING THE MENU ICON WHEN OPENED */
.navbar-toggle .icon-bar:nth-of-type(2) {
  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(4) {
  top: 1px;
}

.navbar-toggle .icon-bar {
  position: relative;
  transition: all 200ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
  background-color: transparent !important;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
  background-color: transparent !important;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
  top: 0px;
  transform: rotate(-45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(4) {
  top: -6px;
  transform: rotate(45deg);
}

.icon-whatsapp {
  display: none !important;
}

.icon-whatsapp:before {
  display: none
}

/*MOBILE*/
@media only screen and (max-width: 450px) {
  .icon-mail {
    display: none !important
  }

  .icon-whatsapp {
    display: inline-block !important
  }

  #sticky-bar {
    top: -210px;
    background-color: var(--brand-default) !important;
  }

  .maternity-matters-logo {
    display: none;
  }

  .navbar-header h1 {
    display: none;
  }

  #sticky-bar h2 {
    display: none
  }

  #hero {
    background-color: url(https://pages.devex.com/rs/685-KBL-765/images/hiltzonprize-hero.png) no-repeat top left;
    background-size: cover !important;
  }

  #hero p {
    font-size: 15px;
    margin-right: 0%;
  }

  #hero h1 {
    font-size: 48px;
    line-height: 43px;
    padding-right: 0;
    margin-bottom: 20px
  }

  #hero h2 {
    font-size: 34px;
    line-height: 29px;
  }

  #hero {
    padding-top: 60px;
    height: auto;
    padding-bottom: 50px;
    margin-top: 30px;
  }

  #hero hr {
    margin: 20px 0;
  }

  #about {
    margin: 0px 0 0px 0;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #about h1 {
    font-size: 45px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 50px;
  }

  .read-more-bar h1 {
    font-size: 24px;
    padding: 0;
    margin: 5px 0 0px 0;
  }

  #about h4 {
    margin: 10px 0px 20px 0;
  }

  .conversation {
    margin-bottom: 15px;
    padding: 20px 20px 30px 20px;
  }

  .conversation img {
    display: block;
    float: left;
    margin-bottom: 20px;
  }

  .modal-body {
    padding: 15px 20px 0px 20px;
  }

  .modal-body p {
    margin: 10px 0px 20px 0px;
  }

  ul {
    margin-left: 15px
  }

  .socialicons3 a {
    height: 34px;
    width: 34px;
    font-size: 14px;
    margin-right: 7px;
    margin-left: 0px;
    line-height: 35px;
  }

  #top-articles {
    margin: 0px 0 0px 0;
    padding-top: 20px
  }

  #top-articles h1 {
    font-size: 33px;
    line-height: 33px;
    margin-bottom: 25px;
  }

  #homeboy {
    margin: 0;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 0px
  }

  .main-article {
    margin-bottom: 0px;
    margin-top: 20px;
  }

  .big-article {
    padding-left: 15px !important;
    margin-top: 0px;
  }

  .main-article-img {
    margin: 0 15px 0 15px;
  }

  .main-article-img-2 {
    margin: 0 0px 0 -15px;
  }

  .col-sm-big-article {
    width: 90.5%;
    padding-left: 15px !important;
  }

  .big-article h6 {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .big-article h3 {
    font-size: 6vw;
    line-height: 6.6vw;
    margin-top: 30px;
  }

  .big-article p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
  }

  .green-cta-outline {
    padding: 12px 10px 6px 10px;
    border-radius: 4px;
    font-size: 18px;
  }

  .socialicons a {
    height: 34px;
    width: 34px;
    font-size: 16px;
    margin-right: 0px;
    margin-left: 4px;
    line-height: 34px;
  }

  .article-secondary-txt h3 {
    font-size: 14px;
  }

  .article-secondary-txt h2 {
    font-size: 6vw;
    line-height: 6.6vw;
  }

  .article-secondary {
    margin-bottom: 20px;
  }

  #opinion {
    margin: 20px 0 20px 0;
  }

  #opinion h1 {
    font-size: 36px;
    line-height: 38px;
  }

  .quote img {
    margin: 0 auto;
  }

  #opinion h4 {
    font-size: 17px;
    line-height: 24px;
    padding-right: 5%;
  }

  .phrase {
    padding-left: 25px;
    margin-left: 15px;
    padding-top: 10px;
    padding-right: 5%;
  }

  #opinion h5 {
    font-size: 14px;
    line-height: 18px;
  }

  section h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 10px;
  }

  #contact {
    margin: 0px 0 30px 0;
    padding: 30px 0 50px 0;
  }

  #contact h1 {
    font-size: 38px;
    line-height: 40px;
    margin: 0 0 15px 0;
  }

  #contact h3 {
    font-size: 25px;
    line-height: 26px;
    margin-bottom: 8px;
    margin-top: 40px;
  }

  #contact p {
    font-size: 14px;
    line-height: 18px;
  }

  .socialicons4 a {
    height: 50px;
    width: 50px;
    font-size: 22px;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 50px;
  }

  section {
    margin: 20px 0 20px 0;
  }

  #partners img {
    display: inline-block;
    margin: 6px 20px 10px 10px;
  }

  #partners p {
    font-size: 16px;
    line-height: 22px;
    margin-right: 0;
  }

  .author-name {
    font-size: 14px;
    color: var(--brand-default);
  }

  .sticky-on {
    top: -20px !important;
  }

  .navbar-toggle .icon-bar {
    background-color: var(--brand-darker);
    margin-top: 10px;
    margin-bottom: 0;
  }

  .navbar {
    margin-bottom: 10px;
  }

  .navbar-toggle {
    margin-right: 5px;
  }

  .more-menu {
    padding-left: 18px;
    padding-right: 15px;
  }

  .news-section {
    padding-left: 0px
  }

  .likebtn-wrapper {
    display: none !important
  }

  .socialicons3 {
    position: absolute;
    top: 2px;
    right: 0;
  }

  #speakers img {
    margin: 0 auto;
    max-width: 50%;
  }

  #speakers h2, #speakers h3, #speakers p {
    text-align: center;
  }

  #video-playlist {
    margin: 30px 0 -40px 0;
  }

  #video-playlist h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  #live h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }

  #live {
    padding: 10px 0 35px 0;
    margin: 0;
  }

  #hero h3 {
    font-size: 20px;
    line-height: 20px;
  }
}

/* FOOTER */
footer {
  background-color: var(--almost-white);
  padding: 30px 0 20px 0;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
}

footer p {
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0;
  text-align: left;
  padding: 0 5% 0 0;
  font-style: normal;
}

footer p a {
  color: var(--light-gray);
  border-bottom: 1px solid var(--light-gray);
  padding-bottom: 3px;
}

footer p a:hover {
  color: var(--black);
  border-bottom: 1px solid var(--black);
  text-decoration: none;
}

footer ul {
  margin-top: 20px;
}

footer ul li {
  margin-top: 6px;
  letter-spacing: .1px;
  font-size: 13px;
  text-align: left;
  padding-left: 0vw;
}

footer ul li a {
  color: var(--almost-black)
}

footer ul li a:hover {
  color: var(--black)
}

/*FORM MADNESS BEGINS HERE*/
.mktoForm {
  /* padding: 0;
  width: 100% !important;
  margin-left: -5px;
  margin-top: 20px; */
}

/* .mktoForm .mktoLabel {
  width: 100% !important;
  margin-bottom: 5px;
  font-family: 'Georgia', serif;
  padding-top: 0 !important;
} */

/* .mktoForm.mktoLayoutAbove .mktoField, .mktoForm.mktoLayoutAbove .mktoLogicalField {
  clear: left !important;
  width: 100% !important;
  padding: 7px 0 5px 10px !important;
  margin-bottom: 0px;
  font-size: 15px;
} */

/* .mktoForm .mktoFormCol {
  margin-bottom: 0px !important;
} */

/* .mktoForm textarea.mktoField {
  height: 7em;
  width: 100% !important;
  padding: 14px 20px 10px 20px !important;
} */

/* .mktoForm input[type=email] {
  width: 100% !important;
  padding: 10px 20px !important;
  margin-top: -4px !important;
} */

/* .mktoButtonRow {
  width: 100%;
} */

.mktoForm .mktoAsterix {
  color: var(--brand-default);
}

/* .mktoForm button.mktoButton {
  padding: 8px 30px 2px 30px;
  border: 1px solid white;
  border-radius: 50px;
  background-color: var(--almost-black);
  color: var(--white);
  margin-top: 10px !important;
  font-size: 26px;
  float: left;
  font-family: 'BebasBook', sans-serif;
} */

#termsandConditions {
  position: absolute;
  left: 0px !important;
  width: auto !important;
}

/*ONLINE EVENTS*/
#online-events {
  background-color: var(--darker-gray);
  color: white;
  padding: 90px 0px 100px 0px;
  margin: 60px 0;
}

#online-events h2 {
  font-size: 46px;
  line-height: 44px;
  color: white;
  margin-top: 0px;
  margin-right: 0%;
}

#online-events h4 {
  font-size: 18px;
  margin-bottom: 20px;
  font-family: 'Helvetica', sans-serif;
  margin-top: 0px;
  line-height: 25px;
}

#online-events .col-sm-12 {
  padding: 0px
}

/*ARTICLE SLIDER */
.article-slider {
  padding: 0px 15px;
}

.article-slider img {
  margin-bottom: 0px;
}

.article-slider-txt h3 {
  color: var(--white);
  font-size: 1.5vw;
  line-height: 2vw;
  margin-bottom: 0px;
}

.article-slider-txt h3 a {
  color: var(--white);
}

.article-slider-txt h3 a:hover {
  color: var(--almost-white);
}

.article-slider-txt h5 {
  color: var(--white);
  font-size: 1vw;
  line-height: 1.4vw;
  margin-bottom: 16px;
  font-weight: bold;
  margin-top: -10px;
}

.article-slider-txt p {
  font-style: italic;
  font-size: 15px;
  line-height: 21px;
  color: var(--white) !important;
  margin-bottom: 20px;
  display: none;
  /*FOR NOW*/
}

.article-slider-txt h4 {
  color: var(--light-gray);
  font-style: italic;
  font-size: 16px;
  margin-bottom: 18px;
  display: inline-block;
  margin-top: 0px;
}

.article-slider-txt hr {
  display: inline-block;
  border: 2px solid var(--white) !important;
  width: 50px;
  margin-bottom: 25px;
  margin-top: 15px;
}

.slider-cta {
  text-transform: uppercase;
  color: var(--white);
  padding: 7px 20px 3px 20px;
  border: 1px solid var(--white);
  border-radius: 4px;
  font-size: 22px;
  display: inline-block;
  margin-top: 0px;
}

/* input[type=checkbox], input[type=radio] {
  position: absolute;
  left: -194px !important;
} */

/* .mktoForm .mktoOffset {
  height: 1em !important;
} */

@media only screen and (max-width: 490px) {
  .india-feature {
    margin-bottom: 0px;
  }

  .produced-by {
    display: none;
  }

  .produced-by-mobile {
    display: block;
    max-width: 240px;
    margin: 20px auto;
  }

  #about h2 {
    font-size: 25px;
    line-height: 25px;
  }

  .white-cta-outline {
    padding: 12px 12px 6px 12px;
    margin-right: 5px;
  }

  .mktoForm textarea.mktoField {
    height: 6em !important;
    width: 100% !important;
  }

  .mktoForm input[type=email] {
    width: 100% !important;
    padding: 20px 10px 16px 20px !important;
    margin-top: -4px !important;
  }

  .mktoForm button.mktoButton {
    margin-right: 0% !important;
    margin-top: -10px !important;
    margin-bottom: 25px !important;
  }

  #sponsors img {
    display: inline-block;
    width: 150PX;
    margin: 10px 3%;
  }

  #schedule {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  #schedule h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
  }

  #schedule p {
    margin-bottom: 0px;
    padding-right: 0px;
    margin-top: 2px;
  }

  .event-item {
    padding: 27px 25px 20px 25px;
    margin-bottom: 10px;
  }

  #speakers {
    padding: 30px 0 20px 0;
  }

  #speakers h1 {
    font-size: 45px;
    line-height: 40px;
    margin-bottom: 15px;
  }

  #speakers p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 40px;
    padding-right: 5px;
  }

  #partners {
    margin: 0px 0 -40px 0;
    padding-top: 45px;
    padding-bottom: 35px;
  }

  .hero-cta-outline-dark {
    margin-bottom: 40px;
  }

  .mktoForm.mktoLayoutAbove .mktoField, .mktoForm.mktoLayoutAbove .mktoLogicalField {
    width: 100% !important;
    padding: 14px 20px 15px 12px !important;
    margin-bottom: 16px;
  }

  #termsandConditions {
    left: 0px;
    margin-bottom: 0;
  }

  footer {
    padding: 15px 0px 10px 0px;
  }

  footer p {
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0px 15px 0px;
  }

  footer p a {
    border-bottom: 0px solid var(--light-gray);
  }

  footer ul {
    display: none;
  }

  .article-slider-txt h5 {
    font-size: 4.5vw;
    line-height: 5vw;
    margin-bottom: 20px;
    margin-top: -10px;
  }

  .article-slider-txt h3 {
    font-size: 22px;
    line-height: 26px;
  }

  .article-slider-txt p {
    display: none;
  }

  input[type=checkbox], input[type=radio] {
    left: -154px !important;
  }
}

.social-media-icons {
  margin-top: 10px;
  margin-bottom: 20px;
}

.speaker-icon {
  max-width: 35px;
  display: inline-block;
  margin-right: 0px;
  image-rendering: -webkit-optimize-contrast !important;
}

@media only screen and (max-width: 490px) {
  .social-media-icons {
    text-align: center;
  }

  .speaker-icon {
    max-width: 50px !important;
    display: inline-block;
    image-rendering: unset;
    margin-bottom: 25px !important;
  }
}

/* ============================================================
   NEW COMPONENTS
   October 2022
   BY: @legnaleama
   ========================================================================== */


/* Text styles */
#registration h2 {
 font-size: 38px;
 line-height: 25px;
 color: var(--almost-black);
 margin-bottom: 0;
 font-family: 'BebasBook', sans-serif;
}

.modal-body p.medium {
  font-size: 16px;
  line-height: 23px;
}

/* Section: Registration */
#registration {
  padding: 80px 0 90px 0;
  background: var(--almost-white);
}

/* Buttons */
.btn.btn-primary {
  padding: 8px 30px 2px 30px;
  border: 1px solid white;
  border-radius: 50px;
  background-color: var(--almost-black) !important;
  background-image: none;
  color: var(--white);
  margin-top: 10px !important;
  font-size: 26px;
  font-family: 'BebasBook', sans-serif;
}

.btn.btn-primary:hover,
.btn.btn-primary:active {
  -webkit-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
  background: var(--brand-lighter);
  cursor: pointer;
}


/* Tile */
.select-tile {
  background: var(--white);
  padding: 27px 25px 20px 25px;
  border: 1px solid var(--light-gray);
  border-radius: 8px;
  margin-bottom: 30px;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-items: center;
  text-decoration: none;
}

.select-tile:hover,
.select-tile:focus {
  border-color: var(--almost-black);
  background: var(--almost-white);
  transition: all, ease 320ms;
  cursor: pointer;
  text-decoration: none;
}

.select-tile h2 {
  line-height: 42px !important;
  margin: 0 !important;
}

.select-tile .fal {
  font-size: 40px;
  line-height: 42px;
  color: var(--gray);
}




/* Marketo form */
.mktoForm {
    width: 100% !important;
    padding: 0 !important;
}
.mktoFieldDescriptor {
    width: 100%;
}
.mktoFieldWrap {
    width: 100%;
    padding: 6px 0 !important;
    display: block;
    position: relative;
}
.mktoLabel {
    width: initial !important;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 23px !important;
    font-weight: bold !important;
    margin: -4px 0 3px 0px !important;
    padding-left: 0 !important;

    font-family: 'Georgia', serif !important;
}
.mktoLabel p {
    margin: initial;
}
.mktoLabel:hover {
    cursor: pointer;
}
.mktoLabel + .mktoGutter {
    display: none;
}
.mktoLabel + .mktoGutter + .mktoCheckboxList {
    width: initial !important;
    padding: 5px 0 0 0;
    left: -24px;
}
/* input.mktoField[type="checkbox"] {
    margin-top: 6px;
} */
/* input.mktoField[type="checkbox"] + label {
    font-weight: normal;
    margin-top: 6px;
} */
/* @media screen and (max-width: 820px) {
    input.mktoField[type="checkbox"] + label {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .mktoLabel {
        float: initial !important;
    }
} */
.mktoOffset {
    height: 8px !important;
}
.mktoField[type="text"],
.mktoField[type="email"],
.mktoField[type="tel"],
.mktoField[type="url"],
.mktoField[type="number"],
select.mktoField,
textarea.mktoField {
    width: 100% !important;
    height: initial !important;
    padding: 12px 12px !important;
    border-radius: 3px;
    border: 1px solid var(--dark-gray);
    font-size: 14px !important;
    box-sizing: border-box;
    background: var(--white);
}
.mktoField.mktoInvalid {
    border: 1px solid #e51b00;
}
.mktoField.mktoValid + mktoClear::after {
    content: "Ok";
    font-weight: bold;
    color: #009900;
    position: absolute;
    right: 0;
    top: 25px;
    right: 10px;
}
select.mktoField {
    background: var(--white);
    padding: 12px 12px !important;
    font-size: 14px !important;
    border: 1px solid var(--dark-gray);
    height: initial !important;
    box-sizing: border-box;
}
/* select.mktoField[multiple="multiple"] {
    height: initial !important;
} */
/* select.mktoField:not([multiple="multiple"]) {
    height: 42px !important;
} */
/* select.mktoField::before {
    content: "\f0d7";
    font-family: "FontAwesome";
    display: block;
} */
/* @media screen and (min-width: 0\0) {
    select {
        background: none;
        padding: 5px;
    }
} */
.mktoAsterix {
  float: left;
}

.mktoFormCol {
    width: 100%;
}
.mktoHtmlText {
    /* border-top: 1px solid #ddd;
    padding-top: 15px;
    width: 100%; */
}
.mktoError {
/*     position: absolute !important; */
    z-index: 99;
    color: var(--error-darker) !important;
    right: 12px !important;
    margin-top: 4px !important;
    box-sizing: border-box;
    display: block;
    bottom: initial !important;
}
.mktoError .mktoErrorArrowWrap,
.mktoForm .mktoError .mktoErrorArrow {
    display: none !important;
}
.mktoError .mktoErrorMsg {
    margin-top: 0 !important;
    background-color:transparent !important;
    background-image: none !important;
    border: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--error-default) !important;
    font-size: 10px !important;
    line-height: 1.2em;
    max-width: 100% !important;
    padding: 0 !important;
    text-shadow: none !important;

}
.mktoError .mktoErrorMsg .mktoErrorDetail {
    display: block;
}
.mktoButtonRow,
.mktoButtonWrap {
    margin: 16px 0 40px 0 !important;
    padding: 0 !important;
    display: inline-block;
    /* float: right; */
}
.mktoButtonWrap .mktoButton {
    padding: 8px 30px 2px 30px;
    border: 1px solid white;
    border-radius: 50px;
    background-color: var(--almost-black);
    color: var(--white);
    margin-top: 10px !important;
    font-size: 26px;
    float: left;
    font-family: 'BebasBook', sans-serif;
}
/* @media (min-width: 480px) {
    .mktoButtonWrap .mktoButton {
        padding: 12px 20px;
    }
} */
.mktoButtonWrap .mktoButton:hover,
.mktoButtonWrap .mktoButton:active,
.mktoButtonWrap .mktoButton:focus {
    -webkit-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s;
    background: var(--brand-lighter);
    cursor: pointer;
}

.mktoFieldWrap:has(label[for="termsandConditions"]) {
  display: flex !important;
  flex-direction: row-reverse;
  align-items: flex-start;
  padding: 0 !important;
}
label[for="termsandConditions"] {
  padding-left: 24px !important;
}



/* Multiple events component */

fieldset {
  margin: 48px 0 24px 0!important;
  padding: 0 !important;
  border: 1px solid var(--darker-gray);
  border-radius: 4px;
  position: relative;
}

fieldset legend {
  width: initial !important;
  display: block;
  font-size: 14px;
  font-weight: bold !important;
  margin: 0 0 0 0;
  padding: 0 0 4px 0;
  font-family: 'Georgia', serif !important;
  border: none;
  position: absolute;
  top: -26px !important;
}

fieldset .mktoOffset {
  display: none;
}

fieldset .mktoFieldDescriptor {
  margin-bottom: 0!important;
}

fieldset .mktoFieldWrap {
  display: flex;
  align-content: center;
  align-items: baseline;
  gap: 12px;
  flex-direction: row;
  padding: 8px 0 !important;
  justify-content: flex-start;
  row-gap: 0!important;
  width: 100%;
  background: transparent;
  border-radius: 4px;
}

fieldset .mktoFormRow {
  border-bottom: 1px solid var(--darker-gray);
}

fieldset .mktoFormRow:last-child {
  border: none !important;
}

fieldset .mktoFieldWrap:has(input:checked) {
  background: var(--almost-white);
}

fieldset .mktoFieldWrap label {
  display: flex;
  order: 2;
  font-weight: initial !important;
}

fieldset .mktoFieldWrap .mktoCheckboxList {
  display: flex;
  order: 1;
}