/*

Theme Name: Iguana Yachts Theme

Theme URI: 

Author: Agence Guru

Author URI: 

Description:

Version: 1.0

License: GNU General Public License v2 or later

License URI: https://www.gnu.org/licenses/gpl-2.0.html

Tags: 

Text Domain: iguana-yachts-theme



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

@font-face {

  font-family: 'icomoon';

  src:url('fonts/icomoon.eot?ctwcm9');

  src:url('fonts/icomoon.eot?#iefixctwcm9') format('embedded-opentype'),

    url('fonts/icomoon.woff?ctwcm9') format('woff'),

    url('fonts/icomoon.ttf?ctwcm9') format('truetype'),

    url('fonts/icomoon.svg?ctwcm9#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}



[class^="icon-"], [class*=" icon-"] {

  font-family: 'icomoon';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-target:before {

  /*content: "\e600";*/

  content: "\e603";

}



.icon-uniE601:before {

  content: "\e601";

}



.icon-uniE602:before {

  content: "\e602";

}



/* Rendre les images responsives */

img {

  max-width: 100%;

 

}

/* images responsives + remplissant toute leur colonne */

img.img-fullwidth {

  width: 100%;

}



html,

body {

  overflow: auto;

}



/* Move down content because we have a fixed navbar that is 50px tall */

body {

/*  padding-top: 120px;*/

  font-family: 'Century Gothic', CenturyGothic, AppleGothic, 'Muli', sans-serif;

}

body.home {

  background-color: #000;

}



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

** Fix bootstrap

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



.nav>li>a {

  padding: 10px 13px;

}



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

** Spécial mobile

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



/*  Slider home  */


@media (min-width: 700px) {


.img-mobile-slider{
  display: none;
  }

  #rev_slider_2_3{
	display: none!important;
}
}

@media (max-width: 700px) {

.tp-fullwidth-forcer{
	display: none;
}
#rev_slider_1_1_forcefullwidth{
  display:none!important;
}
}




/*  Disable configurator  */



@media (max-width: 700px) {

#menu-item-185, .your-iguana, .options{

  display: none;

  }

}





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

** Typography

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



h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

fieldset, legend, label,

blockquote,

ul, ol, li,

dt, dd,

table, tr, td, th,

address {

  font-family: 'Century Gothic', CenturyGothic, AppleGothic, 'Muli', sans-serif;

  color: #9a8667;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  text-transform: uppercase;

}



.container{

  text-align: left;

}



/* legal mentions */



h4.legal {

    margin-top: 60px;

}



/* paragraph */

p {



}



br {

  color: transparent;

  background-color: transparent;

}





 .text-pack {

  margin-bottom: 30px;

}

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

** Links

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



a, 

a:link,

a:visited,

a:hover,

a:active,

a:focus {

  text-decoration: none;

}



a {

  color: #9a8667;

  font-weight: 500;

}

 

a:link,

a:visited,

a:hover,

a:active,

a:focus {

  color: #817055;

}





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

** Iguana Buttons

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





.btn-group {

    width: 100%;

    margin: 24px 0;

    padding: 0;

}



  .ig-btn {

    text-align: center;

    text-decoration: none;

    background-color: transparent;

    padding: 8px 12px;

    border: 1px solid #8f7a59;

    color: #8f7a59;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 300;

    display: block;

    width: 100%;

    margin: 0 0 14px 0;

    transition: all .4s ease-in-out;

  }

  .ig-btn:hover {

    color: #000;

    background-color: #8f7a59;

    font-weight: 300;

  }

  .ig-btn:last-child {

    margin: 0;

  }



    /* Bouttons Noirs */

    .ig-btn.btn-black {

      color: #000;

      border: 1px solid #000;

    }

    .ig-btn.btn-black:hover {

      color: #fff;

      background-color: #000;

    }



    /* Bouttons Blancs */

    .ig-btn.btn-white {

      color: #fdfcfa;

      border: 1px solid #fdfcfa;

    }

    .ig-btn.btn-white:hover {

      color: #000;

      background-color: #fdfcfa;

    }



    /* Bouttons Gold */

    .ig-btn.btn-gold {

      color: #d7bc96;

      border: 1px solid #d7bc96;

    }

    .ig-btn.btn-gold:hover {

      color: #000;

      background-color: #d7bc96;

    }





    /* Bouttons Fond Blancs */

    .ig-btn.btn-whitebg {

      color: #fff;

      background-color: transparent;

      border: 1px solid #fdfcfa;

    }

    .ig-btn.btn-whitebg:hover {

      color: #000;

      background-color: #fff;

      border: 1px solid #fdfcfa;

    }







@media (min-width: 590px) {

  .ig-btn {

    width: auto;

    display: inline;

    margin: 0 10px 0 0;

  }

}







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

** PAGES

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



.page-wrapper,

.posts-wrapper {

  padding-bottom: 30px;

}




.page-header h1 {

  text-transform: uppercase;

  font-size: 26px;

}



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

** BLOG

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



.post-thumbnail {

  margin: 0 0 20px;

}

.post-meta {

/*  border-left: 3px solid #9A8667;

  padding-left: 6px; */

  margin-top: 6px;

  margin-bottom: 20px;

}



.page-title {

  text-align: center;

  padding-top: 14px;

  padding-bottom: 18px;

  width: 100%;

  border-bottom: 1px solid #ccc;

}

.archive article.post,

.blog article.post {

  padding-top: 40px;

  padding-bottom: 40px;

  border-bottom: 1px solid #ccc;

}



.archive article.post:last-of-type,

.blog article.post:last-of-type {



}

  .archive article.post h2,

  .blog article.post h2,

  .single article.post h1 {

    text-transform: none;

    font-size: 30px;

    margin-top: 10px;

    margin-bottom: 0;

  }

.single article.post { 

  padding-top: 32px;

  padding-bottom: 20px;

}





/* Posts Navigation

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



nav.navigation {

  /*border-top: 1px solid #ccc;*/

  padding-top: 26px;

}

.single nav.navigation {

  border-top: 1px solid #ccc;

}





  nav.navigation .pager {

    margin-top: 0;

  }

  nav.navigation .pager li a {

    border-radius: 0;

    border: 1px solid #8f7a59;

    padding: 8px 12px;

  }

  nav.navigation .pager li a:hover,

  nav.navigation .pager li a:focus,

  nav.navigation .pager li a:active {

    color: #fff;

/*    background-color: rgba(143,122,89, .7); */

    background-color: #8f7a59;

  }







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

** NAVIGATON  NAVBAR

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

body.sharpspring_form {

padding-top: 0 !important;

}

  body {

    padding-top: 86px;

    transition: all .3s ease-in-out;

  }

  #wpadminbar {

    position: fixed;

  }

  .admin-bar .navbar {

    margin-top: 46px;

  }

  @media (min-width: 782px) {

    .admin-bar .navbar {

      margin-top: 32px;

    } 

  }

  .navbar {

    margin-bottom: 0;

    border: none;

    z-index: 10000;

    border-radius: 0;

    width: 100%;

    -webkit-transition: height 0.3s;

    -moz-transition: height 0.3s;

    transition: height 0.3s;

  }

  .navbar-brand {

    line-height: 86px;

    height: 86px;

    padding-top: 0;

    transition: all .3s ease-in-out;

  }

  .navbar-brand {

    padding: 10px;

  }

  .navbar-brand img {

    display: block;

    height: 100%;

  }

  .navbar-toggle {

    margin-top: 24px;

  }

  .navbar-nav  li  a {

    text-transform: uppercase;

    font-weight: 300;

  }



@media (min-width: 992px) {



      .navbar-nav > li > a {

        line-height: 86px;

        height: 86px;

        padding-top: 0;

        transition: all .3s ease-in-out;

      }



  body.top-stuck {

    padding-top: 50px;

  }

  .navbar.stuck {

    background-color: rgba(34, 34, 34, 0.8);

  }

  .navbar.stuck .navbar-brand {

      line-height: 50px;

      height: 60px;

  }

  .navbar.stuck .navbar-nav > li > a {

      line-height: 50px;

      height: 50px;

      padding-top: 0;

  }

}





/* la page active

------------------*/
/*
.navbar .current-menu-item > a, .navbar .current-menu-parent > a {

  color: #fff !important;

  background: #9a8667;

}

 .navbar .current-menu-item > a:hover,

.navbar .current-menu-parent > a:hover {

  color: #fff !important;

  background: #817055 !important;

}*/





.navbar .current-menu-parent li a {

  background: inherit;

}






 /* Sub Menu */

@media (min-width:768px) {

  .sub-menu {

    display: none;

    position: absolute;

    background: #222;

    padding: 10px 15px;

    width: 200px; 

    z-index: 10;

    left: 0;

  }

  li:hover .sub-menu {

    display: block;

  }

}

.sub-menu li {

  margin-bottom: 10px;

  list-style: none;

}

.sub-menu li:last-child {

  margin-bottom: 0;

}

.sub-menu a  {

  color: #999;

  text-decoration: none;

}

.sub-menu a:hover  {

  color: #fff;  

} 

.sub-menu > li > .sub-menu > li a {

  padding-left: 14px;

}





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

** Footer 

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



.footer-main {

  background-color: #000;



  padding-top: 40px;

  padding-bottom: 20px;

}

  .footer-menu {

    margin-bottom: 18px;

  }

    .footer-menu a {

      color: #fff;

      font-weight: 400;

    }

    .footer-menu a:hover,

    .footer-menu a:active,

    .footer-menu a:focus {

      color: #817055 !important;

      font-weight: 400;

    }



  .footer-widget {



  }

    /* Footer Widget (Social Icons) */

    .footer-widget .lsi-social-icons a {

      border: 1px solid #fff;

    }





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

** Widgets et Sidebars

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



.sidebar {

   margin-top: 30px; 

}



.sidebar h3 {

  color: #888;

  font-size: 18px;

}



.widget {

  margin: 10px 0 30px;

}



/* Contact Infos Widget */ 

.widget h5 {

  text-transform: none;

  line-height: 1.4;

  margin-bottom: 6px;

}





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

** Quote

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



.quote {



}



  .quote h3 {

    color: #fff;

    position: relative;

    text-transform: uppercase;

    font-size: 20px;

    font-weight: normal;

    padding: 36px 60px;

    display: inline-block;

    margin: 0;

    font-weight: 300;

    text-align: center;

  }



  .quote h3:before,

  .quote h3:after {

    font-family: 'icomoon';

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;



    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;



    font-size: 22px;

    position: absolute;

  }

  @media (min-width: 520px) {

    .quote h3 {

      font-size: 28px;

      padding: 41px 67px;

    }

    .quote h3:before,

    .quote h3:after {

      font-size: 22px;

    }



    .quote h3:after {

    bottom: 42px;

    }

  }



  .quote h3:before {

    content: "\e606";

    top: 40%;

    left: 32px;

  }



  .quote h3:after {

    content: "\e605";

    bottom: 46%;

    right: 32px;

  } 


/* small */

.quote-small {

  padding: 70px 15px 50px;

  color: #fff;

  background-color: #000;

  text-align: center;

}

.quote-small h3 {



}


.yacht_tender{
  padding-left: 22px!important;
}

.text-commuter{
  margin-top: 415px;
}

  @media (max-width: 992px) {

.text-commuter{
  margin-top: 500px;
}

  }


.beautiful-amphibious {

  padding: 8% 0 0 8%;

  height: 750px;

  background-color: #000;

  background: url('images/home-quote-large-bg-beautiful-amphibious.jpg') no-repeat center right; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}





.history {

  position: relative;

  padding: 40px 0 5%;

  text-align: center;

  height: 410px;

  background-color: #fff;

  background: url('images/home-quote-large-bg-history.jpg') no-repeat center bottom #fff;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

  .history > div,

  .history .btn-group {

    position: static;

  }

  .history h3 {

    color: #9a8667;

    margin-bottom: 25px;

  }



  .btn-history {

    font-weight: 300;

    position: absolute;

    bottom: 20px;

    right: 5%;

    width: 90%;

  }

  .btn-history:hover {

    color: #fff;

  }



@media (min-width: 590px) {

  .history {

  height: 616px; 

  }

    .btn-history {

      width: auto;

    }

}



  .btn-technology {

    font-weight: 300;

    position: absolute;

    bottom: 20px;

    right: 5%;

    z-index: 9999;

  }



@media (max-width: 590px) {

  .btn-technology {

    width: 90%;

  }

}



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

** 3 images Hover 

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



.trois-images-hover {

  

}



    .trois-images-hover img {

      width: 100%;

    }



  .image-titre {

    padding: 0;

    position: relative;



  }
  
   .image-tender {

    padding: 0;

    position: relative;



  }



    .text-block {

      padding: 0;

      position: absolute;

/*      background-color: #ff6666;*/

      width: 60%;

    }



    .image-titre:first-child .text-block {

      text-align: right;

      right: 0;

      bottom: 16px;

    }

    .image-titre:nth-child(2) .text-block {

      left: 0;

      top: 12px;

      text-align: left;

    }

    .image-titre:last-child .text-block {

      left: 0;

      bottom: 0;

      text-align: left;

    }
	
	
	
	 .image-tender:first-child .text-block {

      text-align: right;

      right: 0;

      top: 20px;

    }

    .image-tender:nth-child(2) .text-block {

      left: 0;

      bottom: 20px;

      text-align: left;

    }

    .image-tender:last-child .text-block {

      left: 0;

      top: 20px;

      text-align: left;

    }





    .text-block  h3,

    .text-block p {

      padding: 1% 3%;

    }



    .text-block  h3 {

      background-color: rgba(0, 0, 0, .5);

      display: inline-block;

      margin: 0 0 5px;

      color: #fff;

      text-transform: uppercase;

      font-weight: 300;

      font-size: 21px;

    }

    .text-block p {

      background-color: transparent;

      color: transparent;

      font-weight: 300;

      font-size: 14px;

      display: inline-block;

      margin-bottom: 0;

      transition: all .5s ease-in-out;

    }

    .text-block p:first-of-type {



    }

    .text-block p:nth-of-type(2) {

      padding-top: 0;

    }

  .image-titre:hover p {

    color: #fff;

    background-color: rgba(0, 0, 0, .5);

  }







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

** Lines

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



/* #home-line */

.line-presentation {

  padding: 36px 0 0;

  background-color: #000;

}

/* Anchor link top margin */

#home-line {

  border-top: 82px solid transparent;

  margin-top: -82px;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;

}

.admin-bar #home-line {

  border-top: 110px solid transparent;

  margin-top: -110px;

}

/* end */



  .line-presentation h3 {

    margin-top: 10px;

    margin-bottom: 16px;

    border-bottom: 1px solid #9a8667;

    padding-bottom: 16px;

    width: 220px;

    margin: auto;

    font-size: 20px;

  }

  

    .line-presentation-group {

      border: 0px solid #9a8667;

      border-radius: 10px;

      padding: 20px;

      margin-bottom: 20px;

    }



    .boat-1 {

      margin-bottom: 20px;

    }



  #line-presentation-adventure {



  }

  #line-presentation-adventure .line-presentation-group {

    margin-bottom: 0;



  }



/*  Bouton mobile Adventure  */

@media (max-width: 589px) {

.btn-group-adventure{

   margin-top: 338px !important;

  }

}





/* Same height for the 3 boats */ 

@media (min-width: 768px) {

  #home-line > .container > .row,

  #line-presentation-adventure {

    display: -webkit-box !important;   /* OLD - iOS 6-, Safari 3.1-6 */

    display: -moz-box !important;      /* OLD - Firefox 19- (buggy but mostly works) */

    display: -ms-flexbox !important;   /* TWEENER - IE 10 */

    display: -webkit-flex !important;  /* NEW - Chrome */

    display: flex !important;          /* NEW, Spec - Opera 12.1, Firefox 20+ */

  }

    .line-presentation-group {

      margin-bottom: 0 !important;

    }

}


/* PRICES ON HOMEPAGE*/

.prices{
 text-align: center;
 color: #817055;
 font-weight: 500;
 margin-bottom: 100px;
}

.start-prices{
font-size: 9px;
display: block;
}


.line-module {

  padding: 50px 0;

}

  .line-logo {

    height: 85px;

  }



  .line-logo {

    margin-bottom: 16px;

  }





.line-exclusive {

  background-color: #000;

}



.line-classic {

  background-color: #fff; 

}

.sub-classic-illustrations{

  margin-top:25px;

}

@media (min-width: 992px) and (max-width: 1199px) {

.classic-photo-illustration{

min-height: 484px;

}

}

@media (min-width: 1200px) {

.classic-photo-illustration{

min-height: 467px;

}

}

.line-classic p {

  color: #000;

}



.line-adventure {

  height: 750px;

  background-color: #000;

  background: url('images/home-line-adventure-bg-img.jpg') no-repeat center center; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



.line-expedition {

  height: 750px;

  background-color: #fff;

  background: url('../../uploads/2016/04/home-line-expedition-bg-img-2.jpg') no-repeat center center; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

  .line-logo {

    height: 85px;

  }



  .line-logo,

  .line-module p {



  }



  .line-exclusive p,

  .line-adventure p,

  .line-expedition p{

    color: #fff;

  }





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

** Section White 

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



.section-white {

  background-color: #fff;

  padding: 70px 0;

  border-bottom: 2px solid #000;

}



.section-white img {

  width: 100%;

}





.section-white h3 {

  text-transform: uppercase;

  margin-top: 0;

}





/* Tender : fix text align */ 





@media (min-width: 902px) {

.tender{

  margin-left: 16%;

}

p.tender{

  width:80%;

  }

h3.tender{

  margin-top: 14%

}

}



@media (min-width: 1200px) {



p.tender{

  width:70%;

  }

h3.tender{

  margin-top: 19%

}

}





/* options */

.options {



}



  .build-own {

    margin-top: 18px;

  }

    .build-own a {

      display: inline-block;

      font-size: 20px;

      text-transform: uppercase;

      position: relative;

      padding: 12px 64px 12px 18px;

      border: 1px solid #9a8667;

    }

    .build-own a:after {

      content: '';

      background: url('images/home-section-white-img-4-picto-ipad.jpg') no-repeat center center;

      position: absolute;

      width: 40px;

      height: 36px;

      top: 9px;

      right: 14px;

    }

    .build-own a:hover,

    .build-own a:active,

    .build-own a:focus {  



    }

    .options img {

      margin-top: 18px;

    }



@media(min-width: 768px) {

  .build-own {

    margin-top: 60px;

  }

    .build-own a {

      float: right;

    }

}



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

** Materials

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



.materials-3 {



}

  .materials-primary,

  .materials-secondary {

    height: 620px;

  }

  .materials-primary {

    background: url('images/home-materials-img-3-boat.jpg') no-repeat right bottom;

/*    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;*/

  }



  .materials-secondary {

    position: relative;

    background-color: #000;

    background: url('images/home-materials-bg-img-vector-boat.jpg') no-repeat -26px bottom;

    background-position: 0px -11px;

    position: relative;

  }

  .materials-secondary h3  {

    color: #fff;

    text-align: left;

    margin-top: 30px;

    margin-bottom: 20px;

    margin-left:167px;

  }

    .materials-targets {

      position: absolute;

      top:0;

      left: 0;

      z-index: 1;

      width: 100%;

      height: 100%;

    }

      .materials-target {

        position: absolute;

        width: 58px;

        height: 58px;

        cursor: pointer;

/*        border-radius: 50%;*/

/*        border: 3px solid #fff;

        box-shadow: 0 0 0 4px #fff;*/

/*        -webkit-transition: color 0.3s;

        -moz-transition: color 0.3s;

        transition: color 0.3s;*/

      }



      .materials-target:after {

/*        pointer-events: none;

        position: absolute;

        width: 100%;

        height: 100%;

        border-radius: 50%;

        content: '';

        -webkit-box-sizing: content-box; 

        -moz-box-sizing: content-box; 

        box-sizing: content-box;



        top: -2px;

        left: -2px;

        padding: 2px;

        z-index: -1;

        background: #fff;

        -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;

        -moz-transition: -moz-transform 0.2s, opacity 0.3s;

        transition: transform 0.2s, opacity 0.3s;*/

      }



      /* Effect 3a */

      .materials-target:hover:after {

/*        -webkit-transform: scale(1.3);

        -moz-transform: scale(1.3);

        -ms-transform: scale(1.3);

        transform: scale(1.3);

        opacity: 0;*/

      }







      #target-1 {

        background: url('images/home-materials-materials-module-target-1-normal.jpg') no-repeat center center;

        top: 139px;

        left: 183px;

      }

      #target-1:hover,

      #target-1.clicked {

        background: url('images/home-materials-materials-module-target-1-hover.jpg') no-repeat center center;

      }

      #target-2 {

        background: url('images/home-materials-materials-module-target-2-normal.jpg') no-repeat center center;

        top: 300px;

        left: 183px;  

      }

      #target-2:hover,

      #target-2.clicked {

        background: url('images/home-materials-materials-module-target-2-hover.jpg') no-repeat center center;

      }

      #target-3 {

        background: url('images/home-materials-materials-module-target-3-normal.jpg') no-repeat center center;

        top: 473px;

        left: 183px;

      }

      #target-3:hover,

      #target-3.clicked {

        background: url('images/home-materials-materials-module-target-3-hover.jpg') no-repeat center center;

      }









.materials-texts p {

  color: #fff;

  text-align: justify;

}



.show-fade {

  opacity: 1;

}

.hide-fade {

  opacity: 0;

}





@media (max-width: 650px) {





  .materials-texts {

    background-color: rgba(0,0,0, .7);

    height: 0;

    overflow: hidden;

    opacity: 0;

    -webkit-transition: height .3s ease-in-out;

    transition: height .3s ease-in-out;

  }

  .materials-lightbox {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    z-index: 10;

    opacity: 1;

  }

    .materials-texts p {

      position: absolute;

      width: 70%;

      top: 120px;

      left: 15%;

      border: 1px solid #fff;

      padding: 24px 20px;

    -webkit-transition: opacity .3s ease-in-out;

    transition: opacity .3s ease-in-out;

    }

    .materials-lightbox p {



    }

      .materials-lightbox p .glyphicon,

      .technology-text-group-inner .glyphicon {

        position: absolute;

        top: 10px;

        right: 10px;

        color: #fff !important;

        cursor: pointer;

        z-index: 100;

        font-size: 18px;

      }



}



@media (min-width: 651px) {

.materials-texts p {

  position: absolute;

  width: 100%;

  left: 0;

  line-height: 1.8;

  padding-left: 336px;

  padding-right: 12%;

  -webkit-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

/*  background-color: #AECCFF;*/

}

 .materials-target-1 {

  top: 100px;

 }

 .materials-target-2 {

  top: 270px;

 }

 .materials-target-3 {

  bottom: 70px;

 } 

}

@media (min-width: 750px) {

   .materials-target-1 {

    top: 154px;

   }

   .materials-target-2 {

    top: 324px;

   }

}

@media (min-width: 992px) {

  .materials-texts p {

    padding-right: 5%;

  }

 .materials-target-1 {

  top: 100px;

 }

 .materials-target-2 {

  top: 260px;

 }

}

@media (min-width: 1100px) {

 .materials-target-1 {

  top: 130px;

 }

 .materials-target-2 {

  top: 300px;

 }

}

@media (min-width: 1300px) {

 .materials-target-1 {

  top: 150px;

 }

 .materials-target-2 {

  top: 320px;

 }

}

@media (min-width: 1300px) {

  .materials-texts p {

    padding-left: 362px;

    padding-right: 14%;

  }

}





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

** Contact

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



.home-contact {

  padding: 30px 0 20px;

  background-color: #000;

}

/* Anchor link margin top */

#home-contact {

  border-top: 86px solid transparent;

  margin-top: -86px;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;

}

.admin-bar #home-contact {

  border-top: 116px solid transparent;

  margin-top: -116px;

}

/* End */



  .home-contact-inner {

    max-width: 700px;

    margin: 0 auto;

    padding: 0 15px;  

  }



.home-contact h3 {

  font-size: 30px;

  margin-bottom: 30px;

  padding-bottom: 20px;

  border-bottom: 1px solid #9a8667;

}



.home-contact .row {



}



input,

textarea,

select {

  background-color: transparent;

  border: 1px solid #9a8667;

  border-radius: 0;

  width: 100%;

  color: #666;

  font-size: 16px;

  padding: 5px;



}



form .row {

  margin-bottom: 18px;

} 



select {

   font-size: 14px; 

}



textarea {

  resize: vertical; 

}





input[type="checkbox"] {



  border-radius: 0 !important;

  background-color: transparent !important;



}



input[type="submit"] {

  text-align: center;

  text-decoration: none;

  padding: 8px 12px;

  border: 1px solid #8f7a59;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 300;

  color: #fff;

  background-color: #8f7a59;

  margin-top: 10px;

  margin-bottom: 0;

}

.home-contact input[type="submit"] {

  color: #000;

}





input[type="submit"]:hover {

  color: #8f7a59;

  background-color: transparent;



}



input:focus,

textarea:focus,

select:focus {

  outline: thin dotted;

  outline: 7px auto #8f7a59;

  outline-offset: -2px;

}



/* Contact Form Styling on Pages - white background */

.page-template input:focus,

.page-template textarea:focus,

.page-template select:focus {

  outline: thin dotted;

  outline: 3px auto #8f7a59;

  outline-offset: -2px;

}

.page-template input,

.page-template  textarea,

.page-template select {

  color: #4c4c4c;

}

.page-template input[type="submit"] {

  color: #8f7a59;

  background-color: transparent;

}

  .page-template input[type="submit"]:hover {

    background-color: #8f7a59;

    color: #fff;

  }



@media (max-width: 767px) {

  .home-contact input[type="submit"],

  .page-id-63 input[type="submit"] {

    margin-top: 30px;

  }

}





@media (min-width: 768px) {

  /* CHeck box Subscribe Newsletter Iguana */

  .contact-subscribe {

    text-align: right;

  }

  input[type="submit"] {

    margin-top: 0;

  }

}



/* Errors */ 

div.wpcf7-validation-errors {

  border: 1px solid #8f7a59;

  padding-top: 12px;

  padding-bottom: 12px;



}

.home-contact div.wpcf7-validation-errors {

  color: #fff;

}

span.wpcf7-not-valid-tip {

  color: #8f7a59;

  font-weight: bold;

  margin-top: 4px;

}







.home-contact-bottom {

  background: url('images/home-contact-bottom-bg.jpg') no-repeat center center;

  padding: 80px 0;

}

  .home-contact-text-block {

    margin-bottom: 40px;

  }

    .home-contact-text-block h5 {

      margin-bottom: 2px;

      line-height: 1.3;

      text-transform: none;

    }

    .home-contact-text-block p {

      font-weight: 300;

      margin-bottom: 0;

    }





@media (min-width: 768px) {

  .home-contact-bottom-left {

    padding-right: 60px;

    border-right: 1px solid #9a8667;

  }

  .home-contact-bottom-right {

    padding-left: 60px;

  }

    .home-contact-text-block:last-child {

      margin-bottom: 0;

    }

}











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

** Map

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





.home .flxmap-container {

  height: 300px !important;

}

@media (min-width: 768px) {

  .home .flxmap-container {

    height: 400px !important;

  }

}







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

------------------------------

** Technology

------------------------------

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



.page-template-page-technology {

  background-color: #000;

}



  /* Technology section

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



.technology-section {

  border-bottom: 2px solid #fff;

}



  .technology-module-primary,

  .technology-module-secondary {



  }



  .technology-module-primary {

    height: 660px;

    background-color: #fff !important;

    background: url('images/technology-technology-bg-img-1.jpg') no-repeat right bottom;

/*    border-right: 3px solid #fff;*/

    padding-top: 20px;

    padding-bottom: 30px;

    padding-left: 40px;

    padding: 20px 70px 30px 26px; 

    position: relative;

    z-index: 100;

  }

  .technology-module-primary h3 {



  }

  .technology-module-primary-nav {

    list-style: none;

    padding: 0;

  }

  .technology-module-primary-nav li {

    float: left;

    margin-right: 26px;

    line-height: 1.8;

    text-transform: uppercase;  

  }

  .technology-module-primary-nav li:last-child {

    margin-right: 0;

  }

  .technology-module-primary-nav li a {



  }

  .technology-module-primary-nav li a:hover,

  .technology-module-primary-nav li a:focus,

  .technology-module-primary-nav li a.clicked {

    color: #d7bc96;

    text-decoration: underline;

  }



  .technology-text-group-outter {

    z-index: 20;

  }

  .tech-lightbox {

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .8);

    top: 0;

    left: 0;

    right: 0;

    z-index: 100;

  }

    .tech-lightbox .technology-text-group-inner {

      width: 88%;

      max-width: 460px;

      margin: 0 auto;

      margin-top: 160px;

      background-color: rgba(0,0,0, .3);

      border: 1px solid #fff;

    }

      .tech-lightbox .technology-text-group-inner h4,

      .tech-lightbox .technology-text-group-inner p {

        color: #fff;

      }



    .technology-text-group-inner {

      border: 1px solid #8f7a59;

      padding: 12px;

      margin-top: 20px;

      background-color: #fff;

      width: 62%;

      position: relative;

    }





  .no-js .technology-text-group-inner {

    display: none;

  }

  .technology-text-group-inner h4 {

    margin-top: 0;

  } 

  .technology-text-group-inner p {

    margin-bottom: 0;

  }







    .technology-targets {

      z-index: 10;

    }

      /*

        Target Style for Technology et CLose Up

      */



      .closeup-target,

      a.technology-target {

        position: absolute;

        font-size: 30px;

        line-height: 0;

        color: #000;

        /* transition: all .3s ease-in-out; */



/*        -webkit-backface-visibility: hidden;

        -moz-backface-visibility:    hidden;

        -ms-backface-visibility:     hidden;

        -webkit-transform-style: preserve-3d;

        -webkit-transform: translateZ(0);*/

      }



      @media(min-width: 768px) {

        .closeup-target,

        .technology-target {

          font-size: 36px;

        }

      }



      .closeup-target:hover,

      .technology-target:hover,

      .technology-target.clicked,

      .closeup-target.clicked {

        -webkit-transform: scale(1.1); /* Safari and Chrome */

        -moz-transform: scale(1.1); /* Firefox */

        -ms-transform: scale(1.1); /* IE 9 */

        -o-transform: scale(1.1); /* Opera */

        transform: scale(1.1);

      }

      .closeup-target:hover,

      .technology-target:hover {

        color: #fff;

        cursor: pointer;

      }

      .technology-target.clicked,

      .closeup-target.clicked {

        color: #fff;       

        text-shadow: 0 0 5px rgba(255, 255, 255, .4);

      }







        .technology-target-frame {

          bottom: 270px;

          right: 50px;

        }

        .technology-target-hydraulic {

          bottom: 399px;

          right: 200px;

        }

        .technology-target-engine {

          bottom: 319px;

          right: 146px;

        }

        .technology-target-wheels {

          bottom: 118px;

          right: 309px;

        }

        .technology-target-belts {

          bottom: 160px;

          right: 480px;

        }

        .technology-target-sprockets {

          bottom: 172px;

          right: 252px;

        }

        .technology-target-arm {

          bottom: 163px;

          right: 60px;



        }

        .technology-target-fixation {

          bottom: 103px;

          right: 76px;

        }

        .technology-target-boat {

          bottom: 242px;

          right: 194px;

        }





  @media (min-width: 620px) {

    .technology-module-primary {

      height: 660px;

    }

    .technology-text-group {

      width: 60%;

    }

  }

  @media (min-width: 992px) {

    .technology-module-primary {

      border-right: 2px solid #fff;

    }

  }







   /* Fix Technology pour iPhone */





  @media (max-width: 450px) {

    .technology-module-primary {

      background-size: 177%;

      background-position: 100% 117px;

      height: 490px;

      padding-top: 25px;

    }

    a.technology-target {

      font-size: 20px;

    } 

    .technology-module-primary-nav li{

      font-size: 12px;

    } 

    .technology-module-primary-nav {

    list-style: none;

    padding: 0;

    width: 280px;

  }





        .technology-target-frame {

          bottom: 162px;

          right: 50px;

        }

        .technology-target-hydraulic {

          bottom: 134px;

          right: 129px;

        }

        .technology-target-engine {

          bottom: 204px;

          right: 86px;

        }

        .technology-target-wheels {

          bottom: 56px;

          right: 200px;

        }

        .technology-target-belts {

          bottom: 105px;

          right: 274px;

        }

        .technology-target-sprockets {

          bottom: 92px;

          right: 162px;

        }

        .technology-target-arm {

          bottom: 93px;

          right: 53px;



        }

        .technology-target-fixation {

          bottom: 52px;

          right: 62px;

        }

        .technology-target-boat {

          bottom: 242px;

          right: 130px;

        }



  }  









  /* TABS // Secondary Module 

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

  .technology-module-secondary {

    background-color: #000 !important;

    padding-top: 50px;

    padding-bottom: 60px;

    height: auto;

    display: none;

  }

    .technology-module-tabs {

      border: 1px solid #8f7a59;

      padding: 10px;

      max-width: 620px;

      margin: 0 auto;

    }



      .nav-tabs li {

        display: block;

        float: none;

      }

      .nav-tabs li a {

        margin-bottom: 10px;

        width: 100%;

        color: #fff !important;

        border-radius: 0 !important;

        border: none !important;

      }

      .nav-tabs li.active a {

        border: none !important;

        background-color: #8f7a59 !important;

      }

      .nav-tabs li a:hover {

        border: none !important;

        background-color: #817055 !important;

      }

      .tab-content {

        overflow: hidden;

      }



      .tab-content > div p {

        padding-top: 12px;

        word-break: break-word;

        -webkit-hyphens: auto;

        -moz-hyphens: auto;

        -ms-hyphens: auto;

        -o-hyphens: auto;

        hyhens: auto;



      }



      @media (min-width: 560px) {

        .nav-tabs li {

          float: left;

          margin-right: 12px;

        } 

      }

      @media (min-width: 992px) {

        .technology-module-secondary {

          display: block;

          background: url('images/technology-technology-bg-img-2.jpg') no-repeat left bottom;

          height: 660px;

          padding-left: 290px;

          padding-right: 30px;

          padding-top: 83px;

        }

        .nav-tabs li {

          float: none;

          margin-right: 0;

        } 

      }

      @media (min-width: 1300px) {

        .technology-module-secondary {

          padding-left: 310px;

          padding-right: 100px;

        }

      }


 /* Ultimate Tender section

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

  .ultimate-tender-section {

    background-color: #000;

    border-bottom: 2px solid #000;
	
	margin-top:0 !important;

/*    padding-top: 50px;

    padding-bottom: 50px;*/

  }

  .ultimate-tender-section h3,

  .ultimate-tender-section p {

    color: #fff; 

  }

    .ultimate-tender-primary,

    .ultimate-tender-secondary {



    }

    .ultimate-tender-primary {

      padding: 25px 50px 40px;

    }

    .ultimate-tender-primary img {



    }

      .ultimate-tender-section-text {

        margin-bottom: 30px;

      }



    .ultimate-tender-secondary {
		
	  padding: 25px 50px 40px;
    

    }



  @media (min-width: 1200px) {



    .ultimate-tender-primary {

      padding-left: 50px;

    }    

      .ultimate-tender-section-text {

        text-align: left;

      }

      .ultimate-tender-primary img {

        float: right;

      }

  }


 /* safety-tender-section

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



  @media (min-width: 900px) {

  .btn-tender {
      padding-left: 73px;
  }}    

  .safety-tender-section {

    background-color: #fff;

   /* border-bottom: 2px solid #000;*/

/*    padding-top: 50px;

    padding-bottom: 50px;*/

  }

  .safety-tender-section h3,

  .safety-tender-section p {

    color:  #9a8667; 

  }

    .safety-tender-section-primary,

    .safety-tender-section-secondary {



    }

    .safety-tender-section-tender-primary {

      padding: 25px 50px 40px;

    }

    .safety-tender-section-primary img {



    }

      .safety-tender-section-text {

        margin-bottom: 30px;

      }



    .safety-tender-section-secondary {
		
	  padding: 25px 50px 40px;
    

    }



  @media (min-width: 1200px) {



    .safety-tender-section-primary {

      padding-left: 50px;

    }    

      .safety-tender-section-text {

        text-align: left;

      }

      .safety-tender-section-primary img {

        float: right;

      }

  }


/* lift-tender-section

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

  .lift-tender-section {

    background-color: #000;

    border-bottom: 2px solid #000;

/*    padding-top: 50px;

    padding-bottom: 50px;*/

  }

  .lift-tender-section h3,

  .lift-tender-section p {

    color:  #fff; 

  }

    .lift-tender-section-primary,

    .lift-tender-section-secondary {



    }

    .lift-tender-section-tender-primary {

      padding: 25px 50px 40px;

    }

    .lift-tender-section-primary img {



    }

      .lift-tender-section-text {

        margin-bottom: 30px;

      }



    .lift-tender-section-secondary {
		
	  padding: 25px 50px 40px;
    

    }



  @media (min-width: 1200px) {



    .lift-tender-section-primary {

      padding-left: 50px;

    }    

      .lift-tender-section-text {

        text-align: left;

      }

      .lift-tender-section-primary img {

        float: right;

      }

  }





  /* Powertrain section

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

  .powertrain-section {

    background-color: #000;

    border-bottom: 2px solid #000;

/*    padding-top: 50px;

    padding-bottom: 50px;*/

  }

  .powertrain-section h3,

  .powertrain-section p {

    color: #fff; 

  }

    .powertrain-primary,

    .powertrain-secondary {



    }

    .powertrain-primary {

      padding: 25px 50px 40px;

    }

    .powertrain-primary img {



    }

      .powertrain-section-text {

        margin-bottom: 30px;

      }



    .powertrain-secondary {

      background: url('images/technology-powertrain-img-2.jpg') no-repeat left center;

      background-size: cover;

      height: 500px;

    }



  @media (min-width: 1200px) {



    .powertrain-primary {

      padding-left: 200px;

    }    

      .powertrain-section-text {

        text-align: right;

      }

      .powertrain-primary img {

        float: right;

      }

  }


 /* Electric Drives section

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

  .electric-drives-section {

    background-color: #000;

    border-bottom: 2px solid #000;

/*    padding-top: 50px;

    padding-bottom: 50px;*/

  }
  
 
  .electric-drives-section h3,

  .electric-drives-section p {

    color: #fff; 

  }

    .electric-drives-primary,

    .electric-drives-secondary {



    }

    .electric-drives-primary {

      padding: 25px 50px 40px;

    }

    .electric-drives-primary img {



    }

      .electric-drives-section-text {

        margin-bottom: 30px;

      }



    .electric-drives-secondary {

      background: url('images/battery.png') no-repeat left center;
	  
	  background-color: #fff;

      background-size: cover;

      height: 400px;

    }



  @media (min-width: 1200px) {



    .electric-drives-primary {

      padding-left: 100px;

    }    

      .electric-drives-section-text {

        text-align: left;

      }

      .electric-drives-primary img {

        float: right;

      }

  }









  /* CloseUp Section

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

  .closeup {

    background-color: #fff;

    padding: 20px 0 20px;

  }

  .closeup h3 {

    margin-bottom: 50px;

  }



@media (max-width: 400px){

.closeup h3 {

    margin-bottom: 0px;

  }

}



  .closeup img {

    border: none;

  }



  .closeup-text {

    margin-bottom: 40px;

    padding-right: 20px;

    padding-left: 18px;

    border-left: 2px solid #8f7a59;

    position: relative;

  }



@media (min-width: 992px){

.closeup-text {

    margin-top: 138px;

  }

}



      



  @media (min-width: 768px) {

    .closeup-text.show:before {

      content: "";

      width: 70px;

      height: 1px;

      border-bottom: 2px solid #8f7a59;

      position: absolute;

      top: 50%;

      left: -70px;

    }

  }





  .closeup-img-targets {

    position: relative;

  }

  .closeup-img-targets img {



  }



  /* Titre Close Up pour Mobile / Desktop */





  @media (min-width: 992px) {

    .title-closeup-mobile {

      display: none;

    }

  }



  @media (max-width: 991px) {

    .title-closeup-desktop {

      display: none;

    }

  }







    /* Target style and clicked, voir dans Technology plus haut */



    /* Electronic */

    .closeup-target-1 {

      top: 20%;

      left: 70%;

    }

    /* Materials */ 

    .closeup-target-2 {

      top: 31%;

      left: 81%;

    }

    .closeup-target-3 {

      top: 34%;

      left: 38%;

    }

    /* Accessibility */

    .closeup-target-4 {

      top: 53%;

      left: 55%;

    }

    .closeup-target-5 {

      top: 90%;

      left: 30%;

    }







  /* Specifications

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

  .specifications  {

    padding-top: 50px;

    padding-bottom: 50px;

    color: #000;

    border-bottom: 1px solid #fff;

    background: #000;

  }

    .specifications h3 {

      color: #fff;

      margin-bottom: 20px;

      margin-top: 10px;

      font-weight: 300;

    }

    .specifications table {

      color: #fff;

      border: none !important;

    }

    .specifications  table,

    .specifications  tr,

    .specifications td {

      border: none !important;

      color: #fff;

    }





  .specifications .quote {

    padding: 24px 0;

  }

  @media (min-width: 768px) {

    .specifications .quote {

      padding: 40px 0;

    }   

  }



  .download-pdf {

    padding-top: 30px;

    text-align: center;

  }

  .download-pdf p {

    color: #fff;

    margin-bottom: 18px;

  }

  .download-pdf a {

    width: 100% !important;

  }





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

------------------------------

** History

------------------------------

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





.history-top-img {

/*  height: 280px;*/

  background: url('images/history-img-1.jpg') no-repeat center center;

  background-size: cover;

  position: relative;

}

  .history-inspiration-text {

    padding: 18px;

    background: #fff;

    background: rgba(255, 255, 255, .6);

    transition: height .3s ease-in-out; 

  }

    .history-inspiration-text h3,

    .history-inspiration-text p {

      color: #000;

    }

    .history-inspiration-text h3 {

      margin-top: 0;

    }

    .history-inspiration-text p {

      margin-bottom: 18px;

    }





@media (min-width: 650px) {

  .history-top-img {

    height: 360px;

  }

    .history-inspiration-text {

      overflow: hidden;

      height: 108px;

      width: 60%;

      max-width: 420px;

      position: absolute;

      bottom: 0;

      left: 10%;

      cursor: pointer;

    }

    .history-inspiration-text.inspiration-click {

      overflow-y: scroll;

      height: 320px;

    }

}

@media (min-width: 992px) {

  .history-top-img {

    height: 520px;

  }

}







.history-president-section {

  background-color: #000;

  border-top: 3px solid #000;

  border-bottom: 3px solid #000;

/*  padding-top: 40px;*/

  padding-bottom: 40px;

}



  .history-president-image {

    padding: 0;

  }



  @media (min-width: 768px) {

    .history-president-section {

      padding-top: 40px;

    }

      .history-president-image {

        padding: 0 15px;

      }

  }



  .history-text-president {

    text-align: justify;

    text-justify: inter-word;

    padding-left: 30px;

  }

  .history-text-president h1,

  .history-text-president h2,  

  .history-text-president h3,

  .history-text-president h4,

  .history-text-president h5,

  .history-text-president h6,

  .history-text-president p {

    color: #fff;

  }



  .history-patent-section {

    background-color: #fff;

    padding-top: 30px;

    padding-bottom: 20px;

    text-align: justify;

    text-justify: inter-word;



  }

    .history-patent-text {

      padding-left: 30px;

      padding-right: 30px;

      margin-bottom: 20px;

    }

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

------------------------------

** Tender

------------------------------

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


.tender-top-img {

/*  height: 280px;*/

  background: url('images/tender-header-hr.jpg') no-repeat center center;

  background-size: cover;

  position: relative;
  
 margin-top:0 !important;

}

  .tender-text {

    padding: 18px;

    background: #ccc;

    background: rgba(255, 255, 255, .6);

    transition: height .3s ease-in-out; 

  }

    .tender-text h3,

    .tender-text p {

      color: #000;

    }

    .tender-text h3 {

      margin-top: 0;

    }

    .tender-text p {

      margin-bottom: 18px;

    }





@media (min-width: 650px) {

  .tender-top-img {

   height: 250px;
	top: -40px;

  }

    .tender-text {

      overflow: hidden;

      height: 200px;

      width: 60%;

      max-width: 420px;

      position: absolute;

      top: 20px;

      right: 40px;

      cursor: pointer;

    }

/*.tender-inspiration-text.inspiration-click {

      overflow-y: scroll;

      height: 320px;

    }*/
}

@media (min-width: 992px) {

  .tender-top-img {

    height: 500px;

  }

}







.tender-president-section {

  background-color: #000;

  border-top: 3px solid #000;

  border-bottom: 3px solid #000;

/*  padding-top: 40px;*/

  padding-bottom: 40px;

}



  .tender-president-image {

    padding: 0;

  }



  @media (min-width: 768px) {

    .tender-president-section {

      padding-top: 40px;

    }

      .tender-president-image {

        padding: 0 15px;

      }

  }



  .tender-text-president {

    text-align: justify;

    text-justify: inter-word;

    padding-left: 30px;

  }

  .tender-text-president h1,

  .tender-text-president h2,  

  .tender-text-president h3,

  .tender-text-president h4,

  .tender-text-president h5,

  .tender-text-president h6,

  .tender-text-president p {

    color: #fff;

  }



  .tender-tech-section {

    background-color: #fff;

    padding-top: 30px;

    padding-bottom: 20px;

    text-align: justify;

    text-justify: inter-word;



  }

    .tender-tech-text {

      padding-left: 30px;

      padding-right: 30px;

      margin-bottom: 20px;

    }





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

------------------------------

** MEDIA

------------------------------

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



.column_media{

  margin-top: 100px;

}





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

------------------------------

** FAQs

------------------------------

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





.faqs-section {

  border-top: 2px solid #fff;

  border-bottom: 2px solid #fff;

}

  .faqs-section > .row {



  }

    #faq-primary {

    }

    #faq-secondary {

      background-color: #000;

      background: url('images/technology-technology-bg-img-2.jpg') no-repeat left top #000;

      background-size: contain;

    }

      .#aq-secondary img {



      }

@media (min-width: 768px) {

  .faqs-section {



  }

    .faqs-section > .row {

      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */

      display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */

      display: -ms-flexbox;      /* TWEENER - IE 10 */

      display: -webkit-flex;     /* NEW - Chrome */

      display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    }

      #faq-primary {



      }

      .no-flexbox #faq-secondary {

        display: none;

      }

}

@media (min-width: 992px) {

  #faq-primary {

    padding-left: 9%;

    padding-right: 30px;

  }

}



a[aria-expanded="true"] {

  color: #9a8667;

}



#faq-primary .panel.panel-default,

#faq-primary .panel-body,

#faq-primary .panel-heading {

  padding-left: 0;

  border: none !important;

  border-radius: 0;

  background-color: transparent !important;

}

#faq-primary .panel.panel-default {



}

#faq-primary .panel-heading {



}

#faq-primary .panel-body {



}

  #faq-primary .panel-body p {

    border-left: 4px solid #8f7a59;

    padding-left: 16px;

    text-align: justify;

  }



#accordion {

  margin-bottom: 0;

  padding-bottom: 30px;

}







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

------------------------------

** Legal Mentions

------------------------------

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





.legal-mentions-logos {

  margin-top: 14px;

}









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

------------------------------

** Scroll Bar

------------------------------

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





.jspContainer {



}

  .jspPane {

    padding: 18px !important;

  }

  .jspVerticalBar {

    width: 8px;

    background-color: transparent;

    margin-right: 4px;

    z-index: 9999;

  }

    .jspTrack {

      background-color: transparent;

    }

      .jspDrag {

        background-color: #9a8667;

      }



/* Unused space before and after the vertical scroll bar */ 

.jspCap

{

  display: block;

  background: transparent;

}



.jspVerticalBar .jspCap

{

  height: 12px;

}





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

------------------------------

** 404 Page

------------------------------

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





.para-error-btn {

  margin-top: 30px !important;

}

  .para-error-btn a:hover {

    color: #fff;

  } 



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

------------------------------

** Boostrap column 5

------------------------------

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

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}