/* 
Travel CIO Connect
http://eventsite.wbresearch.com
/EFS/UploadedFiles/EventPage/1005248/

blue1 	#1f124d 
blue2 	#7a6cad
blue3 	#554275
blue4 	#9ed0f0
brown 	#78243f
grey 	#a6506c

// Fonts
-----------------------------------------------------------------*/
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600');

/* ECO2 Template Fixes */
a.session-speaker {font-size:.65em!important;}
a.session-speaker span.title, a.session-speaker span.company {margin-left:.25em;}
.media .media-left img {width:200px; border:1px #eee solid; padding:5px; border-radius:6px; margin-right:10px;}
body blockquote{border:none;}
@media(min-width: 600px) and (max-width:767px){.header-top .col-md-4 { width:100%; float:left;}}
@media(max-height: 500px){.header-top .col-md-4 { width:100%; float:left;}}

/* Header Dynamic Typography */
body.front .header-top {height:100vh; display:flex !important; flex-direction:column !important; justify-content:center !important;}
body.front .header-top #header-info{}
body.front .header-top h1, .header-top h2{font-weight:300; text-shadow:.025em .025em #333!important; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;}
body.front .header-top h1 {font-size:2.05em!important;}
body.front .header-top h2 {font-size:1.5em!important;}
body.front .header-top #header-info p{font-size:1em; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important; font-weight:400;}
body.front .header-top #header-info p:first-child:after{margin-left:8px;}
body.front .header-top #header-info p:last-child:before{margin-right:5px;}
body.front .header-top #header-info p:first-child:after, .header-top #header-info p:last-child:before {content:"\2022";}  
@media(max-height:700px){body.front .header-top {height:140vh;}}

/* On Scroll Flexbox Nav */
body.front .header-bottom .navbar-header{opacity:0; display:none; transition: all 0.4s ease; }
body.front .header-bottom ul.nav.navbar-nav{width:100%; display:flex; justify-content: space-between;}
body.front .header-bottom ul.nav.navbar-nav li {transition: all 0.8s ease;}
body.front .header-bottom.on-scroll .navbar-header {opacity:100; display:inline-block; width:0; transition: all 0.4s ease; }
body.front .header-bottom.on-scroll ul.nav.navbar-nav > li:first-child {margin-left: 25%;transition: all 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
@media(max-width:767px){body.front .header-bottom .navbar-header{opacity:100!important; display:inline-block; width:100%!important; transition:all 0.4s ease;width:100%;} body.front .header-bottom ul.nav.navbar-nav{display:inherit}  body.front .header-bottom.on-scroll .navbar-collapse li:first-child {margin-left: 0px !Important; }}
@media(max-width:991px) and (min-width:767px){a.navbar-brand {background-size:123px !important; margin-left:-60px;}}
 
/* Header Dynamic Info - Fixed */
body .header-bottom {-webkit-box-shadow:none!important; box-shadow:none!important;}
body .header-top #header-info{/* background: -webkit-linear-gradient(-100deg, rgb(20, 125, 159), rgb(49, 167, 206)); *//* background: linear-gradient(-100deg, rgb(20, 125, 159), rgb(49, 167, 206)); */max-width:100%!important;position:fixed;z-index:999;top: 120px !Important;left:0;right:0;border:none;-webkit-box-shadow: 0 3px 10px 1px rgba(0,0,0,.3);box-shadow: 0 3px 10px 1px rgba(0,0,0,.3);background-color: #efefef;}
body.front .header-top #header-info{padding: 3px 0; text-align:center !important;}
body.front .header-top #header-info p {display:inline-block !Important;float:none !important;color: #4c4c4c;font-size: .7em !important;font-family:"proxima-nova", Open Sans, sans-serif !important;letter-spacing: 1px;text-transform: uppercase;text-shadow: none;font-weight: 600 !important;}
body .header-top #header-info p{padding-left:.5em; }
.header-top #header-info p:first-child:after, .header-top #header-info p:last-child:before {content:none;}  
.header-top #header-info p:nth-child(1):before {font-family: FontAwesome;content:"\f073" !important;position:relative;left:-.75em;color: #7a6bae;}
.header-top #header-info p:nth-child(2):before {font-family: FontAwesome;content:"\f041" !important;position:relative;left:-.5em;color: #7a6bae;}
.header-top #header-info p:nth-child(3):before {font-family: FontAwesome;content:"\f095" !important;position:relative;left:-.5em;color: #7a6bae;}  
@media(max-width:1200px) and (min-width:950px){  body .header-top #header-info{top: 106px !important;}}
@media(min-width:768px) and (max-width:991px) {body .header-top #header-info{top: 62px !important;}}
@media(max-width:767px) {body .header-top #header-info{top: 62px !important;padding-bottom:5px!important;}  body.front .header-top #header-info p {display:block !important;margin-top: 2px;padding: 0px 0px;} .header-top #header-info p:first-child:after, .header-top #header-info p:last-child:before {content:none;}}
 
 
/* Header Dynamic Info Sub Pages */
body .asidecontent {margin-top: 7em;height:13em;padding-top:2em;}
body.not-front .header-bottom{z-index:99999999; -webkit-box-shadow: 0 3px 10px 1px rgba(0,0,0,.3)!important; box-shadow: 0 3px 10px 1px rgba(0,0,0,.3)!important;}  

/* Procurecon Event Nav */
body #header-top iframe{background-color: #f8f8f8;border-color: #e7e7e7;}
body.front .header-bottom, body.not-front .header-bottom{position:fixed!important; top:50px!important; z-index:99999999; } 
@media(max-width:992px){body.front .header-bottom, body.not-front .header-bottom{position:fixed; top:0px!important;} body .asidecontent {margin-top: 3em;}}
 
/* Full Width Images & Backgrounds */
.header-top {background:url(/UploadedFiles/EventPage/1005248/images/bg-img-hero.jpg) center bottom scroll no-repeat; background-size:cover; box-shadow: inset 10000px 0 0 rgb(1, 43, 69, .5);}
.asidecontent {background:url(/UploadedFiles/EventPage/1005248/images/bg-img-hero.jpg) center top scroll no-repeat #241f57; background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .4);}
.bg-parallax {background:url(/UploadedFiles/EventPage/1003655/images/connectedstores-collage.jpg) repeat fixed center center;}
.bg-img-venue {min-height:575px;padding-bottom:25px;background: url(/UploadedFiles/EventPage/1005248/images/bg-img-venue.jpg) center center scroll;background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .6);}
.bg-lighten {box-shadow: inset 10000px 0 0 rgba(255, 255, 255, .92);}
.bg-darken {box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .12);}
 
/* Logo */
.navbar-header .logo {max-width:200px;position:absolute;margin-left:-30px;}
@media(max-width:1100px) { .navbar-header .logo {margin-top:0;}}
@media(max-width:990px) { .navbar-header .logo {max-width:160px; margin-left:0;}}
  
/* Primary Nav */
.navbar-nav > li > a { font-size: 0.95em; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important; font-weight:400; text-transform:uppercase; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu li a:hover{background:#012B45!important; color:#fff;}
@media(min-width:995px) and (max-width:1190px){.navbar-nav > li > a {font-size: 0.8em;}}
@media(min-width:768px) and (max-width:990px) {.navbar-nav > li > a {font-size: .66em;margin-top:1em;} .navbar-nav > li:last-child {margin-top:.55em;}}

/* Sub Nav */
.navbar-nav ul.dropdown-menu > li > a, .navbar-nav .open ul.dropdown-menu > li > a {font-weight:400; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important; text-transform:uppercase;}
@media(max-width:766px){.navbar-collapse.collapse.in{margin-top:30px;}}
@media(max-width:400px){.navbar-nav ul.dropdown-menu{background:rgba(255, 255, 255, 1)!important;} .navbar-nav ul.dropdown-menu > li > a, .navbar-nav .open ul.dropdown-menu > li > a {color:#333;}}
 
/* Discount Module */
.container-pricing-control{background:#eee; padding-bottom:3em;}
.container-pricing-control .btn-pricing-control{margin-top:.5em;}
.container-pricing-control .fa-2x.lead strong{color:#012B45!important;}
.container-pricing-control .fa-2x.lead {color:#333!important; font-size:1.75em!important;}
.container-pricing-control .fa-2x.lead strong:nth-of-type(2){color:#900!important;}
.container-pricing-control .btn-pricing-control { background:#d2002a!important; }
.container-pricing-control .btn-pricing-control:hover { background:#012B45!important; }
@media(min-width:401px) and (max-width:965px){.container-pricing-control h3{font-size:.9em;}}
@media(max-width:400px){.container-pricing-control h3{font-size:.9em; text-align:center;}} 

/* Bootstrap 5 Columns */
.col-xs-15,.col-sm-15, .col-md-15, .col-lg-15{position:relative; min-height:1px; padding:0px .5em;}
.col-xs-15{width:100%; float:left;}
@media (min-width:768px){.col-sm-15{width:20%; float:left;}}
@media (min-width:992px){.col-md-15{width:20%; float:left;}}
@media (min-width:1200px){.col-lg-15{width:20%; float:left;}}

/* Typography */
body h1, body h2, body h3, body h4, body h5 {color:#7a6cad; font-weight:400; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;}
.pagecontent > h1{padding:0px .35em;}
.pagecontent p, .pagecontent ul, .pagecontent ol, .pagecontent li, .pagecontent table, .pagecontent address, .pagecontent blockquote, .pagecontent cite,.subpagecontent p, .subpagecontent ul, .subpagecontent ol, .subpagecontent li, .subpagecontent table, .subpagecontent address, .subpagecontent blockquote, .subpagecontent cite {color:#5f5f5f; font-size:16px; line-height:1.75em; font-weight:400; font-family:'Open Sans','Helvetica Neue','Helvetica','Arial','sans-serif'!important;}
.pagecontent p{margin-bottom:1.25em;}
.pagecontent a{color:#d2002a; font-weight:bold;}
.pagecontent a:hover, a:focus{color:#012B45;}

/* Typography Utility Classes */
.fa-lg,.fa-1x,.fa-2x,.fa-3x,.fa-4x,.fa-5x,.fa-6x,.fa-7x,.fa-8x,.fa-9x,.fa-10x{line-height:1.25em!important;} .fa-lg{font-size:1.33333333em!important;} .fa-1x{font-size:1.5em!important;} .fa-2x{font-size:2em!important;} .fa-3x{font-size:3em!important;}.fa-4x{font-size:4em!important;}.fa-5x{font-size:5em!important;}.fa-6x{font-size:6em!important;}.fa-7x{font-size:7em!important;}.fa-8x{font-size:8em!important;}.fa-9x{font-size:9em!important;}.fa-10x{font-size:10em!important;}
.fa-stack.fa-lg,.fa-stack.fa-1x,.fa-stack.fa-2x,.fa-stack.fa-3x,.fa-stack.fa-4x,.fa-stack.fa-5x,.fa-stack.fa-6x,.fa-stack.fa-7x,.fa-stack.fa-8x,.fa-stack.fa-9x,.fa-stack.fa-10x {line-height:2em!important;}
.fa-stack[class*="fa-"] > p {margin-top:0em; position:absolute; padding-left:30%; padding-top:5%;}
.text-light {font-weight:300!important;}
.text-normal{font-weight:400!important;}
.text-bold {font-weight:600!important;}
.small{font-size:75%!important;}
.text-grey{color:#5f5f5f !important;}
.text-red{color:#d2002a !important;}
.text-blue{color:#012B45 !important;}
.text-white{color:#fff !important;}
.text-shadow{text-shadow: rgba( 0, 0, 0, .25 ) .045em .045em!important;}
.text-blue1 {color:#1f124d;}
.text-blue2 {color:#7a6cad;}
.text-blue3 {color:#554275;}
.text-blue4 {color:#9ed0f0;}
.text-brown {color:#78243f;}
.text-grey {color:#a6506c;}

/* Buttons General Styles */
.pagecontent .btn-danger,.pagecontent .btn-success,.pagecontent .btn-warning,.pagecontent .btn-primary,.pagecontent .btn-info,.pagecontent .btn-default,.pagecontent .btn-register,.pagecontent .btn-event{color:#fff; font-weight:400; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important: }
.btn:hover, .btn:focus{color:#fff!important;}
.btn-default{color:#5f5f5f!important; background-color:#fff!important; border-color:#ccc!important;}
.btn-default:hover{color:#5f5f5f!important; background-color:#ebebeb!important;}
.btn-xl{padding: .5em .85em!important;font-size:1.5em!important;}
@media(max-width:450px){.btn-xl,.btn-lg,.btn-md,.btn-sm,.btn-xs{font-size:1em!important;}}

/* Branded Buttons Styles */
.btn-event, .navbar-nav > li:last-child > a, .btn-pricing-control, .StradTemplate input[type=submit], .thank-you a{background: #9ed0f0 !important;font-weight:400;text-shadow:rgb(0, 0, 0) 1px 1px 3px;font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;}
.btn-event:hover,.navbar-nav > li:last-child > a:hover, .btn-pricing-control:hover, .StradTemplate input[type=submit]:hover,.thank-you a:hover{background: #554275!important;transition:0.2s;transition-timing-function:linear;-webkit-transition:0.2s;-webkit-transition-timing-function:linear;}
.navbar-nav > li:last-child > a {border-radius: 0.5em;padding: .625em 1.425em;margin: 0.8em 0 0 0.5em;text-align:center;} 
.btn-pricing-control{margin-top:-35px; font-size:1.75em; border:none;}
.StradTemplate input[type=submit]{border:none; padding:.5em 1em; font-size:1.25em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.thank-you a{-webkit-border-radius:5px; -moz-border-radius: 5px;border-radius:5px;}

.btn-inverse{background:#d95513 !important; color:#fff!important; font-weight:400!important; text-shadow:rgb(0, 0, 0) 1px 1px 3px!important; font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;}
.btn-inverse:hover{background:#f28d00 !important;}

/* Content Container */
.pagecontent > h1{padding:0px .35em;}
.pagecontent .row.col-fix > .col-xs-6{min-height:22em;}
.pagecontent .page-header{border-bottom:none;}
.pagecontent .page-header:before{content:"\2013  ";} 
.pagecontent .page-header:after{content:" \2013";} 
.pagecontent span.fa-quote{margin-top:-1.25em;}
.pagecontent address{margin-top:20px!important; border-left:3px #ccc solid; margin:0px; padding:0px 10px;}
.pagecontent address .btn{margin-top:5px;}
.pagecontent blockquote {background-color:transparent; border:none; margin:0px; quotes:none;}
.pagecontent blockquote p{display:inline-block;}
.pagecontent blockquote cite{display:block; border:none; padding:0; font-weight:600;}
.pagecontent blockquote cite:before{content:"- ";} 
.pagecontent .timer-plus:after{content:" +";}
.pagecontent .speaker-image-block{height: 201px;width: 201px;border:1px #eee solid;overflow:hidden;display:block;margin:0 auto;position:inherit;}
.pagecontent .speaker-image-block > img:first-of-type{transition: all 0.3s ease;/* position: unset; */}
.pagecontent .speaker-image-block:hover > img:first-of-type{margin-top:-200px; transition: all 0.3s ease;}
.pagecontent .speaker-image-block > span:first-of-type{ color:#fff; font-weight:bold; box-shadow:2px 2px rgba(0,0,0,.25); width:200px; position:absolute; top:20px; right:0; left:-65px; transform: rotate(-40deg);}
.pagecontent .speaker-image-block > span.reverse:first-of-type{top:20px; right:0; left:65px; transform:rotate(40deg);} 
@media(max-width:1200px) and (min-width:900px) {.pagecontent .speaker-image-block{height:171px;width:171px;}.pagecontent .speaker-image-block:hover > img:first-of-type{margin-top:-171px;}}

/* Seamless Containers */
.pagecontent .container-seamless [class*="col-"] {margin:0; padding:0; height:240px; overflow:hidden!important;}
.pagecontent .container-seamless [class*="col-"] p{margin:1em;}
.pagecontent .container-seamless .row[class*="bg-"] {padding:0!important;}
.pagecontent .container-seamless [class*="col-"] img{min-width:100%; height:18em; }
.pagecontent .container-seamless [class*="col-"] img{-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear;position:relative;}
.pagecontent .container-seamless [class*="col-"] img:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); position:relative; z-index:2;}
@media(max-width:770px){.pagecontent .container-seamless [class*="col-"] {height:235px;} .pagecontent .container-seamless [class*="col-"] img{max-height:18em;} .pagecontent .container-seamless [class*="col-"] img:hover{-webkit-transform:scale(1.0);-moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0); position:relative; z-index:0;}}

/* Slanted Containers */
.pagecontent .container-slant > .row:first-child{margin-top:0!important;}
.pagecontent .container-slant > .row{margin-top:6em;}
.pagecontent .container-slant > .row:nth-child(even){background:#e4a386;}
.pagecontent .container-slant > .row:nth-child(even) > .container:before,.pagecontent .container-slant > .row:nth-child(even) > .container:after{display:block; position:absolute; margin-top:-2em; height:5em; background:#e4a386; right:0; left:0; z-index:-1; transform:rotate(.9deg); }
.pagecontent .container-slant > .row:nth-child(even) > .container:after{transform:rotate(-.9deg); }
@media(max-width:990px){.pagecontent .container-slant > .row{margin-top:4em;}}