/**
 * Required Variables
 */

#masthead {
  background:var(--white);
  position:relative;
  width: 100%;
  text-align: center;
  transition: box-shadow 0.5s ease;
  z-index:10;
}

#masthead.fixed-header {
  background-color: var(--white);
  position: fixed;
  top: 0;
  z-index: 999;
  color:var(--white);
  box-shadow: 0 0 0.438rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0.438rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0.438rem rgba(0, 0, 0, 0.1);
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
	padding-top:0;
}
.admin-bar #masthead.fixed-header {top:2rem}

.flexwrap {display: flex;
  justify-content: center;
	align-items: center;}

.HeaderTop {width:100%;border-bottom:2px solid var(--gray)}
#masthead.fixed-header .HeaderTop {display:none}
.HeaderBottom {width:100%;border-bottom: 1px solid #dedede;}

#menu-top-menu {display:flex}
#menu-top-menu li {margin-right:2rem}
#menu-top-menu li a {color:var(--dark)}

.site-logo {position: relative;z-index:1;}
.site-logo img {width: auto;height:2.5rem;display:block;}

.site-branding {}

#site-navigation {flex: 1;padding: 0 0.625rem;}
.primary-menu-container ul {list-style:none;margin:0;padding:0}

.primary-menu-container .menu-wrapper li {
  display: inline-block;
  padding: 1.125rem 1.4rem;
  position: relative;
  line-height: 1.5;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.burger-menu-container .menu-wrapper li {
  display: block;
  padding: 0.625rem 0;
  position: relative;
  font-size: 2.4rem;
  line-height: 1.5;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


.primary-menu-container .menu-wrapper li a {font-family: "Oswald", serif;font-size:1.3rem;font-weight:500;color:var(--dark);-moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}


.primary-menu-container .menu-wrapper li:hover > a,
.primary-menu-container .menu-wrapper a:focus,
.primary-menu-container .menu-wrapper .current-menu-item > a,
.primary-menu-container .menu-wrapper .sub-menu li.current-menu-item a,
.primary-menu-container .menu-wrapper .current-menu-ancestor > a,
.primary-menu-container .menu-wrapper .current_page_item > a,
.primary-menu-container .menu-wrapper .current_page_ancestor > a {
	color: var(--orange);
}


.primary-menu-container .sub-menu {opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	width: 12.5rem;
	background: var(--white);
	border: 0.063rem #f1f1f1 solid;
	box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.15);
	transition: 0.5s;
	transform: translateY(3.125rem);
	z-index: 0;
text-align:left;}
.primary-menu-container .menu-item-has-children:hover .sub-menu {opacity: 1;
		visibility: visible;
		transform: translateY(0);
		z-index: 1;}
.primary-menu-container .sub-menu li {display:block;padding:0.625rem 1.25rem;border-bottom:0.063rem solid #ddd}
.primary-menu-container .sub-menu li:last-of-type {border-bottom:0}
.primary-menu-container .menu-wrapper .sub-menu li a {color: var(--dark);}
.primary-menu-container .menu-wrapper .sub-menu li a:hover {color: var(--bleu);}
#masthead.fixed-header .primary-menu-container .menu-wrapper .sub-menu li a {color: var(--dark);}
#masthead.fixed-header .primary-menu-container .menu-wrapper .sub-menu li a:hover {color: var(--bleu);}
#masthead.fixed-header .primary-menu-container .menu-wrapper .sub-menu li.current-menu-item a {color: var(--bleu);}

/*Burger*/
.burger {padding: 0 0.625rem;}

.mobile-menu {  background:transparent;
  width: 60%;
  height:auto;
  margin: auto;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: none;
  z-index: 1;
}
.burger-menu-container {
  display: flex;
  align-items: center;
  height: 100vh;
  justify-content: center;
}

.mobile-menu li a {color:var(--white);font-family: "Oswald", serif;font-weight:700;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out }
.mobile-menu li a:hover {color:var(--orange)}
.mobile-menu li .sub-menu {margin-top:0.625rem}
#site-navigation-burger { 
}

.menu-background {
  background:var(--dark);
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.switcher {padding:0 0.625rem;}
.switcher li {list-style:none;text-transform:uppercase}
.switcher li.current-lang {display:none}
.switcher li a {color:var(--dark); -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.switcher li a:hover {color:var(--dark)}
#masthead.fixed-header .switcher li a {color:var(--dark)}

/*burger menu icon*/

.menuicon {width:1.5rem;height:1.5rem;padding-left:0.375rem; color:var(--dark);cursor:pointer; -webkit-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;}
.mobile-menu .menuicon {margin-left:0.625rem}
#masthead.fixed-header .menuicon, .mobile-menu .menuicon {color:var(--dark)}
.menuicon svg {display:inline-block; vertical-align:middle; height:1.5rem; width:auto;-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;fill:var(--gray)}
.open.menuicon svg {-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 1.75rem;
  height:1.375rem;
  position: relative;
  
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
	z-index: 10;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height:0.125rem;
  width: 100%;
  background: var(--dark);
  border-radius:0.625rem;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#masthead.fixed-header #nav-icon3 span {background: var(--dark);}

#nav-icon1 span:nth-child(1) {
  top: 0;
}

#nav-icon1 span:nth-child(2) {
  top: 1.125rem;
}

#nav-icon1 span:nth-child(3) {
  top: 2.25rem;
}

#nav-icon1.open span:nth-child(1) {
  top: 1.125rem;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -3.75rem;
}

#nav-icon1.open span:nth-child(3) {
  top: 1.125rem;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 0.563rem;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 0.563rem 0.563rem 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0;
  border-radius: 0.563rem 0 0 0.563rem;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 1.125rem;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 2.25rem;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 0.313rem;
  top: 0.438rem;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 0.313rem);
  top: 0.438rem;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 0.313rem;
  top: 20.563rem;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 0.313rem);
  top: 20.563rem;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 0.625rem;
}

#nav-icon3 span:nth-child(4) {
  top:1.25rem;
}

#nav-icon3.open span:nth-child(1) {
  top: 1.125rem;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 1.125rem;
  width: 0%;
  left: 50%;
}

#masthead.fixed-header #nav-icon3.open span, #nav-icon3.open span {background: var(--white);}
/*#nav-icon3.open + .menu-background {opacity:0.9 !important}*/
/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 1.125rem;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 2.25rem;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -0.188rem;
  left: 0.5rem;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30.563rem;
  left: 0.5rem;
}

/* Search*/
#header-search-widget {display: table-cell;vertical-align: middle;padding: 0 0.625rem;}

#header-search svg {
	
	display: inline-block;
	text-decoration: inherit;
	vertical-align: text-bottom;
	margin: auto;
	height:1.5rem;
	width:auto;
	fill:var(--dark);
   
-moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}

/*#header-search.opened:before {content: "\f406";}*/
#masthead.fixed-header #header-search:before {color:var(--white)}
#header-search {cursor: pointer;outline: none;position: relative;z-index:0;}



.header-search-wrap {background:var(--dark);display:none;position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;}
.search-container {background:transparent;width:50%;margin: auto;position: fixed;left: 0;right: 0;bottom: 0;top: 0;display:none;z-index:100}
.close-searchandfilter {display:none}
.form-container {display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
	align-items: center;border-bottom: 2px solid var(--white);}

#searchform {
text-decoration:none !important;
text-align: center;
margin: auto;
}


.search-container input#s {
	width:90%;
background:transparent;	
text-align: left;
margin: auto;
border:none;
color:var(--white);
outline:none;
padding: 1.25rem 0;	}

.loupe {display: inline-block;
  height: auto;
  width: 3rem;
  vertical-align: middle;}

.loupe svg {
	display: inline-block;
	vertical-align: text-bottom;
	margin: auto;
	fill:var(--white);
    height:2.5rem;
-moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}

#searchform button {width:10%;background:transparent;border:0;padding:0;cursor:pointer;text-align: right;}
.heightfix {width:50%;display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
	right: 0;}

.search-container ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:var(--white); /*Change the placeholder color*/
     opacity: 1; /*Change the opacity between 0 and 1*/
}
.search-container ::-moz-placeholder { /* Firefox 19+ */
 color:var(--white); /*Change the placeholder color*/
     opacity: 1; /*Change the opacity between 0 and 1*/
}
.search-container :-ms-input-placeholder { /* IE 10+ */
  color:var(--white); /*Change the placeholder color*/
     opacity: 1; /*Change the opacity between 0 and 1*/
}
.search-container :-moz-placeholder { /* Firefox 18- */
  color:var(--white); /*Change the placeholder color*/
	opacity: 1;}


#toTop {

background:var(--white);
bottom:1.25rem;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: var(--dark);
display: none;
padding:0.6rem;
position: fixed;
right:1.25rem;
text-decoration: none;
vertical-align: top;
z-index:1;
cursor:pointer}
#toTop svg {width: 1.1rem;
  height: auto;
  transform: rotate(-90deg);}