@charset "utf-8";
/* CSS Document */
	#mayara_header{
		margin:0;
		width:70%!important;
		height:auto;
		float:left;
	}
	#mayara_header div{
		margin:0 auto;
		width:100%!important;
		height:auto;
		text-align:center;
		font: bold 35px 'Alegreya Sans SC', sans-serif;
		color:#330099;
	}
	.login-list li{
		color:#950000;
		margin-bottom:10px;
	}
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu {
		float:left;
		width: 73%;
		margin: 22px 10px;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		position: relative;
	}
	
	#menu a {
		float: left;
		padding: 12px 23px;
		color: #3b3b3b;
		text-transform: uppercase;
		font: bold 14px 'Alegreya Sans SC', sans-serif;
		text-decoration: none;
	}
	
	#menu li .active1{
		color: #950000;
	}
	
	#menu li:hover > a {
		color: #950000;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #950000;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 38px;
		left: 0;
		z-index: 1;    
		background: #f6f6f6;
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		/*-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;*/
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		width: 184px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
   		font-size: 13px;
	}
	
	#menu ul a:hover {
		background-color: #FFFFFF;
		/*background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);*/
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #F0F0F0;                    /*change menu arw clr*/
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}
	
	@media screen and (min-width: 1366px) {
	#mayara_header {
		width: 67%!important;
	}
}
		
	@media screen and (max-width: 1024px) {
	.right-panel {
    width: 23%!important;
	}
	#mayara_header {
		width: 63%!important;
	}
	.bodydown #table_2 {
    width:50% !important;
	}
	.bodydown {
    margin-top: 30px;
	}
}	
	@media screen and (max-width: 960px) {
	.container {
    width: 100%!important;
	}
	.right-panel {
    width: 26%!important;
	}
	#mayara_header {
    width: 60%!important;
	}
	#mayara_header div {
	font: bold 35px 'Alegreya Sans SC', sans-serif;
	}
	#menu {
    float: left;
    width: 648px;
    margin: 20px;
	}
	#menu a {
    padding: 12px 18px;
	}
	.bodydown {
    margin-top: 30px;
	}
	#header2.header4 .tel {
    float: right;
    width: 246px!important;
    padding: 30px 0px 31px;
	}
}
	@media screen and (max-width: 800px) {
	.container {
		width: 100%!important;
		}
		.right-panel {
		width: 33%!important;
		}
		#mayara_header {
		width: 50%!important;
		}
		#mayara_header div {
		font: bold 29px 'Alegreya Sans SC', sans-serif;
		}
		.bodydown {
		margin-top: 30px!important;
		}
		.contDIV_left,.contDIV_mid, .contDIV_right {
			float:left;
			width:100%!important;
		}	
		#menu {
			float: left;
			width: 20%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
			padding:12px 14px;
    		font: bold 12px 'Alegreya Sans SC', sans-serif!important;
		}
	}

	@media screen and (max-width: 768px) {
		.container {
		width: 100%!important;
		}
		.right-panel {
		width: 33%!important;
		}
		#mayara_header {
		width: 50%!important;
		}
		#mayara_header div {
		font: bold 28px 'Alegreya Sans SC', sans-serif;
		}
		.bodydown {
		margin-top: 30px!important;
		}
		.contDIV_left,.contDIV_mid, .contDIV_right {
			float:left;
			width:100%!important;
		}	
		#menu {
			float: left;
			width: 20%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 12px 'Alegreya Sans SC', sans-serif!important;
		}
}
/*************For 600px max-width***************/

	@media screen and (max-width: 600px) {
		.bodydown {
		margin-top: 30px!important;
		}
		.contDIV_left,.contDIV_mid, .contDIV_right {
			float:left;
			width:100%!important;
		}
		.container {
		width: 100%!important;
		}
		.right-panel {
		width: 100%!important;
		}
		.top-bar4 .login-list {
		width: 395px!important;
		float:right!important;
		}
		.login-list li {
			color: #950000;
			margin-bottom: 5px;
			margin-right: 43px;
		}
		#mayara_header {
		width: 78%!important;
		}
		#mayara_header div {
		font: bold 28px 'Alegreya Sans SC', sans-serif;
		}	
		#menu {
			float: left;
			width: 25%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 12px 'Alegreya Sans SC', sans-serif!important;
		}
		.bodydown {
			margin-top: 30px;
		}
	}

	/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#menu li:hover > .no-transition {
		display: block;
	}
	

	@media screen and (max-width: 480px) {
		.bodydown {
		margin-top: 30px!important;
		}
		.contDIV_left,.contDIV_mid, .contDIV_right {
			float:left;
			width:100%!important;
		}
		.container {
		width: 100%!important;
		}
		.right-panel {
		width: 100%!important;
		}
		.top-bar4 .login-list {
		width: 402px!important;
		float:right!important;
		}
		.login-list li {
			color: #950000;
			margin-bottom: 5px;
			margin-right: 43px;
		}
		#mayara_header {
		width: 96%!important;
		}
		#mayara_header div {
		font: bold 28px 'Alegreya Sans SC', sans-serif;
		}
		.top-bar4 .logo {
		margin-left: 145px;
		}	
		#menu {
			float: left;
			width: 30%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 13px 'Alegreya Sans SC', sans-serif!important;
		}
		.col-xs-12 {
			width: 97%!important;
		}
		
		#header2.header4 .tel a {
			color: #fff;
			font-size: 14px!important;
			font-weight: bold;
		}

	}
	
	@media screen and (max-width: 470px) {
		.bodydown {
		margin-top: 30px!important;
		}
		.contDIV_left,.contDIV_mid, .contDIV_right {
			float:left;
			width:100%!important;
		}
		.container {
		width: 100%!important;
		}
		.right-panel {
		width: 100%!important;
		}
		.top-bar4 .login-list {
		width: 317px!important;
		float:right!important;
		}
		.login-list li {
			color: #950000;
			margin-bottom: 5px;
			margin-right: 43px;
		}
		#mayara_header {
		width: 100%!important;
		}
		#mayara_header div {
		font: bold 27px 'Alegreya Sans SC', sans-serif;
		}
		#header2.header4 .tel {
		float: right;
		width: 214px!important;
		}
		.top-bar4 .logo {
		margin-left: 111px;
		}	
		#menu {
			float: left;
			width: 35%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 12px 'Alegreya Sans SC', sans-serif!important;
		}
		
		#header2.header4 .tel a {
			color: #fff;
			font-size: 14px!important;
			font-weight: bold;
		}
	}
	

	@media screen and (max-width: 414px) {
		.bodydown {
		margin-top: 30px!important;
		}
		.contDIV_left,.contDIV_mid, .contDIV_right {
			float:left;
			width:100%!important;
		}
		.container {
		width: 100%!important;
		}
		.right-panel {
		width: 100%!important;
		}
		.top-bar4 .login-list {
		width: 300px!important;
		float:right!important;
		}
		.login-list li {
			color: #950000;
			margin-bottom: 5px;
			margin-right: 43px;
		}
		#mayara_header {
		width: 100%!important;
		}
		#mayara_header div {
		font: bold 27px 'Alegreya Sans SC', sans-serif;
		}
		#header2.header4 .tel {
		float: right;
		width: 214px!important;
		}
		.top-bar4 .logo {
		margin-left: 111px;
		}	
		#menu {
			float: left;
			width: 35%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 12px 'Alegreya Sans SC', sans-serif!important;
		}
		
		#header2.header4 .tel a {
			color: #fff;
			font-size: 14px!important;
			font-weight: bold;
		}
	}

	@media screen and (max-width: 384px) {

		.bodydown {
		margin-top: 30px!important;
		}
		.contDIV_left,.contDIV_mid, .contDIV_right {
			float:left;
			width:100%!important;
		}
		.container {
		width: 100%!important;
		}
		.right-panel {
		width: 100%!important;
		}
		.top-bar4 .login-list {
		width: 300px!important;
		float:right!important;
		}
		.login-list li {
			color: #950000;
			margin-bottom: 5px;
			margin-right: 43px;
		}
		#mayara_header {
		width: 100%!important;
		}
		#mayara_header div {
		font: bold 26px 'Alegreya Sans SC', sans-serif;
		}
		#header2.header4 .tel {
		float: right;
		width: 214px!important;
		}
		.top-bar4 .logo {
		margin-left: 111px;
		}
		#menu {
			float: left;
			width: 35%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 11px 'Alegreya Sans SC', sans-serif!important;
		}
		
		#header2.header4 .tel a {
			color: #fff;
			font-size: 14px!important;
			font-weight: bold;
		}
	}
	
		@media screen and (max-width: 375px) {

		.bodydown {
		margin-top: 30px!important;
		}
		.contDIV_left,.contDIV_mid, .contDIV_right {
			float:left;
			width:100%!important;
		}
		.container {
		width: 100%!important;
		}
		.right-panel {
		width: 100%!important;
		}
		.top-bar4 .login-list {
		width: 280px!important;
		float:right!important;
		}
		.login-list li {
			color: #950000;
			margin-bottom: 5px;
			margin-right: 43px;
		}
		#mayara_header {
		width: 100%!important;
		}
		#mayara_header div {
		font: bold 25px 'Alegreya Sans SC', sans-serif;
		}
		#header2.header4 .tel {
		float: right;
		width: 214px!important;
		}
		.top-bar4 .logo {
		margin-left: 111px;
		}
		#menu {
			float: left;
			width: 36%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 11px 'Alegreya Sans SC', sans-serif!important;
		}
		
		#header2.header4 .tel a {
			color: #fff;
			font-size: 14px!important;
			font-weight: bold;
		}
	}
	@media screen and (max-width: 360px) {
		#menu {
			float: left;
			width: 36%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 11px 'Alegreya Sans SC', sans-serif!important;
		}
		
		#header2.header4 .tel a {
			color: #fff;
			font-size: 14px!important;
			font-weight: bold;
		}
		#mayara_header div {
		font: bold 24px 'Alegreya Sans SC', sans-serif;
		}
		.bodydown{
			margin-top: 20px !important;
		}
		.bodydown #table, .bodydown #table_2 {width: 100% !important;
		}	
		
		.top-bar4 .logo {
		margin-left: 115px;
		}
		
		#header2.header4 .tel:after{
			top:0;
			left:-32px;
			width: 0;
			height: 0;
			content:"";
			position:absolute;
			border-style: none!important;
			border-width: 0px!important;
			border-color: none!important;
		
		}
}
		@media screen and (max-width: 320px) {
		#menu {
			float: left;
			width: 37%;
			margin: 0;
			display: block !important;
		}
		#menu a{
			display: block;
			float: none;
			color: #333333;
    		font: bold 10px 'Alegreya Sans SC', sans-serif!important;
		}
		#header2.header4 .tel a {
			color: #fff;
			font-size: 14px!important;
			font-weight: bold;
		}
		#mayara_header div {
		font: bold 22px 'Alegreya Sans SC', sans-serif;
		}
		.bodydown{
			margin-top: 20px !important;
		}
		.bodydown #table, .bodydown #table_2 {width: 100% !important;
		}	
		.top-bar4 .logo {
		margin-left: 80px;
		}
		#header2.header4 .tel:after{
			top:0;
			left:-32px;
			width: 0;
			height: 0;
			content:"";
			position:absolute;
			border-style: none!important;
			border-width: 0px!important;
			border-color: none!important;
		
		}
}