.big-block h1 {
    margin: 3px;
    font-size: 3.5em;
    color: #fff;
    text-align: left;
    display: table;
    padding: 6px;
    line-height: 1em;
    width: 60%;
    background-color: rgba(36,36,36,0.8);
}

.splash-section {
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/10/splash-4.jpg);
    height: 65vh;
    min-height:600px;
    background-size: 300%;
    -webkit-animation: h_slide 24s ease-out infinite;
    -moz-animation: h_slide 24s ease-out infinite;
    animation: h_slide 24s ease-out infinite;
    background-repeat-y: no-repeat;
    position: relative;
}
@keyframes h_slide {
  0% {
    background-position: 0%; }
  20% {
    background-position: 0%; }
  25% {
    background-position: 50%; }
  45% {
    background-position: 50%; }
  50% {
    background-position: 100%; }
  95% {
    background-position: 100%; }
  100% {
    background-position: 150%; } }

.splash-text h1 {
    margin: 3px;
    font-size: 6em;
    color: #fff;
    text-align: left;
    display: table;
    padding: 6px;
    line-height: 3rem;
    text-align: center;
    text-shadow: 0 2px 3px #000;
    font-weight: bold;
    text-align: left;
    display: block;
}
.splash-text {
    width: 1025px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    color: #fff;
    text-transform: uppercase;
}

.splash-text p {
    margin-top: 65px;
    padding: 5px;
    font-size: 4em;
    display: block;
    text-align: left;
    text-transform: initial;
}


.spl-btn {
    background-color: transparent;
    padding: 10px 5px;
    line-height: 25px;
    min-width: 200px;
    display: inline-block;
    color: #fff;
    transition: 0.5s;
    font-size: 1.5em;
    font-size: 16px;
    vertical-align: bottom;
    margin: 20px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #FFCF46;
    filter: blur(0px);
    z-index: 34;
    position: relative;
    filter: none;
}
.spl-btn .fa{
    color:#fff;
    margin-left:7px;
    font-size:80%;
}
.spl-btn:hover .fa{
    color:grey;
}
.splash-button-wrapper {text-align: center;display: inline-block;}
.splash-button-wrapper a{text-decoration:none;}
.spl-btn:hover {
    background-color: #fff;
    color: grey;
}
.btn-span{
    vertical-align:middle;
    display:inline-block;
    line-height: 1.6em;
    font-weight: 300;
}
.btn-span-login{
    font-size:1.5vw;
}
.buttons-wrapper {
    bottom: 0;
    display: inline-block;
    vertical-align: bottom;
}
.spl-btn.spl-btn2 {
    font-size: 200%;
    width: 50vw;
}
.about-block .spl-btn{
    margin:20px;
    background-color: rgba(50,50,50,0.7);
}
.block4 .spl-btn{
    width: 200px;
    font-size:200%;
}

.splash-button-wrapper {text-align: center;display: inline-block;}
.splash-button-wrapper a{text-decoration:none;}
.spl-btn:hover {
    background-color: #8e2246;
    border-color: #8e2246;
    color: #fff;
}
.btn-span{
    vertical-align:middle;
    display:inline-block;
    /* line-height: 1.6em; */
    font-weight: 300;
}
.btn-span-login{
    font-size:1.5vw;
}
#splash-about {
    background-color: white;
    margin: 0;
    padding: 5px;
    margin-top: -3px;
}

#splash-about h2 {
    margin: 0;
}
#splash-about-boxes {background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/10/bg_body.png);}
.spl-about-row:first-child{
    padding-top:5vw;
    padding-bottom: 2.5vw;
}
.spl-about-row:last-child{
    padding-bottom: 5vw;
}
.spl-abt-heading{
    padding:5vh;
}
.spl-abt-heading h1, .spl-abt-heading h2{
    color: #333!important;
    margin:1vh;
}
.spl-about {
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 1025px;
    text-align: center;
}
.spl-abt-onethird{
    height: 92vh;
    width:33%;
    display:inline-block;
    box-sizing:border-box;
    background-position-x:50%;
    vertical-align:top;
    position:relative;
}
.spl-about-twothirds{
    height: 90vh;
    width:64%;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    margin:1vh;
}
.spl-about-twothirds > div{
    height: 45vh;
    width:100%;
    background-size:cover;
    background-position-y:20%;
    vertical-align:top;
    box-sizing:border-box;
    margin-bottom:1vh;
}
.spl-about-full{
    height:80vh;
    width:100%;
    background-size:cover;
    background-position-y:80%;
}
#splash-about-boxes .first{
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/10/splash1-3.jpg);
    background-size: cover;
}
#splash-about-boxes .second{
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/10/splash2-1.jpg);
    position:relative;
}
#splash-about-boxes .third{
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/10/splash3-1.jpg);
    position:relative;
}
#splash-about-boxes .fourth{
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/10/splash4.jpg);
    position:relative;
    margin-top: 1vh;
    background-position: 50% 50%;
}

#splash-about-boxes .first p{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: #282A2E;
    transition:0.5s;
    text-align:center;
    position:absolute;
    left:0;
    top:50vh;
    margin:0;
}
#splash-about-boxes .first:hover p{
    height:auto;
    font-size:2em;
    width:90%;
    padding:10px;
}
#splash-about-boxes .second p{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: #8D2357;
    transition:0.5s;
    text-align:center;
    position:absolute;
    left:20vw;
    top:0;
    margin:0;
}
#splash-about-boxes .second:hover p{
    height:auto;
    left:5vw;
    top:5vh;
    font-size: 1.4em;
    width:40%;
    padding:10px;
}
#splash-about-boxes .third p{
    height:0;
    font-size:0;
    width:0;
    color: #333;
    display:inline-block;
    background-color: #FFCF46;
    transition:0.5s;
    text-align:center;
    position:absolute;
    right:20vw;
    bottom:0;
    margin:0;
}
#splash-about-boxes .third:hover p{
    height:auto;
    right:5vw;
    bottom:5vh;
    font-size:2em;
    width:40%;
    padding:10px;
}
#splash-about-boxes .fourth p{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: #282A2E;
    transition:0.5s;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    margin:0;
}
#splash-about-boxes .fourth:hover p{
    height: 88%;
    bottom:auto;
    font-size:1.6em;
    width:20%;
    vertical-align:middle;
    padding:100px 20px;
}
#splash-about-boxes .fourth .p2{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: #FFCF46;
    transition:0.5s;
    text-align:center;
    position:absolute;
    right:0;
    bottom:0;
    margin:0;
}
#splash-about-boxes .fourth:hover .p2{
    height:auto;
    bottom:0;
    height: 75%;
    font-size:1.5vw;
    width:20%;
    vertical-align:middle;
    padding:100px 20px;
}
.p2 a{
    display:block;
    padding:30px;
    border:1px solid white;
    margin:3vh;
    text-decoration:none;
    background-color:white;
    color: #333;
    transition:0.5s;
    line-height:1.6vw;
}
.p2 a:hover{
    background-color: #8D2357;
    color:white;
}
#splash-boxes{width:100%;min-width:1025px;display: inline-block;background-color: transparent;background-image: url(img/bg_body.png);}
#splash-boxes h2{
    font-weight:initial;
    font-size:300%;
    padding:50px;
}
.spl-box{width:250px;height:400px;display: inherit;margin: 0px 20px;padding: 30px 0;}
.icon-wrapper{border-radius: 10%;height:200px;width:200px;border: 10px solid lightgrey;overflow:hidden;margin-left: auto;margin-right: auto;box-sizing: border-box;transition: 0.2s;}
.spl-box p{text-align:center;color: #555;text-shadow: none;}
.spl-box h3{text-align:center;margin: 0;padding: 15px;font-size: 1.7em;}
.icon-wrapper img{width: 80%;vertical-align: middle;}
.spl-helper{
    display:inline-block;
    vertical-align:middle;
    height:100%;
}
.spl-box.box-1:hover .icon-wrapper{
    border:5px solid blue;
}
.spl-box.box-2:hover .icon-wrapper{
    border:5px solid orange;
}
.spl-box.box-3:hover .icon-wrapper{
    border:5px solid red;
}
.spl-box.box-4:hover .icon-wrapper{
    border:5px solid yellow;
}
.spl-box h3:after{
    content:"";
    height:2px;
    background-color:lightgrey;
    width:80%;
    display:inline-block;
}
.spl-box.box-1:hover h3:after{
    background-color:blue;
}
.spl-box.box-2:hover h3:after{
    background-color:orange
}
.spl-box.box-3:hover h3:after{
    background-color:red;
}
.spl-box.box-4:hover h3:after{
    background-color:yellow;
}
.threeCols-first .lhp-social .fa{
    font-size:4em;
    padding:5px;
}
.spl-about{
    max-width:1300px;
    padding:5vh
}
.spl-about .about-1, .about-2, .about-3{
    width:30%;
    display:inline-block;
    box-sizing:border-box;
    margin:1%
}
.spl-about img{
    width:100%;
}
.spl-about > a > div{
    box-sizing:border-box;
    display:inline-block;
    width:100%;
    padding:30px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    font-size:2em;
    margin-top:-3px;
}
.about-1 div{
    background-color:#3e4071;
}
.about-1:hover div{
    background-color:#26254d;
}
.about-2 div{
    background-color:#657862;
}
.about-2:hover div{
    background-color:#334c39;
}
.about-3 div{
    background-color:#8e2246;
}
.about-3:hover div{
    background-color:#491f2b;
}
/*ipad hack*/
@media screen and (max-width:1025px){
    body{
        min-width:1025px;
    }
    .splash{
        width:1025px;
        left:0;
    }
    .spl-box{
        margin:0;
    }
    .spl-btn{
       width:200px;
    }
}
/*RssBox*/
.rssincl-head{

}
div#rssincl-box-767920 div.rssincl-head{
    background:linear-gradient(#701c45,#701c45)!important

}
#rssincl-box-767920{
    border:1px solid lightgrey !important;
}
div#rssincl-box-767920 div.rssincl-content table tr td, .rssincl-last{
    background-image:linear-gradient(white,white) !important;
}
/*Mobile Friendliness*/
@media screen and (max-width:1150px){
    .about-block{margin:0;}
}
@media screen and (max-width:1025px){
    .splash{
        width:100%;
        left:initial;
    }
    .big-block, .small-block {
        width:100%;
        margin-top:30px;
    }
}

.assignment-details-bar.widget {
    background-image: linear-gradient(#8b1e41 50%, transparent 50%);
}
.details-column.border-bottom span.title,.details-column.border-bottom a{
    color:#fff!important;
}
.splash{
    text-align:center;
    color:#fff;
}