@import url('https://fonts.googleapis.com/css?family=Exo+2:400,700|Oswald:400,700');
@font-face{font-family:icon-font;src:url(../fonts/icon-font.eot);src:url(../fonts/icon-font.eot?#iefix) format('eot'),url(../fonts/icon-font.woff) format('woff'),url(../fonts/icon-font.ttf) format('truetype'),url(../fonts/icon-font.svg#icon-font) format('svg')}
.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before, 
.icon-laptop:before, 
.icon-world:before,
.icon-desktop:before,
.icon-facebook:before,

.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,header h1:before{font-family:icon-font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top; float:right;  }

/*.nav img{max-height:40px; margin-bottom:10px; overflow:hidden; display:inline-block; float:left; position:relative;}*/


header h2{  font-family: 'Exo 2'; font-size:20px; font-style:normal;font-variant:normal;font-weight:300;text-decoration:none;text-transform:none;vertical-align:baseline; line-height:3.41rem; }
.icon-desktop:before{content:"\E001"}.icon-menu-close:before{content:"\E002"}.icon-menu:before{content:"\E003"}.icon-mobile:before{content:"\E004"}.icon-submenu-down:before{content:"\E005"}.icon-submenu-right:before{content:"\E006"}  .icon-laptop:before{content:"\E008"}.icon-world:before{content:"\E007"}.icon-facbook:before{content:"\e108"}    

body{padding-top:0rem}

header{display:block;position:fixed;top:0;left:0;right:0;z-index:901;padding-left:10px;line-height:3.41rem; background: rgb(78,17,15);
background: linear-gradient(0deg, rgba(78,17,15,1) 0%, rgba(118,56,40,1) 83%, rgba(172,115,74,1) 92%, rgba(73,22,11,1) 98%);    color:#FFF;}

header img{max-height:45px; margin-bottom:5px; margin-top:5px; overflow:hidden; display:inline-block; margin:0 auto;}

header h1{
margin:0;font-size:16px;line-height:1.2rem; width:auto;  overflow:hidden; font-family: 'Exo 2'; font-weight:300; 
  top: 50%;
  left:50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);  padding-right:0px;  position:absolute; 
  visibility:hidden;} 



.nav-button,.nav-close{position:fixed;top:0; width:2.0rem;height:40px;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:45px;/*background:#fff;*/color:#FFF;font-family: 'Exo 2';}.nav-button:before,.nav-close:before{display:block;text-align:center}.nav-button{display:block;right:1rem;font-size:1.3rem}.nav-button:before{content:"\E003"}.nav-close{display:none;right:4rem;font-size:1.7rem}.nav-close:before{content:"\E002"}.nav{padding-top:3.4rem;line-height:3.4rem; background-color:#4e110f; color:#FFF}

.nav ul{border-radius:0 0 0px 0px;}

.nav ul ul{background:#733d26}.nav ul ul ul{background:#FFF}.nav ul ul ul ul{background:#c50000}.nav ul ul ul ul ul{background:#4e110f}.nav li{ font-family: 'Exo 2';  font-weight:300; font-size:18px; cursor:pointer}.nav li.nav-active>a,.nav li:hover>a{font-family: 'Exo 2'; color:#FFF;background:#834d34}.nav .nav-submenu>ul{margin-left:0px} /*OBS*/.nav .nav-submenu>a{padding-right:30px!important}.nav a,.nav a:active,.nav a:hover,.nav a:visited{ font-family: 'Exo 2'; border-radius:0px 0 0px 0px;padding:0 10px 1px;color:#FFF;text-decoration:none}.nav .nav-submenu>a:after{position:absolute;display:block;right:10px;top:1px;content:"\E005"}


.nav ul h2{margin-top:0px; color:#FFF; line-height:20px; float:right;font-family: 'Exo 2'; font-weight:bold;

   font-size:16px;
  font-weight: light;
text-align: left; 
width:100%;
padding:4px;
  position: relative;

} 


@media only screen and (min-width:960px){
body{padding:0px!important}
header{position:relative; 
background: rgb(78,17,15);
background: linear-gradient(0deg, rgba(78,17,15,1) 0%, rgba(118,56,40,1) 83%, rgba(172,115,74,1) 92%, rgba(73,22,11,1) 98%); }
header img{max-height:90px; overflow:hidden;  margin-bottom:5px;  margin-top:5px; margin-left:40%; display:inline-block;}

header h1{ color:#cfb988; float:left;  font-family:'Exo 2';  font-weight:bold; text-align:center; font-size:40px; line-height:45px;
width:100%; overflow:hidden;
margin:auto;
  top: 50%;   left:0%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position:absolute;
    visibility:visible;
} 
/*
header h1:before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -9px;
  display: block;
  width:30px;
background-color:#990000;
  /* change background color to same as box   
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  transform: skew(20deg);
}*/

.nav ul { text-align:center; margin-left:15%;
} 

.nav ul h2{margin-top:0px; color:#FFF; line-height:22px; float:right;font-family: 'Exo 2'; font-weight:300;
background-color:#4e110f;
   font-size:19px;
text-align: left; 
width:inherit;
margin-right:0%;
padding:4px;
  position: relative;
} 

.nav ul h2:before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -9px;
  display: block;
  width:30px;
background-color:#4e110f;
  /* change background color to same as box */  
  -webkit-transform: skew(10deg);
  -ms-transform: skew(10deg);
  transform: skew(10deg);
}

.nav ul h2 a{font-family: 'Exo 2'; font-weight:300; float:left;

} 
.nav-button{display:none}.nav{padding:0!important  }

.nav{ text-align:center; margin-left:-5px; }

.nav-close:before{content:"\E002"}.nav{padding-top:2.0rem; line-height:3.1rem; background-color:#6f694f; color:#ac2441; }

.nav ul ul{background:#6f694f;}.nav ul ul ul{background:#FFF}.nav ul ul ul ul{background:#6f694f}.nav ul ul ul ul ul{background:#834d34}.nav li{ font-size:18px; cursor:pointer}.nav li.nav-active>a,.nav li:hover>a{color:#FFF;background:#4e110f;}.nav .nav-submenu>ul{margin-left:0.0rem;} /*OBS*/.nav .nav-submenu>a{padding-right:20px!important}.nav a,.nav a:active,.nav a:hover,.nav a:visited{border-radius:0px 0 0px 0px;padding:0px 10px 2px; color:#FFF;text-decoration:none}.nav .nav-submenu>a:after{position:absolute;display:block;right:0px;top:-1px;content:"\E005"}


.nav ul ul {
margin-top:-0.5rem; 

}