/*Getting rid of border on hover of main tabs*/
.primary-nav > li {
	    margin-left: 90px;
}
.nav-container li a:hover, .nav-container li:hover > a {
    border: none !important;
    background-color:transparent;
}
.nav-container li:hover > a {
	
}
.mega-drop:after {
    content: '';
    display: table;
    clear: both;
}
.mega-drop {
    position: absolute;
    z-index:99;
    width:83%;
    top:32px;
    left:0;
    background-color: #f6fafc;
    background-color: rgba(246, 250, 252, 0.95);
    -js-display: flex;
    padding-left: 10%;
    padding-right: 6%;
    padding-top:30px;
    padding-bottom:40px;
    font-size:0.9em;
    box-shadow: 0px 2px 2px rgba(0,0,0, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;

}
.mega-drop .mega-col {/*-webkit-flex: 1 0 275px;
        flex: 1 0 275px;*/
    border-right: 1px solid rgba(32,89,116, 0.4);
    padding-right:70px;
}
.mega-drop .mega-col a {
    text-decoration:none;
    color:#519bb8;
    -webkit-transition: all .3s ease-in-out;
}
.mega-drop .mega-col a:hover {
	color:#205974;
}
.mega-drop .mega-col h3 a {
    color:#205974;
}
.mega-drop .mega-col h3 a:hover {
	text-decoration: underline;
}
.mega-drop .mega-col ul {
    list-style-type:none;
    padding-left: 25px;
}
.mega-drop .mega-col ul li {
    margin-bottom:5px;
}
.mega-drop .mega-col:last-of-type {
    border-right: none;
    padding-right:0;
}
.show-flex {
    -js-display: flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.hide-flex {
    display:none;
}