/* ==========================================================================
   Main styles 
   ========================================================================== */

body {
    overflow-x: hidden;
    background-color: #3A3D41;
    font-size: 20px;
    /*font-weight:700;*/
    font-family: Verdana, Geneva, sans-serif;
}
header {
    padding: 10px 20px 40px 50px;
    font-size: 40px;
    color: gray;
    background-color: #fff;
}


.top{
    margin: 10% 5% 10% 5%;
    background-color:white;
    padding: 0px;

}

.title{
    font-weight:700;
}

.subtitle{
    padding-bottom:1vw;
    font-size: 15px;
    color: gray;
    font-weight:600;
}


hr{
    /*border: 0;*/
    clear:both;
    margin:12px;
    /*display:block;*/
    /*width: 96%;               */
    /*background-color:#e4e8f0;*/
    /*height: 1px;*/
}

 
.text-col{
    
   padding: 5% 5% 0% 5%
}


.info {
    font-size: 11px;
    color: gray;
    margin: 0px;
    padding: 6px;
    font-size: 10px;
}



.menu {
    border-style: none;
    padding: 4px 22px;
    display: inline-block;
    text-align: center;
    
    border-width: 2px;
    border-radius: 1.5px;
    margin: 0px 5px 5px 0;
    color: white;
    background-color: gray;
    font-size:9px;
}
.menu:hover {
    color: #000;
    text-decoration: none;
     -webkit-filter: brightness(150%);
}

  
.slick-dotted.slick-slider{
       margin-bottom:0px;
 }
   
.slick-slide img{
    min-width:100%;
    /*height:100%;*/
    margin:0;
}
   
.slider {
    padding: 0 0px;
    margin:0;
}


.slide-container{
    padding: 0 0px;
    margin:0;
}

.slick-dots{
    bottom:0px;
    
}
.slide {
    width: inherit
}
.main-content {
    width: 50%;
    float: right
}
.table-title {
    color: #686868
}
.clear-border tbody tr td {
    border: none
}