@charset "UTF-8";
/* CSS Document */
#2021-gradient				{background-image: url("https://de247.s3.amazonaws.com/summit/de247-summit-bg-1.jpg");
							background-repeat:no-repeat; background-size:110%; background-position:-40px 0px;
                            -webkit-background-size: 110%; -moz-background-size: 110%; -o-background-size: 110%; background-size: 110%;}
#gradient {
    padding-top: 20px; min-height: 240px; background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(220,230,240,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,230,240,1)), color-stop(26%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
    border-top: 1px solid #FFF;
    background: -webkit-linear-gradient(top, rgba(220,230,240,1) 0%, rgba(254,254,254,1) 26%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(220,230,240,1) 0%, rgba(254,254,254,1) 26%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(220,230,240,1) 0%, rgba(254,254,254,1) 26%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(220,230,240,1) 0%, rgba(254,254,254,1) 26%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe', GradientType=0 );
}
#virtual 					{min-height:1000px; display:block; padding:0px 0px 60px 0px;}
#breadcrumb					{color:#666666; margin-top:-10px !important; padding-top:0px;}
#breadcrumb.red-overline a, #breadcrumb.red-overline a:visited {color:#0044cc;}
#breadcrumb.red-overline a:hover, #breadcrumb.red-overline a:focus {color:#F00 !important;}

.large-video 				{text-align: center; background-color: #DDD;padding: 20px 20px 20px 20px; margin: 10px -10px 30px 0px;}
.large-video .video-container {max-width:100% !important; min-width:280px; width:100% !important; text-align:center; margin:0px auto;}
.large-video .video 		{position: relative; padding-top: 0px; height: 0; overflow: hidden; 
							padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */}
.large-video .video iframe 	{position:absolute; top:0; left:0; width:100%; height:100%; border:none;}


#menu						{display:none;}
.pad100						{height:100px; display:block;}
.pad30						{height:30px; display:block;}
.pad20						{height:20px; display:block;}
.pad8						{height:8px;}
.vertical-space-60			{height:60px;}
.sponsor-logo				{xmax-height:90px; margin:0 20px 20px 20px;}

#virtual .pad12 			{height:1px;margin-bottom:11px;}
#virtual .col-md-12			{padding:10px;}
#virtual .session			{font-size:92%; line-height:130%; color:#555; margin-bottom:6px; padding:0 0px 10px 15px;}
#virtual h1					{margin-left:2px;}
#virtual h2					{margin-left:3px; margin-bottom:10px; font-size:180%;}
#virtual h3 				{margin-bottom:4px;}
#virtual h3.tighter			{letter-spacing:-.025em;}
.right-side h4				{font-size:90%; line-height:128%; color:#000; font-weight:500; margin-bottom:4px;}
#virtual h5					{font-size:90%; line-height:128%; color:#665655; font-weight:500; margin:-2px 0 8px 0; font-family: Georgia, Times, Times New Roman, serif; font-style:italic;}
#virtual .large-gray		{color:#777; font-weight:400;}

#virtual .session-descriptor {font-size: 120%;line-height: 130%;}
#virtual .session h3 		{font-size: 120%;line-height: 128%;color: #000;font-weight: 500;margin-bottom: 10px;
							padding-bottom: 6px;border-bottom: 1px dotted #CCC;min-height: 28px;}
#virtual .old-session h3	{font-size:120%; line-height:128%; color:#000; font-weight:500; margin-bottom:6px; 
							padding-bottom:6px; border-bottom:1px dotted #CCC; min-height:48px;}
#virtual .session-red 		{font-size:11pt !important; line-height:110%; margin-bottom:4px; color:#E00; letter-spacing:.04em; padding:0 0 0 0px;}
#virtual .session-title 	{font-size:138%; line-height:118%; margin-bottom:8px;}
#virtual .session-title-sm 	{font-size:158%; line-height:120%; margin-bottom:6px;}
#virtual .red-text			{color:#E00; margin:20px 0 14px 0; font-size:120%;}
#virtual .small-gray		{margin:14px 0 20px 0; color:#666; font-size:10pt; line-height:130%;}
#virtual .session-desc	 	{font-size:110%; line-height:136%; color:#333; max-width:566px;}
#virtual .btn-danger		{padding:6px 6%;}
#virtual .btn-default		{padding:3px 7px 4px 9px; font-size:84%;}
#virtual .btn-large			{padding:5px 22px 6px 26px; font-size:112%; color:#FFF; background-color:#D00;}
#virtual .btn-large:hover	{background-color:#F00; border-color:#C00;}
#virtual .right-side		{padding:0 30px 0 30px; margin:0 -30px 0 25px; border-left:1px dotted #CCC;}
#virtual .speaker-bio		{font-size:75%; line-height:125%; padding-right:60px;}
#virtual .line20			{height:26px; padding:0 0 10px 0; border-top:1px dotted #CCC;}
.ad-billboard 				{display:none; visibility:hidden !important;}
.top-section				{min-height:280px;}
.top-section-small			{min-height:140px;}
.session					{min-height:424px;}
.dotted-rule				{margin:6px 0 5px 0; border-top:1px dotted #CDD;}
.main-logo					{xwidth:110% !important; margin:-10px -30px -10px -30px;}
.tagline					{font-size:132%; line-height:115%; font-weight:400; padding:0 0 16px 6px;}
.vertical-space-10			{height:10px;}
.vertical-space-12			{height:12px;}
.vertical-space-20			{height:20px;}
.vertical-space-40			{height:40px;}
.vertical-space-80			{height:80px;}
.vertical-space-120			{height:120px;}
.vertical-space-180			{height:180px;}

.top-section img:hover,
.session img:hover			{transform: scale(1.02);
                            -webkit-transition: all .5s ease;
                               -moz-transition: all .5s ease;
                                 -o-transition: all .5s ease;
                                -ms-transition: all .5s ease;
                                    transition: all .5s ease;
                          	}
.content .main-video 		{width:60%; height:auto; background-color:#CCC; margin:12px -10px -10px -10px;position:relative;display:inline-block;}
.content .main-video img 	{width:100%; height:auto;}
.content .video:hover 		{cursor:pointer;   -webkit-filter: grayscale(100%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
.content .video img 		{width:100%; height:auto;}
.content .overlay 			{display:none; text-align:center;}
.content .main-video:hover .overlay {width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; display:inline-block;
							-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; color:white; padding:56px 40px 10px 40px; font-size:22px;}
.overlay .red-button 		{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; font-size:100%; padding: 5px 20px 7px 20px; min-width:220px; width:50%; text-align:center; 
							color:#FFF; background-color:#C00; margin:10px; font-size:90%; display:block;}
.overlay .red-button:hover 	{background-color:#F00; color:#FFF;}
.overlay .red-button a 		{color:#FFF; text-decoration:none; }

.sponsor-overline		{color:#888; text-align:center; font-size:75%;}
.sponsor-logo img		{width:95%; max-width:1200px; height:auto;}
.promo-footer			{background-color:#EEE; padding-top:20px; padding-left:0px;}
.promo-footer h3		{color:#F00; font-size:120%; margin-bottom:10px;}
.promo-footer .leftpad	{margin-left:-15px; margin-bottom:20px;}
.promo-footer a, .promo-footer a:visited {color:#F00;}
.promo-footer a:hover	{text-decoration:underline;}

.session-head 			{color:#0068A7; margin-bottom:6px;}
.session-deck 			{color:#333; letter-spacing:0pc;}
.session-line			{border-top:1px #666 dotted; height:10px; margin:6px 0 0 0;}
.session-line-0			{border-top:1px #DDD dotted; height:1px; margin:6px 0 0 0;}
.session-small			{font-size:10px; color:#999; text-transform:uppercase;}
.session-sponsor img	{width:90%; height:auto;}
.session-image	 		{width:100%; min-height:250px; background-size:cover; background-position:center;}
.session-image-small	{width:250px; min-height:100px; background-size:cover; background-position:center; margin:0 20px 0 0; float:left; overflow:hidden; }
.session-title 			{color:#0068A7; line-height:120%; font-size:100%;}
a.session-title:hover, .session-text a:hover{color:#C00;}
.session-text 			{color:#777; line-height:130%; font-size:86%; margin-top:2px;}
.session-cover			{width:150px; height:auto; text-align:center; margin:-2px 15px 16px 0px; float:left; overflow:hidden; vertical-align:middle; padding:0px;}
.session-cover-small	{width:98px; height:auto; text-align:center; margin:2px 15px 16px 0px; float:left; overflow:hidden; vertical-align:middle; padding:0px;}
.session-cover, .session-cover-small {moz-box-shadow:2px 2px 2px #666; -webkit-box-shadow:2px 4px 5px #666; box-shadow:2px 2px 5px #666;}
.session-cover:hover	{transition-timing-function: ease; transition: 0.2s;
						margin:2px 12px 12px 2px; moz-box-shadow:1px 1px 2px #666; -webkit-box-shadow:1px 1px 2px #666; box-shadow:1px 1px 2px #666;}
.session-cover-small:hover {transition-timing-function: ease; transition: 0.2s;
						margin:4px 12px 14px 2px; moz-box-shadow:1px 1px 2px #666; -webkit-box-shadow:1px 1px 2px #666; box-shadow:1px 1px 2px #666;}

/* Extra Small */
@media (min-width:200px) and (max-width:767px) {
#virtual 					{min-height:auto; padding:0px;}
#virtual .col-md-12			{padding:15px;}
.tagline					{font-size:110%;}
#virtual .right-side		{padding-left:15px; border:none; margin:60px 0 0 0; width:100%;}
#virtual .speaker-bio		{padding-right:10px;}
.sponsor-logo img			{width:100%;}
.promo-footer .leftpad		{margin-left:0px; margin-bottom:20px;}
.hidden-xs, .hidden-sm 		{display:none;}
}

/* Small */
@media (min-width:768px) and (max-width:991px) {
.tagline					{font-size:120%;}
#virtual .right-side		{padding-left:15px; border:none; margin:60px 0 0 0; width:100%;}
#virtual .speaker-bio		{padding-right:10px;}
.sponsor-logo img			{width:100%;}
.promo-footer .leftpad		{margin-left:0px; margin-bottom:20px;}
.hidden-xs, .hidden-sm 		{display:none;}
}

/* Medium */
@media (min-width:992px) and (max-width:1199px) {
.tagline					{font-size:120%;}
.sponsor-logo img			{width:85%; max-width:800px;}
}

/* Large */
@media (min-width:1200px) and (max-width:1699px) {
.tagline					{font-size:120%;}
#xl-margin					{margin-right:-15px; margin-left:-15px;}
}

/* Extra Large */
@media (min-width:1700px) {
#xl-margin					{margin-right:-15px; margin-left:-15px;}
.main-logo					{width:100% !important; margin:-10px -30px -10px -30px; max-width:600px;}
}