body {
    font-family: 'Poppins' !important;
    
   
}
.small-features-box .small-features-icon {
    display: table;
    width: 200px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    margin: 20px auto;
    font-size: 30px;
}

p.abt {
    color: #222222;
    margin: 16px 0 16px;
    font-size: 15px;
    text-align: justify;
}

a.bt{
    padding: 13px;
    color:#ffffff;
}
 a.bt:hover {
    color: #FFF;
    text-decoration: none;
}
.nav-brand img {
    max-width: 170px;
    position: relative;
    top: 1px;
    width: 170px;
}
h2 {
    color: #0b1a3e !important;
    font-weight: 600 !important ;
}
.color-white{
    color: #FFF !important;
}
html body .bg-theme {
    background-color: #e7001abd;
}
.large-hover-features-box:hover, .large-hover-features-box.active {
    color: #fff;
    background-color: #e7001abd;
    box-shadow: 0 15px 15px rgba(0,0,0,0.15);
}
.btn-primary {
    padding: 10px 26px !important;
    color: #fff;
    background-color: #e7001a !important;
    border-color: #e7001abd !important;
}
#portfolio .portfolio-wrap {
   
    background: #fff;
   
}
@media only screen and (min-width: 1200px) and (max-width: 1499px){

    audio, canvas, progress, video {
        height: 350px;
        width: 500px;
          }
    
   
}


/*New css*/

.doc-box {
    width: 100%;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 20px;
}
.doc-box i {
    color: #f90021;
    font-size: 34px;
    padding-bottom: 10px;

}
.about-content h2 {
    position: relative;
    margin-bottom: 30px;
}
.doc-box:hover {
    background-color: #ff0014e8;
    transition: 0.4s;
}
.bg-primary {
    background-color: #ff0014e8!important;

}
.doc-box:hover h5{
   color: #fff!important;
}
.doc-box:hover i{
   color: #fff!important;
}
a:hover {
    text-decoration: none!important;
}
.doc-box h5 {
    color: #222!important;
}
@media screen and (max-width:920px)
{
footer.bg-cover.skin-dark-footer {
    padding: 50px 0px 0px 0px!important;
}
.footer-widget {
    padding: 5px 0!important;
    font-size: 15px;
}
}