﻿@font-face {
	font-family: 'Blair';
	src: url('../fonts/Blair.eot');
	src: local('☺'), url('../fonts/Blair.woff') format('woff'), url('../fonts/Blair.ttf') format('truetype'), url('../fonts/Blair.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.Mainmodal .loginlogo{
	height:auto;
}
.modalDialog input[type="checkbox"] {
	width: 9px;
	margin-top: 0px;
	margin-left: 0;
}
#submitmodal:hover {
    background: #cfa451;
}

.addbox-section01-textsec h3 a, .banner-section-left-text h4 , .banner-section-left-text h6, .banner-section-left-text h6, .calender-section, .threebox-section01 h4, 
.event-section-right01{
	font-family:'Blair', 'museo_sans_rounded700';
	font-size:18px;
}
.event-section-left02 p {
	font-size:14px;
}
.banner-section-right p {
	color:#333;
}
.banner-section-right p li{
    color: #333;
    font-size: 14px;
    line-height: 23px;
    font-weight: normal;
}
.ul1 li:hover {
    padding-left:30px;
}

.page_number{
	display:none;
}

.nav-toggle {
  position: relative;
  display: none;
  /*padding-right: 40px;*/
  color: #fff;
      text-align: center;
    width: 20px;
    margin: 0 auto;
	    top: 16px;
}
.nav-toggle span{
  right: 0px;
  top: 7px;
}
.nav-toggle span, 
.nav-toggle span:before,
.nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  float: left;
  content: '';
}
.nav-toggle span:before {
  top: -8px;
}
.nav-toggle span:after {
  bottom: -8px; 
}

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
.nav-toggle.active span {
  background-color: transparent;
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
  top: 0;
}
.nav-toggle.active span:before {
  transform: rotate(45deg);
}
.nav-toggle.active span:after {
  transform: rotate(-45deg);
}
.inner-text ul li{
	color: #333333;
    font-size: 15px;
    line-height: 22px;
    font-family: 'museo_sans_rounded500';
	margin-bottom: 4px;
}

.nice-select:after {
	display:none;
}

@media only screen and (max-width: 890px) {
	.subm{
		border-top:0px !important;
	}
	.nav-toggle {
	  display: block;
	  height: 50px;
	  
	}
	.navsection {
		float:none !important;
		/*margin-top: 50px;*/
		border-right:0px;
		border-top: 0px;
		   }

	.main_nav ul.level1{
		width:100% !important;
		display:none;
	}
    .main_nav{
		height:100% !important;
	}
	#Header_Menu1{
		float:none !important;
	}
	.navsection ul li a {
		width:auto !important;
		text-align: left;
	}
	.js-nav-responsive{
		clear:both;
		margin-top: 31px;
		display: block !important;
	}
    .js-nav-responsive li{
		float: none !important;
		padding: 13px;
		width: 100% !important;
		margin-left: 0;
		border-top: 1px solid #300C48;
		    
	}  
     .js-nav-responsive li ul{
        display: block !important;
		 top: auto !important;
		  left: auto !important;
        position: relative;
        margin: 5px 0px 0px 0px !important;
		position:relative !important;
	 }	

	 .FirstLevelWithBorder, .FirstLevelWithOutBorder{
		 padding:0 !important;
		 border-right: 0px;
	 }
    .js-nav-responsive li ul li{
          width: auto;
	}	  
    .js-nav-responsive li ul li a{
            padding-left: 10px;
     }
     .js-nav-responsive li ul li ul{
          left: 0;
     }

}
@media only screen and (max-width: 761px) {
	.inner-heading div{
		float:none !important;
		margin-top:0 !important;
	}
	.Table2 table,.Table2 tbody,.Table2 tr,.Table2 td,.Table2 div{
		display: block !important;
	}
	.Table2 td {
		padding: 15px 0px 15px 0px !important;
	}
	
	.modalDialog > div {
		width: 80% ;
		overflow-y: scroll; 
		max-height: 100%;
		height: auto ; 
		margin: 4% auto ;
		padding:0 20px 20px 20px;
	}
	.modalDialog  .close{
		right: 10px ;
		top: 10px ;
	}
	.modalDialog > div {
		width: 80% ;
		overflow-y: scroll; 
		max-height: 100%;
		height: 80%; 
		margin: 4% auto ;
		padding:0 20px 20px 20px;
	}
}
@media only screen and (max-width: 518px) {
.addbox-section01-textsec {
    max-height: 100% !important; 
	    padding: 28px 0px 0 0 !important;
}
	.modalDialog > div {
		width: 80% ;
		overflow-y: scroll; 
		max-height: 100%;
		height: 80%; 
		margin: 4% auto ;
		padding:0 20px 20px 20px;
	}
	.modalDialog  .close{
		right: 10px ;
		top: 10px ;
	}
	.Mainmodal h2 {
		margin-left: 0px ;
		text-align: center ;
	}
	.modalDialog .inputsf {
		margin-left: 0px ;
	}
	
	.modalDialog .inputsa {
		margin-left: 0px ;
		margin-bottom: 7px;
		display:block;
	}
	.modalDialog #FullName {
		width: 100%;
		margin-bottom: 10px;
	}
	.modalDialog .inputse {
		margin-left: 0px;
	}
	.modalDialog .inputsc {
		margin-left: 0px;
	}
	.modalDialog #Email {
		width: 100%;
	}
	
	.modalDialog input[type="checkbox"] {
		margin-left:0;
		width:15px;
		-webkit-transform: scale(1,1);
	}
	.Mainmodal .receive{
		margin-left: 0px;
		display: block;
		margin-bottom: 7px;
	}
	.recieve-checkbox{
	margin-left: 0;
	}
	
	#less{
		display:block;
	}
}
 