/*
	Theme Name: Brunico Event/Awards Framework
	Description: EventSAAS appliable stylesheet/framework for all Brunico event and awards sites
	Version: v.2.0
	Author: R. Stephenson Price
	Author URI: www.stratasfear.com
    
    UPDATES: 
    2016-05-16 - 2017 menu design tweaks, glitch fixes.
    2015-12-14 - MobileMenu tweaks
    2015-08-19 - Agenda mobilization fixes + Chrome fixed positioning/transform rendering glitch fix + added "people/person" styles and news bulletins system to core framework
    2015-08-11 - transferred cancellation/privacy policy dropdown defaults to core framework
    2015-08-05 - fixed iOS mobile Menu side-swipe bug
    2015-07-06 - contains sidebarCarousel/mobileMenu glitch fixes
*/

/* --------------------------------------- */
/* CORE
/* --------------------------------------- */

*, *:before, *:after { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { background:#ffffff; margin:0; padding:0; color:#232323; font-size:1em; font-family: "Roboto", sans-serif; position:relative; z-index:0; }
h1, h2, h3, h4, h5, h6, h7 { color:#232323; margin:0 0 20px; }
h1 { font-size:2.0em; line-height:1.1em;  }
h2 { font-size:1.7em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.0em; }
h6 { font-size:0.8em; }
h7 { font-size:1.0em; width:100%; text-align:right; margin:0 0 20px; float:right; }

p { margin:0 0 20px; }

a:link, a:visited 	{ padding:0; margin:0; text-decoration:none; color:#09F; }
a:hover 	{ color:#F03; }

a:hover img { opacity:1.0; transition:ease;
		   -webkit-transform:rotate(0);
		      -moz-transform:rotate(0); 
			       transform:rotate(0); 
}

hr { margin:20px 0; width:100%; overflow:hidden; border:1px solid #EFEFEF; }
blockquote { float:right; width:50%; padding:20px; margin:20px 0 20px 20px; border-top:4px solid #787878; border-bottom:4px solid #787878; font-size:1.4em; line-height:1.3em; font-weight:bold; font-style:italic; color:#787878; }

#siteContainer		{ width:100%; display:block; position:relative; z-index:1; overflow:hidden; 
						box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; }
#siteBacking		{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:-1; }
.overlay			{ display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; Z-index:20; position:absolute; background-color:rgba(0,0,0,0.8)}
.container 			{ max-width:1000px; margin:0 auto; }
.containerWide		{ max-width:1300px; margin:0 auto; }
.billboardContainer { max-width:1300px; margin:0 auto; position:relative; z-index:4; background:#fbf9f9; }

/* Overwritten in child theme for HTML5 Compatibility */
/* .clearfloat			{ display: inline-block; }
.clearfloat:after 	{ content:""; display:block; height:0; clear:both; visibility:hidden; }*/


.shadow { box-shadow:0 0 5px #121212; -moz-box-shadow:0 0 5px #121212; -webkit-box-shadow:0 0 5px #121212; }

.alignLeft 	{ display:block; float:left; margin:0 40px 40px 0; }
.alignRight	{ display:block; float:right; margin:0 0 40px 40px; }

.hotLink        { position:relative; top:-125px; }
.topLink        { position:fixed; background:#000000 url('/Content/2017/images/arrow-up.png') no-repeat center center; bottom:20px; right:20px; opacity:0.6; width:40px; height:40px; border-radius:4px; z-index:10; }
.topLink:hover  { opacity:1.0; }

.content iframe, .content embed, .content video { width:100%; height:auto; min-height:0px; margin:0 0 40px; }

.share { float:left; margin:0 10px 10px 0; }
.share iframe, .share embed, .share video { min-height:0; }
#contentBody iframe { min-height:350px; }

/* --------------------------------------- */
/* SPECIAL CHARACTER FONT(S)
/* --------------------------------------- */

@font-face{ 
	font-family: 'Glyphicons Halflings';
	src: url('/Content/2017/fonts/glyphicons-halflings-regular.eot');
	src: url('/Content/2017/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
	     url('/Content/2017/fonts/glyphicons-halflings-regular.woff') format('woff'),
	     url('/Content/2017/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
	     url('/Content/2017/fonts/glyphicons-halflings-regular.svg#webfont') format('svg');
}

.glyphicon {
  	position: relative;
	top: 3px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-award:before {
	content: "\e102";
}

.glyphicon-home:before {
	content: "\e021";
}

.glyphicon-event:before {
	content:"\e062";
}

.glyphicon-xchange:before {
	content:"\e135";
}

.glyphicon-remove:before {
	content:"\e088";
}

.glyphicon-cog:before {
    content:"\e019";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

/* --------------------------------------- */
/* FORMS
/* --------------------------------------- */

.well { background: #fff; border: none; border-radius: 8px; padding: 20px; margin: 0 0 20px; width:100%; word-wrap: break-word; width: 100% !important;}
.well .small { font-size:0.8em; }
#privacyPolicy li, #videoClearance li { font-size:0.8em !important; }
form .btn       { margin:20px auto; }
.btn,.btn-large { padding:7px 10px; margin:0 0 0 10px; }

input           { padding:7px 10px; font-family: "Roboto", sans-serif;}
.inline input   { width:50%; float:left; }
textarea        { width:100%; }
select          { padding:5px 10px; width:70%; }

input[type="text"]      { width:70%; }
input[type="radio"],
input[type="checkbox"]  {
    margin:2px 10px 0 0 !important;
    line-height:normal;
    cursor:pointer;
    width:auto;
    display:table-cell;
    vertical-align:top;
    width:initial !important; 
}
input[type="file"]      { width:70%; padding: 7px 0px;}

.checkboxLabel { display:inline-block; text-align:left; width:80%; width:calc(100% - 30px); width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); margin:0 0 5px; }

/*#Pitchit td, #Pitchit th    { width:5%; }*/
#Pitchit h3                 { margin:10px 0; }
form h4                     { width:100%; float:left; color:#fff; background:#121212; padding:5px 10px; margin:20px 0; text-align:center; border-radius: 8px;}
table h5                    { margin:20px 0 !important; }

.regExtraInfo               { clear:both; margin:20px 0; padding:20px 0; border-top:5px solid #afafaf; border-bottom:5px solid #afafaf; }
#emailaddressvalidatebutton { margin:0; }
.regNav                     { text-align:center; margin:20px auto; width:100%; clear:both; float:left; }
#promocode                  { width:50% !important; }

#inviteForm td, #inviteForm th  { width:50%; }
#eventregisterform              { margin-top: 10px; color: #022d55;}
#validateemailresults   { margin:20px 0; }
#step1, #step2, #step3, #step4, #step5, #step6 { margin:0; }
#step1:after, #step2:after, #step3:after, #step4:after, #step5:after, #step6:after { clear:both; }
.control-group { width:100% !important; clear:both; float:left; padding:10px 20px; }
.control-label, .controls { width:50%; padding:0; float:left; }

.control-group .search-query { margin:0 0 10px; float:left; }
.control-group .btn { margin:0 }

#step3 .control-group:nth-child(2n+1) { background-color:transparent; }
#step3 p            { clear:both; float:left; margin:0 0 20px; }
#step3 .btn-large   { margin:20px 0; }

.policyBox      { height:65px; cursor:pointer; overflow:hidden; padding-top:20px;}
.policyBoxOpen  { height:auto; }
.policyHeader   { position:relative; display:inline-block; color:#022d55;}

.policyHeader strong:after {
    left: 110%;
    top: 10%;
    position: absolute;
    pointer-events: none;
    content: ' ';
    font-weight: bold;
    float: right;
    display: inline-block;
    border-bottom: 3px solid #022d55;
    border-right: 3px solid #022d55;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    transition: 0.4s;
}

.policyBoxOpen .policyHeader strong:after {
    transform: rotate(225deg);
    transition: 0.4s;
    top: 30%;
}

#contentBody .oneColumn_logos img { width:initial; }

/* --------------------------------------- */
/* Headshot Upload
/* --------------------------------------- */

#headshotUploadCrop img{
    margin: 0 !important;
    display: block;
}
#headshotUploadThumbnail img, #cropResult img{
    width: 300px !important;
    height: 300px !important;
    outline: 0!important;
    margin: 20px 0 20px 0 !important;
}
/* --------------------------------------- */
/* Headshot Upload: CropArea
/* --------------------------------------- */
.crop-area {
    position: relative;
    display:inline-block;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
}

.crop-box {
    position: absolute;
    cursor: move;
}
.crop-box-move {
    position: absolute;
    left: 0;
    top:0;
    right:0;
    bottom: 0;
}
.crop-box-grip {
    border: 1px solid #000;
    background-color: #FFF;
    width: 10px;
    height: 10px;
    position: absolute;
}
.crop-box-grip-nw {
    cursor: nw-resize;
    left: -5px;
    top: -5px;
}
.crop-box-grip-ne {
    cursor: ne-resize;
    right: -5px;
    top: -5px;
}
.crop-box-grip-se {
    cursor: nw-resize;
    right: -5px;
    bottom: -5px;
}
.crop-box-grip-sw {
    cursor: sw-resize;
    left: -5px;
    bottom: -5px;
}
.crop-box-outside {
    background-color: #FFF;
    opacity: 0.4;
    position: absolute;
}

/* --------------------------------------- */
/* FORMS: VALIDATION
/* --------------------------------------- */

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* --------------------------------------- */
/* AGENDA
/* --------------------------------------- */

#agendaMenu 	{ background:#f45a32; height:auto; width:100%; margin:0; z-index:8; -webkit-transform: translate3d(0,0,0); }
#agendaMenu h5  { color:#efefef; }
#agendaMenu ul, #agendaMenu li { float:left; list-style:none; }
#agendaMenu li { padding:8px 20px; }
#agendaMenu .searchBox { background:#f45a32; margin-bottom: 5px; }
.agendaSearch   { float:right; max-width:300px; }
#agendaMenu a { color: #fff; }

/* from old style.css */
.agendaCell     { border-left:1px solid #ccc; }
.agendaCell .row-fluid { padding:10px !important; /*height: auto !important;*/ }
.agendaCell:last-child { border-right:1px solid #ccc;}

#sidebar-nav ul li { list-style:none; }
#sidebar-nav img { width:initial !important; margin:0 !important; }
.days { float:right; width:80%; width:calc(100% - 165px); width:-moz-calc(100% - 165px); width:-webkit-calc(100% - 165px); margin:0 0 40px; }

.session { /*margin:10px 0 !important; padding:10px !important;*/ border-radius:5px; display:inline-block; font-size:1.7em; }
.session:hover { background:#000; color:#fff; }

/* AGENDA FIXES - HOLDOVER FROM OLD PA */

.agendaBody #sidebar-container          { margin:68px 0 0 0 !important; height:auto !important; }
.agendaBody #filters a                  { display:block; padding:5px 10px; margin:5px 10px 5px 0; border-radius:5px; }
.agendaBody #filters li:first-child a   { border:1px solid rgb(204, 204, 204); margin-right:10px !important; }
.agendaBody #table_simple br            { display: none; }
#table_simple a                         { padding:15px 13px !important; /*font-weight: normal;*/ }

.agendaBody #table_simple td:nth-child(1) { padding-top: 16px !important; }
.agendaBody #table_simple td:nth-child(2) { white-space: inherit !important; }


/* ICONS */

.icon-white {
  background-image: url("/Content/2017/images/glyphicons-halflings-white.png");
  display:inline-block; 
  height:15px;
  width:14px; 
  margin:0 5px 0 0; 
}

.icon-glass {
  background-position: 0 2px;
}

.icon-music {
  background-position: -24px 2px;
}

.icon-search {
  background-position: -48px 2px;
}

.icon-envelope {
  background-position: -72px 2px;
}

.icon-heart {
  background-position: -96px 2px;
}

.icon-star {
  background-position: -120px 2px;
}

.icon-star-empty {
  background-position: -144px 2px;
}

.icon-user {
  background-position: -168px 2px;
}

.icon-film {
  background-position: -192px 2px;
}

.icon-th-large {
  background-position: -216px 2px;
}

.icon-th {
  background-position: -240px 2px;
}

.icon-th-list {
  background-position: -264px 2px;
}

.icon-ok {
  background-position: -288px 2px;
}

.icon-remove {
  background-position: -312px 2px;
}

.icon-zoom-in {
  background-position: -336px 2px;
}

.icon-zoom-out {
  background-position: -360px 2px;
}

.icon-off {
  background-position: -384px 2px;
}

.icon-signal {
  background-position: -408px 2px;
}

.icon-cog {
  background-position: -432px 2px;
}

.icon-trash {
  background-position: -456px 2px;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -46px;
}

.icon-tags {
  background-position: -25px -46px;
}

.icon-book {
  background-position: -48px -46px;
}

.icon-bookmark {
  background-position: -72px -46px;
}

.icon-print {
  background-position: -96px -46px;
}

.icon-camera {
  background-position: -120px -46px;
}

.icon-font {
  background-position: -144px -46px;
}

.icon-bold {
  background-position: -167px -46px;
}

.icon-italic {
  background-position: -192px -46px;
}

.icon-text-height {
  background-position: -216px -46px;
}

.icon-text-width {
  background-position: -240px -46px;
}

.icon-align-left {
  background-position: -264px -46px;
}

.icon-align-center {
  background-position: -288px -46px;
}

.icon-align-right {
  background-position: -312px -46px;
}

.icon-align-justify {
  background-position: -336px -46px;
}

.icon-list {
  background-position: -360px -46px;
}

.icon-indent-left {
  background-position: -384px -46px;
}

.icon-indent-right {
  background-position: -408px -46px;
}

.icon-facetime-video {
  background-position: -432px -46px;
}

.icon-picture {
  background-position: -456px -46px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -142px;
}

.icon-bullhorn {
  background-position: -24px -142px;
}

.icon-bell {
  background-position: -48px -142px;
}

.icon-certificate {
  background-position: -72px -142px;
}

.icon-thumbs-up {
  background-position: -96px -142px;
}

.icon-thumbs-down {
  background-position: -120px -142px;
}

.icon-hand-right {
  background-position: -144px -142px;
}

.icon-hand-left {
  background-position: -168px -142px;
}

.icon-hand-up {
  background-position: -192px -142px;
}

.icon-hand-down {
  background-position: -216px -142px;
}

.icon-circle-arrow-right {
  background-position: -240px -142px;
}

.icon-circle-arrow-left {
  background-position: -264px -142px;
}

.icon-circle-arrow-up {
  background-position: -288px -142px;
}

.icon-circle-arrow-down {
  background-position: -312px -142px;
}

.icon-globe {
  background-position: -336px -142px;
}

.icon-wrench {
  background-position: -360px -142px;
}

.icon-tasks {
  background-position: -384px -142px;
}

.icon-filter {
  background-position: -408px -142px;
}

.icon-briefcase {
  background-position: -432px -142px;
}

.icon-fullscreen {
  background-position: -456px -142px;
}

/* --------------------------------------- */
/* ADS
/* --------------------------------------- */

#leaderboardTop 	{ background:#EC008C; width:100%; height:90px; }
#leaderboardBottom 	{ background:#EC008C; width:100%; height:90px; }
#sidebarBox 		{ background:#EC008C; width:100%; height:300px; margin:0 0 20px; }

/* --------------------------------------- */
/* MENU CORE
/* --------------------------------------- */

#masterMenu .menu 	{ margin:0; padding:0; list-style:none; height:40px; line-height:40px; }
#masterMenu .menu li 	{ list-style:none; display:block; float:left; height:40px; line-height:40px; margin:0; padding:0; position:relative; }
#masterMenu .menu li a	{ display:block; height:40px; line-height:20px; padding:10px 20px; border-right:1px solid #232323; }
#masterMenu .menu li a:hover, #masterMenu .menu .current-menu-item, #masterMenu .menu .current-menu-parent, #masterMenu .menu .current-menu-ancestor, #masterMenu .menu .current_page_item, #masterMenu .menu .current_page_parent, #masterMenu .menu .current_page_ancestor { background:#32BBBA; color:#fff; }

#masterMenu li .sub-menu, #masterMenu li .dropdown-menu 		{ width:300px; display:none; position:absolute; top:40px; box-shadow:0 5px 5px #121212; -moz-box-shadow:0 5px 5px #121212; -webkit-box-shadow:0 5px 5px #121212; z-index:9; }
#masterMenu li.brand .sub-menu, #masterMenu li.brand .dropdown-menu { width:146px; }
#masterMenu li:hover .sub-menu, #masterMenu li:hover .dropdown-menu 	{ display:block; }
#masterMenu li .sub-menu li, #masterMenu li .dropdown-menu li 	{ display:inline-flex; width:100%; }
#masterMenu li .sub-menu li a, #masterMenu li .dropdown-menu li a	{ height:40px; line-height:40px !important; display:inline-flex; background:#24555F; width:100%; margin:0; padding:0 20px !important; border:0; }

#masterMenu .menu li > a:hover, #masterMenu .menu .topMenu a:hover, #masterMenu .menu li:hover > span, #masterMenu .menu li:hover > a, #masterMenu .menu .sub-menu li:hover > span, #masterMenu .menu .sub-menu li:hover > a, #masterMenu .menu .dropdown-menu li:hover > span, #masterMenu .menu .dropdown-menu li:hover > a {
	color: #ffffff;
	background: #09F;
}

.socialBox 						{ margin:0; padding:0; height:100%; float:left; overflow:hidden; }
.socialBox a 					{ float:left; margin:0; padding:0; }
.socialBox .btn-social 			{ margin:0; padding:0; border-right:1px solid #232323;  }
.socialBox .btn-social:hover	{ background:#09f; }

.searchBox 		{ background:#343434; float:right; width:250px !important; padding:8px 10px; max-height:39px; }
.searchBar 		{ width:80% !important; width:calc(100% - 25px) !important; background:#FFF; height:24px; line-height:18px;
							border-radius:5px; display:inline-block; border:none; padding:5px 10px; color:#000 !important; }
.btn-search 	{ padding:0; margin:0 !important; color:#ffffff; background:none; border:0; cursor:pointer; display:inline-block; }

/* --------------------------------------- */
/* BRUNICO/BRAND MENU
/* --------------------------------------- */

#masterMenu 		{ background:#000000; width:100%; height:40px; position:fixed; z-index:11; top:0; left:inherit; font-size:11pt !important; -webkit-transform: translate3d(0,0,0); }
#masterMenuInner	{ float:left; width:auto; }
#masterMenu-content { font-size:0.75em; line-height:22px !important; text-transform:uppercase; }
#masterMenu-content .submenu li a { border-top:1px solid #121212; }
#masterMenu-content .brand {}
#masterMenu-content .brand > .submenu { width:auto !important; }
#masterMenu-content .brand .submenu li a { text-align:center !important; }
#masterMenu-content .brand img { max-height:20px; max-width:100px; height:auto; width:auto; display:block; }
#masterMenu-content .brand .brand img { margin:10px auto; height:19px; display:block; }
#masterMenu-content .xchange {}
#masterMenu-content .xchange > .submenu { width:auto !important; min-width:200px; }
#masterMenu-content .xchange img { max-height:16px; max-width:140px; height:auto; width:auto; margin:3px 0 0; }


/* --------------------------------------- */
/* MAIN/EVENT MENU
/* --------------------------------------- */

#mainMenu 			{ background:#022d55; height:45px; width:100%;  z-index:10; position:relative; -webkit-transform: translate3d(0,0,0); }
#mainMenuInner		{ max-width:1000px; }
.mainMenu-content	{ display:table; }
.mainMenu-content .submenu { top:40px; z-index:9; }

#mainMenu .menu 	{ margin:0; padding:0; list-style:none; height:60px; line-height:40px; display: flex; justify-content: space-around;flex-wrap: nowrap;}
#mainMenu .menu li 	{ list-style:none; display:block; float:left; height:60px; line-height:40px; margin:0; padding:0; position:relative; }
#mainMenu .menu li a	{ display:block; height:60px; line-height:20px; padding:10px 20px; border-right:1px solid #454545; }
#mainMenu .menu li a:hover, #mainMenu .menu .current-menu-item, #mainMenu .menu .current-menu-parent, #mainMenu .menu .current-menu-ancestor, #mainMenu .menu .current_page_item, #mainMenu .menu .current_page_parent, #mainMenu .menu .current_page_ancestor { background:#f45a32 ; color:#fff; }

#mainMenu li .sub-menu 		{ width:300px; display:none; position:absolute; top:40px; box-shadow:0 5px 5px #FEC465; -moz-box-shadow:0 5px 5px #121212; -webkit-box-shadow:0 5px 5px #121212; z-index:9; }
#mainMenu li.brand .sub-menu { width:146px; }
#mainMenu li:hover .sub-menu 	{ display:block; }
#mainMenu li .sub-menu li 	{ display:inline-flex; width:100%; }
#mainMenu li .sub-menu li a	{ height:60px; line-height:40px !important; display:inline-flex; background:#022d55; width:100%; margin:0; padding:0 15px !important; border:0; }

#mainMenu li .sub-menu li:hover, #mainMenu .menu li > a:hover, #mainMenu .menu .topMenu a:hover, #mainMenu .menu li:hover > span, #mainMenu .menu li:hover > a, #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a {
	color: #ffffff;
	background: #f45a32;
}

/* --------------------------------------- */
/* MOBILE MENU
/* --------------------------------------- */

.btn-box		{ border-top:4px solid #fff; width:4px; float:left; margin:0 2px 4px 0; clear:both; }
.btn-line		{ border-top:4px solid #fff; width:17px; float:left; margin:0 0 4px; }
.btn-x			{ height:100%; width:100%; text-align:center; display:none; color:#fff; }
#btn-mobileMenu { padding:10px; height:40px; width:45px; display:none; cursor:pointer; border-right:1px solid #232323; }
#btn-mobileMenu:hover { background:#787878; }

#mobileMenuInner	{ overflow-y:scroll; height:100%; width:100%; }
#menuHeader 		{ padding:40px 20px 20px; }
#siteLogo 			{ margin:0 0 20px; width:100%; height:auto; max-width:240px; text-align:center; }

#mobileMenuOverlay { position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5); z-index:13; width:100%; height:100%; }
#mobileMenu .searchBox 	{ float:none; width:100% !important; padding:10px; background:#343434; border-bottom:1px solid #343434; max-height:44px; }
#mobileMenu .searchBox .glyphicon { margin:0 !important; }
#mobileMenu .socialBox			{ width:100%; margin:0; padding:0; height:49px; max-width:240px; text-align:center; float:none; }
#mobileMenu .socialBox a 		{ float:none; }
#mobileMenu .btn-social 		{ margin:0; border:1px solid #232323; border-radius:10px; padding:1px; }
#mobileMenu .btn-social:hover	{ background:#09f; }

#mobileMenu 			{ background:#121212; font-size:13px !important; width:257px; height:100%; overflow:hidden !important; position:fixed; left:0 !important; z-index:-1; transition-property:all; transition-duration:350ms; transition-timing-function:ease-in-out; top:0; }
#mobileMenu .menu 		{ margin:0; padding:0; list-style:none; height:40px; line-height:40px; width:100%; }
#mobileMenu .glyphicon { margin:0 10px 0 0; }

#mobileMenu h1 		{ text-align:left; padding:10px 20px; margin:0; width:100%; border-top:1px solid #454545; border-bottom:1px solid #000; background:#000; font-size:10pt; color:#afafaf; }
#mobileMenu li 		{ width:100%; height:auto; line-height:41px; }
#mobileMenu .menu > li a { display:block; height:40px; width:100%; line-height:20px; padding:10px 20px; border-right:none; }
#mobileMenu li a 		{ display:block; padding:0 20px; text-align:left; border:0; border-top:1px solid #454545; border-bottom:1px solid #000000; }
#mobileMenu li a:hover { background:#f45a32; color:#fff; }
#mobileMenu li .sub-menu { width:auto; display:none; position:static; background:#FEC465; }
#mobileMenu li .sub-menu li 	{ display:inherit; width:100%; }
#mobileMenu li .sub-menu li a	{ height:40px; line-height:20px !important; border:none; border-top:1px solid #121212; display:inherit; background:#24555F; width:100%; margin:0; padding:10px 20px !important; }

#mobileMenu .menu li a:hover { background:#f45a32; color:#fff; }

#mobileMenu .menu .current-menu-item a, #mobileMenu .menu .current-menu-parent a, #mobileMenu .menu .current-menu-ancestor a, #mobileMenu .menu .current_page_item a, #mobileMenu .menu .current_page_parent a, #mobileMenu .menu .current_page_ancestor a { border-left:5px solid #32BBBA; color:#fff; text-indent:-5px; }

.showMenu { display:block; transition-property:all; transition-duration:350ms; transition-timing-function:ease-in-out; position:relative; left:0; }
.hideMenu { display:none; transition-property:all; transition-duration:350ms; transition-timing-function:ease-in-out; position:relative; left:240px; }
.invisibleMenu	{ left:0 !important; transition-property:all; transition-duration:350ms; transition-timing-function:ease-in-out; }
.visibleMenu  { left:240px !important; transition-property:all; transition-duration:350ms; transition-timing-function:ease-in-out; position:fixed !important; overflow:hidden; }

.visibleMenuOverlay { display:block; z-index:13; left:240px !important; transition-property:all; transition-duration:350ms; transition-timing-function:ease-in-out; }
.invisibleMenuOverlay { display:none; z-index:-1; left:0 !important; transition-property:all; transition-duration:350ms; transition-timing-function:ease-in-out; }

.indicator  { background:#121212; float:right; display:inline-block; border-left:1px solid #454545 !important; cursor:pointer; width:40px !important; }
.open 		{}
.closed		{}
.up			{ background:#121212 url(images/arrow-right.png)no-repeat 55% 12px !important; }
.down		{ background:#343434 url(images/arrow-down.png)no-repeat 55% 12px !important; color:#fff !important; }
span.up		{ background:url(images/arrow-right.png)no-repeat; float:right; height:15px; width:15px; position:relative; top:3px; right:-11px; }
span.down 	{ background:url(images/arrow-down.png)no-repeat transparent !important; float:right; height:15px; width:15px; position:relative; top:3px; right:-11px; }

#mobileMenu .menu li .down:hover { background:#f45a32 url(images/arrow-down.png)no-repeat 55% 12px !important; }
#mobileMenu .menu li .up:hover { background:#f45a32 url(images/arrow-right.png)no-repeat 55% 12px !important; }

#mobileMenu #brandMenu-content.menu { margin:0 0 100px !important; display:inline-block; height:auto; }
#mobileMenu #brandMenu-content .brand { }
#mobileMenu #brandMenu-content .brand > .submenu { width:auto !important; }
#mobileMenu #brandMenu-content .brand .submenu li { display:inherit; }
#mobileMenu #brandMenu-content .brand .submenu li a { }
#mobileMenu #brandMenu-content .brand img { height:auto; max-height:20px; width:initial; margin:0 auto; display:inline-block; }
#mobileMenu #brandMenu-content .brand .brand a { text-align:center !important; }
#mobileMenu #brandMenu-content .brand .brand img { }
#mobileMenu #brandMenu-content .xchange {}
#mobileMenu #brandMenu-content .xchange > .submenu { width:auto !important; }
#mobileMenu #brandMenu-content .xchange img { max-height:14px; max-width:140px; height:auto; width:auto; position:relative; top:3px; }


/* --------------------------------------- */
/* MICRO MENU
/* --------------------------------------- */

#microMenu 			{ background:none; height:45px; width:auto; border:none; z-index:10; display:inline; float:left; font-size:12px; margin:15px 0 0 50px; }
#microMenuInner		{ max-width:1000px; }
.microMenu-content	{ display:table; }
.microMenu-content .sub-menu { top:40px; z-index:9; }
.microMenu-content .dropdown-menu { top:40px; z-index:9; }
#microMenu .menu li a { border:none !important; padding:10px; }
#microMenu .menu li a:hover { background:none; color:#00AEEF; }

#microMenu .menu 	{ margin:0; padding:0; list-style:none; height:40px; line-height:40px; }
#microMenu .menu li 	{ list-style:none; display:block; float:left; height:40px; line-height:40px; margin:0; padding:0; position:relative; }
#microMenu .menu li a	{ display:block; height:40px; line-height:20px; padding:10px; border-right:1px solid #454545; }
#microMenu .menu li a:hover, #microMenu .menu .current-menu-item, #microMenu .menu .current-menu-parent, #microMenu .menu .current-menu-ancestor, #microMenu .menu .current_page_item, #microMenu .menu .current_page_parent, #microMenu .menu .current_page_ancestor { background:#32BBBA; color:#fff; }

#microMenu li .sub-menu 		{ width:300px; display:none; position:absolute; top:40px; box-shadow:0 5px 5px #121212; -moz-box-shadow:0 5px 5px #121212; -webkit-box-shadow:0 5px 5px #121212; z-index:9; }
#microMenu li.brand .sub-menu { width:146px; }
#microMenu li:hover .sub-menu 	{ display:block; }
#microMenu li .sub-menu li 	{ display:inline-flex; width:100%; }
#microMenu li .sub-menu li a	{ height:40px; line-height:40px !important; display:inline-flex; background:#24555F; width:100%; margin:0; padding:0 20px !important; border:0; }

#microMenu .menu li > a:hover, #microMenu .menu .topMenu a:hover, #microMenu .menu li:hover > span, #microMenu .menu li:hover > a, #microMenu .menu .sub-menu li:hover > span, #microMenu .menu .sub-menu li:hover > a {
	color: #ffffff;
	background: #09F;
}

/* --------------------------------------- */
/* HEADER
/* --------------------------------------- */

#headerIndex		{ background:#fff; width:100%; height:100%; min-height:600px; margin:40px 0 0; position:relative; overflow:hidden; z-index:-2; }
video#bgvid { position:relative; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-1; background:none; background-size:cover; }
#videoContainer video { min-height:100%; min-width:100%; width:auto; }
#videoContainer img { display:none; }

#headerCover		{ background:url(/Content/2017/images/square.png)repeat; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; opacity:0.9; }
#indexInfo			{ position:relative; z-index:2; padding:0 40px 40px; color:#efefef; }
#headerLogo			{ width:300px; height:150px; margin:100px auto 0; z-index:2; }
#headerLogo img 	{ width:100%; height:auto; }

#videoContainer 	{ text-align:center; height:100%; width:100%; position:absolute; top:0; bottom:0; left:0; right:0; }

/* --------------------------------------- */
/* INFOPANES
/* --------------------------------------- */

#infoPane1	{ background:#232323; width:100%; }
#infoPane2	{ background:#565656; width:100%; }
#infoPane3 	{ background:#343434; width:100%; }
#infoPaneSchedule { background:#afafaf; width:100%; }
#infoPaneSpeakers { background:#121212; width:100%; }
#statsPane	{ background:#343434; width:100%; padding:60px 0; }

.infoPaneInner 		{ padding: 15px 20px 40px; }
.infoPaneInner h1 	{ color:#fff; }
.wrapper { padding:0; }

.talkingHead { width:20%; height:auto; min-height:100px; float:left; border-bottom:1px solid #343434; border-right:1px solid #343434; }
.talkingHead img { width:100%; height:auto; float:left; }
.talkingHead:hover img { opacity:0.3; transition:0.2s ease; }

#stat1, #stat2, #stat3, #stat4, #stat5, #stat6 { display:block; width:33.3%; min-height:150px; float:left; margin:0 0 20px; }
#stat1 { background:#0C6; padding:40px; color:#ffffff; text-align:center; }
#stat2 { background:#06F; padding:40px; color:#ffffff; text-align:center; }
#stat3 { background:#F00; padding:40px; color:#ffffff; text-align:center; }
#stat4 { background:#0C6; padding:40px; color:#ffffff; text-align:center; }
#stat5 { background:#06F; padding:40px; color:#ffffff; text-align:center; }
#stat6 { background:#F00; padding:40px; color:#ffffff; text-align:center; }

.col1 { height:100%; width:100%; clear:both; }
.col2, .col2Stack { height:100%; float:left; width:50%; }
.col3 { height:100%; float:left; width:33%; width:calc(100% / 3); }
.col3Double { height:100%; float:left; width:66%; width:calc(100% / 3 * 2); }
.col4 { height:100%; float:left; width:25%; }
.col5 { height:100%; float:left; width:20%; }
.col6 { height:100%; float:left; width:18%; width:calc(100% / 6); }
.col7 { height:100%; float:left; width:14%; width:calc(100% / 7); }
.col8 { height:100%; float:left; width:12.5%; width:calc(100% / 8); }
.colInner { padding:10px; min-height:150px; }
.colInner img { width:200px; max-width:100%; }
.colList { text-align:center; }

.colInner blockquote { width:100%; border:none; border-left:5px solid #2F465C; }

/* --------------------------------------- */
/* CAROUSELS
/* --------------------------------------- */

.jcarousel { position:relative; float:left; overflow:hidden; width:80%; width:calc(100% - 100px); width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); margin:0 20px 20px; }
.jcarousel ul {
    width: 20000em;
    position: relative;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}
#carouselSmall li, #carouselSmall-sponsor li { float:left; width:33.3%; }
#carouselLarge li, #carouselTestimonial li, #carouselSidebar li { float:left; width:100%; }
#carouselSidebar { background:none; }
#carouselSidebar li { padding:20px; }
.jcarousel li img { width:100% !important; height:auto; }

#carouselTestimonial li img { float:left; width:30% !important; margin:0 40px 0 0; }
#carouselTestimonial li p { float:right; width:65%; width:calc(70% - 40px); width:-moz-calc(70% - 40px); width:-webkit-calc(70% - 40px); margin:0; font-size:0.8em; line-height:1.2em; color:#efefef; }

.jcarousel-control-prev { width:30px; height:30px; border:3px solid #09f; border-radius:30px; line-height:20px; float:left; font-size:2em; margin:140px 0 0 !important; text-align:center; text-indent:-3px; }
.jcarousel-control-next { width:30px; height:30px; border:3px solid #09f; border-radius:30px; line-height:20px; float:right; font-size:2em; margin:140px 0 0 !important; text-align:center; text-indent:2px; }
.jcarousel-control-prev:hover, .jcarousel-control-next:hover { color:#F03; border-color:#F03; }

#carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:170px 0 0 !important; }

.jcarousel-pagination 			{ clear:both; text-align:center; width:100%; margin:0; padding:0; }
.jcarousel-pagination a 		{ width:15px; height:15px; border-radius:15px; margin:0px 3px !important; border:1px solid #cdcdcd; background:#fff; display:inline-block; }
.jcarousel-pagination a:hover, .jcarousel-pagination a.active 	{ border:1px solid #121212; background:#09f; }

/* --------------------------------------- */
/* TABBOX
/* --------------------------------------- */

#sidebarTabbox { z-index:6; width:300px; overflow:hidden; margin:20px 0; }
#tabbox 	{ width:100%; background:#121212; margin:0; }
#tabbox-wrapper .jcarousel-pagination, #tabbox-wrapper .navigation { margin:0; text-align:left; background:#121212; border-bottom:1px solid #cdcdcd; }
#tabbox-wrapper .carousel-navigation ul, #tabbox-wrapper .navigation { width:100%; }
#tabbox-wrapper .navigation li:hover  { background:#F03; color:#fff; }
#tabbox-wrapper .navigation li.active { background:#09F; color:#fff; }
#tabbox > li	{ float:left; width:auto; overflow:hidden; }
#tabbox li li a { padding:7px 20px; border-bottom:1px solid #cdcdcd; width:100%; display:inline-block; }
#tabbox-wrapper .carousel-navigation li	{ height:40px; width:33.33%; float:left; border-radius:0; border:0; margin:0; padding:8px 10px; text-align:center; } 
#tabbox-wrapper .stage p { padding:20px; color:#efefef; }

/** Stage container **/

.connected-carousels .stage {
    width: 100%;
    margin: 20px auto;
    position: relative;
}

.connected-carousels .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.connected-carousels .photo-credits a {
    color: #fff;
}

/** Navigation container **/

.connected-carousels .navigation {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/** Shared carousel styles **/

.connected-carousels .carousel {
    overflow: hidden;
    position: relative;
}

.connected-carousels .carousel > ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel li {
    float: left;
}

.connected-carousels .carousel-stage li > ul > li{
    float: left;
	width:100%;
	list-style: none;
}

/** Stage carousel specific styles **/

.connected-carousels .carousel-stage {
    min-height:0;
    /*border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
}

/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation {
    height: 40px;
    width: 100%;
    /*background: #fff;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
}

.connected-carousels .carousel-navigation li {
    cursor:pointer;
	color:#efefef; 
}

.connected-carousels .carousel-navigation li img {
    display: block;
    /*border: 5px solid #fff;*/
}

.connected-carousels .carousel-navigation li.active img {
    /*border-color: #ccc;*/
}

/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage {
    display: block;
    position: absolute;
    top: 0;
    width: 305px;
    height: 410px;
    color: #fff;
}

.connected-carousels .prev-stage {
    left: 0;
}

.connected-carousels .next-stage {
    right: 0;
}

.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {
    display: none;
}

.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {
    display: none;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.connected-carousels .prev-stage span {
    left: 20px;
}

.connected-carousels .next-stage span {
    right: 20px;
}

.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {
    display: block;
}

/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 16px/29px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.connected-carousels .prev-navigation {
    left: -15px;
    top: 22px;
    text-indent: 6px;
}

.connected-carousels .next-navigation {
    right: -15px;
    top: 22px;
    text-indent: 20px;
}

.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {
    opacity: .5;
    cursor: default;
}


/* --------------------------------------- */
/* MAIN CONTENT
/* --------------------------------------- */

#main			{ background:#1f1f1f; width:100%; height:auto; }
#contentPanel 	{ background:#efefef; width:100%; height:auto; clear:both; position:relative; }
#content 		{ float:left; width:75%; width:calc(100% - 340px); width:-moz-calc(100% - 340px); width:-webkit-calc(100% - 340px); min-height:1000px; position:relative; }
#contentFull	{ float:left; width:100%; min-height:1000px; position:relative; }

#contentHeader 	{ width:100%; background:#ffffff; border-bottom:1px solid #efefef; overflow:hidden; }
#contentBody 	{ width:100%; width:calc(100%); width:-moz-calc(100%); width:-webkit-calc(100%); max-width:100%; background:#ffffff; min-height:400px; }
#contentFooter	{ width:100%; padding:40px; background:#ffffff; border-top:1px solid #efefef; position:relative; bottom:0; }

/*#contentBody ul, ol { margin:0 40px 15px 80px; } */
#contentBody li { font-size: 15px; color: #464646; margin-left: 20px; }
/*#contentBody img { max-width:100%; display:block; } */
#contentBody img.fullwidth { width:100% !important; margin:40px auto !important; height:auto !important; }

#breadcrumbs	{ margin:20px 0; font-size:0.9em; }
#contentHeader h1 { margin:0; }

.midcontentHeader       { border-top:1px solid; padding-top: 35px; position:relative; width: 100%; max-width: 1000px; overflow:hidden; margin-top: 35px; }
.midcontentHeader h1    { margin:0; color: #f45a32; font-family: "Roboto", sans-serif; font-weight: bold; font-size: 18pt; }


/* News Update styles */
.newsBulletins, .contentBulletins { margin:0 !important; }
.bulletin { padding:40px 0; border-bottom:1px solid #EFEFEF; width:100%; list-style:none; }
.bulletin:first-child { padding-top: 0; }
.bulletin:last-child { border-bottom: none; }
    .bulletin h2 {
        margin: 0 0 10px;
        line-height: 1.2;
    }
.bulletin h4 { margin-top:20px; }
.bulletin h5 { font-size:1em; margin:20px 0 10px 0; }

.sectional      { width:100%; }
.sectionalIMG   { width:30%; float:left; display:block; }
.sectionalText  { width:70%; float:left; display:block; padding:40px; }
.sectionalIMG img { max-width:100%; height:auto; margin:0 auto !important;  }

/* Styles for headshots and captions in news posts: */
.people         { width:100%; margin:0 auto 20px; text-align:center; }
.people .person { float:none; width:24%; padding:5px; display:inline-table; vertical-align:top; }
.people .personBlock { width:100% !important; }

.person .imgFrame {
    width: 100%;
    margin: 0;
    border-radius:50%;
    border: 1px solid #CDCDCD;
    overflow:hidden; 
    transform:translateZ(0);
    /*min-height:190px; */
}

.person .imgFrame img {
    transition:ease-in-out 200ms all;
    width:100% !important; 
    height:auto; 
    margin:auto !important;
    transform:scale(1.2);
    /*position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;*/
}

.person .caption        { padding:5px 10px; text-align:center; }
.person .caption p      { font-size: 0.7em; line-height:1.5; color:#000; margin:0; }

.personBlock .imgFrame  { width:25%; float:left; }
.personBlock .caption   { width:75%; text-align:left; float:left; padding:60px 20px; }

.person .caption p:first-child, .person .caption p:last-child { font-weight: bold; }
.person .caption p:first-child { color: #454545; }

.person:hover .caption p:first-child { color:#cfcfcf; }
.person:hover .imgFrame img { opacity: 0.6; transform:scale(1.5) !important; }


/* --------------------------------------- */
/* SIDEBAR
/* --------------------------------------- */

#sidebar			{ float:right; background:none; width:22%; width:-moz-calc(340px); width:-webkit-calc(340px); position:absolute; padding:20px; height:100%; right:0; }
#sidebarCarousel	{ background:none; width:100%; height:auto; margin:0; visibility:hidden; }
#jcarousel-loading  { visibility:visible; margin:20px auto; display:block; width:200px; height:200px; background:url(/Content/2017/images/loading.gif) no-repeat center center; background-size:100%; }

#sidebarTop, #sidebarBottom { float:left; width:100%; margin:0 0 20px; }

/* --------------------------------------- */
/* FOOTER
/* --------------------------------------- */

#footer 		{ background:#faf0e1; width:100%; height:auto; position:relative; z-index:0; }
#footer p		{ margin:0; }
#footerInner	{ margin:0 auto; padding:40px 20px; position:relative; z-index:2; }
#footerLogo		{ float:left; width:25%; height:100px; margin:0 0 40px; padding:0; }
#footerLogo img	{ width:100%; height:auto; }
#footerPad		{ float:left; width:5%; height:100px; margin:0 0 40px; padding:0; }
#footerLinks	{ float:left; width:80%; height:auto; margin:0 0 40px; display: flex; }
#footerLinks .group1 	{ float:left; width:100%; display: flex;}
#footerLinks .column    { width:50%;  margin-left: 30px;}
#footerLinks .group2 	{ width:70%; }
#footerLinks .group2 .column 	{ width:100%; }
#footerLinks ul			{ list-style:none; font-size:0.8em; }
#footerInfo		{ float:left; width:100%; font-size:0.7em; text-align:left; color:#464646; }
#footerInfo .row { height: 65%; }	

#footerBrunico 	{ background:#121212; width:100%; height:auto; border-top:2px solid #787878; overflow:hidden; padding:0 0 0px; }
#footerBrunico #logoMain { 
	background:#787878; 
	padding:40px 20px; 
	position:relative; 
	margin:0 0 0px; 
	display:inline-block; 
	vertical-align:middle; 
	height:auto; 
    width:190px; 
	opacity:0.5; 
	border-radius:0 0 40px 0; 
	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;
    float:left;
}
#footerBrunico #brands { display:inline-block; margin:40px 0 0; padding:0 0 0 15px; float:left; width:79%; width:calc(100% - 200px); width:-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); }

#footerBrunico .logo {
	margin:0 0 0 10px; 
    position:relative; 
	width:calc(100% / 6.6) !important; 
	height:auto; 
	min-height:40px;
	max-height:45px !important; 
	opacity:0.5; 
	display:inline-block; 
	vertical-align:middle;
	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;
	-webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0);
}
#footerBrunico .logo:hover, #footerBrunico #logoMain:hover  { 
	opacity:1.0; transition:ease; 
	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;
	-webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0);
}
#footerBrunico .logo img, #footerBrunico #logoMain img  { 
	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;
	-webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0);
}
#footerBrunico .logo img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; height:auto; width:100%; }

/* --------------------------------------- */
/* MEDIA QUERIES
/* --------------------------------------- */

@media screen and (max-width:1400px) {
    /*#contentBody img { width:50%; height:auto; nmax-width:100%; }*/
}

@media screen and (max-width:1080px) {
	#headerIndex video { height:100%; width:auto; margin:0 auto; }
}

@media screen and (min-width: 1025px){}

/* ipad/tablet wide */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.container  { width:100%; }
	#masterMenu { background:#000 url(/Content/2017/images/logo-menu.png) center 9px no-repeat; }
	#masterMenu #masterMenuInner, #masterMenu .socialBox, #masterMenu .searchBox, #mainMenu { display:none; }
	#mobileMenuInner	{ overflow:auto; height:100%; width:240px; }
	#brunicoMenu h1     { margin:0 0 0 40px; }
	#btn-mobileMenu     { display:block; }
	#menu, #brunicoMenu { display:none; }
	#menuInner  { padding:0 10px; }

    #sidebarBottom  { width:50%; float:left; padding:0 0 0 20px; margin:0; border-left:1px dotted #cdcdcd; }

	#agendaMenu { position:static !important; }
    .topLink    { display:none; }
    .hotLink    { position:relative; top:-45px; }
}

/* Force ipad portrait content layout */
@media only screen and (max-device-width : 768px) {
	#content { width:100%; margin:0; }
	#sidebar { width:100%; position:relative; }
	#sidebarTop     { width:50%; float:left; padding:0 20px 0 0; margin:0; }
	#sidebarBottom  { width:50%; float:left; padding:0 0 0 20px; margin:0; }
	#sidebarTabbox  { margin:0; position:relative !important; width:100%; }
	#sidebarBox 	{ background:#EC008C; width:100%; height:auto; padding:20px; margin:0 0 20px; }

	#mobileMenuInner	{ overflow:auto; height:100%; width:240px; }
}

@media screen and (max-width: 1260px){
	.container { width:100%; }
	#masterMenu { background:#000 url(https://s3.amazonaws.com/brunicoextranet/Matrix/Kidscreen/lXPUWDJcSmFCQE5j482b_MBLKSSLogoWhite.png) center 9px no-repeat; z-index:15; background-size:250px; }
	#masterMenu #masterMenuInner, #masterMenu .socialBox, #masterMenu .searchBox, #mainMenu { display:none; }
	#brunicoMenu h1 { margin:0 0 0 40px; }
	#btn-mobileMenu { display:block; }
	#menu, #brunicoMenu { display:none; }
	#menuInner { padding:0 10px; }
	#agendaMenu { position:static !important; }
	
	#videoContainer 	{ text-align:center; position:absolute; overflow:hidden; top:0; bottom:0; left:0; right:0; }
	#headerIndex video 	{ position:static; height:100%; width:auto; /*margin:0% -35%;*/ }
	
	#carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:100px 0 0 !important; }
	#carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:80px 0 0 !important; }
	.jcarousel-control-prev, .jcarousel-control-next { margin:100px 0 0 !important; }
	
	#leaderboardTop 	{ background:#EC008C; width:100%; height:auto; }
	#leaderboardBottom 	{ background:#EC008C; width:100%; height:auto; }

    /*#contentBody img { width:100%; height:auto; margin:0 0 20px; }*/

    #agendaMenu { height:auto; }
    #agendaMenu ul { width:100%; }
    #agendaMenu li { width:25%; }
    .searchBox { max-width:100% !important; }

    .people .person         { width:49%; }
    .personBlock .caption   { padding:inherit; }

    #footerLogo { width:100%; height:auto; margin:0 0 20px; text-align:center; }
	#footerLogo img { width:200px; height:auto; margin:0 auto; }
	#footerPad { display:none; }
	#footerLinks { width:100%; height:auto; margin:0 0 40px; }
    #footerLinks .group  { /*width:100%;*/ margin:0 0 20px; }
	#footerLinks .column { width:100%; margin:0 auto; padding:0 10px; text-align:center; }
	#footerLinks .header { margin:0 0 10px; }
	#footerLinks li a { display:block; width:100%; padding:10px 20px; margin:0 0 5px; background:#F37043; color:#ffffff; }
	#footerLinks li a:hover { background:#f45a32; color:#F37043; }

    #footerBrunico #logoMain { width:25%; text-align:center; }
	#footerBrunico #logoMain img { width:100%; max-width:150px; }
	#footerBrunico #brands { width:75%; padding:20px; }
	#footerBrunico .logo { width:25% !important; padding:0; margin:0 0 20px; display:block; float:left; max-height:none !important; height:70px !important; text-align:center; }
	#footerBrunico .logo img { width:90%; height:auto; }
    .topLink    { display:none; }
    .hotLink    { position:relative; top:-45px; }
}

@media screen and (max-width: 768px){
	#carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:60px 0 0 !important; }
	#carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:80px 0 0 !important; }
	.jcarousel-control-prev, .jcarousel-control-next { margin:140px 0 0 !important; }
	
	#content { width:100%; margin:0; }
    /*#contentBody img { width:100%; height:auto; margin:0 0 20px 20px; }*/
    #contentBody img { width:100%; height:auto; margin:0px 0 0px; }
	#sidebar { width:100%; position:relative; }
	#sidebarTop { width:50%; float:left; padding:0 20px 0 0; margin:0; }
	#sidebarBottom { width:50%; float:right; padding:0 0 0 20px; border-left:1px dotted #cdcdcd; margin:0; }
	#sidebarTabbox { margin:0; position:relative !important; width:100%; }
	#sidebarBox 		{ background:#EC008C; width:100%; height:auto; padding:20px; margin:0 0 20px; }
	
    #agendaMenu { height:auto; }
    #agendaMenu ul { width:100%; }
    #agendaMenu li { width:50%; }
    .searchBox { width:100% !important; }
	
	#footerBrunico #logoMain { width:200px; height:auto; margin:0 auto; display:block; float:none; }
	#footerBrunico #brands { margin:20px 0 0; width:100%; padding:20px; }
	#footerBrunico .logo { display:inline-table; float:none; width:24% !important; max-height:45px !important; vertical-align:middle; }

    #sidebar-container { display:none; }
    .days { width:100% !important; }
    .days br { display:none; }
    #contentBody table td { width:auto !important; height:auto !important; word-wrap: break-word; white-space:nowrap !important; }
    .session { display:block; max-width:100%; text-overflow:ellipsis; overflow:hidden; }

    .person .caption p { font-size:inherit; }
    .people .person { width:32%; }
    #footerLinks { margin: 20px 0; }
    #footerLogo img { width:100%; }
    #footerInfo {font-size: 0.75em;}
    .policyBox  { height:55px; padding-top: 15px;}
    .policyBoxOpen  { height:auto; }
}

@media screen and (max-width: 600px) {
	#sidebarTop, #sidebarBottom { width:100%; margin:0; border:0; padding:0; }
	#sidebarTop { margin:0 0 20px; }
	
	#carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:40px 0 0 !important; }
	#carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:120px 0 0 !important; }
	.jcarousel-control-prev, .jcarousel-control-next { margin:220px 0 0 !important; }
	
	#footerBrunico .logo { width:32% !important; }

    .people .person { width:49%; }
}

@media screen and (max-width: 480px){
    body { font-size:0.85em; }

    #contentBody img { width:100%; height:auto; margin:0px 0 0px; }

	#carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:50px 0 0 !important; }
	#carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:120px 0 0 !important; }
	.jcarousel-control-prev, .jcarousel-control-next { margin:110px 0 0 !important; }
	
	#carouselTestimonial li 	{ text-align:center; }
	#carouselTestimonial li img { width:75% !important; float:none; margin:0 auto 20px; }
	#carouselTestimonial li p 	{ width:100%; text-align:left; }

	blockquote { width:100%; margin:20px 0; }
	
	#footerBrunico #logoMain img { width:200px; }
	#footerBrunico .logo { width:49% !important; }
    #footerLinks .group  { width:100%; margin:0; }
	#footerLinks .column { width:100%; margin:0 0 20px; padding:0; text-align:center; }
	#headerLogo { width:100%; }

    .people .person     { width:100% !important; margin:0 auto 20px; }
    .person .imgFrame   { float:left; width:50% !important; }
    .person .caption    { float:left; width:50% !important; padding:20px 10px; }
    
}

@media screen and (max-width:400px) {
    #agendaMenu li { width:100%; }

    .person .imgFrame { width:100% !important; }
    .person .caption { width:100% !important; }
}

@media screen and (max-width: 320px){
    body { font-size:0.8em !important; }

	#carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:20px 0 0 !important; }
	#carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:150px 0 0 !important; }
	.jcarousel-control-prev, .jcarousel-control-next { margin:80px 0 0 !important; }
	
	#footerBrunico .logo { width:70% !important; height:auto !important; text-align:center; float:none; margin:0 auto 20px; display:block; max-height:none !important; min-height:50px !important; }
    #masterMenu { background-size:200px; }
}