/* stylesheet for demo and examples */


/*@import url(http://fonts.googleapis.com/css?family=Lobster+Two:700italic,700);*/


@font-face {
  font-family: 'AquaGrotesque';
  src: url('../fonts/AquaGrotesque.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/AquaGrotesque.woff') format('woff'), 
  url('../fonts/AquaGrotesque.ttf')  format('truetype'),
   url('../fonts/AquaGrotesque.svg#AquaGrotesque') format('svg');
  font-weight: normal;
  font-style: normal;
}

  @font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Montserrat-Regular.woff') format('woff'),
   url('../fonts/Montserrat-Regular.ttf')  format('truetype'), 
  url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	margin: 0;
	padding: 0;
	border: 0;
    padding-left: 3.375rem;
    padding-right: 3.375rem;
	padding-top: 3.375rem;
    padding-left: 3.375rem;
padding-bottom: 3.375rem;

	
	}





header, #navigation-menu, #content, footer{
	position: relative;
}

header{
	
	text-shadow: none;
}

header h1{
	color: #e6842c;
	font-size: 1.4em;
	font-style: italic;
}

nav ul, nav ol, nav li{
	list-style: none; 
	margin: 0; 
	padding: 0;
}

#navigation-menu{
	position: fixed;
	top: 8rem;
	max-width: 960px;
    width: 100%;
	height:58px;
	
	
}


#navigation-menu ul{
	 padding:0 ; margin:0;
	
}

#navigation-menu li{
	

}



#navigation-menu a{ text-decoration:none;float:left; font-family: 'AquaGrotesque';color: #fff; font-size:16px; line-height:30px;
padding: 15px 16px; 
    -
}
#navigation-menu a:hover:after{-webkit-transform:translateX(110%);transform:translateX(110%);-webkit-transition:-webkit-transform .8s cubic-bezier(.58,.3,.005,1);transition:-webkit-transform .8s cubic-bezier(.58,.3,.005,1);transition:transform .8s cubic-bezier(.58,.3,.005,1);transition:transform .8s cubic-bezier(.58,.3,.005,1),-webkit-transform .8s cubic-bezier(.58,.3,.005,1)}

/*#navigation-menu a:hover, #navigation-menu a.mPS2id-highlight{
	 border-bottom:2px solid #5b7229;
	
}*/
#navigation-menu a.mPS2id-highlight-first{ border-bottom:2px solid #5b7229;}

/*****************************navigation css*************************************/

.header-area {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 14vh;
   
    z-index: 9;
}

.header-area.stick {
   
    height: 14vh;
    position: fixed;
    top: 0;
    width: 21%;
    z-index: 1;
}
.stick  .nav-toggle {
    
    top: 3.5rem;
   
}
.stick #navigation-menu {
    position: fixed;
    top: 3rem;}
.stick .logo{    padding: 0% 7%; margin-top:43px;     width: 47%;
    margin-left: 25%;}

.logo{    padding: 1% 4%; margin-top:29px;}
.logo .desklogo{ display:block;}
.logo .moblogo{ display:none;}

.contentmenu{ width:100%; margin:0 auto; max-width:1100px; }
.contentmenu_inner{ width:100%; float:left;}
.navli{  text-align:center; }
.navimg{width:30%; text-align:center; margin:15px 0 0 0 ;}

.nav ul{ margin:0; padding:0; width:100%; float: left;}
.nav ul li{  list-style: none; }

nav .dropdown {
	background:url('../images/arrow.jpg') no-repeat right center;
}
nav li:hover a {
	color:#e84e0f;
	
	
}

nav li .menu {
	float: left;
	    
	width:22%;
	opacity: 0;
	position: absolute;
	left:0px;
	top: 57px;
	visibility: hidden;
	z-index: 1;
	
	/*-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	
	-o-transition: all .25s ease;
	transition: all .25s ease;*/
	
}
nav li  .menu1{width: 30%;
    left: 14%;}
ul.bts-nav .dropdown-caret{
    transform: rotate(-90deg);
}

nav li:hover .menu {
	opacity: 1;
	top: 57px;
	visibility: visible;
	background:#FFF;
	color:#000;
	
}
nav li .menu li {
	float: none;
	width: 100%;
	display:inline-block;
	padding-top:15px;
	padding-bottom:15px;
	
}
#navigation-menu  a:hover {
	
	color:#000;

}
#navigation-menu  .menu li a{
	
	color:#000;
	font-family:'AquaGrotesque';
	padding: 3px 33px;
	    line-height: 0px;
	
}
#navigation-menu  .menu li a:hover{
	
	color:#e84e0f;
}


/* Clearfix */
.cf:after, .cf:before {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}



/* nav toggle */
.nav-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
    cursor: pointer;
    height: 35px;
    right: 8rem;
    position: fixed;
    top: 8.5rem;
    width: 35px;
    z-index: 999; 
	
	
	}
  .nav-toggle:hover {
    opacity: 0.8; }
  .nav-toggle .nav-toggle-bar,
  .nav-toggle .nav-toggle-bar::after,
  .nav-toggle .nav-toggle-bar::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
    content: '';
    height: 0.2rem;
    width: 100%; }
	
 

  
 

 

  .nav-toggle .nav-toggle-bar {
    margin-top: 0; }
  .nav-toggle .nav-toggle-bar::after {
    margin-top: 0.8rem;  }
  .nav-toggle .nav-toggle-bar::before {
    margin-top: -0.8rem;  }
  .nav-toggle.expanded .nav-toggle-bar {
    background: transparent; }
  .nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
    background: #fff;
    margin-top: 0; }
  .nav-toggle.expanded .nav-toggle-bar::after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .nav-toggle.expanded .nav-toggle-bar::before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.scrolled .nav-toggle-bar::before{
  background-color: black;
 
}
.scrolled .nav-toggle-bar::after{
  background-color: black;
 
}

.scrolled .nav-toggle-bar{
  background-color: black;
  
}
/*.nav {
-webkit-transition: right 1.5s ease;
  -moz-transition: right 1.5s ease;
  -ms-transition: right 1.5s ease;
  -o-transition: right 1.5s ease;
  transition: right 1.5s ease;
  background: #49a7b3;
  color: #58595b;
  cursor: pointer;
  height: 120px;
  right: -100%;
 position: fixed;
  top: 0;
  width: 100%;
  z-index: 99; }
 .nav.expanded {right: 0;     right: 3.4rem;   } */
 
 .nav {

    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s,-webkit-transform .2s cubic-bezier(.42,.01,.23,1) .4s;
    transition: opacity .2s,-webkit-transform .2s cubic-bezier(.42,.01,.23,1) .4s;
    transition: transform .2s cubic-bezier(.42,.01,.23,1) .4s,opacity .2s;
    transition: transform .2s cubic-bezier(.42,.01,.23,1) .4s,opacity .2s,-webkit-transform .2s cubic-bezier(.42,.01,.23,1) .4s;
  background: #49a7b3;
  color: #58595b;
  cursor: pointer;
  height: 120px;
  right: -100%;
 position: fixed;
  top: 0;
  width: 100%;
  z-index: 99; }
  

 
  
  
  
 .nav.expanded {right: 0;     right: 3.4rem;  -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: opacity .4s,-webkit-transform .6s cubic-bezier(.42,.01,.23,1);
    transition: opacity .4s,-webkit-transform .6s cubic-bezier(.42,.01,.23,1);
    transition: transform .6s cubic-bezier(.42,.01,.23,1),opacity .4s;
    transition: transform .6s cubic-bezier(.42,.01,.23,1),opacity .4s,-webkit-transform .6s cubic-bezier(.42,.01,.23,1);
    pointer-events: all; opacity: 0.9;}

 
 
  


@media(min-width:1300px) and (max-width: 1700px) {
	
#navigation-menu {
   
    max-width: 870px;
    width: 100%;
  
}
#navigation-menu a {
    
    font-size: 14px;
  
    padding: 15px 14px;

}
.logo .desklogo{ display:block;}
.logo .moblogo{ display:none;}
	
}
@media(min-width:1024px) and (max-width: 1299px) {
	
#navigation-menu {
   
   width: 68%;
  
}
#navigation-menu a {
    
    font-size: 14px;
  
    padding: 15px 14px;
	

}
.logo{width:28%;}

.nav-toggle {
    
    height: 35px;
    right: 8rem;
    position: fixed;
    top: 7.5rem;
    width: 33px;
    z-index: 999;
}

#navigation-menu {
   
    top: 7rem;}
	.logo .desklogo{ display:block;}
.logo .moblogo{ display:none;}
}



@media (min-width: 992px) and (max-width: 1080px) {
	
	#navigation-menu {
   
   width: 68%;
   height:50px;
  
}
#navigation-menu a {
    
    font-size: 11.5px;
    padding: 11px 11px;
	

}


.nav-toggle {
    
    height: 35px;
    right: 6rem;
    position: fixed;
    top: 6.5rem;
    width: 33px;
    z-index: 999;
}

nav li:hover .menu {
    opacity: 1;
    top: 50px;}
#navigation-menu {
   
    top: 6rem;}
	#navigation-menu .menu li a {
   
    padding: 3px 23px;
    
}
.logo .desklogo{ display:block;}
.logo .moblogo{ display:none;}

}
@media only screen and (max-width: 900px){
body{
	margin: 0;
	padding: 0;
	border: 0;
    padding-left: 1rem;
    padding-right: 1rem;
	padding-top: 1rem;
    padding-left: 1rem;
padding-bottom: 1rem;

	
	}
.logo {
    height: inherit;
    left: 0;
    padding: 0;
    position: absolute;
    top: -6px;
    z-index: 999999;
	margin-top:0px;
	
}
#navigation-menu {
    
    /* top: 5.4rem; */
    /* max-width: 936px; */
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
	right:0;
	    
	
}
.stick #navigation-menu {
   
   top: 0px; 
}
.nav.expanded { opacity:1;}
.nav-toggle {
    top: 29px;
    right: 2rem;
    height: 24px;
	    width: 28px;
}
.navli {
    width: 100%;
    padding: 13px;
	    display: inline-block;
}
.contentmenu {
   
    margin: 45% auto;
   
}
#navigation-menu a {
   
    float: none;
	
   
}
nav li:hover .menu {
    opacity: 1;
    top: 0px;
    visibility: visible;
    background: #FFF;
    color: #000;
    /* text-align: center; */
    width: 100%;
	position:relative;
}
nav li .menu1 {
    
    left:0%; 
}
#navigation-menu  {
   
    
	overflow:scroll;
   
}

.logo .desklogo{ display:none;}
.logo .moblogo{ display:block;}
	
}

@media only screen and (max-width: 767px){
body{
	margin: 0;
	padding: 0;
	border: 0;
    padding-left: 1rem;
    padding-right: 1rem;
	padding-top: 1rem;
    padding-left: 1rem;
padding-bottom: 1rem;

	
	}
.logo {
    height: inherit;
    left: 0;
    padding: 0;
    position: absolute;
    top: -6px;
    z-index: 999999;
	width:40%;
}
.stick .logo {
    padding: 0% 0%;
   margin-top: 7px;
    width: 46px;
	margin-left: 0;
}
.stick .nav-toggle {
    top: 1.5rem;
}
.stick #navigation-menu {
   
   top: 0px; 
}
.logo .desklogo{ display:none;}
.logo .moblogo{ display:block;}
#navigation-menu {
    
    /* top: 5.4rem; */
    /* max-width: 936px; */
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
	right:0;
	    
	
}
.nav.expanded { opacity:1;}
.nav-toggle {
    top: 26px;
    right: 2rem;
    height: 24px;
	    width: 28px;
}
.navli {
    width: 100%;
    padding: 13px;
	    display: inline-block;
}
.contentmenu {
   
    margin: 45% auto;
   
}
#navigation-menu a {
   
    float: none;
	overflow:scroll;
   
}
#navigation-menu  {
   
    
	overflow:scroll;
   
}
nav li:hover .menu {
    opacity: 1;
    top: 0px;
    visibility: visible;
    background: #FFF;
    color: #000;
    /* text-align: center; */
    width: 100%;
	position:relative;
}
nav li .menu1 {
    
    left:0%; 
}

	
}




@media (max-width: 767px) {
.nav-toggle .nav-toggle-bar::before {
    margin-top: -8.8px;
}
.nav-toggle .nav-toggle-bar::after {
    margin-top: 8.8px;
}
}