/* =============================================================================
   2020 CSS Redesign
   Author: Nicolas Muiño - www.nmuino.com
   ========================================================================== */

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

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

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

/* CLEANING UP BOOTSTRAP */
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form,
.navbar-inverse { background: none !Important; border: 0 !important; }
.navbar-collapse { padding: 0 }
.navbar-header {     position: fixed;
    top: 16px;
    right: 20px; }
header#header.stuck .navbar-header { margin-top: -8px; }
.navbar-inverse .navbar-toggle {
background: none;
    border: 0;
    background-color: transparent !important;
    margin-top: 10px;
    margin-right: 0px;
}


a.anchor-watch {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

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

body {
	font-family: 'Pangram', Helvetica, sans-serif !important;
	color: #fff;
	font-weight: normal;
	background: #f1f1f1;
	overflow-x: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.embed-container { position: relative; padding-bottom: 56%; height: 0; margin-top: 30px; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.container {
	max-width: 970px;
}

.purple {
	color: #323fb0 !important;
  --purple: #323fb0;
}

.white {
	color: #fff !important;
  --white: #fff;

}

.blue {
	color: #4421C6 !important;
  --blue: #4421C6;

}

.orange {
	color: #f7981d !important;
  --orange: #f7981d;

}

p {
    font-size: 23px;
    line-height: 26px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 25px;
    	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a {
		    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a, a:hover {
	color: #ff9900;
}

a:hover {
	text-decoration: none !Important
}

img {
	image-rendering: -webkit-optimize-contrast !important
}

a.button, button.tito-tickets-button, div.button {
	background: #ff9900;
	padding: 10px 15px;
	color: #fff;
	font-family: 'Pangram', Arial, Helvetica, sans-serif;
	font-size: 28px;
	display: inline-block;
	border: 0;
		    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

	a.button:hover, button.tito-tickets-button:hover {
		text-decoration: underline;
	}

.video-wrapper {
	position: absolute;
	z-index: 9999;
	display: none;
}

.video-wrapper a.close-video {
    position: absolute;
    top: 50px;
    right: 21px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

.video-wrapper iframe {
	margin: 0 auto;
	width: 100%;
	height: 500px;
}

.panel-group .panel {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
		    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.panel-default>.panel-heading {
	background: transparent;
    border: 0;
    color: #fff;
    border-radius: 0;
}

h4.panel-title {
	font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 24px;
    height: auto;
    min-height: 34px;
}

	h4.panel-title a {
		padding-left: 50px;
		padding-top: 2px;
		display: block;
		text-decoration: none;
			    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

	}


.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: 0;
    padding-top: 0;
    padding-bottom: 5px;
    padding-left: 65px;
    padding-right: 15%;
    background: transparent;
    color: #fff;
    line-height: 20px;
    font-size: 17px;
}

header#header {
	position: absolute;
	width: 100%;
	z-index: 9998;
}

#meta-nav {
	padding-top: 8px;
}

	#meta-nav a {
		color: #fff;
	}

	#meta-nav .social-links {
		padding-left: 30px;
	}

		#meta-nav .social-links a {
			color: #b2b2b2;
			font-size: 16px;
			margin-right: 10px;
		}

#logo-nav {
	padding: 25px 7% 0 7%;
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
        width: 100% !important;
}

#logo-nav.stuck {
    background: rgba(0,0,0,.8);
    padding: 25px 7% 0 7%;
    height: 112px !important;
}

	#logo-nav.stuck .devex-logo img {

	}

	#logo-nav.stuck nav.main-nav {
		margin-top: 18px;
 	   margin-right: 0px;
	}

nav.main-nav { float: right; margin-top: 18px; }

	nav.main-nav ul {
		list-style-type: none;
		margin: 0 0 -18px 0;
		padding: 0;
		text-align: right;
	}

	nav.main-nav ul li {
    float: left;
    margin-left: 12px;
    font-family: 'Pangram', Helvetica, sans-serif;
    font-size: 20px;
    margin-right: 5px;
	}

			nav.main-nav ul li a {
				display: block;
				padding: 2px 7px;
				color: #fff;
					    -webkit-transition: all .2s ease-in-out;
					    -moz-transition: all .2s ease-in-out;
					    -o-transition: all .2s ease-in-out;
					    transition: all .2s ease-in-out;
			}

			nav.main-nav ul li a:hover {
				text-decoration: none !important;
				color: #ff9900 !important
			}

			nav.main-nav ul li.tickets a {
				background: #ff9900;
			}

			nav.main-nav ul li.tickets a:hover {
				background: #ff9900;
				text-decoration: none !important;
				color: #fff !important
			}

		nav.main-nav ul li:first-child {
			margin-left: 0;
		}

#main { position: relative; }


.register-cta a {
	display: block;
  background-color: #f7981c;
  color: white;
  border: 2px solid #f7981c;
  border-radius: 4px;
  padding: 0px 10px;
  margin-left: 20px !important;
  text-decoration: none;
}

.register-cta a:hover {
	background-color: #313ab2 !important;
}

.register-cta-outline a {
	display: block;
  background-color: transparent;
  color: white;
  border: 2px solid white;
  border-radius: 4px;
  padding: 0px 10px;
  margin-left: 20px !important;
  text-decoration: none;
}

.register-cta-outline a:hover {
	background-color: #ffffff !important;
  color: #313ab2;
}

#lpeCDiv_215494 {
    min-width: 50px;
    z-index: 15;
    min-height: 50px;
    left: 6px;
    top: -10px;
    height: auto;
}

/*HACKATON*/

#hackaton {
padding: 140px 14% 130px 14%;
    background-color: #303ab3;
    color: white;
}

#hackaton h1 {
font-size: 70px;
    line-height: 80px;
    font-weight: bold;
}

#hackaton h2 {
	font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#hackaton p {
    font-size: 20px;
    padding: 20px 0;
    margin-bottom: 0;
}

#hackaton img {
	padding: 20px 0 25px 0;
}


/*TOPIC AREAS*/

#hackaton-topic-areas {
    padding: 70px 5% 100px 5%;
    background-color: #fafafa;
    color: #000;

}

#hackaton-topic-areas h1 {
    font-weight: bold;
    padding: 8px 10px;
    font-size: 50px;
    display: inline-block;
    margin-bottom: 40px;
    color: #303ab3;
}

.topic-area {
width: 19.7%;
    display: inline-block;
    text-align: center;
    vertical-align: top !Important
}

#hackaton-topic-areas h2 {
	font-weight: bold;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 10px;
    color: #303ab3;
    padding: 0 5%;
}

#hackaton-topic-areas p {
    font-size: 18px;
    line-height: 24px;
    padding: 0 5% 20px 5%;
}

#hackaton-topic-areas h5 {
	color: #ababab
}

.hero-cta {
    padding: 10px 50px;
    background-color: #f7981c;
    color: white;
    border-radius: 4px;
    font-size: 22px;
    margin-top: 20px;
    display: inline-block;
}

.hero-cta:hover {
	color: white !important;
	text-decoration: none !Important;
	opacity: .7
}


/*TIMELINE*/


#timeline {
padding: 80px 0% 60px 0%;
    background-color: #242ea5;
    color: white;
}

#timeline h1 {
	font-size: 50px;
	font-weight: bold;
}

#timeline h3 {
font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

#timeline h4 {
    font-size: 20px;
    margin-bottom: 30px;
}


.lpeCElement, .lpContentsItem {
    height: auto !important;
}




/*TIMELINE*/


#universities {
    padding: 100px 0% 90px 0%;
    background-color: #fff;
}

#universities h1 {
    font-size: 34px;
    font-weight: bold;
    color: #ccc;
    margin-bottom: 20px;
    text-align: left;
    margin: 20px 4% 25px 4%;
}

#universities h2 {
font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    color: #242ea6;
    display: block;
    border-bottom: 2px solid #ccc;
    padding-bottom: 8px;
    margin: 40px 4% 15px 4%;
}

#universities p {
    font-size: 16px;
    color: #464646;
    margin-top: 0;
    margin-bottom: 40px;
}

#universities img {
    margin: 25px auto 20px auto;
    				    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#universities img:hover {
    opacity: .7
}

#intro {
	/*background: url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-2018-hero.jpg) no-repeat top center;*/
	background-size: cover;
	height: 815px;
	padding-top: 220px;
	position: relative;
	overflow: hidden;
	    width: 100%;
}

	#intro #video-bg {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    z-index: -100;
	    -webkit-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	    background-size: cover;
	    opacity: 1;
	        background-color: black;
	}

  #intro .cta-wrapper {
    margin: 7px 0% 0 7%;
    padding: 24px 12px;
    display: inline-block;
  }

  @media only screen and (max-width: 769px) {
    #intro .cta-wrapper {
      padding: 24px 0;
    }
  }

	#intro h1 {
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 86px;
    font-weight: 800;
    padding: 3px 10px;
    text-transform: uppercase;
    color: #F7981D;
    background-color: #fff;
    display: inline-block;
    float: left;
    clear: both;
    margin: 7px 0% 0 7%;
	}

	#intro h2 {
		font-size: 34px;
		font-weight: normal;
		margin: 0;
		padding: 0 0 5px 0;
	}

	#intro h3 {
    font-size: 33px;
    font-weight: bold;
    margin: 20px 0% 0 7%;
    padding: 2px 15px;
    float: left;
    clear: both;
	    line-height: 40px;
	}

	#intro h4 {
		font-size: 30px;
		font-weight: normal;
		margin: 220px 0 0 0;
		padding: 0;
	}

	#intro a.button {
		margin: 40px 0;
		padding: 10px;
		font-size: 28px;
		line-height: 28px;
	}

	#intro p {
		margin: 0;
		padding: 0;
	}

	#intro #countdown-container p {
		font-size: 12px;
	}

	#intro .counts {
		margin-left: -12px;
	}

	#intro .counter-info {
		padding: 0;
		text-align: center;
	}

	#intro .count {
		font-size: 43px;
		line-height: 40px;
	}

		#intro .count.border {
			border-right: 1px solid #fff;
		}

	#intro .meta {
		font-size: 10px;
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
	}

	#intro .sponsors {
		margin-top: 85px;
	}

		#intro .sponsors h3 {
			font-family: 'Pangram', Arial, Helvetica, sans-serif;
			color: #ff9900;
			display: inline-block;
			font-size: 18px;
			margin-right: 10px;
		}

		#intro .sponsors img {
			margin: 0 25px;
			width: 100px;
		}

#top-sponsors {
    /* moved to tickets-dxw-22-v2.css */
}
	#top-sponsors h3 {
	    color: #AAAAAA;
	    font-size: 18px;
	    margin-right: 0px;
	    letter-spacing: .5px;
	    line-height: 20px;
	    padding-bottom: 0px;
	    margin-bottom: 0px;
	}

	#top-sponsors img {
		display: inline-block;
	    margin-right: 60px;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	    -webkit-transform: translateZ(0) scale(1.0, 1.0) !important;
	    transform: translateZ(0) !important;
	    -webkit-backface-visibility: hidden !important;
	    margin: 15px 15px 24px 15px !important;
	    max-width: 230px;
	}

			#top-sponsors img.space {
			padding: 10px 2px 0px 2px !important;
		    display: inline-block;

		}

		#top-sponsors img.space.changemakers {
			margin-right: 15px;
					    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
                    -webkit-transform: translateZ(0) scale(1.0, 1.0) !important;
        transform: translateZ(0) !important;
        -webkit-backface-visibility: hidden !important;
		}

		#top-sponsors img:hover, #top-sponsors img.space.changemakers:hover {
			opacity: .6
		}

#livestream-agenda {
margin-top: 0px;
    padding-bottom: 20px;
    padding-top: 40px;
    background-color: #fff;
}

#livestream-agenda h2 {
	 background-color: #303ab3;
    font-weight: bold;
    padding: 8px 10px;
    font-size: 35px;
    margin-left: 0px;
    display: inline-block;
    margin-bottom: 30px;
}

#livestream-agenda .row {
background-color: #f1f1f1;
    margin: 0;
    padding: 10px 15px 20px 15px;
}

#livestream-agenda .container-fluid {
    padding-right: 7%;
    padding-left: 7%;
}

#livestream-agenda h3 {
color: #323fb0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}


#livestream-agenda h4 {
    color: #f99827;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

#livestream-agenda p {
	color: #000;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

#livestream-agenda ul {
	    color: #000;
    padding-left: 17px;
}

#livestream-agenda ul li {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
}

#carousel {
    background: #fff;
    background-size: cover;
    padding-bottom: 90px;
    position: relative;
    padding-top: 100px;
}

	#carousel h1 {
	    font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 35px;
	    font-weight: bold;
	    padding: 25px 0;
	    margin: 0;
	    color: #F7981D;
	    letter-spacing: .5px;
	}

	#carousel .item img {
		text-align: center;
	    display: block;
	    margin: 0 auto;
	}

	#carousel .carousel-caption {
	    bottom: 38%;
	    font-size: 28px;
	    font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    right: 10%;
	    left: 10%;
	    background: #303AB2;
	    font-weight: normal;
	    text-shadow: none;
	    padding-top: 25px;
	    padding-bottom: 17px;
	}

		#carousel .carousel-caption a {
			color: #fff;
		}

			#carousel .carousel-caption a:hover {
				color: #ff9900;
				text-decoration: none;
			}

		#carousel .carousel-caption img {
			display: inline-block;
			margin-left: 30px;
		}

	#carousel .carousel-indicators {
		position: absolute;
		bottom: -60px;
	}

		#carousel .carousel-indicators li {
		    width: 20px;
		    height: 20px;
		    background-color: #AAAAAA;
		        border: 1px solid #AAAAAA;
		}

			#carousel .carousel-indicators .active {
				background-color: #ff9900;
				border: 0;
				position: relative;
				top: -1px;
				margin: 0;
			}

#themes,  #faq {
	background: #303AB2;
	position: relative;
	padding: 80px 0 80px 0;
	color: #fff;
}

#fellows {
    background: #000000;
    position: relative;
    padding: 140px 20px 80px 20px;
    color: #fff;
    margin-top: -20px;
}
	#fellows h2 {
	    font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 55px;
	    font-weight: bold;
	    padding: 7px 10px;
	    margin: 0 0 10px 0;
	    color: #ff9801;
	    background-color: #fff;
	    display: inline-block;
	}


	#fellows h3 {
	    font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 34px;
	    font-weight: bold;
	    color: #fff;
	    margin-top: 60px;
	    text-align: left;
	}


.dm-social-group {
    padding-right: 0px !important;
    list-style: none;
}


	a.social i {
    display: inline-block;
    height: 40px;
    text-align: center;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: 5px;
    width: 40px !important;
    font-size: 20px !important;
    margin-top: 59px;
    line-height: 46px;
    border-radius: 50%;
    color: #313ab2 !important;
    -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;
}
a.social i:hover {
    cursor: pointer;
    color: #fff !important;
    background-color: #000000 !important;
    opacity: 1 !important
}
a.social i:before {
padding-left: 0px;
    display: block;
    margin-top: -61px;
    color: #fff !important;
    margin-left: -9px;
	}


.video-tag {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #f99827;
    color: #fff;
    z-index: 999;
    padding: 3px 6px 2px 6px;
}

.icon-twitter:before, .icon-linkedin:before, .icon-facebook:before {
    display: none
}


	#fellows p {
		margin: 20px 5% 0 5%;
	}

#themes {
	      background-image: url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-2018-what-you-need-to-know-b.jpg);
		    padding: 80px 7%;
		    background-size: cover;
		    background-repeat: no-repeat;
}

	#themes h2, #why-attend h2 {
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 35px;
	    font-weight: bold;
	    padding: 7px 13px;
	    margin: 0 0 15px 0;
	    color: #ff9801;
	    background-color: #fff;
	    display: inline-block;
	}

.data-rev {
    background: url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-2018-data-rev.png) no-repeat !important;
}

.story-telling {
    background: url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-2018-story-telling.png) no-repeat !important;
}

.funding-models {
    background: url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-2018-transforming.png) no-repeat !important;

}

.innovating {
    background: url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-2018-innovating.png) no-repeat !important;
}

.transforming {
    background: url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-2018-funding-models.png) no-repeat !important;
}


#why-attend {
	background: #fff url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-2018-you-should-attend-b.jpg) left bottom no-repeat;
    color: #000;
    padding-right: 30px;
    background-size: cover;
    padding-bottom: 4vw;
    padding-top: 4vw;
}

	#why-attend h2 {
    background-color: #fb9901;
    color: #fff;
    display: block;
    width: 380px;
    position: absolute;
    top: 340px;
    left: 20%;
	}

	#why-attend h3 {
		background-color: #fb9901;
	    color: #fff;
	    display: block;
	    width: 250px;
	    position: absolute;
	    top: 380px;
	    left: 20%;
	    font-size: 35px;
	    font-weight: bold;
	    padding: 7px 13px;
	}

	#why-attend .container-fluid {
		position: relative;
	}

	#why-attend .panel-default>.panel-heading {
		border: 0;
		color: #000;
		border-radius: 0;
	}

	#why-attend p {
		    padding: 60px 50px 0px 110px;
 		   font-size: 22px;
	}

		#why-attend .panel-default>.panel-heading+.panel-collapse>.panel-body {
		    color: #969696;
		    padding-left: 150px;
		    font-size: 17px;
		    line-height: 20px;
		}

	#why-attend h4.panel-title {
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
		font-size: 24px;
		margin-left: 95px;
	}

		#why-attend h4.panel-title a {
			padding-left: 40px;
			padding-top: 2px;
			display: block;
			text-decoration: none;
			background: url(https://pages.devex.com/rs/685-KBL-765/images/ico-accordion-open-b.png) no-repeat;
		}

			#why-attend h4.panel-title a.collapsed {
				background: url(https://pages.devex.com/rs/685-KBL-765/images/ico-accordion-closed-b.png) no-repeat;
			}



	#schedule .panel-default>.panel-heading {
	    border: 0;
	    color: #000;
	    border-radius: 0;
	    margin-bottom: 10px;
	    margin-top: 15px;
	}

		#schedule .panel-default>.panel-heading+.panel-collapse>.panel-body {
		    color: #3a3a3a;
		    padding-left: 40px;
		    font-size: 20px;
		    line-height: 20px;
		}

	#schedule h4.panel-title {
    font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin-left: 0px;
    height: auto;
    line-height: 30px;
    color: #303ab3;
	}


	#schedule h5 {
font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
	}


		#schedule h4.panel-title a:not([class*="collapsed"]) {
		 color: #ff9900
		}



		#schedule h4.panel-title a {
			padding-left: 40px;
			padding-top: 2px;
			display: block;
			text-decoration: none;
			background: url(https://pages.devex.com/rs/685-KBL-765/images/ico-accordion-open-b.png) no-repeat;
		}

			#schedule h4.panel-title a.collapsed {
				background: url(https://pages.devex.com/rs/685-KBL-765/images/ico-accordion-closed-b.png) no-repeat;
			}





#luminaries {
	    padding-bottom: 20px;
	    background-color: #ffffff;
	    padding-top: 100px;
}

#luminaries .container-fluid {
    padding-right: 7%;
    padding-left: 7%;
}

	#luminaries .bio-pics {
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    margin-top: 20px;
    height: auto !important;
    min-height: 470px;
	}

#luminaries h2 {
    background-color: #303ab3;
    font-weight: bold;
    padding: 8px 10px;
    font-size: 48px;
    margin-left: -15px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 40px;
}

#luminaries h3 {
    display: inline-block;
    font-weight: bold;
    margin-left: 53px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 50px;
    color: #313ab3 !important;
}

#luminaries h4 {
	font-size: 34px;
    font-weight: bold;
    color: #bbb;
    margin-bottom: 20px;
    text-align: left;
    margin: 30px 4% 0px 1%;
}




.menu-video {
	background: rgba(0,0,0,.8);
}

.open-plenary {
    margin-top: -110px;
    padding-top: 110px !important;
}

		#luminaries .bio-pics img {
			text-align: center;
			margin: 0 auto;
		}
}

	#luminaries img.arrow {
		visibility: hidden;
		top: -10px;
		position: relative;
	}

	#luminaries .bio-info {
		display: none;
		top: -10px;
		position: relative;
	}

	#luminaries .full-bio {
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 20px;
		background: rgba(48, 58, 179, .92);
		display: none;
		    height: 405px;
		    width: 100%;
	}

		#luminaries .full-bio h2 {
			font-weight: normal;
		    font-size: 24px;
		    margin: 10px 0 5px 0;
		    background-color: transparent;
		    padding-left: 0px;
		}

		#luminaries .full-bio p {
		    font-weight: normal;
		    font-size: 16px;
		    line-height: 17px;
		    margin: 0px 0 0px 0;
		}


	#luminaries .bio-content {
		background: #fff;
		color: #000;
		padding: 5px 15px;
	}

		#luminaries .bio-content h3 {
			margin: 10px 0 5px 0;
		}

		#luminaries .bio-content h4 {
			margin: 0 0 10px 0;
			font-size: 20px;
		}

		#luminaries .bio-content p {
			font-size: 16px;
			line-height: 22px;
		}

	#luminaries a.bio {
		cursor: default;
	}

	#luminaries a.close-bio {
		text-align: right !important;
		display: none;
		margin: auto;
		width: 30px;
		height: 35px;
		float: right;
	}

		#luminaries a.close-bio img {
			height: 28px;
		}

		.titles {
			text-align: center
		}

	#luminaries .titles h2 {
font-weight: bold;
    font-size: 1.5vw;
    text-transform: uppercase;
    margin: 20px 3% 10px 3%;
    color: #fb9901;
    background-color: #fff;
    line-height: 25px;
	}

	#luminaries .titles h3 {
	font-weight: normal;
    font-size: 16px;
    margin: 0 6%;
    line-height: 16px;
	}

	#luminaries .titles p {
        color: black;
    font-size: 16px;
    line-height: 23px;
    margin-top: 10px;
    letter-spacing: 0;
    padding: 0 8%;
}

#lpeCDiv_217720, #lpeCDiv_217723, #lpeCDiv_217690 {
    height: auto !important;
}

	#your-day {
		background: #3d4045;
	        padding: 60px 0 80px 0;
	            margin-top: 0px;
	}

	#your-day .container-fluid {
		padding-left: 7%;
		padding-right: 7%;
	}

	#your-day h2 {
		font-weight: bold;
	    color: #f7981d;
	    background-color: #fff;
	    padding: 5px 10px;
	    width: max-content;
	    margin: 20px auto 40px auto;
	    font-size: 43px;
	    width: -moz-max-content;
	}

	#your-day img {
		margin: 0 auto 10px auto;
		display: block;
		text-align: center;
				    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}

.show-more-speakers {
	color: #bbbbbb !important;
    background: #fff !important;
    font-weight: bold;
    font-size: 22px !important;
    letter-spacing: 1px;
    margin-top: 35px
}

/* FELLOWS */

.fellow-institution-description {
	color: #000;
	padding: 20px 0 10px 0;
}

.fellow-institution-link {
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    margin-top: 50px;
    display: block;
}

#luminaries .titles h4 {
	font-weight: normal;
    font-size: 16px;
    margin: 5px auto 0 auto;
    color: #000 !important;
    text-transform: uppercase !important;
}

.fellow-height-fix {
	height: 430px !important;
}

#tickets {
  /* moved to tickets-dxw-22-v2.css */
}

#schedule {
	background: #fff;
    padding: 180px 0 50px 0;
    color: #000;
}

#schedule ul {
    padding: 40px 50px 25px 40px;
    margin: 30px 0 30px 20px;
    background-color: #f1f1f1;
    margin-left: 0px;
}

#schedule ul li {
    font-size: 18px;
    margin-bottom: 20px;
    padding-right: 3%;
    margin-left: 30px;
    color: #000;
}

#d2020-form {
 	    height: 450px;
 }

/* TICKETS */
/* CSS for tickets goes here */

#sponsors {
	padding-bottom: 40px;
}

	#sponsors h4 {
		color: #ff9900;
		margin: 40px 0;
	}

	#sponsors img {
		margin: 0 auto 20px auto;
		display: block;
		text-align: center;
	}

#contact {
	background: #333333;
	padding: 40px 0;
}

#press {
	background: #333333;
	padding: 110px 0;
}
	#contact h1, #press h1 {
		color: #ff9900;
	    font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 28px;
	    line-height: 32px;
	    margin-bottom: 30px;
	    font-weight: bold;
	}

	#contact p, #press p {
		font-size: 18px;
	}

#schedule .container {
    max-width: 1160px;
}

.gray-square {
	padding: 50px 50px 25px 40px;
    margin: 30px 0 30px 20px;
    background-color: #f1f1f1;
    margin-left: 0px;
}

.gray-square p {
	font-size: 20px;
    line-height: 26px;
    font-weight: normal;
}

#schedule h2 {
color: #4322c6;
    font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
}


#schedule h3 {
color: #4322c6;
    font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 50px;
    padding: 0;
    text-transform: uppercase;
}


form {
	width: 100% !important;
}

/* .mktoForm .mktoFormRow {
    width: 450px !important;
    margin: 0px auto;
}

	form#mktoForm_2136 .mktoFormRow {
		float: none !important;
		width: 100% !important;
		clear: both !important;
	}

	form label,
	.mktoForm .mktoGutter,
	.mktoForm .mktoOffset,
	.mktoForm label {
		display: none !important;
	}

	.mktoForm select {
		-webkit-appearance: none;
	}

	form label[for=comments],
	.mktoForm label[for=comments] {
		display: block !important;
		color: #fff;
	}

	.mktoForm .mktoFormCol {
		width: 100% !important;
	}

	.mktoForm .mktoFieldWrap {
		width: 100% !important;
		margin-top: 30px !important;
	}

	.mktoButtonRow {
		display: block !important;
		clear: both !important;
	}

		.mktoButtonWrap.mktoNative,
		.mktoButtonWrap.mktoSimple {
			margin-left: 0 !important;
			text-align: center !important
		}

		.mktoForm button.mktoButton,
		.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
		background: #ff9900 !important;
	    color: #fff !important;
	    width: 260px !important;
	    margin: 10px auto 30px auto !important;
	    border: 0;
	    font-size: 19px !important;
	    line-height: 45px !important;
	    padding: 0 !important;
	    border: 0 !important;
		}

			.mktoForm button.mktoButton:hover,
			.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
				text-decoration: underline;
			}

	.mktoForm div {
    text-align: center;
    padding: 0;
}


	.mktoForm input[type="text"], .mktoForm input[type="url"], .mktoForm input[type="email"], .mktoForm input[type="tel"], .mktoForm input[type="number"], .mktoForm input[type="date"], .mktoForm textarea.mktoField, .mktoForm select.mktoField, .mktoForm input[type="text"], .mktoForm input[type="url"], .mktoForm input[type="email"], .mktoForm input[type="tel"], .mktoForm input[type="number"], .mktoForm input[type="date"], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
		width: 100% !important;
		font-size: 19px !important;
		border: 1px solid #fff !important;
		line-height: 45px !important;
		height: 45px !important;
		color: #fff !important;
		background: #525252 !important;
	}

	.mktoForm textarea.mktoField, .mktoForm textarea.mktoField {
		height: 80px !important; */
	}

	#venue {
	    background-image: url(https://pages.devex.com/rs/685-KBL-765/images/devex-world-schedule-bg-b.jpg);
	    padding: 66px 0;
	    background-size: cover;
	}

	#venue h1 {
	    font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 53px;
	    font-weight: 800;
	    padding: 5px 10px;
	    margin: 0 auto;
	    color: #ff9900;
	    background-color: #fff;
	    display: block;
	    width: max-content;
	    width: -moz-max-content;
	}

	#venue h2 {
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
		font-size: 50px;
		font-weight: normal;
		padding: 0;
		margin: 0 0 5px 0;
	}

	#venue h3 {
	    font-size: 30px;
	    font-weight: normal;
	    padding: 4px 10px;
	    color: #303AB2;
	    background-color: #fff;
	    display: block;
	    width: max-content;
	    margin: 7px auto;
	    width: -moz-max-content;
	}

	#venue h4 {
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
		font-size: 35px;
		font-weight: normal;
		padding: 0;
		margin: 0 0 40px 0;
	}

	#venue a.button {
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 24px;
	    color: #ff9900;
	    background-color: #fff;
	    font-weight: bold;
	    text-transform: uppercase;
	    display: block;
	    max-width: 250px;
	    margin: 20px auto;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}

	#venue a.button:hover {
		background-color: #000 !important;
		color: #fff !important;
		text-decoration: none !important

	}

	.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #313ab2;
    font-size: 20px;
}

footer#footer {
	padding: 50px 7% 30px 7%;
    background-color: #f1f1f1;
    color: #666666;
}

	footer#footer #footer-nav {
		border-top: 1px solid #ccc;
		margin-top: 35px;
		padding-top: 15px;
		text-align: center;
	}

		footer#footer #footer-nav a {
			color: #000;
		}

		footer#footer #footer-nav p {
			font-size: 14px;
		}

	footer#footer #copyright {
	}

		footer#footer #copyright .title {
			margin-top: 1px;
		}

		footer#footer #copyright p {
			font-size: 18px;
		}

		footer#footer #copyright a {
			color: #ff9900;
		}

		footer#footer .social-links a {
			color: #b2b2b2;
			font-size: 16px;
			margin-right: 10px;
		}

/* iOS hack */
/* textarea, input {-webkit-appearance: none !important; border-radius: 0 !important;} */


@media only screen and (max-width: 999px) {

	#themes, #why-attend {
		background-image: none;
		padding: 40px 0%;
	}

	#why-attend {
		padding-right: 0px;
		padding-top: 20px;
	}
}


@media only screen and (max-width: 1199px) {
	#intro .sponsors img {
		width: 90px;
	}

	#sponsors img {
		width: 25%;
	}

	#carousel .carousel-caption {
		bottom: 35%;
		font-size: 38px;
		right: 0;
		left: 0;
	}

}

@media only screen and (max-width: 991px) {
	header#header {
		padding-bottom: 5px;
	}

	nav.main-nav {
		margin-top: 23px;
	}

		nav.main-nav ul li {
			font-size: 14px;
			margin-left: 10px;
		}

	#why-attend .image, #themes .image {
		display: none;
	}

	#intro .sponsors img {
		width: 75px;
	}

	#top-sponsors {
		    padding-top: 30px;
    		padding-bottom: 10px;
	}

	#top-sponsors h3 {
			display: block;
		    margin: 10px auto 25px auto;
	}

	#top-sponsors img {
		display: block;
		text-align: center;
		float: none;
		margin: 0 auto 40px auto !important;
	}

	#luminaries a.close-bio {
		display: block !important;
	}
}

@media only screen and (min-height: 600px) and (max-width: 1024px) {
	#why-attend .image, #themes .image {
		display: none;
	}

	#mic {
		background-size: 200% !important;
	}
}

@media only screen and (max-width: 769px) {
	header#header {
		padding-bottom: 5px;
		border: 0;
	}

	#logo-nav {
		    padding: 15px 5% 0 5%;
	}

	#logo-nav.stuck {
	    padding: 15px 15% 0 5%;
	    height: 89px !important;
	}

	#meta-nav { display: none; }

		#meta-nav .contact-info {
			text-align: left;
			margin-bottom: 20px;
		}

		ul#navbar  {
		    list-style-type: none;
		    margin: 50px 27vw 0px 0;
		    padding: 20px;
		    text-align: left;
		    border: 0 !important;
		    box-shadow: none;
		    background: #313ab2 !important;
		    z-index: 99999;
		    width: 120% !important;
		    overflow-x: hidden;
		}

			ul#navbar li {
			    margin-left: 0;
			    display: block;
			    margin-bottom: 10px;
			    width: 90%;
			}

				ul#navbar li a {
					color: #fff;
				    font-size: 21px;
				    padding: 6px 10px;
				}

			ul#navbar li.tickets a {
				background: #313ab2;
				text-shadow: none;
				color: #ff9900;
			}

	#intro	{
		background: url(devex-world-2018-hero.jpg) no-repeat top center;
	    background-size: cover;
	    height: 110vh;
	    padding-top: 100vw;
	    margin-top: 0px;
	}

	#intro #mobile-nav, #fellows #mobile-nav {
		    position: fixed;
		    top: 39px;
		    z-index: 100;
		    width: 97%;
	}

	#intro #video-bg { display: none; }

	#intro h1 {
		    font-size: 38px;
   			 margin: 7px 0% 0 3%;
	}

	#intro h2 {
		   font-size: 22px;
		    line-height: 9px;
		    margin: 20px 0 0 2%;
	}

	#intro h3 {
	    font-size: 20px;
	    line-height: 22px;
	    margin: 20px 0 0 1%;
	}

	#intro a.button {
		font-size: 26px;
	}

	#intro #countdown-container { display: none; }

	#intro h4 {
		font-size: 18px;
		margin-top: 40px;
	}

	#intro .sponsors {
		margin-top: 30px;
	}

	#intro .sponsors img {
		margin: 15px 30px 40px 0;
		width: 80px;
	}

	#intro .sponsors h3 {
		display: block;
		clear: both;
		margin-bottom: 20px;
	}

	.video-wrapper a.close-video {
	    top: 10px;
	    right: 11px;
	    font-size: 12px;
	}

	table.table-mobile { display: table; padding: 0; margin: 0; }
	table.table-mobile.light-grey { background: #525252; }

		table.table-mobile tr {
			border: 0;
		}

		table.table-mobile th {
			font-size: 18px;
			border: 0;
		}

		table.table-mobile td {
			font-size: 16px;
			border: 0 !important;
		}

			table.table-mobile td.sold-out {
				color:  #a6a6a6;
			}


			#tickets.home {
        padding: 20px 0 40px 0;
			}

p {
    font-size: 15px !important;
    line-height: 20px;
}

.register-cta {
    display: block;
    background-color: #f7981c;
    color: white;
    border-radius: 4px;
    padding: 0px 10px;
    margin-left: 10px !important;
    width: 50% !important;
    text-align: center;
}

	#tickets.home h2 {
    /* moved to tickets-dxw-22-v2.css */
	}

	#carousel {
	    padding-bottom: 80px;
	    padding-top: 20px;
	    overflow-x: hidden !important

	}

	.carousel-inner {
	    position: relative;
	    width: 140%;
	    overflow: hidden;
	    background-color: #000;
	    height: 156px;
	    margin-left: -20%;
	    overflow-x: hidden;
	}

	#carousel .carousel-caption img {
	    display: block;
	    margin: 0px auto;
	}

	#carousel h1 {
	    font-size: 22px;
	    padding: 20px 0;
	    letter-spacing: .1px;
	}

	#carousel .carousel-caption {
		bottom: 35%;
	    font-size: 18px !important;
	    right: 0;
	    left: 0;
	    background: transparent;
	}

	#themes h2 {
	    font-size: 18px;
	    padding: 5px 8px;
	    margin: 0 0 15px 0;
	}

	h4.panel-title {
	    font-size: 19px;
	    height: 32px;
	}

	.panel-default>.panel-heading+.panel-collapse>.panel-body {
	    padding-top: 15px;
	    padding-left: 10px !important;
	}


	#luminaries {
    padding-bottom: 20px;
    padding-top: 100px;
	}

	#luminaries h2 {
    font-size: 27px;
    margin-left: 15px;
    margin-bottom: 20px;
    margin-top: 30px;
	}

	#luminaries .bio-pics {
	        margin-bottom: 35px;
	    padding: 0;
	    margin-top: 0px;
	}

	#your-day {
	    padding: 50px 0 10px 0;
	    margin-top: 0px;
	}

	#luminaries h3 {
	    margin-left: 10px;
	    letter-spacing: 1px;
	    font-size: 40px;
	    margin-top: 40px;
	}

	#your-day img {
	    margin: 10px auto 0px auto;
	}

	.plus-sign {
		    margin-top: -30px !important;
    		margin-bottom: 50px !important;
	}

	#your-day h2 {
	    padding: 5px 7px;
	    margin: 0px auto 30px auto;
	    font-size: 21px;
	}

	#why-attend h2 {
    width: 280px;
    position: relative;
    margin-top: 20px;
    font-size: 24px;
    margin-bottom: 5px;
    top: initial;
    left: initial;
	}

	#why-attend h3 {
    width: 180px;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    padding: 7px 13px;
    margin-top: 0px;
    top: initial;
    left: initial;
	}

	#why-attend p {
	    padding: 30px 0px 0px 0px;
	    font-size: 18px;
	    line-height: 22px;
	}


	#why-attend h4.panel-title {
	    font-size: 22px;
	    margin-left: 0px;
	}

	#why-attend h4.panel-title a {
	    height: 40px;
	}

	#venue {
	    padding: 45px 0 20px 0;
	}

	#venue h1 {
		font-size: 25px;
	}

	#venue h2 {
		font-size: 24px;
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
	}

	#venue h3 {
		font-size: 16px;
	    margin-bottom: 6px;
	    letter-spacing: -.5px;
	}

	#venue h4 {
		font-size: 23px;
	}

	#luminaries .titles {
		text-align: center;
	}

	#footer-nav, .footer-nav { display: none; }

	footer#footer .social-links {
		margin-top: 20px;
	}

	#sponsors img {
		width: 30%;
	}
}

@media only screen and (max-width: 692px) {
	#mic {
		background-size: 400% !important;
	}
	#carousel .carousel-caption {
		bottom: 30%;
		font-size: 18px;
	}
}

@media only screen and (max-width: 590px) {
	#carousel .carousel-indicators li {
		width: 12px;
		height: 12px;
	}

	#carousel .carousel-caption {
		bottom: 0;
		height: 100%;
	}

		#carousel .carousel-caption a {
			margin-top: 30px;
			display: block;
		}

		#hackaton {
		    padding: 110px 0% 40px 0%;
		}

		#hackaton h1 {
		    font-size: 50px;
		    line-height: 50px;
		    font-weight: bold;
		}

		#hackaton h2 {
		    font-size: 20px;
		}

		#hackaton-topic-areas {
		    padding: 10px 5% 30px 5%;
		}

		.topic-area {
		    width: 100%;
		}

		#hackaton-topic-areas h1 {
		    margin-bottom: 10px;
		}

		#hackaton-topic-areas p {
		    margin-bottom: 10px;
		}

		#timeline {
		    padding: 30px 5% 40px 5%;
		}

		#timeline h3 {
		    margin-top: 40px;
		}

		#timeline h4 {
		    margin-bottom: 0px;
		}


		#universities {
			    padding: 30px 0% 30px 0%;
			}

			#universities h1 {
			    margin-bottom: 35px;
			    font-size: 24px;
			    margin: 10px 0 10px 0;
			}

			#universities img {
		    margin: 0px 0px 20px 0px;
		}


}


.dxw-counter {
	position: absolute;
    bottom: 165px;
    right: 8%;
    z-index: 1;
}

.row-sponsors-livestream {
	text-align: left;
}

@media only screen and (max-width: 420px) {

	#schedule ul {
		columns: 1;
	    -webkit-columns: 1;
	    -moz-columns: 1;
	    background-color: #f1f1f1;
	    padding: 20px 5px 10px 10px;
	    margin: 10px 0;
	}

	.row-sponsors-livestream {
		text-align: center !important
	}


.dxw-counter {
    bottom: 30px;
    left: 24px;
    max-width: 230px;
}


	#fellows p {
	    margin: 10px 0% 0 0%;
	}

	#fellows {
	    background: #303AB2;
	    position: relative;
	    padding: 130px 0 30px 0;
	    color: #fff;
	    margin-top: -120px;
	}

	#fellows h2 {
		font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 18px;
	    font-weight: bold;
	    padding: 5px 8px;
	    margin: 0 0 0px 0;
	    color: #ff9801;
	    background-color: #fff;
	    display: inline-block;
	}

	#fellows h3 {
	    font-family: 'Pangram', Arial, Helvetica, sans-serif;
	    font-size: 19px;
	    font-weight: bold;
	    color: #fff;
	    margin-top: 20px;
	    text-align: center;
	}

	.dm-social-group {
	    padding-right: 0px !important;
	    list-style: none;
	    text-align: center !important;
	    padding-top: 0;
	    margin-top: 0;
	}

	#livestream-agenda {
	    padding-top: 20px;
	}

	#livestream-agenda .row {
	    background-color: #f1f1f1;
	    margin: 0;
	    padding: 5px 5px 10px 5px;
	}

	#top-sponsors img.space {
	    padding: 10px 0px 0px 0px !important;
	    display: inline-block;
	}

	#livestream-agenda h2 {
	    padding: 8px 10px;
	    font-size: 25px;
	}

	a.social i {
	    margin-left: 2px;
	    margin-right: 2px;
	    margin-top: 10px;
	}

	.fellow-institution-link {
	    margin-top: 20px;
	    display: block;
	    margin-bottom: 50px;
	}

	#luminaries .full-bio p {
	    font-size: 15px;
	    line-height: 18px;
	}

	#schedule ul li {
	    font-size: 15px;
	    margin-bottom: 10px;
	    padding-right: 4%;
	}

	.mktoForm .mktoFormRow {
		width: 100% !important;
	}

	#intro .sponsors img {
		margin: 15px 30px 40px 0;
	}

	#mic {
		background-size: 500% !important;
	}

	#luminaries .titles h2 {
		font-size: 1.3em;
	}

	#luminaries .titles h3 {
		font-size: 1.2em;
	}

	#sponsors img {
		width: 25%;
		margin-bottom: 40px;
	}


	#schedule h4.panel-title {
	    font-size: 18px;
	    line-height: 22px;
	}

	#schedule .panel-default>.panel-heading {
	    margin-bottom: 5px;
	    margin-top: 5px;
	}

	#schedule h4.panel-title a {
		    padding-left: 30px;
    padding-top: 0px;
	    background-size: 6% !important;
	}

	#schedule h5 {
		    font-size: 16px;
		    margin-bottom: 10px;
	}


	#schedule .panel-default>.panel-heading+.panel-collapse>.panel-body {
	    padding-top: 0px;
	}


}


#ls_embed_1528287006 {
    width: 100%;
    height: 45.7vw;
    margin-top: 40px;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) {

		body#bodyId {
		    padding: 0px !important;
		}

		#ls_embed_1528287006 {
		    width: 100%;
		    height: 51vw;
		    margin-top: 40px;
		}

		.menu-video {
		    height: 89px !important;
		}

		.open-plenary {
		    padding-top: 0px !important;
		    margin-top: 0px !important;
		}
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  /*a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/*MODAL*/

.modal-header {
    padding: 15px 20px 29px 0px !important;
}

#myModalhome {
	text-align: center;
	z-index: 9999999
}

#myModalhome h2 {
    color: #313ab2;
    font-size: 25px;
    font-weight: bold;
}

#myModalhome p {
    color: #666666;
    font-size: 18px;
    margin: 20px 8% 0px 8%;
}


/* .mktoForm input[type="email"] {
    width: 100% !important;
    font-size: 19px !important;
    line-height: 48px !important;
    height: 45px !important;
    color: #000 !important;
    border: 0px;
    background: #eaeaea !important;
    padding-left: 15px !important;
    display: inline-block;
} */

.mktoButtonRow {
	text-align: center !important
}





/*MODALS*/

.modal {
    z-index: 99999999;
}

.modal-body h1 {
    color: #303ab3;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
}

.modal-body p {
	color: #000;
    font-size: 16px;
    line-height: 24px;
}

.modal-body .col-sm-12 {
	padding: 20px 100px 40px 100px
}





@media only screen and (max-width: 590px) {

	#myModalhome p {
	    margin: 20px 3% -20px 3%;
	}

	.modal-body .col-sm-12 {
		padding: 20px 20px 30px 20px
	}


	#universities h2 {
	    margin: 20px 0% 15px 0% !important;
	}

	#universities .col-lg-3 {
		    width: 49%;
   			 display: inline-block;
	}


}



/*ARTICLES*/

#articles {
    padding: 80px 9%;
    background-color: #fff;
}

#articles h1 {
font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: bold;
    padding: 7px 13px;
    margin: 0 0 55px 0;
    color: #fff;
    background-color: #2837b8;
    display: inline-block;
}


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

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


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

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

.big-article h3 {
	color: #ff9801;
    font-size: 1.8vw;
    line-height: 2.3vw;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.big-article h3:hover {
color: #2837b8;
    text-decoration: none !important;
}

.big-article p {
    font-size: 18px;
    line-height: 24px;
    color: #272727;
    margin-bottom: 25px;
}

.big-article h6 {
    color: #2837b8;
    font-size: 18px;
    margin-bottom: 20px;
}

.main-article {
	margin-bottom: 50px
}

.link-box, .link-box:hover {
	text-decoration: none !Important
}

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

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


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

.big-article hr {
    max-width: 80px;
    color: #ff9801;
    border: 2px solid #ff9801;
}

 .main-article-img img, .main-article-img-1 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, .main-article-img-1 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, .secondary-cta {
    color: #fff;
    padding: 12px 20px 10px 20px;
    font-size: 18px;
    display: inline-block;
    background-color: #ff9900;
    font-weight: bold;
}

.green-cta-outline:hover, .secondary-cta:hover {
	text-decoration: none;
	color: #fff;
	background-color: #333
}

.white-cta-outline {
    text-transform: uppercase;
    color: #fff;
    padding: 12px 20px 6px 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 22px;
    display: inline-block;
}

.white-cta-outline:hover {
    text-decoration: none;
    color: #004E95;
    border: 1px solid #004E95
}


.hero-cta-outline {
    text-transform: uppercase;
    color: #0b3156;
    padding: 12px 15px 6px 20px;
    border: 1px solid #0b3156;
    border-radius: 4px;
    font-size: 22px;
    display: inline-block;
}

.hero-cta-outline:hover {
    text-decoration: none;
    color: #01AFAE;
    border: 1px solid #01AFAE
}

.hero-cta-outline:focus {
    text-decoration: none;
    color: #01AFAE;
    border: 1px solid #01AFAE
}

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

.socialicons a {
	background-color: #2837b8;
    display: inline-block;
    height: 42px;
    width: 42px;
    color: #ffffff;
    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;
    overflow: hidden;
}

.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: #ffffff;
    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: #ffffff;
    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: #01AFAE;
    display: inline-block;
    height: 40px;
    width: 40px;
    color: #ffffff;
    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: #000;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
}


.socialicons a.icon-facebook.social:hover {
    background-color: #3b5998;
    color: #fff;
    cursor: pointer;
}

.socialicons a.icon-twitter.social:hover, .socialicons2 a.icon-twitter.social:hover {
    background-color: #0099e5;
    color: #fff;
}

.socialicons a.icon-mail.social:hover, .socialicons2 a.icon-mail.social:hover {
    background-color: #383838;
    color: #fff;
}

.socialicons a.icon-linkedin.social:hover {
    background-color: #0073b1;
    color: #fff;
    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;
}



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

.article-secondary-txt h2 {
color: #FF9800 !important;
    font-size: 1.5vw;
    line-height: 2vw;
    margin-bottom: 0px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.article-secondary-txt h2 a {
        color: #ff9900;
}

.article-secondary-txt h2 a:hover {
    color: #2837b8;
}

.article-secondary-txt p {
font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-bottom: 20px;
}

.article-secondary-txt h3 {
color: #333;
    font-size: 18px;
    margin-bottom: 22px;
    display: inline-block;
    margin-top: 0px;
}

.article-secondary-txt hr {
	display: inline-block;
    border: 2px solid #ff9900;
    width: 50px;
    margin-bottom: 25px;
    margin-top: 15px;
}




@media only screen and (min-width: 950px) and (max-width: 1285px) {

	.green-cta-outline, .secondary-cta {
    padding: 12px 15px 10px 15px;
    font-size: 15px;
}


.socialicons {
    margin-right: 0px;
}

.socialicons a {
    margin-left: 2px;
}

nav.main-nav ul li a {
    padding: 2px 4px;
}

nav.main-nav ul li {
    margin-left: 4px;
    font-size: 17px;
    margin-right: 4px;
}

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


	}


@media only screen and (min-width: 1286px) and (max-width: 1400px) {

  .socialicons {
      margin-right: 0px;
  }


  .socialicons a {
      margin-left: 0px;
  }

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


}



a.anchor-revisit {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}



#revisit-dw {
	background: #303AB2;
    position: relative;
    color: white;
}

#revisit-dw h2 {
	font-family: 'Pangram', Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: bold;
    padding: 7px 13px;
    margin: 80px 0 55px 0;
    color: #fff;
    display: inline-block;
}