.material-icons { 
    font-size: 18px; 
    vertical-align: middle;
    padding-bottom: 3px 
}

.material-icons.md-40 { 
    font-size: 40px; 
    padding-bottom: 5px
}

.main-icon {
    background: #565656;
    width: 57px;
    height: 57px;
    line-height: 57px;
    border-radius: 3px;
    text-align: center;
}

.main-color {
    color: #565656;
}

.image_area {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-height: 400px;
}

.header_image {
    flex-shrink: 0;
    max-width: 100%;
    max-height: 100%
}


.secondary-color {
    color:white;
}

.main{
   font-family: 'TeXGyreAdventorRegular';
   font-weight: normal;
   font-style: normal;
   color: #565656;
}

/* .ekko-lightbox-nav-overlay{
    display: block!important;
} */