.square-box-shadow{
    box-shadow: 0px 0px 7px #ccc;
}
.square-box-shadow:hover{
    box-shadow: 0px 0px 28px #777;
}

.testimonia-step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #eeeeee;
  border: none; 
  border-radius: 50%;
  display: inline-block;
  
}

/* Mark the active step: */
.testimonia-step.active {
  background-color: #d9391c;
}


.testimonia {
    display: none; color: #fff;
}
.testimonia.active{
    display: block;
}
.testimonia .message-box{
    background-color: #fff; color: #000; text-align: center;
}
.testimonia .user-data, .testimonia .message-box{
    padding: 30px 20px 40px 20px;
}
.testimonia .user-data{
    position: relative; 
}

.light-dark-background{
    background-color: #6f6f6f; color: #ffffff;
}
.staff{
        text-align: center; position: relative; 
    }
    .staff img{
        display: block; width: 220px; height: 220px; border-radius: 50%;
        margin: 0 auto; 
    }
    .gold-ring img{
        border: 6px solid rgb(202,194,0);
    }
    .blue-ring img{
        border: 6px solid blue;
    }
    .orange-ring img{
        border: 6px solid orangered;
    }
    
    .staff p{
        font-size: 16px; margin: 0;
    }
    .staff-social-icons i{
        display: inline-block; margin-right: 10px; cursor: pointer;
    }
    .black-cap{
        padding: 15px; display: block; width: 100%; background-color: #3a3a3a;
    }
    .gold{
        color: rgb(202,194,0);
    }
.staff b{
    position: relative; top: -10px; background-color: #007ebd; padding: 7px 9px;
    border-radius: 0 20px; color: #fff; display: table; margin: 0 auto;
}
#carousel-items{
    height: 405px; overflow: hidden;
}
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.team-container{
        height: 370px; width: 100%; box-shadow: 0 0 2px 2px #eee; border-radius: 12px; position: relative;
    }
    .team-container img{
        max-height: 220px;
    }
    .team-container .team-img{
        display: table; margin: 0 auto;
    }
    .team-media{
        position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px;
    }
    .team-media span{
        position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); 
    }
    .team-media a{
        width: 30px; height: 30px; border: 1px solid #ccc;text-decoration: none; color: #6a6a6a;
        display: inline-block; border-radius: 50%; position: relative; background-color: #FFF;
        margin-left: 7px;
    }
    .team-media a:hover{
        background-color: rgb(237,246,250); color: #FFF;
    }

.message-header span{
    display: table; width: 25%; height: 5px; background-color: #879ffa; margin: 0 auto;
}
.message-header{
    display: table; margin-left: auto; margin-right: auto;
}
.vcenter{
    display: flex; justify-content: center; align-items: center;
    width: 100%;
}

.featured-courses{
    position: relative; padding: 0 20px 10px 20px; height: 300px;
}
.featured-courses img, .testimonia .user-data img{
    position: absolute; width: 80px; height: 80px; top: -40px; 
    border-radius: 50%;
}
.featured-courses .name{
    margin-left: 90px;
}
.featured-courses .course-title{
    font-size: 18px; font-weight: bold; text-transform: capitalize; display: block;
    margin: 10px 0; padding-top: 10px;
}
.featured-courses .btn-detail{
    position: absolute; bottom: 10px; left: 20px;
}

.welcom-message .icons{
    margin-left: 10px; width: 35px; height: 35px; border-radius: 50%; 
    display: inline-block; position: relative; background-color: #ff6347;
}
.welcom-message .icons i, .icons a{
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;
}
.slider-section{
    background-image: linear-gradient(to right, magenta, indigo); 
    /*background-image: linear-gradient(to right, #879ffa, darkblue);*/
    color: #FFF;
}
.blog{
    padding: 7px;
}
.dash-box{
    width: 100%; margin: 0 auto; text-align: center; position: relative; padding: 15px 0 5px 0;
    margin-top: 30px; min-height: 80px;
}
.dash-box span{
    position: absolute; width: 60px; height: 60px; font-size: 25px; top: -25px; padding-top: 19px;
    border-radius: 50%; left: 50%; transform: translateX(-50%);  
    background-color: #d9391c; color: #fff;
}
.fa-calendar-o{
    color: #d9391c;
}

.grey-background{
    background-color: #eee;
}
.captions{
        position: absolute; z-index: 99; left: 15%; top: 50%; transform: translateY(-50%);
        color: #21262d; text-align: center; font-size: 25px !important; font-weight: bold;
    }
    .captions h3{
        text-transform: uppercase;
    }
    .captions h3 span{
        padding: 5px 10px; border-radius: 3px;
    }
    .captions h4{
        text-align: center; line-height: 150%;
    }
    .left-caption{
        right: 50% !important; left: 10% !important; 
    }
    .right-caption{
        right: 10% !important; left: 50% !important;  
    }
    .center-caption{
        right: 26% !important; left: 26% !important; 
    }
    .h3-left, .h3-right, .btn-left{
        text-align: left !important;
    }
    .h4-left, .h4-right{
        text-align: justify !important;
    }
    .h3-center, .h4-center, .btn-center, .btn-right{
        text-align: center !important;
    }
    .h-album{
        margin: 45px 0 40px 0;
    }

@media only screen and (max-width: 768px) {
    .vcenter{
        display: block; align-items: stretch;
    }
}