/**
 * Required Variables
 */

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

#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);
 
	
}
.admin-bar #masthead.fixed-header {top:32px}

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

.site-logo {position: relative;z-index:100;padding-right:0.625rem}
.site-logo img {height: 4rem;
  width: auto;
  display: block;
  position: relative;
  top: 1rem;}

.site-branding {}

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

.primary-menu-container .menu-wrapper li {
	
	text-transform:uppercase;
  display: inline-block;
  padding: 1.125rem 1rem;
  position: relative;
  line-height: 1;
	margin-left: 1.5rem;
  -moz-transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
}

.burger-menu-container .menu-wrapper li {
  display: block;
  padding: 1.5rem 0;
  position: relative;
  font-size: 1.875rem;
  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 .button-menu {padding: 0.9rem 1.4rem 1rem 1.4rem !important;border-radius:4px;background: var(--dark);
  border: none;}
.button-menu a {color: var(--white) !important;}
.burger-menu-container .button-menu a {color: var(--dark) !important;}
.burger-menu-container .menu-wrapper li .sub-menu li { padding: 0.625rem 0;}


.primary-menu-container .menu-wrapper li a {font-size:0.9rem; font-family: "Montserrat", sans-serif;
  font-weight:600;letter-spacing: 1px;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;}
/*#masthead.fixed-header .primary-menu-container .menu-wrapper li a {color:var(--dark)}*/

.primary-menu-container .menu-wrapper li:hover > a
 {color: var(--bleu);}

.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,
.primary-menu-container .menu-wrapper .current-post-parent > a{
	color: var(--bleu);
}
.primary-menu-container .menu-wrapper a:focus {color: var(--dark);}

.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;margin-left: 0 !important;}
.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(--dark);}
#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(--dark);}
#masthead.fixed-header .primary-menu-container .menu-wrapper .sub-menu li.current-menu-item a {color: var(--dark);}

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

.mobile-menu {  background:transparent;
  width: 90%;
  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 {font-family: "Montserrat", sans-serif;font-weight:800; letter-spacing: 1px;
	text-transform:uppercase;color:var(--dark)}
.mobile-menu li .sub-menu {margin-top:0.625rem}
#site-navigation-burger { 
}

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

.switcher {margin-left: 2rem;display: flex;}
.switcher li {list-style:none;text-transform:uppercase;padding-left: 1rem;}
.switcher li.current-lang a {color:var(--dark)}
.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)}*/
.pll-parent-menu-item img {display: inline;
  height: 1.38rem;
  vertical-align: middle;
  position: relative;
  top: -1px;}
.pll-parent-menu-item {text-transform:uppercase}
.primary-menu-container .pll-parent-menu-item .sub-menu {left: 1.4rem;
	width: auto;}
.primary-menu-container .pll-parent-menu-item a {color:var(--dark) !important;font-family: 'Poppins', serif !important;
  font-weight: 500 !important;}
.burger-menu-container li.pll-parent-menu-item a {text-transform: uppercase !important;
	font-size: 1.4rem !important; }

.social-header {margin-left:2rem; text-align:center}
.social-header .social-item {display:inline-block;margin:6px}

/*burger menu icon*/

.menuicon {width:1.5rem;height:1.5rem;padding-left:0.375rem; color:var(--grayt);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(--grayt)}
.menuicon svg {display:inline-block; vertical-align:middle; height:1.2rem; width:auto;-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;fill:var(--grayt)}
.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:26px;
  height:20px;
  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.13rem;
  width: 100%;
  background: var(--dark);
  border-radius:0.625rem;
  opacity: 1;
  left: 0;
	will-change: height, transform;
  -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.open span {background: var(--dark);}
#masthead.fixed-header #nav-icon3.close 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: 9px;
}

#nav-icon3 span:nth-child(4) {
  top:18px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  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: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span {background: var(--dark);}
/* 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;display: none;}

#header-search svg {
	
	display: inline-block;
	text-decoration: inherit;
	vertical-align: text-bottom;
	margin: auto;
	height:1.5rem;
	width:auto;
	fill:var(--red);
   
-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(--bleu);display:none;position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;}
.search-container {background:transparent;width:50%;height:20vh;margin: auto;position: fixed;left: 0;right: 0;bottom: 0;top: 0;display:none;z-index:100}


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


.search-container input#s {
display:inline;
vertical-align:middle;
background:transparent;	
text-align: left;
margin: auto;
border:none;
color:var(--white);
outline:none;
border-bottom: 0.25rem solid var(--white);
padding: 1.25rem 0;	}

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

.loupe svg {
	display: inline-block;
	vertical-align: text-bottom;
	margin: auto;
	fill:var(--white);
    height:4rem;
-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 {background:transparent;border:0;padding:0;display:inline;vertical-align:middle;cursor:pointer}


.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.7rem;
position: fixed;
right:1.25rem;
text-decoration: none;
vertical-align: top;
z-index:1;
cursor:pointer}
#toTop svg {width: 1rem;
  height: auto;
  transform: rotate(-90deg);}