/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

@media (min-width: 768px){

  .mobile-trigger, .child-trigger {
      display: none !important; /* Hide button on Desktop */
  }

}

@media (max-width: 767px){
	
  /* Place any additional CSS you want removed from the mobile menu in this reset */
  .custom-menu-primary, .custom-menu-primary *{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    }


  /* Toggle Button
     ========================================================================== */

  .mobile-trigger {
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute; /*******************************************/
      top: 30px;          /* Position Button at top right of screen  */
      right: 15px;        /*******************************************/
      width: auto; /* Button width */
      height: auto; /* Button height */      
      padding: 12px 10px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background: #75be5c;
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
  }

  .mobile-trigger:hover {
      text-decoration: none; /* Removes link text underline on button */
	  background: #75be5c!important;
  }

  .mobile-trigger span{
      display: none;
  }

  .mobile-trigger span:before{
      position: absolute;
      content: 'Menu'; /* Change the text on the closed toggle button */
  }

  .mobile-trigger span:after{
      position: relative;
      right: 2px;
      content: 'Close'; /* Change the text on the open toggle button */
      opacity: 0;
      transition: opacity .4s ease-in-out;
      -moz-transition: opacity .4s ease-in-out;
      -webkit-transition: opacity .4s ease-in-out; 
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: #75be5c; /* Changes button background to be slightly darker than open menu color */  
  }

  .mobile-open .mobile-trigger span:after{
     opacity: 1; 
  }


  /* Toggle Button Icon & Animations
     ========================================================================== */

  .mobile-trigger i {
      display: inline;
      position: relative;
      top: -5px;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  .mobile-trigger  i:before, .mobile-trigger i:after {
      position: absolute;
      content: '';
  }
  .mobile-trigger  i, .mobile-trigger  i:before, .mobile-trigger  i:after {
    width: 24px;
    height: 3px;
    background-color: #fff;
    display: inline-block;
      display: inline-block;
  }
  .mobile-trigger  i:before {
      margin-top: -7px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-trigger  i:after {
      margin-top: 7px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-open .mobile-trigger i {
      background-color: rgba(0,0,0,0.0);
      -webkit-transition-delay: .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open .mobile-trigger i:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open .mobile-trigger i:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }

  /* Child Toggle Button
     ========================================================================== */

  .child-trigger {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0px;
      right: 0px;
      width: 55px !important; /* Button width */
      min-width: 55px !important;
      height: 38px !important; /* Button height */  
      padding: 0 !important;
      border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover {
      text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  .child-trigger i {
      position: relative;
      top: 50%; /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  .child-trigger i:after {
      position: absolute;
      content: '';
  }
  .child-trigger i, .child-trigger i:after {
    width: 10px;
    height: 2px;
    display: block;
    background: #444;
  }
  .child-trigger i:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  .child-trigger.child-open i:after {
      -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  .child-trigger.child-open i {
      -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  


  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
      display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper {
      visibility: visible !important;
      opacity: 1 !important;
      position: static !important;
      display: none;
  }

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{
      position: absolute; /**************************************************************/
      top: 103px;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 100%;   
  }
  .custom-menu-primary .hs-menu-flow-horizontal{
      padding: 0 0 0 0; /* Padding to add room for close button */
      background-color: #eee; /* Menu background color set off global mobile-menuColor variable */
      width: 100%; /* Full screen width */
      z-index: 8888;
	    border-top: 7px solid #e3e3e3;
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li{
      position: relative;
   }
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li a{
      font-size: 15px; /* Font size of top level list items */
      line-height: 1.3;
      overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal ul li{
    border-top: 1px solid rgba(255,255,255,1);
    border-bottom: 1px solid rgba(0,0,0,.07);
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li a{
    padding: 10px 15px!important;
    display: block!important;
    max-width: 100%!important;	
    color: #444;
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li.active a,
  .custom-menu-primary .hs-menu-flow-horizontal ul li.active-branch a,
  .custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{
      color: #fff!important;
	  background:#75be5c;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul li{
     background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{
      text-indent: 10px; /* Indent Child lists */
      font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{
      text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{
      text-indent: 50px; /* Indent Child lists */
  }  
  
}




/* CUSTOM ADDED FOR MAIN MENU */

#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul {line-height: 1;display:inline-block;}
#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal ul {text-align:left;}
#navbarblock  li a {display:block;}
#navbarblock  li {margin-bottom:0;}
#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li > a {
	color:#444;text-transform:uppercase;font-size:16px;font-weight:500;
	font-family:Oswald, roboto, Arial, sans-serif;
}
#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	text-overflow: unset;
	white-space: unset;
	line-height: 1.2;
	font-family: Oswald, roboto, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400!important;
	letter-spacing: 0px;
	text-transform: uppercase;
}
#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {border-bottom: none;}
#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li > a:hover {background:none;}
#navbarblock {}

@media only screen and (min-width: 1200px) {
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li {margin-right:20px!important;}
}
@media only screen and (min-width: 1230px) {
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li {margin-right:25px!important;}
}
@media (max-width: 1100px) and (min-width: 768px) {
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li > a {font-size: 16px!important;}
}
@media (max-width: 979px) and (min-width: 768px) {
	.topright, .sitelogo {margin-left: 0!important;width: 100%!important;text-align: center;}
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li {margin-right: 15px!important;}
}
 @media only screen and (min-width: 768px) {
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul {position: relative;bottom: -3px;}
	#navbarblock .sitemenu .hs-menu-wrapper {display: block;line-height: 1;}
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li {margin-right:5px;}
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li:last-child {margin-right:0!important;}
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
		background: #eee;
		padding: 9px 13px;
		border-top: 1px solid rgba(255,255,255,.7);
		border-bottom: 1px solid rgba(0,0,0,.1);
		color: #444;
		width: 220px;
		position: relative;
		max-width: 220px;
	}
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {color:#fff;background:#75be5c;}
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover > a {color:#75be5c;}
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:first-child a {border-top:none;}
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a {border-bottom:none;}	
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a {padding-right: 15px!important;}
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
		content: ' ';
		border-top: 5px solid #75be5c;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		position: absolute;
		right: 0px;top: 7px;
	}
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li > a {
		max-width: initial;
		padding: 0 5px 20px;
		position: relative;
		font-size: 18px;
	} 
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li:first-child > a {padding-left:0;}
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li:last-child > a {padding-right:0;}
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.active>a,
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.active-branch>a,
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a:hover {color:#75be5c;}
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li:first-child > a {padding-left:0!important}
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
		border-top: 3px solid #75be5c;
		background: #fff;
		background: rgba(255,255,255,.9);
		box-shadow: 0px 2px 5px rgba(0,0,0,.25);
		-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.25);
		-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.25);
	}
}
 
@media only screen and (max-width: 767px) {
	.sitemenu {
		margin-top: 0;
		text-align: center;
		margin: 0;
		min-height: 0!important;
	}
	.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {float:left;}		
	.custom-menu-primary .hs-menu-flow-horizontal>ul ul li a {font-size:14px;}
	.sitelogo {text-align:center;}
	#navbarblock .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {width: 100%;}
	#navbarblock .sitemenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li > a {padding: 8px 15px!important;letter-spacing: 0px;}
}

@media only screen and (max-width: 450px) {
	.sitelogo {text-align:left;padding-right: 55px;}
}

@media only screen and (max-width: 330px) {
	.mobile-trigger {top: 15px; right: 10px;}
}


/* END CUSTOM ADDED FOR MAIN MENU */