body{ padding: 0px; margin: 0px;}
h3{ color: #f96d15!important; font-size: 24px!important; font-weight: bold; }
h4{ color: #fff!important; font-size: 24px!important; font-weight: bold; }
.container-fluid{padding-left: 0px; margin: 0px;}
.nogap{ padding:0px; margin: 0px; }
.bg-light {
    background-color: #52247c!important;
}
.topgreybg {background-color: #e8e8e8;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
background-color: #fa7521;
}
.leftpart{ float: left; }
.rightpart{ float: left; }
.leftpart img{ vertical-align: middle; }

.navbar ul li a:link{ color: #fff!important; }
.navbar ul li a:visited{ color: #fff!important; }
.navbar ul li a:hover{ color: #fff!important; }
.navbar ul li a:active{ color: #fff!important; }
.navbar ul li ul li a:link{ color: #333!important; }
.navbar ul li ul li a:visited{ color: #333!important; }
.navbar ul li ul li a:hover{ color: #333!important; }
.navbar ul li ul li a:active{ color: #333!important; }

.text a:link{ color: #fff!important; }
.text a:visited{ color: #fff!important; }
.text a:hover{ color: #fff!important; }
.text a:active{ color: #fff!important; }


.greenbrdr{ border-bottom: 2px solid #23a05f;  }
.greenbg{ background-color:#811cb1;   }
.whitetext{color: #fff;}

.greybg{ background-image: url("images/greybg.jpg"); background-repeat: repeat-x; }
.formbg { background-color: #1b63bc; border-radius: 5px;}

@media (min-width: 992px){}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}}


.container {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.overlay:hover {
  opacity: 0.9;
}


.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.tab .nav-tabs{
    border: none;
    margin: 0;
}
.tab .nav-tabs li a{
    padding: 10px;
    margin-right: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #293241;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    background: transparent;
    z-index: 2;
    position: relative;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a{ border: none; }
.tab .nav-tabs li a:before{
    content: "";
    width: 100%;
    height: 4px;
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.tab .nav-tabs li a:after{
    content: "";
    width: 0;
    height: 4px;
    background: #727cb6;
    border: 1px solid #727cb6;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 1s ease 0s;
}
.tab .nav-tabs li:hover a:after,
.tab .nav-tabs li.active a:after{
    width: 100%;
    opacity: 1;
}
.tab .tab-content{
    padding: 15px 20px;
    margin-top: 20px;
    font-size: 17px;
    color: #333;
    letter-spacing: 1px;
    line-height: 30px;
    background: #fff;
    position: relative;
}
@media only screen and (max-width: 479px){
    .tab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .tab .tab-content{ margin-top: 0; }
}
td{ border:1px solid #ccc; padding: 5px; }
.menuactive{ background-color: #fa7521; color: #fff; }

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }
 .navbar ul li ul li a:hover {
    color: #333!important;
    background-color: #fa7521;
    color: #fff!important;
    /* background-color: orange; */
}