/* 
Site Name: TradeTech FX Connect EU
Office: WBRUK
URL: https://tradetechfxconnect.wbresearch.com/

/* Custom Properties  */
:root {
	--event-hero:url(https://source.unsplash.com/random/1400x750) center center scroll no-repeat;
	--event-hero-gradient: linear-gradient(225deg, #000  0%, #272727 50%, #9e1832 100%);
	--event-inner-page-strip:url(/UploadedFiles/EventPage/1003484/images/bg-img-1.jpg) center center scroll no-repeat;
	/* Colors */
	--event-font-primary: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
	--event-font-secondary: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
	--event-color-headings: #012B45;
	--event-color-primary: #d2002a;
	--event-color-secondary: #012B45;
	--event-color-accent: #d2002a;
	--event-color-nav: #000;
	--event-color-nav-links:#fff;
	--event-color-info-onscroll: linear-gradient(90deg,#212121,#3c3c3c 100%);
	/* Sizing & spacing */
	--event-logo-size: 250px;
}

/* Header Dynamic Typography */ 
body.front .header-top {height:100vh; display:flex!important; flex-direction:column!important; justify-content:center!important; padding-top:0;}
body.front .header-top #header-info {padding: .5em 0 .25em 22%!important;}
body.front .header-top h1, .header-top h2{font-weight: 300;text-shadow:none!important;font-family:var(--event-font-primary)!important;}
body.front .header-top h1 {font-size: 2.5em!important;}
body.front .header-top h2 {font-size: 1.75em!important;}
body.front .header-top #header-info{margin-top:0em;padding: .5em 0 .25em 34%!important;border:none;}
body.front .header-top #header-info p{font-size:1em; font-family:var(--event-font-primary)!important; font-weight:400;}
body.front .header-top #header-info p:first-child:after, .header-top #header-info p:last-child:before {content:"";}  
body.front .header-top #header-info p:nth-child(1):before,body.front .header-top #header-info p:nth-child(2):before, body.front .header-top #header-info p:nth-child(3):before {font-family:"FontAwesome"; position:relative; left:-.35em; margin-left:15px; color:#fff;}
body.front .header-top #header-info p:nth-child(1):before {content:"\f073";}
body.front .header-top #header-info p:nth-child(2):before {content:"\f041";}
body.front .header-top #header-info p:nth-child(3):before {content:"\f095";} 
@media(max-width:768px){body.front .header-top {height:80vh; min-height:650px;} body.front .header-top h1 {font-size:2em!important;} body.front .header-top h2 {font-size: 1.25em!important;} body.front .header-top #header-info{padding: .5em 0%!important;}}
@media(max-width:550px){body.front .header-top h1 {font-size:1.25em!important;}body.front .header-top h2 {font-size: 1em!important;}}

/* Hero Divider Image */
body.front .header-top {height:105vh;}
body.front .header-top > .container{z-index:999!important;}
body.front header{position:relative;overflow: hidden;}
/* body.front header:after {display:block;content:' ';background: url(/UploadedFiles/EventPage/1004850/images/hero-swoosh-5.svg) center center no-repeat;background-size: cover;height: 170px;width:100%;position:absolute;bottom: 0;} */
@media(max-width:768px){body.front header:after {bottom:-1em;}}
@media(max-height:768px) and (max-width:1000px){body.front .header-top {height:80vh;min-height:650px;padding-top: 12em;}  /*body.front header:after {display:none!important;} */}

/* ---------- 1-3-hero-shift.css ---------- */

/* Home TOP Nav*/
body .header-bottom .navbar.navbar-light.bg-light{background:none !important;} 
body.front .header-bottom { background-color: transparent; padding: 0.5rem 1rem;}
body.front .header-bottom .logo {max-width:100%; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
body.front .header-bottom .navbar-nav > li > a {color:#fff;}
body.front .header-bottom .navbar .navbar-header { display:flex; justify-content:space-between; align-items:center;}
body.front .header-bottom .navbar .navbar-header .navbar-toggle {order:1;}

/* Home TOP Nav on Collapse - Mobile */
@media (max-width: 768px) {
  body.front .navbar-collapse { background-color:#fff;} 
  body.front .navbar-collapse .navbar-nav > li > a {color:#3d6073;} 
  body.front .navbar-collapse .navbar-nav > li:hover > a {color:#fff;} 
  body.front .navbar-collapse .navbar-nav > li:last-child > a {color:#fff;}
}

@media (min-width: 768px) {
	body.front .header-bottom,body.not-front .header-bottom {padding: 1.25rem 1rem;}
	body.front .header-bottom .navbar {display:flex; flex-flow: row nowrap; align-items: center; justify-content: space-between;}
	body.not-front .header-bottom .navbar {flex-flow: row nowrap; }
	body.front .header-bottom .logo { width:var(--event-logo-size);}
	
	/* Flexify the children. .navbar-header (left / logo side) #navbar (right / link side) */
	body.front .header-bottom .navbar > *, body.not-front .header-bottom .navbar > * { display:flex }
	body.front .header-bottom .navbar .navbar-header {/*flex-basis:0;*/ width: 0% !important}
	body.not-front .header-bottom .navbar .navbar-header {flex-basis:fit-content; width: fit-content !important;}
	body.front .header-bottom .navbar #navbar .navbar-nav {  width: 100%; justify-content: space-around;  }
	body.not-front .header-bottom .navbar #navbar .navbar-nav {justify-content:flex-end;}
	/* Make Container 100% to maximize space for nav links */
	body.front .header-bottom > .container, body.not-front .header-bottom > .container { max-width: 100%; padding-left: 0;padding-right: 0;}
}

@media (min-width: 1200px) { 
	/* Set Container back to a fixed width when it gets to the largest breakpoint  */  
	body.front .header-bottom > .container, body.not-front .header-bottom > .container { max-width: 1140px; padding-left: inherit;padding-right: inherit;} 
}

/* Home Top Nav On Scroll */
body.front .header-bottom.on-scroll { background-color: var(--event-color-nav); }
body.front .header-bottom.on-scroll .navbar-nav > li > a {color:#333;}
body.front .header-bottom.on-scroll .navbar-nav > li:hover {color:#333;}
body.front .header-bottom.on-scroll .navbar-nav > li a:focus, body.front .header-bottom.on-scroll .navbar-nav > li:focus a:focus {color:#fff;}
body.front .header-bottom.on-scroll .navbar-nav > li a:hover, body.front .header-bottom.on-scroll .navbar-nav > li:hover a:hover{color:#fff;}
body.front .header-bottom.on-scroll .navbar-nav > li:last-child > a {color:#fff;}
body.front .header-bottom.on-scroll .logo { filter: brightness(0) invert(1)!important; -webkit-filter: brightness(0) invert(1)!important;}

@media (min-width:768px) {
  body.front .header-bottom.on-scroll .navbar-nav > li > a {color:var(--event-color-nav-links);}
  body.front .header-bottom.on-scroll .navbar-nav > li:hover {color:var(--event-color-nav-links);}
  body.front .header-bottom.on-scroll .navbar .navbar-header {flex-basis:fit-content; width:auto !important;  }
  body.front .header-bottom.on-scroll .navbar #navbar .navbar-nav { justify-content: flex-end; }
}

/* Primary Nav */
.navbar-nav > li > a { font-family:var(--secondary-ff)!important; font-weight:700; 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:var(--event-color-secondary)!important; color:#fff;}
@media (min-width: 768px) { .navbar-nav > li > a {font-size: clamp(8px, 1.325vw, 15px);} }

/* Sub Nav */
.navbar-nav ul.dropdown-menu > li > a, .navbar-nav .open ul.dropdown-menu > li > a {font-weight:400; font-family:var(--secondary-ff)!important; text-transform:uppercase;}
@media(max-width:766px){.navbar-collapse.collapse.in{margin-top:30px;}}

/* The Hamburger */
body.front .header-bottom .navbar-toggle, body.not-front .header-bottom .navbar-toggle{border-color:var(--event-color-primary) !important; margin-top:0 !Important;}
body.front .header-bottom .navbar-toggle .icon-bar, body.not-front .header-bottom .navbar-toggle .icon-bar{ border-color:var(--event-color-primary) !important;}
body.front .header-bottom.on-scroll .navbar-toggle, body.not-front .header-bottom.on-scroll .navbar-toggle{border-color:var(--event-color-primary) !important;}
body.front .header-bottom.on-scroll .navbar-toggle .icon-bar, body.not-front .header-bottom.on-scroll .navbar-toggle .icon-bar{border-color:var(--event-color-primary) !important;}

/* Fixed Event Info Bar */
body.front .header-middle {box-shadow:none!important;}
body.front .header-middle #header-name {display:none;}
body.front .header-top #header-info{  border:none;  --info-top-pos: 0px; top: var(--info-top-pos) !important;}
body.front .header-top #header-info{padding: .3em 0 !important;text-align:center!important;}
body.front .header-top #header-info p {font-size: 1.25em;font-weight: 700;text-shadow:none;display:inline-block!important;float:none!important;letter-spacing: 0.025em;font-family: var(--secondary-ff)!important;}
body.front .header-top #header-info p:first-child:after, .header-top #header-info p:last-child:before {content:"";}  
body.front .header-top #header-info p:nth-child(1):before,body.front .header-top #header-info p:nth-child(2):before, body.front .header-top #header-info p:nth-child(3):before {color:var(--event-color-accent); font-family:'FontAwesome'; position:relative; left:-.35em; margin-left:15px;}
body.front .header-top #header-info p:nth-child(1):before {content:"\f073";}
body.front .header-top #header-info p:nth-child(2):before {content:"\f041";}
body.front .header-top #header-info p:nth-child(3):before {content:"\f095";}  

/* Event Info On Scroll */
body.front .header-bottom{ box-shadow:none;} 
body.front #header_top #header-info.on-scroll {background:var(--event-color-info-onscroll);  box-shadow: 0 3px 10px 1px rgba(0,0,0,.3)!important; position:fixed; max-width:100%!important;  z-index:999; margin:0; left:0; right:0;}
body.front .header-top #header-info.on-scroll p {font-size:.85em;color:#fff!important;}
body.front .header-top #header-info.on-scroll p:nth-child(1):before,body.front .header-top #header-info.on-scroll p:nth-child(2):before, body.front .header-top #header-info.on-scroll p:nth-child(3):before {color:var(--event-color-accent)!important;}

/* Header Dynamic Info Sub Pages */
body.not-front .asidecontent {margin-top:5em; 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;}  

/* Full Width Images & Backgrounds */
.header-top {background: var(--event-hero-gradient); background-size:cover; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .45);}
.asidecontent {background: var(--event-inner-page-strip); box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .4); background-size:cover;}
.bg-img-venue{min-height:655px;padding-bottom:25px;background: url(/UploadedFiles/EventPage/1005227/images/venue-miami.jpg) center center scroll; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .3); background-size:cover;} 
.bg-img-testimonial-1{background-image:linear-gradient(270deg, rgba(0,0,0,.1) 15%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%),  url('/UploadedFiles/EventPage/1005125/uploads/OlkerPhoto-20181204_075.jpg'); background-position: center; background-size:cover; transition: all 0.4s ease;}
.bg-img-testimonial-2{background-image:linear-gradient(90deg, rgba(0,0,0,.1) 30%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%),  url('/UploadedFiles/EventPage/1005125/uploads/OlkerPhoto-20181204_181.jpg'); background-position: center; background-size:cover; transition: all 0.4s ease;}
@media(max-width:990px){.bg-img-testimonial-1{background-image:linear-gradient( rgba(0,0,0,.75) 100%, rgba(0,0,0,.75) 100%), url('/UploadedFiles/EventPage/1005125/uploads/OlkerPhoto-20181204_075.jpg');}}
@media(max-width:990px){.bg-img-testimonial-2{background-image:linear-gradient( rgba(0,0,0,.75) 100%, rgba(0,0,0,.75) 100%), url('/UploadedFiles/EventPage/1005125/uploads/OlkerPhoto-20181204_181.jpg');}}

.bg-gradient-img:before {content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0; }
.bg-gradient-img:before {background:linear-gradient(40deg,#201c3e,#7ca8cf 100%); mix-blend-mode:multiply; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, 0);}

.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);} 
.bg-xs {padding: 1em 0!important;}
.bg-sm {padding: 2.5em 0!important;}
.bg-md {padding: 5em 0!important;}

.img-border img {background-color:#fff;padding:10px; border-radius:6px; transition: all .15s ease;box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);}
.img-border img:hover {color: #e2ffe2; transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.15); }

/* Discount Module */
.container-pricing-control{padding-bottom:3em;}
.container-pricing-control .row {display: flex; align-items: center; flex-wrap: wrap;}
.container-pricing-control .fa-2x.lead {color:inherit; font-size:1.5em!important;}
.container-pricing-control .container-pricing-control {display:block!important; width:100%!important;}
@media(max-width:990px){.container-pricing-control h3{font-size:.9em;}}
@media(max-width:768px){.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;}}

/* Flex Utility */
.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.vbottom { display: flex; align-items: flex-end; flex-wrap: wrap;}
.vcenter {display: flex; align-items: center; flex-wrap: wrap;}
@media(max-width:991px) {.vcenter{display:inherit}}
@media(max-width:991px) {.vcenter, .row-eq-height{display:inherit}}

/* Typography */
body h1, body h2, body h3, body h4, body h5 {color:var(--event-color-headings); font-weight:400; font-family:var(--event-font-primary)!important;}
.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:var(--secondary-ff)!important;}
.pagecontent p{margin-bottom:1.25em;}
.pagecontent a{color:var(--event-color-primary); font-weight:bold;}
.pagecontent a:hover, a:focus{color:var(--event-color-secondary);}


/* 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;}

@media (min-width: 768px) {
.text-height-0 {line-height: 1 !important;}.text-height-1 {line-height: 1.5 !important;}.text-height-2 {line-height: 2 !important;}.text-height-3 {line-height: 2.5 !important;}.text-height-4 {line-height: 3 !important;}.text-height-5 {line-height: 3.5 !important;}	
}

/* Responsive Typography */
@media(max-width:990px){ #sb-page-content h1{font-size:2em!important;} #sb-page-content h2.fa-5x,#sb-page-content h2.fa-5x.text-center{font-size:1.95em!important;} #sb-page-content h2.fa-4x,#sb-page-content h2.fa-4x.text-center{font-size:1.75em!important;} #sb-page-content h2.fa-3x,#sb-page-content h2.fa-3x.text-center{font-size:1.55em!important;} #sb-page-content h2.fa-2x,#sb-page-content h2.fa-2x.text-center{font-size:1.35em!important;} #sb-page-content h3{font-size:1.1em!important;} #sb-page-content p.fa-lg{font-size:.85em!important;} #sb-page-content blockquote p{font-size:1.1em!important;} #sb-page-content blockquote cite{font-size:.85em!important;} #sb-page-content p,#sb-page-content ul,#sb-page-content ol,#sb-page-content li,#sb-page-content table,#sb-page-content address,#sb-page-content blockquote,#sb-page-content cite{font-size:14px!important;line-height:1.5em!important;}}
 
/* Buttons General Styles */
.btn-danger, .btn-success, .btn-warning, .btn-primary, .btn-info, .btn-default, .btn-register, .btn-event, .btn-inverse{color:#fff!important; font-weight:400; font-family:var(--event-font-primary)!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:768px){.btn-xl,.btn-lg,.btn-md,.btn-sm,.btn-xs{font-size:1em!important;}}

/* Branded Buttons Styles */
.btn, .btn-danger, .btn-success, .btn-warning, .btn-primary, .btn-info, .btn-default, .btn-register, .btn-event, .btn-inverse{color:#fff!important; font-weight:400;}
.btn-event, .navbar-nav > li:last-child > a, .btn-pricing-control, .StradTemplate input[type=submit], .thank-you a{background:var(--event-color-primary)!important; font-weight:400; text-shadow:rgb(0, 0, 0) 1px 1px 3px; font-family:var(--event-font-primary)!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:var(--event-color-secondary)!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;}

/* Button Overrides */
.btn-inverse{background:var(--event-color-secondary)!important; color:#fff;}
.btn-inverse:hover{background:var(--event-color-primary)!important;}
.navbar-nav > li:last-child > a{background:var(--event-color-primary)!important;}
.navbar-nav > li:last-child > a:hover{background:var(--event-color-secondary)!important;}
.container-pricing-control .btn-pricing-control { background:var(--event-color-primary)!important;}
.container-pricing-control .btn-pricing-control:hover { background:var(--event-color-secondary)!important;}

/* Content Container */
#sb-page-content.container > h1 {padding-left:15px; margin-bottom:.25em!important;}
.noHover{pointer-events:none;}
.row.col-fix > [class*="col-"]{min-height:25em;}
.page-header{border-bottom:none;}
.page-header:before{content:"\2013";} 
.page-header:after{content:" \2013";} 
.title-border:after {content:""; display:block; margin:15px auto 0; height:5px; width:75px; background:var(--event-color-accent); -webkit-border-radius:2.5px; -webkit-background-clip:padding-box; -moz-border-radius:2.5px; -moz background-clip:padding; border-radius:2.5px; background-clip:padding-box;}
blockquote {background-color:transparent; border:none; margin:0px; quotes:none;}
blockquote p {display:inline-block;}
blockquote cite {display:block; border:none; padding:0; font-weight:600;}
blockquote cite:before {content:"- ";} 
body.front .speaker-image-block{border:1px #eee solid; border-radius:6px;}
.speaker-image-block {height:200px; width:200px; overflow:hidden; display:block; margin:0 auto; position:inherit;}
.speaker-image-block > img:first-of-type {transition: all 0.3s ease;}
.speaker-image-block:hover > img:first-of-type {margin-top:-200px; transition: all 0.3s ease;}
.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);}
.speaker-image-block > span.reverse:first-of-type {top:20px; right:0; left:65px; transform:rotate(40deg);} 
@media(max-width:990px){.row.col-fix > [class*="col-"] {min-height:18em;} .speaker-image-block {height:150px; width:150px;} .speaker-image-block:hover > img:first-of-type {margin-top:-150px;}}

.dev-hide{display:none!important;}

