.menu-area{background: rgb(0, 33, 71); margin-top: 10px;margin-bottom: 0px; padding-bottom: 0px;  padding-right: 30px;text-align: center; height: 50px; font-size: 140px;}
.dropdown-menu{padding:10;margin:10;border:0 solid transition!important;border:1 solid rgba(0,0,0,.15);text-align: center;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:16px;text-transform:capitalize;text-align: left;padding:10px ;font-family:Arial; font-size: 14px; border-right:0px solid #bbb;width:160px;height:50px;display: block;text-decoration: none; !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: rgba(0,0,0,.15);outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #4CAF50;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #4CAF50; text-align: left;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:10px;width: 100%;text-align: center;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:10;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:10px 10px 16px 25px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:160px 150px 160px 450px}
}

p:hover {
  background-color: yellow;
}


.fortis{ 
font-size: 24px; 
color: #fff; 
padding: 10px; 
border-radius: 5px;
animation: blinkingBackground 2s infinite; }
	@keyframes blinkingBackground{
	0%{ background-color: #10c018;} 
	25%{ background-color: #1056c0;} 
	50%{ background-color: #ef0a1a;} 
	75%	{ background-color: #254878;} 
	100% { background-color: #04a1d5;}
}







.fortis {
  background-color: white;
  width: 150px;
  height: 25px;
  text-align:center;
  color:white;
  position: relative;
  left: 1000px;
  
}

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;

  color: #fff;

  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 190px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}