/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

.h-widget {
	margin: 0 0 10px;
    font-family: inherit;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: hsl(0,0%,100%);
    font-size: 1.1em;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6{ margin-top:0 !important; }

/* HEADINGS */

@media (max-width: 767px) {
  .h1 { font-size: calc(15px + 5vw) !important; }
  .h2 { font-size: calc(15px + 4vw) !important; }
  .h3 { font-size: calc(15px + 3vw) !important; }
  .h4 { font-size: calc(15px + 2vw) !important; }
  .h5 { font-size: calc(15px + 1vw) !important; }
  .h6 { font-size: calc(15px + 0.5vw) !important; }
}

/* END HEADINGS */

/* END HEADINGS */

/* HEADER */

@media (min-width: 979px) { 
  /* .x-main.full { margin-top: -60px !important; } */ 
  .x-logobar { height: 100px; }
  .x-logobar-inner .x-container { padding-top: 5px; }
}

.x-logobar { border-bottom:none; height: 100px; }

.x-logobar-inner { padding-top: 0px !important; }

.logo-content { float: left; }

.masthead-stacked .x-brand { margin-top: 21.5px; width: 275px; }

.masthead-stacked .x-navbar .desktop .sub-menu { margin-top: -15px; background-color: #fff; }

.masthead-stacked .desktop .x-nav { width: inherit; }

.x-navbar { border-bottom: none; background-color: transparent; box-shadow: none; }

.x-nav-wrap.desktop { float: left; width: 100%; }

.x-navbar-inner { background-color: transparent; min-height: 0px !important; margin-bottom: -30px; }

.x-navbar .desktop .x-nav > li > a { color: #fff !important; padding-top: 24.5px !important; }

.x-navbar .desktop .x-nav>li>a { font-size: 12px !important; }

.x-navbar .desktop .x-nav>li>a { height: 60px !important; }

.x-navbar .desktop .x-nav>li>a:hover, .x-navbar .desktop .x-nav>.x-active>a, .x-navbar .desktop .x-nav>.current-menu-item>a, .x-navbar .desktop .x-nav>.current-menu-parent>a {
    box-shadow: none !important;
    border-bottom: 5px solid #474747;
    color: #fff !important;
}

.x-navbar-wrap { height: auto !important; background-color: white; }

.x-navbar .mobile .x-nav li>a { color: #f7f7f7 !important; text-transform: uppercase !important; }
.x-navbar .mobile .x-nav li>a:hover { color: #ffffff !important; }

body.x-navbar-fixed-top-active .x-navbar-wrap { height: 59px; background-color: white; }

.x-navbar-fixed-top > .x-navbar-inner, .x-navbar-fixed-top  { background-color: #292929; }

#top > header > div.x-navbar-wrap > div > div > div.x-container.max.width { background: #292929; }

.x-btn-navbar {
  margin-top: 10px;
  margin-bottom: 10px;
}

.x-btn-navbar, .x-btn-navbar.collapsed {     
  float: right;
  margin-top: -72px !important; 
}

.x-btn-navbar, .x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover {
  color: #ffffff !important;
  background-color: #00aeef;
  border-radius: 0px;
}

.desktop .sub-menu { border-radius: 0px; }

.desktop .sub-menu a {
  background: rgb(255, 255, 255) !important;
  color: #000 !important;
  text-transform: uppercase !important;
}

.desktop .sub-menu .x-active>a, .desktop .sub-menu .current-menu-item>a {
  background: #f2f2f2 !important;
  color: #000 !important;
}

.desktop .sub-menu li a:hover {
  background-color: #f2f2f2 !important;
  color: #00aeef !important;
}

.menu-button a span {
  border: 2px solid;
  border-radius: 5px;
  padding: 10px 10px;
  position: relative;
  margin-top: -15px;
  top: 0px;
}

.float-left {
  float: left;
}

.header-content { float: right; margin-top: 21px; float: none; display: inline-block; }

header .single-content.spaced {
  padding-right: 20px;
  padding-left: 0px;
}

header .single-content {
  position: relative;
  margin-left: 20px;
  margin-top: 3px;
  text-align: left;
}

header .single-content.bar:before {
  content: '';
  position: absolute;
  top: 6px;
  right: 0;
  width: 1px;
  height: 40px;
  background: #eeeeee;
}

header .single-content .fa {
  position: absolute;
  top: 10px;
  left: 0;
}

header .single-content p {
  color: #474646;
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0;
}

header .single-content span {
  color: #929292;
}

header .single-content a {
  color: #00aeef;
}

header .single-content h4 {
  font-size: 16px; margin-bottom: 0px !important; 
}

header .single-content h4 span { color: #000; margin-left: 7.5px;}

div.header-content > div > i:before { 
  font-size: 30px;
  color: #00aeef;
}

@media (max-width: 979px) {
  .header-content, .mobile-menu { display: none; }
  .x-navbar-inner { background-color: #292929; }
  .x-navbar-wrap { height: 0px; }
  .x-navbar .mobile .x-nav .current-menu-item > a { color: #fff !important; }
  body.x-navbar-fixed-top-active .x-navbar-wrap { height: 0px !important; }
}

@media (min-width: 980px) {
  /* .hentry:first-child { margin-top: 30px; } */

  .x-nav-wrap.desktop .menu-soumission, .x-nav-wrap.desktop .wpml-ls-item {
    float: right !important;
    color: #fff !important;
    background-color: #474747;
    text-transform: uppercase;
    -webkit-transition: color .75s ease,background-color .75s ease,border-color .3s ease,box-shadow .3s ease;
    transition: color .75s ease,background-color .75s ease,border-color .3s ease,box-shadow .3s ease;
  }

  .x-nav-wrap.desktop .menu-soumission:hover, .x-nav-wrap.desktop .wpml-ls-item:hover {
    color: #fFF;
    background-color: #00aeef;
    border-bottom: none !important;
  }

  .menu-soumission:hover a, .wpml-ls-item a, .wpml-ls-item:hover a {
    border-bottom:  none !important; 
  }  

  .menu-soumission > a > span, .wpml-ls-item > a > span { color: #fff; }
    .menu-soumission:hover > a > span, .wpml-ls-item:hover > a > span { color: #fff; }

  .x-nav-wrap.desktop .hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }

  .x-nav-wrap.desktop .hvr-bounce-to-right:hover, .x-nav-wrap.desktop .hvr-bounce-to-right:focus, .x-nav-wrap.desktop .hvr-bounce-to-right:active {
    color: white;
  }

  .x-nav-wrap.desktop .hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00aeef;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .x-nav-wrap.desktop .hvr-bounce-to-right:hover:before, .x-nav-wrap.desktop .hvr-bounce-to-right:focus:before, .x-nav-wrap.desktop .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }  
}

.mobile-menu {
    float: right;
    margin-top: 37px;
    margin-left: 5px;
}

.mobile-languages {
    border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    position: relative;
    background: #00aeef;
    color: white;
    top: 0;
    margin-right: 0;
    margin-left: 10px;
}

.mobile-languages:hover { color: rgba(255, 255, 255, 0.75); }

.mobile-languages span {
    font-style: normal;
    font-weight: 700;
    letter-spacing: .085em;
}

@media (min-width: 979px) {
.x-menu .wpml-ls-item {
    display: none !important;
}
}

.x-navbar .desktop .x-nav>li>a {
    font-size: 14px !important;
}

.home-menu a { 
  font-size: 16px !important;
}

@media (max-width: 767px) {
  .home-menu { display: none !important; } 
}

.desktop .x-nav > li {
  position: relative;
}
  
.desktop .x-nav > li:after { 
content: "";
    display: block;
    width: 1px;
    position: absolute;
    right: 0;
    background-color: #585858;
    top: 35%;
    bottom: 30%;
}

.menu-soumission:hover:after { display: none !important; }

.desktop .x-nav > li:last-child:after {
display: none;
}

@media (max-width: 1100px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) { padding-left: 15px; padding-right: 15px; }
.x-navbar .desktop .x-nav>li>a { font-size: 13px !important; }
.header-content { font-size: 13px; }
}

@media (max-width: 1050px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) { padding-left: 12.5px; padding-right: 12,5px; }
.x-navbar .desktop .x-nav>li>a { font-size: 12px !important; }
.header-content { font-size: 12px; }
}

#menu-item-60:after, #menu-item-48:after  { display: none !important; }

.x-navbar .desktop .x-nav li>a>span:after {
    content: "\f107" !important;
}

.x-sub-toggle > span > i:before { content: "\f107" !important; }

/* END HEADER */

/* TOPBAR */

.x-topbar { background-color: #434752; }
.x-topbar .x-social-global a { color: white; }
.x-topbar .x-social-global a:hover { color: rgba(255, 255, 255, 0.75); }

ul.inline { margin: 11px 0px; padding: 0px; }
ul.inline li { display: inline-block; list-style: none; margin-right: 0px; color: #fff; }
ul.inline li a { color: #fff; }
ul.inline li a:hover { color: rgba(255, 255, 255, 0.75); }
ul.inline i { margin-right: 4px; }

/* END TOPBAR */

/* BREADCRUMBS */

.breadcrumbs-section {
  background-image: url(/wp-content/themes/pro-child/images/image-breadcrumbs-hydraulics.jpg);
  background-size: cover;
}

.breadcrumbs-title {
    text-transform: uppercase;
    margin: 0px 0px 2.5px;
    font-size: 38px;
    font-weight: 900 !important;
}

.breadcrumbs-subtitle {
    margin-bottom: 0px;
    font-size: 22px;
}

/* END BREADCRUMBS */

/* FOOTER */

.x-colophon.top {
  background: #2b3c5b none repeat scroll 0 0;
  padding: 1.5% 0 1%;
  border-top: medium none;
}

.x-colophon.top .x-column.x-1-4 { position: relative; }

.x-colophon.bottom{
  background: #233350 none repeat scroll 0 0;
  border-top: 1px solid #233350 !important;
  box-shadow: 0 1px 0 0 #233350 inset;
}

.x-colophon.bottom .x-colophon-content {
  color: hsl(0, 0%, 100%);
  float: left;
  margin: 9px 0 10px;
}

.x-colophon.bottom .x-nav { float: right; }

.x-colophon.bottom .x-colophon-content a, .x-colophon.bottom .x-nav li a{ color:#ffffff; }

.x-colophon.bottom .x-colophon-content a:hover, .x-colophon.bottom .x-nav li a:hover{ color:#FFF; }

.x-colophon.bottom .x-colophon-content {
    text-align: center !important;
    width: 100% !important;
}

.widget { text-shadow: none !important; color:#FFF !important; }

.widget a::before, .widget a::after{ display:none; }

.widget a:hover { color: #ffffff !important; }

.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a { padding: 0 0 .33em !important; color: #fff !important; }

.widget_text ol, .widget_text ul { margin: 25px 0 1.313em 0.5em !important; }

.widget_nav_menu ul li, .widget_meta ul li, .widget_pages ul li {
  max-width: 100%;
  width: 100%;
}

.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a,
.widget ul, .widget ol{
  border-bottom: medium none !important;
  box-shadow: none !important;
  border: medium none !important;
}

.widget_nav_menu .current-menu-item > a,
.widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover{
  background-color: hsla(0, 0%, 0%, 0) !important;
}

@media (max-width: 979px) {
  .x-colophon.top {
    padding: 10% 0 0 !important;
  }
}

/* END FOOTER */

/* FOOTER CONTACT INFO */

.content-holder p span {
  color: #ffffff;
  font-weight: bolder;
}

.content-holder p {
  color: rgba(255, 255, 255, 0.75);

}

.contact-address li {
  list-style: outside none none;
  padding-bottom: 0px !important;
  padding-left: 40px !important;
  position: relative;
  list-style:none;
}

.contact-address li .content-holder {
  position: relative;
  top: -4px;
}


.contact-address li .icon-holder {
  position: absolute;
  top: 0;
  left: 0;
}

li .icon-holder span:before {
  color: #ffffff;
  font-size: 25px;
}

.border-dashed-1px {
  border: 1px dashed hsl(0, 0%, 100%);
  box-shadow: 0 0 0 6px hsl(42, 98%, 56%);
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #555 !important;
}

.list-group-item:hover{
  color: #555 !important;
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item a:hover{
  color: #555 !important;
}

@media screen and (max-width:500px) {
  .our-mission-section .x-column.x-1-2 {width: 100%;}
  .our-services-list li {float: left;max-width: 100%;width: 100%;}
}

/* END FOOTER CONTACT INFO */

/* BUTTONS */

.x-btn, .button, [type="submit"] { text-shadow: none !important; }

/* END BUTTONS */

/* NOUS JOINDRE */

.default-cinfo .icon_box { width: 40px; }
.default-cinfo li + li { margin-top: 10px; border-top: 1px solid #f1f1f1; padding-top: 12px; }
.default-cinfo li .icon_box, .default-cinfo li .text-box { display: table-cell; vertical-align: top; }
.default-cinfo li .text-box p{ color:#848484; }
.default-cinfo li .text-box b{ color: hsl(0, 0%, 13%); }
.default-cinfo li .text-box a { color: #00aeef; }
.default-cinfo li .icon_box i { font-size: 20px; color: #00aeef; position: relative; top: 7px; font-family: FontAwesome; font-style: normal; font-weight: normal; }

.default-cinfo .accordion .acc-btn { background: #f7f7f7; padding: 14px 30px; margin: 0; }
.default-cinfo .accordion-box { border: none; }
.default-cinfo .accordion { border: 1px solid #f7f7f7; }
.default-cinfo .accordion-box .accordion .acc-content b { color: #222; font-weight: 600; }

.contact-infos li{ list-style:none; }
.contact-infos li p:empty { display: none; }

.team-intro h5, .team-intro p { color: hsl(0, 0%, 100%) !important; }

.clear { clear:both; }

.testimonials-section .eacs-testimonial-item{ position:relative; }
.testimonials-section .eacs-testimonial-item:after {
    width: 50px;
    height: 50px;
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    background: white;
    background: linear-gradient(315deg, #222 45%, #333 50%, #333333 56%, #333 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
     transition-property: width, height; 
 }

.author-details > p { margin: 0 !important; }
.author-details { background: #f7f7f7; padding: 1px 8px; }
.author-details .item { padding: 8px 8px 8px; border-bottom: 1px solid rgba(51,51,51,.08); background: #fff; margin: 5px 0; }
.author-details .item:last-child { border-bottom: 0px; }
.author-details .item .img-box, .author-details .item .content { display: table-cell; vertical-align: top; }
.author-details .item .img-box { width: 67px; }
.author-details .item .img-box img { max-width: none; width: inherit; }
.author-details .item .content{ padding-left: 0px; width: 100%; }
.author-details .item .content p { color: #9e9e9e; font-size: 14px; margin-bottom: 0; line-height: 25px; }
.author-details .item .content p i {color: #00aeef; margin-right: 5px; font-family: FontAwesome; font-style: normal; font-weight: normal; }
.author-details .item h5 { font-size: 16px; margin-bottom: 15px; color: #00aeef; }
.author-details .item .content h5 { color: #000; margin: 0; }
.author-details .item .content a { color: #00aeef; }



.service-catergory li a:hover {color: #00aeef; }

#infos > #location > div.x-accordion-heading > a { color: #ffffff; background-color: #00aeef; cursor: initial; }
#infos> #location > div.x-accordion-heading > a:before { display: none; }
#infos > #location > div.x-accordion-heading > a:hover { color: #ffffff; background-color: #00aeef; }

/* END NOUS JOINDRE */

/* FORM NOUS JOINDRE */

.form-nous-joindre label { display: none; }
.form-nous-joindre input { border-radius: 0px; margin-top: 2.5% !important; }
.form-nous-joindre textarea { border-radius: 0px; margin-top: 12.5px !important; }
.form-nous-joindre select { height: 43px !important; }
.form-nous-joindre .x-column { margin-right: 1.5%; }
.form-nous-joindre .x-column.x-1-2 { width: 49%; }
@media (max-width: 767px) { .form-nous-joindre .x-column.x-1-2 { width: 100%; } }
.form-nous-joindre .x-column.last-col { margin-right: 0% !important; }

/* END FORM NOUS JOINDRE */

/* FONT AWESOME */

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-location-arrow:before { content: "\f124"; }
.fa-phone:before { content: "\f095"; }
.fa-home:before { content: "\f015"; }
.fa-envelope:before{ content:"\f0e0"; }
.fa-fax:before { content:"\f1ac"; }

/* END FONT AWESOME */

/* HEADER */

@media (max-width: 1200px) {
.low-bar .x-menu > li:first-child { display: none; }
}

@media (max-width: 550px) {
	.x-bar-outer-spacers:before, .x-bar-outer-spacers:after {
    	-webkit-flex-basis: 1.5em !important;
    	flex-basis: 1.5em !important;
    	width: 1.5em !important;
    	height: 1.5em !important;
	}
}

@media (max-width: 767px) {
  .button-phone .x-anchor-text-primary { display: none; }
  .button-phone .x-anchor-graphic { margin-bottom: -5px !important; }
  .high-bar { box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2) !important; }
}

.low-bar .x-menu > li.menu-soumission > .x-anchor { border: none !important; }

.widget-container h4 {
    font-size: 16px;
    margin-bottom: 0 !important;
}

.widget-container h4 span {
    color: #000;
    margin-left: 7.5px;
}

.widget-container p {
    color: #474646;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
}

@media (min-width: 980px) {
.menu-soumission {
    color: #fff !important;
    background-color: #009dd8;
    text-transform: uppercase;
    -webkit-transition: color .75s ease,background-color .75s ease,border-color .3s ease,box-shadow .3s ease;
    transition: color .75s ease,background-color .75s ease,border-color .3s ease,box-shadow .3s ease;
}

.menu-soumission:hover {
    color: #fFF;
    background-color: #00aeef;
    border-bottom: 0 !important;
}
}

.wpml-lang ul { border-radius: 0px !important; }

.wpml-lang a {
    border-radius: 0px !important;
    padding: 15px;
    background: #00aeef;
    color: white !important; 
    font-weight: bold;
}

.eacs-logo-carousel .eacs-logo-carousel-item {
    margin: 10px;
    height: 100px !important;
}

.wpml-ls-legacy-list-horizontal { padding-right: 0px; }

.x-boxed-layout-active .site, .x-boxed-layout-active .x-site { border: none !important; }

.et-align-center nav {
margin-bottom: 0px !important;
display: block !important;
}

.flexcards {
  flex-flow: row wrap; 
  display: flex!important;
}

.flexcards .x-card-outer {
  flex: 1 1 300px; 
  margin: 0;
  border: 10px solid #00b0f0;
}

.flexcards .x-card-outer .x-card-inner {
  width: 100%;
  min-height: 425px!important;
}

.flexmethod {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.x-container:before {
  content: normal !important;
}

.container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; 
  -webkit-box-orient: vertical !important; 
  -webkit-box-direction: normal !important;  
      -ms-flex-direction: column !important; 
          flex-direction: column !important;
}
.item-button {
  margin-top: auto !important;
}
.x-container:before {
  content: normal !important;
}