﻿.contentWrapper{
    width:100%;
    margin:0 auto;
    font-weight: 500;
}

.subHeaderWrapper{
    color:white;
    position:relative;
    margin-bottom:0.25%;
    background-image:url("../../Images/bottom-header-background.jpg");
    background-size:cover;
    height:325px;
}

.subHeaderWrapper img{
    width:100%;
}

.mobileRelationsInfo{
    display:none;
}

.subHeaderWrapper .cover{
    position:absolute;
    z-index:100;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#006098;
    width:100%;
    opacity:0.65;
}

.cover h2{
    font-size:40px;
    text-align:center;
    width:1000px;
    margin:0 auto;
    line-height:54px;
    margin-top:80px;
    font-weight:100;
}

.reasonWrapper{
    margin-bottom:5px;
    margin-top: -1px;
}

.reason{
  
    color:#006098;
    width: 49.87%;
    display:inline-block;
    height:500px;
    vertical-align:top

}

.reason:first-of-type{
    background-color:white;
    margin-right:0.25%;
}

.reason:last-of-type{
    border-left:1px solid #CCCCCC;
    margin-left:-4px;
}

    .reason img{
        margin:0 auto;
        margin-top:70px;
        width:140px;
        display:block;
        margin-bottom:40px;
    }

    .reason p{
        width:65%;
        margin:0 auto;
        font-size:22px;
        font-weight:200;
        text-align:center;
        line-height:45px;
    }

.relationsInfo{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.blurbWrapper{
    width:42.497%;
    height:100%;
    display:inline-block;
    vertical-align:top;
}

.centerWrapper{
    width:15%;
    display:inline-block;
    padding:45px 50px;
    background-color:#50C9BA;
    text-align:center;
    color:white;
    line-height:26px;
    font-size:18px;
    margin-left:-5px;
    margin-top:160px;
    border:10px solid #5d98bf;
}

    .blurbWrapper p{
        width:70%;
        margin:0 auto;
        font-size:22px;
        line-height:40px;
        color:white;
        font-weight:100;
    }

    .blurbWrapper p:first-of-type{
        margin-top:80px;
        margin-bottom:120px;
    }

    .right{
        margin-left:-4px;
    }

.relationsWrapper{
    width:100%;

    position:relative;
    background-image:url("../../Images/investor-relations-backgrou.jpg");
    background-size:cover;
    height:514px;
}

    .relationsWrapper img{
    width:100%;
}

 .benefitsWrapper{
     clear:both;
    width:100%;
    margin:0 auto;
}


 .benefitsWrapper .benefit{
     
 
    height: 495px;


 }

  .benefitsWrapper .benefit.one .imageContainer{
          background-image:url(../../Images/stock-market-1.jpg);
 }

    .benefitsWrapper .benefit.two .imageContainer{
         background-image:url(../../Images/stock-market-2.jpg);

 }


      .benefitsWrapper .benefit.three .imageContainer{
       background-image:url(../../Images/stock-market-3.jpg);
   }

           .benefitsWrapper .benefit.three .textContainer{
     margin-top:60px;
   }


   .benefitsWrapper .benefit{
     
 
    height: 495px;
    position:relative;

 }
 .benefitsWrapper .benefit .imageContainer
 {
     width:50%;
     float:left;

     background-size:cover;
     height:100%;
 }


  .benefitsWrapper .benefit .textContainer
 {
     width:50%;
     float:left;
     height:100%;

 }





    .benefit .textContainer p {
        display: block;
        width: 500px;
        margin:auto;
        margin-top:100px;
        vertical-align: top;
        font-size: 22px;
        font-weight:100;
        color: #006098;
        font-weight: 300;
        line-height: 36px;
 

    }

.faqWrapper{
    background-color:#F2F2F2;
    margin-top:-3px;
    color:#006098;
    padding-top: 125px;
    padding-bottom:120px;
    font-weight:100;
}

    .faqWrapper h2{
        font-size: 30px;
        margin: 0 auto;
        width: 55%;
        text-align: center;
        margin-bottom:40px;
        font-size: 40px;
        font-weight: 200;
    }

.infoText{
    margin: 0 auto;
    width: 55%;
    text-align: center;
    font-size: 22px;
    line-height: 34px;
}

.infoText:first-of-type{
    margin-bottom:40px;
}

.infoText:last-of-type{
    margin-bottom:120px;
}

.question{
    position:relative;
    margin: 0 auto;
    width: 55%;
    font-size:22px;
    padding-bottom: 25px;
    border-bottom: 1px solid #50C9BA;
    margin-bottom: 25px;
    cursor:pointer;
    padding-right:50px;
}

.inactive .arrow {
    width: 0;
    height: 0;
    border-left: 12.5px solid transparent;
    border-right: 12.5px solid transparent;
    border-top: 12.5px solid #006098;
    border-bottom:0;
    position:absolute;
    right:15px;
    top:0;
}

.active .arrow{
    width: 0;
    height: 0;
    border-left: 12.5px solid transparent;
    border-right: 12.5px solid transparent;
    border-bottom: 12.5px solid #006098;
    border-top:0;
    position:absolute;
    right:15px;
    top:0;
}

.answer{
    position:relative;
    margin: 0 auto;
    width: 50%;
    font-size:22px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    display:none;
}