/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700); /* font-family: 'Lato', sans-serif; */


/* DESKTOP MENU ----------------------------------------- */

/* DESKTOP MENU ----------------------------------------- */

/* DESKTOP MENU ----------------------------------------- */

#section72{ background-color:#23aa4b; }
#section73{ background-color: #0c5077; }


#section72 a,
#section73 a{ color:white;}
#section7 {margin-right:10px !important;}



#mainmenu { 
	bottom: -45px;
	right:-15px;
    display: inline-block;
    height: 55px;
    left: 0;
    margin: auto 0 auto auto;
    max-width: 780px; /*796px;*/
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   #mainmenu{right:-20px;}
}
@-moz-document url-prefix() {
   #mainmenu{right:-20px;}
}

#pageHome {
}
	
#mainmenu > a {display: none;}
#mainmenu li {position: relative; list-style:none;}
#mainmenu li a { color: #999999; display: block;}
#mainmenu li a:active {background-color: #d3dadc; color:#2f3335 !important;}
#mainmenu li#section72 a:active { background-color: #23aa4b  !important; color:white !important;}
#mainmenu li#section73 a:active { background-color: #0c5077  !important; color:white !important;}




#mainmenu span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */}

/* first level */

#mainmenu > ul {}
#mainmenu > ul > li { float: left; height: 100%; margin-right: 0.5%; width:auto !important; padding-left:0.5em; padding-right:0.5em;}
#mainmenu > ul > li a:active {}
#mainmenu > ul > li:first-child {}
#mainmenu > ul > li:last-child {margin-right:0; margin-left:10px;}
#mainmenu > ul > li:last-child a {}
#mainmenu > ul > li > a {font-size: 0.9em; height: 100%; line-height: 0.2em; text-align: center; text-transform:uppercase; font-weight:600; border-bottom: 3px solid transparent; padding: 1.08em 0/*0.9em*/; }
#mainmenu > ul > li:not( :last-child ) > a {}
#mainmenu > ul > li:hover > a {}
#mainmenu > ul > li:hover > a { margin-top:-7px; border-bottom: 7px solid #23aa4b; border-top: 7px solid #23aa4b; color: #23aa4b;}
#mainmenu > ul > li#section72:hover > a,
#mainmenu > ul > li#section73:hover > a {border:0px; margin-top:0px; line-height:0.4em;}


#mainmenu > ul:not( :hover ) > li.active > a {background-color: #4E5156; color: #4E5156;}

/* second level */

#mainmenu li ul {display: none; position: absolute; top: 100%;}
#mainmenu li ul li {width:auto; background: #23aa4b none repeat scroll 0 0;}
#mainmenu li:hover ul {display: block;left: 0;right: 0;}
#mainmenu li:not( :first-child ):hover ul {left: -1px;}
#mainmenu li ul a {font-size: 1.08em; line-height: 1.25em; padding: 0.5em; border-bottom:none; color:white;}
#mainmenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #d3dadc; color:#2f3335 !important;}
#mainmenu .popoutmenu {width:250px!important; padding-top:20px;	
	animation:mymove1 .2s cubic-bezier(0.785, 0.135, 0.150, 0.860) forwards;
	animation-iteration-count:1; 

/* Safari and Chrome */
-webkit-animation:mymove1 .2s;
-webkit-animation-iteration-count:1;
}

@keyframes mymove1
{ from {top:40px; opacity: 0;}
to {bottom:0; opacity: 1}
}

@-webkit-keyframes mymove1 /* Safari and Chrome */
{
from {top:40px; opacity: 0;}
to {bottom:0px; opacity: 1;}
}

#mastheadWrapperOuter.fixed #mainmenu .popoutmenu {
    margin-left: 1px;
    padding-top: 0;
}

/* NAVIGATION SELECTED ITEMS */
#mainmenu li.section_selected a, 
#mainmenu li.first_selected a { margin-top:-7px; border-bottom: 7px solid #23aa4b; border-top: 7px solid #23aa4b; color: #23aa4b;
	animation:mymove2 2s cubic-bezier(0.785, 0.135, 0.150, 0.860) forwards;
	animation-iteration-count:1; 

/* Safari and Chrome */
-webkit-animation:mymove2 3s;
-webkit-animation-iteration-count:1;
}
#mainmenu li.section_selected a #section73,
#mainmenu li.section_selected a #section72{border:0px; }

#mainmenu #section73 li.section_selected a,
#mainmenu #section72 li.section_selected a{border:0px; } 







@keyframes mymove2
{ from {bottom:40; opacity: 0;}
to {top:0px; opacity: 1}
}

@-webkit-keyframes mymove2 /* Safari and Chrome */
{
from {bottom:40px; opacity: 0;}
to {top:0px; opacity: 1;}
}

#mainmenu li#section72 a,
#mainmenu li#section73 a { color:white; border:0px; margin-top:0px;}

#mainmenu li.section_selected li {background:rgba(232, 53, 142, 1);}
#mainmenu li.section_selected li a { margin-top:0;border:0;color: white; background-image:none; animation:none; -webkit-animation:none;}
#mainmenu li.section_selected .page_selected a { border:0; background: #23aa4b url(../../templates/current/images/menu_selected.svg) no-repeat scroll right center; color:white;} 
#mainmenu li.section_selected .page_selected a:hover { border:0; background: #11b742 url(../../templates/current/images/menu_selected.svg) no-repeat scroll right center; color:white;} 
#mainmenu li.section_selected li a:active {background: #242926 !important;}
#mainmenu li.section_selected .page_selected a:active {background: #242926 !important;}

#mainmenu .section_selected ul li {background:#1c9740;}
#mainmenu .section_selected ul li:hover a { background:rgba(0, 0, 0, .2); }
#mainmenu .section_selected a {color:#fff; }
#mainmenu .page_selected a{font-weight: bold; background: #23AA4B url(../../templates/current/images/menu_selected.svg) no-repeat scroll right center; /*padding-left:30px;*/ }
#mainmenu .page_selected a:hover {font-weight: bold; background: #23AA4B url(../../templates/current/images/menu_selected.svg) no-repeat scroll right center; cursor:default;}


/* MAIN LIKES THAT HAVE A DROPDOWN LIST */

#mainmenu > ul > li > a.popupMenuLink {
    /*background: url(../../templates/current/images/popout_arrow.svg) no-repeat scroll right bottom;*/
}

#mainmenu li.section_selected a.popupMenuLink, #mainmenu li.section_selected a.popupMenuLink:hover {
	/*background-color: #23AA4B;*/
}

/* LOGIN and REGISTER buttons */

#mainmenu li#section72, #mainmenu li#section73 {

}

#mainmenu li#section73 {

}

#mainmenu li#section72 a, #mainmenu li#section73 a {

}

#mainmenu li#section73 a {

}


/* MOBILE MENU ----------------------------------------- */

/* MOBILE MENU ----------------------------------------- */

/* MOBILE MENU ----------------------------------------- */




/* Humburger Icon */

.mob-hamburger {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 48px;
  font-size: 0;
  text-indent: -999999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background: transparent;
  color: #0b0b0b;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 32px;
  font-weight: 700;
  /* active state, i.e. menu open */
 }
  
  .mob-hamburger:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    font-size: 12px;
    text-indent: initial;
    width: 100%;
    text-align: center;
    margin-left: 0; 
	}

  .mob-hamburger:focus {
    outline: none; 
	}
	

/* HUMBURGER ICON STYLE ----------------------------------------- */
	
  .mob-hamburger span {
    display: block;
    position: absolute;
    text-indent: -9999px;
    top: 15px;
    left: 10px;
    right: 10px;
    height: 5px;
    background: #4F5256;
    border-radius: 0px;
	}

  .mob-hamburger span::before,
  .mob-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #4F5256;
    content: "";
    border-radius: 0px;
	}

  .mob-hamburger span::before {
    top: -12px;
}

  .mob-hamburger span::after {
    bottom: -12px;
	}

  .mob-hamburger--htx span::before, .mob-hamburger--htx span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s; 
	}
	
  .mob-hamburger--htx span::before {
    transition-property: top, transform; 
	}
	
  .mob-hamburger--htx span::after {
    transition-property: bottom, transform;
	}
	
  .mob-hamburger--htx.is-active span {
    background: none;
	}
	
  .mob-hamburger--htx.is-active span::before {
    top: 0;
    transform: rotate(45deg); 
	}
	
  .mob-hamburger--htx.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
	}
	
  .mob-hamburger--htx.is-active span::before, .mob-hamburger--htx.is-active span::after {
    transition-delay: 0s, 0.3s;
    background-color: #ffffff;
	}


.mobile-nav-wrap {
  position: relative;
  z-index: 5;
  top: 80px;
  display: none; }

.mobile-nav {
  visibility: hidden;
  z-index: 9;
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  background-position: 0;
  background-image: none; }

  .mobile-nav-btn {
    display: none; }

  .mobile-nav__menu {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 10px;
    display: block;
	margin-top:10px;
    position: relative;
    z-index: 2;}
	
    .mobile-nav__menu ul {
      margin: 0;
      padding: 0;
      font-family: 'Lato', sans-serif;
      font-weight: 300; }
      .mobile-nav__menu ul ul {
        display: none; }
		
    .mobile-nav__menu li {
      display: block;
      border: 0;
      text-align: center; }
	  
	  .mobile-nav__menu li.open a.popupMenuLink {
		  background: #23aa4b;} /* Styles the dropdown main "LI" */
	  
      .mobile-nav__menu li:nth-last-child(2) {
        border-right: 0; }

      .mobile-nav__menu li a {
        color: #ffffff;
        padding: 11px 8px 10px;
        position: relative;
        display: block;
        font-size: 1em;
        text-transform: uppercase;
		
		/*EASING EFFECT*/
		-moz-transition: background-color .3s ease-in !important;
    -webkit-transition: background-color .3s ease-in !important;
    -o-transition: background-color .3s ease-in !important;
    transition: background-color .3s ease-in !important; }
		
        .mobile-nav__menu li a:hover, .mobile-nav__menu li a:active, .mobile-nav__menu li a:focus {
          background-color: #23aa4b !important;
		 -moz-transition: background-color 0.3s;
    	-webkit-transition: background-color 0.3s;
    	-o-transition: background-color 0.3s;
    	transition: background-color 0.3s; }
		  
      .mobile-nav__menu li li a {
        font-size: .95em;
        color: rgba(255, 255, 255, 0.7);
		background:rgba(255, 255, 255, .05);
		text-transform:none; }
		
        .mobile-nav__menu li li a:before {
          content: "-";
          position: relative;
          left: -10px; }
		  
		  .mobile-nav__menu li li a:hover {
			  background-color: rgba(255, 255, 255, .1);}
		  
    .mobile-nav__menu ul > li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
	  
      .mobile-nav__menu ul > li li:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.1); }
		
      .mobile-nav__menu ul > li li:last-child {
        border-bottom: 0; }
		
    .mobile-nav__menu .parent > a:after {
		border-bottom: 6px solid transparent;
		border-left: 6px solid white;
		border-top: 6px solid transparent;
		content: "";
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 17px;
		
		/*EASING EFFECT*/
	    -webkit-transition: all .1s ease-out 0s;
	    -moz-transition: all .1s ease-out 0s;
	    -o-transition: all .1s ease-out 0s;
	    transition: all .1s ease-out 0s; }
	  
    .mobile-nav__menu .parent.open > a:after {
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -webkit-transform: rotate(90deg);
      /* Chrome, Safari, Opera */
      transform: rotate(90deg); }


/* WHITE LOGO USED FOR MOBILE MENU ----------------------------------------- */

#divMobileLogo.lifted {
  position: relative;
  z-index: 5;
}
 
 
#divMobileLogo.lifted #img_masthead, #divMobileLogo.lifted #img_mastheadMobile {
  display:none;
	
}
 
#divMobileLogo.lifted #img_mastheadMobileMenu {
  display:block;
  opacity:1;
}
  


/* ===========================
ClearFix rule 
-for containers with floated child elements
=========================== */
.clearfix:before, .selector ul:before,
.clearfix:after,
.selector ul:after {
  content: "";
  display: table; }

.clearfix:after, .selector ul:after {
  clear: both; }

.clearfix, .selector ul {
  zoom: 1; }

/* ===========================
Row rule 
- Negative Margin Row, for nesting columns within other columns preventing double margins.
=========================== */
.row {
  margin-left: 0px; /*USED TO BE -10px TO PUT THE SCROLL ONLY ON OVERLAY MENU*/
  margin-right: 0px; /*USED TO BE -10px TO PUT THE SCROLL ONLY ON OVERLAY MENU*/
  position: relative;}

nav.main {
  margin-top: 40px; }

  nav.main ul {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 15px;
    font-weight: 300;
    float: right; }

    nav.main ul.home-nav li a {
      color: #0b0b0b; }
    nav.main ul li {
      float: left;
      text-align: center; }
      nav.main ul li a {
        display: inline-block;
        padding: 10px 15px; }
        nav.main ul li a:hover {
          color: #92CDCF; }
		  
      nav.main ul li.highlighted {
        background-color: rgba(227, 227, 228, 0.8); }
      nav.main ul li.selected a {
        position: relative; }
        nav.main ul li.selected a:after {
          top: 100%;
          left: 14px;
          right: 17px;
          border-bottom: 2px solid #0b0b0b;
          content: " ";
          height: 0;
          position: absolute; }
  .sub nav.main ul.home-nav li a {
    color: #0b0b0b; }
    .sub nav.main ul.home-nav li a:hover {
      color: #92CDCF; }

header.sub {
  border-bottom: 1px solid #e3e3e4; }

header {
  position: relative; }
  header.main .logo, header.sub .logo {
    }
	
	header.main .logo #img_mastheadMobile, header.sub .logo #img_mastheadMobile,
	header.main .logo #img_mastheadMobileMenu, header.sub .logo #img_mastheadMobileMenu {
		display:none;}
		
	header.main .logo img, header.sub .logo img {
		width:220px;
	}

#mastheadWrapperOuter.fixed #img_mastheadMobile { }

    header.main .logo a, header.sub .logo a {
      display: block;
      fill: #0b0b0b;
      /*height: 48px;*/ }
      header.main .logo a:hover, header.sub .logo a:hover {
        fill: #92CDCF; }


.secondary-nav {
  min-height: 40px; }
  .secondary-nav nav.main {
    margin-top: 0;
    text-align: center; }

    .secondary-nav nav.main ul.home-nav {
      font-size: 13px;
      display: inline-block;
      float: none;
      margin: 0 auto; }
      .secondary-nav nav.main ul.home-nav li {
        width: auto;
        text-align: left; }
        .secondary-nav nav.main ul.home-nav li a {
          color: #989aa3;
          padding: 20px 0;
          font-weight: 400; }
        .secondary-nav nav.main ul.home-nav li:not(:last-of-type) a {
          margin-right: 36px; }
        .secondary-nav nav.main ul.home-nav li.selected a {
          border-top: 0;
          color: #ffffff;
          padding: 15px 15px 11px 15px;
          position: relative;
          background-color: #92CDCF;
          margin-top: 6px; }
          .secondary-nav nav.main ul.home-nav li.selected a:after {
            display: none; }

body {
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  line-height: 1.6;
  font-weight: normal;
  overflow-x: hidden;
  padding: 0px;
  margin: 0px;
  background: #FFFFFF; }

body.bodyMobileMenu {
	overflow:hidden;
	position:fixed;
}

#mainmenu a {
  text-decoration: none;
  -webkit-transition: color, 0s, ease-in-out;
  -moz-transition: color, 0s, ease-in-out;
  -ms-transition: color, 0s, ease-in-out;
  -o-transition: color, 0s, ease-in-out;
  transition: color, 0s, ease-in-out; }
  a:hover img, a:visited img, a:selected img {
    border: 0; }
  a img {
    border: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }


#mastheadWrapperOuter.mastheadMobMenu, 
#mastheadWrapperOuter.mastheadMobMenu.fixed {
	margin-top: 0;
	background:transparent;
	-webkit-transition: background 0s ease-out 0s;
  	-moz-transition: background 0s ease-out 0;
  	-ms-transition: background 0s ease-out 0s;
  	-o-transition: background 0s ease-out 0s;
  	transition: background 0s ease-out 0s;}


#mastheadWrapperOuter.mastheadMobMenu.fixed {
	padding-top:0;
}

/* Mobile Menu - Black Overlay */ 

.mob-blackout {
	background-color: rgba(11, 11, 11, 0.99);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
	top: 0;
	bottom: 0;
	display: none;
	visibility: hidden;}


.mastheadMobileMenuOpen #SocialNet {
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s 0s, opacity 0s linear;
}










/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/











@media (max-width: 1152px) {
 
}



@media only screen and ( max-width: 68.75em ) /* 1100 */ {
	
nav.main {margin-top: 15px;} 

nav.main ul li a {padding: 10px 11px;}

#mainmenu {display:none;}
	
.mobile-nav-wrap {display: block;}
	
.mobile-nav { visibility: visible; }
	
.mobile-nav-btn { /* Hide Hamburger above 606px */ bottom: 0; display: block; height: 35px; left: 0; margin: auto 10px auto auto; position: absolute; right: 0; top: 0; width: 60px; z-index: 5;}
	
.mob-blackout { visibility: visible; }

nav.main ul {display: none;}

header.main .logo, header.sub .logo { padding: 21px 0 21px;} 

header #logo-column {width: 200px !important; padding-top: 30px;}

.secondary-nav nav.main {display: none;} 

header.main .logo #img_masthead, header.sub .logo #img_masthead {display:none;}
	
header.main .logo #img_mastheadMobile, header.sub .logo #img_mastheadMobile {display:block;}


/* LOGIN and REGISTER buttons */

.mobile-nav__menu li#section72 a, .mobile-nav__menu li#section73 a, #liMobMenStartCustomLink1 a, #liMobMenStartCustomLink2 a { background-color: inherit; font-size: 1.08em !important; font-weight:bold; line-height:normal; padding-left: 15px;
/*CORNERS*/
border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}

.mobile-nav__menu li#section73 a, #liMobMenStartCustomLink2 a {padding-left: 15px;}

.mobile-nav__menu li#section72 a::before, .mobile-nav__menu li#section73 a::before, #liMobMenStartCustomLink1 a:before, #liMobMenStartCustomLink2 a:before { background-image: url(../../templates/current/images/loginIcon.svg); background-position: center center; background-repeat: no-repeat; background-size: 20px auto; bottom: 0;content: ""; left: 0; margin: auto auto auto -35px;position: absolute; right: 0; top: 0; width: 100%;}

.mobile-nav__menu li#section72 a::before, #liMobMenStartCustomLink1 a:before {background-color: #inherit; background-image: url(../../templates/current/images/registerIcon.svg); margin:auto auto auto -50px;}

.mobile-nav__menu.mobile-nav__menu li#section72, .mobile-nav__menu.mobile-nav__menu li#section73  {
	display:none;
}

 }
 
@media only screen and ( max-width: 30em ) /* 480 */ {
	
}