@font-face {
  font-family: "montserrat_bold";
  src: url("fonts/Montserrat-Bold.eot");
  src: url("fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/Montserrat-Bold.woff") format("woff"),
    url("fonts/Montserrat-Bold.ttf") format("truetype"),
    url("fonts/Montserrat-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserrat_light";
  src: url("fonts/Montserrat-Light.eot");
  src: url("fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/Montserrat-Light.woff") format("woff"),
    url("fonts/Montserrat-Light.ttf") format("truetype"),
    url("fonts/Montserrat-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserrat_regular";
  src: url("fonts/Montserrat-Regular.eot");
  src: url("fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Montserrat-Regular.woff") format("woff"),
    url("fonts/Montserrat-Regular.ttf") format("truetype"),
    url("fonts/Montserrat-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserrat_semibold";
  src: url("fonts/Montserrat-SemiBold.eot");
  src: url("fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("fonts/Montserrat-SemiBold.woff") format("woff"),
    url("fonts/Montserrat-SemiBold.ttf") format("truetype"),
    url("fonts/Montserrat-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


/* NEW FONT */
@font-face {
  font-family: "Mont-Regular";
  font-weight: normal;
  src: url("../fonts/Mont-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Mont-Light";
  font-weight: 300;
  src: url("../fonts/Mont-Light.otf") format("opentype");
}
@font-face {
  font-family: "Mont-Bold";
  font-weight: 500;
  src: url("../fonts/Mont-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Mont-SemiBold";
  font-weight: 500;
  src: url("../fonts/Mont-SemiBold.otf") format("opentype");
}
@font-face {
  font-family: "Mont-Italic";
  font-weight: normal;
  font-style: italic;
  src: url("../fonts/Mont-Italic.otf") format("opentype");
}
/* NEW FONT END */


html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

body {
  margin: 0px;
  height: 100%;
  font-family: "Mont-Light";
  color: #5c5c5c;
  font-size: 14px;
  line-height: 25px;
  /*  border:10px solid #000000;*/
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: inherit;
}


/*
	============================================================================
	midori	====================================================================
	============================================================================
*/

	.sliderhomebtn{
		border:1px solid #000000;
		padding:20px;
		padding-left:40px;
		padding-right:40px;
		font-weight:600;
		font-size:16px;
    color:#000000;

    margin-top: 20px;
    display: inline-block;
	}
	/* .sliderhomebtn:hover{
		background-color:#000000;
		color:#ffffff;
  } */
  
  .light .sliderhomebtn{
		border:1px solid #ffffff;
		padding:20px;
		padding-left:40px;
		padding-right:40px;
		font-weight:600;
		font-size:16px;
    color:#ffffff;

    margin-top: 20px;
    display: inline-block;
	}
	/* .light .sliderhomebtn:hover{
		background-color:#ffffff;
		color: #000000;
  } */

  .partner-list .post-category {
    right: 0;
    bottom: 0;
    padding: 10px 20px;
  }


h2 {
  font-size: 33px;
  /*  font-family: 'Mont-Regular';*/
  font-family: "Mont-SemiBold";
  margin: 0px;
  color: #000000;
  line-height: 39px;
}

blockquote {
  padding: 0px;
  font-size: 14px;
  margin: 0px;
  margin-top: 10px;
  line-height: 30px;
  color: #5c5c5c;
}

.resto blockquote {
  font-size: 12px;
  margin: 0px;
}

h3 {
  font-family: "Mont-SemiBold";
  font-size: 20px;
  margin: 0px;
}

h4 {
  font-family: "Mont-SemiBold";
  font-size: 14px;
  margin: 0px;
}

table {
  margin: 0px;
}

tr,
td {
  border: none;
}

.servicestitle hr.wave {
  width: 70%;
  border: none;
  background-image: url(../img/straight_dark.png);
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: transparent;
  height: 2px;
}

.maxwidth {
  max-width: 1280px;
  margin: auto;
}
.maxwidth_content {
  width: 100%;
  max-width: 850px;
  margin: auto;
}

.maxwidthouter {
  max-width: 1600px;
  margin: auto;
}

.paddleft {
  padding-left: 25px;
}
.paddright {
  padding-right: 25px;
}
.paddscontent {
  padding: 25px;
}

.postspacing {
  height: 10px;
}

#page {
  min-height: 100%;
  padding-bottom: 290px;
}

/*
	============================================================================
	menu	====================================================================
	============================================================================
*/

.custom-logo {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom-logo:hover {
  opacity: 0.65;
}

.language-chooser-item {
  list-style: none;
}

.topfirstmenu {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100%;
  padding: 0 25px;
}
.topfirstmenu .topfirstmenu_inner {
  width: 100%;
  max-width: 1400px;
  margin: auto;
}
.topfirstmenu .topfirstmenu_inner .menuitem {
  font-family: "Mont-Regular";
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  color: #707070;
}

.topfirstmenu .topfirstmenu_inner .menuitem2 {
  padding-right: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  color: #707070;
}
.topfirstmenu .topfirstmenu_inner .menuitem2:hover {
	color:#000000;
}
.topfirstmenu .topfirstmenu_inner .menuitem_search {
  padding-right: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  color: #707070;
}

.topfirstmenu .topfirstmenu_inner .wave {
  background-image: url(../img/straight.png);
  height: 2px;
  width: 20px;
}

.menuwave {
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 33px;
}
.menuwave2 {
  width: 65px;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 30px;
}

#menu {
  text-align: center;
}

#menu .mainmenu ul {
  list-style-type: none;
  display: block;
  /*padding-top:9px;*/
  margin-top: 5px;
  text-transform: uppercase;
  color: #000000;
  font-size: 15px;
  letter-spacing: 2px;
  font-family: Mont-Regular;
  margin-bottom: 12px;
  padding-left: 0;
}
#menu .mainmenu li {
  display: inline;
  border: 0px solid #ffffff;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
    color: #787878;
  }
#menu .mainmenu .menu >li {
  padding-bottom:10px !important;
}

@media (max-width: 1280px) {
  #menu .mainmenu li {
    padding: 25px 15px;
  }
}
@media (max-width: 1100px) {
  #menu .mainmenu li {
    padding: 25px 10px;
  }
}
@media (max-width: 1000px) {
  #menu .mainmenu li {
    padding: 25px 9px;
  }
}

#menu .mainmenu li.current-menu-item,
#menu .mainmenu li a:hover {
  color: #000000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#menu .mainmenu #header-menu>li {
  border-bottom: 5px solid transparent;
}
#menu .mainmenu #header-menu > li.current-menu-item {
	border-bottom:5px solid #000000;
}

#menu .mainmenu li.left-border {
  position: relative;
}

/*
#menu .mainmenu li.left-border::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 100%;
  background: #000;
  left: -6px;
  bottom: -5px;
  position: absolute;
}
*/

/*
	============================================================================
	footer	====================================================================
	============================================================================
*/

#footer-menu li a,
#footer .social img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 100px;
  width: 100%;
  height: 186px;
  background-color: #f4f4f3;
  display: table;
  font-size: 12px;
  letter-spacing: 2px;
  color: #999999;
  padding-right: 17px;
}
#footer .logo {
  display: table-cell;
  vertical-align: middle;
  width: 28%;
  padding-bottom: 18px;
}
#footer .logo a img {
  margin-left: 25px;
}
#footer .social {
  display: table-cell;
  vertical-align: middle;
  width: 11.9%;
  /*padding-top: 13px;*/
  border-left: 3px solid #ffffff;
  text-align: center;
  border-right: 3px solid #ffffff;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#footer .social img:hover {
  opacity: 0.8;
}
#footer .footermenu {
  display: table-cell;
  vertical-align: middle;
  /*width:50%;*/
  text-transform: uppercase;
}
#footer .seclogo {
  display: table-cell;
  vertical-align: middle;
  width: 12%;
  text-align: right;
}
#footer .seclogo img {
  padding: 0px;
}

/*
  ============================================================================
  newssingle	==================================================================
  ============================================================================
*/

.newssingle hr.small {
  margin-top: 20px;
  margin: auto;
  margin-bottom: 10px;
}

.newssingle h1 {
  color: #000000;
  font-size: 28px;
  font-family: "Mont-SemiBold";
  line-height: 32px;
  margin: 0px;
  text-align: center;
}
.newssingle .text {
  padding-right: 20px;
}
.newssingle .info {
  margin: auto;
  color: #c5c5c5;
  font-size: 10px;
  font-family: "Mont-Bold";
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: table;
}
.newssingle .info .infotext {
  line-height: 20px;
  vertical-align: middle;
}
.newssingle .info .fa {
  font-size: 15px;
  padding-right: 5px;
  padding-top: 7px;
}

.newssingle .info .fa.fa-clock-o {
  padding-right: 0;
}

.newssingle .category {
  font-size: 10px;
  font-family: "Mont-Bold";
  letter-spacing: 1px;
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align: middle;
}
.newssingle .quote {
  color: #000000;
  padding-top: 30px;
  padding-bottom: 20px;
  font-family: Mont-Bold;
  font-size: 36px;
  line-height: 40px;
}
.newssingle .text .highlight {
  font-family: Mont-SemiBold;
  color: #000000;
}

.newssingle .leftpadding_r {
  padding-right: 20px;
}
.newssingle .leftpadding_l {
  padding-left: 20px;
  padding-top: 10px;
}
.text span,
p {
  font-family: inherit !important;
}
.text span,
p {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

/*
  ============================================================================
  leftbar	==================================================================
  ============================================================================
*/

.leftbar .title {
  color: #000000;
  font-size: 20px;
  font-family: "Mont-SemiBold";
  line-height: 26px;
  margin: 0px;
  margin-bottom: 5px;
}

.leftbar .date {
  color: #000000;
  font-size: 22px;
  font-family: "Merriweather", serif;
  font-style: italic;
  line-height: 26px;
  margin: 0px;
  margin-bottom: 5px;
}

.leftbar .name {
  color: #000000;
  font-size: 14px;
  font-family: "Merriweather", serif;
  font-style: italic;
  line-height: 20px;
  font-weight: bold;
}
.leftbar .location {
  color: #000000;
  font-size: 14px;
  font-family: "Merriweather", serif;
  font-style: italic;
  line-height: 20px;
}

/*
  ============================================================================
  newslist	==================================================================
  ============================================================================
*/
.mainpostpadding {
  padding-left: 10px;
  padding-right: 10px;
}
.first .mainpostpadding {
  text-align: center;
}
.newslist {
  padding: 10px;
}
.newslist .mainpost {
  padding-bottom: 20px;
}
.newslist .highlight {
  background-color: #262626;
  color: #ffffff;
  padding: 20px;
  /*margin-top:-10px;*/
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.newslist .mainpost {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: flex;
  box-sizing: border-box;
  padding-bottom: 0px;
}
.newslist .mainpost .mainpost_child {
  align-items: stretch;
  position: relative;
}
.newslist .mainpost .mainpost_child .mainpost_subchild {
  position: relative;
  padding: 20px;
}
.newslist .mainpost .mainpost_child .mainpost_subchild.grey {
  background-color: #f8f8f8;
}
/*.newslist .mainpost:hover {*/
/*opacity: 0.6;*/
/*cursor:pointer;*/
/*}*/
.newslist .mainpost img {
  max-width: 100%;
  /*	max-height: 600px;*/
  margin: 0 auto;
}
.newslist .mainpost .mainpost_child.w66 img {
  width: 100%;
}
.newssingle .w100 > .leftpadding_l {
  padding-left: 0;
  padding-right: 0;
}
.newslist .mainpost hr {
  margin-top: 20px;
}
.newslist .mainpost h1 {
  color: #000000;
  font-size: 28px;
  font-family: "Mont-SemiBold";
  line-height: 36px;
  margin: 0px;
  padding-right: 20px;
}
.newslist .mainpost h4 {
  margin: 5px 0px 15px;
  line-height: 29px;
}
.newslist .mainpost .category {
  color: #959595;
  font-size: 10px !important;
  font-family: "Mont-Regular";
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.newslist .mainpost .text {
  padding-right: 20px;
  font-size: 14px;
  line-height: 29px;
  max-height: 250px;
  margin-bottom: 40px;
}

.newslist .mainpost .info {
  color: #c5c5c5;
  font-size: 10px;
  font-family: "Mont-Light";
  letter-spacing: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  display: table;
}
.newslist .mainpost.first .info {
  /*top: 95%;*/
  position: absolute;
  vertical-align: bottom;
}
.newslist .mainpost .info .infotext {
  line-height: 20px;
  padding-bottom: 0px;
  display: table-cell;
  vertical-align: middle;
  font-size: 10px !important;
  font-weight: 400;
}
.newslist .mainpost .info .fa {
  font-size: 15px;
  padding-right: 5px;
  display: table-cell;
  padding-top: 1px;
}
.newslist .mainpost .mainpost_child .mainpost_subchild .info {
  margin-top: 30px;
  margin-bottom: 10px;
}
.newslist .mainpost .mainpost_child .mainpost_subchild.highlight .info {
  margin-top: 0px;
  margin-bottom: 10px;
}

.newslist .highlight hr {
  margin-top: 10px;
  background-color: #ffffff;
}
.newslist .highlight h1 {
  color: #ffffff;
}
.newslist .highlight .category {
  color: #ffffff;
}
.newslist .highlight .info {
  color: #ffffff;
  margin-top: 0px;
}

/* QUOTE CONTENT */
.newslist .mainpost .mainpost_child.quote .mainpost_subchild {
  background-color: #f8f8f8;
  background-image: url("../img/quote_marks.png");
  background-position: 50% 20%;
  background-size: 65%;
  background-repeat: no-repeat;
  cursor: default;
  margin-bottom: 20px;
}
.newslist .mainpost .mainpost_child.quote .mainpost_subchild .text {
  font-size: 36px;
  font-family: "Mont-Bold";
  line-height: 43px;
  padding: 30px;
  color: #000000;
  text-align: center;
  vertical-align: middle;
}
.newslist .mainpost .mainpost_child.quote .mainpost_subchild .info {
  width: 100%;
  padding: 20px;
  margin: 0px;
}
.newslist .mainpost .mainpost_child.quote .mainpost_subchild .customer {
  text-align: right;
  font-family: "Mont-Light";
  font-size: 14px;
  line-height: 29px;
  text-transform: uppercase;
  padding-right: 25px;
  color: #5c5c5c;
}
.newslist
  .mainpost
  .mainpost_child.quote
  .mainpost_subchild
  .info
  .empty_space {
  display: table-cell;
  width: 55%;
}

/* EVENTS CONTENT */
.newslist .mainpost .mainpost_child.event .mainpost_subchild .left {
  position: absolute;
  height: 100%;
  width: 30px;
  left: -12px;
  top: 100%;
  background-image: url(../img/arrowleft.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 50%;
  cursor: pointer;
}
.newslist .mainpost .mainpost_child.event .mainpost_subchild .right {
  position: absolute;
  height: 100%;
  width: 30px;
  right: -25px;
  top: 100%;
  background-image: url(../img/arrowright.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 50%;
  cursor: pointer;
}

.glide_background {
  position: absolute;
  height: 21px;
  background-color: #5c5c5c;
  top: 25px;
  z-index: 0;
}

/*
  ============================================================================
  SERVICES	==================================================================
  ============================================================================
*/

.pagetitle {
  font-family: "Mont-Regular";
  font-size: 15px;
  letter-spacing: 1px;
  height: 70px;
  line-height: 70px;
  vertical-align: middle;
  text-align: center;
  max-width: 860px;
  position: relative;
  margin: 0 auto;
}

.pagetitle .wave {
  width: 100%;
  height: 2px;
  background-image: url(../img/straight.png);
  position: absolute;
  bottom: -4px;
}

.leftbar .wave {
  width: 100%;
  height: 2px;
  background-image: url(../img/straight.png);
  margin-bottom: 10px;
  margin-top: 15px;
}

.pagetitle .back {
  display: inline-block;
  background-image: url(../img/back.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 32px;
  line-height: 21px;
  font-size: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pagetitle .back:not(.action):hover {
  opacity: 0.75;
  color: inherit;
}

.pagetitle .back.active {
  color: #fff;
  background-color: #5c5c5c;
}

.servicestitle {
  font-size: 20px;
  line-height: 36px;
  margin-top: 40px;
  font-family: "Mont-Light";
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #5c5c5c;
  overflow: hidden;
}

.servicestitle.small {
  max-width: 410px;
  float: left;
}

.servicestitle h2 {
  color: #000;
  margin-bottom: 15px;
}

.serviceitem {
  margin-top: 40px;
  overflow: hidden;
}
.serviceitem {
  position: relative;
  float: left;
  font-family: "Mont-SemiBold";
  width: 360px;
  font-size: 28px;
  padding-right: 20px;
  font-size: 28px;
  line-height: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.serviceitem.lettre,
.serviceitem.brand {
  width: 100%;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 25px;
  float: none;
}

#list .serviceitem.brand,
#list .serviceitem.lettre {
  margin-bottom: 12px;
}
#list .serviceitem.lettre:first-child hr {
  margin-top: 12px;
}

.serviceitem.lettre {
  font-size: 42px;
}

.serviceitem.lettre hr,
.servicestitle hr {
  width: 34px;
  height: 6px;
  background-color: #000;
  border: none;
  margin: 10px 0px;
}

#list .serviceitem hr {
  margin-top: 45px;
}

.serviceitem.brand {
  font-family: "Mont-Regular";
  font-size: 22px;
  text-transform: capitalize;
  line-height: 1;
}

.serviceitem.brand > div:first-of-type {
  margin-bottom: 5px;
}

.serviceitem.brand hr {
  display: none;
}

.serviceitem.brand .shopbuttons {
  font-size: 13px;
  line-height: inherit;
  float: left;
  line-height: 25px;
  overflow: inherit;
  background-position: left 4px;
  margin-top: 0px;
  color: #5c5c5c;
}

.serviceitem a.fill {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.serviceitem.right {
  float: right;
  padding-left: 20px;
  padding-right: 0px;
}
.serviceitem hr,
hr.small {
  width: 36px;
  height: 6px;
  background-color: #000;
  border: none;
  margin: 10px 0px;
}

.simg {
  padding-bottom: 66%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.shopbuttons {
  font-size: 13px;
  font-family: "Merriweather", serif;
  font-style: italic;
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 22px;
  margin-top: 10px;
}

.shopbuttons table td {
  vertical-align: top;
}

.shopbuttons span {
  padding-right: 7px;
  text-transform: none;
  color: #5c5c5c;
  display: inline-block;
}
.shopbuttons a {
  padding-right: 7px;
  text-decoration: underline;
  text-transform: none;
  color: #5c5c5c;
  display: inline-block;
}
.shopbuttons a:hover {
  text-decoration: none;
  color: #000;
}

hr.row {
  clear: both;
  border: none;
  background: none;
  margin: 0px;
}

hr.row.two {
  display: none;
  background: none;
  margin: 0px;
}

#shops {
  display: table;
  padding-top: 40px;
  width: 100%;
}

.radios {
  font-family: "Mont-Light";
  font-size: 15px;
  line-height: 40px;
  display: table-cell;
  width: 360px;
  padding-left: 30px;
}

label.radio {
  padding-top: 1px;
  background-image: url(../img/radio.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  cursor: pointer;
  font-size: 15px;
  color: #5c5c5c;
  font-family: Mont-Light;
  font-weight: normal;
  line-height: 25px;
  padding-left: 20px;
  padding-bottom: 0px;
}
label input[type="radio"] {
  opacity: 0.001;
  filter: alpha(opacity=1);
  position: absolute;
  left: -1000px;
}
label.radio.selected {
  background-image: url(../img/radio_checked.png);
}

#map.shop_map > div {
  height: 380px !important;
}

.serviceitem {
  color: #000;
}
.serviceitem .subtitle {
  font-size: 10px;
  color: #959595;
  text-transform: uppercase;
  font-family: "Mont-Regular";
  letter-spacing: 1px;
  margin: 0px;
}

#list .serviceitem .subtitle {
  color: #c5c5c5;
  font-weight: 700;
}

#filter {
  margin-top: 65px;
  margin-bottom: 100px;
  overflow: hidden;
}

.select {
  width: 200px;
  height: 38px;
  background-image: url(../img/select.png);
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #000;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.select.large {
  width: 250px;
}

.select select {
  font-family: "Mont-Light";
  position: absolute;
  outline: none;
  background-color: #fff;
  width: 120%;
  height: 100%;
  border: 0px;
  background-color: transparent;
  font-size: 15px;
  text-transform: capitalize;
  padding-left: 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.marginRight {
  margin-right: 20px;
}

.listsearch {
  font-family: "Mont-Light";
  width: 200px;
  border: none;
  border-bottom: 1px solid #000;
  padding-right: 30px;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
  background-image: url(../img/magni.png);
  background-repeat: no-repeat;
  background-position: right center;
  outline: none;
}

#list-search::-webkit-input-placeholder {
  font-family: "Mont-Light" !important;
}
#list-search::-moz-placeholder {
  font-family: "Mont-Light" !important;
}
#list-search:-ms-input-placeholder {
  font-family: "Mont-Light" !important;
}
#list-search:-moz-placeholder {
  font-family: "Mont-Light" !important;
}

#list {
  color: #000;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

#list.three {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

#list.two {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

#list.one {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.navigation.pagination {
  margin: 0 auto;
  float: none;
  width: 100%;
}

.navigation.pagination .prev .fa {
  padding: 0 10px 0 0;
}
.navigation.pagination .next .fa {
  padding: 0 0 0 10px;
}

.dontsplit {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.serviceitem.lettre {
  position: relative;
  -webkit-column-break-after: avoid;
  page-break-after: avoid;
  break-after: avoid;
}

#footer-menu {
  list-style: none;
  font-weight: 400;
  margin: 0px;
}
#footer-menu li {
  float: left;
  margin: 0px;
  padding: 25px 20px;
}

/* ------ Joël ------- */

.content-area .info span {
  padding: 0 10px;
}

.newslist .mainpost img,
.newslist .mainpost .mainpost_child,
.newslist .mainpost .mainpost_subchild {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/*.newslist .mainpost:hover img,*/
.newslist .mainpost:hover .mainpost_child,
.newslist .mainpost:hover .mainpost_subchild {
  opacity: 0.6;
}

/*.newslist .mainpost:hover .mainpost_subchild { background-color: #f9f9f9; }*/
/*.newslist .mainpost:hover .mainpost_subchild.highlight { background-color: rgba(38, 38, 38, 0.6); }*/
/*.newslist .mainpost:hover .mainpost_subchild.grey { background-color: #d8d8d8; }*/

.arrow_container .dates_slider {
  color: #000;
}

.txt_slider .txt_slider_inner {
  font-size: 25px;
}

.infoblock.resto strong,
.infoblock.resto b {
  font-weight: 400;
}

.companyimage .servicestitle .infoblock:not(.resto) {
  font-style: italic;
}
.companyimage .servicestitle .infoblock {
  margin: 14px 0 29px 0;
}

.companyimage .servicestitle .infoblock.resto {
  line-height: 28px;
  color: #5c5c5c;
}
.companyimage .servicestitle .infoblock.resto strong {
  display: block;
}
.companyimage .servicestitle .infoblock.resto br {
  display: none;
}

#footer .logo {
  display: table-cell;
  vertical-align: middle;
  width: 50.25%;
  padding: 0 0 0 16px;
  /* padding-bottom: 18px; */
  /*width: 1%;*/
  /*white-space: nowrap;*/
  /*padding: 0 20px;*/
}

#footer-menu:after {
  content: "";
  display: block;
  clear: both;
}

#footer .logo img {
  width: auto !important;
  /* margin-top: 20px; */
  height: 80px !important;
  padding: 0 !important;
  margin: 0 !important;
}

#footer-menu {
  display: table;
  width: 100%;
  margin-top: -10px;
  font-family: Mont-SemiBold;
  font-size: 12px;
  letter-spacing: 2.5px;
}

#footer {
  overflow: hidden;
  max-width: 1300px;
}

#footer-menu li {
  float: none;
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  white-space: nowrap;
  padding: 25px 10px !important;
}

/* Mentions légales responsive prep */
#footer .footermenu {
  width: 50%;
  text-align: center;
}

/*#footer-menu li {*/
/*float: left;*/
/*width: 50%;*/
/*}*/

#footer-menu li:first-of-type {
  padding: 25px 29px 25px 20px;
}
#footer-menu li:nth-of-type(2) {
  padding: 25px 22px 25px 30px;
}
#footer-menu li:nth-of-type(3) {
  padding: 25px 19px 25px 22px;
}
#footer-menu li:last-of-type {
  padding: 25px 20px 25px 18px;
}

#footer .seclogo a {
  width: 158px;
  display: block;
  margin: 0 auto;
}

#footer .seclogo img {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}

#footer .logo > a,
#footer .contact-footer {
  float: left;
}

#footer .logo > a {
  padding: 30px 60px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#footer .logo > a img {
  opacity: 0.5;
}

#footer .contact-footer {
  padding: 50px 0 0 15px;
  letter-spacing: 0;
}

#footer .contact-footer a {
  display: block;
  text-align: center;
}
.topfirstmenu .topfirstmenu_inner a.menuitem {
  margin-left: 65px;
}
.site-header {
  height: auto;
}

/* ---------- Joel ---------------- */

.home-content {
  max-width: 1300px;
  padding: 40px 20px;
  margin: 0 auto;
}

.home-grid {
  position: relative;
  margin: 0 -10px;
}

.home-content .home-item-sizer {
  width: 25%;
}
.home-content .home-item {
  width: 25%;
  height: 360px;
  padding: 10px;
}

.home-content .home-item.wx2 {
  width: 50%;
}
.home-content .home-item.wx3 {
  width: 75%;
}

/*.has-contact-links .contact-link { width: 50%; float: left; text-align: center; margin: 5px 0 25px 0; display: block; font-weight: 700; }*/
.has-contact-links .contact-link {
  width: 100%;
  text-align: center;
  margin: 5px 0 25px 0;
  display: block;
  font-weight: 700;
}

.clear:after {
  content: "";
  display: table;
  clear: both;
}

.servicestitle hr.menu-sep {
  height: 2px;
  margin: 20px auto;
}

#footer .logo > a {
  margin-right: 45px;
  text-align: center;
  float: none;
}
#footer .logo > a img {
  margin: 0 auto !important;
  display: block;
}

#footer .contact-footer {
  text-align: center;
}

#footer .logo {
  width: 29.25%;
}
#footer .contact-footer {
  width: calc(100% - 45px);
  padding: 0 0 30px 0;
}

@media (max-width: 1200px) {
  #footer .logo {
    width: 29.25%;
  }
  #footer .contact-footer {
    width: calc(100% - 45px);
    padding: 0 0 30px 0;
  }
  /* Mentions légales responsive prep */
  /*#footer .logo > a { margin-right: 45px; text-align: center; float: none; }*/
  /*#footer .logo > a img {*/
  /*margin: 0 auto !important;*/
  /*display: block;*/
  /*}*/

  /*#footer .contact-footer { text-align: center; }*/
}

@media (max-width: 992px) {
  .home-content .home-item-sizer,
  .home-content .home-item {
    width: 50%;
  }

  #footer .contact-footer,
  #footer .logo > a,
  .home-content .home-item.wx3 {
    width: 100%;
  }

  #footer .logo {
    padding: 0;
  }
}

@media (max-width: 640px) {
  .home-content .home-item-sizer,
  .home-content .home-item,
  .home-content .home-item.wx2,
  .home-content .home-item.wx3 {
    width: 100%;
  }
}

.home-content figure,
.home-content .home-item-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

/*.home-content figure { height: 250px; }*/

.home-content .home-item .slider-info,
.home-content .home-item-img,
.home-content .home-item a {
  display: table;
  height: 100%;
  width: 100%;
  padding: 15px;
  position: relative;
}

.home-content .home-item a {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 5;
}

.home-content .home-item h2 {
  font-size: 24px;
  margin-bottom: 10px;
}
.home-content .home-item h3 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.home-content .home-item h2,
.home-content .home-item h3 {
  position: relative;
  font-family: "Mont-Bold";
  font-weight: 400;
  line-height: 1;
  color: inherit;
  height: 1%;
  margin-bottom: 10px;
}

.home-content .home-item h2,
.home-content .home-item h3,
.home-content .home-item .item_spacer,
.home-content .home-item figure {
  display: table-row;
}

.home-content .home-item .item_spacer {
  height: 10px;
}

.home-content .home-item h3:after {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f105";
  font-size: 10px;
  margin-left: 10px;
}

.home-content .home-item h3.no-arrow:after {
  display: none;
}

.home-content .home-item .slider-info {
  position: relative;
  border: 3px solid #fff;
  color: #fff;
}

.home-content .home-item .slider-info p {
  font-family: "Mont-Light";
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.home-content .home-item .slider-info p strong {
  font-family: "Mont-Bold";
  font-weight: 400;
  display: block;
}

.home-content .home-item .slider-info .pos_slide {
  position: absolute;
  top: 50%;
  left: 35px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.home-content .home-item-img .pos_content {
  position: absolute;
  bottom: 15px;
  left: 20px;
  right: 20px;
}

.home-content .home-item-img .pos_content h2 {
  margin-bottom: 30px;
}
.home-content .home-item-img .pos_content p {
  margin-bottom: 10px;
}

.home-content .slick-slider .slick-list,
.slick-slider .slick-track {
  height: 100%;
}

.home-content .slick-slider .slick-prev,
.home-content .slick-slider .slick-next {
  height: calc(100% - 20px);
  width: 50px;
  z-index: 10;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.home-content .slick-slider:hover .slick-prev,
.home-content .slick-slider:hover .slick-next {
  opacity: 0.3;
}

.home-content .slick-slider .slick-prev:hover,
.home-content .slick-slider .slick-next:hover {
  opacity: 0.6;
}

.home-content .slick-slider .slick-prev:before,
.home-content .slick-slider .slick-next:before {
  font-family: "FontAwesome";
  color: #000;
}

.home-content .slick-slider .slick-prev {
  left: 10px;
}
.home-content .slick-slider .slick-prev:before {
  content: "\f104";
}
.home-content .slick-slider .slick-next {
  right: 10px;
}
.home-content .slick-slider .slick-next:before {
  content: "\f105";
}

/* -------------------------------- */

.ls1 {
  margin-left: 20px;
}
.ls1 li {
  padding-bottom: 10px;
}
.jobsheader {
  padding-top: 10px;
}
.jobsheader .w33,
.jobslist .w33 {
  padding: 0 20px 0 0;
  min-height: 1px;
}

.jobsheader .w66,
.jobslist .w66 {
  padding: 0 0 0 20px;
  min-height: 1px;
}

.jobslist .jobtitle {
  color: #000000;
  font-size: 28px;
  font-family: "Mont-SemiBold";
  line-height: 36px;
  margin: 0px;
  padding-right: 20px;
}

.jobslist {
  padding-top: 20px;
}

.jobslist .jobdescription.big {
  font-size: 20px !important;
  line-height: 36px;
  margin-top: 20px;
  font-family: "Mont-Light";
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #5c5c5c;
  overflow: hidden;
}

.jobslist .jobbutton {
  height: 38px;
  line-height: 38px;
  display: inline-block;
  padding: 0 15px;
  border: 1px solid #000;
  min-width: 200px;
  text-align: center;
  font-family: "Mont-Light";
  color: #5c5c5c;
  font-size: 20px;
  margin-top: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-job .job-form .upload-button:hover,
.contact-page .contact-form .upload-button:hover,
.jobslist .jobbutton:hover {
  color: #fff;
  background-color: #222;
}

.single-job-item {
  padding: 20px 0 43px 0;
}
.w66 .single-job-item.no-pad-t {
  padding-top: 0;
}

.single-job,
.contact-page,
.newsletter_form,
.newsletter_title {
  max-width: 768px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.newsletter_title {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 65px;
}

.single-job .job-form .form-block,
.contact-page .contact-form .form-block,
.newsletter_form .form-block {
  position: relative;
}

.single-job .job-form .form-block.center {
  display: table;
  margin: 0 auto;
}
.single-job .job-form .form-block:after {
  content: "";
  display: block;
  clear: both;
}

.single-job .job-form .form-block .upload-field {
  position: relative;
  float: left;
  padding: 0 15px;
  margin-bottom: 70px;
}

.single-job .job-form .form-block .upload-field .upload-button {
  margin-bottom: 5px;
}

.single-job .job-title {
  padding: 0;
  margin: 0;
  font-size: 34px;
  text-align: center;
}

.single-job .job-description,
.contact-page .contact-description,
.newsletter_title p {
  margin-top: 20px;
  font-family: "Mont-Light" !important;
  color: #5c5c5c !important;
  font-size: 15px !important;
  line-height: 34px;
  text-align: center;
}

.single-job .job-form input,
.single-job .job-form textarea,
.contact-page .contact-form input,
.contact-page .contact-form textarea,
.newsletter_form input {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #959595;
  width: 100%;
  font-weight: 300;
  font-size: 18px;
}

.single-job .job-form .form-row,
.contact-page .contact-form .form-row {
  padding: 16px 0;
}

.single-job .job-form input,
.contact-page .contact-form input,
.newsletter_form input {
  height: 38px;
  line-height: 38px;
  -webkit-font-smoothing: initial;
}

.single-job .job-form textarea,
.contact-page .contact-form textarea {
  line-height: 43px;
  background-image: -moz-linear-gradient(
    top,
    transparent,
    transparent 42px,
    #959595 0
  );
  background-image: -webkit-linear-gradient(
    top,
    transparent,
    transparent 42px,
    #959595 0
  );
  -webkit-background-size: 100% 43px;
  background-size: 100% 43px;
  overflow: hidden;
  border-bottom: none !important;
  resize: none;
  -webkit-font-smoothing: initial;
}

.single-job .job-form .error,
.contact-page .contact-form .error,
.newsletter_form .error {
  position: absolute;
  top: 100%;
  color: #ed1c24;
  font-size: 12px;
}

.single-job .job-form .select.missing,
.contact-page .contact-form .select.missing,
.newsletter_form .select.missing {
  border-color: #ed1c24;
}

.single-job .job-form input.missing,
.single-job .job-form textarea.missing,
.contact-page .contact-form input.missing,
.contact-page .contact-form textarea.missing,
.newsletter_form input.missing {
  border-bottom-color: #ed1c24;
}

.single-job .job-form .upload-button.missing,
.contact-page .contact-form .upload-button.missing {
  border-color: #ed1c24;
}

.single-job .job-form .w25,
.single-job .job-form .w40,
.contact-page .contact-form .w25,
.contact-page .contact-form .w40,
.newsletter_form .w25,
.newsletter_form .w30,
.newsletter_form .w45 {
  padding: 0 15px;
}

.single-job .job-form .select,
.contact-page .contact-form .select,
.newsletter_form .select {
  width: 100%;
  display: block;
}

.single-job .job-form .upload-button,
.contact-page .contact-form .upload-button,
.single-job .job-form .job-submit-button,
.contact-page .contact-form .contact-submit-button,
.newsletter_form .newsletter-submit-button {
  border: 1px solid #000;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-family: "Mont-Light";
  text-align: center;
  display: table;
  margin: 0 auto 22px auto;
  padding: 0 15px;
  min-width: 205px;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.single-job .job-form .filename,
.contact-page .contact-form .filename {
  position: absolute;
  top: 100%;
  left: 16px;
  width: calc(100% - 30px);
  line-height: 18px;
  text-align: center;
}

.single-job .job-form .job-form-info,
.contact-page .contact-form .contact-form-info {
  display: table;
  margin: 0 auto;
  font-style: italic;
}

.single-job .job-form .loading_gif,
.contact-page .contact-form .loading_gif {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin: -10px 0 0 -10px;
  opacity: 0;
}

.single-job .job-form .thanks,
.contact-page .contact-form .thanks,
.newsletter_form .thanks {
  border: 1px solid #000;
  background-color: #222;
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-family: "Mont-Light";
  text-align: center;
  display: table;
  margin: 0 auto 22px auto;
  padding: 0 15px;
  opacity: 0;
}

.single-job .job-form .upload-button.missing,
.contact-page .contact-form .upload-button.file_selected,
.contact-page .contact-form .upload-button.missing {
  margin-bottom: 42px;
}

.single-job .job-form .upload-button.missing + .filename,
.contact-page .contact-form .upload-button.missing + .filename {
  color: #ed1c24;
}

.single-job .job-form .job-select,
.contact-page .contact-form .contact-select {
  font-style: italic;
  font-size: 17px;
}

.single-job .job-form #cv,
.single-job .job-form #ldm,
.contact-page .contact-form #cv {
  display: none;
}

.single-job .job-form ::-webkit-input-placeholder,
.contact-page .contact-form ::-webkit-input-placeholder,
.newsletter_form ::-webkit-input-placeholder {
  font-style: italic;
}
.single-job .job-form :-moz-placeholder,
.contact-page .contact-form :-moz-placeholder,
.newsletter_form :-moz-placeholder {
  font-style: italic;
}
.single-job .job-form ::-moz-placeholder,
.contact-page .contact-form ::-moz-placeholder,
.newsletter_form ::-moz-placeholder {
  font-style: italic;
}
.single-job .job-form :-ms-input-placeholder,
.contact-page .contact-form :-ms-input-placeholder,
.newsletter_form :-ms-input-placeholder {
  font-style: italic;
}

.wsp-container {
  float: left;
  width: 25%;
  padding: 0 20px;
}

.wsp-container h2 {
  color: #000000;
  font-size: 28px;
  font-family: "Mont-SemiBold";
  line-height: 36px;
  margin: 0px;
  padding-right: 20px;
  font-weight: 400;
  margin-bottom: 25px;
}

.wsp-container h2::before {
  content: " ";
  display: block;
  width: 36px;
  height: 6px;
  background-color: #000;
  border: none;
  margin: 10px 0px;
}

.wsp-container ul {
  list-style: none;
}

@media (max-width: 992px) {
  .single-job .job-form .w20 {
    width: 20%;
  }
  .single-job .job-form .w40 {
    width: 40%;
  }
  .single-job .job-form .w50 {
    width: 50%;
  }
  .contact-page.contact-form .w20 {
    width: 20%;
  }
  .contact-page .contact-form .w40 {
    width: 40%;
  }
  .contact-page .contact-form .w50 {
    width: 50%;
  }
  .newsletter_form .w25 {
    width: 25%;
  }
  .newsletter_form .w30 {
    width: 30%;
  }
  .newsletter_form .w45 {
    width: 45%;
  }
  .newsletter_form .select {
    width: 100% !important;
  }
  .wsp-container {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .single-job .job-form .w20,
  .single-job .job-form .w40,
  .single-job .job-form .w50,
  .contact-page .contact-form .w20,
  .contact-page .contact-form .w40,
  .contact-page .contact-form .w50 {
    width: 50%;
  }

  .newsletter_form .w25 {
    width: 25%;
  }
  .newsletter_form .w30 {
    width: 30%;
  }
  .newsletter_form .w45 {
    width: 45%;
  }

  .single-job .job-form .w20,
  .contact-page .contact-form .w20 {
    float: none;
    padding-bottom: 60px;
  }

  .single-job .job-form .lastname_row,
  .contact-page .contact-form .lastname_row {
    padding-left: 0 !important;
  }
}

@media (max-width: 640px) {
  .newsletter_form .w45 {
    width: 100%;
    margin-bottom: 35px;
    padding: 0;
  }
  .newsletter_form .w25,
  .newsletter_form .w30 {
    width: 50%;
  }

  .newsletter_form .w30 {
    padding-left: 0;
  }
  .newsletter_form .select {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  .aboutIcons img{
    max-height: 30px;
    margin-bottom: 10px;
  }
  .aboutIcons .service-title{
    font-size: 15px;
  }
  .aboutIcons{
    width: 50%;
    float:left;
  }
}
@media (max-width: 480px) {
  .home-page-owl .item .title{
      font-size: 20px;
    }
  .single-job .job-form .w20,
  .single-job .job-form .w40,
  .single-job .job-form .w50,
  .contact-page .contact-form .w20,
  .contact-page .contact-form .w40,
  .contact-page .contact-form .w50 {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 15px;
  }

  .wsp-container {
    width: 100%;
  }

  .single-job .job-form .form-row,
  .contact-page .contact-form .form-row {
    padding: 0;
  }

  .newsletter_form .w45,
  .newsletter_form .w25,
  .newsletter_form .w30 {
    width: 100%;
    padding: 0;
    margin-bottom: 35px;
  }

  .newsletter_form .w45 {
    margin-bottom: 45px;
  }
}

/*
	========================================================
	width percentage	====================================
	========================================================
*/

.w20 {
  float: left;
  width: 20%;
}
.w25 {
  float: left;
  width: 25%;
}
.w30 {
  float: left;
  width: 30%;
}
.w33 {
  float: left;
  width: 33.333333333333%;
}
.w40 {
  float: left;
  width: 40%;
}
.w45 {
  float: left;
  width: 45%;
}
.w50 {
  float: left;
  width: 50%;
}
.w60 {
  float: left;
  width: 60%;
}
.w66 {
  float: left;
  width: 66.6666666666666%;
}
.w75 {
  float: left;
  width: 75%;
}
.w100 {
  float: left;
  width: 100%;
}

/*
	========================================================
	details	====================================
	========================================================
*/

.companydetails {
  padding-left: 35px;
  padding-right: 55px;
  box-sizing: border-box;
}

.companyimage img {
  width: 100%;
  margin-bottom: 25px;
  display: block;
}

.logo {
  width: 205px;
  margin-top: 20px;
}

.logo img {
  width: 100%;
  margin-top: 20px;
}

.infoblock {
  margin-top: 10px;
  margin-bottom: 28px;
  font-family: "Merriweather", serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.infoblock strong {
  font-family: "Merriweather", serif;
  font-family: "Merriweather", serif;
}

.infoblock.resto {
  font-family: "Mont-Light";
}
.infoblock.resto strong {
  font-family: "Mont-Bold";
  font-size: 14px;
}
.infoblock.resto .content {
  font-family: "Mont-Light";
  font-size: 14px;
  color: #5c5c5c;
  padding-top: 8px;
}
.infoblock.resto .content p {
  margin-bottom: 10px;
}
.infoblock.resto .mod_d {
  font-family: "Mont-Light";
  font-size: 14px;
  color: #5c5c5c;
  margin-bottom: 10px;
}

.infoblock.resto.w20 {
  width: 25%;
  text-align: center;
  padding-right: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.infoblock i {
  display: block;
  margin: 5px 0px;
}
.infoblock a {
  text-decoration: underline;
}
.infoblock a:hover {
  text-decoration: none;
}

.back.action {
  background-image: none;
  padding: 0px 20px;
  z-index: 10;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.back.action:hover {
  color: #ffffff;
}
.download_link {
  display: inline-block;
  padding: 0px 35px;
  margin: 60px 0px;
  border: 1px solid #1c1c1c;
  font-size: 20px;
  line-height: 37px;
  color: #000000;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.download_link:hover {
  color: #ffffff;
  background-color: #1c1c1c;
}

.pLeft {
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.contentgrid img,
.contentgrid .item-with-bg {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.contentgrid .more.hidden .item-with-bg,
.contentgrid img[data-src] {
  opacity: 0;
}

.contentgrid .more {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.contentgrid .more.hidden {
  opacity: 0;
}
.issuuembed {
  margin: 0 auto;
  max-height: 630px;
}
.issuuembed > div div:last-of-type {
  display: none !important;
}

@media (max-width: 992px) {
  .issuuembed {
    width: 100% !important;
  }
}

/*	===========================================================	*/
/*	slider	===================================================	*/
/*	===========================================================	*/

.table {
  display: table;
  width: 100%;
  margin: 0px;
}

.table .cell {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  float: none;
}
.img_slider {
  width: 100%;
  height: 500px;
  max-height: 500px;
  position: relative;
}

.img_slider_overflow {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.img_slider_inner {
  height: 100%;
  position: absolute;
  top: 0px;
}
.img_slider_inner div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  float: left;
}

.img_slider .dots_container {
  width: 100%;
  position: absolute;
  bottom: -30px;
  left: 0;
  text-align: center;
}
.dots_container .dot {
  width: 7px;
  height: 7px;
  margin: 0px 5px;
  float: left;
  cursor: pointer;
  line-height: 7px;
}

.dots_container > div {
  display: inline-block;
}

.dots_container .dot > div {
  width: 60%;
  height: 60%;
  opacity: 0.6;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #666;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
}

.dots_container .dot.active > div {
  width: 100%;
  height: 100%;
  opacity: 1;
}

/*	===========================================================	*/
/*	text slider	===============================================	*/
/*	===========================================================	*/
.rest {
  margin-bottom: 40px;
}
.rest .companydetails {
  padding-left: 0px;
  padding-right: 20px;
}
.rest .companydetails .servicestitle {
  padding-right: 50px;
}
.boldtitle {
  font-size: 28px;
  font-family: "Mont-SemiBold";
  color: #000;
  line-height: 30px;
}
.subtitle {
  font-size: 28px;
  font-family: "Mont-Light";
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
}
.txt_slider {
  width: 100%;
  position: relative;
  height: 500px;
  margin-top: 10px;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.txt_slider.black {
  background-color: #fff;
  border: 6px solid #000;
}
.txt_slider.gray {
  background-color: #ebebeb;
}
.txt_slider_inner {
  height: 100%;
  position: absolute;
  left: 0px;
  display: table;
}
.txt_slider_inner > div {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding: 90px 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  position: relative;
}
.txt_slider_inner h2 {
  line-height: 36px;
}

.buttonbottom {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  max-width: 200px;
  margin: 0 auto;
  padding-left: 0px;
  padding-right: 0px;
  color: #000000;
}
.arrow_container {
  max-width: 320px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 50px;
  height: 50px;
  left: 0;
  right: 0;
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 28px;
}
.arrow_container .left {
  position: absolute;
  height: 100%;
  width: 30px;
  left: 0px;
  top: 0px;
  background-image: url(../img/arrowleft.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 50%;
  cursor: pointer;
}
.arrow_container .right {
  position: absolute;
  height: 100%;
  width: 30px;
  right: 0px;
  top: 0px;
  background-image: url(../img/arrowright.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 50%;
  cursor: pointer;
}
.bottomwave {
  width: 70px;
  height: 3px;
  background-image: url(../img/straight_dark.png);
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: 0px;
}
.date_container {
  width: 100%;
  height: 100%;
  padding: 0px 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dates_slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dates_slider > div {
  position: absolute;
  left: 0px;
  height: 100%;
  display: table;
}
.dates_slider > div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/*	===========================================================	*/
/*	multi slider	=============================================	*/
/*	===========================================================	*/
.multi_slider {
  width: 100%;
  height: 620px;
  position: relative;
  overflow: hidden;
}

.multi_slider_inner {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow-x: hidden;
}
.multi_slider_inner > div {
  float: left;
}

/*	===========================================================	*/
/*	Who we are	===============================================	*/
/*	===========================================================	*/
.center_content {
  width: 850px;
  margin: 0 auto;
  margin-top: 100px;
  text-align: center;
}
.center_content .center_block {
  font-size: 14px;
  margin-top: 40px;
}
.sttitle {
  font-size: 33px;
  font-family: "Mont-Regular";
  display: block;
  max-width: 530px;
  margin: 0 auto;
  margin: 20px auto 30px auto;
  line-height: 38px;
  color: #000;
}
.center_content .center_block .text {
  padding: 0px 32px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.center_content hr {
  margin: 0 auto;
  margin-bottom: 25px;
}

.gray_items {
  font-family: "Mont-Bold";
  font-size: 10px;
  color: #c5c5c5;
  text-align: center;
  margin: 20px 0px;
}
.gray_items > div {
  background-position: left center;
  background-repeat: no-repeat;
  height: 30px;
  line-height: 31px;
  display: inline-block;
  margin: 0px 12px;
}
.gray_items > div.eye {
  background-image: url(../img/eye.png);
  padding-left: 23px;
  background-size: 18px 13px;
}
.gray_items > div.clock {
  background-image: url(../img/clock.png);
  padding-left: 19px;
  background-size: 14px 14px;
}
.ims_arrow_left,
.ims_arrow_right {
  height: 100%;
  width: 100px;
  position: absolute;
  left: -90px;
  top: 0px;
  cursor: pointer;
  background-image: url(../img/arrow_sliderleft.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

.ims_arrow_left {
  background-image: url(../img/arrow_sliderright.png);
  left: auto;
  right: -90px;
}

.mainmobilemenu ul {
  list-style-type: none;
  line-height: 50px;
  text-align: right;
  margin: 0px;
  padding: 0px;
}
.mainmobilemenu ul li {
  margin: 0px;
  padding: 0px;
  position: relative;
}
.filtermobiletitle {
  display: none;
  position: relative;
}

/*	===========================================================	*/
/*	NEW VERSION	===============================================	*/
/*	===========================================================	*/
/* GLOBAL */
/* Lightbox */
.mfp-arrow:hover {
  background-color: inherit;
}
section {
  padding: 50px 0;
}
/* section.page-content {
  padding: 0;
} */

/* OWL-CAROUSEL STYLE */
.pallcenter-owl-carousel .owl-wrapper {
  display: flex !important;
}
.pallcenter-owl-carousel .owl-item {
  width: 100%;
  object-fit: cover;
  max-width: initial;
}
.pallcenter-owl-carousel .owl-item .item {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: initial;
  /* max-height: 600px; */
  max-height: 720px;
}
.owl-carousel .owl-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: initial;
}
#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
}
.pallcenter-owl-carousel {
  /* margin-bottom: 30px; */
  margin-bottom: 10px;
}
.pallcenter-owl-carousel .owl-pagination {
  bottom: -30px;
}
.pallcenter-owl-carousel .owl-page span {
  width: 65px;
}
.pallcenter-owl-carousel .owl-page span {
  background-color: #f4f4f3 !important;
}
.pallcenter-owl-carousel .owl-page.active span {
  background-color: #000 !important;
}

.pallcenter-owl-carousel .owl-prev,
.pallcenter-owl-carousel.owl-carousel:hover .owl-prev {
  left: 0;
}
.pallcenter-owl-carousel .owl-next,
.pallcenter-owl-carousel.owl-carousel:hover .owl-next {
  right: 0;
}
.pallcenter-owl-carousel .owl-prev,
.pallcenter-owl-carousel .owl-next {
  opacity: 0;
  height: 75px;
  width: 40px;
  line-height: 105px;
  margin-top: -35px;
  top: 50%;
}
.pallcenter-owl-carousel.owl-carousel:hover .owl-prev,
.pallcenter-owl-carousel.owl-carousel:hover .owl-next {
  opacity: 1;
}
.pallcenter-owl-carousel .owl-prev:before,
.pallcenter-owl-carousel .owl-next:before {
  height: 100%;
  width: 100%;
}
.pallcenter-owl-carousel {
  overflow: inherit;
}

/*	===========================================================	*/
/*	Single Post	===============================================	*/
/*	===========================================================	*/
.brand-title * {
  color: #000;
}
.brand-category {
  padding: 5px 30px;
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 1.2em;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.title-bar {
  font-size: 58px;
  line-height: 1.3em;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
/* .title-bar::after {
  content: "";
  background-color: #f4f4f3;
  position: absolute;
  bottom: 7px;
  left: 30px;
  height: 14px;
  width: 100%;
  z-index: -1;
} */
.brand-name {
  text-transform: none !important;
  font-weight: 400 !important;
  font-size: 45px;
  line-height: 1.2em;
  margin-top: 0;
}

blockquote {
  border-left: 0 none;
  margin-bottom: 30px;
  padding: 50px;
  background-color: #f6f6f6;
}
blockquote p:first-of-type::before {
  color: #000;
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 50px;
  margin-right: 10px;
}
blockquote p:first-of-type::before {
  color: #000;
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 50px;
  margin-right: 10px;
}
blockquote cite::before {
  content: "\2014 \00A0";
}

section.post-gallery .single-image {
  margin-bottom: 30px;
}
section.post-gallery .single-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
/* share buttons */
.share-buttons {
  text-align: center;
}
.share-buttons a {
  font-size: 30px;
  display: inline-block;
  margin: 0 20px;
}
.share-buttons i {
  color: #000;
}
/*	===========================================================	*/
/*	Nos magasins===============================================	*/
/*	===========================================================	*/
.travel-slider.main-store {
  min-height: 600px;
}
.store-item {
  padding-top: 80% !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.store-item .title-small {
  font-size: 15px !important;
  line-height: 20px !important;
}
@media (max-width: 768px) {
  .travel-slider.main-store {
    min-height: inherit;
  }

  .store-item {
    padding-top: 100% !important;
    background-size: contain;
    background-position-y: 15%;
  }
  .store-item .adventure-details {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50%;
  }
  .adventure-details-main:hover .adventure-details,
  .adventure-details-main-bottom:hover .adventure-details {
    margin: 0;
  }
  .adventure-details-main-bottom .adventure-details {
    transform: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    -moz-transform: inherit;
    -o-transform: inherit;
  }
}
@media (max-width: 650px) {
  .store-item {
    padding-top: 110% !important;
  }
}
@media (max-width: 500px) {
  .store-item {
    padding-top: 120% !important;
  }
}
@media (max-width: 375px) {
  .store-item {
    padding-top: 160% !important;
  }
}

/*	===========================================================	*/
/*	Page Mode	=================================================	*/
/*	===========================================================	*/
.banner-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner-title h1 {
  font-family: "Mont-SemiBold";
  font-size: 45px;
  line-height: 55px;
  max-width: 700px;
  font-weight: 900 !important;
  padding: 250px 0;
  margin: 0;
  letter-spacing: 0.1em;
}
.banner-title h1 span {
  position: relative;
  display: inline-block;
  z-index: 1;
}
/* .banner-title h1 span::after {
  content: "";
  background-color: #fff;
  position: absolute;
  bottom: 4px;
  left: 38px;
  height: 14px;
  width: 100%;
  z-index: -1;
} */

.post-filters {
  padding: 20px 0;
  background-color: #f5f6f5;
}
.post-filters ul > li > a {
  color: #000;
}

.pallcenter-filter li a:hover,
.pallcenter-filter li:active,
.pallcenter-filter li.active a {
  background-color: #000 !important;
}

/* .pallcenter-filter li:first-child,
.pallcenter-filter li:last-child {
  margin: 0 15px !important;
} */
@media (max-width: 767px) {
  .post-filters > ul {
    margin: 0px !important;
  }
  .pallcenter-filter li,
  .pallcenter-filter li:first-child,
  .pallcenter-filter li:last-child {
    margin: 5px auto !important;
  }
}

/* Pallcenter Filter */
.pallcenter-grid .grid-item {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  margin-bottom: 60px;
}
.pallcenter-grid .grid-item:last-of-type {
  margin-bottom: 0;
}

.pallcenter-grid .post-thumbnail {
  /* padding-bottom: 66.5%; */
  margin: 0;
}
.pallcenter-grid .post-category {
  font-family: "Mont-SemiBold";
  padding: 5px 20px;
}
.pallcenter-grid .post-details {
  position: relative;
  padding: 0 25px;
  margin-top: -15px;
}
.pallcenter-grid .post-details .post-title {
  font-family: "Mont-SemiBold";
  font-size: 22px;
  line-height: 27px;
}
.pallcenter-grid .post-details .more-link {
  font-size: 12px;
  color: #000;
}

.grid-item.display_type_2 .cols-wrapper {
  margin: 0;
  background-color: #f5f6f5;
}
.grid-item.display_type_2 .cols-wrapper .col-sm-6:first-of-type {
  background-color: #fff;
}
.grid-item.display_type_2 .cols-wrapper .col-sm-6 {
  padding: 0;
  /* padding-left: 15px; */
}
.grid-item.display_type_2 .cols-wrapper .col-sm-6:last-of-type {
  padding: 15px;
}
.grid-item.display_type_2 .post-details {
  /* background-color: #f5f6f5; */
  margin: 0;
  padding: 55px 25px;
}

.grid-item.display_type_3 .post-thumbnail {
  text-align: center;
}

@media (max-width: 767px) {
  .pallcenter-grid .post-thumbnail > img {
    height: auto !important;
  }
}

/*	===========================================================	*/
/*	Page HOME + EPICERIE	=====================================	*/
/*	===========================================================	*/
/* Slider */
.home-page-owl .full-screen {
  min-height: 80vh;
}

.home-page-owl .title,
.home-page-owl .subtitle {
  color: #fff;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -2px;
  max-width: 700px;
  display: inline-block;
  width: auto;
}
.home-page-owl .title {
  font-family: "Mont-Bold";
  font-weight: 900;
  font-size: 58px;
  line-height: 1.3em;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.dark .title,
.dark .subtitle {
  color: #000;
}
.dark .title::after {
  background-color: #fff;
}
.light .title::after {
  background-color: #000;
}
.dark .title::after,
.light .title::after {
  bottom: 10px;
}
.light .title,
.light .subtitle {
  color: #fff;
}
/* Posts */
.posts-list .post-item {
  height: 400px;
}
.posts-list .post-item-img {
  display: table;
  height: 100%;
  width: 100%;
  padding: 15px;
  position: relative;
}
.posts-list .post-item a {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 5;
}

/* Banner */
/* Title */
section.banner-links {
  padding: 180px 0 160px;
}
.banner.light h2 {
  color: #fff;
}
.banner.dark h2 {
  color: #000;
}

.banner-links h2 {
  text-align: center;
  font-family: "Mont-Bold";
  font-size: 58px;
  line-height: 1em;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
}
.banner-links .separator {
  margin: 45px auto;
  width: 80px;
  height: 15px;
}
.dark .separator {
  background: #000;
}
.light .separator {
  background: #fff;
}
.dark .banner-link {
  color: #000;
  border-color: #000;
}
.light .banner-link {
  color: #fff;
  border-color: #fff;
}
.banner-links-container {
  text-align: center;
}
.banner-link {
  display: inline-block;
  border: 3px solid;
  padding: 20px;
  margin: 0 10px;
  margin-bottom: 20px;
  font-size: 27px;
  text-transform: uppercase;
}
.dark .banner-link:hover {
  color: #fff;
  background-color: #000;
}
.light .banner-link:hover {
  color: #000;
  background-color: #fff;
}
/* Services */
section.banner-services {
  /* padding: 170px 0 110px; */
  padding: 70px 0 10px;
}
.banner-services h2,
.banner-services .banner-services-container {
  padding-left: 185px;
}
.banner-services h2 {
  position: relative;
  max-width: 800px;
  font-size: 38px;
  line-height: 1.1em;
  margin-bottom: 105px;
}
.banner-services h2::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 10px;
  width: 55px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.dark.banner-services h2::before {
  background-color: #000;
}
.light.banner-services h2::before {
  background-color: #fff;
}
.banner-services .separator {
  display: none !important;
}
.banner-services .service-item {
  margin-bottom: 60px;
}
.banner-services .service-link:hover h3 {
  text-decoration: underline;
}
.dark.banner-services .service-title,
.dark.banner-services .service-description {
  color: #000;
}
.light.banner-services .service-title,
.light.banner-services .service-description {
  color: #fff;
}
.banner-services .service-title {
  line-height: 1em;
  padding-bottom: 10px;
  font-size:14px;
}
@media (max-width:768px) {
  .banner-services .service-description {
    text-align: center;
    line-height:14px;
    font-size:14px;
  }
}
/* Events */
section.events-list h2.title {
  position: relative;
  /* margin-bottom: 120px; */
  margin-bottom: 60px;
  font-size: 45px;
}
section.events-list .title::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #000;
  width: 40%;
  height: 10px;
  /* bottom: -60px; */
  bottom: -35px;
  left: 0;
}
section.events-list .post-thumbnail {
  margin: 0 !important;
}
section.events-list .event-date {
  transition: inherit !important;
  -webkit-transition: inherit !important;
  -moz-transition: inherit !important;
  -ms-transition: inherit !important;
  -o-transition: inherit !important;
}
.blog-post-style1 article:hover .post-thumbnail {
  z-index: auto;
}
.blog-post-style1 article:hover .blog-post-number,
.blog-post-style1 article:hover .event-date,
.blog-post-style1 article:hover h3 {
  color: #fff !important;
}

@media (max-width: 1024px) {
  .home-page-owl .title,
  .header-page .title,
  .header-page h1 {
    font-size: 45px;
    line-height: 1.2em;
  }
  .title-bar::after,
  .header-page .title-bar::after {
    height: 9px;
  }
  .home-page-owl .subtitle,
  .header-page .subtitle {
    font-size: 30px;
  }
  
  #newsletterblock{
	  padding-top:30px;
	  padding-bottom:50px;
  }
  
}
@media (max-width: 768px) {
  /* .home-page-owl .title,
  .header-page .title,
  .header-page h1 {
    font-size: 45px;
    line-height: 1.2em;
  }
  .title-bar::after,
  .header-page .title-bar::after {
    height: 9px;
  }
  .home-page-owl .subtitle,
  .header-page .subtitle {
    font-size: 30px;
  } */

  section.banner-links {
    padding: 40px 0 40px;
  }
  .banner-links h2 {
    font-size: 48px;
  }
  .banner-link {
    display: block;
    font-size: 14px;
    padding: 10px;
  }

  section.banner-services {
    padding: 60px 0 0;
    padding-top:30px;
  }
  .banner-services h2 {
    margin-bottom: 25px;
    text-align:center;
  }
  .banner-services h2,
  .banner-services .banner-services-container {
    padding-left: 0;
  }
  .banner-services h2::before {
    content: none;
  }

  section.banner-services .service-icon,
  section.banner-services .service-title {
    text-align: center;
  }
  
  .banner-services .service-item {
	  margin-bottom: 20px;
	}
}

@media (max-width: 600px) {
	
.home-page-owl .subtitle, .header-page .subtitle{
	font-size:14px !important;
}
.sliderhomebtn{
	font-size:14px !important;	
}
	
  .home-page-owl .title,
  .header-page .title,
  .header-page h1 {
    font-size: 28px;
    line-height: 1.1em;
  }
  .title-bar::after {
    content: none;
  }
  .home-page-owl .subtitle,
  .header-page .subtitle {
    font-size: 23px;
  }
}
/* NEW */
/* slider height flexible */
@media (max-width: 1280px) {
  .slider-text-middle-main {
    padding: 0 15px;
    padding-right:50px;
  }
}
.slider-typography.text-left,
.banner-text {
  /* max-height: 600px; */
  max-height: 720px;
}
.header-banner {
  /* max-height: 600px; */
  max-height: 720px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  /* .header-banner .banner-image,
  .header-page .maxwidth.position-relative {
    padding-bottom: 40% !important;
  } */
  .home-page-owl .title,
  .home-page-owl .subtitle {
    max-width: 100%;
  }
  .home-page-owl .title,
  .header-page .title,
  .header-page h1 {
    font-size: 38px;
  }
  .home-page-owl .subtitle,
  .header-page .subtitle {
    line-height: 1.1em;
    margin-bottom: 5px;
  }
  .sliderhomebtn,
  .light .sliderhomebtn {
    margin-top: 0 !important;
    padding: 15px 20px;
  }
  .owl-pagination {
    bottom: 0;
  }
}
@media (max-width: 768px) {
  /* .header-banner .banner-image,
  .header-page .maxwidth.position-relative {
    padding-bottom: 55% !important;
  } */

  .header-banner .banner-title {
    padding: 0 !important;
  }
}
@media (max-width: 600px) {
  /* .header-banner .banner-image,
  .header-page .maxwidth.position-relative {
    padding-bottom: 75% !important;
  } */

  .home-page-owl .title, .header-page .title {
    font-size: 28px;
  }
  .sliderhomebtn,
  .light .sliderhomebtn {
    margin-top: 0 !important;
    padding: 5px 15px;
  }

  .owl-pagination {
    bottom: -5px;
  }

  .header-banner .banner-title .title {
    font-size: 38px;
    line-height: 43px;
  }
}
@media (max-width: 500px) {
  /* .header-banner .banner-image,
  .header-page .maxwidth.position-relative {
    padding-bottom: 90% !important;

  } */
}
@media (max-width: 500px) {
  .header-banner .banner-title .title {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (max-width: 430px) {
  .header-banner .banner-title .title {
    font-size: 27px;
    line-height: 30px;
  }
}

/* Single Event & Partner Page */
.event-date {
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
}
article .event-date {
  margin-bottom: 0;
}
.available-store {
  margin: 20px 0;
}
.event-date i,
.available-store i {
  font-weight: 800;
  padding-right: 5px;
}


@media (max-width: 768px) {
  /* .pallcenter-filter-wrap {
    overflow-x: scroll;
    text-align: left;
  }
  ul.pallcenter-filter {
    width: 1000px;
  }
  .portfolio-filter-tab-style-3 li {
    display: inline-block !important;
  } */

  .toggle-filter {
    display: block !important;
  }
  ul.pallcenter-filter {
    display: none;
  }
  .portfolio-filter-tab-style-3 li {
    display: block !important;
  }
}


/* picto listing */
.picto-image img {
  height: 50px;
}
/* @media (max-width: 768px) { */
  .pictos-list {
    text-align: center;
  }
/* } */



.post-filters.fixed-menu {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
}
body.admin-bar .post-filters.fixed-menu {
  top: 32px;
}


/* header.fixed-menu .topfirstmenu,
header.fixed-menu #pall_logo {
  display: none;
} */
header.fixed-menu .mainmenu.maxwidth.fixed-menu {
  max-width: inherit;
}

.mainmenu {
  background: #f5f6f5;
}
.mainmenu.fixed-menu {
  position: sticky;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;

  left: 0;
  right: 0;
}
#menu .mainmenu.fixed-menu ul {
  /* margin: 15px 0 !important; */
  padding-top: 10px;
  /* transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none; */
}

body.admin-bar .mainmenu.fixed-menu {
  top: 32px;
}

.site-content-contain {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}


/* midori new */
.sliderHeader{
  padding-bottom: 40%!important;
}

.page-template:not(.home) .events-list{
  margin-top: -70px;
}

 .headerPageBanner{
   position:relative;
   padding-bottom:25%;
   overflow:hidden;
 }
  .footerPageContainer{
   display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 }
 .footerMenuItem{
   padding: 0 10px;
   border-left: 1px solid #ffffff;
 }
 .footerMenuItem:first-of-type{
   border-left: 0;
 }
 @media only screen and (max-width:1200px){
   
 } 
 @media only screen and (max-width:991px){
   .footerPageContainer{
    display: block;
  }
 } 
 @media only screen and (max-width:768px){

 } 
 @media only screen and (max-width: 576px){
  .footermenu{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footerMenuItem{
    display: block;
    border: 0;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    line-height: 16px;
  }
 .headerPageBanner{
   padding-bottom:40%;

 }
   h2{font-size: 30px;}
   .banner-services h2 {
     font-size: 22px;
   }
   .banner-links h2 {
      font-size: 28px;
  }
   section.events-list h2.title{
     font-size: 22px;
   }
   .title-bar{
     font-size: 33px;
   }
  .sliderHeader{
    padding-bottom: 70%!important;
  }
  .img-border{
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        transform: translate(-50%,-50%);
        left:50%;
        top:50%;
  }
  
	section.events-list .title::after {
		height: 5px;
		bottom:-20px;
	}
	
	.banner-links h2{
		font-size:22px;
	}
	
	.banner-links .separator {
	  height: 5px;
	  margin:25px auto;
	}

 }


@media only screen and (max-width: 480px){
   .brand-name{
    font-size: 30px!important;
  }
}

.header-page-outer{
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
}
.header-page-outer .grayBg{
  background-color: #f4f4f4;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;

}
.grayBg{
    display: none;
}
.grayBg.grayBgOut{
  display: block;
}
.header-page #owl-pallcenter .item{
  padding-bottom: 56.25%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.home-page-owl .item{
  background-position: center right;
}
/* .home-page-owl .item .title{
  text-shadow: 3px 3px #FFFFFF;
} */
@media only screen and (max-width: 1300px){
  .header-page{
    padding-bottom: 0;
  }
  .grayBg{
    display: block;
  }
  .grayBg.grayBgOut{
    display: none;
  }

}





/* SUBMENU */
@media (min-width: 993px) {
  #menu ul.sub-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    position: absolute;
    left: 0;
    background-color: #f5f6f5 !important;
    box-sizing: border-box;
    padding: 0;
    pointer-events: none;
    top: 100%;
    transform: translateX(-50%);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    z-index: 9;
    left: 50%;

    min-width: 220px;
    min-width: 100%;
    padding: 15px;
    background: #ffffff;
    margin-left: 0;
  }
  #menu ul.sub-menu li {
    padding: 0;
    display: inline-block;
  }
  #menu ul.sub-menu li:not(:last-of-type) {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 7px;
    padding-bottom: 7px;
  }

  #header-menu>li.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 992px) {
  #header-menu ul.sub-menu {
    display: none;
  }
  #header-menu ul.sub-menu li {
    /* padding-right: 15px; */
    position: relative;
  }
  #header-menu ul.sub-menu li::after {
    /* content: ''; */
    position: absolute;
    display: inline-block;
    right: 0;
    top: calc(50% - 1px);
    width: 5px;
    height: 2px;
    background-color: #000000;
  }
  #header-menu ul.sub-menu .menu-item {
    border-bottom: 0;
  }
  #header-menu .menu-item-has-children .menu-item {
    line-height: 40px;
  }
  #header-menu .menu-item-has-children {
    padding-left: 45px;
  }


  /* toggle sub menu */
  .toggle-dropdown {
    display: inline-block !important;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 5px;
    height: 41px;
    width: 41px;
    line-height: 41px;
    text-align: center;
    background-color: #000000;
    z-index: 111 !important;
    font-weight: 900 !important;
    color: #ffffff;
  }
  a.toggle-dropdown {
    /* pointer-events: none; */
    padding: 0 !important;
    text-align: center !important;
  }
  .toggle-dropdown:after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
  }
  .mainmobilemenu #header-menu li.menu-item-has-children.is-active>.toggle-dropdown:after {
    content: "\f077";
  }
  .mainmobilemenu #header-menu li.menu-item-has-children>a.toggle-dropdown:after {
    font-family: "Font Awesome 5 Free";
    content: "\f078" !important;
    padding: 0 !important;
    font-size: 18px !important;
    color: #ffffff;
  }
  .mainmobilemenu #header-menu li.menu-item-has-children.is-active>a.toggle-dropdown:after {
    content: "\f077" !important;
  }
}