/*
TopNavMain css
*/

.TopNavMain {}
.TopNavMain ul, .TopNavMain ul li {display:block; margin:0px; padding:0px; list-style-type:none;}
.TopNavMain ul.nav li a {display:block; font-weight:300; background:none;}
.TopNavMain ul.nav li a span {display:block;}
.TopNavMain ul.nav > li > a {position:static; padding:18px 5px; color:#ffffff; font-size:24px; line-height:100%;}
.TopNavMain ul.nav > li > a.active, .TopNavMain ul.nav > li > a:hover {background:none;}

.TopNavMain ul.nav li .sub-menu {}
.TopNavMain ul.nav li .sub-menu li {}
.TopNavMain ul.nav li .sub-menu a {padding:11px 13px; color:#ffffff; font-size:16px; line-height:100%; letter-spacing:0.7px;}

.TopNavMain ul.nav li .sub-menu ul {padding:0px 0px 10px 15px;}
.TopNavMain ul.nav li .sub-menu ul li {}
.TopNavMain ul.nav li .sub-menu ul a {padding:6px 13px; font-size:14px; font-style:italic;}

@media screen and (max-width:767px) {
    .TopNavMain .navbar-collapse {padding:0px;}
    .TopNavMain ul.nav li.active > a {background:#248ec7;}
    .TopNavMain ul.nav li a span {padding:0px 15px;}
    .TopNavMain ul.nav li .sub-menu ul {padding-left:0px;}
    .TopNavMain ul.nav li .sub-menu ul a span {padding-left:30px;}
}
@media screen and (min-width:768px) {
    .TopNavMain ul.nav {position:relative; display:table; width:100%;}
    .TopNavMain ul.nav > li {display:table-cell; position:relative;}
    .TopNavMain ul.nav > li.active, .TopNavMain ul.nav > li.active-child, .TopNavMain ul.nav > li:hover {background:#248ec7;}
    .TopNavMain ul.nav > li > a {text-align:center;}
    .TopNavMain ul.nav > li > a::before {position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; cursor:pointer; content:"";}
    .TopNavMain ul.nav > li > .sub-menu {position:absolute; left:0px; top:100%; margin:0px 0px 50px 0px; padding:2px 0px 8px 0px; min-width:100%; background:#248ec7; z-index:1010; visibility:hidden; transition:visibility 0s linear 0.2s;}
    .TopNavMain ul.nav > li:hover .sub-menu {visibility:visible; transition-delay:0.2s;}
}