/*
Theme Name: RH Partners
Theme URI: http://www.rh-partners.com/
Description: 
Version: 1.0
Author: ohmyweb
Author URI: http://www.ohmyweb.fr
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css?family=Catamaran:200,400,600,900');


/* Alignements WordPress */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.gallery a.thumbnail img {
	max-height: 168px;
	width: auto;
}
.gform_wrapper .top_label li.gfield.gf_hide_label > label { display:none; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  background-color: #eee;
}
::-webkit-scrollbar {
  width: 6px;
  background-color: #303030;
}
::-webkit-scrollbar-thumb {
  background-color: #303030;
}

::-moz-selection { /* Code for Firefox */
  background: rgba(0,0,0,0.2);
  color:#fff;
  }
::selection {
  background: rgba(0,0,0,0.2);
  color:#fff;
  }
html,body {
  position: relative; margin:0; width: 100%;
  font-family: 'Catamaran', sans-serif; font-weight: 400;
  background: #fff;
  color: #303030;
}
h1, h2, h3, h4, h5 {font-weight: 600;}
.h1, h1 {font-size: 50px;}

b, strong {font-weight: 700;}
a {color: #071619; text-decoration: none;}
:focus {outline: none!important;  outline-offset: 0!important;}
a:hover, a:active, a:focus {color: #303030; text-decoration: none;}
p {letter-spacing: 0.5px; line-height: 24px;}
.clearspace {clear: both; margin-top: 30px;}
.blockspace {margin-bottom: 30px;}
.imgfull{
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.lead {font-weight: 600;}
.blue {color: #1980ff!important}
.semi_bold {font-weight: 500!important;}
hr {display: block; width: 100%; border-color: #cdcdcd; margin: 30px 0;}
.block_space {margin-top: 15px; margin-bottom: 15px;}
.fade-img {opacity: 0.8;  -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.fade-img:hover {opacity: 1;}
@keyframes fade-on {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes head_title_animation {
  0% { 
    opacity: 0;
    margin-top: 30px;
  }
  100% {
    opacity: 1;
    margin-top: auto;
  }
}
@keyframes head_title_animation {
  0% { 
    opacity: 0;
    margin-top: 30px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

@-webkit-keyframes zoomIn_slider{
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomIn_slider {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes show_element {
    0% { 
      opacity: 0;
      margin-top: 20px;
    }
    100% {
      opacity: 1;
      margin-top: 0;
    }
  }
.animation_element, .animation_element-loop {margin-top: 20px; opacity: 0;}
.animation_element.in-view, .animation_element-loop.in-view {
  -webkit-animation-name: show_element;
          animation-name: show_element;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
          animation-play-state: running;
      }

 
/*---- header nav --------------------------------------------------*/

.navbar-custom {
  position: fixed; min-height: 40px;
  padding: 5px 10px; top: 0; width: 100%;
  border-bottom: none; 
  background: rgba(13,27,34,0);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.navbar-custom.opaque { background: rgba(13,27,34,0.8); padding-top: 0; padding-bottom: 0;}
.navbar-custom .navbar-brand {
  display: inline-block; margin: 0px 10px; max-width: 155px;  padding: 0; float: left;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-custom .navbar-brand:hover { opacity: 0.7;}
.navbar-custom.opaque .navbar-brand { max-width: 105px; padding: 5px 0 0; height: auto;}
.navbar-custom #navbar_wrapper { 
  float: right; 
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.navbar-custom .nav { 
  display: inline-block;  margin: 15px auto 0; float: left;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.navbar-custom.opaque .nav { margin: 5px auto; }
.navbar-custom .nav>li {float: left; display: inline-block;}
.navbar-custom .nav>li>a {
  display: inline-block; position: relative; padding: 10px 15px; background-color: transparent;
  color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; line-height: unset;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.navbar-custom .nav>li>a::before,
.navbar-custom .nav>li>a::after {
  content: ""; display: block; position: absolute; height: 1px; width: 0px; 
  background-color: #fff; transform: rotate(-45deg);
    -webkit-transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;
}
.navbar-custom .nav>li>a::before {top: 0px; left: 65%;}
.navbar-custom .nav>li>a::after {bottom: 5px; left: 35%;}
.navbar-custom .nav>li>a:hover::before,
.navbar-custom .nav>li>a:hover::after { width: 10px; }
.navbar-custom .nav>li.mobbar-brand,
.navbar-custom .nav>li.mobbar-brand>a::before,
.navbar-custom .nav>li.mobbar-brand>a::after { display: none;}
.navbar-custom.opaque .nav>li>a {font-size: 14px; background-color: transparent;}
.navbar-custom .nav>li>a:focus, .navbar-custom .nav>li>a:hover {
  color: #fff; text-decoration: none;
    background-color: transparent;
}
.navbar-custom .nav_lang,
.navbar-custom.opaque .nav_lang  { position: relative; padding-left: 10px; margin-left: 10px; float: right;}
.navbar-custom .nav_lang::before { 
  content: ""; display: block; position: absolute; left: 0; top: 8px; width: 1px; height: 20px; background-color: #fff;
}
.navbar-custom .nav_lang li > ul.dropdown-menu {
    padding: 5px 0; min-width: 50px; margin: 0;
    background-color: transparent; text-align: center;
    box-shadow: none;
    border: none;
}
.navbar-custom .nav_lang li > ul.dropdown-menu>li>a {
  clear: both; display: block; padding: 10px;  background-color: rgba(13,27,34,0.8);
  font-weight: 600; line-height: 1; color: #fff; white-space: normal; text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;
}
.navbar-custom .nav_lang li > ul.dropdown-menu>li>a:focus, 
.navbar-custom .nav_lang li > ul.dropdown-menu>li>a:hover { color: #fff; text-decoration: none; background-color: rgba(25,128,255,0.8);}
.navbar-custom .nav_lang .btn-search {
  display: block; border: none; margin: 10px 10px; height: 18px; width: 18px; position: relative;
  background-color: transparent; background:url(assets/images/ico-search-white.svg) center no-repeat; background-size: contain;
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.navbar-custom .nav_lang .btn-search:hover {opacity: 0.5;}

/* modal ------------------------*/
.modal-backdrop {background-color: #fff;}
.modal-backdrop.in {opacity: 1;}
.modal-dialog { width: 1200px; max-width: 100%; height: auto; margin:0 auto 0; padding: 15px; }
.modal-content {
    width: 100%; float: left;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
}
.modal-content .close {
    display: block; position: relative; float: right; margin: 0 0 30px; width: 60px!important; height: 60px!important; z-index: 10; opacity: 1;
}
.modal-content .close::before, .modal-content .close::after {
  content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; height: 2px; width: 30px; background-color: #303030;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.modal-content .close::before {transform: translate(-50%, -50%) rotate(45deg);}
.modal-content .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.modal-content .close:hover::before, .modal-content .close:hover::after{transform: translate(-50%, -50%) rotate(180deg); }

#modal-search_block_top h4 { font-size: 30px; }
#modal-search_block_top #searchbox {
  float: left;  width: 100%; position: relative;
}
#modal-search_block_top .btn.button-search {
  border: none; margin: 0; width: 10%; max-width: 80px; padding: 0; background-color: transparent;
  display: block; font-size: 21px; text-transform: uppercase; font-weight: 600; color: #303030;
  position: absolute; top: 15px; right: 15px; bottom: 15px;
  -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
  }
#modal-search_block_top .btn.button-search:hover,
#modal-search_block_top .btn.button-search:active,
#modal-search_block_top .btn.button-search:focus { color: #888; transform: scale(1.2); background-color: transparent; box-shadow: none;}

form#searchbox {position: relative; }
form#searchbox label { color: #303030; }
#modal-search_block_top #search_query_top {
  display: inline;
  padding: 15px 10% 15px 15px;
  height: auto; overflow: visible;
  background: #fff;
  margin-right: 1px; width: 100%; height: auto!important;
  border: 3px solid #303030; border-radius: 0; outline: none;
  font-size: 18px; font-weight: 300; letter-spacing: 0; color: #303030; font-family: 'Catamaran', sans-serif;
  line-height: 1; box-shadow: 0px 0px 0px 15px #fff;
}
#modal-search_block_top input::placeholder {color: #303030;} 



/*Main wrapper
--------------------------------------------------------------------------*/
#main {position: relative; width: 100%; overflow-x: hidden; }


/*header
-----------------------------------------------------------*/
/* home and prod carousel
------------------------------------------------------*/
#header_home {
  position: relative; margin:0px; height: auto; min-height:100vmin; width: 100%; display: block; padding-bottom: 20vmin;
  background-color: #08151a; overflow: hidden;
}
#header_home .imgcontainer {
  position: absolute; top: 0; left: 0; width: 100%; height: 70vh;
  background-position:  center; background-repeat: no-repeat; background-size: cover;
  -webkit-animation-name: zoomIn_slider;
          animation-name: zoomIn_slider;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
      }
#header_home .imgcontainer::before {
  content: ""; display: block;
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 1;
}
#header_home .imgcontainer::after {
  content: ""; display: block;
  position: absolute; left: 0; right: 0; bottom: -2px; height: 50%;
  background: -moz-linear-gradient(top, rgba(8,21,26,0) 0%, rgba(8,21,26,1) 80%,rgba(8,21,26,1) 100%);
  background: -webkit-linear-gradient(top, rgba(8,21,26,0) 0%,rgba(8,21,26,1) 80%,rgba(8,21,26,1) 100%);
  background: linear-gradient(to bottom, rgba(8,21,26,0) 0%,rgba(8,21,26,1) 80%,rgba(8,21,26,1) 100%);
  z-index: 1;
}
#header_home #header_intro {
  position: relative; margin: 80px 0 0; height: 40vh; min-height: 160px;
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
#header_home #header_intro .animate_caption {
  /*position: absolute; width: 100%; top: 50%; margin: auto; padding:40px 15px; bottom: auto; left: 50%; transform: translate(-50%, -50%);
  text-shadow: none;*/
  position: relative; width: 60vw; height: auto; margin-top: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
          text-align: center;
          display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          mix-blend-mode: overlay;
  z-index: 100;
}
#header_home #header_intro .animate_caption .logo-container { width: 30vw; margin: 0 auto; opacity: 0.8; }
#header_home #header_intro .animate_caption .logo-container .home_logo { width: 30vw; margin: 0 auto;}
#header_home #header_intro .animate_caption .punch_line {
  display: block; padding-top: 10px;  font-size: 1.4vw; letter-spacing: 0.345vw; font-weight: 600; color: #fff; 
}
#header_home #header_intro .animate_caption .geemik-1 { display: block; position: absolute;  width: 100%; height: auto; opacity: 0.0;}
#header_home #header_intro .animate_caption .geemik-2 { display: block; position: absolute;  width: 100%; height: auto; opacity: 0.0;}

/* # categorie-container -----------------*/
#categorie-container {
  position: relative; margin-top: 60px; margin-bottom: 60px; z-index: 1;
}
#categorie-container .categorie_block { display: block; position:relative; text-align: center; margin-bottom: 70px;}
#categorie-container .categorie_block img { 
  margin: 10px auto;
  -webkit-transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;
}
#categorie-container .categorie_block:hover img { transform: scale(1.2); }
#categorie-container .categorie_block .title_cat {margin: 0; line-height: 0.9; height: 120px;}
#categorie-container .categorie_block .title_cat::before {
  content: ""; position: absolute; display: block; width: 100%; height: 4px; top: 70%; left: 0%;
  transform: rotate(-45deg); z-index: 0; 
}
#categorie-container .categorie_block .title_cat::after {
  content: "\f067"; font-family: "FontAwesome"; font-size: 14px; line-height: 35px; text-align: center; color: #fff; border-radius: 50%;
  position: absolute; display: block; width: 35px; height: 35px; top: 110%; left: 20%;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
#categorie-container .categorie_block:hover .title_cat::after {transform: scale(1.2);
}
#categorie-container .categorie_block .title_cat > span {position: relative; display: inline-block; padding:10px; background-color: #0c161a; z-index: 1;}
#categorie-container .categorie_block .title_cat > span > strong {display: block; text-transform: uppercase;}
#categorie-container .categorie_block .title_cat > span > small {color: inherit; line-height: inherit; }

/*cat-colors -----------------*/
#categorie-container .categorie_block.cat-bleu .title_cat::before,
#categorie-container .categorie_block.cat-bleu .title_cat::after { background-color: #1980ff; }
#categorie-container .categorie_block.cat-bleu .title_cat {color: #1980ff}
#categorie-container .categorie_block.cat-pink .title_cat::before,
#categorie-container .categorie_block.cat-pink .title_cat::after { background-color: #e719ff; }
#categorie-container .categorie_block.cat-pink .title_cat {color: #e719ff}
#categorie-container .categorie_block.cat-orange .title_cat::before,
#categorie-container .categorie_block.cat-orange .title_cat::after { background-color: #ffaa28; }
#categorie-container .categorie_block.cat-orange .title_cat {color: #ffaa28}

/*- scroll down ---------------------*/
.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: -100px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  background-color: #071619;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

/*-- header_page ----------------------------------*/

#header_page {
  position: relative; margin:0px; height: 50vh; min-height:600px; width: 100%; display: block; padding: 0 30px;
  overflow: hidden;
}
#header_page .imgcontainer {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-position:  center; background-repeat: no-repeat; background-size: cover;
  -webkit-animation-name: zoomIn_slider;
          animation-name: zoomIn_slider;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
      }
#header_page .imgcontainer::before {
  content: ""; display: block;
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,0.25);
  z-index: 1;
}
#header_page #header_intro {
  position: relative; margin: 0px auto; height: 100%;
  z-index: 1;
}
#header_page #header_intro .animate_caption {
  position: absolute; top: 50%; margin: auto; bottom: auto; left: 0; transform: translateY(-50%);
  text-shadow: none;
  /*position: relative; display: block; width: 100%; height: auto; margin-top: 0;*/
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
          text-align: left;
  z-index: 100;
}
#header_page #header_intro .animate_caption .logo-container { width: 100%; margin: 0 auto; }
#header_page #header_intro .animate_caption .logo-container .home_logo { width: 30vw; margin: 0 auto;}
#header_page #header_intro .animate_caption .punch_line {
  display: block; padding-bottom: 10px; margin: 0; font-size: 50px; line-height: 90%; font-weight: 900; color: #fff; text-transform: uppercase;
}
#header_page #header_intro .animate_caption .geemik_container-1 { 
  display: block; position: absolute; width: 300px; max-width: 100%; height: auto; top: 0; left: 0; transform: translate(-50%, -50%); 
  opacity: 0.5;
}



/*--head titles style-------------------------------------*/
.head_title {
  position: relative; display: block; margin-top: 30px; margin-bottom: 30px; margin-left: -15px; 
  font-family: "Catamaran", sans-serif; letter-spacing: 0; text-transform: uppercase; font-weight: 900;
  /*z-index: 2;*/
}
.head_title::before {
  content: ""; position: absolute; display: block; width: 300px; height: 1px; background-color: #303030; top: 0%; left: 2%;
  transform: rotate(-45deg) translate(-35%, 0); z-index: 0;
}
.head_title span {position: relative; display: inline-block; padding:15px; background-color: #fff; z-index: 1;}
.head_title span > small { display: block; color: inherit; font-weight: 100; font-size: 50%;}

.head_title.img_title {padding: 0 /*60px*/; margin-bottom: 5px;}
.head_title.img_title img { 
  position: relative; display: inline-block; width: 80px; margin-right: -25px; transform: translateY(-75%);
  z-index: 2;
}
.text-right .head_title.img_title img { transform: translateY(-5%);}
.text-right .head_title.img_title::before {top: 0%; left: auto; right: 2%;}
.head_title.big_title {font-size: 50px; }

.head_title.simple::before {width: 200px; top: 0%; left: -5%; transform: rotate(-45deg) translate(-22%, 0);}

.title {margin-top: 30px; margin-bottom: 0px; letter-spacing: 0; text-transform: uppercase; font-weight: 900;}
.title.big_title {font-size: 41px; }
.head_title.img_title.big_title img { transform: translateY(-30%);}


/*job listing-------------------------------------*/
.job_liste {display: block; padding: 0; text-align: left;}
.job_liste li {display: block; list-style: none;}
.job_liste li a {
  position: relative; display: inline-block; padding: 10px 30px 10px 10px; margin: 0 0 5px 0; 
  background-color: #303030; 
  color: #fff;
  -moz-box-shadow: 0px 0px 0px 5px #eee;
  -webkit-box-shadow: 0px 0px 0px 5px #eee;
  -o-box-shadow: 0px 0px 0px 5px #eee;
  box-shadow: 0px 0px 0px 5px #eee;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.job_liste li a:hover { background-color: #e561ff;  color: #fff;}
.job_liste li a::after { 
  content: "\f101"; font-family: "FontAwesome"; display: block; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); 
  color: #e561ff; text-align: center;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.job_liste li a:hover::after { color: #303030;}
.job_liste li a time {font-size: 12px; font-weight: 300; color: #eee; position: relative; z-index: 1;}
.job_liste li a .title {margin: 5px 0; padding: 0; font-weight:600; font-size: 16px;  position: relative; z-index: 1;}


/*block_img block_txt -------------------------------------------*/
.block_txt, .block_img {margin-bottom: 30px; }
.block_img { position: relative; padding: 0 30px 0 15px; margin-bottom: 30px; z-index: -1;}
.block_img img { position: relative; z-index: 1; margin-top: 30px;}
.block_img::before {
    content: ""; position: absolute; display: block; width: 200%; height: 1px; top: 0%; left: -1%; transform: rotate(-45deg) translate(-20%, 0);
    z-index: 0;
}
.block_img.text-right img {float: right;  margin-top: 0;}
.border_box-container {position: relative; display: block; width: 100%; padding: 0 15px 0 60px; z-index: 1;}
.border_box {
  position: relative; text-align: left; background-color: #fff;
  border: 4px solid ; padding: 30px 30px 20px; font-weight: 600; margin-bottom: 20px;
  -moz-box-shadow: 0px 0px 0px 5px #fff;
  -webkit-box-shadow: 0px 0px 0px 5px #fff;
  -o-box-shadow: 0px 0px 0px 5px #fff;
  box-shadow: 0px 0px 0px 5px #fff;
  z-index: 1;
}
.btn-border_box {
  display: block; position: relative; border: 4px solid ; padding: 8px 30px 8px 8px; font-weight: 600; margin-bottom:  10px; width: 100%;
  text-transform: uppercase; line-height: 20px; font-size: 16px; text-align: left;
  -moz-box-shadow: 0px 0px 0px 5px #fff;
  -webkit-box-shadow: 0px 0px 0px 5px #fff;
  -o-box-shadow: 0px 0px 0px 5px #fff;
  box-shadow: 0px 0px 0px 5px #fff;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.btn-border_box::after { content: "\f101"; font-family: "FontAwesome"; display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}

.block_img.img_png_skew { display: block; position: relative; margin: 30px 0; padding: 40px 15px; text-align: center;}
.block_img.img_png_skew::before,
.block_img.img_png_skew::after {  
  content: ""; display: block; position: absolute; height: 2px; width: 80px; 
  background-color: #fff; transform: rotate(-45deg) translate(-10%, 0);
  -webkit-transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;
}
.block_img.img_png_skew::before {top: 0px; right: 0; left: auto;}
.block_img.img_png_skew::after {bottom: 0%; left: 0;}
.block_img.img_png_skew > img {margin: 0 auto;}

/* flex_section_title  -----------------------------*/
.flex_section_title .head_title::before {display: none;}
.flex_section_title .block_txt, .flex_section_title .block_img {margin-bottom: 30px; }
.flex_section_title .block_img { position: relative; padding: 0 30px 0 15px; margin-bottom: 30px; z-index: -1;}
.flex_section_title .block_img img { position: relative; z-index: 1; margin-top: 30px;}
.flex_section_title .block_img::before {
    content: ""; position: absolute; display: block; width: 200%; height: 1px; top: 0%; left: -1%; transform: rotate(-45deg) translate(-20%, 0); z-index: 0;
}


/*--- options pannel --------------------------------------------*/
.panel-group { margin: 60px 0; position: relative;}
.border_box-container .panel-group { margin: 0px 0 30px;}
.border_box-container .panel-group::before { display: none;}
.panel-group::before {
  content: ""; position: absolute; display: block; width: 300px; height: 1px; background-color: #303030; top: 0%; left: 2%;
  transform: rotate(-45deg) translate(-35%, 0); z-index: 0;
}
.panel-group .panel {
  position: relative; margin-bottom: 5px; border-radius: 0px; border: none; z-index: 1;
  -moz-box-shadow: 0px 0px 0px 5px #fff;
  -webkit-box-shadow: 0px 0px 0px 5px #fff;
  -o-box-shadow: 0px 0px 0px 5px #fff;
  box-shadow: 0px 0px 0px 5px #fff;
}
.panel-group .panel+.panel {margin-top: 0px;}
.panel-group .panel-heading {
    padding: 0px;
    border-bottom: none; border-top-left-radius: 0px;  border-top-right-radius: 0px;
}
.panel-group .panel-heading .panel-title {
    margin-top: 0; margin-bottom: 0;
    font-size: 16px; color: inherit; font-family: "Catamaran", sans-serif; 
}
.panel-group .panel-heading .panel-title a {
  display: block; position: relative; padding: 30px 40px 30px 20px; background-color: #303030; 
  color: #fff; font-weight: 500; text-transform: uppercase;
  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::after {
  content: ""; display: inline-block; position: absolute; top: 50%; right: 5px;  height: 1px; width: 20px;
  -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::before {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::after {transform: translate(-50%, -50%) rotate(-90deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]:hover::before {transform: translate(-50%, -50%) rotate(90deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]:hover::after {transform: translate(-50%, -50%) rotate(-0deg);}

.panel-group .panel-heading .panel-title a[aria-expanded="true"],
.panel-group .panel-heading .panel-title a[aria-expanded="true"] {background-color: transparent;}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::before,
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::after {
  content: ""; display: inline-block; position: absolute; top: 50%; right: 5px;  height: 1px; width: 20px; background-color: #303030;
  -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::before {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::after {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]:hover::before {transform: translate(-50%, -50%) rotate(45deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]:hover::after {transform: translate(-50%, -50%) rotate(-45deg);}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: none;}
.panel-body { 
  padding: 20px 20px 20px; background-color: rgba(0,0,0,0.15);
  font-weight: 500; color: #fff;
}


/* BTN -------------------------------------------------------------------*/
.btn-normal {
  display: inline-block; padding: 10px 15px; margin: 15px auto; border: 4px solid #1980ff; background-color: #fff;
  color: #1980ff; font-size: 16px; font-weight: 600; letter-spacing:0.5px; text-align: center; text-transform: uppercase;
  border-radius: 0!important; 
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-normal:hover {background-color: #1980ff; color: #fff;} 

.btn-normal.big {font-size: 18px; font-weight: 900; padding: 15px 20px;}
.large {display: block; width: 100%; margin: 15px 0;}
.btn-normal:not(.large) + .btn-normal:not(.large) { margin-left: 15px; }
.head_title + .btn-normal {
  position: relative; margin: 0 0 15px; transform: translateY(-30px); z-index: 1;
    -moz-box-shadow: 0px 0px 0px 5px #fff;
  -webkit-box-shadow: 0px 0px 0px 5px #fff;
  -o-box-shadow: 0px 0px 0px 5px #fff;
  box-shadow: 0px 0px 0px 5px #fff;
}
.btn_no_border {
    display: inline-block; padding: 10px 5px; margin: 0; border:none; background-color: transparent;
  color: #1980ff; font-size: 16px; font-weight: 600; letter-spacing:0.5px; text-align: center; text-transform: uppercase;
  border-radius: 0!important; 
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}

.btn_skew {
  display: block; position: relative; float: left; width: 100%; margin-bottom: 20px;
  font-size: 36px; font-weight: bold; text-transform: uppercase; line-height: 0.9; text-align: left;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.btn_skew::before {
  content: ""; position: absolute; display: block; width: 830px; height: 1px; bottom: 0%; left: -352px;
  transform: rotate(-45deg) translate(38%, 0); z-index: 0;
}
.btn_skew > span {position: relative; display: inline-block; padding:15px; z-index: 1;}
.btn_skew::after {
  content: "\f105"; font-family: "FontAwesome"; font-size: 14px; line-height: 30px; text-align: center; border-radius: 50%; 
  position: absolute; display: block; width: 30px; height: 30px; top: 120%; left: 15px;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.btn_skew:hover::after {
  transform: scale(1.2); 
  -moz-box-shadow: 0px 0px 10px 0px #000000;
  -webkit-box-shadow: 0px 0px 10px 0px #000000;
  -o-box-shadow: 0px 0px 10px 0px #000000;
  box-shadow: 0px 0px 10px 0px #000000;
}

.list_dots { padding: 0; } .list_dots li {list-style: none; margin-bottom: 10px;} 
.list_dots li::before {content: "\f111"; font-family: "FontAwesome"; color: #1980ff; padding-right: 10px;}

/*-----forms-------------*/

/* GravityForms */
.gform_wrapper .top_label li.gfield.gf_hide_label > label,
.gform_wrapper .top_label li.gfield.gf_hide_label.field_sublabel_below label { display:none; }
.gform_wrapper.gf_browser_chrome .gform_body {width: 100%!important;}
.form-control {height: 40px;}
.form-group input, .form-group  select, .form-group textarea {
  border-radius: 0px;
  margin-bottom: 0;
  border: 4px solid #303030;
  background-color: #fff;
  color: #303030; font-family: 'Catamaran', sans-serif;
  -moz-box-shadow: 0px 0px 0px 5px #fff;
  -webkit-box-shadow: 0px 0px 0px 5px #fff;
  -o-box-shadow: 0px 0px 0px 5px #fff;
  box-shadow: 0px 0px 0px 5px #fff;
}
.form-control::placeholder {color: #303030;} 
.form-group select {
  background: url("assets/images/arrow_select.png") no-repeat 98% 50%;
  -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form-control:focus {
    border-color: rgba(0,0,0,.75);
    outline: 0;
    -moz-box-shadow: 0px 0px 0px 5px #fff;
    -webkit-box-shadow: 0px 0px 0px 5px #fff;
    -o-box-shadow: 0px 0px 0px 5px #fff;
    box-shadow: 0px 0px 0px 5px #fff;
}
.form-group > .btn-normal {margin: 0;}

/* section skew ----------------------------------------------*/
.skew_section {
  display: block; position: relative; width: 100%; 
  padding: 0px 0 10vmin;
}
.skew_section:nth-last-child(2) { padding: 0px 0 15vmin;}
.skew_section .container { position: relative; z-index: 10;}
/*.skew_section::before {
  content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 150%;
   background-color: #ddd;
     -webkit-transform: skewY(-10deg) translateY(-50%);
    transform: skewY(-10deg) translateY(-50%);
}*/
.skew_section::before {
  content: "";  display: block; position: absolute; top: -20vmin; left: 0; width: 100%; height: 20vmin;  transform: translateY(1px);
  border-style: solid;
}
.skew_section:nth-child(odd)::before {border-width: 20vmin 0 0 100vw; border-color: transparent transparent transparent #007bff;}
.skew_section:nth-child(even)::before {border-width: 0 0 20vmin 100vw; border-color: transparent transparent #007bff transparent;}

/* section white */
.skew_section.section-white { background-color:#FFF; }
.skew_section:nth-child(odd).section-white::before { border-left-color:#FFF; }
.skew_section:nth-child(even).section-white::before { border-bottom-color:#FFF; }
.section-white.flex_section_title .block_img::before {background-color: #1980ff;}
.section-white .list-dots li::before {color: #e719ff;}


/* section blue */
.section-blue {color: #fff;}
.skew_section.section-blue,
.section-blue .head_title span { background-color:#1980ff; }
.skew_section:nth-child(odd).section-blue::before { border-left-color:#1980ff; }
.skew_section:nth-child(even).section-blue::before { border-bottom-color:#1980ff; }
.section-blue.flex_section_title .block_img::before {background-color: #fff;}

/* section dark */
.section-dark {color: #fff;}
.skew_section.section-dark,
.section-dark .head_title span { background-color:#303030; }
.skew_section:nth-child(odd).section-dark::before { border-left-color:#303030; }
.skew_section:nth-child(even).section-dark::before { border-bottom-color:#303030;  }
.section-dark.flex_section_title .block_img::before {background-color: #ffaa28;}

/* section orange */
.section-orange {color: #fff;}
.skew_section.section-orange,
.section-orange .head_title span { background-color:#ffaa28; }
.skew_section:nth-child(odd).section-orange::before { border-left-color:#ffaa28; }
.skew_section:nth-child(even).section-orange::before { border-bottom-color:#ffaa28;  }
.section-orange.flex_section_title .block_img::before {background-color: #303030;}

/* section grey */
.skew_section.section-grey,
.section-grey .head_title span { background-color:#eee; }
.skew_section:nth-child(odd).section-grey::before { border-left-color:#eee; }
.skew_section:nth-child(even).section-grey::before { border-bottom-color:#eee;  }
.section-grey.flex_section_title .block_img::before {background-color: #e719ff;}

/*variante color sections*/
/*white*/
.section-white .job_liste li a { background-color: #303030; color: #fff;
  -moz-box-shadow: 0px 0px 0px 5px #fff;
  -webkit-box-shadow: 0px 0px 0px 5px #fff;
  -o-box-shadow: 0px 0px 0px 5px #fff;
  box-shadow: 0px 0px 0px 5px #fff;
}
.section-white .job_liste li a:hover { background-color: #1980ff;  color: #fff;}
.section-white .job_liste li a::after { color: #e561ff; }
.section-white .job_liste li a:hover::after { color: #303030;}

.section-white .border_box {
    border-color: #1980ff;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 0px 5px #fff;
    -webkit-box-shadow: 0px 0px 0px 5px #fff;
    -o-box-shadow: 0px 0px 0px 5px #fff;
    box-shadow: 0px 0px 0px 5px #fff;
}
.section-white .btn-border_box:hover {
    background-color: #1980ff;
    color: #fff;
}

/*blue*/
.section-blue .head_title::before {background-color: #fff;}
.section-blue .border_box { 
  border-color: #fff; background-color: #1980ff;
  -moz-box-shadow: 0px 0px 0px 5px #1980ff;
  -webkit-box-shadow: 0px 0px 0px 5px #1980ff;
  -o-box-shadow: 0px 0px 0px 5px #1980ff;
  box-shadow: 0px 0px 0px 5px #1980ff;
}
.section-blue .btn-border_box,
.section-blue .form-group input, 
.section-blue .form-group  select, 
.section-blue .form-group textarea,
.section-blue .form-control:focus,
.section-blue .form-control::placeholder {
  border-color: #fff; background-color: #1980ff; color: #fff;
  -moz-box-shadow: 0px 0px 0px 5px #1980ff;
  -webkit-box-shadow: 0px 0px 0px 5px #1980ff;
  -o-box-shadow: 0px 0px 0px 5px #1980ff;
  box-shadow: 0px 0px 0px 5px #1980ff;
}
.section-blue .btn-border_box:hover {background-color: #fff; color: #1980ff; }

.section-blue .btn_skew {color: #fff;}
.section-blue .btn_skew:hover,
.section-blue .list_dots li::before {color: #303030;}
.section-blue .btn_skew::before,
.section-blue .panel-group::before {background-color: #fff;}
.section-blue .btn_skew > span {background-color: #1980ff;}
.section-blue .btn_skew::after { color: #1980ff;  background-color: #fff;}
.section-blue .btn-normal {background-color: #1980ff; border-color: #fff; color: #fff; }
.section-blue .btn-normal:hover {background-color: #fff; color: #1980ff;}
.section-blue .head_title + .btn-normal,
.section-blue .panel-group .panel {
    -moz-box-shadow: 0px 0px 0px 5px #1980ff;
  -webkit-box-shadow: 0px 0px 0px 5px #1980ff;
  -o-box-shadow: 0px 0px 0px 5px #1980ff;
  box-shadow: 0px 0px 0px 5px #1980ff;
}
.section-blue .panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.section-blue .panel-group .panel-heading .panel-title a[aria-expanded="false"]::after { background-color: #e719ff;}
.section-blue .job_liste li a { background-color: #303030; color: #fff;
  -moz-box-shadow: 0px 0px 0px 5px #1980ff;
  -webkit-box-shadow: 0px 0px 0px 5px #1980ff;
  -o-box-shadow: 0px 0px 0px 5px #1980ff;
  box-shadow: 0px 0px 0px 5px #1980ff;
}
.section-blue .job_liste li a:hover { background-color: #fff;  color: #303030;}
.section-blue .job_liste li a::after,
.section-blue .job_liste li a:hover time { color: #1980ff; }
.section-blue .job_liste li a:hover::after { color: #1980ff;}

/*dark*/
.section-dark .head_title::before {background-color: #ffaa28;}
.section-dark .border_box { 
  border-color: #ffaa28; background-color: #303030;
  -moz-box-shadow: 0px 0px 0px 5px #303030;
  -webkit-box-shadow: 0px 0px 0px 5px #303030;
  -o-box-shadow: 0px 0px 0px 5px #303030;
  box-shadow: 0px 0px 0px 5px #303030;
}
.section-dark .btn-border_box {
  border-color: #ffaa28; background-color: #303030; color: #fff;
  -moz-box-shadow: 0px 0px 0px 5px #303030;
  -webkit-box-shadow: 0px 0px 0px 5px #303030;
  -o-box-shadow: 0px 0px 0px 5px #303030;
  box-shadow: 0px 0px 0px 5px #303030;
}
.section-dark .btn-border_box:hover {background-color: #ffaa28; color: #303030; }

.section-dark .btn_skew,
.section-dark .list_dots li::before {color: #ffaa28;}
.section-dark .btn_skew:hover {color: #fff;}
.section-dark .btn_skew::before,
.section-dark .panel-group::before {background-color: #ffaa28;}
.section-dark .btn_skew > span {background-color: #303030;}
.section-dark .btn_skew::after { color: #303030;  background-color: #ffaa28;}
.section-dark .btn-normal {background-color: #303030; border-color:  #ffaa28; color: #ffaa28;}
.section-dark .btn-normal:hover {background-color: #ffaa28; color: #303030;}
.section-dark .head_title + .btn-normal {
  -moz-box-shadow: 0px 0px 0px 5px #303030;
  -webkit-box-shadow: 0px 0px 0px 5px #303030;
  -o-box-shadow: 0px 0px 0px 5px #303030;
  box-shadow: 0px 0px 0px 5px #303030;
}
.section-dark .panel-group .panel {
  background-color: #ffaa28;
  -moz-box-shadow: 0px 0px 0px 5px #303030;
  -webkit-box-shadow: 0px 0px 0px 5px #303030;
  -o-box-shadow: 0px 0px 0px 5px #303030;
  box-shadow: 0px 0px 0px 5px #303030;
}
.section-dark .panel-group .panel-heading .panel-title a {background-color: #3e3e3e; }
.section-dark .panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.section-dark .panel-group .panel-heading .panel-title a[aria-expanded="false"]::after { background-color: #ffaa28;}

/*orange*/
.section-orange .head_title::before {background-color: #303030;}
.section-orange .border_box { 
  border-color: #303030; background-color: #ffaa28;
  -moz-box-shadow: 0px 0px 0px 5px #ffaa28;
  -webkit-box-shadow: 0px 0px 0px 5px #ffaa28;
  -o-box-shadow: 0px 0px 0px 5px #ffaa28;
  box-shadow: 0px 0px 0px 5px #ffaa28;
}
.section-orange .btn-border_box {
  border-color: #303030; background-color: #ffaa28; color: #fff;
  -moz-box-shadow: 0px 0px 0px 5px #ffaa28;
  -webkit-box-shadow: 0px 0px 0px 5px #ffaa28;
  -o-box-shadow: 0px 0px 0px 5px #ffaa28;
  box-shadow: 0px 0px 0px 5px #ffaa28;
}
.section-orange .btn-border_box:hover {background-color: #ffaa28; color: #303030; }

.section-orange .btn_skew {color: #ffaa28;}
.section-orange .btn_skew:hover {color: #fff;}
.section-orange .btn_skew::before,
.section-orange .panel-group::before {background-color: #303030;}
.section-orange .btn_skew > span {background-color: #ffaa28;}
.section-orange .btn_skew::after { color: #ffaa28;  background-color: #303030;}
.section-orange .btn-normal {background-color: #ffaa28; border-color: #303030; color: #303030;}
.section-orange .btn-normal:hover {background-color: #303030; color: #ffaa28;}
.section-orange .head_title + .btn-normal {
    -moz-box-shadow: 0px 0px 0px 5px #ffaa28;
  -webkit-box-shadow: 0px 0px 0px 5px #ffaa28;
  -o-box-shadow: 0px 0px 0px 5px #ffaa28;
  box-shadow: 0px 0px 0px 5px #ffaa28;
}
.section-orange .panel-group .panel {
  background-color: #ec9b19;
  -moz-box-shadow: 0px 0px 0px 5px #ffaa28;
  -webkit-box-shadow: 0px 0px 0px 5px #ffaa28;
  -o-box-shadow: 0px 0px 0px 5px #ffaa28;
  box-shadow: 0px 0px 0px 5px #ffaa28;
}
.section-orange .panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.section-orange .panel-group .panel-heading .panel-title a[aria-expanded="false"]::after { background-color: #ffaa28;}

.section-orange .list_dots li::before {color: #303030;}

/*grey*/
.section-grey .head_title::before {background-color: #e561ff;}
.section-grey .border_box { 
  border-color: #303030; background-color: #eee;
  -moz-box-shadow: 0px 0px 0px 5px #eee;
  -webkit-box-shadow: 0px 0px 0px 5px #eee;
  -o-box-shadow: 0px 0px 0px 5px #eee;
  box-shadow: 0px 0px 0px 5px #eee;
}
.section-grey .btn-border_box {
  border-color: #303030; background-color: #eee; color: #303030;
  -moz-box-shadow: 0px 0px 0px 5px #eee;
  -webkit-box-shadow: 0px 0px 0px 5px #eee;
  -o-box-shadow: 0px 0px 0px 5px #eee;
  box-shadow: 0px 0px 0px 5px #eee;
}
.section-grey .btn-border_box:hover {background-color: #e561ff; color: #eee; }

.section-grey .list_dots li::before {color: #e561ff;}
.section-grey .btn_skew {color: #e561ff;}
.section-grey .btn_skew:hover {color: #fff;}
.section-grey .btn_skew::before,
.section-grey .panel-group::before {background-color: #e561ff;}
.section-grey .btn_skew > span {background-color: #303030;}
.section-grey .btn_skew::after { color: #303030;  background-color: #e561ff;}
.section-grey .btn-normal {border-color:  #303030; background-color: #eee; color: #303030;}
.section-grey .btn-normal:hover {background-color: #e561ff; border-color:  #e561ff; color: #303030;}
.section-grey .head_title + .btn-normal {
    -moz-box-shadow: 0px 0px 0px 5px #eee;
  -webkit-box-shadow: 0px 0px 0px 5px #eee;
  -o-box-shadow: 0px 0px 0px 5px #eee;
  box-shadow: 0px 0px 0px 5px #eee;
}
.section-grey .panel-group .panel {
  background-color: #e561ff;
  -moz-box-shadow: 0px 0px 0px 5px #eee;
  -webkit-box-shadow: 0px 0px 0px 5px #eee;
  -o-box-shadow: 0px 0px 0px 5px #eee;
  box-shadow: 0px 0px 0px 5px #eee;
}
.section-grey .panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.section-grey .panel-group .panel-heading .panel-title a[aria-expanded="false"]::after { background-color: #e561ff;}
.section-grey .list-dots li::before {color: #e561ff;}

/* color style -----------------------------***/
.orange-style .head_title::before { background-color: #ffaa28;}
.orange-style .border_box,
.orange-style .btn-border_box { border-color: #ffaa28;}
.orange-style .btn-normal {border-color:  #ffaa28; color: #ffaa28;}
.orange-style .btn-border_box:hover,
.orange-style .btn-normal:hover {background-color: #ffaa28; color: #fff;} 
.orange-style .panel-group .panel { background-color: #ffaa28;}
.orange-style .panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.orange-style .panel-group .panel-heading .panel-title a[aria-expanded="false"]::after { background-color: #ffaa28;}
.orange-style .btn_skew{color: #ffaa28;}
.orange-style .btn_skew:hover {color: #303030;}
.orange-style .btn_skew::before {background-color: #ffaa28;}
.orange-style .btn_skew > span {background-color: #fff;}
.orange-style .btn_skew::after { color: #303030;  background-color: #ffaa28;}

.blue-style .head_title::before { background-color: #1980ff;}
.blue-style .border_box,
.blue-style .btn-border_box { border-color: #1980ff;}
.blue-style .btn-normal {border-color:  #1980ff; color: #1980ff;}
.blue-style .btn-border_box:hover,
.blue-style .btn-normal:hover {background-color: #1980ff; color: #fff;} 
.blue-style .panel-group .panel { background-color: #1980ff;}
.blue-style .panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.blue-style .panel-group .panel-heading .panel-title a[aria-expanded="false"]::after { background-color: #1980ff;}
.blue-style .btn_skew {color: #1980ff;}
.blue-style .btn_skew:hover {color: #303030;}
.blue-style .btn_skew::before {background-color: #1980ff;}
.blue-style .btn_skew > span {background-color: #fff;}
.blue-style .btn_skew::after { color: #303030;  background-color: #1980ff;}

.pink-style .head_title::before { background-color: #e561ff;}
.pink-style .border_box,
.pink-style .btn-border_box { border-color: #e561ff;}
.pink-style .btn-normal {border-color:  #e561ff; color: #e561ff;}
.pink-style .btn-border_box:hover,
.pink-style .btn-normal:hover {background-color: #e561ff; color: #fff;} 
.pink-style .panel-group .panel { background-color: #e561ff;}
.pink-style .panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.pink-style .panel-group .panel-heading .panel-title a[aria-expanded="false"]::after { background-color: #e561ff;}
.pink-style .btn_skew{color: #e561ff;}
.pink-style .btn_skew:hover {color: #303030;}
.pink-style .btn_skew::before {background-color: #e561ff;}
.pink-style .btn_skew > span {background-color: #fff;}
.pink-style .btn_skew::after { color: #303030;  background-color: #e561ff;}

/*home page ------------------------------------------*/
#intro_rh_partners .head_title::before {display: none;}
#intro_rh_partners .block_img {position: relative; padding: 100px 100px 0 0; margin-bottom: 30px; z-index: -1;}
#intro_rh_partners .block_img img { max-width: 100%;}

#intro_rh_partners .block_img::before {
  content: ""; position: absolute; display: block; width: 200%; height: 1px; background-color: #303030; top: 0%; left: -1%;
  transform: rotate(-45deg) translate(-20%, 0); z-index: 0;
}
#intro_rh_partners .block_img::after {
  content: "..."; position: absolute; display: block; width: 60px; height: 60px; top: 0%; right: 0%;
  background-color: #1980ff; border-radius: 50%;
  color: #303030; font-size: 60px; line-height: 30px; text-align: center; vertical-align: middle;
  -moz-box-shadow: 0px 0px 0px 15px #fff;
  -webkit-box-shadow: 0px 0px 0px 15px #fff;
  -o-box-shadow: 0px 0px 0px 15px #fff;
  box-shadow: 0px 0px 0px 15px #fff;
  z-index: 1;
}
#intro_rh_partners .block_img img {position: relative; z-index: 1;}

#home_implantation,
#groupe_implantation::after  { background-image: url(assets/images/implantation_map-bg.svg); background-position: center; background-size: contain; background-repeat: no-repeat;}

#home_career,
#home_actu,
#agence_intro,
#agence_contact { background-image: url(assets/images/style_rhp-bg.svg); background-position: 20% -200%; background-size: auto 113%; background-repeat: no-repeat;}

#home_actu {background-position: 50% -70%; background-size: auto 150%; }
#home_actu .block_title_actu .head_title {font-size: 46px;}
#home_actu .block_title_actu .head_title::before {display: none;}
#home_actu .block_title_actu {position: relative; padding-bottom: 60px;}
#home_actu .block_title_actu::before {
    content: ""; position: absolute; display: block; width: 150%; height: 1px;
    top: 7%; left: 0%; transform: rotate(-45deg) translate(-35%, 0);
    background-color: #303030;
    z-index: 0;
}
#home_actu .block_title_actu::after {
    content: "\f27b"; font-family: "FontAwesome"; position: absolute; display: block; width: 60px; height: 60px; bottom: 0%; left: 0%;
    background-color: #1980ff; border-radius: 50%;
    color: #303030; font-size: 30px; line-height: 60px; text-align: center; vertical-align: middle;
    -moz-box-shadow: 0px 0px 0px 15px #fff;
    -webkit-box-shadow: 0px 0px 0px 15px #fff;
    -o-box-shadow: 0px 0px 0px 15px #fff;
    box-shadow: 0px 0px 0px 15px #fff;
    z-index: 1;
}

/*- pages groupe ---------------------------------------------*/
#groupe_intro .block_img {position: relative; padding: 0 30px 0 0; margin-bottom: 30px; z-index: -1;}
#groupe_intro .block_img img { max-width: 100%;}
#groupe_intro .numbers_container {
  position: relative; margin: 60px 0 100px; 
  line-height: 0.9; color: #1980ff;
}
#groupe_intro .numbers_container::before {
  content: ""; position: absolute; display: block; width: 100%; height: 4px; top: 0%;     left: 20%;
    transform: rotate(-45deg) translate(-30%, 0); z-index: 0; background-color: #1980ff;
}
#groupe_intro .numbers_container > span {position: relative; display: inline-block; padding:0 10px 10px; background-color: #fff; z-index: 1;}
#groupe_intro .numbers_container > span > .count-container {
  display: block; 
  text-transform: uppercase; font-size: 72px; font-weight: 400;
}
#groupe_intro .numbers_container > span > .count-container > strong {font-weight: 900;}
#groupe_intro .numbers_container > span > strong {display: block; text-transform: uppercase;}
#groupe_intro .numbers_container > span > small {color: inherit;}

#groupe_implantation::after { 
  content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  opacity: 0.1; z-index: 0;
}

/*--page agence ----------------------------*/
#agence_intro {background-position: 50% -70%; background-size: auto 150%; }
#agence_intro .block_img::before {
  content: ""; position: absolute; display: block; width: 200%; height: 1px; background-color: #303030; top: 0%; left: -1%;
  transform: rotate(-45deg) translate(-20%, 0); z-index: 0;
}
#agence_intro .block_img::after {
  content: "\f10d"; font-family: "FontAwesome"; position: absolute; display: block; width: 60px; height: 60px; top: 0%; right: 0%;
  background-color: #1980ff; border-radius: 50%;
  color: #303030; font-size: 30px; line-height: 60px; text-align: center; vertical-align: middle;
  -moz-box-shadow: 0px 0px 0px 15px #fff;
  -webkit-box-shadow: 0px 0px 0px 15px #fff;
  -o-box-shadow: 0px 0px 0px 15px #fff;
  box-shadow: 0px 0px 0px 15px #fff;
  z-index: 1;
}
#agence_contact { background-position: 79% -90%;}

/* page evolution */
#evolution_intro .block_txt {margin-bottom: 80px;}

/*page implantation*/
#implantation_intro {padding-bottom: 15px;}
#implantation_intro .head_title::before { width: 400px; top: 0%; left: 0%;}
#implantation_intro .head_title::after {
  content: "\f278"; font-family: "FontAwesome"; position: absolute; display: block; width: 60px; height: 60px; bottom: -60px; left: 0%;
  background-color: #1980ff; border-radius: 50%;
  color: #303030; font-size: 30px; line-height: 60px; text-align: center; vertical-align: middle;
  -moz-box-shadow: 0px 0px 0px 15px #fff;
  -webkit-box-shadow: 0px 0px 0px 15px #fff;
  -o-box-shadow: 0px 0px 0px 15px #fff;
  box-shadow: 0px 0px 0px 15px #fff;
  z-index: 1;
}
#search_implantation {position: relative;}
#search_implantation .form-control {
    display: inline; padding: 10px 30px 10px 10px; height: auto; overflow: visible;
    background: #fff;
    margin-right: 1px;
    width: 100%;
    height: auto!important;
    border: 4px solid #303030;
    border-radius: 0;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    color: #303030;
    font-family: 'Catamaran', sans-serif;
    line-height: 1;
}
#search_implantation .btn.button-search {
    border: none;
    margin: 0;
    width: 30px;
    max-width: 30px;
    padding: 0;
    background-color: transparent;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    color: #1980ff;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
#search_implantation .btn.button-search:hover {transform: scale(1.2);}
.list_agence_container {
  position: relative; margin-top: 15px; margin-bottom: 15px; padding: 20px; height: 260px; display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.list_agence_container .agence-content {vertical-align: middle; display: block;}
.list_agence_container .title {margin: 0 0 15px; }
.list_agence_container .title > small {font-size: inherit; color: #303030;}
.list_agence_container .btn-more {
  position: absolute; display: block; bottom: 0; right: 0; padding: 5px 35px 5px 5px;
  color: #fff; text-align: right; 
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.list_agence_container .btn-more::before {
  content: ""; position: absolute; display: block; width: 50px; height: 1px; background-color: #fff; bottom: 50% ; right: -10px;
  transform: rotate(-45deg) translate(0%, 0); z-index: 0;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.list_agence_container .btn-more::after {
  content: "\f105"; font-family: "FontAwesome"; font-size: 14px; line-height: 20px; text-align: center; color: #303030; 
  position: absolute; display: block; width: 20px; height: 20px; bottom: 5px; right: 5px; border-radius: 50%; background-color: #fff;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.list_agence_container:hover {border-color: #303030;}
.list_agence_container:hover .btn-more {color: #303030;}
.list_agence_container:hover .btn-more::after,
.list_agence_container:hover .btn-more::before {color: #fff; background-color: #303030;}




/*------ breadcrumb ----------------------------------------------------------*/
.breadcrumb {position: relative; padding:0; margin-bottom:0px; list-style: none; background-color: transparent; border-radius: 0px;}
.seopress-breadcrumb {}
.seopress-breadcrumb > ol {padding: 0 5px; margin: 0px; letter-spacing: 0px; height: auto; border-radius: 0px; font-size: 0;}
.seopress-breadcrumb > ol > li {
  display: inline-block!important; position: relative; padding: 5px 8px;
  font-size: 12px; text-transform: uppercase; color: #fff; font-family: "Catamaran", sans-serif; 
}
.seopress-breadcrumb > ol > li::after {content: "/"; display: inline-block; transform: translateX(calc(50% + 5px)); }
.seopress-breadcrumb > ol > li a {color: #fff;}
.seopress-breadcrumb > ol > li a:hover {color: #ddd;}
.seopress-breadcrumb > ol > li:last-child {font-weight: 600;}
.seopress-breadcrumb > ol > li:last-child::after {display: none;}

/*--- actu ---------------------------------------------------------------------*/
.section-grey .actu {background-color: #fff!important;}
.actu {
  display: block; padding: 0; position: relative; margin: 0 0 30px;
  background-color: #eee; font-size: 14px;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.actu:hover {
-moz-box-shadow: 0px 0px 0px 2px rgba(25,128,255,1);
-webkit-box-shadow: 0px 0px 0px 2px rgba(25,128,255,1);
-o-box-shadow: 0px 0px 0px 2px rgba(25,128,255,1);
box-shadow: 0px 0px 0px 2px rgba(25,128,255,1);
}
.actu .actu_imglink {
  display: block;
    height: auto; width: 100%;
    overflow: hidden;
    position: relative;
}
.actu .actu_imglink::before {
  content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;
  background-color: #1980ff; opacity: 0; 
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease
}
.actu .actu_imglink:hover::before {opacity: 0.8;}
.actu .actu_imglink::after {
  content: "\f002"; font-family: "FontAwesome"; position: absolute; display: block; top: 0; left: 50%; transform: translate(-50%, -50%);
  font-size: 18px; color: #fff; text-align: center; vertical-align: middle; opacity: 0;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease
}
.actu .actu_imglink:hover::after {opacity: 1; top: 50%;}
.actu .actu_imglink > img { width: 100%; }
.actu .actu_txt {height: 200px; padding: 20px; overflow-y: hidden;}
.actu time {
  display: block; position: relative; margin: 0 0 5px;
  font-family: "Catamaran", sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 1px; color: #888; text-transform: uppercase;
}
.actu .actu_title > * {
  padding-bottom: 5px; margin: 0 ;
  color: #303030; font-size: 21px; font-weight: 700; text-transform: uppercase;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.actu .actu_title:hover > * {color: #1980ff;}


/* slider logo --------------------------------------------------*/
.slider_logo {padding: 60px 50px;}
.slider_logo img {
  -webkit-filter:grayscale(1);
  -moz-filter:grayscale(1);
  -ms-filter:grayscale(1);
  -o-filter:grayscale(1);
  filter:grayscale(1);
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.slider_logo img:hover {
  -webkit-filter:grayscale(0);
  -moz-filter:grayscale(0);
  -ms-filter:grayscale(0);
  -o-filter:grayscale(0);
  filter:grayscale(0);
}
.slider_logo .slick-prev, .slider_logo .slick-next {
  font-size: 0; line-height: 0; text-align: center;
  position: absolute; top: 50%; display: inline-block;
  width: 30px; height: 30px; transform: translateY(-50%); padding: 0;
  cursor: pointer; color: transparent; border: none; outline: none;
  background: #ffaa28; border-radius: 50%;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.slider_logo .slick-prev:hover, .slider_logo .slick-next:hover {background-color: #303030;}
.slider_logo .slick-prev {left: 0px;} .slider_logo .slick-next {right: 0px;}
.slider_logo .slick-prev::before {
    content: "\f104";
}
.slider_logo .slick-next::before {
    content: "\f105";
}
.slider_logo .slick-prev:before, .slider_logo .slick-next:before {
    font-family: "FontAwesome";
    font-size: 16px;
    line-height: 1;
    color: #303030;
    z-index: 10;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.slider_logo .slick-prev:hover:before, .slider_logo .slick-next:hover:before {color: #ffaa28;}






/*---- implantation --------------------------------------------------*/

.imp_map { padding: 0; }
.acf-map { width: 100%; height: 477px;}
.product .product_adv .adv_liste ul.checklist {margin-bottom: 0; padding-bottom: 0;}
.product .product_adv .adv_liste ul.checklist li {
  display: block; position: relative; padding: 10px 0px; vertical-align: middle;
  list-style: none; font-size: 14px; font-style: italic; font-weight: 900; line-height: 16px;
}
.product .product_adv .adv_liste ul.checklist li::before {display: none;}
.product .product_adv .adv_liste ul.checklist li + li {border-top: 1px solid #f5f5f5;}
.product .product_adv .adv_liste ul.checklist li label span {
  display: block; 
  text-transform: uppercase; font-weight: 900; font-style: normal; font-family: "Catamaran", sans-serif;  font-size: 18px;
}
.product .product_adv .adv_liste ul.checklist li label span>small {font-weight: 400; font-style: normal; font-family: "Catamaran", sans-serif;}
.product .product_adv .adv_liste ul.checklist li.serie-h label span { color: #cdad9d; }
.product .product_adv .adv_liste ul.checklist li.serie-m label span { color: #6fc8ba; }
.product .product_adv .adv_liste ul.checklist li.serie-b label span { color: #00627c; }
.product .product_adv .adv_liste ul.checklist li.serie-a label span { color: #e39356; }
.product .product_adv .adv_liste ul.checklist li.serie-v label span { color: #e9cd9c; }
.product .product_adv .adv_liste ul.checklist li.serie-pro label span { color: #a7d1e2; }

.checklist input[type=checkbox] {
  opacity: 0; position: absolute;
}

.checklist input[type=checkbox] + label {
  padding:  0 0 0 40px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.checklist input[type=checkbox] + label::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 4px;
  width: 25px;
  height: 25px;
  display: block;
  background-color: #e0dbd4;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.checklist input[type=checkbox] + label::after {
  content: '\f00c'; font-family: "FontAwesome"; color: #fff; font-size: 11px; text-align: center; font-weight: 300; line-height: 23px;
  position: absolute;
  left: 0px;
  top: 4px;
  width: 25px;
  height: 25px;
  display: block;
  z-index: 1;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.checklist input[type=checkbox] + label:hover::before {background-color: #888;}
.checklist input[type=checkbox]:checked + label::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}








/* modal-------------------------------------------*/
.modal_custom .modal-content {
    position: relative;
    background-color: rgba(255,255,255,0.9);
    color: #303030; font-size: 14px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border:none;
    border-radius:0;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.3);
    box-shadow: 0 3px 9px rgba(0,0,0,.3);
}
.modal_custom .close {font-size: 30px; line-height: 20px;}
.modal_custom .modal-header {
    padding: 15px;
    border-bottom: none;
    text-align: center;
}
.modal_custom .modal-title {
    color: #c7a770; font-size: 24px; font-family: 'Catamaran', sans-serif; font-weight: 900; text-transform: uppercase;
}
.modal_custom .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: none;
}

/*--- magnifique popup --------------------------------------*/
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close  {
    display: inline-block; position: absolute; top: -10px!important; right: -10px!important; width: 60px!important; height: 60px!important;
    border:none; font-size: 0; padding: 0!important;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before, .mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after {
  content: ""; display: inline-block; position: absolute; top: 50%; left: 50%;  height: 2px; width: 30px; background-color: #fff;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover, 
.mfp-image-holder .mfp-close:focus, .mfp-iframe-holder .mfp-close:focus, 
.mfp-image-holder .mfp-close:active, .mfp-iframe-holder .mfp-close:active {color: #45c6d2; border-color: #45c6d2;}
.mfp-image-holder .mfp-close:hover::before, .mfp-iframe-holder .mfp-close:hover::before, 
.mfp-image-holder .mfp-close:hover::after, .mfp-iframe-holder .mfp-close:hover::after {transform: translate(-50%, -50%) rotate(180deg);}
.mfp-arrow-left:before { 
  content: "\f177"; font-family: "FontAwesome"; display: block; width: 40px; height: 40px; background-color: #fff; margin-left: 15px; 
  color: #222; border: none; text-align: center; line-height: 40px; opacity: 0.8;
}
.mfp-arrow-right:before { 
  content: "\f178"; font-family: "FontAwesome";  display: block; width: 40px; height: 40px; background-color: #fff; margin-right: 15px; right: 0; left: auto;
  color: #222; border: none; text-align: center; line-height: 40px; opacity: 0.8;
}
.mfp-arrow-left:after, .mfp-arrow-right:after {display: none;}

/* back to top
----------------------------------------------------------------*/

.cd-top {
  display: inline-block;
  width: 40px; height: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border: 1px solid #eee;
  color: #eee; text-align: center; font-size: 24px;
  overflow: hidden;
  background-color: transparent;
  visibility: hidden;
  opacity: 0;
  z-index: 20;
  mix-blend-mode: difference;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:after {content: '\f106'; font-family: "FontAwesome";}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .8;
}
.no-touch .cd-top {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.no-touch .cd-top:hover {
  background-color: rgba(255,255,255,0.3); color: #eee;
  opacity: 1;
}

/*  footer
-----------------------------------------------------------*/
footer#footer { 
  background-color: #303030;
  font-size: 16px; color: #fff;  line-height: inherit; padding-bottom: 50px;
}
footer p {line-height: 16px; }
.skew_section:nth-child(odd)#footer::before { border-left-color:#303030; }
.skew_section:nth-child(even)#footer::before { border-bottom-color:#303030; }
footer .head_title {margin: 0;}
footer .head_title span {font-size: 24px; background-color: #303030; padding: 0 0 ;}
footer .head_title::before {display: none;}
.block_skew {
  position: relative; display: block; padding: 15px;
}
.block_skew::before {
  content: ""; position: absolute; display: block; width: 350px; height: 1px; background-color: #fff; top: 0%; left: 10%;
  transform: rotate(-45deg) translate(-35%, 0); z-index: 0;
}
.block_skew::after {
  content: ""; position: absolute; display: block; background-color: #303030; top: 0; right: 0; bottom: 0; left: 0;
  z-index: 0;
}
.block_skew > * {z-index: 1; position: relative;}
footer a {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  } 
footer a:hover {color: #ddd;}
footer .footer_block-logo {margin-top: 15px;}
footer .footer_block-logo img {margin: 0 auto; width: 100%; max-width: 350px; }
footer .footer_block-logo .social_block {position: relative; display: block; padding: 15px 0 0;}
footer .footer_block-logo .social_block a {
  display: inline-block; width: 35px; height: 35px; margin: 5px; background-color: #fff; border-radius: 50%;
  color: #303030; font-size: 16px; font-weight: normal; vertical-align: middle; line-height: 35px;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
} 
footer .footer_block-logo .social_block a:hover {color: #303030; background-color: #ddd;}
footer .footer_block-logo a {font-weight: 300; font-size: 14px; color:#ddd; }
footer .footer_block-logo a:hover {color:#fff; }
footer small {color:#999; font-weight: 300;}

footer .footer_block {margin-top: 75px;}


footer .btn-normal {margin: 10px 0; font-size: 14px; padding: 10px;}
footer .footer_block ul {padding: 0;}
footer .footer_block ul li {list-style: none; padding: 10px 0; position: relative;}
footer .footer_block ul li::before {
  content: ""; display: block;
  position: absolute; left: 15px; width: 0; height: 1px; transform: rotate(-45deg) translate(-30%, 0); z-index: -1;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer .footer_block ul li:hover::before { width: 50px;}
footer .footer_block ul li a {
  position: relative; display: inline-block; padding: 5px; background-color: #303030;
  color: #fff; font-size: 14px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; font-weight: 300; z-index: 1
}
footer .footer_block ul li a:hover {color:#ddd; }
footer .footer_block-newsletter {margin-top: 65px;}
footer .footer_block-newsletter p { font-size: 14px; }
footer #newsletter {
  float: left;  width: 100%; position: relative;
}
footer #newsletter .btn.button-search {
  border: none; margin: 0; width: 10%; max-width: 30px; padding: 0; background-color: transparent;
  display: block; font-size: 14px; text-transform: uppercase; font-weight: 900; color: #fff;
  position: absolute; top: 10px; right: 10px; bottom: 10px;
  -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;
  }
footer #newsletter .btn.button-search:hover,
footer #newsletter .btn.button-search:active,
footer #newsletter .btn.button-search:focus { color: #ddd; background-color: transparent; box-shadow: none;}

footer #newsletter {position: relative; }
footer #newsletter .form-control {
  display: inline;
  padding: 10px 15% 10px 10px;
  height: auto; overflow: visible;
  background: #303030;
  margin-right: 1px; width: 100%; height: auto!important;
  border: 3px solid #fff; border-radius: 0; outline: none;
  font-size: 14px; font-weight: 300; letter-spacing: 0; color: #fff; font-family: 'Catamaran', sans-serif;
  line-height: 1;
}
footer #newsletter input::placeholder {color: #fff;}

#footer-message {
  background-color: #303030;
  bottom: 0;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 100;
}
#footer-message .message {
  padding: 15px;
  text-transform: uppercase;
  vertical-align: middle;
}
#footer-message .message span {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
}
#footer-message .message p {
  color: #fff;
  display: inline-block;
  font-weight: 100;
  margin: 0 15px;
  vertical-align: middle;
}
#footer-message .message a {
  border: 3px solid #ffaa28;
  color: #fff;
  padding: 5px;

   -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -ms-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
}
#footer-message .message a:hover, #footer-message .message a:focus {
  background-color:#ffaa28;
  color: #000;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

/*------responsive navbar ----------------*/
@media (min-width: 992px){
  .navbar-custom .navbar-nav li > ul.dropdown-menu {
    left: 50%; transform: translateX(-50%); min-width: 50px; margin: 0; padding: 5px 0;
    background-color: transparent; box-shadow: none; border: none;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu,
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu li {
    display: block;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu {
    perspective: 1000px;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu li {
    transform-origin: top center;
    opacity: 0;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu li:nth-child(1) {
    animation-name: menu-3;
    animation-duration: 300ms;
    animation-delay: -150ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu li:nth-child(2) {
    animation-name: menu-3;
    animation-duration: 300ms;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu li:nth-child(3) {
    animation-name: menu-3;
    animation-duration: 300ms;
    animation-delay: 150ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu li:nth-child(4) {
    animation-name: menu-3;
    animation-duration: 300ms;
    animation-delay: 300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu li:nth-child(5) {
    animation-name: menu-3;
    animation-duration: 300ms;
    animation-delay: 450ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
  .navbar-custom .navbar-nav li:hover > ul.dropdown-menu li:nth-child(6) {
    animation-name: menu-3;
    animation-duration: 300ms;
    animation-delay: 600ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
  .navbar-custom .navbar-nav li > ul.dropdown-menu>li>a {
    clear: both; display: block; padding: 10px 15px;  background-color: rgba(13,27,34,0.8);
    font-weight: 600; line-height: 1; color: #fff; white-space: normal;
      -webkit-transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;
  }
  .navbar-custom .navbar-nav li > ul.dropdown-menu>li>a:focus, 
  .navbar-custom .navbar-nav li > ul.dropdown-menu>li>a:hover { color: #fff; text-decoration: none; background-color: rgba(25,128,255,0.8);}
  @keyframes menu-3 {
    0% {
      opacity: 0;
      transform: translateX(-100px);
    }
    70% {
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0px);
    }
  }
}
@media (max-width: 1200px){
  .navbar-custom .nav>li>a { font-size: 13px; letter-spacing: 0; padding: 10px; }

}
@media (max-width: 991px){
  .navbar-custom .navbar-toggle { 
    display: inline-block; position: relative; float: right;
    padding: 10px; margin-top: 11px; margin-right: 0px; margin-bottom: 0px;
    font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 600; 
    background-color: transparent; background-image: none;
    border: 1px solid transparent; border-radius: 0px; 
    z-index: 2;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
  }
  .navbar-custom .navbar-toggle > i { font-size: 25px; display: inline-block; vertical-align: middle; padding: 0 0 0 5px; line-height: 24px;}
  .navbar-custom .navbar-toggle:hover { color: #ddd; }
  .navbar-custom.opaque .navbar-toggle { margin-top: 2px; margin-right: 0px;}
  
  #navbar_wrapper {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    transform: translateY(-100%);
    opacity: 0;
    background: rgba(13,27,34,0.9);
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
  }

  #navbar_wrapper.active {
    top: 0; right: 0px; left: 0;
    width:100%; height: 100%; transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
  }
  .btn-cross {
      display: inline-block; position: absolute; top: 25px; right: 25px; width: 45px; height: 45px;
      border:none;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -ms-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
  }
  .btn-cross::before, .btn-cross::after {
    content: ""; display: inline-block; position: absolute; top: 50%; left: 50%;  height: 2px; width: 20px; background-color: #fff;
    -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -ms-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
  }
  .btn-cross::before {transform: translate(-50%, -50%) rotate(45deg);}
  .btn-cross::after {transform: translate(-50%, -50%) rotate(-45deg);}
  .btn-cross:hover, .btn-cross:focus, .btn-cross:active {
      color: #1980ff;
      border-color: #1980ff;
  }
  .btn-cross:hover::before, .btn-cross:hover::after {transform: translate(-50%, -50%) rotate(180deg);}

  #navbar_wrapper .nav_content {
    position: absolute; top: 50%; width: 100%; transform: translateY(-50%) scale(1.2); max-height: 100%;
      margin: 0; padding: 15px 0; opacity: 0; overflow: auto;
    -webkit-transition: all 0.7s ease 0.9s;
    -moz-transition: all 0.7s ease 0.9s;
    -ms-transition: all 0.7s ease 0.9s;
    -o-transition: all 0.7s ease 0.9s;
    transition: all 0.7s ease 0.9s;
  }
  #navbar_wrapper.active .nav_content {
       opacity: 1; transform: translateY(-50%) scale(1);
       -webkit-transition: all 0.7s ease 0.9s;
    -moz-transition: all 0.7s ease 0.9s;
    -ms-transition: all 0.7s ease 0.9s;
    -o-transition: all 0.7s ease 0.9s;
    transition: all 0.7s ease 0.9s;
  }
  #navbar_wrapper .nav_content .nav {
    width: 100%; margin: 0; padding: 0;
    list-style: none; text-align: center; text-transform: uppercase;
  }
  #navbar_wrapper .nav > .mobbar-brand { display: block;}
  #navbar_wrapper .nav > .mobbar-brand > a {
    display: block; height: 55px; width: 130px; margin: 0 auto 10px; font-size: 0;
    background: url(assets/images/logo_rh_partners-white.svg) no-repeat center; background-size: contain;
  }
  /*#navbar_wrapper .nav > .mobbar-brand img { margin: 10px auto 20px; width: 130px;}*/
  #navbar_wrapper .nav li {
    display: block; text-indent: 0px; float: none;
  }
  #navbar_wrapper .nav li a {
      position: relative; display: inline-block; margin: 0 auto;
      text-decoration: none; background-color: transparent;
      color: #eee; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
      -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  /*#navbar_wrapper .nav li a::before,
  #navbar_wrapper .nav li a::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 50%;
      left: -10px;
      width: 0;
      height: 1px;
      transform: translateX(-100%);
      background-color: #888;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }
  #navbar_wrapper .nav li a::after {left: auto; right: -10px; transform: translateX(100%);}
  #navbar_wrapper .nav li a:hover::before, #navbar_wrapper .nav li a:hover::after {
      width: 20px;
  }*/
  #navbar_wrapper .nav li a:hover {
      text-decoration: none;
       color: #fff;
  }



 .navbar-custom .navbar-nav li > ul.dropdown-menu {
    position: static; left: 0; transform: translateX(0); min-width: 100%; margin: 0; padding: 5px 0;
    background-color: transparent; box-shadow: none; border: none; float: none; text-align: center;
  }

  #navbar_wrapper .nav>li>.dropdown-menu li {display: block;}


  #navbar_wrapper .nav>li>.dropdown-menu li a {
      position: relative; display: inline-block; margin: 0 auto; color: 
      text-decoration: none; font-size: 12px; font-weight: 400;
      -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
  }
  #navbar_wrapper .nav>li>.dropdown-menu li a:hover { text-decoration: none; color: #ccc; background-color: transparent;}
  #navbar_wrapper .nav>li>.dropdown-menu li a::before, #navbar_wrapper .nav>li>.dropdown-menu li a::after {display: none;}

  #carousel-home {margin-top: 80px; height: calc(100vh - 160px);}
  #carousel-prod {margin-top: 80px;}
}




/*- responsive website ----------------*/
@media screen and (max-width: 1200px) {
  .btn-normal {font-size: 14px;}

  #categorie-container .categorie_block .title_cat > span > small {font-size: 14px;}
  #categorie-container .categorie_block .title_cat::after {top: 105%; left: 16%; }
  #home_actu .block_title_actu .head_title { font-size: 30px;}
  #home_actu .block_title_actu::before { top: 10%; left: 5%;}
  
}
@media screen and (max-width: 991px) {
  .skew_section { padding: 0px 0 15vmin;}
  .btn-border_box { padding: 12px 30px 8px 8px; line-height: 18px; font-size: 14px;}
  
  .h1, h1, .head_title.big_title { font-size: 40px;}

  #categorie-container .categorie_block .title_cat {font-size: 24px; }
  #categorie-container .categorie_block .title_cat::after { font-size: 10px; line-height: 25px; width: 25px; height: 25px; left: 10%;}

  #intro_rh_partners .block_img {padding: 15px 15px 30px;}
  #home_career,
  #home_actu {background-size: auto 80%; background-position: 24% 9%;}
  #home_actu .block_title_actu { padding-bottom: 0px; padding-left: 60px;}
  #home_actu .block_title_actu::before {width: 300px; top: 0%; left: 0%;}
  #home_actu .block_title_actu::after { width: 50px; height: 50px; bottom: 0%; left: 0; font-size: 20px; line-height: 50px;}

  #agence_intro .block_img::before { top: 0%; left: -40%; transform: rotate(-45deg) translate(-20%, 0);}
  #agence_intro .block_img::after { top: 0%; right: 40%;}

  #implantation_intro .head_title::before { width: 400px; top: 0%; left: -10%;}
  #implantation_intro .head_title::after {bottom:  auto; top: -65px; left: 15px;}

  .block_skew::before { width: 300px;}

}
@media (min-width: 768px) and (max-width: 991px) {
  #intro_rh_partners .block_img::before { width: 125%; top: 30%; left: 0%;}
  #intro_rh_partners .block_img::after { right: 12%;}
}

@media screen and (max-width: 768px) {
  .navbar-custom .nav_lang { margin:5px 0 5px 10px;}
  .navbar-custom .navbar-toggle { margin-top: 2px;}
  .h1, h1, .head_title.big_title { font-size: 2em;} .h2, h2 { font-size: 1.8em;} .h3, h3 { font-size: 1.6em;} .h4, h4 { font-size: 1.3em;} .h5, h5 { font-size: 1.15em;}

  #header_page #header_intro .animate_caption .punch_line > br,
  .head_title span > br {display: none;}

  .head_title.img_title img { width: 60px; margin-right: 0; margin-left: 15px; transform: translateY(-30%);}
  .border_box-container { padding: 0;}
  .block_img img { max-width: 100%;}
  .btn_skew { font-size: 26px;}

  #header_home .imgcontainer {height: 45vh; min-height: 300px;}
  #header_home #header_intro {height: 40vh; min-height: 150px; margin: 90px 0 0; /*height: 45vh; min-height: 400px;*/}
  #header_home #header_intro .animate_caption { width: 100vw;}
  #header_home #header_intro .animate_caption .logo-container,
  #header_home #header_intro .animate_caption .logo-container .home_logo {width: 65vw;}
  #header_home #header_intro .animate_caption .punch_line { font-size: 3.5vw; letter-spacing: 0.53vw;}

  #header_page #header_intro .animate_caption .punch_line { font-size: 1.9em; letter-spacing: 0; line-height: 90%;}
  .seopress-breadcrumb {display: none;}
  #header_page { min-height: 300px; }
  #header_page #header_intro .animate_caption .geemik_container-1 { width: 100px;}

  #categorie-container {text-align: center; margin-top: 0;}
  #categorie-container .categorie_block {display: inline-block; max-width: 100%; width: 220px; margin: 30px auto;}

  #intro_rh_partners .block_img {padding: 15px;}
  #home_implantation, #groupe_implantation::after {background-size: cover;}


  #home_actu .block_title_actu .head_title {font-size: 24px;}
  .actu .actu_txt { height: auto;}
  .actu .actu_title > * { font-size: 16px;}

  .block_skew::before, 
  .block_skew::after {display: none; }
  
  .cd-top {display: none;}

  footer .footer_block-logo { margin-bottom: 15px;}
  footer .footer_block { margin-top: 0; text-align: center;} 
  footer .footer_block ul li::before { left: 50%;}
  footer .footer_block-newsletter { margin-top: 15px; text-align: center;}
}
@media screen and (max-width: 600px) {
  .navbar-custom .navbar-brand { margin: 0px 5px; max-width: 100px;}
  .navbar-custom .navbar-toggle { padding: 10px 5px; margin-top: 2px;}
  .navbar-custom .navbar-toggle > i { font-size: 20px; padding: 0 0 0 5px; line-height: 22px;}
  .navbar-custom .nav_lang .btn-search { margin: 10px 5px; height: 15px; width: 15px;}
  .navbar-custom .nav_lang>li>a { padding: 10px 5px; }

}
@media screen and (max-width: 360px) {

  
}
@media screen and (max-height: 500px) {
  .navbar-custom .nav>li>a,
  .navbar-custom.opaque .nav>li>a { font-size: 12px; letter-spacing: 0px; }
}