/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.icon-box .icon{
    width: 108px;
    height: 108px;
}

.icon-box .icon img {
    width: 64px;
    position: relative;
    top: 50%;
    margin-top: -32px;
}

.parallax-container ~ .bg-overlay, .custom_page-title > .bg-overlay {
    background: rgba(20, 57, 84, 0.6);
    opacity: 1;
}

.parallax-container ~ div a{
    color: #FFF;
}

.alert button.close{
    background: transparent;
    border: 0;
    top:0;
    padding:0;
}

.custom_page-title{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.customTable {
    margin-top: 30px;
    border-top-color: #e4e6ef;
    border-top-style: solid;
    border-top-width:2px;
}

.table.customTable th {
    font-weight:bold;
    border-bottom-width:2px;
}
.customTable p{
    margin-bottom: 0;
}

#mainMenu nav > ul > li:hover > a, a:not(.btn):not(.badge):hover{
    color: #113955;
}

.heading-text.heading-section h2::before{
    background-color: #113955;
}