@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.topnavbar{width:auto;
  height:auto;
  float:left;
  margin:0px 0 0 0px;
  border:none;
 /***font-family: 'Open Sans', sans-serif;}**/
 font-family:"Times New Roman", Times, serif;
 font-size:20px;}
 
  
.menu-link1 { display: none;}
.menu1 { 
  width:auto;
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:99999999999999999999;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  border-radius:5px;
  
}
.menu1 ul { 
  padding: 0px;
  margin: 0px auto;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu1 > li > ul.sub-menu {
	min-width: 10em;
	padding: 1px 0 !important;
	background-color: #fff;
	color: #000;
}
.menu1 ul li { padding: 0px; }
.menu1 > ul > li.bgnone { background-image:none;}
.menu1 > ul > li { display: inline-block; padding:0px 0px 0 14px; height:30px;}
.menu1 ul li a { display: block; font-size: 13px; color:#7b1113; text-decoration: none; border:none;  padding:0px 10px; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.4s ease-in; line-height:40px; font-weight:500; }
.menu1 ul li a.active{border-bottom:none;color:#7b1113; border-bottom:#7b1113 2px solid;  }
.menu1 ul li a:hover{border-bottom:none;color:#7b1113; border-bottom:#7b1113 2px solid; }

.menu1 ul li > a { height:auto; padding: 0px 18px; padding-bottom:7px; font-size:18px; line-height:10px;}



.menu1 ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 200px;
  background-color: #512698;
  border: 1px solid #7c45d4;
}
.menu1 ul li:hover > ul { display: block; }
.menu1 ul ul > li { position: relative;border-bottom:1px solid #7c45d4; }
.menu1 ul ul > li a { padding: 8px 10px 8px 10px !important; text-align:left; height: auto; color:#fff; font-weight:normal; background-color: #512698; }
.menu1 ul ul > li a:hover { background-color: #fff; color: #40abed; }
.menu1 ul ul ul { position: absolute; left: 100%; top:0; }

@media all and (max-width: 768px) {
  .example-header .container { width: 100%; }
  
  .topnavbar{width:100%;
	  height:auto;
	  float: left;
	  background:none;
	  background:none;
	  margin:0px 0 0 0;
	  border-top:#a7a7a7 0px solid; 
	  border-bottom:#a7a7a7 0px solid;
	  margin-top:25px;
	  margin-bottom:25px;
	}
  
  a.menu-link1 { display: block; color: #fff; background-color: #512698; background:url(../images/menu_.png) no-repeat; top:30px; position:absolute;  right:15px; text-decoration: none; width:auto; padding:12px 12px; font-size:.7em; text-transform:uppercase; font-weight:bold;}
  .menu1 { clear: both; width:100%; min-width: inherit; float: none; border:none; border-radius:0px;}
  .menu1, .menu1 > ul ul { overflow: hidden; max-height: 0; background-color: #7b1113; margin-top:22px; }
  .menu1 > li > ul.sub-menu { padding: 0px; border: none; }
  .menu1.active, .menu1 > ul ul.active { max-height: 55em; }
  .menu1 ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu1 li, .menu1 > ul > li { display: block; }
  .menu1 li a { color: #512698; display: block; text-align:left; padding: 0.8em; border-left:0px !important; border-bottom: 1px solid #b4babd; position: relative;  }
  .menu1 ul li a{ font-size:16px !important;}
  .menu1 ul li a.active{ color:#cd080a; border-bottom:#cd080a solid 1px;}
  .menu1 > ul > li{ padding:0px 0px; height:auto; }
  .menu1 ul li a{ color:#FFFFFF; padding:15px 10px; font-size:13px; border-bottom:#ca7269 solid 1px;}
  .menu1 ul li a:hover{border-bottom:#ca7269 solid 1px; background-color:#81002e; color:#fff; }
  .menu ul li:first-child a{border-left:0px solid #7c45d4; border-top:none;}
.menu1 ul li:last-child a{border-right:0px solid #7c45d4;}
  .menu1 li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.5em 0.5em ;
  }
  .menu1 li.has-submenu > a.active:after {
    content: "-";
  }
  .menu1 ul ul > li a { background-color: #512698; height:auto; padding: 5px 20px 5px 40px; border-bottom:1px solid #7c45d4; }
  .menu1 ul ul, .menu1 ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}