/* This is just a temporary supression of buttons */
.btn-primary 			{display:inline-block;}

.pad4					{margin:0; padding:0; height:4px;}
.pad6					{margin:0; padding:0; height:6px;}
.pad8					{margin:0; padding:0; height:8px;}
.pad10					{margin:0; padding:0; height:10px;}
.pad12					{margin:0; padding:0; height:12px;}
.pad16					{margin:0; padding:0; height:16px;}
.pad20					{margin:0; padding:0; height:20px;}

* 						{padding: 0;margin: 0;}
body 					{xfont-family: 'Roboto', sans-serif; xfont-size:11pt; color:#666;}
.xcontainer 			{padding: 0 4% 0 4% !important;}
.breadcrumb, .sm-breadcrumb {font-size:9pt; padding:8px 0 0 8px;}
.gradiant-home 			{background: rgb(220,220,228);
						background: -moz-linear-gradient(180deg, rgba(220,220,228,1) 0%, rgba(255,255,255,1) 100%);
						background: -webkit-linear-gradient(180deg, rgba(220,220,228,1) 0%, rgba(255,255,255,1) 100%);
						background: linear-gradient(180deg, rgba(220,220,228,1) 0%, rgba(255,255,255,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dedce2",endColorstr="#ffffff",GradientType=1);}
.gradiant-footer 		{background: rgb(228,228,236);
						background: -moz-linear-gradient(180deg, rgba(232,232,244,1) 0%, rgba(255,255,255,1) 100%);
						background: -webkit-linear-gradient(180deg, rgba(232,232,244,1) 0%, rgba(255,255,255,1) 100%);
						background: linear-gradient(180deg, rgba(232,232,244,1) 0%, rgba(255,255,255,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8f1",endColorstr="#ffffff",GradientType=1);}
#navbarSupportedContent1 {overflow-y:auto; min-height:1100px; }
#sponsors .p-2			{padding:20px 40px 20px 40px !important;}
.img-responsive			{width:100%; height:auto;}

.large-video			{text-align:center; background-color:#DDD; padding:16px 16px 16px 16px; margin: 6px 0 10px 0; border:1px solid #CCC; }
.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;}

.logo 					{width:99%; max-width:720px; min-width:200px;}
.fl 					{float:left;}
.upper-text 			{font-size:19pt; line-height:110%; letter-spacing:-.03em; margin:0 0 20px 2px; color:#000000;}
.small-text 			{font-size:14pt; line-height:110%; letter-spacing:-.02em; margin:0 0 20px 2px; color:#000000;}
p 						{margin:0 0 10px 0; padding:0;}
#footer 				{color:#888888;}
#footer .title			{font-size:120% !important; margin:0 0 8px 0;}
xa, xa:focus, xa:visited 	{color:#CC0000;}
a:hover 				{color:#00A5FA;}
h1, h2.title, h4		{color:#000000;}
h3 						{font-size:20pt; line-height:112%;}
.red 					{color:#b70404;}
.sm-breadcrumb			{color:#a5b3b9;}
.line					{margin:20px 0 20px 0; border-top:1px solid #CCC;}

.large-session-image	{border-radius:8px; margin-bottom:40px; overflow:hidden;}
.large-session-image img {width:100%; height:auto;}
.large-session-image img:hover {transform: scale(1.03); transition-timing-function: ease; transition: 0.4s; cursor:pointer !important;}

.session-sponsor-text	{font-size:9px; text-align:center; width:100%; line-height:10px; margin:2px 0 4px 0; color:#999; letter-spacing:.05em;}
.session-sponsor		{padding:4px 0 4px 0; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; margin:0 0 8px 0;}
.session-image			{max-height:200px; overflow:hidden; xborder:1px solid #CCC; margin:2px 0 6px 0; border-radius:6px;}
.session-image img		{width:100%; height:auto;}
.session-image img:hover {transform: scale(1.03); transition-timing-function: ease; transition: 0.4s; cursor:pointer !important;}
.session-description	{font-size:17pt; line-height:130%; font-weight:400; color:#333;}
.session-description li {padding:4px 0 6px 0; font-size:90%; margin:0 0 0 28px;}
.session-description ul {margin:8px 0 8px 0;}
.vertical-space-80		{height:80px; margin:0; padding:0;}
.card-logo				{width:100%;}
.card-logo img			{width:50%; height:auto;}
.presentedby			{width:100%; text-align:center; font-size:13px; letter-spacing:.02em; margin:-16px 0 -4px 0; color:#999;}
.big-logo				{width:100%; text-align:center;}
.big-logo img			{max-width:100%; height:auto;}
.speaker				{color:#000;}
.bio					{color:#666; font-size:82%; line-height:124%; }
img.sponsors 			{margin-top: -10px;max-width: 100%; margin-bottom: 10px;}

.content ul				{margin-bottom:-10px !important;}
.content li				{margin:0 0 6px 0; font-size:90%;}
.content .red			{font-size:12px; color:#C00; margin:4px 0 -4px 0;}
.content .gray			{font-size:11px; line-height:116%; letter-spacing:.05em; color:#888; margin:10px 0 -4px 0; max-width:400px;}
.content .main-video 	{width:74%; height:auto; background-color:#CCC; margin:-16px -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;}
#main {padding-left:2%;}
.content .full-column	{width:86%; margin:0 -30px 0 50px; float:left;}
.content .half-column	{width:42%; margin:0 -30px 0 50px; float:left;}
.content .half-column-video	{width:100%; xheight:320px;}
.content .full-column-video {min-height:480px; min-width:600px;}
.content .full-column-4x3 {xheight:500px; xwidth:960px;}
.content .half-column p	{font-size:96%; line-height:130%; margin:10px 0 12px 0; color:#444;}
.content .half-column p	a {color:#09C; text-decoration:none; margin-bottom:20px;}
.content .half-column p	a:hover {color:#C00; text-decoration:none;}
.content .overlay 		{display:none; text-align:center; padding-top:100px !important;}
.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; line-height:160%;}
.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:18px 10px 10px 10px; font-size:90%; display:block;}
.overlay .red-button:hover {background-color:#F00; color:#FFF;}
.overlay .red-button a 	{color:#FFF; text-decoration:none; }

.vs-button, .vs-button:active {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; font-size:120%; padding: 10px 12px 12px 12px; min-width:220px; width:33%; 
 background-color: #c40026; background-image: -webkit-gradient(linear, left top, left bottom, from(#c40026), to(#df0003)); display:block; text-align:center; color:#FFF; border: 0px;
 background-image: -webkit-linear-gradient(top, #c40026, #df0003);
 background-image: -moz-linear-gradient(top, #c40026, #df0003);
 background-image: -ms-linear-gradient(top, #c40026, #df0003);
 background-image: -o-linear-gradient(top, #c40026, #df0003);
 background-image: linear-gradient(to bottom, #c40026, #df0003);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#026c76, endColorstr=#014376);
}
.vs-button:hover {color:#FFF; padding: 10px 12px 12px 12px; border: 0px;
 background-color: #e91c00; border:0; background-image: -webkit-gradient(linear, left top, left bottom, from(#e91c00), to(#ff4952));
 background-image: -webkit-linear-gradient(top, #e91c00, #ff4952);
 background-image: -moz-linear-gradient(top, #e91c00, #ff4952);
 background-image: -ms-linear-gradient(top, #e91c00, #ff4952);
 background-image: -o-linear-gradient(top, #e91c00, #ff4952);
 background-image: linear-gradient(to bottom, #e91c00, #ff4952);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0eaab5, endColorstr=#0b75c7);
}
.vs-button a {text-decoration:none; color:#FFF;}



#top					{font-size:15pt; line-height:125%;}
#top .image				{width:100%; height:auto;}
#top .overline			{color:#b70404; font-size:85%; margin:-6px 0 0 0;}
#top .title				{font-size:140%; margin:0 0 10px 0;}
#top .description .title {color:#000000; font-weight:normal; font-size:120%; margin: 0 0 6px 0;}
#top .description		{color:#666666; margin:4px 0 12px 0;}
#top .button			{border-radius:2px;}

#session				{font-size:14pt; line-height:120%;}
#session .image			{width:100%; height:auto;}
#session .overline		{color:#b70404; font-size:85%;}
#session .title			{font-size:138%; margin:0 0 12px 0;}
#session .description .title {color:#000000; font-weight:normal; font-size:112%; margin: 0 0 6px 0;}
#session .description	{color:#666666; margin:4px 0 12px 0; min-height:180px; font-size:11pt;}
#session .button		{border-radius:2px;}
#session .image-cropper {width:120px; height:120px; position:relative; overflow:hidden; border-radius:50%; margin:8px 30px 0 30px;}
#session .logo			{width:94%; max-width:500px; min-width:200px;}
.session-cover			{width:150px; height:auto; text-align:center; margin:2px 16px 16px 0px; float:left; 
						overflow:hidden; vertical-align:middle; padding:0px;}
.session-cover-small	{width:75px; text-align:center; margin:-2px 10px 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 2px 5px #666; box-shadow:2px 2px 5px #666;}
.session-cover:hover, .session-cover-small:hover {transition-timing-function: ease; transition: 0.2s;
						margin:4px 14px 14px 2px; moz-box-shadow:1px 1px 2px #666; -webkit-box-shadow:1px 1px 2px #666; box-shadow:1px 1px 2px #666;}

#home #session .description	{line-height:128%;}
.all-sessions		{margin:18px 0 0 0; float:right; font-size:82%; text-align:right;}


@media only screen and (max-width: 767px) {
.upper-text 		{font-size:17pt;}
	.hidden 		{display:none; visibility: hidden;}
    .content .main-video 	{width:100%; height:auto; background-color:#CCC; margin:-16px -10px -10px -10px; position:relative; display:inline-block;}
    h1				{font-size:18pt;}
    .all-sessions	{margin:4px 0 0 0; font-size:70%; }
	.content .overlay {font-size:80% !important; padding-top:42px !important;}
	#top .description .title {font-size:100%; line-height:120%;}
	#top .description {font-size:78%; line-height:130%;}
	.content .main-video:hover .overlay {padding: 28px 30px 10px 30px; font-size:20px; line-height:120%;}
	.vertical-space-80 {height:60px; margin:0; padding:0;}
    .sponsors {margin-top: -10px;max-width: 100%; margin-bottom: 10px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.session-image 			{max-height: 260px !important;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.session-image 			{max-height: 300px !important;}
}

.card 				{background:none; margin-bottom:2em; position:relative; border:none !important; font-size:14pt; line-height:116%;}
.card a 			{color:CC0000; text-decoration: none;}
.card a:hover 		{color:#F00;}
.card-content 		{padding:.8em;}
.card-content .overline	{color:#b70404; font-size:85%;}
.card-content h3	{font-size:130%;}
.card-content .title	{font-size:120% !important; margin:0 0 10px 0; color:black; line-height: 120%;}
.card-content h2 	{margin-top:0; margin-bottom:.5em; font-weight:bold;}
.card-content p 	{font-size:100%; margin:0 0 10px 0;}
.card-content .description .title {color:#000000; font-weight:normal; font-size:112%; margin: 0 0 6px 0;}
.card-content .description	{color:#666666; margin:4px 0 12px 0; min-height:170px; font-size:11pt;}
.card-link 			{bottom:10px; position:absolute;}

/* Flexbox stuff */

@media screen and (min-width: 35em) {
.cards 				{display:flex; flex-wrap:wrap; justify-content:space-between;}
.card 				{flex: 0 1 calc(50% - 1em);}
}

@media screen and (min-width: 60em) {
.card 				{flex: 0 1 calc(34% - 1em); wasflex: 0 1 calc(34.5% - 1em); margin-right:0;}
}