.navbar
{
   /*
   background-image: linear-gradient(to right top, #c02a72, #c83d7a, #d04d82, #d85c8a, #e06a93);
   background: #153468; 
   background-image: linear-gradient(to right top, #ccff33, #ccf655, #cbec6e, #cae384, #c8d997);
   background-image: linear-gradient(to right top, #f21226, #ef1d3e, #e92b52, #e03963, #d54671);
   */
   background: #f0484f;
   background-image: linear-gradient(to right top, #af1b13, #b51c16, #bb1c1a, #c21d1d, #c81d21) !important;
   border:none;
   border-radius: 0px;
}
.nav>li>a
{
  color:#fff;
  font-size:15px;
  font-family: 'Roboto', sans-serif;
  z-index:800;
}
.nav>li>a:link
{
  color: #ffffff;
}
.nav>li>a:active
{
  color: #ffffff;
}
.nav>li>a:visited
{
  color: #ffffff;
}
.nav>li>a:hover
{
  color: #ffffff;
  background: #008000;
}
.top-menu-margin-top-40
{
  margin-top: 40px;
  /*margin-left:40px;*/
}
.nav>li>ul>li>a
{
    padding: 7px;
	z-index:1000;
}
.nav>li>ul>li>a:hover
{
    background:#f0484f;
}
.dropdown-menu>li>a
{
  font-family: 'Roboto', sans-serif;
  z-index: 2000 !important;
}

/*mobile version styles*/

@media (max-width: 767px) {
  .top-menu-margin-top-40
  {
    margin-top: 0px;
    margin-left: -40px;
  }
  .navbar
  {
     background: #f0484f;
   background-image: linear-gradient(to right top, #af1b13, #b51c16, #bb1c1a, #c21d1d, #c81d21);
  }
	.nav>li>a
{
  color:#000;
  font-size:15px;
  font-family: 'Roboto', sans-serif;
	z-index:800;
}
.nav>li>a:link
{
  color: #000;
}
.nav>li>a:active
{
  color: #000;
}
.nav>li>a:visited
{
  color: #000;
}
.nav>li>a:hover
{
  color: #000;
  background: #008000;
}
.nav>li>ul>li>a
{
	color:#000;
    padding: 7px;
	z-index:1000;
}
.dropdown-menu>li>a
{
  color:#000 !important;
  font-family: 'Roboto', sans-serif;
  z-index: 2000 !important;
}
}


/*Social Media Menu*/

.leftside
{
  position: fixed;
  top:65%;
  z-index:200;
  margin-left:-40px;
}
.leftside ul
{
  width:80px;
  position: fixed;
  overflow: hidden;
}
.leftside li
{
  list-style-type: none;
  padding: 10px;
  transition: .6s;
  color:#fff;
  position: relative;
}
.leftside li i
{
  font-size:20px;
}
.leftside li:hover
{
  padding: 10px 20px;
}
/*
.leftside li:nth-child(1)
{
  background: #3b5998;
}
.leftside li:nth-child(2)
{
  background: #00aced;
}
.leftside li:nth-child(3)
{
  background: #dd4b39;
}
.leftside li:nth-child(4)
{
  background: #007bb6;
}
.leftside li:nth-child(5)
{
  background: #cd2017;
}
*/