/* = var
-------------------------------------------------------------- */
/* =mix dependences 	http://lesselements.com/
-------------------------------------------------------------- */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*---------------------------------------------------
    LESS Elements 0.9 - Ext Patrice 2015
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
 * extensions Pat
 */
/*

HK Grotesk


font-family: 'HKGrotesk', sans-serif;
font-weight: 300; // light
font-weight: 400; // regular
font-weight: 700; // bold

*/
@font-face {
  font-family: 'HKGrotesk';
  src: url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Light.woff2') format('woff2'), url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Light.woff') format('woff'), url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Light.eot') format('eot');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'HKGrotesk';
  src: url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Regular.woff2') format('woff2'), url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Regular.woff') format('woff'), url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Regular.eot') format('eot');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'HKGrotesk';
  src: url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Bold.woff2') format('woff2'), url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Bold.woff') format('woff'), url('../fonts/HK-Grotesk/Fonts/WEB/HKGrotesk-Bold.eot') format('eot');
  font-weight: 700;
  font-style: normal;
}
/*

Montserrat

font-family: 'Montserrat', sans-serif;
font-weight: 300; // light
font-weight: 400; // regular
font-weight: 700; // bold
*/
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZYgzz8fZwjimrq1Q_.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZYgzz-PZwjimrq1Q_.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZYgzz8_Zwjimrq1Q_.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZYgzz8vZwjimrq1Q_.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZYgzz_PZwjimrqw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gTD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3g3D_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gbD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gfD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_cJD3gnD_vx3rCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gTD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3g3D_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gbD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gfD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gnD_vx3rCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gTD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3g3D_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gbD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gfD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.column-menu {
  height: 100%;
  /*
  .header_icon {
    margin-left: auto;
    margin-right: auto;
    #my_header_icon,
    svg {
      margin-top:20px;
      margin-bottom: 34px;
      display: block;
    }
  }
*/
  /*
  .admin_mode_icon {
      .admin_control {
        margin-top: -34px;
      }
    .admin-content {
      margin-top: -34px;
    }
  }
*/
}
.column-menu h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 29px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333333;
  padding: 0;
  margin-top: 0;
}
.column-menu h2 {
  font-family: 'HKGrotesk', sans-serif;
  font-size: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #333333;
}
.column-menu .menu.menu-underline {
  padding-top: 20px;
}
.column-menu .menu.menu-underline .item a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: 1.46px;
  text-decoration: none;
  width: fit-content;
  color: #333;
  padding-bottom: 5px;
}
.column-menu .menu.menu-underline .item a:hover {
  border-bottom: 1px solid black;
}
.column-menu .menu.menu-underline .item.active a {
  color: black;
  border-bottom: 1px solid black;
}
.column-menu .menu.menu-underline .item .menu {
  padding-top: 10px;
}
.column-menu .menu.menu-underline .item .menu .item a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: unset;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  text-decoration: none;
  width: fit-content;
  padding-bottom: 2px;
  color: #666;
}
.column-menu .menu.menu-underline .item .menu .item a:hover {
  border-bottom: 1px solid black;
}
.column-menu .menu.menu-underline .item .menu .item.active a {
  border-bottom: 1px solid black;
  color: #333;
}
.column-menu .ub-social {
  bottom: 0px;
  display: grid;
  position: relative;
  margin: 40px 0 0 0;
  width: fit-content;
  transform: rotate(-90deg) translateY(8px) translateX(40px);
}
.column-menu .ub-social.social-footer {
  display: none;
}
.column-menu .ub-social .item,
.column-menu .ub-social .column {
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: 0.43px;
  text-align: left;
}
.column-menu .ub-social .item a,
.column-menu .ub-social .column a {
  color: black;
}
.column-menu .ub-social .item a.hide,
.column-menu .ub-social .column a.hide {
  opacity: 0;
  display: inline-block;
  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}
.column-menu .ub-social .item a:hover,
.column-menu .ub-social .column a:hover {
  color: #666;
}
@media only screen and (max-height: 660px) {
  .column-menu .ub-social {
    position: relative;
    transform: rotate(-90deg) translateY(28px) translateX(11px);
  }
}
.ui.menu .ui.dropdown .menu .active.item {
  background-color: transparent !important;
}
.ui.menu .ui.dropdown .menu > .item {
  padding: 4px 0 4px 0!important;
}
.page_dropdown.ui.dropdown {
  position: relative;
}
.page_dropdown.ui.dropdown .menu_title {
  margin: auto;
  text-align: center;
  width: max-content;
}
.page_dropdown.ui.dropdown .menu_title div {
  color: black;
  font-family: 'HKGrotesk';
  float: left;
}
.page_dropdown.ui.dropdown .menu_title .icon_plus {
  margin: -3px 0px 0px 16px;
  background: url('../svg/plus.svg') no-repeat;
  width: 30px;
  height: 30px;
  transition-duration: 400ms;
  float: left;
}
.page_dropdown.ui.dropdown .menu_title .icon_plus.rotate {
  transform: rotate(45deg);
  transition-duration: 500ms;
}
.page_dropdown.ui.dropdown .menu {
  border: none!important;
  box-shadow: none !important;
  position: relative;
  overflow: auto;
  background-color: transparent !important;
  left: 0;
  min-width: unset !important;
}
.page_dropdown.ui.dropdown .menu.hidden {
  display: none;
}
.page_dropdown.ui.dropdown .menu .item .text {
  padding: 6px !important;
  margin-left: -6px !important;
  font-weight: 600;
}
.page_dropdown.ui.dropdown .menu .item.active a {
  color: black;
  font-weight: 700;
}
.page_dropdown.ui.dropdown .menu .item a:hover,
.page_dropdown.ui.dropdown .menu .item a {
  color: #666;
  font-family: 'HKGrotesk';
  font-weight: 400;
}
.page_dropdown.ui.dropdown .menu .item .header a {
  font-weight: 600;
}
.page_dropdown.ui.dropdown .menu .item .menu {
  /*
            &.open_at_load {
              display: block !important;
              visibility: visible!important;
            }
            */
  box-shadow: none;
  position: relative;
  padding-left: 0;
  left: 0 !important;
  padding: 6px !important;
  left: 0;
  border: none;
}
.page_dropdown.ui.dropdown .menu .item .menu .active.item {
  background-color: transparent!important;
}
.page_dropdown.ui.dropdown .menu .item .menu .item.active a {
  color: black;
  font-weight: 700;
}
.page_dropdown.ui.dropdown .menu .item .menu .item a:hover,
.page_dropdown.ui.dropdown .menu .item .menu .item a {
  color: #666;
  font-family: 'HKGrotesk';
  font-weight: 400;
}
.page_dropdown.ui.dropdown .menu .item .menu .item .header a {
  font-weight: 600;
}
.page_dropdown.ui.dropdown .menu .item .menu .item.active a {
  color: #444;
  font-weight: 600;
}
.column-page-menu-ultrazen .header > a {
  border-bottom: 1px solid transparent!important;
  color: black!important;
}
.column-page-menu-ultrazen .column-page-menu {
  margin-left: 20px;
}
.column-page-menu .menu.menu-page {
  text-align: left;
}
.column-page-menu .menu.menu-page .item {
  padding: .2em 0!important;
}
.column-page-menu .menu.menu-page .item a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: 0.43px;
  text-decoration: none;
  width: fit-content;
  color: #333;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
}
.column-page-menu .menu.menu-page .item a:hover {
  border-bottom: 1px solid black;
}
.column-page-menu .menu.menu-page .item.active a {
  color: black;
}
.column-page-menu .menu.menu-page .item .menu.menu-page-sub {
  padding-top: 0px;
  padding-bottom: 4px;
}
.column-page-menu .menu.menu-page .item .menu.menu-page-sub .item {
  margin: 4px 0!important;
  transition: 400ms;
}
.column-page-menu .menu.menu-page .item .menu.menu-page-sub .item a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6!important;
  letter-spacing: 0.43px;
  width: fit-content;
  padding-bottom: 3px;
  color: #666;
}
.column-page-menu .menu.menu-page .item .menu.menu-page-sub .item a:hover {
  border-bottom: 1px solid black;
}
.column-page-menu .menu.menu-page .item .menu.menu-page-sub .item:hover a {
  transition: 400ms;
}
.column-page-menu .menu.menu-page .item .menu.menu-page-sub .item.active a {
  border-bottom: 1px solid #aaa!important;
  color: #333;
}
article.column-page {
  opacity: 1;
  transition-duration: 1500ms;
  font-family: 'Montserrat' !important;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #333333;
}
article.column-page.hide {
  opacity: 0;
  transition-duration: 500ms;
}
article.column-page a {
  font-weight: 500;
  text-decoration: none;
  border: none;
  color: black;
}
article.column-page strong {
  font-weight: 500;
  font-style: normal;
}
article.column-page p {
  font-family: 'Montserrat' !important;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #333333;
}
article.column-page p a {
  font-weight: 500;
  text-decoration: none;
  border: none;
  color: black;
}
article.column-page p strong {
  font-weight: 500;
  font-style: normal;
}
article.column-page img {
  width: 100%!important;
  max-width: 925px!important;
  height: auto!important;
}
article.column-page H1 {
  font-family: 'Montserrat';
  font-size: 38px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #333333;
  margin: 26px 0;
  text-transform: uppercase;
}
article.column-page H2 {
  font-family: 'Montserrat';
  font-size: 32px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 1px;
  color: #333333;
  margin: 26px 0;
  text-transform: uppercase;
}
article.column-page H3 {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: 0.92px;
  color: #333333;
  margin: 22px 0;
  text-transform: uppercase;
}
article.column-page .sous-titre-bold {
  font-family: 'Montserrat';
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #333333;
  margin: 18px 0;
}
article.column-page .titre-de-rubrique {
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 1.5px;
  color: #333333;
  margin: 18px 0;
  text-transform: uppercase;
}
article.column-page cite {
  font-family: 'Montserrat';
  font-size: 30px;
  font-weight: 300;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.09;
  letter-spacing: normal;
  color: #333333;
  margin: 18px 0!important;
}
article.column-page p.petit-paragraph {
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: 0.5px;
  color: #333333;
  margin: 18px 0!important;
}
.column-portfolio .icon_plus {
  margin-top: 5px;
  margin-left: 20px;
  background: url('../svg/plus.svg') no-repeat;
  width: 30px;
  height: 30px;
  transition-duration: 400ms;
}
.column-portfolio .icon_plus.rotate {
  transform: rotate(45deg);
  transition-duration: 500ms;
}
.column-portfolio .menu_filtre .ui.text.menu {
  margin: 0em -0.5em;
}
.column-portfolio .menu_filtre .ui.text.menu .item {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400!important;
  font-size: 12px!important;
  text-transform: uppercase!important;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.36;
  letter-spacing: 1.75px;
  color: black;
}
.column-portfolio .menu_filtre .ui.text.menu .item.active {
  font-weight: 600;
  background: none!important;
}
.column-portfolio .menu_filtre .ui.text.menu .item .icon_plus {
  margin-top: 5px;
}
.column-portfolio .menu_filtre .ui.text.menu .dropdown.item > .menu {
  margin-left: 8px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.column-portfolio .menu_filtre .ui.dropdown .menu {
  z-index: 3000 !important;
}
.column-portfolio .menu_filtre .ui.dropdown .menu a.item:hover {
  background-color: transparent!important;
  font-weight: 500!important;
}
.mfp-content {
  max-width: calc(100% - 100px) !important;
}
.mfp-wrap .mfp-figure:after {
  opacity: 0;
}
.mfp-wrap button.mfp-arrow {
  opacity: 1;
  /*
      &.mfp-arrow-left {
        position: absolute;
        left: 30px;
        top: calc(~"50% + 20px");
        &:hover {
          transform: scale(1.3);
          transition-duration: 300ms;
        }

        &:after {
          position: absolute;
          top:-40px;
          left:-25px;
          background: url('../svg/petite-fleche-gauche-blanche.svg') 0% 50% no-repeat;
          width: 80px;
          height: 80px;
        }
        transition-duration: 300ms;

        &:before {
          position: absolute;
          top:-35px;
          left:-38px;
          width:70px;
          height: 70px;
          background: rgba(0,0,0,0.2);
          .rounded(50%);
          //filter: blur(4px);
        }
      }
    */
}
.mfp-wrap button.mfp-arrow:before,
.mfp-wrap button.mfp-arrow:after {
  border: none;
}
.mfp-wrap button.mfp-arrow.mfp-arrow-right {
  position: absolute;
  background: url('../svg/petite-fleche-droite-blanche.svg') 100% 50% no-repeat;
  width: 80px;
  height: 80px;
  right: 1%;
  top: calc(50% + 20px);
  transition-duration: 300ms;
}
.mfp-wrap button.mfp-arrow.mfp-arrow-right:hover {
  transform: scale(1.1);
  transition-duration: 300ms;
}
.mfp-wrap button.mfp-arrow.mfp-arrow-left {
  position: absolute;
  left: 1%;
  top: calc(50% + 20px);
  background: url('../svg/petite-fleche-gauche-blanche.svg') 0% 50% no-repeat;
  width: 80px;
  height: 80px;
  transition-duration: 300ms;
}
.mfp-wrap button.mfp-arrow.mfp-arrow-left:hover {
  transform: scale(1.1);
  transition-duration: 300ms;
}
.mfp-wrap button.mfp-close {
  position: absolute;
  margin-top: 20px;
  margin-right: 1%;
  background: url('../svg/croix-blanche.svg') no-repeat;
  width: 30px;
  height: 30px;
  transition-duration: 300ms;
}
.mfp-wrap button.mfp-close:hover {
  transform: scale(1.2);
  transition-duration: 300ms;
}
.mfp-wrap .mfp-counter {
  display: none;
}
.mfp-wrap .mfp-title {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: 0.43px;
  color: #fff;
  font-family: 'Montserrat' !important;
  text-align: center !important;
}
.mfp-wrap .mfp-title strong {
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-right: 10px;
  color: #ddd;
}
.mfp-wrap .mfp-with-zoom .mfp-container,
.mfp-wrap .mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-wrap .mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-wrap .mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.9;
}
.mfp-wrap .mfp-with-zoom.mfp-removing .mfp-container,
.mfp-wrap .mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.btn_top_move {
  box-sizing: border-box;
  height: 1px;
  width: 1px;
  border-style: solid;
  border-color: black;
  border-width: 0px 1px 1px 0px;
  transition: border-width 150ms ease-in-out;
  /*
  &:hover {
      border-bottom-width: 4px;
      border-right-width: 4px;
    }
  */
  position: fixed;
  bottom: 110px;
  right: 45px;
  z-index: 99;
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0.3;
  transition: 0.4s;
  transform-origin: center;
  transform: translateX(100px) rotate(-135deg);
  display: block;
  z-index: 1000;
}
.btn_top_move::before {
  margin: -10px 0 0 -10px;
  width: 50px;
  height: 50px;
  display: block;
  background-color: rgba(240, 240, 240, 0.2);
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.btn_top_move.show {
  transition: 0.4s;
  opacity: 1;
  transform: translateX(0px) rotate(-135deg);
}
.btn_top_move.show:hover {
  transform: translateX(0px) rotate(-135deg) scale(1.1);
}
article.column-contact {
  max-width: 525px;
}
article.column-contact .ui.form .field {
  font-family: 'HKGrotesk';
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: 0.43px;
  margin-top: 40px;
}
article.column-contact .ui.form .field.field_info {
  margin-top: 0px;
}
article.column-contact .ui.form .field label {
  font-family: 'HKGrotesk';
  font-size: 21px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 0px;
}
article.column-contact .ui.form textarea,
article.column-contact .ui.form input {
  border: 0px !important;
  border-bottom: 1px solid black !important;
  border-radius: 0 !important;
  font-family: 'HKGrotesk';
  font-size: 16px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  padding-left: 0;
  color: #868585;
  padding-top: 5px;
}
article.column-contact .ui.form textarea::placeholder,
article.column-contact .ui.form input::placeholder {
  color: darkolivegreen;
}
article.column-contact .ui.form button.button.valider_submit_inter {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: black;
  text-transform: uppercase;
  border-radius: 0;
  margin-left: calc( 100% - 105px);
  /*
       transition-duration: 500ms!important;
       &:hover {
         transform-orign : 0 0;
         transform: scale(1.08);
         transition-duration: 1500ms!important;
       }
*/
}
article.column-contact .ui.form label.info {
  cursor: pointer;
  font-family: 'HKGrotesk';
  font-size: 12px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: 0.5px;
  color: #333333;
}
article.column-contact .ui.form label.option {
  font-size: 16px;
  color: #868585;
  cursor: pointer;
}
article.column-contact .ui.form .icon_svg {
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 8px;
}
article.column-contact .contact_footer {
  margin-top: 80px!important;
  font-family: 'HKGrotesk';
  font-size: 12px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: 0.5px;
  color: #333333;
}
/*
.rc-anchor-light.rc-anchor-normal {
  border: 0px !important;
  border-radius: 0!important;
}
*/
.ui.popup.popup_contact {
  min-width: 504px;
  font-family: 'HKGrotesk';
  font-size: 16px;
  font-weight: 200;
  color: #868585;
  padding: 30px;
}
.ui.popup.popup_contact .header {
  font-family: 'HKGrotesk';
  font-size: 20px;
  font-weight: 400;
  color: black;
}
#segment_intermediate_reponse {
  font-family: 'HKGrotesk';
  font-size: 16px;
  font-weight: 300;
  margin-top: 80px;
  font-size: 18px!important;
}
#segment_intermediate_reponse i.icon {
  font-size: 38px!important;
  color: white;
  line-height: 30px;
}
#segment_intermediate_reponse .header {
  color: white;
  font-size: 48px!important;
  margin-bottom: 20px;
}
#segment_intermediate_reponse_error {
  font-family: 'HKGrotesk';
  font-size: 16px;
  font-weight: 300;
  margin-top: 80px;
  font-size: 22px!important;
  color: orangered;
  line-height: 1.5;
}
#segment_intermediate_reponse_error .error_list {
  margin-top: 20px;
  margin-bottom: 40px;
}
#segment_intermediate_reponse_error .error_list:before {
  content: "> ";
}
.ui.bubble {
  height: auto;
  position: relative;
  width: auto;
  padding: 40px!important;
  color: white;
  border-radius: 4px!important;
}
.ui.bubble.validate {
  background-color: darkseagreen;
}
.ui.bubble:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 20px solid transparent;
  border-bottom-color: #bbb;
  top: -40px;
  left: 30px;
}
.ui.bubble.validate:after {
  border-bottom-color: darkseagreen;
}
.space1 {
  padding-left: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.hidden {
  display: none;
}
/*
==================== Cursor

*/
.cursor_effect {
  cursor: none;
}
html {
  cursor: none;
}
html.cursor_classique {
  cursor: url('data:image/svg+xml;utf8,<svg fill="%23000000" width="20"  height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><defs><style>.cls-1{opacity:0.2;}</style></defs><g class="cls-1"><circle cx="10" cy="10" r="9.5"/><path d="M380,306a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-1a10,10,0,1,0,10,10,10,10,0,0,0-10-10Z" /></g><circle cx="10" cy="10" r="1.5"/><path d="M380,314a1,1,0,1,1-1,1,1,1,0,0,1,1-1m0-1a2,2,0,1,0,2,2,2,2,0,0,0-2-2Z"/></svg>'), none;
}
html.cursor_classique .cursor_effect {
  cursor: pointer!important;
}
#cursor_follower {
  position: absolute;
  top: -50%;
  left: -50%;
  pointer-events: none;
  z-index: 5000;
}
#cursor_follower.hide {
  display: none;
  cursor: pointer!important;
}
#cursor_follower #circle1 {
  position: absolute;
  animation: pulse 2s infinite;
  background: rgba(100, 100, 100, 0.3);
  border-radius: 50%;
  height: 22px;
  width: 22px;
  margin-top: -11px;
  margin-left: -11px;
  opacity: 0.4;
}
#cursor_follower.scale-up-center #circle1 {
  opacity: 0.6;
  animation: pulse-scale-up 2s infinite;
  height: 22px;
  width: 22px;
  margin-top: -11px;
  margin-left: -11px;
}
#cursor_follower #circle2 {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  opacity: 0.7;
  height: 4px;
  width: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes pulse-scale-up {
  0% {
    height: 52px;
    width: 52px;
    margin-top: -26px;
    margin-left: -26px;
  }
  50% {
    opacity: 0.8;
    height: 62px;
    width: 62px;
    margin-top: -31px;
    margin-left: -31px;
  }
  100% {
    height: 52px;
    width: 52px;
    margin-top: -26px;
    margin-left: -26px;
  }
}
body.theme_gris {
  background-color: #f0eded;
  transition-duration: 300ms;
}
body.theme_gris .pusher {
  background-color: #f0eded;
  transition-duration: 300ms;
}
body.theme_gris .pusher .ui.container .ui.grid .column .ui.menu .dropdown.item .menu {
  background-color: #f0eded;
}
body.theme_gris .pusher .ui.container .ui.grid .menu-page .item .header a {
  color: black !important;
}
body.theme_gris .pusher .ui.container .ui.grid .menu-page .item .menu-page-sub .item a {
  color: #000 !important;
}
body.theme_gris .pusher .ui.container .ui.grid .menu-page .item .menu-page-sub .item:hover a {
  color: #bbb !important;
}
body.theme_gris .pusher .ui.container .ui.grid .menu-page .item .menu-page-sub .item.active a {
  border-bottom: 1px solid #777 !important;
  color: #777 !important;
}
body.theme_gris .pusher .ui.container .ui.grid .ui.form .field {
  color: black;
}
body.theme_gris .pusher .ui.container .ui.grid .ui.form textarea,
body.theme_gris .pusher .ui.container .ui.grid .ui.form input {
  color: #666;
  background-color: #f0eded;
  border-bottom: 1px solid #999 !important;
}
body.theme_gris .pusher .ui.container .ui.grid .ui.form label,
body.theme_gris .pusher .ui.container .ui.grid .ui.form label.info,
body.theme_gris .pusher .ui.container .ui.grid .ui.form label.option {
  color: black !important;
}
body.theme_gris .pusher .ui.container .ui.grid .ui.form label.info {
  color: #ddd;
}
body.theme_gris .pusher .ui.container .ui.grid .ui.form .icon_svg {
  filter: invert(90%) !important;
}
body.theme_gris .pusher .ui.container .ui.grid .ub-footer {
  color: #333 !important;
}
body.theme_black {
  background-color: #363535;
  transition-duration: 300ms;
}
body.theme_black .burger.mobile_menu_btn,
body.theme_black .close.mobile_menu_btn {
  filter: invert(100%);
}
body.theme_black .pusher {
  background-color: #363535;
  transition-duration: 300ms;
}
body.theme_black .pusher .ui.container .ui.grid .column {
  /*
                    .ui.menu.menu-underline {

                      a {
                        color: white;
                        line-height: 1;
                        &:hover {
                          border-bottom: 1px solid #eee;
                          border-radius: 0;
                        }
                      }

                      .item {


                        color: white;
                        .sous-menu.menu {
                          .item {
                            color: #bbb;
                          }
                        }
                      }
                    }
          */
}
body.theme_black .pusher .ui.container .ui.grid .column .header_icon svg {
  filter: invert(80%);
}
body.theme_black .pusher .ui.container .ui.grid .column h1,
body.theme_black .pusher .ui.container .ui.grid .column h2,
body.theme_black .pusher .ui.container .ui.grid .column .sous-titre-bold,
body.theme_black .pusher .ui.container .ui.grid .column .titre-de-rubrique,
body.theme_black .pusher .ui.container .ui.grid .column p,
body.theme_black .pusher .ui.container .ui.grid .column cite,
body.theme_black .pusher .ui.container .ui.grid .column p.petit-paragraph {
  color: white;
}
body.theme_black .pusher .ui.container .ui.grid .column a {
  color: white;
  line-height: 1;
  text-decoration: none;
}
body.theme_black .pusher .ui.container .ui.grid .column a:hover {
  border-bottom: 1px solid white;
  border-radius: 0;
}
body.theme_black .pusher .ui.container .ui.grid .column h2,
body.theme_black .pusher .ui.container .ui.grid .column .titre-de-rubrique,
body.theme_black .pusher .ui.container .ui.grid .column cite,
body.theme_black .pusher .ui.container .ui.grid .column p.petit-paragraph {
  color: #bbb;
}
body.theme_black .pusher .ui.container .ui.grid .column .masonry .masonry-brick .masonry-title {
  color: whitesmoke;
}
body.theme_black .pusher .ui.container .ui.grid .column .masonry .masonry-brick .masonry-title img {
  filter: invert(100%);
}
body.theme_black .pusher .ui.container .ui.grid .column .menu.menu-underline .item a {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;
  color: #ddd;
  padding-bottom: 4px;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu.menu-underline .item a:hover {
  border-bottom: 1px solid #ddd;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu.menu-underline .item.active a {
  color: white;
  border-bottom: 1px solid #ddd;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu.menu-underline .item .menu .item a {
  font-weight: 200;
  font-size: 1.1em;
  line-height: 1.2;
  padding-bottom: 2px;
  color: #aaa;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu.menu-underline .item .menu .item a:hover {
  border-bottom: 1px solid #aaa;
  color: #ddd;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu.menu-underline .item .menu .item.active a {
  border-bottom: 1px solid #aaa !important;
  color: #ddd !important;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu-page .item .header a {
  color: white!important;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu-page .item .menu-page-sub .item a {
  color: #bbb!important;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu-page .item .menu-page-sub .item:hover a {
  color: #eee !important;
}
body.theme_black .pusher .ui.container .ui.grid .column .menu-page .item .menu-page-sub .item.active a {
  border-bottom: 1px solid #999!important;
  color: white!important;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.menu .dropdown.item {
  background-color: #363535;
  color: white;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.menu .dropdown.item .icon_plus {
  filter: invert(1);
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.menu .dropdown.item .menu {
  background-color: #363535;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.menu .dropdown.item .menu a.item.btn {
  color: #bbb!important;
  border-bottom: 1px solid transparent;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.menu .dropdown.item .menu a.item.btn:hover {
  color: white!important;
  background-color: #363535 !important;
}
body.theme_black .pusher .ui.container .ui.grid .column .ub-social .item a {
  color: #999;
  line-height: 1;
  text-decoration: none;
}
body.theme_black .pusher .ui.container .ui.grid .column .ub-social .item a:hover {
  color: white;
  border-bottom: 1px solid white;
  border-radius: 0;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.form .field {
  color: white;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.form textarea,
body.theme_black .pusher .ui.container .ui.grid .column .ui.form input {
  color: #bbb;
  background-color: #363535;
  border-bottom: 1px solid #bbb !important;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.form label,
body.theme_black .pusher .ui.container .ui.grid .column .ui.form label.info,
body.theme_black .pusher .ui.container .ui.grid .column .ui.form label.option {
  color: white;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.form label.info {
  color: #ddd;
}
body.theme_black .pusher .ui.container .ui.grid .column .ui.form .icon_svg {
  filter: invert(90%);
}
body.theme_black .pusher .ui.container .ui.grid .column .ub-footer {
  color: #aaa;
}
body.theme_black .pusher .ui.container .column-page-menu-ultrafrais .sous-menu.menu .item {
  color: #666;
}
body.theme_black .pusher .ui.container .column-page-menu-ultrafrais .sous-menu.menu .item a {
  border: none!important;
  color: #666;
}
body.theme_black .pusher .ui.container .column-page-menu-ultrafrais .sous-menu.menu .item a:hover {
  color: #ddd!important;
}
body.theme_black .pusher .ui.container .column-page-menu-ultrafrais .sous-menu.menu .item.active a {
  color: white!important;
}
body.theme_black .pusher .ui.container .ub-social.social-footer .item a {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;
  color: #ddd;
  padding-bottom: 4px;
  border-bottom: 1px solid #ddd;
}
body.theme_black .pusher .ui.container .ub-social.social-footer .item a:hover {
  border-bottom: 1px solid #ddd;
}
body.theme_black .pusher .ui.container .ub-social.social-footer .item.active a {
  color: white;
  border-bottom: 1px solid #ddd;
}
.column-page-menu-ultrafrais {
  display: none!important;
}
.ub-social.social-footer {
  display: none;
}
.ub-footer {
  display: none;
}
body.theme_ultrazen .column-portfolio .menu_filtre .ui.text.menu .item,
body.theme_ultrazen .column-menu .menu.menu-underline .item a,
body.theme_ultrazen .masonry .masonry-brick .masonry-title .masonry-title_sub {
  text-transform: unset !important;
}
body.theme_ultrazen .column-menu .menu.menu-underline .item a {
  font-weight: 600 !important;
  font-size: 15px !important;
}
body.theme_ultrazen #dropdown_portfolio {
  font-size: 15px !important;
  font-family: 'HKGrotesk' !important;
}
body.theme_ultrazen #dropdown_portfolio span {
  font-weight: 600 !important;
}
body.theme_ultrazen #dropdown_portfolio .menu {
  margin-left: 8px;
}
body.theme_ultrazen #dropdown_portfolio .menu a.item {
  font-family: 'HKGrotesk' !important;
  font-size: 15px !important;
  border-bottom: 1px solid transparent;
  display: table;
  padding: 0!important;
  margin-bottom: 10px;
}
body.theme_ultrazen #dropdown_portfolio .menu a.item:hover {
  border-bottom: 1px solid #aaa;
}
body.theme_ultrazen #dropdown_portfolio .menu a.item:hover.active {
  font-weight: 600 !important;
}
body.theme_ultrazen .column-menu .ub-social .item,
body.theme_ultrazen .column-menu .ub-social .column,
body.theme_ultrazen .column-menu .menu.menu-underline .item a {
  font-family: 'HKGrotesk' !important;
  font-weight: normal !important;
  padding-bottom: 1px;
}
body.theme_ultrazen .column-page-menu .menu.menu-page .item a {
  font-family: 'HKGrotesk' !important;
}
body.theme_ultrazen .column-page-menu .menu.menu-page .item .menu-page-sub .item a {
  border-bottom: 0px solid transparent;
  font-weight: 300!important;
}
body.theme_ultrazen .column-page-menu .menu.menu-page .item .menu-page-sub .item.active {
  border-bottom: none;
}
body.theme_ultrazen .column-menu .ub-social {
  transform: rotate(-90deg) translateY(26px) translateX(0px);
}
body.theme_ultrazen .column-menu h1 {
  font-weight: normal;
  line-height: 1.23;
}
body.theme_ultrazen article .column-page h4 {
  font-size: 14px;
  color: #333;
  letter-spacing: 0.5px;
}
body.theme_ultrafrais h2 {
  margin-top: 0px;
}
body.theme_ultrafrais .ui.menu.menu-underline {
  width: min-content;
  display: flex;
  margin: 1em auto;
  margin-bottom: 0px;
  margin-top: 20px;
  -webkit-box-orient: horizontal;
  flex-direction: row;
}
body.theme_ultrafrais .ui.menu.menu-underline .lavalamp-object {
  border-bottom: 1px solid #767676;
}
body.theme_ultrafrais .ui.menu.menu-underline .item {
  margin: 0 14px;
  padding: 4px 0px;
}
body.theme_ultrafrais .ui.menu.menu-underline .item .sous-menu.menu {
  display: none;
}
body.theme_ultrafrais .ui.menu.menu-underline .item.active a {
  font-weight: 600;
  border-bottom: none!important;
}
body.theme_ultrafrais .ui.menu.menu-underline .item a:hover {
  border-bottom: none;
}
body.theme_ultrafrais .column-page-menu-ultrafrais {
  display: block!important;
}
body.theme_ultrafrais .column-page-menu .menu-page .item .header a {
  font-weight: 600;
  color: #333;
}
body.theme_ultrafrais .column-page-menu .menu-page .item .header a:hover {
  border-bottom: none!important;
  color: #000 !important;
}
body.theme_ultrafrais .column-page-menu .menu-page .item.active .header a {
  font-weight: 700;
  color: #000 !important;
}
body.theme_ultrafrais .column-page-menu .menu-page .item .menu-page-sub .item.active a {
  font-weight: 300;
  border-bottom: none!important;
  color: #000 !important;
}
body.theme_ultrafrais .column-page-menu .menu-page .item .menu-page-sub .item a:hover {
  font-weight: 300;
  border-bottom: none!important;
  color: #000 !important;
}
body.theme_ultrafrais .column-page-menus-mobile.ui.text.menu {
  margin: 0 auto;
  text-align: left;
}
body.theme_ultrafrais .column-page-menus-mobile.ui.text.menu .item {
  text-align: left;
}
body.theme_ultrafrais .ub-social {
  display: none;
}
body.theme_ultrafrais .ub-social.social-footer {
  display: flex;
  margin: 0 auto;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 10px;
}
body.theme_ultrafrais .ub-social.social-footer .column {
  line-height: 25px;
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: 0.43px;
  text-align: center;
}
body.theme_ultrafrais .ub-social.social-footer .column a {
  margin: 0 20px;
  color: #666;
}
body.theme_ultrafrais .ub-social.social-footer .column a svg {
  display: none;
}
body.theme_ultrafrais .ub-social.social-footer .column a:hover {
  color: black;
}
body.theme_ultrafrais .ub-footer {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 80px;
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: 0.43px;
  color: #666;
  text-align: center;
}
body.theme_ultrafrais .ub-footer a {
  margin: 0 20px;
  color: #666;
}
body.theme_ultrafrais .ub-footer a:hover {
  color: black;
}
body.theme_ultrafrais .menu_filtre {
  width: fit-content;
  margin: 0 auto;
  margin-top: -10px;
  margin-bottom: 30px;
  text-align: center;
}
body.theme_ultrafrais #dropdown_portfolio {
  margin-left: auto !important;
  margin-right: auto !important;
}
body.theme_ultrafrais .ui.stackable.grid {
  text-align: center;
}
body.theme_ultrafrais .ui.stackable.grid .wide.column.column_ultrafrais {
  width: 100% !important;
}
body.theme_ultrafrais .ui.stackable.grid article.column-contact {
  margin: auto;
  margin-top: 20px;
}
body.theme_ultrafrais .ui.stackable.grid article.column-contact #segment_intermediate_form {
  text-align: left;
  margin-bottom: 60px;
}
body.theme_ultrafrais .ui.stackable.grid article.column-page {
  margin-top: 20px;
  text-align: left;
}
body.theme_ultrafrais .ui.stackable.grid .column-page-menu-ultrafrais {
  margin-top: 20px;
}
body.theme_ultrafrais .ui.stackable.grid .column-page-menu-ultrafrais .sous-menu.menu .item {
  line-height: 25px;
  font-family: 'HKGroteskRegular';
  font-size: 15px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.43px;
  color: #666;
  text-align: left;
}
body.theme_ultrafrais .ui.stackable.grid .column-page-menu-ultrafrais .sous-menu.menu .item a {
  margin: 0 20px;
  color: #666;
}
body.theme_ultrafrais .ui.stackable.grid .column-page-menu-ultrafrais .sous-menu.menu .item a:hover {
  color: black;
}
body.theme_ultrafrais .ui.stackable.grid .column-page-menu-ultrafrais .sous-menu.menu .item.active a {
  color: black;
  font-weight: 600;
}
.column-page-menus-mobile,
.burger.mobile_menu_btn,
.close.mobile_menu_btn {
  display: none;
}
@media only screen and (max-width: 767px) {
  .cursor {
    display: none!important;
  }
  .burger.mobile_menu_btn,
  .close.mobile_menu_btn {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
    z-index: 200;
    opacity: 1;
    transition-duration: 100ms;
  }
  .burger.mobile_menu_btn.hide,
  .close.mobile_menu_btn.hide {
    opacity: 0;
    transition-duration: 100ms;
  }
  .close.mobile_menu_btn {
    transform: rotate(0deg);
  }
  .close.mobile_menu_btn.hide {
    transform: rotate(45deg);
  }
  .header_icon {
    transition: 0.4s;
    transform-origin: top;
  }
  .header_icon.open_burger {
    transition: 0.4s;
    transform: scale(0.5);
  }
  .header_title {
    transition: 0.4s;
    transform-origin: top;
  }
  .header_title.open_burger {
    transition: 0.4s;
    transform: scale(0.5) translateY(-60px);
  }
  .ui.popup.popup_contact {
    min-width: 97%!important;
  }
  .mobile_menu_root {
    display: none;
    opacity: 0;
    transition: 0.4s;
  }
  .mobile_menu_root.show {
    display: block;
    opacity: 1;
    transition: 0.4s;
  }
  .column-page-menus-mobile {
    display: block;
  }
  .column-page-menus-mobile.hide {
    display: none!important;
  }
  .cursor {
    display: none;
  }
  #cookie-policy {
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding: 30px;
    cursor: pointer;
  }
  #cookie-policy button {
    right: 60px;
    top: 15px;
  }
  .ub-social.social-footer {
    display: flex;
    margin: auto;
  }
  .ub-social.social-footer .column {
    text-align: center;
    margin: auto;
  }
  .ub-social.social-footer .column a {
    margin: 0 auto!important;
  }
  .ub-social.social-footer .column a svg {
    display: block!important;
    margin: auto;
  }
  .ub-social.social-footer .column a span {
    display: none;
  }
  .ub-footer {
    font-size: 11px;
    text-align: center;
    display: block!important;
    margin: auto;
    margin: 30px auto;
  }
  .main.ui.container {
    margin-top: 15px !important;
  }
  .main.ui.container .column-menu h1 {
    font-size: 26px;
    margin: 0;
  }
  .main.ui.container .column-menu h2 {
    font-size: 17px;
    color: #999;
    height: auto;
    opacity: 1;
    transition-duration: 500ms;
  }
  .main.ui.container .column-menu h2.hide {
    height: 0;
    opacity: 0;
    transition-duration: 500ms;
  }
  .main.ui.container .column-menu .ui.menu.menu-underline.mobile_menu {
    opacity: 0;
    margin: 0 auto;
    height: 0;
    width: 100%;
    text-align: center;
    padding-top: 0;
    transition-duration: 500ms;
  }
  .main.ui.container .column-menu .ui.menu.menu-underline.mobile_menu.show {
    transition-duration: 500ms;
    opacity: 1;
    height: auto;
    margin-top: -10px;
    display: block;
  }
  .main.ui.container .column-menu .ui.menu.menu-underline.mobile_menu .item a {
    font-size: 28px;
    line-height: 64px;
  }
  .main.ui.container .column-menu .ui.menu.menu-underline.mobile_menu .sous-menu {
    display: none;
  }
  .main.ui.container .column-menu .ub-social {
    display: none;
  }
  .main.ui.container article.column {
    opacity: 1;
    transition-duration: 500ms;
  }
  .main.ui.container article.column.hide {
    opacity: 0!important;
    transition-duration: 500ms;
  }
  .main.ui.container article.column .menu_filtre .ui.text.menu .ui.dropdown.item {
    width: 100%!important;
  }
  .main.ui.container article.column .menu_filtre .ui.text.menu .ui.dropdown.item .icon_plus {
    position: absolute;
    left: calc( 100% - 50px);
  }
  .main.ui.container article.column .menu_filtre .ui.text.menu .ui.dropdown.item span {
    text-transform: lowercase;
    font-weight: 500;
  }
  .main.ui.container article.column .menu_filtre .ui.text.menu .ui.dropdown.item .menu {
    width: 100%!important;
    margin-right: 8px!important;
  }
  .main.ui.container article.column .menu_filtre .ui.text.menu .ui.dropdown.item .menu a.item.filter_select {
    text-transform: lowercase!important;
    padding-bottom: 4px!important;
  }
  .main.ui.container article.column.column-page img {
    width: 100%!important;
    height: auto!important;
  }
  .main.ui.container article.column .menu_filtre .ui.text.menu .ui.dropdown.item .icon_plus {
    left: calc(86%);
  }
  .column-portfolio .menu_filtre .ui.text.menu .item .icon_plus {
    margin-top: 3px;
  }
  .column-page-menus-mobile {
    display: block!important;
  }
  .column-page-menus-mobile .ui.text.menu {
    margin: 0em -0.5em;
    /*
      #dropdown-page-menus-mobile {
        &.dropdown.item .menu {
          margin-left: -10px;
          border: none;
          border-radius: 0;
          box-shadow: none;
          background-color: #0b70b9;

          &.hidden {
            display: none;
          }

          .item {
            width: auto;
            //overflow: hidden;

            &.active {
              background-color: transparent !important;

              a {
                color: black;
                font-weight: 600;
              }
            }


            a {
              //color: orangered!important;
              color: @menu_link_sub;
              font-family: 'HKGrotesk';
            }


            .menu.menu-page-sub {
              padding-top: 0px;
              padding-bottom: 8px;
              position: relative !important;
              margin-left: -180px !important;

              .item {
                margin-bottom: 0px;
                width: 100%;
                text-align: left;

                a {
                  font-family: 'HKGrotesk';
                  padding-bottom: 3px;
                  color: #747474;
                  font-weight: 400;
                  //color: rebeccapurple;
                }

                &.active {
                  a {
                    border-bottom: 1px solid @menu_link_active;
                    color: @menu_link_sub_active;
                  }
                }


              }

            }


          }
        }


      }
*/
  }
  article.column-page h1 {
    font-size: 32px;
  }
  article.column-page h2 {
    font-size: 26px;
  }
  article.column-page p {
    font-size: 15px;
  }
  body.theme_ultrafrais {
    /*
    // nav ptf
    .menu_filtre {
      margin-bottom: 12px;
      .dropdown {
        span {
          text-transform: lowercase;
          font-weight:500;
        }
        .menu {
          margin-right: -182px !important;
          a.item {
            padding-top: 1px !important;
            padding-bottom: 1px !important;
            //text-transform: lowercase!important;
            //color: darkseagreen;
          }
        }
      }
    }
*/
  }
  body.theme_ultrafrais .main.ui.container .column-menu .ui.menu.menu-underline.mobile_menu.show {
    margin: auto;
  }
  body.theme_ultrafrais .column-page-menu-ultrafrais {
    display: none!important;
  }
  body.theme_ultrafrais #my_header_icon.size-L {
    width: 90px;
    height: 90px;
  }
  body.theme_ultrafrais .header_icon {
    margin-top: 48px;
    margin-bottom: 10px;
  }
  body.theme_ultrafrais .close.mobile_menu_btn,
  body.theme_ultrafrais .burger.mobile_menu_btn {
    right: calc( 50% - 15px);
  }
  body.theme_ultrafrais h1,
  body.theme_ultrafrais h2 {
    margin-top: 14px;
  }
  body.theme_ultrafrais .column-page-menus-mobile {
    width: 100%;
  }
  body.theme_ultrafrais .column-page-menus-mobile .ui.text.menu .dropdown {
    margin: auto;
  }
  body.theme_ultrazen #my_header_icon.size-L {
    width: 70px;
    height: 70px;
  }
  body.theme_ultrazen .menu_filtre {
    margin-bottom: 12px;
  }
  body.theme_ultrazen .menu_filtre .dropdown span {
    text-transform: lowercase;
    font-weight: 500;
  }
  body.theme_ultrazen .menu_filtre .dropdown .menu {
    margin-right: -182px !important;
  }
  body.theme_ultrazen .menu_filtre .dropdown .menu a.item {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    text-transform: lowercase;
  }
  body.theme_ultrazen .column-page-menus-mobile {
    margin-left: -14px;
  }
  body.theme_ultrazen .admin_mode_nav .column-page-menu-ultrazen {
    display: none;
  }
  .btn_top_move {
    bottom: 20px;
    right: 20px;
  }
  .mfp-wrap .mfp-content {
    max-width: calc(100% - 54px) !important;
  }
}
/** ------------------------------   */
.main.ui.container {
  width: 1200px;
  margin-top: 40px;
  transition-duration: 800ms;
}
.main.ui.container.opacity_off {
  opacity: 0.1;
  transition-duration: 400ms;
}
.ui.container .ui.grid .column {
  min-height: 50px;
}
.header_icon svg {
  height: 55px;
  width: auto;
  transition-duration: 400ms;
  margin-left: auto;
  margin-right: auto;
}
.header_icon svg.size-S {
  height: 55px;
}
.header_icon svg.size-M {
  height: 90px;
}
.header_icon svg.size-L {
  height: 180px;
}
#my_header_icon {
  display: inline;
  margin-top: -25px;
  border: 0px solid transparent !important;
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition-duration: 400ms;
  cursor: pointer;
}
#my_header_icon.size-S {
  width: 60px;
  height: 60px;
}
#my_header_icon.size-M {
  width: 90px;
  height: 90px;
}
#my_header_icon.size-L {
  width: 180px;
  height: 180px;
}
#my_header_icon img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
}
.alert_noconnect {
  background-color: orangered;
  color: white;
  font-family: 'HKGrotesk';
  font-size: 20px;
  padding: 20px;
  text-align: center;
}
.grecaptcha-badge {
  visibility: hidden;
  /*
  transform: scale(0.5);
  margin-right: 26px;
  &:hover {
    transform: scale(1);
    margin-right: -10px;
  }
  */
}