@charset "utf-8";
/* CSS Document */
.topmenu-wrapper{width:100%;background:#fff;padding:0;}
#topmenu{position: relative;height: 44px;background: none;width: 100%;margin:0 0 20px 0;}
#topmenu ul{list-style: none;padding: 0;margin: 0 auto;line-height: 1;}
#topmenu > ul{position: relative;display: block;background: none;width:1000px;z-index: 500;}
#topmenu:after,#topmenu > ul:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#topmenu.align-right > ul > li{float: right;}
#topmenu.align-center ul{text-align: center;}
#topmenu.align-center ul ul{text-align: left;}
#topmenu > ul > li{display: inline-block;position: relative;margin: 0;padding: 0;}
#topmenu > ul > #menu-button{display: none;}
#topmenu ul li a{display: block;font-family: Helvetica, sans-serif;text-decoration: none;}
#topmenu > ul > li > a{font-family: 'Oswald',Arial,Helvetica,sans-serif;font-size: 15px;text-transform: uppercase;padding: 15px 5px 23px 5px;color: #553528;text-transform: uppercase;-webkit-transition: color 0.25s ease-out;-moz-transition: color 0.25s ease-out;-ms-transition: color 0.25s ease-out;-o-transition: color 0.25s ease-out;transition: color 0.25s ease-out;}
#topmenu > ul > li.has-sub > a{padding-right: 32px;}
#topmenu > ul > li:hover > a{color: #D3BE7F;}
#topmenu li.has-sub::after,#topmenu.responsive li.has-sub::after,#topmenu.responsive ul ul li.has-sub::after{display: block;content: "";position: absolute;width: 0;
height: 0;}
#topmenu > ul > li.has-sub::after,#topmenu.responsive > ul > li.has-sub::after,#topmenu.responsive ul ul li.has-sub::after{right: 10px;top: 20px;border: 5px solid transparent;border-top-color: #D3BE7F;}
#topmenu > ul > li:hover::after,#topmenu.responsive > ul > li:hover::after ,#topmenu.responsive ul ul li:hover::after{border-top-color: #553528;}
#topmenu.responsive ul li.has-sub.open::after{border-top-color: #f00;}
#indicatorContainer{position: absolute;height: 5px;width: 100%;bottom: -5px;overflow: hidden;z-index: 500;}
#pIndicator{position: absolute;height: 0;width: 100%;border: 8px solid transparent;border-top-color: #D3BE7F;z-index: 500;-webkit-transition: left .25s ease;-moz-transition: left .25s ease;-ms-transition: left .25s ease;-o-transition: left .25s ease;transition: left .25s ease;}
#cIndicator{position: absolute;height: 0;width: 100%;border: 8px solid transparent;border-top-color: #553528;top: -8px;right: 100%;z-index: 500;}
#topmenu ul ul{position: absolute;left: -9999px;top: 70px;opacity: 0;-webkit-transition: opacity .5s ease, top .5s ease;-moz-transition: opacity .5s ease, top .5s ease;-ms-transition: opacity .5s ease, top .5s ease;-o-transition: opacity .5s ease, top .5s ease;transition: opacity .5s ease, top .5s ease;z-index: 1000;}
#topmenu ul ul ul{top: 37px;padding-left: 5px;}
#topmenu ul ul li{position: relative;}
#topmenu > ul > li:hover > ul{left: auto;top: 49px;opacity: 1;}
#topmenu.align-right > ul > li:hover > ul{
  left: auto;
  right: 0;
  opacity: 1;
}
#topmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#topmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#topmenu ul ul li a {
  width: 130px;
  border-left: 1px solid #553528;
  border-right: 1px solid #553528;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 12px;
  color: #553528;
  background: #ffffff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#topmenu ul ul li.last a
	{
	 border-bottom : 1px solid #553528 !important;
	}
#topmenu.align-right ul ul li a {
  text-align: right;
}
#topmenu ul ul li:hover > a {
  background: #DEDAC1;
  color: #553528;
}
#topmenu ul ul li:last-child > a,
#topmenu ul ul li.last > a {
  border-bottom: 0;
}
#topmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#topmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#topmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#topmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#topmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#topmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/* accordion */
#topmenu.responsive > ul { width:91.3%; margin:0 auto;background:#fff;}
#topmenu.responsive ul li.has-sub ul { display:none;}
#topmenu.responsive ul ul li.has-sub:hover::after {
	display:none;
}
#topmenu.responsive ul ul li.has-sub:hover::after {
display:none;
}

#topmenu.responsive > ul > li > a {
  color: #dddddd;
  text-transform: uppercase;
  padding: 15px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #222222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#topmenu.responsive > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#topmenu.responsive > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #000000;
}
#topmenu.responsive > ul > li:hover > a,
#topmenu.responsive > ul > li.open > a,
#topmenu.responsive > ul > li.active > a {
  background: #151515;
  color: #ffffff;
}

#topmenu.responsive ul ul li a {
  background: #ddd;
  position: relative;
  padding: 14px 20px;
  border-bottom: 1px solid #222;
  color: #222;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

#topmenu.responsive ul ul ul, #topmenu.responsive ul ul li:hover ul { padding-left:20px;}
#topmenu.responsive ul ul ul li a, #topmenu.responsive ul ul li:hover ul li a { background:#fff; border-bottom: 1px solid #ddd;}
/* end accordion */

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #topmenu {
    width: auto;
  }
  #topmenu.align-center ul {
    text-align: left;
  }
  #topmenu.align-right > ul > li {
    float: none;
  }
  #topmenu ul {
    width: auto;
  }
  #topmenu .submenuArrow,
  #topmenu #indicatorContainer {
    display: none;
  }
  #topmenu > ul {
    height: auto;
    display: block;
  }
  #topmenu > ul > li {
    float: none;
  }
  #topmenu li,
  #topmenu > ul > li {
    display: none;
  }
  #topmenu ul ul,
  #topmenu ul ul ul,
  #topmenu ul > li:hover > ul,
  #topmenu ul ul > li:hover > ul,
  #topmenu.align-right ul ul,
  #topmenu.align-right ul ul ul,
  #topmenu.align-right ul > li:hover > ul,
  #topmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #topmenu ul .has-sub::after {
    display: none;
  }
  #topmenu ul li a {
    padding: 12px 20px;
  }
  #topmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #topmenu.align-right ul ul li a {
    text-align: left;
  }
  #topmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #topmenu ul ul ul a {
    padding: 8px 50px;
  }
  #topmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #topmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #topmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #topmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #topmenu #menu-button > a {
    padding: 14px 20px;
  }
  #topmenu ul.open li,
  #topmenu > ul.open > li {
    display: block;
  }
  #topmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #topmenu ul ul::after {
    display: none;
  }
  #topmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #topmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #topmenu ul.open #menu-button::after,
  #topmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}
/* buttons */
#topmenu ul li a span
	{
	padding:5px 20px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4e4e9));background:linear-gradient(#fff, #e4e4e9);-webkit-box-shadow:0 7px 14px -3px rgba(45,35,66,0.3),0 2px 4px 0 rgba(45,35,66,0.4),inset 0 -2px 0 0 #cfd1e3;box-shadow:0 7px 14px -3px rgba(45,35,66,0.3),0 2px 4px 0 rgba(45,35,66,0.4),inset 0 -2px 0 0 #cfd1e3;
  border-radius:9999px;
	}
#topmenu ul li a:hover span{
-webkit-box-shadow:0 11px 16px -3px rgba(45,35,66,0.3),0 4px 5px 0 rgba(45,35,66,0.4),inset 0 -2px 0 0 #cfd1e3;box-shadow:0 11px 16px -3px rgba(45,35,66,0.3),0 4px 5px 0 rgba(45,35,66,0.4),inset 0 -2px 0 0 #cfd1e3;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);
}
#topmenu ul li a:active span
	{
	background-image:-webkit-gradient(linear, left bottom, left top, from(#fff), to(#e4e4e9));background-image:linear-gradient(to top, #fff, #e4e4e9);-webkit-box-shadow:inset 0 2px 0 1px rgba(132,138,184,0.11),inset 0 2px 9px 0 rgba(93,100,148,0.5),inset 0 -1px 0 1px #fff;box-shadow:inset 0 2px 0 1px rgba(132,138,184,0.11),inset 0 2px 9px 0 rgba(93,100,148,0.5),inset 0 -1px 0 1px #fff;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);
	}
#topmenu.responsive > ul > li > a > span { background:none;}