/*
Theme Name: Eiso
Theme URI: http://www.eiso-france.com
Author: Agence AGORALYS
Author URI: https://www.agoralys.com/
Description: The 2017 responsive theme for Eiso
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: green, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
*/

 * {
     border: 0;
 }
 body {
     font-family: "Work Sans", sans-serif !important;
 }
 .center {
     text-align: center;
 }
 .container-fluid {
     padding: 0;
 }
 .row {
     margin-right: 0;
     margin-left: 0;
 }
 a {
     color: rgb(38, 47, 59);
 }
 ul {
     padding: 0;
 }
 input {
     color: #262f3b;
 }
 a:hover {
     text-decoration: none;
 }
 a:focus {
     outline: none;
     text-decoration: none;
 }
 .nopad {
     padding: 0;
 }
 img-responsive {
     width: 100%;
     height: auto;
 }
 @media (min-width: 768px) {
     .nopad div.vc_column-inner {
         padding: 0 !important;
     }
 }
 @media (min-width: 1024px) {
     .nopad div.vc_column-inner {
         padding: 0 !important;
     }
 }
 /*---------------------------top header----------------------------*/

 header#masthead {
   padding-bottom: 28px;
   position: fixed;
   top: 0;
   z-index: 99999;
   width: 100%;
     background-color: #fff;
 }

 #masthead + .container {
  margin-top: 136px;
}
 .header-top {
     display: none;
 }
 .header-top .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
 }
 @media (min-width: 768px) {
     .header-top {
         display: block;
         padding: 18px 0;
         background: rgb(255, 255, 255);
     }
     .header-top p {
         margin-bottom: 0;
         color: rgb(212, 75, 68);
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         float: left;
     }
     .header-top p i {
         margin-right: 10px;
         font-size: 20px;
     }
     .header-top a {
         color: rgb(93, 103, 121);
         font-size: 16px;
         line-height: 16px;
         -webkit-transition: color 0.3s ease-in, color 0.3s ease-in;
         transition: color 0.3s ease-in, color 0.3s ease-in;
     }
     .header-top a:hover {
         color: rgb(212, 75, 68);
     }
     .header-top .top-nav {
         display: inline-block;
         float: right;
     }
     .header-top .top-nav ul#menu-top-nav {
         margin-bottom: 0;
         list-style: none;
     }
     .header-top .top-nav ul#menu-top-nav li {
         display: inline-block;
         padding-right: 20px;
     }
     .header-top .top-nav ul#menu-top-nav li:last-child {
         padding-right: 0;
     }
     .header-top .top-nav ul#menu-top-nav li a {
         text-transform: uppercase;
     }
     .header-top .top-nav ul#menu-top-nav li a:hover {
         color: #086788;
     }
 }
 @media (min-width: 1024px) {
     .header-top p.questions {
         margin-right: 40px;
     }
 }
 /*-------------------------section logo-----------------------*/
 /*--------------------menu principal ---------------------*/

 header section.navigation {
     background-color: rgb(230, 229, 232);
     height: 52px;
 }
 header section.navigation .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     margin: 0 -15px;
 }
 header section.navigation .logo-nav {
     padding: 0 20px;
     /* height: 100%; */
     background-color: rgb(255, 255, 255);
 }
 header section.navigation .logo-nav img {
     width: 100%;
     padding: 0 16px;
 }
  @media (min-width: 768px) and (max-width: 991px) {
    header section.navigation .logo-nav {
        padding: 0px;
    }
    header section.navigation .logo-nav img {
    width: 100%;
    padding: 0 15px;
    vertical-align: initial;
    }
  }


 @media (min-width: 768px) {
     header section.navigation .logo-nav img {
         width: 100%;
     }
     .button_search {
         margin-bottom: 0 !important;
         ;
     }
     .col-sm-6.last_col {
         padding-right: 22px !important;
     }
 }
 @media (min-width: 992px) {
     header section.navigation .logo-nav img {
         width: 90%;
     }
 }
 @media (min-width: 1200px) {
     header section.navigation .logo-nav img {
         width: 100%;
     }
 }
 #site-header-menu {
     padding: 0;
     /* float: right; */
     font-size: 16px;
 }
 #site-header-menu #site-navigation {
     float: right;
 }
 li#menu-item-21 {
     border-right: solid 1px #262f3b;
 }
 .ubermenu .ubermenu-colgroup .ubermenu-column,
 .ubermenu .ubermenu-custom-content-padded,
 .ubermenu .ubermenu-nonlink,
 .ubermenu .ubermenu-retractor,
 .ubermenu .ubermenu-submenu-padded,
 .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target,
 .ubermenu .ubermenu-target,
 .ubermenu .ubermenu-widget,
 .ubermenu-responsive-toggle {
     padding: 2px 34px !important;
 }
 ul#menu-primary {
     list-style: none;
     float: right;
     margin: 0;
 }
 .primary-menu li {
     display: inline-block;
     margin-left: 78px;
 }
 .primary-menu li:first-child {
     margin-left: 0;
 }
 .primary-menu li a {
     color: rgb(38, 47, 59);
     font-size: 16px;
     -webkit-transition: color 0.3s ease-in, color 0.3s ease-in;
     transition: color 0.3s ease-in, color 0.3s ease-in;
 }
 .primary-menu li a:hover,
 .primary-menu li a:focus,
 .primary-menu li a:active {
     color: rgb(212, 75, 68);
 }
 #menu-item-277:focus,
 #menu-item-277 span:focus {
     outline: none !important
 }
 @media (min-width: 768px) {
     .primary-menu li a {
         font-size: 14px;
     }
 }
 @media (min-width: 992px) {
     .primary-menu li {
         display: inline-block;
         margin-left: 58px;
     }
     .primary-menu li a {
         font-size: 15px;
     }
 }
 @media (min-width: 1200px) {
     .primary-menu li a {
         font-size: 16px;
     }
 }
 .ubermenu-submenu {
     margin-top: 16px !important;
     padding: 20px !important;
 }
 .ubermenu-submenu li a {}
 .ubermenu-submenu li a:hover {}
 section.footer-top {
     background: url(img/fond-footer2.jpg);
     background-size: cover;
     background-position: 0 398px;
     padding: 48px 0 68px;
     position: relative;
 }
 .footer-top p {
     margin: 0;
     color: rgb(255, 255, 255);
     text-align: center;
     font-weight: 100;
     font-size: 14px;
 }
 p.questions {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 22px;
 }
 .button-contact {
     position: relative;
     text-align: center;
     cursor: pointer;
     bottom: -44px;
     margin-bottom: -48px;
     background-color: rgb(241, 86, 78);
     color: rgb(255, 255, 255);
     font-size: 16px;
     line-height: 18px;
     font-weight: 500;
     padding: 15px 0;
     z-index: 2;
     overflow: hidden;
     -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
     transition: background-color 0.3s ease-in, color 0.3s ease-in;
 }
 .button-contact:hover {
     background-color: rgb(38, 47, 59);
     color: rgb(38, 47, 59);
 }
 .button-contact::after {
     content: attr(data-text);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 15px 0 0;
     color: rgb(255, 255, 255);
     -webkit-transform-origin: -25% 50%;
     transform-origin: -25% 50%;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     -webkit-transition: -webkit-transform 0.3s ease-in;
     transition: -webkit-transform 0.3s ease-in;
     transition: transform 0.3s ease-in;
     transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
 }
 .button-contact:hover::after {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 @media (min-width: 992px) {
     .button-contact.col-md-offset-4 {
         margin-left: 37.333333% !important;
     }
 }
 section.footer-middle {
     background: url(img/fond-footer.png);
     position: relative;
     background-size: cover;
     background-position: center center;
     padding: 72px 0 46px;
 }
 section.footer-middle .logo img {
     width: 100%;
     /* margin: 0 auto; */
 }
 section.footer-middle .logo {
     text-align: center;
     margin-bottom: 60px;
 }
 @media (min-width: 992px) {
     section.footer-middle .container > .row {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
     }
     section.footer-middle .logo {
         margin-bottom: 0 !important;
     }
 }
 section.footer-middle section.navigation.row > div {}
 section.footer-middle h6 {
     font-size: 16px;
     line-height: 18px;
     font-weight: 500;
     color: rgb(75, 84, 100);
     text-transform: uppercase;
     padding-bottom: 10px;
     margin: 0;
     border-bottom: solid 1px rgb(241, 86, 78);
 }
 section.footer-middle ul {
     margin-bottom: 0;
     list-style: none;
     padding: 0;
 }
 section.footer-middle .footer-navigation {
     margin-bottom: 12px;
 }
 #actus-navigation,
 #gammes-navigation,
 #contact-navigation {
     margin-bottom: 0;
 }
 section.footer-middle li {
     border-bottom: solid 1px rgba(127, 121, 117, 0.4);
     padding: 14px 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     height: 41px;
 }
 section.footer-middle ul li:last-child {
     border-bottom: none;
 }
 section.footer-middle li.menu-item i {
     color: rgb(241, 86, 78);
     margin: 0 14px 0 7px;
     width: 14px;
     font-size: 14px;
     text-align: center;
 }
 section.footer-middle li a {
     color: rgb(75, 84, 100);
     font-size: 13px;
     font-weight: 400;
     -webkit-transition: color 0.3s ease-in, color 0.3s ease-in;
     transition: color 0.3s ease-in, color 0.3s ease-in;
 }
 section.footer-middle li a:hover {
     color: rgb(241, 86, 78);
 }
 section.footer-bottom {
     background-color: rgb(102, 106, 121);
     color: rgb(255, 255, 255);
     font-size: 13px;
     padding: 24px 0;
 }
 section.footer-bottom .container,
 section.footer-bottom .row .col-xs-12 {
     padding: 0;
 }
 section.footer-bottom {
     text-align: center;
 }
 section.footer-bottom p {
     margin: 0;
 }
 section.footer-bottom p:last-child a {
     border-bottom: none;
 }
 section.footer-bottom p:last-child a:hover {
     border-bottom: none;
     color: rgb(212, 75, 68);
 }
 @media (min-width: 1200px) {
     section.footer-bottom p:first-child {
         float: right;
     }
     section.footer-bottom p:last-child {
         float: left;
     }
 }
 section.footer-bottom a {
     color: rgb(255, 255, 255);
     -webkit-transition: all 0.3s ease-in, color 0.3s ease-in;
     transition: all 0.3s ease-in, color 0.3s ease-in;
     border-bottom: solid 1px rgba(255, 255, 255, 0);
     padding-bottom: 1px;
     font-weight: 500;
 }
 section.footer-bottom a:hover {
     border-bottom: solid 1px rgba(255, 255, 255, 1);
 }
 /*----------------barre cookies--------------------*/

 #cn-accept-cookie {
     background-color: #f1564e;
     height: auto !important;
     color: #fff;
     padding: 5px 10px;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     font-size: 14px;
 }
 #cn-accept-cookie::after {
     display: none;
 }
 #cn-accept-cookie:hover {
     text-decoration: none;
     background-color: #fff !important;
     color: #f1564e !important;
 }
 /*-------------------*/

 h1,
 h2 {
     font-weight: 400;
     color: rgb(38, 47, 59);
     font-size: 34px;
     margin: 0 0 24px 0;
     padding-bottom: 20px;
     position: relative;
     text-transform: uppercase;
 }
 @media (max-width: 992px) {
     h1,
     h2 {
         font-size: 30px;
         text-align: center;
     }
     h1:after,
     h2:after {
         content: "";
         width: 220px;
         border-bottom: 2px solid rgb(241, 86, 78);
         position: absolute;
         left: calc(50% - 110px) !important;
         bottom: 0;
     }
 }
 @media (min-width: 992px) {
     h1,
     h2 {
         font-size: 28px;
         text-align: left;
     }
 }
 @media (min-width: 1200px) {
     h1,
     h2 {
         font-size: 34px;
     }
 }
 .page h1 {
     font-size: 28px;
     background-color: #f1564e;
     color: #fff;
     display: inline-block;
     padding: 15px 24px;
     font-weight: 500;
 }
 .page h1::after {
     display: none;
 }
 h2 {
     margin: 0 0 16px 0;
 }
 h1:after,
 h2:after,
 h3:after {
     content: "";
     width: 220px;
     border-bottom: 2px solid rgb(241, 86, 78);
     position: absolute;
     left: 0;
     bottom: 0;
 }
 h3 {
     text-transform: uppercase;
     font-size: 1.4em;
     margin-top: 0px;
     margin: 0 0 18px 0;
     padding-bottom: 10px;
     color: rgb(38, 47, 59);
     position: relative;
 }
 .woocommerce-LoopProduct-link h3 {
     position: relative;
     text-align: center;
     background-color: #f1564e;
     color: #fff;
     font-size: 16px;
     line-height: 18px;
     font-weight: 500;
     padding: 15px 0;
     z-index: 2;
     overflow: hidden;
     -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
     transition: background-color 0.3s ease-in, color 0.3s ease-in;
 }
 .woocommerce-LoopProduct-link h3:after {
     content: attr(data-text);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 6px 0 0;
     color: #fff;
     -webkit-transform-origin: -25% 50%;
     transform-origin: -25% 50%;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     -webkit-transition: -webkit-transform 0.3s ease-in;
     transition: -webkit-transform 0.3s ease-in;
     transition: transform 0.3s ease-in;
     transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
     border-bottom: none;
 }
 .woocommerce-LoopProduct-link h3:hover {
     background-color: #262f3b;
     color: #262f3b;
 }
 .woocommerce-LoopProduct-link h3:hover {
     background-color: #262f3b;
     color: #262f3b;
 }
 .woocommerce-LoopProduct-link h3:hover::after {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 .cta-wb button {
     border-radius: 50px !important;
     padding: 8px 40px !important;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 .cta-wb button:hover {
     background-color: #086788 !important;
     color: #fff !important;
 }
 .cta-blue button {
     border-radius: 50px !important;
     padding: 8px 40px !important;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 .cta-blue button:hover {
     background-color: #086788 !important;
     color: #fff !important;
 }
 .cta-blog-classe button {
     border-radius: 50px !important;
     padding: 15px 0 !important;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 .cta-blog-classe button:hover {
     background-color: #ee964b !important;
     color: #fff !important;
 }
 /*-------------------------evenements-info grid -----------------------------*/

 .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9:before {
     padding-top: 68.25% !important;
 }
 .vc_gitem-zone-a .vc_gitem-row-position-bottom,
 .vc_gitem-zone-b .vc_gitem-row-position-bottom {
     bottom: -14px !important;
 }
 .vc_gitem-post-data.vc_gitem-post-data-source-post_categories.vc_grid-filter {
     text-align: left !important;
 }
 .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-juicy_pink > .vc_grid-filter-item,
 .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-juicy_pink > .vc_grid-filter-item {
     background-color: #086788 !important;
     margin-bottom: 0;
 }
 .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .cta-wb a {
     border-radius: 50px !important;
     padding: 9px 40px !important;
     -webkit-transition: all 0.3s ease-in-out !important;
     transition: all 0.3s ease-in-out !important;
 }
 .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .cta-wb a:hover {
     background-color: #086788 !important;
     color: #fff !important;
 }
 .vc_grid-filter-item.vc_gitem-post-category-name {
     text-transform: uppercase;
 }
 @media (min-width: 1024px) {
     .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9:before {
         padding-top: 46% !important;
     }
     .vc_gitem-zone-a .vc_gitem-row-position-middle,
     .vc_gitem-zone-b .vc_gitem-row-position-middle {
         top: 45% !important;
     }
     .vc_gitem-zone.vc_gitem-zone-a {
         padding: 10px !important;
     }
 }
 @media (min-width: 1200px) {
     .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9:before {
         padding-top: 37% !important;
     }
 }
 /*------------------------------------row home-title---------------*/

 #first-row {
     z-index: 2;
     top: -197px;
     padding-bottom: 76px;
     margin-bottom: -197px;
 }
 .block-title > .vc_column-inner {
     padding-left: 0 !important;
 }
 #first-row .home-title > .vc_column-inner {
     padding-left: 0;
 }
 @media (max-width: 992px) {
     #first-row .home-title > .vc_column-inner {
         padding-left: 15px;
         margin-bottom: 53px;
     }
 }
 #first-row .home-title > .vc_column-inner > .wpb_wrapper {
     background: rgb(200, 200, 207);
     padding: 30px 0 0px;
 }
 .home-title p,
 .home-sub-title p {
     font-size: 14px;
     line-height: 18px;
     color: rgb(93, 103, 121);
 }
 .margin62 {
     margin-bottom: 0px !important;
 }
 .home-title .button > div .vc_column-inner {
     position: absolute;
     bottom: -96px;
     padding-right: 0;
 }
 .home-title .button > div > .vc_column-inner > .wpb_wrapper > .wpb_text_column .wpb_wrapper {
     text-align: center;
     background-color: rgb(241, 86, 78);
     color: rgb(255, 255, 255);
     font-size: 24px;
     line-height: 23px;
     font-weight: 500;
     padding: 20px 0;
     z-index: 2;
 }
 .aio-icon i {
     margin-right: -4px;
 }
 .aio-icon i.Defaults-eur {
     padding: 19px !important;
     margin-right: 4px;
 }
 .big-icon p {
     text-transform: uppercase;
     font-size: 15px;
     line-height: 18px;
     font-weight: 500;
 }
 .big-icon .vc_column-inner .wpb_wrapper .wpb_text_column {
     margin-bottom: 0;
 }
 .uavc-icons,
 .wpb_column .wpb_wrapper .uavc-icons {
     margin-bottom: 0 !important;
 }
 /*------------------------------------row 2 ---------------*/

 #second-row {
     margin-bottom: 126px;
     overflow: initial;
 }
 #second-row > .home-sub-title {
     background: rgba(230, 229, 230, 1);
     background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230, 229, 230, 1)), color-stop(50%, rgba(230, 229, 230, 1)), color-stop(50%, rgba(200, 200, 207, 1)), color-stop(100%, rgba(200, 200, 207, 1)));
     background: -webkit-gradient(linear, left top, right top, from(rgba(230, 229, 230, 1)), color-stop(50%, rgba(230, 229, 230, 1)), color-stop(50%, rgba(200, 200, 207, 1)), to(rgba(200, 200, 207, 1)));
     background: linear-gradient(to right, rgba(230, 229, 230, 1) 0%, rgba(230, 229, 230, 1) 50%, rgba(200, 200, 207, 1) 50%, rgba(200, 200, 207, 1) 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6e5e6', endColorstr='#c8c8cf', GradientType=1);
 }

@media (max-width: 991px) {
   #third-row-2 .home-title,
   #third-row-4 .home-title {
     -webkit-box-ordinal-group:3;
         -ms-flex-order:2;
             order:2;
   }
   .thumbnails.columns-4 {
     margin-bottom: 40px;
   }

   #site-navigation {
     width: 100%;
   }
   #ubermenu-main-2-primary {
     position: absolute;
   }
   }
   @media (max-width: 992px) {
     #second-row > .home-sub-title {
         background: transparent;
     }
     #second-row .home-sub-title .home-title {
         padding-bottom: 60px;
         padding-top: 30px;
         padding-right: 15px;
         background: rgba(230, 229, 230, 1);
     }

     .caldera_forms_form .last_row {
     text-align: center;
    }
     #second-row .home-form {
         padding-top: 30px;
         background: rgba(200, 200, 207, 1);
         text-align: center;
         padding-right: 15px;
     }
     #second-row .home-form > .vc_column-inner {
         padding: 0 60px;
     }
 }
 #second-row .home-sub-title .home-title,
 #second-row .home-form {
     padding-left: 15px;
 }
 .vc_row-has-fill>.vc_column_container>.vc_column-inner {
     padding-top: 30px !important;
 }
 /*------------------------------------row 3 ---------------*/

 #third-row,
 #third-row-2,
 #third-row-3,
 #third-row-4 {
     margin-bottom: 102px;
 }
 #third-row .inside > .wpb_column > .vc_column-inner,
 #third-row-3 .inside > .wpb_column > .vc_column-inner {
     padding-left: 0;
 }
 #third-row-2 .inside > .wpb_column > .vc_column-inner,
 #third-row-4 .inside > .wpb_column > .vc_column-inner {
     padding-right: 0;
 }
 #third-row > .home-title > .vc_column-inner,
 #third-row-3 > .home-title > .vc_column-inner {
     padding-top: 0;
     padding-right: 30px;
     padding-left: 0;
     margin-left: -116px;
     position: relative;
 }
 #third-row-2 > .home-title > .vc_column-inner,
 #third-row-4 > .home-title > .vc_column-inner {
     padding-top: 0;
     padding-left: 30px;
     padding-right: 0;
     margin-right: -116px;
     position: relative;
     z-index: 1;
 }
 @media (max-width: 992px) {
     #third-row > .home-title > .vc_column-inner,
     #third-row-3 > .home-title > .vc_column-inner {
         padding-top: 0;
         padding-right: 15px;
         padding-left: 15px;
         margin-left: 0px;
         margin-top: -168px;
     }
     #third-row-2 > .home-title > .vc_column-inner,
     #third-row-4 > .home-title > .vc_column-inner {
         padding-top: 0;
         padding-left: 15px;
         padding-right: 15px;
         margin-right: 0px;
         margin-top: -168px;
     }
 }
 #third-row .wpb_content_element,
 #third-row-2 .wpb_content_element,
 #third-row-3 .wpb_content_element,
 #third-row-4 .wpb_content_element {
     margin-bottom: 0;
 }
 #third-row > .wpb_column:first-child > .vc_column-inner,
 #third-row-3 > .wpb_column:first-child > .vc_column-inner {
     padding-right: 30px;
     padding-top: 0;
     padding-left: 30px;
 }
 #third-row-2 > .wpb_column:last-child > .vc_column-inner,
 #third-row-4 > .wpb_column:last-child > .vc_column-inner {
     padding-right: 30px;
     padding-top: 0;
     padding-left: 30px;
 }
 #third-row .home-title > .vc_column-inner > .wpb_wrapper,
 #third-row-2 .home-title > .vc_column-inner > .wpb_wrapper,
 #third-row-3 .home-title > .vc_column-inner > .wpb_wrapper,
 #third-row-4 .home-title > .vc_column-inner > .wpb_wrapper {
     background: #c8c8cf;
     padding: 30px 0 0;
     margin-bottom: 23px;
 }
 #third-row .home-title p,
 #third-row-2 .home-title p,
 #third-row-3 .home-title p,
 #third-row-4 .home-title p {
     font-size: 14px;
     line-height: 22px;
     margin-bottom: 24px;
     color: rgb(93, 103, 121);
 }
 #third-row .home-title .button > div .vc_column-inner,
 #third-row-3 .home-title .button > div .vc_column-inner {
     position: relative;
     margin-bottom: -62px;
     padding-right: 0;
     bottom: initial;
 }
 #third-row-2 .home-title .button > div .vc_column-inner,
 #third-row-4 .home-title .button > div .vc_column-inner {
     position: relative;
     margin-bottom: -62px;
     padding-left: 0;
     bottom: initial;
 }
 .margin32 {
     margin-bottom: 20px !important;
 }
 .img-left .vc_column-inner {
     /* margin-left: calc(8.33333333% - 15px); */
     /* padding-right: 0 !important; */
 }
 /*------------------------------------row 4-8 ---------------*/

 #fourth-row .home-title > .vc_column-inner > .wpb_wrapper {
     background-color: transparent;
     padding: 0px 0 15px 15px;
 }
 @media (max-width: 992px) {
     #fourth-row .home-title > .vc_column-inner > .wpb_wrapper {
         padding: 0px 0 15px 0px;
     }
     #nineth-row > .wpb_column > .vc_column-inner,
     #third-row .inside > .wpb_column > .vc_column-inner,
     #third-row-3 .inside > .wpb_column > .vc_column-inner {
         padding-left: 25px !important;
           padding-right: 25px !important;
         text-align: center;
     }
     section.footer-bottom p {
  padding: 0 30px !important;
}
     #third-row-2 .inside > .wpb_column > .vc_column-inner,
     #third-row-4 .inside > .wpb_column > .vc_column-inner {
         padding-right: 15px !important;
         text-align: center;
     }
     .block-title > .vc_column-inner {
         padding-right: 25px !important;
         padding-left: 25px !important;
         text-align: center;
     }
 }
 .full-width .vc_column-inner {
     padding: 0;
 }
 .full-width > .vc_column-inner {
     padding: 0;
 }
 #fifth-row .wpb_raw_html,
 #sixth-row .wpb_raw_html,
 #seventh-row .wpb_raw_html,
 #eighth-row .wpb_raw_html {
     /* overflow: hidden; */
     margin-bottom: 0;
 }
 #fifth-row > .wpb_column .vc_column-inner,
 #sixth-row > .wpb_column .vc_column-inner #seventh-row > .wpb_column .vc_column-inner #eighth-row > .wpb_column .vc_column-inner {
     padding-top: 0;
 }
 .bg-grey {
     margin-bottom: -48px;
 }
 .bg-grey ul {
     margin: 0;
     float: left;
     width: 50%;
     padding: 0;
     list-style: none;
     text-align: left;
 }
 #eighth-row .bg-grey ul {
     width: 100%;
 }
 .bg-grey ul li {
     color: rgb(75, 84, 100);
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 20px;
     background-image: url(img/picto-eiso.png);
     background-repeat: no-repeat;
     background-position: 0 50%;
     padding-left: 24px;
 }
 #fifth-row .bg-grey ul li:last-child,
 #sixth-row .bg-grey ul li:last-child,
 #seventh-row .bg-grey ul li:last-child {
     margin-bottom: 74px;
 }
 #eighth-row .bg-grey ul li:last-child {
     margin-bottom: 64px;
 }
 #sixth-row .block-product,
 #eighth-row .block-product {
     padding-left: 30px !important;
 }
 @media (min-width:768px) and (max-width: 992px) {
   #fifth-row .block-product,
   #sixth-row .block-product,
   #seventh-row .block-product,
   #eighth-row .block-product {
       padding-right: 30px;
       padding-left: 30px;
   }
   #sixth-row .block-product,
   #eighth-row .block-product {
       padding-left: 45px !important;
   }
   }
  @media (max-width: 992px) {
     #fifth-row > .wpb_column .vc_column-inner,
     #sixth-row > .wpb_column .vc_column-inner,
     #seventh-row > .wpb_column .vc_column-inner,
     #eighth-row > .wpb_column .vc_column-inner {
         text-align: center;
     }

 }
 @media (min-width: 320px) and (max-width: 767px) {
     header#masthead {
         padding-bottom: 0;
     }
     #site-header-menu,
     #ubermenu-main-2-primary {
  box-shadow: 0px 6px 13px 0px rgba(0,0,0,0.2);
}
     header section.navigation {
         height: auto;
     }
     header section.navigation .row {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
     }
     header section.navigation .logo-nav {
         padding: 16px 60px;
     }
     .ubermenu-responsive-toggle-content-align-right {
         text-align: center !important;
         padding: 8px 0 !important;
     }
     #fifth-row .block-product,
     #sixth-row .block-product,
     #seventh-row .block-product,
     #eighth-row .block-product {
         padding-right: 0px !important;
         padding-left: 0px !important;
     }

     #sixth-row .block-product,
     #eighth-row .block-product {
         padding-left: 15px !important;
     }

     .button {
       font-size: 14px !important;
        padding: 15px 12px !important;
     }

     .block-product h2 {
       margin-top: 20px;
     }

     h1,
     h2 {
         font-size: 22px !important;
     }
     #first-row {
         padding-bottom: 0 !important;
     }
     #CF58ee3d7e4f1d3_1-row-1 {
         display: block !important;
     }
     .caldera-grid .col-xs-8 {
         width: 80% !important;
     }
     .caldera-grid .col-xs-4 {
         width: 20% !important;
     }
     .button_search {
         margin-bottom: 50px !important;
         text-align: center;
     }
     #second-row .home-form > .vc_column-inner {
         padding: 0 !important;
     }
     #third-row .vc_column_container>.vc_column-inner,
     #third-row-2 .vc_column_container>.vc_column-inner,
     #third-row-3 .vc_column_container>.vc_column-inner,
     #third-row-4 .vc_column_container>.vc_column-inner {
         padding-left: 0;
         padding-right: 0;
     }
     .bg-grey ul {
         width: 100% !important;
     }
     #fifth-row .bg-grey ul li:last-child,
     #sixth-row .bg-grey ul li:last-child,
     #seventh-row .bg-grey ul li:last-child {
         margin-bottom: 20px !important;
     }
     #fifth-row > .wpb_column .vc_column-inner,
     #sixth-row > .wpb_column .vc_column-inner,
     #seventh-row > .wpb_column .vc_column-inner,
     #eighth-row > .wpb_column .vc_column-inner {
         padding-top: 0 !important;
     }
 }
 .button {
     position: relative!important;
     text-align: center;
     !important margin-bottom: 4px;
     bottom: 0;
     display: inline-block !important;
     background-color: #f1564e;
     color: #fff;
     font-size: 16px;
     line-height: 18px;
     font-weight: 500;
     padding: 15px 22px;
     height: 48px;
     overflow: hidden;
     outline: none !important;
     -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in !important;
     transition: background-color 0.3s ease-in, color 0.3s ease-in !important;
     cursor: pointer;
 }
 .revendeurs {
     padding-right: 0;
     display: none;
 }
 .button.rev_dist {
     float: right;
     margin-bottom: 0;
     border-radius: 4px;
     padding: 6px 14px;
     background-color: rgb(93, 103, 121);
     height: 30px;
 }
 .button.rev_dist::after {
     content: attr(data-text);
     position: absolute;
     font-size: 13px;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 6px 0 0;
     color: rgb(255, 255, 255);
     -webkit-transform-origin: -25% 50%;
     transform-origin: -25% 50%;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     -webkit-transition: -webkit-transform 0.3s ease-in;
     transition: -webkit-transform 0.3s ease-in;
     transition: transform 0.3s ease-in;
     transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
 }
 .button.rev_dist a {
     color: rgb(255, 255, 255);
     font-size: 13px;
     -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
     transition: background-color 0.3s ease-in, color 0.3s ease-in;
 }
 .button.rev_dist:hover a {
     color: rgb(38, 47, 59);
 }
 #fifth-row .button,
 #sixth-row .button,
 #seventh-row .button {
     margin-bottom: -18px;
 }
 #eighth-row .button {
     margin-bottom: -28px;
 }
 #first-row .home-title .button {
     bottom: -28px;
     width: 220px;
 }
 #third-row .home-title .button,
 #third-row-2 .home-title .button,
 #third-row-3 .home-title .button,
 #third-row-4 .home-title .button {
     bottom: 0px;
     width: 272px;
     margin-bottom: -28px;
 }
 .home-sub-title .button {
     bottom: -22px;
     margin-bottom: 0;
     width: 274px !important;
     font-size: 16px;
     line-height: 18px;
 }
 .button:hover {
     background-color: rgb(38, 47, 59)!important;
     color: rgb(38, 47, 59) !important;
 }
 .button::after,
 input[type="submit"]::after {
     content: attr(data-text);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 15px 0 0;
     color: rgb(255, 255, 255);
     -webkit-transform-origin: -25% 50%;
     transform-origin: -25% 50%;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     -webkit-transition: -webkit-transform 0.3s ease-in;
     transition: -webkit-transform 0.3s ease-in;
     transition: transform 0.3s ease-in;
     transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
 }
 .button:hover::after,
 input[type="submit"]:hover::after {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 /*------------------------------------row 5-8 ---------------*/

 #fifth-row,
 #sixth-row,
 #seventh-row,
 #eighth-row {
     background-color: rgb(230, 229, 232);
     margin-bottom: 58px;
     overflow: inherit;
 }
 .h236 {
     height: 236px;
 }
 #eighth-row {
     margin-bottom: 56px;
 }
 @media (max-width: 992px) {
     .upb_row_bg {
         background-image: none !important;
     }
     .img-mobile {
         margin: 0 !important;
     }
     .img-mobile figure,
     .img-mobile .vc_single_image-wrapper,
     .img-mobile img {
         width: 110% !important;
     }
 }
 @media (min-width: 992px) {
     .img-mobile {
         display: none !important;
     }
 }
 /*------------------------------------row 9 ---------------*/

 #nineth-row > .wpb_column > .vc_column-inner {
     padding-left: 30px;
 }
 #nineth2-row {
     margin-bottom: 78px;
 }
 /*------------------------------------row 10 ---------------*/

 #tenth-row {
     padding: 46px 0;
     background-color: rgb(230, 229, 232);
 }
 #tenth-row.bg-grey {
     margin-bottom: 0;
 }
 #tenth-row .icon-text {
     padding-top: 18px;
     margin-top: 18px;
     position: relative;
 }
 #tenth-row .icon-text:before {
     content: "";
     position: absolute;
     left: calc(50% - 10px);
     top: 0;
     height: 2px;
     width: 20px;
     background-color: rgb(241, 86, 78);
 }
 /*----------------breadcrumbs----------------------------------*/

 #breadcrumbs {
     margin-bottom: 40px;
     color: rgb(38, 47, 59);
 }
 #breadcrumbs a {
     color: rgb(93, 103, 121);
     font-weight: 500;
 }
 #breadcrumbs a:hover {
     color: rgb(241, 86, 78);
 }
 .breadcrumb_last {
     font-weight: 400;
     color: #f1564e;
 }
 /*-----------------------archive product------------------------*/

 .product-category {
     -webkit-box-align: initial !important;
         -ms-flex-align: initial !important;
             align-items: initial !important;
 }
 .term-description {
     margin-bottom: 78px;
 }
 .cat-infos {
     background-color: rgb(230, 229, 232);
     padding: 30px;
 }
 .cat-img {
     padding: 0;
 }
 /*-----------------------solo product------------------------*/

 .images img {
     height: auto;
     -webkit-transition: opacity 0.3s ease-in, color 0.3s ease-in;
     transition: opacity 0.3s ease-in, color 0.3s ease-in;
     width: 100%;
 }
 .columns-4 a.zoom {
     width: 22.05%;
     margin: 0 3.8% 0 0;
     float: left;
     text-align: center;
 }
 .columns-4 a.zoom.first {
     clear: both;
 }
 .columns-4 a.zoom.last {
     margin-right: 0;
 }
 .thumbnails img:hover {
     opacity: 0.75;
 }
 .woocommerce-main-image img {
     width: 100%;
     height: auto;
 }
 .product {
     float: left;
 }
 .product_title {
     margin-bottom: 35px;
 }
 .woocommerce-tabs.wc-tabs-wrapper {
     display: grid;
 }
 .description {
     margin-bottom: 40px;
 }
 .thumbnails {
     margin-top: 40px;
     overflow: hidden;
 }
 div#overlay {
     width: 540px;
     height: 405px;
     left: 0;
     top: 0;
     display: none !important;
     position: absolute;
     background-repeat: no-repeat;
     z-index: 2;
     background-color: #fff;
 }
 .additional_information {
     padding: 0;
     margin-bottom: 30px;
 }
 table.shop_attributes {
     background-color: rgb(230, 229, 232);
     width: 100%;
 }
 table.shop_attributes th {
     background-color: rgb(93, 103, 121);
     color: rgb(255, 255, 255);
     text-transform: uppercase;
     font-weight: 400;
 }
 table.shop_attributes td,
 th {
     border: solid 1px rgb(255, 255, 255);
     padding: 12px;
 }
 table.shop_attributes td p {
     margin: 0px;
 }
 .row.single-product {
     margin-bottom: 102px;
     margin-top: 90px;
     position: relative;
 }
 /* TABLEAU SINGLE PRODUCT */

 .attributes {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-flow: column;
             flex-flow: column;
     color: #262f3b;
     border: solid 1px #262f3b;
     background: #e6e5e8;
 }
 .attributes-row-title {
     background-color: #5d6779;
     padding: 4px 6px;
     border-top: solid 1px #262f3b;
     text-transform: uppercase;
     color: #fff;
     font-weight: 500;
 }
 .attributes-row-title:first-child {
     border-top: none;
 }
 .attributes-row-att {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-flow: row;
             flex-flow: row;
     border-top: solid 1px #262f3b;
 }
 .attributes-row-content.name {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     border-right: solid 1px #262f3b;
     padding: 2px 6px;
     font-weight: 500;
     min-width: 141px;
 }
 .attributes-row-content.value.dim {
     font-weight: 500;
 }
 .attributes-row-content.value {
     -webkit-box-flex: 3;
         -ms-flex: 3;
             flex: 3;
     padding: 4px 6px;
 }
 /*-----------------------page 404------------------------*/

 section.error-404 .content-404 {
     text-align: center !important;
     background-color: #e6e5e8;
     margin: 45px 0;
     padding: 20px 50px;
 }
 section.error-404 .content-404 h1 {
     background-color: inherit;
     text-align: center;
 }
 section.error-404 .content-404 h1:after {
     margin: 10px auto;
 }
 section.error-404 .content-404 h2:after {
     display: none;
 }
 section.error-404 .content-404 .search-form {
     margin: 20px 0;
 }
 section.error-404 .content-404 .search-form .screen-reader-text {
     display: none;
 }
 section.error-404 .content-404 .search-form input {
     padding: 5px 10px;
 }
 section.error-404 .content-404 .search-form .search-submit {
     background-color: #e94944;
     color: #fff;
     padding: 5px 20px;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 section.error-404 .content-404 .search-form .search-submit:hover {
     background-color: #353a47;
 }
 section.error-404 .content-404 .back-home {
     margin: 40px;
     display: inline-block;
     background-color: #353a47;
     padding: 8px 20px;
     color: #fff;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 section.error-404 .content-404 .back-home:hover {
     background-color: #191c23;
 }
 section.error-404 .page-content h1.page-title {
     padding: 0;
     margin: 20px 0 50px 0;
 }
 section.error-404 .content-404 h1::after {
     display: none
 }
 /*----------------------formulaire de contact------------------*/

 .wpcf7-form p.first-line {
     overflow: hidden;
     margin-bottom: 12px;
     padding: 2px 0 2px 1px;
 }
 label {
     float: left;
     width: 50%;
     margin-bottom: 0;
 }
 .wpcf7-form p.second-line {
     overflow: hidden;
     margin-bottom: -4px;
     padding: 2px 0 0 1px;
 }
 #wpcf7-f528-p17-o1 .wpcf7-form label {
     width: 100%;
 }
 .wpcf7-form p.second-line label {
     width: 100%;
     position: relative;
 }
 .wpcf7-form input {
     padding: 10px 16px;
     height: 42px;
     border-radius: 0;
     background-color: rgb(255, 255, 255);
     color: rgb(38, 47, 59);
     margin-bottom: 0;
     width: 94%;
     font-weight: 500;
     outline-color: rgb(38, 47, 59);
     outline-width: medium;
 }
 #wpcf7-f528-p17-o1 .wpcf7-form input {
     width: 100%;
 }
 .wpcf7-form textarea {
     padding: 18px 16px;
     border-radius: 0;
     background-color: rgb(255, 255, 255);
     width: 97%;
     resize: none;
     height: 100px;
     font-weight: 400;
     outline-color: rgb(38, 47, 59);
     outline-width: medium;
 }
 #wpcf7-f528-p17-o1 .wpcf7-form textarea {
     width: 100%;
     height: 108px;
 }
 ::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: rgb(160, 163, 174);
     font-weight: 500;
 }
 ::-moz-placeholder {
     /* Firefox 19+ */
     color: rgb(160, 163, 174);
     font-weight: 500;
 }
 :-ms-input-placeholder {
     /* IE 10+ */
     color: rgb(160, 163, 174);
     font-weight: 500;
 }
 :-moz-placeholder {
     /* Firefox 18- */
     color: rgb(160, 163, 174);
     font-weight: 500;
 }
 .wpcf7-form input[type="submit"] {
     width: 100%;
     padding: 15px 22px;
     position: absolute;
     z-index: 2;
     height: auto;
     left: 0;
     top: 0;
     margin: 0 auto;
     background: transparent;
     color: #fff;
     -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
     transition: background-color 0.3s ease-in, color 0.3s ease-in;
 }
 span.button[data-text="CONTACT"],
 div.button[data-text="RECHERCHER"] {
     padding: 0 !important;
     margin-bottom: -12px;
 }
 .wpcf7-form input[type="submit"]:hover,
 .button:hover .wpcf7-form input[type="submit"],
 .button:hover input.no-button {
     color: transparent;
     /* background-color: rgb(38,47,59); */
 }
 .vc_grid-filter-item {
     background-color: #ee964b !important;
     padding: 3px 19px !important;
     text-transform: uppercase !important;
 }
 .vc_grid-filter-item:hover {
     background-color: #086788 !important;
 }
 .vc_grid-filter-item span {
     color: #fff;
 }
 .vc_active.vc_grid-filter-item {
     background-color: #086788 !important;
 }
 .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active > span,
 .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span {
     color: #fff !important;
 }
 .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date {
     display: inline-block;
     float: right;
 }
 .vc_gitem-post-data.vc_gitem-post-data-source-post_categories.vc_grid-filter.vc_clearfix.vc_grid-filter-filled.vc_grid-filter-filled-rounded-all.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-juicy_pink {
     float: left;
     display: inline-block;
 }
 .vc_grid-filter-item.vc_gitem-post-category-name {
     margin-right
 }
 .contact i {
     text-align: center;
     width: 30px;
     color: #f1564e;
 }
 .contact p {
     margin-bottom: 6px;
 }
 /* FORM SEARCH */

 #CF58ee3d7e4f1d3_1-row-1 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     margin-bottom: -14px;
 }
 .caldera-grid .form-control {
     color: #a0a3ae !important;
 }
 .select_search {
     margin-bottom: 12px !important;
     padding: 2px 0 2px 0px;
 }
 #conditional_fld_195660_1 .select_search {
     margin-bottom: 0 !important;
 }
 .form-group.select_search .form-control:not(#s2id_fld_3182876_1),
 .ccselect2-container .ccselect2-choice {
     padding: 8px 16px !important;
     -webkit-appearance: none;
     -moz-appearance: none;
     height: 42px !important;
     border: none !important;
     border-radius: 0 !important;
     background-color: #fff !important;
     margin-bottom: 0 !important;
     outline-width: medium !important;
     font-weight: 500;
     text-decoration: none !important;
 }
 .ccselect2-container .ccselect2-choice {
     position: initial;
     background: transparent;
 }
 .ccselect2-container .ccselect2-choice > .ccselect2-chosen {
     margin-right: 0!important;
 }
 .ccselect2-container .ccselect2-choice .ccselect2-arrow {
     display: none !important;
 }
 .form-group.select_search,
 .form-group.select_search div {
     position: relative;
 }
 select option[value="Aluminium"],
 select option[value="Plastique"] {
     color: #262f3b;
 }
 div[data-field-wrapper="fld_195660"]:after {
     content: "\f107";
     position: absolute;
     right: 16px;
     top: calc(50% - 8px);
     height: 14px;
     line-height: 16px;
     font-family: "FontAwesome";
     color: #f1564e;
     font-size: 20px;
 }
 .first_col .form-group {
     margin-bottom: 10px !important;
 }
 .caldera-grid .form-control::-webkit-input-placeholder {
     color: #a0a3ae !important;
     font-weight: 500 !important;
 }
 .form-control::-webkit-input-placeholder {
     color: #a0a3ae !important;
     font-weight: 500 !important;
 }
 .ccselect2-drop {
     border-radius: 0 !important;
 }
 .ccselect2-results {
     max-height: 26px !important;
 }
 .ccselect2-default,
 :disabled {
     color: #a0a3ae !important;
 }
 option[value="32"],
 option[value="33"] {
     color: #000 !important;
 }
 .caldera-grid label {
     font-size: 12px;
 }
 form.search-form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
 }
 input.search-field {
     padding: 8px 16px;
     height: 42px;
     margin-right: 2%;
     width: 78%;
 }
 input.search-submit {
     padding: 8px 16px;
     height: 42px;
     width: 37%;
     color: #fff;
     background-color: #262f3b;
     font-size: 13px;
     line-height: 18px;
     text-transform: uppercase;
 }
 input.no-button {
     color: #fff;
     background: none;
     margin: 0 !important;
     padding: 15px 22px !important;
     position: absolute;
     left: 0;
     z-index: 2;
     text-align: center;
     width: 100%;
     font-weight: 500;
     -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in !important;
     transition: background-color 0.3s ease-in, color 0.3s ease-in !important;
 }
 /* ERROR */

 div.wpcf7-validation-errors {
     position: absolute;
 }
 div.wpcf7 .ajax-loader {
     bottom: -20px;
     position: absolute;
 }
 .use-floating-validation-tip span.wpcf7-not-valid-tip {
     top: -4px !important;
     right: 10px !important;
     padding: 2px !important;
 }
 /*-----------------temporaire*/

 .ubermenu .ubermenu-nav .ubermenu-column-1-2 {
     width: 100% !important
 }
 .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
     width: 82% !important
 }

 .ubermenu-responsive.ubermenu .ubermenu-nav {
  padding: 12px 0px;
}

 @media (min-width: 480px) and (max-width: 666px) {
   header section.navigation .logo-nav {
     padding: 16px 120px;
   }
}

@media (min-width: 667px) and (max-width: 767px) {
  header section.navigation .logo-nav {
    padding: 16px 200px;
  }
}