@import url('ibm-webfonts.css');
@import url('helper-classes.css');

/* change 'IBMEliotSans' with whatever web font we use */
/* font-family: 'IBMEliotSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/

html {
	overflow-x: hidden;
}

/* SUPPOSED TO BE FOUNDATION DEFAULT COLOR OVERRIDE*/
body * { /* Stevo ne pipaj */
	font-smooth: 1em;
    /* font-family: inherit; */
	font-family: 'IBMEliotSans';
    /*font-weight: 400;*/
    text-rendering: optimizelegibility;
}
/*.home #column-lhd.columns { padding-left:0; padding-right:0;}*/
body b {
	font-family: 'IBMEliotSans-Bold';
}

body {
	background: #fff;
}
button, .button, button.disabled, button[disabled], .button.disabled, .button[disabled], button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, .top-bar-section ul li > a.button, .top-bar-section ul li > button, .top-bar-section ul li.active > a, .top-bar-section li.active:not(.has-form) a:not(.button), .no-js .top-bar-section ul li:active > a, .alert-box, .icon-bar > a:hover, .icon-bar > a.active, ul.pagination li.current a, ul.pagination li.current button, ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus, .progress .meter, .sub-nav li.active a, .label, .switch input:checked + label, .switch input:checked + label, .colored-bg
{
background-color: #0067ac;
}
.colored-bg
{
background-color: #0067ac !important;
}
.panel.callout a:not(.button), .side-nav li a:not(.button), .side-nav li.heading, a, .has-tip:hover, .has-tip:focus
{
color: #4771A2;
font-weight:bold;
}
.article-headline {
color: #fff;
}
.article-headline{
	font-family: 'IBMEliotSans', sans-serif;
}
.linkbox {color:#fff; min-height:185px; padding-top:1rem!important; padding-bottom:1rem!important; font-size:1.2rem; padding-top:0.5rem;font-family: 'IBMEliotSans-Bold'; font-weight:bold;}
.linkbox span { font-size:0.8rem;font-family: 'IBMEliotSans'; display:block; line-height:1.1rem; font-weight:normal;}
.linkbox:hover {
-moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);}
.sub-headline  {
	font-family: 'IBMEliotSans', sans-serif;
}
#copyright a:hover,
#copyright a:active,
#copyright a:focus,
.tooltip.opened
{
color: #0067ac !important;
}

#page-content a {
	color:#4771A2;
}

.sponsor-holder.inconjunctionwith, .inconjunctionwith .home-sponsors { display:none;}
#page-content a:hover {
	color:#2B5270;
	text-decoration:underline;
}

#page-content ul {
	/*margin-left: 3rem;*/
}

.contain-to-grid .top-bar {
	background: transparent !important;
	/*background: rgba(18, 39, 56, .8) !important;*/
}
.top-bar-bg, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
	/*background: #333;*/
	background: transparent;
}
.top-section {
	background: transparent;
	/*padding: 0 0 2rem;*/
	padding: 0;
	/* border-bottom:.4rem solid #ce2029; */
	/* border-top: 2px solid white; */
	box-shadow: 0px 2px 10px #ccc;
}
.top-bar .title-area [alt="ITWeb Events logo"], .row [alt="ITWeb Events logo"] {
	width: 6rem;
	height: 1.75rem;
	margin-left: 1rem;
	margin-top: 0.5rem;
}

.top-bar .title-area [alt="IBM LinuxOne 2016 Logo"], .row [alt="IBM LinuxOne 2016 Logo"] {
	/*width: 6rem;
	height: 1.75rem;*/
	margin-top: 0rem;
    margin-left: 2rem;
}
}

.top-bar ul li > a {
	font-family:'IBMEliotSans', Helvetica, Arial, sans-serif !important;
	/*font-weight: 600;*/
}


.theme-top-background-0 {
	/*background: transparent url('../images/[conference-name-here]-background.jpg') repeat-x center bottom;*/
}
 /* additional theme backgrounds */
/*
.theme-top-background-1 {
	background: transparent url('../images/[conference-name-here]-theme0-background.jpg') no-repeat center top;
}
*/

.demo-gallery {
	padding-top: 1rem;
}
.demo-gallery a {
	/*width: 100%;*/
	display: block;
	float: left;
	opacity: 0.8;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	height: 8.75rem;
}
.home .demo-gallery a {
	/*height: 10.75rem;*/
}
.demo-gallery a:hover {
	opacity: 1;
}
.demo-gallery a > img {
	/*min-width: 80%;*/
	max-width: 100%;
	height: auto;
	max-height: 5rem;
	display: block;
	/*margin: 0 auto;*/
	border-radius: 0.7rem;
	/*width: 70%;*/
	margin: 0 auto;
}
.demo-gallery a > figure {
	margin: 0;
	width:100%;
	text-align: center;
	padding: 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fake-c-card, .fake-c-card-single {
  -moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
  -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
  box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
  z-index: 200;
  /*margin:0.5rem 0 1rem 2rem;*/
  /*float:right;*/
 background-color:#D7D8D7; padding-top:0; padding-left:0; padding-right:0; padding-bottom:0;
  margin-bottom: 2rem;
  overflow: auto;
}
.agenda .fake-c-card, .agendact .fake-c-card, .agendajhb .fake-c-card { background-color:#fff; padding:2rem;}
.fake-c-card-single {
	margin:2rem 0;
	padding: 2rem;
}
.fake-c-card.lightblueccard { background-color:#4771A2;}
.fake-c-card.lightblueccard:hover { background-color:#2B5270;}
.fake-c-card.lightblueccard a { display:block; background-image: url('../images/reg-ico.png');
background-repeat:no-repeat; background-position:left; background-size:contain; text-align:left; padding-left:5rem; font-family:'IBMEliotSans-Bold';}
#page-content .fake-c-card.lightblueccard a:hover { text-decoration:none;}
/* CALL FOR PAPERS */

.callforpapers .sub-headline {
	text-align: left;
}

/* HELPDESK */

.helpdesk .sub-headline {
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.helpdesk h4 {
	font-family: 'AccentureRotisLight';
	font-size: 1.2rem;
	margin: 0;
}
.helpdesk .c-card-title {
	/*height: 1.4rem;*/
}
.helpdesk .c-card.active > .c-card-title {
	/*height: 2.4rem;*/
	margin-bottom: 1rem;
}
.helpdesk .c-card .c-card-title strong {
	overflow: hidden;
	text-overflow:initial;
	white-space:normal;
}
.helpdesk .c-card .c-card-title .min-max {
	line-height: 1;
}
button.radius, .button.radius {
	border-radius: 0.7rem;
}



#countdown {
	/* padding:2rem 0; */
}

#countdown .tme-box {
	float: left;
    width: 100%;
    margin: 0;
}

#countdown .tme-box .tme-box-inner {
	overflow: hidden;
    margin: .5rem;
    padding: 1.5rem 1rem;
    background-color: #FF6C22;
    border-radius: .7rem;
    text-align: center;
}

#countdown .tme-box .tme-box-inner .tme-val {
	color: #fff;
    font-size: 3rem;
    line-height: 3.2rem;
}

#countdown .tme-box .tme-box-inner .tme-title {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
}

.grad-footer {
	width: 100%;
}

.track-0-grad-semitrans, .track-0 .pic-caption, .track-0 .ca-world-btn a {
    background: #FF671B;
}
.news .pic-caption {
    background: #2B5270;
    color: #FFFFFF;
    padding: 0.5rem 1rem;
	font-size:0.85rem;
}
.news .home-sponsors { display:none;}
.home-news .inthenews h2.article-headline{ display:none;}
.news .img_right_text {
	margin-left: 1rem;
}

.news .img_left_text {
	margin-right: 1rem;
}

.news .sidebar  .sidebar-headline {
	font-size: 1.5rem;
    font-weight: 600;
}

.news .article-byline {
	text-align: center;
    font-size: 1rem;
    letter-spacing: 0.5rem;
    padding: 1rem 0;
    background: #efefef;
}

.grad-footer {
    background-color: #2B5270;
    /*background-image: url('../images/header-bg-x.png');*/
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0.5rem;
}


.grad-footer img {
    width: 6rem;
    height: 1.75rem;
    margin-left: 1rem;
    margin-top: 0.5rem;

	float:right;
    margin-bottom: 0.5rem !important;
}

#scroll-top:hover {
	opacity: 1;
}

#scroll-top {
	position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 10000;
    opacity: .4;
    text-decoration: none;
    -webkit-transition-property: opacity,bottom;
    transition-property: opacity,bottom;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    display: none;
}

#scroll-top i {
	font-size: 3.2rem;
}

#scroll-top.dissapear {
    bottom: -6rem;
}


.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;
    transform: translate(0, 0);
}

.home-gal {
	  margin: 1rem;
}

.home .demo-gallery a {
	margin-bottom:auto;
}

.home .demo-gallery a img {
	width:12rem;
	height:auto;
	max-height:8.625rem;
}

.home-sponsors {
	margin-top: 2rem;
	max-width:1000px; margin-right:auto; margin-left:auto;
}
.sponsors .home-sponsors { display:none;}
.home-sponsors .thumbz {
	
	width: 220px!important;
	height:auto!important;
}

.top-bar-section .icon-home{
	font-size:1.65rem;
	font-family:'FontAwesome';
	height: 3.75rem;
    line-height: 3.75rem;
}

.home .fake-c-card h3{
	color:#3C9E25;
    font-family: 'AccentureRotisBold';
}

.about .sub2-headline {
	color:#3C9E25;
    font-family: 'AccentureRotisBold';
	text-align:center;
}

.home .threeButtons {
	margin-top:2rem;
	margin-bottom:2rem;
}

.home .threeButtons .button {
	margin-bottom:1.25rem;
}

.helpdesk h4 {
	font-family: 'AccentureRotisLight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.2;
	font-size: 1.4375rem;
	text-rendering: optimizeLegibility;
	margin-bottom: .5rem;
}

.home .demo-gallery a figure {
	display:none;
}

.home-vid {
	  margin: 1rem;
}

.home h5,.home h6, .venue h5, .venue h6, .agenda h5, .agenda h6{

    font-size: 1.1rem;
    font-weight: bold;
	}
/*
.home-gal img{
	width:24%;
}
.home-vid img {
	width:32%;
}
*/
.no-select  {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}

.no-click a {
   pointer-events: none;
   cursor: default;
}

.sidebar-news-block > .news-author p{
	font-size:0.8rem;
}

/* ////////////////////////////////////// */
/*
.drop-shadow {
	-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
}
*/
#menu-side {
	position:fixed;
	left:0;
	top:0;
	width:200px;
	color: #f5f5f5;
	background-color: transparent;
	z-index: 1000;
}

#menu-side .menu-expander .expanded  a {
	background: #55b9d3 !important;
}
#menu-side .menu-expand {
	display:none;
}
#menu-side .menu-expand.active {
	display:block;
}
#menu-side .menu-expand a {
	padding-left:2.5rem;
	background: #477188 !important;
	font-size:90%;
}

#scroll-top i {
	font-size: 3.2rem;
}
#scroll-top i:before {
	color: #4771A2;
}
#scroll-top {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 10000;
	opacity: .4;
	text-decoration: none;
	-webkit-transition-property: opacity,bottom;
	transition-property: opacity,bottom;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	display:none;
}
#scroll-top:hover {
    opacity: 1
}
#scroll-top.dissapear {
    bottom: -6rem;
}
#scroll-top span {
	display: inline-block;
	width: 72px;
	height: 72px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.footer-testimonial-box blockquote {
    background-color: rgba(255, 255, 255, 0.9);
	color:#000;
}

.footer-testimonial-box blockquote cite {
	color: #CE2029;
	font-weight:600;
}

.footer-testimonial-box blockquote span.testimonial-company {
	color: #000000;
    font-weight: 800;
}

#menu-side {
	/*opacity: .75;*/
}
#menu-side:hover {
	opacity: 1;
}
.flip-card .front>.card-overlay2{
	margin-left: auto !important;
	margin-right: auto !important;
}



#countdown .tme-box {
	float:left;
	width: 100%;
	margin:0;
}
#countdown .tme-box .tme-box-inner {
	overflow:hidden;
	margin:.5rem;
	padding:0.5rem;
	background-color: #2B5270;
	border-radius: .7rem;
	text-align:center;
}
#countdown .tme-box .tme-box-inner.tme-days {
	opacity: .95;
}
#countdown .tme-box .tme-box-inner.tme-hrs {
	opacity: .85;
}
#countdown .tme-box .tme-box-inner.tme-mins {
	opacity: .75;
}
#countdown .tme-box .tme-box-inner.tme-secs  {
	opacity: .65;
}
#countdown .tme-box .tme-box-inner .tme-val {
	color: #fff;
	font-size:3rem;
	line-height: 3.2rem;
	font-family:'IBMEliotSans-Bold',Helvetica,Arial,sans-serif;
	font-weight:bold;
}
#countdown .tme-box .tme-box-inner .tme-title {
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	font-family:'IBMEliotSans',Helvetica,Arial,sans-serif;
}

.logo-tagline span.third-line{
	opacity:0;
}


.registrationfees .registrationoptions div{
	background:#eee;
	/*height: 3rem;*/
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.registrationfees .registrationoptions .nobottomborder {
	border-bottom:none;
}

.registrationfees .registrationoptions div:last-child{
	border-left: none;
	font-size:0.97rem;
}

.registrationfees .registrationoptions .middlerow{
    line-height: 3rem;
}


.registrationfees .earlybirdfees, .registrationfees .standardfees, .registrationfees .latefees {
	margin:1rem 0;
}

.registrationfees .earlybirdfees .row, .registrationfees .standardfees .row, .registrationfees .latefees .row {
	border: 1px solid #999;
	border-top:none;
}

.registrationfees .earlybirdfees .columns, .registrationfees .standardfees .columns, .registrationfees .latefees .columns {
	border:1px solid #ccc;
	border-top: none;
}

.registrationfees .earlybirdfees div div {
	background:#FFFFBF;
}

.registrationfees .earlybirdfees .regheading, .registrationfees .standardfees .regheading, .registrationfees .latefees .regheading {
	font-weight:600;
	background:#E9E9E9;
}

.registrationfees .earlybirdfees .row:first-child, .registrationfees .standardfees .row:first-child, .registrationfees .latefees .row:first-child{
	border-top:1px solid #999;
}

.row .row {
/*	margin:0;*/
}

.about .eventguide {
	text-align:center;
}

.about .eventguide img {
	width:auto;
	margin:0 auto;
}

.calendar-info .calendar-link {
	background:none;
}

.calendar-info.row {
	margin:2rem 0rem 0rem 0rem;
}

.calendar-info .calendar-link .calendar-icon {
	font-family: helvetica-neue-regular;
    width: 50px;
    height: 50px;
    background: #4771A2;
    border: 2px solid #4771A2;
    float: right;
}

.calendar-info .calendar-link .calendar-icon .calendar-month {
	height:13px;
	color:#4771A2;
	background:#000;

	font-family: 'IBMEliotSans-Bold';
    font-size: 13px;
    font-weight: 800;
    line-height: 13px;
    text-align: center;
}

.calendar-info .calendar-link .calendar-icon, .calendar-icon {
    font-family: 'open-sans-bold';
    width: 50px;
    height: 50px;
    background: #2B5270;
 
    float: right;
    border: 1px solid #4771A2;
}
.calendar-info .calendar-link .calendar-icon .calendar-month, .calendar-icon .calendar-month {
    height: 13px;
    color: #4771A2;
    background: #D7D8D7;
    font-family: 'open-sans-bold';
    font-size: 13px;
    font-weight: 800;
    line-height: 13px;
    text-align: center;
}
.calendar-info .calendar-link .calendar-icon .calendar-date, .calendar-icon .calendar-date {
    height: 26px;
    line-height: 35px;
    text-align: center;
    font-family: 'open-sans-bold';
    color: #D7D8D7;
    font-size: 32px;
    font-weight: 800;
}

/* sponsorship opportunities */

.sponsorship-op-table .sponsorship-op-variables p {
	border-bottom: 3px solid #fff;
}

.sponsorship-op-table  i {
	color:#008E90;
}

.sponsorship-op-table .sponsorship-op-variables p:first-child {
	border-top: 3px solid #fff;
}

.sponsorship-op-table .sponsorship-op-variables {
	border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}

.sponsorship-op-table .sponsorship-op-variables p {
	background:#008E90;
	color:#fff;
}

.sponsorship-op-table .sponsorship-op-variables p:first-child {
	background:#008E90;
	color:#fff;
}

.sponsorship-op-table .sm .diamond {
	background:#C0C0C0;
}
.sponsorship-op-table .sm .platinum {
	background:#efeeee;
}
.sponsorship-op-table .sm .gold {
	background:#C0C0C0;
}
.sponsorship-op-table .sm .silver {
	background:#efeeee;
}
.sponsorship-op-table .sm .bronze {
	background:#C0C0C0;
}
.sponsorship-op-table .sm .display {
	background:#efeeee;
}

.sponsorship-op-table .sm li {
	border-right: 3px solid #fff;
}

.sponsorship-op-table .sm li p:first-child {
	/*color:#fff;*/
	border-top: 3px solid #fff;
}

.sponsorship-op-table .sm li p {
	border-bottom: 3px solid #fff;
	color:#000;
}

/* header */

.header-top.sect {
    box-shadow: none;
}
.home-header {
	box-shadow:none!important;
}

.header-top .upper-tagline h3 {
	font-family: 'IBMEliotSans', Helvetica, Arial, sans-serif;
}

.header-top h4.upper-date {
	font-family: 'AccentureRotisLight', Helvetica, Arial, sans-serif;
	color:#575757;
}

.button, .button:hover, .button:focus {
	font-family: 'IBMEliotSans-Bold'!important;
    background-color: #4771A2;
  /* border-bottom:10px solid #6F7878; */
   /*  border-radius: 5px; */
    padding: 0.6rem 2rem;
    /*margin-top: 1.5rem;*/
    margin-bottom: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
	width:100%;
	text-transform:uppercase;
	moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
	
}
.button span { display:block; padding:0.3rem; padding-left:0;}
.speakers .button{
	margin-left:0rem;
	margin-top:0rem;
	width:100%;
	color:#fff!important;
}
.fake-c-card .button span{    font-size: 1.5rem;
    padding-bottom: 1rem;
    text-align: left;}

.button:hover, .button:focus {
	background-color: #2B5270;
	
}

#page-content .button a {
	font-family: 'IBMEliotSans-Bold';
	color:#FFF;
	/* font-size:1.8rem;
	    text-shadow: 1px 2px 2px #777; */
}

#page-content .button:hover a, #page-content .button:focus a  {
	color:#FFF;
}

#page-content .content-button {
	display: inline-block;
	font-size: 1rem;
	width:100%;

	background-color:#E6E7E8;
	background-image:	url('../images/button-icon.png'),
						url('../images/button_background-lines.png'),
						url('../images/button_background-x.png');
	background-repeat: no-repeat,no-repeat,repeat-x;
	background-position: right bottom,left bottom,left bottom;
    padding: 0.3rem 3rem 0rem 0.5rem;
}

#page-content .content-button h4 {
	font-size:0.9rem;
	color:#000;
	text-transform:uppercase;
	float:left;
	margin-left:0.5rem;
	font-family: 'AccentureRotisBold', Helvetica, Arial, sans-serif;
}
#page-content .content-button h4 b {
	font-family: 'IBMEliotSans', Helvetica, Arial, sans-serif;
}

#page-content .content-button:hover {
	background-color:#2B5270;
}

.header-top .header-buttons {
	margin-top:3rem;
}

#button-top{
	margin-top: -1.8rem;
    padding: 0.4rem 3rem;
    background-color: #4771A2;
  /*float: right;*/
    font-family: 'IBMEliotSans-Bold';
    color: #FFF;
    font-size: 0.8rem;
    transition: all 200ms ease-out;
	text-align: center;
	
	
}
#button-top a:hover{ text-decoration:none!important;}
#button-top:hover{
	background-color: #2B5270;
	
 
}


/* ngi 2016 buttons */

/*
.header-buttons .button-register {
	background-image: url('../images/FSB2016_regbuttonCT.png');
	background-repeat:no-repeat;
	width:100%;
	height:93px;

	-webkit-transition: background-image 100ms ease-out;
	-moz-transition: background-image 100ms ease-out;
	-o-transition: background-image 100ms ease-out;
	transition: background-image 100ms ease-out;
}

.header-buttons .button-register:hover {
	background-image: url('../images/FSB2016_regbuttonCT01.png');
}

.header-buttons .button-sponsorship {
	background-image: url('../images/FSB2016_regbuttonJHB.png');
	background-repeat:no-repeat;
	width:100%;
	height:93px;

	-webkit-transition: background-image 100ms ease-out;
	-moz-transition: background-image 100ms ease-out;
	-o-transition: background-image 100ms ease-out;
	transition: background-image 100ms ease-out;
}

.header-buttons .button-sponsorship:hover {
	background-image: url('../images/FSB2016_regbuttonJHB01.png');
}
*/
.not-home-tagline {
	display: block;
	text-transform: uppercase;
	/* text-align: center; */
	font-style: italic;
	font-weight: 800;
	margin-top: 1.2rem;
	margin-left: .6rem;
	color: #000;
	font-family: 'IBMEliotSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	/* text-indent: 9rem; */
	line-height: .9;
}

.not-home-logo-link img {
    margin: 0;
    margin-top: 0.3rem;
	margin-left:3rem;
    width: 150px;
    height: auto;
	position:absolute;
}


.header-top .upper-tagline {
	margin-left: 0.3rem;
}

.header-top .upper-tagline h3 {
	font-size: 0.92rem;
	float: left;
	font-weight: 600;
	margin-top: 0.2rem;
}
.header-top .upper-tagline h4 {
	font-size: 1rem;
	float: left;
}

/* menu header */

.top-bar {
	background:transparent;
	margin-left:12.5rem;
}

.top-bar-section {
	margin-top: 1.2rem;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	font-family: 'IBMEliotSans', Arial, sans-serif!important;
	font-size: 0.65rem;
	text-transform: uppercase;
	color: #000;
	line-height: 1.5rem;
	padding: 0 0.5rem!important;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.top-bar-section > ul > li {
	position:relative;
	border: 1px solid #575757;
	margin-right: 0.2rem;
}





.top-bar-section ul li.active:not(.has-form) a:not(.button) {
	background:transparent;
}

.top-bar-section ul li.active > a, .top-bar-section li.active:not(.has-form) a:not(.button) {
	background:transparent;
    line-height: 1.5rem;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
	/*line-height: 3.75rem;*/
}

.top-bar-section ul li.active:not(.has-form) a:not(.button) {
	background:#4771A2;
}

.top-bar-section ul li.active:not(.has-form) a:not(.button) span {
	font-family:'IBMEliotSans','Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#FFF;
}


.top-bar-section ul li.active:not(.has-form) a:not(.button):hover {
	background:#4771A2;
}

.top-bar-section > ul > li a{
	padding: 0 1rem;
}

.top-bar-section .has-dropdown>a:after {
	display:none;
}

.top-bar-section .has-dropdown>a {
	padding:0 2rem!important;
}

.top-bar-section ul > li > a {
    padding: 0 0.5rem!important;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	background-image:none;
    line-height: 1.5rem;
	background:#000;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	color: #fff;
    background: #4771A2;
}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
	background: #fff;
    color: #4771A2;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
	color: #4771A2;
    background: #000;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
	color: #fff;
    background: #4771A2;
}

.top-bar-section ul li:hover:not(.has-form)>a {
	color: #fff;
    background: #4771A2;
}


/* slider  */
.event-title {
	font-family: 'IBMEliotSans-Bold';
    font-size: 1.6rem;
    line-height: 2rem;
    margin-left: 0.5rem;
    color: #2B5270;
	padding-bottom:5px; 
	}

.top-section {
	height: auto;
	/*
	background-image:url('../images/FSB2016_hero1600x430l-min.png');
	background-position:center;
	*/
}

.slick-slide {
	outline: none !important;
}

.hero-slider .slick-slide {

	/* background:url('../images/FSB2016_slide01.png'); */

}
.tagline-box-sub{
	font-family: 'IBMEliotSans';
    color: #2B5270;
    margin-top: 10rem;
    position: absolute;
    z-index: 800;
    margin-left: 3.5rem;
    font-size: 1rem;
    line-height: 1.2rem;
}
.tagline-box-sub#date2 {margin-top: 11.5rem;}
.event-sub-title{
	font-family: 'IBMEliotSans';
    color: #2B5270;
    margin-top: -0.5rem;
    position: absolute;
    z-index: 800;
    margin-left: 0.5rem;
    font-size: 1.1rem;
    line-height: 1.2rem;
}

.venue-box-date{
	font-family: helvetica-neue-thin;
    color: #727174;
    margin-top: 17rem;
    position: absolute;
    z-index: 800;
    margin-left: 3.5rem;
    font-size: 1.1rem;
}

.hero-slider .conf-logo-horizontal {
	display:block;
}

.hero-slider .conf-logo-vertical {
	display:none;
}

.hero-conference-logo {
	position: absolute;
	z-index: 17;
	margin-top: 2.7rem;
	margin-left: 3rem;
	font-family: 'IBMEliotSans';
	font-weight: bold;
	color: #4771A2;
	font-size: 2.5rem;

}
.hero-conference-logo img {
max-width:11rem;
};


.hero-conference-logo span {
	font-family: 'helvetica-neue-thin';
	font-weight: normal;
}

/*social icons - right*/
.social-icons-foot#socialright {
    /* display: none; */
    display: block;
    position: fixed;
    top: 19rem;
    right: 0;
    z-index: 100;
    background-color: #fff;
    width: 3.4rem;
    border: 1px solid #eee;
    padding: 0.3rem;
    opacity: 0.8;
}

#socialright .fa-hp-foot {
    font-size: 3rem;
    margin-top: 0;
    margin-left: 0;
}


#socialright .fa-hp-foot:hover {
    color: #2B5270;
}
/*social icons - right*/

/* button */

.button:hover > .but-middle {
	background: transparent url('../images/button_middle-hover.png') repeat-x left bottom;
	color:#fff;


}

.button:hover > .but-before {
	background: transparent url('../images/button_left-hover.png') no-repeat left bottom;
}

.button:hover > .but-after {
	background: transparent url('../images/button_right-hover.png') no-repeat left bottom;
}

/* .hero-button {
    top: 13.5rem;
	left: 20rem;
}
 */
.button.hero-button {
    font-family: 'IBMEliotSans-Bold'!important;
    background-color: #4771A2;
   margin-left: 3.5rem;
    border-radius: 5px;
    padding: 0.5rem 2rem;
    margin-top: 20rem;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
	position: absolute;
    z-index: 999;
	
}

.button.hero-button:hover{
	background-color: #2B5270 ;
}

.button.hero-button b{
    font-family: 'IBMEliotSans-Bold'!important;

}

.button .but-before {
	width:14px;
	height:62px;
	background: transparent url('../images/button_left.png') no-repeat left bottom;

	display: table-cell;

	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;

	transform: translate(1px, 0px);
}

.button .but-after {
	width:24px;
	height:62px;
	background: transparent url('../images/button_right.png') no-repeat left bottom;

	display: table-cell;

	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;

	transform: translate(-1px, 0px);
}



@media only screen and (max-width: 64.0625em) {

	/* slider */
	.hero-slider .conf-logo-horizontal {
		display:none;
	}

	.hero-slider .conf-logo-vertical {
		display:block;
	}
}


.hero-slider .slider-hero-text {
    position: absolute;
    width: 60%;
    top: 0;
    left: 0;
}

.hero-slider .slider-hero-text h2 {
    font-family: 'IBMEliotSans-Bold';
    font-weight: 400;
    font-size: 2.5rem;
    color: #fff;
    display: block;
    padding: 0.5rem;
    width: 80%;
    margin-left: 3rem;
    margin-top: 10rem;
    text-align: left;
    line-height: 1.1;
}

.tagline-box {
	/* text-shadow: 0px 2px 2px #000000; */
}

.hero-slider .slider-hero-text h3 {
	font-family: 'helvetica-neue-thin',helvetica,arial,sans-serif;
	font-weight: 400;
	font-size: 1.1rem;
	color: #fff;
	display: block;
	padding: 0;
	width: 80%;
	margin: 0 auto;
	margin-top: 0rem;
	text-align: left;
	line-height: 1.2;
}

.hero-slider .slider-hero-text h3 b {
	font-family:'IBMEliotSans',helvetica,arial,sans-serif;
	font-weight:600;
}

.hero-slider .slider-hero-text p {
	font-family:'IBMEliotSans',helvetica,arial,sans-serif;
	font-weight:400;
	font-size: 0.85rem;

	margin:0;

	width: 29rem;
}
.hero-slider .slider-hero-text p b {
	font-family:'IBMEliotSans',helvetica,arial,sans-serif;
	font-weight:600;
}

.hero-slider .slider-hero-text h2 span, .hero-slider .slider-hero-text h3 span{
	font-family:'IBMEliotSans',helvetica,arial,sans-serif;
	font-weight:600;
}


.top-section-events-logo{
    position: absolute;
    height: auto;
    width: 6rem;
    bottom: 1.5rem;
    right: 3rem;
    z-index: 10001;
}

.top-section .hero-overlay-elements {
    position: absolute;
    z-index: 100;
    height: 100%;
    background: transparent;
    width: 100%;
}

.top-section .hero-gfx {
	position:absolute;
	bottom:0px;
	left:-2px;
}


.top-section .venue-information {
    position: absolute;
    bottom: 1.8rem;
	color:#000;
    left: 13rem;
    z-index: 101;
    font-family: AccentureRotis;
    line-height: 1.2;
    font-size: 1.2rem;
	z-index:101;
}

.top-section .venue-information .xb {
    font-family: 'IBMEliotSans';
    font-size: 1.4rem;
    font-weight: 600;
}


.hero-disclaimer {
	position:absolute;
	font-family: 'IBMEliotSans';
	font-size: 0.9rem;
	color: #2B5270;
	/* bottom: 0.5rem;
	left: 4rem; */
	z-index: 999;
    margin-left: 3.5rem
}


.slick-dots {
	bottom: -0.8rem!important;
}

.slick-dots li button:before {
	font-size:10px!important;
	color:white!important;
}

.slick-slider .slick-next:before {
	content:url('../images/button-icon-arrow-r-gray.png');
}
.slick-slider .slick-prev:before {
	content:url('../images/button-icon-arrow-l-gray.png');
}

.slick-slider {
    margin-bottom:0px!important;
}




/* page content */

#page-content h2.article-headline {
	font-size:1.5rem;
   font-family: 'IBMEliotSans-Bold';
    /* font-weight: 600; */
	/* border-bottom: #4771A2 0.5rem solid; */
	/* padding-right: 9rem; */
	background-image: url('../images/IBM_gfxbig.png');
    background-color: #2B5270;
	background-position: bottom;
    /*background-size: contain;*/
    background-repeat: no-repeat;
     color: #fff;
    /* margin: 2rem 0 1rem 0px; */
	padding: 1rem 2rem;
	padding-bottom:1.5rem;
    line-height: 1.2rem;
	text-transform:uppercase;
   
}

#page-content .fake-c-card h2.text-center {    
	font-family: 'IBMEliotSans';
    color: #ffffff;
    background-color: #4771A2;
    font-size: 1.5rem;
    border-bottom: none;
	text-shadow: 3px 2px 9px #333333;
	}
	
#page-content h2.article-headline b {
	font-family:'IBMEliotSans-Bold';
	font-weight:600;
}

#page-content h2.article-headline span {
	font-family:'IBMEliotSans';
	font-weight:400;
	font-size:1.2rem;
	display:block;
}

#page-content ul {
	list-style: none;
}

#page-content ul li {
    /* padding-left: 5px; */
    text-indent: -30px;
}

#page-content ul li:before {
    font-family: FontAwesome;
    content: "\f0fe";
    float: left;
    font-size: 0.8rem;
	color:#fff ;
	margin-left: 10px;
    margin-right: 20px;
    margin-top: 0.15rem;
}
#page-content .agendact ul li:before, #page-content .agendajhb ul li:before { color:#2B5270;}
/*
#page-content h2.article-headline:before{
	content:url('../images/forcepoint-icon.svg');
	padding: 0 0.5rem 0 0;
}
*/

#page-content h2.sub-headline {
	font-size:1.5rem;
	font-family:'IBMEliotSans-Bold';
	font-weight:400;

	color:#4771A2 ;
	background-color:none;
	/*
	background-image: url('../images/forcepoint-icon.svg');
	background-repeat:no-repeat;
	background-position:left middle;
	*/
	line-height: 1;
}

#page-content h2.sub-headline b {
	font-family:'IBMEliotSans-Bold';
	font-weight:400;
}

#page-content .fake-c-card h2 {
	font-size: 1.1rem;
	line-height:1.4rem;
    font-family: 'IBMEliotSans-Bold';
	background-color:#2B5270;
   color: #fff;
    background-image:none; padding-top:1.4rem; padding-bottom:1.5rem; padding-left:2rem; margin-top:-2px; margin-bottom:0;
	box-shadow: none;
	
}

#page-content .fake-c-card h2:before {
	content:"";
}

p.lastParagraph {
	font-size:1.3rem;
	font-family:'IBMEliotSans-Bold';
	color: #4771A2;
	text-decoration:underline;
	text-align:center;
	padding:0.3rem;
}

.inner-page-header h2 {
	font-family:'IBMEliotSans-Bold';
	font-weight:400;
    margin: 0;
    font-size: 2.5rem;
    text-align: center;
    padding: 1.5rem;
    background: #2B5270 ;
    color: #fff;
    text-transform: uppercase;
}


#page-content h3 {
	width: 100%;
    font-family: 'IBMEliotSans-Bold';
    background: transparent;
    color: #4771A2;
    display: block;
    padding: 1.5rem 1rem 1rem 0rem;
    font-weight: bold;
   /*  font-size: 2rem; */
}

#speaker h3 {
	padding: 0.5rem 1rem 0.5rem 0rem;

}

.row .row .row {
	margin:0;
	/*margin:0 !important;*/
}
.i-am-doubled {
	display: none;
}
#header {
	display: block;
	/* position: fixed; */
	left: 0;
	right:0;
	top:0;
	z-index: 99;
	margin-top:1rem;
}
#header .sect {
	position:relative;
	padding: 1rem 0 0.25rem;
}
#header p {
	margin:0;
	padding:0;
}
#header .header-top {
	background-color: #ffffff;
	height: 4.5rem;
}
#header .header-middle {
	background-color: #000;
	height:3.75rem;
}



#header .header-bottom {
	background-color: #0a101d;
}
#header .header-middle .tagline {
	font-size: 2rem;
	font-weight:bold;
	color: black;
}
#header .header-middle .conf-info {
	font-size: 1rem;
	font-weight:bold;
	color: #444444;
}
#header .header-middle .conf-logo {
	position:absolute;
	right:0;
	top:0;
	margin:0;
}
#header .header-middle .tagline.less {
	font-size: 1.5rem;
	color: #cc0000;
}
#header .header-middle .conf-info.less {
	font-size: .75rem;
	color: black;
}
#header .header-middle .conf-logo.less {
}
#header .header-bottom .conf-tagline {
	/*position:absolute;*/
	/*right:0;*/
	/*top:0;*/
	text-align:right;
	/*height: 93px;*/
}
#header .header-bottom .conf-logo {
	margin: 0 !important;
}
#header .header-bottom .conf-logo.less {
}
#header .header-bottom h3.resize.less {
	font-size:132%;
}
#header .header-bottom p.resize.less {
	font-size:80%;
}


/* agenda */


.agenda-break {
	background-color: #eee;
}


.agenda-social-icon {
	float: right;
    display: inline-block;
    margin-right: 0.2rem;
}
.agenda-social-icon:before {
	color: #008E90;
	font-size: 2rem;
}

.agenda-social-icon:hover:before {
	color: #222;
}

.agenda-time {
	display: block;
	width: 100%;
	/*font-size: 1.3rem;*/
	font-size: 1.125rem;
	text-align: center;
}

.agenda-time a, .agenda-time a:hover {
	color:#000!important;
	cursor: default!important;
}

.agenda-activity {
	margin-top:0;
	font-weight:bold;
	/* width:80%; */
}

.agenda-activity .agenda-keynote {
	background:#4771A2;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0.1rem 0.5rem;
}

.agenda-activity .agenda-panel {
	background:#000;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
    padding: 0.1rem 0.5rem;
}


.agenda-table > .row {
	margin: 1rem;
	padding: 1.3rem 0 1.3rem 0;
	border-bottom: 1px solid #e8e8e8;
}

.agenda-speaker-link {
	font-weight:600;
}

/*
.agenda-paragraph > .agenda-speaker-link img {
	float:right !important;
	width: 4rem !important;
	height: 4rem !important;
	border:0.4rem solid #e8e8e8;
	border-radius: 50% !important;
	margin-left: 1rem !important;
}
*/
.agenda-paragraph > .agenda-speaker-link img {
    float: right !important;
    width: 8rem;
    margin-top: 0rem;
	margin-left:1rem;
    height: auto;
    border: 0.4rem solid #e8e8e8;
}

.agenda-paragraph i.fa {

}

.agenda-table .row {
	background:none;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.agenda-break {
	background: #eee!important;
}

.agenda-break:hover {
	background: #CCC!important;
}


.agenda-table .row:hover {
	background:#EEE;
}


/* sponsorship op table */

	.sponsorship-op-table {
		position: relative;
		margin-top: 2rem;
	}
	.sponsorship-op-table .link-box {
		display: block;
		position: absolute;
		/*top:1.5rem;*/
		right:0;
		width: 52%;
		background: transparent;
		/*padding: .5rem;*/
		padding-top: 2rem;
		text-align: center;
	}
	.sponsorship-op-table .link-box .arrow-right {
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
		transform: rotate(180deg);
	}
	.sponsorship-op-table .link-box .fa-chevron-circle-left:before {
		color:red;
		opacity: .6;
	}
	.sponsorship-op-table .sponsorship-op-variables {
		width: 50%;
		background: AliceBlue;
		box-sizing:border-box;
		border-left: 3px solid Beige;
		border-right: 3px solid Beige;
		float:left;
	}
	.sponsorship-op-variables p[class*="sponsor-op-row-"] {
		padding-left:1rem;
	}
	.sponsorship-op-table .sm {
		list-style:none;
		display:block;
		overflow:hidden;
		width: 50%;
		height: auto;
		margin: 0 !important;
	}
	.sponsorship-op-table .sm li {
		width: 100%;
		float:left;
		display:inline;
		overflow:hidden
	}
	.sponsorship-op-table .sm {
		float:left;
	}
	.sponsorship-op-table .sm > li {
		background: white;
		border-right: 3px solid Beige;
	}
	.sponsorship-op-table .sm > li {
		display: none;
	}
	.sponsorship-op-table .sm > li:first-child {
		display: block;
	}
	p[class*="sponsor-op-row-"] {
		padding: 0.5rem;
		/*padding: 0;*/
		margin: 0;
		height:4rem;
		border-bottom: 3px solid Beige;
		color: CadetBlue;
		line-height: 1.2;
		font-size: .8rem;
	}
	p[class*="sponsor-op-row-"] > i {
		padding-top: .9rem;
	}
	p.sponsor-op-row-1 {
		font-weight: 700;
	}
	.sponsorship-op-table .sm li > p[class*="sponsor-op-row-"] {
		width: 100%;
		text-align: center;
	}
	p.sponsor-op-row-1 {
		border-top: 3px solid Beige;
	}

	.sponsorship-op-table .link-box {
		display: none;
	}
	.sponsorship-op-table .sponsorship-op-variables {
		width: 14.28%;
	}

	.sponsorship-op-table .sm > li {
		display: block;
	}

	p[class*="sponsor-op-row-"] {
		font-size: 1rem;
	}
	.sponsorship-op-table .sm {
		width: 85.7%;
	}
	.sponsorship-op-table .sm li {
		width: 16.66%;

	}
	p.sponsor-op-row-5, p.sponsor-op-row-6, p.sponsor-op-row-7, p.sponsor-op-row-11 {
		height: 7.4rem;
	}
	p.sponsor-op-row-8, p.sponsor-op-row-9 {
		height: 6.2rem;
	}
	p.sponsor-op-row-20, p.sponsor-op-row-21 {
		height: 5rem;
	}

	p.sponsor-op-row-6 > i, p.sponsor-op-row-7 > i, p.sponsor-op-row-11 > i {
		padding-top: 2.5rem;
	}
	p.sponsor-op-row-8 > i, p.sponsor-op-row-9 > i {
		padding-top: 2rem;
	}
	p.sponsor-op-row-20 > i {
		padding-top: 0;
	}
	.sponsorship-op-table .sm li > p.sponsor-op-row-20 {
		padding-top: 1.8rem;
	}

.sponsorshipopportunities  .sponsopguide {
	float:right;
}

.sponsorshipopportunities  .sponsopguide  .fake-c-card {
	width: 100%;
    text-align: center;
}
.sponsorshipopportunities  .sponsopguide  .fake-c-card img {
    height: 18rem;
    width: auto;
    margin: 0 auto;
}

.sponsorshipopportunities  .sponsopguide  .fake-c-card h2 {
	margin: 1rem 0rem;
}
/* cbx --> */
.c-card.sponsors .c-card-body img {
	width: 250px !important;
	margin: 0 !important;
}
.c-card.sponsors  .c-card-body .row .image{
	position: absolute !important;
	top: 10% !important;
}

.c-card.sponsors  .c-card-body .row .image a{
	float:right;
}
.sponsors-block {
	/*text-align: center;*/
}
.sponsors-block .sponsors-logos {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	/*justify-content: space-around;*/
}
.sponsors-block .sponsors-logos > div.sponsor {
	display:inline-block;
	float:none;
	margin: auto;
}
.sponsors-block .sponsors-logos > div.sponsor i {
	text-align:center;
}
.inthenews a.read-more-button {
	background:#F6B616;
	color:#000!important;
	padding:1rem;

	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;

}

.inthenews a.read-more-button:hover {
	background:#1FA18C;
	color:#fff!important;
}

@media screen and (max-width: 758px) { /* phones */
	.sponsors-block .sponsors-logos > div.sponsor .c-card-body .image,
	.sponsors-block .sponsors-logos > div.sponsor .c-card-body .introtext	{
		display:block;
		float:none;
		position:relative !important;
		/*text-align:center;*/
	}
	.sponsors-block .sponsors-logos > div.sponsor .c-card-body .image {
		margin-top:1em;
	}
	.sponsors-block .sponsors-logos > div.sponsor .c-card-body .image img {
		margin: 0 auto;
	}
}
/* cbx <-- */


.pswp__container .pswp__button:hover {
    background-color: #;
}


/* speakers */

.speaker-name {
  color:rgba(75,173,72,1);
  /* font-weight: bold; */
  font-family: 'AccentureRotisBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-decoration:none;
}
.speaker-title {
  font-family: 'IBMEliotSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.speaker .sub-headline::first-letter,
.keyspeaker .sub-headline::first-letter,
.workshopspeaker .sub-headline::first-letter,
.speakers .second-title span.quad-colored::first-letter, .speakers .speaker-title::first-letter {
	text-transform:uppercase;
}

.button.read-bio{
    font-family: 'IBMEliotSans'!important;
    width: 13rem; 
    margin-bottom: 0;
    color: #fff!important;
    background-color: #4771A2;
        display: block;
}


.button.read-bio:hover{
    background-color: #2B5270;
   }

.read-bio {
	width: 100%;
	margin-bottom: 0;
	color: #fff !important;
	background:#4771A2;
	font-family:'IBMEliotSans', Helvetica, Arial, sans-serif;
}
.read-bio:hover {
	background:#6F7878;
	color:#fff!important;
}

.read-more {
	/*width: 100%;*/
	font-size: 1.1rem;
	font-family: 'IBMEliotSans', Helvetica, Arial, sans-serif;
	/* font-weight: bold; */
	color: #FFF !important;
}
.underlined {
	width:100%;
	height:0.3rem;
}
.speaker-intro-text {
	padding-top: 1rem;
}
.speaker-intro-text a {
	font-family: 'IBMEliotSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.speaker h3.article-headline,
.keyspeaker h3.article-headline,
.workshopspeaker h3.article-headline {
	font-family: 'IBMEliotSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:600;
}

.speaker h4.sub-headline, .keyspeaker h4.sub-headline, .workwhopspeaker h4.sub-headline {
	color:#333;
	font-weight:400;
	font-family: 'IBMEliotSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.speaker-title, .second-title {
	color:#000;
}
.track-0 .speaker-social-media a {
   /*  font-size: 2rem; */
}

.track-0 .speaker-social-media a:hover {
	color:#232323;
}

.speaker-social-media i {
    margin-left: 0.2rem;
	font-size:2rem;
}

.speaker .agenda-slots-box .fake-c-card,
.keyspeaker .agenda-slots-box .fake-c-card
 {
	margin: 1rem;
	padding:2rem;
}
.agenda-slots-box .agenda-links.text-center { font-size:1.5rem; margin-top:1rem; margin-bottom:0;}
.agenda-slots-box .speaker-social-media { display:none;}
.speaker .agenda-slots-box .agenda-slot-link,
.speaker .agenda-slots-box .agenda-slot-link:hover,
.keyspeaker .agenda-slots-box .agenda-slot-link,
.keyspeaker .agenda-slots-box .agenda-slot-link:hover
 {
	color:#222;
}

.speaker .agenda-activity,
.keyspeaker .agenda-activity {
	width:100%;
}










.pswp__button:hover {
    background-color: #008E90;
}
.registrationfees .fake-c-card img {
	border: 4px solid rgb(210, 210, 210);
	margin-left: 1rem;
}









.registrationfees .fake-c-card {
	padding: 2rem;
}

.agenda .thumbz {
	border-radius:50%;
	border:5px solid #EEE;
}

.active .thumbz {
	border:none;
}

/**
 *
 * this needs to be removed at some point
 *
 */
.roi img {
	display: none;
}

.about .demo-gallery a {
	height: 10.5rem;
}

.about .demo-gallery a > img {
    max-height: 6.5rem;
    height: 6.5rem;
}
.top-bar.expanded {
    position: relative;
    z-index: 2000;
}

/* START OF C-CARD */


.c-card {
  background-color: white;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
  color: #777777;
  padding: 1rem;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.c-card .c-card-title:before, .c-card .c-card-title:after {content: " ";display: table;}
.c-card .c-card-title:after {clear: both;}
.c-card .c-card-title i {float: left;}
.c-card .c-card-title span {
}
.c-card .c-card-title strong {
	margin: 0.3rem 0 0 0.9375rem;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: wrap;
	font-weight: normal;
	font-size:1.4375rem;
	line-height: 1.5;
	min-width: 20rem;
}
.c-card.active .c-card-title.story-no-image {
	margin-bottom: 0;
}
.c-card .c-card-title strong span, .thumbswitcher {
	display: block;
}
.min-max {
	position: absolute;
	top: 0;
	right: 0;
	font-family: FontAwesome;
	padding-left: .4rem;
	padding-right: .4rem;
	font-size: 0.9rem;
	line-height: 2;
	margin-top: 0;
}
.c-card .c-card-body {
	padding: 0 1rem 1rem 1rem;
	display: none;
	position: relative;
}
.c-card * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.c-card.active {
	-moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
	-webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
	box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);
	z-index: 200;
	margin: 1rem -1rem;
	background: #fff;
}
.c-card.active:hover .min-max:after {
	content: "\f066";
	color: #008E90;
}
.c-card:hover .min-max:after {
	content: "\f065";
	color: #f13037;
}

.c-card:hover:not(.active) {
    background-color: #e5e5e5;
    border-radius: 1rem;
}

.c-card.active:hover {
    border-radius: 0;
}

.speaker-name-active {

}
.thumbswitcher i[class*="fa-"] {
    font-size: 3.3rem;
    color: #008E90;
    margin-top: .7rem;
}
.thumbswitcher i[class*="fa-"] {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.c-card.active i.thumbz {
	font-size: 0;
}
.second-title {
	/*font-size: 1.6rem !important;*/
	margin-top: 0rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	margin-bottom: 1rem;
}
.speaker-name {
	color: #4771A2;
	font-family: 'IBMEliotSans', sans-serif;
	text-decoration: none;
	font-weight: 600;
}

.read-bio {
	width: 100%;
	margin-bottom: 0;
	color: #fff !important;
}
.read-more {
/*
	font-size: 1.1rem;
	font-family: open-sans-semibold, sans-serif;
	font-weight:bold;
	color: #fff !important;
*/
}
.underlined {
	width:100%;
	height:0.3rem;
	background: #4771A2;
}
.speaker-intro-text {
	padding-top: 1rem;
}
.speaker-title {
	/*font-size: 1.0625rem;*/
	font-size: 1.1875rem;
}
.speaker-title, .second-title {
	/*color:rgba(36,83,151,1);*/
}
.c-card.active .quad-colored {
	display: block;
	margin-top: 0;
	margin-bottom: .4rem;
	padding-top: 0;
	font-size: 1.1875rem;
	font-family: 'IBMEliotSans';
	font-weight:bold;
	color: #333;
}
.c-card.active .c-card-title {
	margin-bottom: -.7rem;
}
.faq .c-card.active .c-card-title {
	margin-bottom: 0;
}
.faq .c-card.active .c-card-title.relative.clearfix {
	border-bottom: 3px solid #ddd;
	margin: 0 .5rem .7rem;
}
.faq .c-card .c-card-title strong {
	margin: 0.3rem 0 0 0.3rem;
}
/* END OF C-CARD */

.home-keyspeaker img {
    float: right;
    width: 8rem;
    margin-top: 0rem;
    margin-left: 1rem;
    height: auto;
    border: 0.4rem solid #e8e8e8;
	clear:right;
}
i.thumbswitcher {
    min-height: 4rem;
}

.inthenews .sticky, .inthenews .sticky:hover {
	background-color: #eee;
	background-image: url('../images/ITWebEvents-logo.png');
	background-position: right 2rem top 1rem;
	background-repeat: no-repeat;
	background-size:4rem auto;
}

.registrationfees .earlybirdfees,
.registrationfees .earlybirdbox {
	/* display:none; */
}


/* about images */
.about-image {
    width: 100%;
    max-width: 18rem;
    height: auto;
    border-radius: 0.7rem;
    display: block;
    margin: 0 auto 2rem;
}

/* *** cbx *** */
.home-news .pagination {
	display:none;
}
div.pagination {
		margin-top: 2.5rem;
	}
div.pagination p {
	margin: 0 .5rem .5rem .5rem;
	font-size: 1.33rem;
	font-weight: bold;
	color: #444;
}
div.pagination a, div.pagination span {
	float:left;
	margin: .5rem .5rem .5rem .5rem;
	padding: 1rem 2rem;
	font-size: 1.33rem;
	font-weight: bold;
	background: #ccc;
	color: #444;
}
div.pagination a:hover, div.pagination span:hover {
	background: #aaa;
}
div.pagination a div.arrow-right {
	width: 0;
	height: 0;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
	border-left: 1rem solid #444;
}

div.pagination a div.arrow-left {
	width: 0;
	height: 0;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
	border-right: 1rem solid #444;
}
div.pagination span.active {
	background: #eee;
	color: #aaa;
}
/* *** cbx *** */

.preregistration .button {
	margin-top:1rem;
    background:#008E90;
}
.preregistration .button:hover {
    background: rgba(1,49,69,1);
    color: #fff;
}


.thumbz {
	/* border-radius: 50% !important; */
}



@media only screen {
	.skin {
		display: none;
	}
}

@media only screen and (min-width: 82.5em) {
	.skin-box {
		/*position: fixed;*/
	}
	.skin {
		display: block;
		width: 82.5rem;
		margin: 0 auto;
		background: transparent;
		/*opacity: .3;*/
		height: 37.5rem;
		margin-bottom: -37.5rem;
	}
	.banner-box {
		float: left;
		width: 10rem;
		height: 37.5rem;
		/*background: silver;*/
		/*opacity: .5;*/
		border-right: 1px solid #e6e6e6;
		/*margin-top:0.5rem;*/
		text-align:right;
	}

	.sponsor-writeup-box {
		float: right;
		width: 10rem;
		/* height: 37.5rem; */
		padding: 0 .5rem 0;
		border-left: 1px solid #e6e6e6;
		/*background: red;*/
		/*opacity: .5;*/

	}
	.sponsor-writeup-box h3 {
		width: 100%;
		color: #9c9a9c;
		/*font-size: 15px;*/
		text-align: center;
		font-size: 0.875rem;
		font-family: 'IBMEliotSans-Bold', Helvetica, Arial, sans-serif;
		letter-spacing: .06rem;
		margin: .5rem 0;
	}
	.sponsor-writeup-box img {
		display: block;
		margin: 1rem auto;
		width:120px;
		height:auto;
	}
	.sponsor-writeup-box p, .sponsor-writeup-box p > a {
		font-size: 0.875rem;
		font-family: 'IBMEliotSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		line-height: 1.25;
	}
	.sponsor-writeup-box p > a {
	    color: #1FA18C;
	}
	.sponsor-writeup-box p > a:hover {
	    color: #000;
	}
}


.footer-row {
    background: #eee;
    border-top: 2rem solid #fff;
}

.footer-disclaimer {
	font-size: 0.8rem;
    margin-top: 2rem;
    padding: 1rem 0.5rem;
    /*border-top: 1px solid #ccc;*/
}

.custom-twitter-icon {
    margin: 2rem 0 0 0;
    width: 100%!important;
    background-color: #4771A2;
    padding: 0.6rem .3rem .3rem;
    border-radius: .7rem;
}

.fa-twitter:before {
	color:#fff!important;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%!important;
    text-align: center;
}

.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;
    transform: translate(0, 0);
}

.follow-us-paragraph {
    width: 100%;
    padding: .5rem;
    text-align: right;
    font-size: 0.8rem!important;
}

.folow-us-paragraph a {
	color:#28A505!important
}

.registration .register-button {
	width:80%;
}

.slider-hero-text .hero-logo {
	margin: 4rem 0 0 2rem;
}


.hero-slider,
.slick-list {
	height:100%;
}



@media only screen and (max-width:40em){
	.registration .fake-c-card {
		width:99%;
	}

}

@media only screen and (max-width:768px){#page-content .fake-c-card h2.text-center { font-size:1.3rem;}}

/* ajax registration loader  */

#ajaxLoaderCSS3{
	position:relative;
	width:62px;
	height:77px
}
.ajaxLoderCSS3Block{
	position:absolute;
	background-color:#FFFFFF;
	width:10px;
	height:24px;
	-moz-border-radius:8px 8px 0 0;
	-moz-transform:scale(0.4);
	-moz-animation-name:ajaxLoderCSS3Fade;
	-moz-animation-duration:1.04s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-webkit-border-radius:8px 8px 0 0;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:ajaxLoderCSS3Fade;
	-webkit-animation-duration:1.04s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-o-border-radius:8px 8px 0 0;
	-o-transform:scale(0.4);
	-o-animation-name:ajaxLoderCSS3Fade;
	-o-animation-duration:1.04s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:normal;
	-ms-border-radius:8px 8px 0 0;
	-ms-transform:scale(0.4);
	-ms-animation-name:ajaxLoderCSS3Fade;
	-ms-animation-duration:1.04s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:normal;
	border-radius:8px 8px 0 0;
	transform:scale(0.4);
	animation-name:ajaxLoderCSS3Fade;
	animation-duration:1.04s;
	animation-iteration-count:infinite;
	animation-direction:normal;
}
#ajaxLoderCSS3Rotate_01{
	left:0;
	top:28px;
	-moz-animation-delay:0.39s;
	-moz-transform:rotate(-90deg);
	-webkit-animation-delay:0.39s;
	-webkit-transform:rotate(-90deg);
	-o-animation-delay:0.39s;
	-o-transform:rotate(-90deg);
	-ms-animation-delay:0.39s;
	-ms-transform:rotate(-90deg);
	animation-delay:0.39s;
	transform:rotate(-90deg);
}
#ajaxLoderCSS3Rotate_02{
	left:8px;
	top:10px;
	-moz-animation-delay:0.52s;
	-moz-transform:rotate(-45deg);
	-webkit-animation-delay:0.52s;
	-webkit-transform:rotate(-45deg);
	-o-animation-delay:0.52s;
	-o-transform:rotate(-45deg);
	-ms-animation-delay:0.52s;
	-ms-transform:rotate(-45deg);
	animation-delay:0.52s;
	transform:rotate(-45deg);
}
#ajaxLoderCSS3Rotate_03{
	left:26px;
	top:3px;
	-moz-animation-delay:0.65s;
	-moz-transform:rotate(0deg);
	-webkit-animation-delay:0.65s;
	-webkit-transform:rotate(0deg);
	-o-animation-delay:0.65s;
	-o-transform:rotate(0deg);
	-ms-animation-delay:0.65s;
	-ms-transform:rotate(0deg);
	animation-delay:0.65s;
	transform:rotate(0deg);
}
#ajaxLoderCSS3Rotate_04{
	right:8px;
	top:10px;
	-moz-animation-delay:0.78s;
	-moz-transform:rotate(45deg);
	-webkit-animation-delay:0.78s;
	-webkit-transform:rotate(45deg);
	-o-animation-delay:0.78s;
	-o-transform:rotate(45deg);
	-ms-animation-delay:0.78s;
	-ms-transform:rotate(45deg);
	animation-delay:0.78s;
	transform:rotate(45deg);
}
#ajaxLoderCSS3Rotate_05{
	right:0;
	top:28px;
	-moz-animation-delay:0.9099999999999999s;
	-moz-transform:rotate(90deg);
	-webkit-animation-delay:0.9099999999999999s;
	-webkit-transform:rotate(90deg);
	-o-animation-delay:0.9099999999999999s;
	-o-transform:rotate(90deg);
	-ms-animation-delay:0.9099999999999999s;
	-ms-transform:rotate(90deg);
	animation-delay:0.9099999999999999s;
	transform:rotate(90deg);
}
#ajaxLoderCSS3Rotate_06{
	right:8px;
	bottom:7px;
	-moz-animation-delay:1.04s;
	-moz-transform:rotate(135deg);
	-webkit-animation-delay:1.04s;
	-webkit-transform:rotate(135deg);
	-o-animation-delay:1.04s;
	-o-transform:rotate(135deg);
	-ms-animation-delay:1.04s;
	-ms-transform:rotate(135deg);
	animation-delay:1.04s;
	transform:rotate(135deg);
}
#ajaxLoderCSS3Rotate_07{
	bottom:0;
	left:26px;
	-moz-animation-delay:1.1700000000000002s;
	-moz-transform:rotate(180deg);
	-webkit-animation-delay:1.1700000000000002s;
	-webkit-transform:rotate(180deg);
	-o-animation-delay:1.1700000000000002s;
	-o-transform:rotate(180deg);
	-ms-animation-delay:1.1700000000000002s;
	-ms-transform:rotate(180deg);
	animation-delay:1.1700000000000002s;
	transform:rotate(180deg);
}
#ajaxLoderCSS3Rotate_08{
	left:8px;
	bottom:7px;
	-moz-animation-delay:1.3s;
	-moz-transform:rotate(-135deg);
	-webkit-animation-delay:1.3s;
	-webkit-transform:rotate(-135deg);
	-o-animation-delay:1.3s;
	-o-transform:rotate(-135deg);
	-ms-animation-delay:1.3s;
	-ms-transform:rotate(-135deg);
	animation-delay:1.3s;
	transform:rotate(-135deg);
}
@-moz-keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}
@-webkit-keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}
@-o-keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}
@-ms-keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}
@keyframes ajaxLoderCSS3Fade{
	0%{ background-color:#000000 }
	100%{ background-color:#FFFFFF }
}


/* social icon box */

.social-icon-box a {
	color:#000;
	margin-right:0.5rem;
	font-size:1.5rem;
}
.social-icon-box a:hover {
	color:#FDB415;
}



.top-bar .toggle-topbar.menu-icon a {
	color:#000;
}

.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0 0 1px #000,0 7px 0 1px #000,0 14px 0 1px #000;
}

/* venue - Iva */
.venue img.float-image-right{
	/*width:48%;*/
}
@media only screen  and (min-width:769px) and (max-width:1024px) {.top-bar-section ul { margin-left:8rem; margin-top:0.5rem;}}