.bgcolor{
    background: #63DD8D;
}

h3{
    text-align: center;
}

p{
    text-align: justify;
}
.dotts{
    align-content: center;
}
.contact-text{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #41515E;
}
.img-right{
    text-align: right;
}
.product-text{
  font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
color: #41515E;
text-align: justify;
}
footer{
  background-color: #0C2B1C;
}
.footer-text{
  color: #ffffff;
  font-size:11px;
}
table{
  /*font-family: 'Gill Sans',  'Trebuchet MS', sans-serif;*/
  color: #333366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px;
}
.table{
  padding-top: 20px;
}
td{
  font-size: 13px;
}
.filetypeicons{
  width: 32px;
  height: 32px;
}
#downloads{
  padding-top: 120px;
  padding-left: 50px; 
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
margin-top: 0%;
}
ul, ol {
  list-style: none
}
.main,.master_column{
  width: 100%;
  margin: auto;
  overflow: hidden;
  color: #fff;
  height: 550px;
}
.slider {
  position: relative
}
.slider .slider-parent {
  padding: 0;
  display: flex;
}
.slider .slider-parent .images-list {
  background-size: cover;
}
.slider .slider-parent .images-list:first-of-type, .slider .slider-parent .images-list:last-of-type {
  /*background-image: url(../images/animation/nigerian_stock_exchange2.jpg)*/
  background-image: url(../images/animation/stockexchange3.jpg)
}
.slider .slider-parent .images-list:nth-of-type(2) {
  background-image: url(../images/animation/SANTRUST\ HELPS\ YOU\ WATCH\ OVER\ YOUR\ INVESTMENTS\ WHILE\ YOU\ SLEEP\ AT\ NIGHT.jpg)
}
.slider .slider-parent .images-list:nth-of-type(3) {
  background-image: url(../images/animation/WE\ HELP\ YOU\ THROW\ MORE\ LIGHT\ TO\ YOUR\ INVESTMENT\ NEEDS.jpg)
}
.slider .slider-parent .images-list:nth-of-type(4) {
  background-image: url(../images/animation/SANTRUST\ PIC.jpg)
}
.slider .slider-parent .images-list:nth-of-type(5) {
  background-image: url(../images/animation/stockexchange1.jpg)
  /*background-image: url(../images/animation/SANTRUST\ PICS.jpg)*/

}
.slider .buttom-circles {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  bottom: 10px;
}
.slider .buttom-circles .buttom-circles-list {
  display: inline-block;
}
.slider .buttom-circles .buttom-circles-list:hover .fa:before, .slider .buttom-circles .buttom-circles-list.slider-active .fa:before {
  content: "\f111";
}
.slider > .fa {
  position: absolute;
  top: 45%
}
.slider > .fa:first-of-type { right: 5px}
.slider > .fa:last-of-type { left: 5px}
.slider .fa {
  text-shadow: 5px 5px 5px #555;
  cursor: pointer;
}

@media(min-width: 100px) and (max-width: 767px) {
  .slider > .fa { font-size: 25px }
  .slider .buttom-circles .buttom-circles-list { visibility: hidden }
}
@media(min-width: 768px) and (max-width: 991px) { 
  .slider > .fa { font-size: 50px }
  .slider .buttom-circles .buttom-circles-list { visibility: hidden }
}
@media(min-width: 992px) and (max-width: 1199px) { 
  .slider > .fa { font-size: 75px }
  .slider .buttom-circles .buttom-circles-list { font-size: 17px }
}
@media(min-width: 1200px) { 
  .slider > .fa { font-size: 100px }
  .slider .buttom-circles .buttom-circles-list { font-size: 25px }
}
.slider .buttom-circles {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  bottom: 10px
}
.slider .buttom-circles .buttom-circles-list {
  display: inline-block
}
.slider .buttom-circles .buttom-circles-list:hover .fa:before, .slider .buttom-circles .buttom-circles-list.slider-active .fa:before {
  content: "\f111";
}
.slider > .fa {
  position: absolute;
  top: 45%
}
.slider > .fa:first-of-type { right: 5px}
.slider > .fa:last-of-type { left: 5px}
.slider .fa {
  text-shadow: 5px 5px 5px #555;
  cursor: pointer
}

@media(min-width: 100px) and (max-width: 767px) {
  .slider > .fa { font-size: 25px }
  .slider .buttom-circles .buttom-circles-list { visibility: hidden }
}
@media(min-width: 768px) and (max-width: 991px) { 
  .slider > .fa { font-size: 50px }
  .slider .buttom-circles .buttom-circles-list { visibility: hidden }
}
@media(min-width: 992px) and (max-width: 1199px) { 
  .slider > .fa { font-size: 75px }
  .slider .buttom-circles .buttom-circles-list { font-size: 17px }
}
@media(min-width: 1200px) { 
  .slider > .fa { font-size: 100px }
  .slider .buttom-circles .buttom-circles-list { font-size: 25px }
}
