/* #Page Styles
===========================================================================================   */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i|Lora:400,400i,700,700i');

header{
    float: left;
    width: 100%;
    background-color: rgba(8,36,83,0.5);
    margin:30px 0 70px 0;
    border-top: solid 0.5px #e30613;
    border-bottom: solid 0.5px #e30613;
}

#breadCrumb {
    float: left;
    width:100%;
    padding: 0;
    margin: 0;
}

#breadCrumb li  {
    display: inline-block;
    list-style: none;
    float: left;
    margin:0 10px 0 0;
    transition:0.2s all;
    -webkit-transition:0.2s all;
    position: relative;
    z-index: 1;
    text-align: left;
    background: url('../../_img/Padlock2.png') no-repeat 40px center / 40px;
}

#breadCrumb li:first-child::before {
    position: absolute;
    left: 0;
    content: '1';
    color: white;
    font-size: 50px;
    line-height: 66px;
}

#breadCrumb li:nth-child(2)::before {
    position: absolute;
    left: 0;
    content: '2';
    color: white;
    font-size: 50px;
    line-height: 66px;
}

#breadCrumb li:nth-child(3)::before {
    position: absolute;
    left: 0;
    content: '3';
    color: white;
    font-size: 50px;
    line-height: 66px;
}

#breadCrumb li:nth-child(4)::before {
    position: absolute;
    left: 0;
    content: '4';
    color: white;
    font-size: 50px;
    line-height: 66px;
}

#breadCrumb li::after{
    background:url('../../_img/ARROW.png') no-repeat 16px center / 25px;
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 70px;
    width: 40px;
}

#breadCrumb li:last-child::after{
    background: none;
}

#breadCrumb li.active   {
    background: url('../../_img/epp_tick_red.png') no-repeat 40px center / 40px;
}

#breadCrumb li.active a {
    cursor: pointer;
}

#breadCrumb li:last-child a{
    padding-right: 0px;
}

#breadCrumb li a    {
    color:#fff;
    font-weight: 300;
    font-size: 16px;
    margin: 16px 0;
    padding: 0 60px 0 100px;
    text-transform: uppercase;
    cursor: not-allowed;
    position: relative;
    display: block;
}

#breadCrumb .lhFix a    {
    line-height: 18px;
    top:15px;
}

#breadCrumb li span   {
    position: absolute;
    bottom:-20px;
    left:0;
    color:orange;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#breadCrumb li figure   {
    position: absolute;
    bottom:-40px;
    right:-10px;
    background:red;
    font-size: 14px;
    color:#fff;
    max-height: 0px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
}
#breadCrumb li:hover > figure   {
    max-height: 100px;
    padding: 10px;
}

#breadCrumb li.active:hover > figure    {
    max-height: 0px !important;
    padding: 0 !important;
}

.contentWrapper section .checkList li {
  background: url(https://images.southbankresearch.com/images/icon-check.png) no-repeat left 4px/16px;
  list-style: none;
  padding: 0 0 0 26px;
  margin-top: 0px;
}

section#trading_triggers{
  float: left;
  width: 100%;
  background-color: rgba(8,36,83,0.5);
  margin: 0px 0 20px 0;
  border-top: solid 2px #e30613;
  border-bottom: solid 2px #e30613;
  padding: 20px 0px;
  position: relative;
}

section#trading_triggers img.james {
  width: 125px;
  position: absolute;
  bottom: -20px;
  z-index: 10;
}

section#trading_triggers img.john{
  width: 153px;
  position: absolute;
  bottom: -20px;
  left: 100px;
  z-index: 9;
}

section#trading_triggers img.TT_logo{
  margin: 0px auto;
  max-width: 650px;
  display: block;
}

.container {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    position: relative;
}

.stickySidebar  {
    float: left;
    width:30%;
    position: relative;
}

.stickySidebar section  {
    float: left;
    padding: 10px;
    background:white;
    margin-bottom: 20px;
}

.stickySidebar section .red_blueBox  {
    float: left;
    padding: 10px;
    background:#082453;
    border: solid 2px #e30613;
    border-radius: 10px;
}

.stickySidebar .stickyWrapper   {
    /*position: fixed;*/
    width:294px;
    transition:0.3s all;
    -webkit-transition:0.3s all;
}

.stickySidebar .stickyWrapper.moveUp    {
    margin-top:-260px;
}

.stickySidebar section h3   {
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    margin:0 0 14px 0;
}

.stickySidebar section p    {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.1em;
}

.stickySidebar .disclaimer  {
    font-size: 12px;
    line-height: 1.1em;
    font-weight: 300;
    margin:6px 10px 0 10px;
    float: left;
    text-align: center;
    color: white;
    letter-spacing: 0px !important;
}

.stickySidebar .disclaimer a{
    color: white;
    text-decoration: underline;
}

#countdown  {
    float: left;
    width:95%;
    margin:12px 0;
    background: #fff;
    box-shadow: inset 0 0 0 1px #000;
    padding:25px 2.5% 10px 2.5%;
}

.stickySidebar .form    {
    float: left;
    width:100%;
    margin:0;
    position: relative;
    text-align: center;
}

.stickySidebar .form input  {
    float: left;
    width:100%;
    border: none;
    line-height: 40px;
    height:40px;
    background:#fff;
    border-radius: 10px;
    text-indent: 10px;
    font-size: 16px;
    color:#000;
}

.stickySidebar .form button, .stickySidebar a.btn {
    height:40px;
    line-height: 40px;
    border-radius: 10px;
    display: inline-block;
    margin: 10px auto;
    padding: 0 10px;
    background:#e30613;
    color:white;
    border: none;
    box-shadow: none;
    font-size: 20px;
    cursor: pointer;
    transition:0.3s all;
    -webkit-transition:0.3s all;
}
.stickySidebar .form button:hover,
.stickySidebar a.btn:hover   {
    background: #b73439;
}

.stickySidebar .author{
    float: left;
    width: 100%;
    background-color: rgba(8,36,83,0.5);
    color: white;
    margin-bottom: 20px;
}

.stickySidebar .author p {
    font-size: 18px;
}

.stickySidebar .author > div{
  padding: 20px;
  border: solid 1px #e30613;
}

.contentWrapper {
    float: right;
    width:68%;
    margin-bottom:15px;
}

section.fullwidth{
    width: 80%;
    margin: 0 10%;
}

.contentWrapper section.hidden {
    display:none;
}

.contentWrapper .logo    {
    float: left;
    width:100%;
    text-align: center;
}

.contentWrapper .logo img   {
    max-width: 100%;
    margin:-30px 0 10px 0;
}

.contentWrapper section {
    float: left;
    clear: both;
    background: #fff;
    padding: 0;
    width:100%;
}

.contentWrapper section h1 {
    text-align: center;
    font-family: 'Lora', serif;
    font-size: 42px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.contentWrapper section .page h1 {
    font-size: 28px;
    line-height: 34px;
}

.contentWrapper section h2 {
    text-align: center;
    font-family: 'Lora', serif;
}

.contentWrapper section h3 {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 36px;
}

.contentWrapper section h4 {
    text-align: center;
    font-family: 'Lora', serif;
    font-size: 30px;
    font-weight: 400;
    margin-top: 20px;
}

.contentWrapper section h5 {
    text-align: center;
    font-family: 'Lora', serif;
    color: #e30613;
}

.contentWrapper section ul.tick_list {
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 30px;
    margin-top: 20px;
    list-style: none;
    padding-bottom: 0;

}

.contentWrapper section ul.tick2 {
    list-style: none;
    padding: 0px 0 0 5px;


}

.contentWrapper section article ul.tick_list li{
    padding-left: 40px;
    background: url('../../_img/1488301912_tick_red.png') no-repeat left 4px / 30px;
}

.contentWrapper section article ul.tick2 li{
    padding-left: 30px;
    background: url('../../_img/1488301912_tick_red.png') no-repeat left 2px / 20px;
}

.contentWrapper section article .checkList li {
  background: url(https://images.southbankresearch.com/images/icon-check.png) no-repeat left 4px/16px;
  list-style: none;
  padding: 0 0 0 26px;
  margin-top: 0px;
}

.contentWrapper section article {
    display: block;
    padding: 30px 5%;
    float: left;
    width: 90%;
}

.contentWrapper section article a   {
    color:blue;
    text-decoration: underline;
}

.contentWrapper section h2  {
    line-height: normal;
    font-size: 28px;
    margin:30px 0;
    display: block;
}

.contentWrapper section h2 span{
    color: #b73439;
}

.contentWrapper section ol,
.contentWrapper section ul  {
    margin:0 0 0 0;
    padding: 5px 0 25px 25px;
}

.contentWrapper section ol li,
.contentWrapper section ul li  {
    margin:15px 0;
    line-height: 1.3em;
}

.contentWrapper section ul.tick2 li:first-child  {
    margin:0px 0 15px;
}

.contentWrapper section .greyBox    {
    padding: 30px;
    margin: 0 0 20px 0;
    background-color: rgba(183,52,57,0.1);
    float: left;
}

.contentWrapper section .greyBox ol{
    padding-bottom: 0;
}

.contentWrapper section .box_quote{
    max-width: 180px;
    float: right;
    background-color: #24292c;
    border: solid 2px  #e30613;
    color: white;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
}

.contentWrapper section article img {
    max-width: 750px;
    width:100%;
}

.contentWrapper section article .report{
    max-width: 180px !important;
    float: right;
}

.contentWrapper section form    {
    float: left;
    width:90.1%;
    margin:10px 0 15px 0;
    background-color: rgba(8,36,83,0.5);
    padding: 3% 5%;
}

.contentWrapper section form input  {
    float: left;
    width:75%;
    border: none;
    box-shadow: inset 0 0 0 2px #ccc;
    line-height: 40px;
    height:40px;
    background:#fff;
    font-size: 16px;
    border-radius: 10px;
    text-indent: 10px;
    transition:0.3s all;
    -webkit-transition:0.3s all;
}

.contentWrapper section form input:hover,
.contentWrapper section form input:focus    {
    box-shadow: inset 0 0 0 2px #000;
    border: none;
    background:#eee;
    border-radius: 10px;
    outline: none;
    -webkit-appearance: none;
    border: none;
}

.contentWrapper section form button {
    float: right;
    border: none;
    line-height: 40px;
    height:40px;
    background:#e30613;
    color: white;
    font-size: 18px;
    width:24%;
    font-size: 15px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition:0.3s all;
    -webkit-transition:0.3s all;
}

.contentWrapper section form button:hover   {
    background: #b73439;
}

.contentWrapper .noSpamPledge   {
    font-size:12px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #fff;
}

.contentWrapper section div.SignUp_Box{
    float: left;
    border: 2px dashed #e30613;
    border-radius: 10px;
    width: 96%;
    padding: 0 2%;
    margin-bottom: 20px;
    background: #24292c;
}

.contentWrapper .disclaimer {
    padding: 20px;
    font-size: 14px;
    float: left;
    border-top: 2px solid #eee;
}

.contentWrapper .disclaimer ul  {
    display: block;
    margin:0;
    padding:0;
}
.contentWrapper .disclaimer ul li   {
    display: inline-block;
    list-style: none;
}
.contentWrapper .disclaimer ul li a {
    margin-right:10px;
    display: block;
    color:#000;
    text-decoration: underline;
}

.contentWrapper .authorImg  {
    float: right;
    margin:0 0 15px 15px;
    max-width: 140px;
}

#backtoTop  {
    position: fixed;
    bottom:0;
    right:20px;
    background: rgba(0,0,0,0.7);
    border-radius: 3px 3px 0 0;
    color:#fff;
    font-size: 20px;
    padding: 6px 10px;
    text-align: center;
    cursor: pointer;
    transition:0.3s all;
    -webkit-transition:0.3s all;
}

#backtoTop:hover    {
    background:rgba(0,0,0,1);
    padding-bottom: 20px;
}

.youTube    {
    float: left;
    height:400px;
    width:756px;
    max-width:100%;
}

.contentWrapper section article .nick_sig{
    max-width: 200px;
    display: block;
    margin: 0 0 15px -10px;
}

.footNav    {
    float: left;
    margin:20px 0;
    padding:0;
    width:100%;
    text-align: center;
    width: 68%;
}

.footNav li {
    display: inline-block;
    list-style: none;
}

.footNav li:first-child a {
    border-right:1px solid #ccc;
}

.footNav li a {
    color:#fff;
    font-size: 14px;
    padding:0 10px;
}

.contentWrapper section article a.videoBtn {
  display: block;
  max-width: 80%;
  background: #f03;
  padding: 10px 20px;
  margin: 0px auto !important;
  text-align: center;
  border-radius: 6px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  font-size: 26px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  position: relative;
  margin: 0 0 32px 0;
  -webkit-animation: bounce 1.1s infinite alternate;
  -o-animation: bounce 1.1s infinite alternate;
  -moz-animation: bounce 1.1s infinite alternate;
  animation: bounce 1.1s infinite alternate;
}

.contentWrapper section article a.videoBtn:hover    {
  background: #f1892d;
}

.contentWrapper section article #orderLink {
    display: none;
    float: left;
}

.contentWrapper section article a#orderLink:after {
    content: '(You can review your order before it’s final)';
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #000;
}

.contentWrapper section article a#transcript {
    float: right;
}

.wistia_responsive_padding {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

.indent {
    margin-left: 40px;
}

.contentWrapper section article img.responsiveImg {
    display: block;
    margin: 0px auto 20px auto;
    width: 100%;
    max-width: 600px;
}

.contentWrapper section article img.reportImg {
    display: block;
    float: right;
    margin: 0px 0px 10px 10px;
    width: 200px;
}

.box {
    background: #efefef;
    border: 1px solid #ccc;
    padding: 15px;
    margin: 0px 0px 10px 10px;
    width: 300px;
    float: right;
    border-radius: 5px;
}

.box p {
    font-size: 16px;
    margin-bottom: 10px;
}

.box span {
    color: red;
}

.pp {
    background: #efefef;
    border: 1px solid #ccc;
    padding: 15px;
    margin: 0px 0px 10px 10px;
    width: 200px;
    float: right;
    border-radius: 5px;
    font-size: 14px;
}

.orangeBtn {
    display: inline-block;
    float: center;
    width: 91%;
    max-width: 300px;
    border: none;
    line-height: 40px !important;
    height: 50px;
    text-align: center;
    background: #f1892d;
    border-radius: 3px;
    color: #fff !important;
    padding: 10px 20px 5px 20px;
    font-weight: 600;
    margin: 0 0 12px 0;
    font-size: 30px;
    line-height: 40px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    text-decoration: none !important;

}

.orangeBtn:hover {
    background: #d87b29;
}

.btnDisclaimer {
    font-size: 12px;
}

#loader {
    position: fixed;
    background: #ffffff;
    top:0;
    left:0;
    width:100%;
    height: 100vh;
    z-index: 9999;
    text-align: center;
}

#loader p   {
    position: absolute;
    top:50%;
    left: 50%;
    font-size: 22px;
    color:#111;
    margin:0;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

#loader p span  {
    font-size: 18px;
    display: block;
    margin:20px 0 0 0;
}

.nick-box {
    width: 150px;
    float: right;
    background: #efefef;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    margin: 0px 0px 10px 10px;
}

.nick-box img {
    width: 150px;
    margin-bottom: 5px;
    background: #fff;
}

.nick-box p {
    font-size: 14px;
    margin-bottom: 0px;
}

.eoin-image {
    width: 200px !important;
    float: right;
    display: block;
    margin: 0px 0px 10px 10px;
}

.mobileOnly {
    display: none;
}

.content .column {
    width: 30%;
    padding: 0% 1.5%;
    float: left;
    margin-top: 20px;
    color: #666;
}


/* #Firefox Styles
===========================================================================================   */

	@-moz-document url-prefix() {

	}


/* #IE Styles
===========================================================================================   */

	.ie8,
	.ie7 {
	}



@media only screen and (max-width: 767px) {
    .stickySidebar .form input, .stickySidebar .form button {
        -webkit-appearance: none;
        appearance: none;
        padding: 0 !important;
        width: 90%
        height: 48px;
    }
}

@media only screen and (max-width: 520px){
    .stickySidebar .form {
        float: left;
        margin: 0;
        position: relative;
        text-align: center;
        width: 90%;
    }
}

@media only screen and (max-width: 991px){
    .contentWrapper section h4 {
        font-size: 18px;
    }
}



/* #Media Queries
===========================================================================================   */

/* up to 960 to 1200
===========================================================================================   */
@media only screen and (min-width: 1200px)  {

    .container  {
        max-width:1200px;
        width: 100%;
    }

    #breadCrumb li {
        margin-right:40px;
    }

    #breadCrumb li::after{
        background-position: -1px center;
    }

    .stickySidebar section h3   {
        font-size: 34px;
    }

    .stickySidebar .stickyWrapper   {
        width:360px;
    }

    .flip-clock-wrapper ul {
        width: 31px !important;
        margin:0 1px;
    }

    .contentWrapper section article img {
        max-width: 100%;
    }




}


/* Tablet Portrait size to standard 960 (devices and browsers)
===========================================================================================   */
@media only screen and (max-width: 1199px)  {

    section#trading_triggers img.james {
        width: 110px;
    }
    section#trading_triggers img.john {
        width: 135px;
    }
    section#trading_triggers img.TT_logo {
        max-width: 500px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers)
===========================================================================================   */
@media only screen and (min-width: 768px) and (max-width: 959px)  {

    .container  {width:768px;}


}




/* All less than 959
===========================================================================================   */
@media only screen and (max-width: 959px)  {

    .container  {
        width:90%;
        margin:0 5%;
    }

  .contentWrapper section h1 {
    font-size: 36px;
  }

  .contentWrapper section .page h1 {
    font-size: 24px;
    line-height: 28px;
  }

    .stickySidebar  {
        width:100%;
        margin:0px;
    }

    .stickySidebar .stickyWrapper.moveUp    {
        margin-top:0;
    }

    .stickySidebar .stickyWrapper   {
        width:100%;
        position: static;
        float: left;
    }

    .stickySidebar .stickyWrapper section   {
        width:95%;
        padding: 20px 2.5%;
    }

    .stickySidebar section .red_blueBox{
        width: 90%;
        padding: 10px 5%;
    }

    .stickySidebar .disclaimer  {
        text-align: center;
    }

    .contentWrapper {
        width:100%;
    }

    .flip-clock-wrapper ul  {
        width:11.3% !important;
        height:70px !important;
    }

    .flip-clock-wrapper ul li   {
        line-height: 70px !important;
    }

    .flip-clock-divider {
        height:80px !important;
    }

    .contentWrapper section article img {
        max-width: 100%;
    }

    #menu   {
        position: fixed;
        top:20px;
        right:20px;
        width:30px;
        height:26px;
        background:url('../../_img/menuIcon-open.png') no-repeat center center / contain;
        cursor: pointer;
        z-index: 12;
    }

    #menu.whiteMenu {
        background-image:url('../../_img/menuIcon-white.png') !important;
    }

    #breadCrumb {
        position: fixed;
        z-index: 10;
        background: rgba(0,0,0,0.95);
        top:0;
        left:-120%;
        width:80%;
        min-height: 100vh;
        transition:0.3s all;
        -webkit-transition:0.3s all;
        padding: 0 10%;
    }

    #breadCrumb.slideOut    {
        left:0px !important;
    }

    #breadCrumb li  {
        display: block;
        float: left;
        width:80%;
        padding: 0 10%;
        white-space: normal;
        text-align: left;
        margin:0;
        background:url('../../_img/Padlock2.png') no-repeat right center / 25px;
    }

    #breadCrumb li::after{
        display: none;
    }

    #breadCrumb li:first-child  {
        margin-top:90px;
    }

    #breadCrumb li::before  {
        font-size: 40px !important;
        line-height: 56px !important;
    }

    #breadCrumb li figure   {display: none;}

    #breadCrumb li a  {
        padding:0 0 0 60px;
    }

    #breadCrumb li a br {
        content: '';
        padding: 0 2px;
    }

    section#trading_triggers{
        margin-top: 60px;
    }

    section#trading_triggers img.james,
    section#trading_triggers img.john {
        display: none;
    }

    section#trading_triggers img.TT_logo{
        width: 100%;
    }

    header{
        margin: 0;
    }

    #breadCrumb li span{
        display: none;
    }

    .footNav {
        width: 100%;
    }

    .desktopOnly {
        display: none;
    }

    .mobileOnly {
        display: block;
    }

    #trading_triggers h1.mobileOnly {
        text-align: center;
        font-family: 'Lora', serif;
        font-size: 30px;
        line-height: 36px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

}






/* Mobile / Tablet less than 767
===========================================================================================   */
@media only screen and  (max-width: 767px)  {

    .container  {
        position: static;
    }

    .contentWrapper .logo img   {
        max-width: 300px;
        margin:15px 0 10px 0;
    }

    .flip-clock-wrapper ul  {
        width:11% !important;
    }

    .stickySidebar .form input,
    .stickySidebar .form button {
        -webkit-appearance: none;
        appearance: none;
        padding: 0 !important;
        width: 100%;
        height:48px;
    }

    .stickySidebar .stickyWrapper.moveUp    {
        margin-top:0;
    }

    .youTube    {
        height:260px;
    }

    .contentWrapper section form input  {
        box-shadow: none;
        border: 1px solid #555;
        -webkit-appearance: none;
        width:100%;
        padding:0 !important;
    }

    .contentWrapper section form button {
        width:100%;
        margin-top:6px;
    }

    header{
        margin: 0;
    }

    .contentWrapper section article .report{
        float: none;
        display: block;
        margin: 0 auto;
    }

    .contentWrapper section .box_quote{
        width: 96%;
        max-width: 96% !important;
        display: block;
        float: none;
        padding: 2%
    }

    .indent {
        margin-left: 20px;
    }

    .box, .pp {
        float: none;
        max-width: 500px;
        width: 91%;
        margin: 0px auto 20px auto;
    }

    .contentWrapper section ul.tick_list {
        font-size: 21px;
        padding-left: 0px;
    }

    .contentWrapper section article ul.tick_list li {
        padding-left: 30px;
        background: url(../../_img/epp_tick_red.png) no-repeat left 4px / 22px;
    }

}





/* Mobile / Tablet less than 480
===========================================================================================   */
@media only screen and  (max-width: 480px)  {



}


/* Mobile / Tablet less than 350
===========================================================================================   */
@media only screen and  (max-width: 350px)  {



}