#NAVIGATION .social-nav div.icon-social a:hover {
text-shadow:none;
-webkit-text-fill-color:#fd0075;
opacity:1 !important;
}
#NAVIGATION div.row > div> div,
#NAVIGATION div.row ul li 
{ 
				float:left;
				line-height: 5.2rem;
				margin-right:-.5rem;
				font-size:1.4rem ;
				letter-spacing:-0.05rem;
				word-spacing: -0.01rem;
				font-weight: 100;
				font-family:Arial;-webkit-text-stroke:0.02rem rgba(255,255,255,0.5);text-shadow:none;
				-moz-osx-font-smoothing: grayscale;
   				-webkit-transform: scaleY(95%); -moz-transform: scaleY(95%);
}

#NAVIGATION div.row ul li a
{ 
color:#000;
opacity:0.9;
}

#NAVIGATION div.row ul li a:hover
{ 
color:gray !important; opacity:0.9;
}

#NAVIGATION div.row a,a:before{ 
			letter-spacing: .3rem;
			display:inline-block;
			font-style: normal;
			font-weight: normal;
			color:darkslategrey;
			-moz-osx-font-smoothing:grayscale;
}

#NAVIGATION div.row a:after
{ 
				color:white;
				font-family: MyriadPro, 'Myriad Pro', MyriadPro-Regular, 'Myriad Pro Regular', Helvetica,  Arial, Verdana, Geneva, sans-serif;
			    font-size: 1.1rem;
			    letter-spacing: .3rem;
}

#NAVIGATION div.row a.current{
				color:#b2b3b5;
}

#NAVIGATION div.row a
{				background-color: transparent;
			color:white;
}

#NAVIGATION div.row a:focus,a:active,a:hover
{				color:gray !important;opacity: 1;
 border-color:#b2b3b5;
 border-bottom-width: 0px;
}

#NAVIGATION div.row a:visited
{
}

/**************** Header social ********************/ 
#NAVIGATION .social-nav,
#NAVIGATION .social-nav a,
#NAVIGATION .social-nav a:link { 
		
}
#NAVIGATION .social-nav {
		
		float: right;
		margin-top:1.2rem;
		margin-left:1vw;
		margin-right:2vw;
}
	a.ico-social-facebook:before {content:"\e028";background-color:transparent;display: block; font-size:1.2rem;color:#fff;margin-left:1rem;margin-top:0;}
	a.ico-social-twitter:before {content:"\e08d";background-color:transparent;display: block; font-size:1.2rem;color:#fff;margin-left:1rem;margin-top:0;}
	a.ico-social-instagram:before {content:"\e044";background-color:transparent;display: block; font-size:1.2rem;color:#fff;margin-left:1rem;margin-top:0;}
	a.ico-social-mail:before {content:"\e050";;background-color:transparent;display: block; font-size:1.2rem;color:#fff;margin-left:1rem;margin-top:0;}


@media screen and ( min-width: 1981px ) {

#NAVIGATION div#menu-desktop .container {
 width: calc(var(--widthE) - 40rem);
 margin:0 0 0 calc(7vw - 2rem) !important;
}

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

#NAVIGATION div#menu-desktop { 
  display:none;
}
			
#NAVIGATION div#menu-mobile { 
   display:block;
}
			
#NAVIGATION div#menu-mobile .fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

#NAVIGATION div#menu-mobile .container {
   margin-top:-5px;
}


#NAVIGATION div#menu-mobile .nav-collapse a {
  margin-bottom:3rem;
}

#NAVIGATION div#menu-mobile .nav-collapse,
.nav-collapse ul {
  background: #000;
  opacity:0.8;
  list-style: none;
  width: var(--widthE);
  float: left;
padding-right: 0;
padding-left: 0;
}

#NAVIGATION div#menu-mobile .nav-collapse li {
  float: left;
  width: 100%;
}

#NAVIGATION div#menu-mobile .col.col-sm-3 {
 width: var(--widthE);
}

#NAVIGATION div#menu-mobile .col.col-sm-2 {
 width: var(--widthE);
}

#NAVIGATION div#menu-mobile .col.col-sm-1 {
 width: var(--widthE);
 clear:both;
}

#NAVIGATION div#menu-mobile .nav-collapse a {
  position:relative;
  left:1.5rem;
  color: #fff;
  line-height:5rem;
  text-decoration: none;
  white-space:nowrap;
  font-size:2rem;
  vertical-align: middle;
  font-weight:200;
  letter-spacing:0.3rem;
  word-spacing:0.1rem;
  background: transparent;
  border-bottom: 0 solid white;
  padding: 2vh 11vw 2rem 0;
}

.prognroll-bar{
top:4.9rem !important;
}

ul.banner-social-buttons {
float: none;
padding:0;
font-size:0.4rem;
font-family: 'Socicon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1px;text-decoration:none;-moz-osx-font-smoothing: grayscale;
margin-top: 0;
}

ul.banner-social-buttons li{
float: left;
list-style:none;
clear:none;
width:160px;
}

#NAVIGATION div#menu-mobile .nav-collapse a.current{
				color:gray;
}

#NAVIGATION div#menu-mobile .nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
      url("../icons/responsivenav.woff") format("woff"),
      url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

#NAVIGATION div#menu-mobile .nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 45px;
  height: 55px;
  float: right;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), 
  background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#NAVIGATION div#menu-mobile .nav-toggle:before {
  color: #000;
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  width: 100%;
  top: 0;
  left: 0;
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); 
}

#NAVIGATION div#menu-mobile .nav-toggle::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); 
}

#NAVIGATION div#menu-mobile .nav-toggle.active {
  background-color: transparent !important;
  transform: rotateY(180deg); 
}
  

#NAVIGATION div#menu-mobile .nav-toggle.active::before {
  font-size: 24px;
  content:"x";
  text-align: center;
  transform: translate3d(0, 0, 0) rotate(90deg);
}

#NAVIGATION div#menu-mobile .nav-toggle.active::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

#NAVIGATION div#menu-desktop ul{
   display:none !important;
}

#NAVIGATION div.row > div > div, #NAVIGATION div.row ul li {
   font-size:1.5rem;
   margin:12px 0 -35px -15px !important;
}

#NAVIGATION div.row {	
   padding:0; 
   margin:0;
   width:100% !important; 
   text-indent:0; 
   line-height:150%;
   display:table; 
   position:relative;

}

#NAVIGATION div.row {
   line-height:100%;
   margin:0;
}

}

@media screen and ( min-width: 1200px ) {

.navbar-nav > li > a {
padding-top:.1rem;
padding-left:.6rem;
}

#NAVIGATION div.row ul li 
{ 
margin-right:1.7rem;
}

#NAVIGATION div#menu-desktop .container {
   margin:0 0 0 var(--widthAD) !important;
   width:calc(var(--widthE) - var(--widthAD));
}

nav {
  max-width: 100vw;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}


}


@media screen and ( min-width: 992px ) and ( max-width: 1199px ) {

#NAVIGATION div#menu-desktop { 
   display:flex;
}

#NAVIGATION div#menu-mobile { 
   display:none;
}

#NAVIGATION div.row a, a::before {
display:block;
}

.navbar-nav > li > a {
padding-top:.1rem;
padding-left:.6rem;
}

#NAVIGATION div#menu-desktop .container {
 margin-left:calc(2vw - 1rem) !important;
 margin-right:calc(4vw - 1rem) !important;
}

nav {
  max-width: 100vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}

}

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

#NAVIGATION div#menu-mobile .nav-collapse a {
  margin-bottom:3rem;
}

#NAVIGATION div#menu-mobile .nav-toggle:before {
   line-height: 55px;
}

#NAVIGATION div#menu-mobile .nav-toggle.active::before {
  font-size: 2.3rem;
  margin-left:.2rem;
}

.prognroll-bar{
top:4.9rem !important;
}

}

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

#NAVIGATION div#menu-mobile .nav-collapse * {
box-sizing:content-box;
}

#NAVIGATION div#menu-mobile .nav-collapse a {
  line-height:3.5rem;
  white-space:nowrap;
  padding: 2vh 38vw 2rem 1rem;
  margin-bottom:3rem;
}
#NAVIGATION div#menu-mobile .nav-toggle:before {
   font-size:2rem;
   line-height: 5.5rem;
   margin-left:.2rem;
}

#NAVIGATION div#menu-mobile .nav-toggle.active::before {
  font-size: 2rem;
  line-height: 5.5rem;
  margin-left:.2rem;
}

}

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

#NAVIGATION div#menu-mobile .nav-toggle:before {
   font-size:1.4rem;
   line-height:5.8rem;
   margin-left:.2rem;
}

#NAVIGATION div#menu-mobile .nav-collapse a {
  padding: 6vh 38vw 2rem 1rem !important;
}

#NAVIGATION div#menu-mobile .nav-toggle.active::before {
  font-size: 1.4rem;
  line-height: 6.4rem;
}

#NAVIGATION div.row > div > div, #NAVIGATION div.row ul li {
   margin:12px 0 -74px -15px !important;
   
}

#NAVIGATION div#menu-mobile .nav-collapse.nav-collapse-0.opened{
max-height: 100vh !important;
}

}

@media screen and ( min-width: 992px )  {

#NAVIGATION div#menu-desktop { 
   display:flex;
   justify-content: flex-end;
}

#NAVIGATION div#menu-mobile { 
   display:none;
}

#NAVIGATION div#menu-mobile .nav-collapse li {
   width: 25%;
}
  
#NAVIGATION div#menu-mobile .nav-collapse a {
   margin: 0;
   padding: 1em;
   float: left;
   text-align: center;
   border-bottom: 0;
   border-right: 1px solid white;
}
  
#NAVIGATION div#menu-mobile .nav-collapse ul ul a {
   display: none;
}

 .prognroll-bar{
display:none !important;
}

}