/* --------------------------------------------------------------------
/* --------------------------------------------------------------------
* Template Master Stylesheet
*
* Template main color (Blue): #00d6d4;
* Global font family (Google font): 'Montserrat', sans-serif;
-------------------------------------------------------------------- */

/** test **/
/* Table of Content
====================
1. General
2. Page preloader
3. Lazy-loading 4. Page boxed layout
5. Cover
6. Body content
7. Headings
8. tt-heading
9. Zig-Zag separator
10. tt-section
11. Header
12. Logo
13. Menu
14. Intro
15. Page header
16. Content carousel
17. Isotope
18. tt-section
19. Password protected section
20. Portfolio list section
21. Portfolio single section
22. Portfolio single nav section
23. Project carousel section 
24. Blog list section 
25. Blog single cection
26. Blog sidebar
27. Blog sidebar widgets
28. Archive
29. Latest news section
30. Search results section
31. Lightgallery
32. Forms
33. Modal
34. Thumbnail list
35. Sticky share
36. Split box
37. Pagination
38. Buttons
39. Social buttons
40. YTP Player
41. Panels
42. Accordion
43. Blockquote
44. Info box
45. Map
46. About me section
47. About us section
48. Team cection
49. Services section
50. Clients section
51. Testimonials section
52. Fun facts section
53. Video promo section
54. Contact section
55. FAQ section
56. Prices section
57. Call to action section
58. Simple text section
59. Page section
60. Footer
*/

/* ------------------------------------------------------------- *
 *  Font Panton licence
/* ------------------------------------------------------------- */

@import 'MyFontsWebfontsKit.css';

 
/* ------------------------------------------------------------- *
 *  Font
/* ------------------------------------------------------------- */

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/029177df870cce2b384f0610a6e1f82a.eot");
    src: url("../fonts/Montserrat/029177df870cce2b384f0610a6e1f82a.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Montserrat/029177df870cce2b384f0610a6e1f82a.woff2") format("woff2"),
        url("../fonts/Montserrat/029177df870cce2b384f0610a6e1f82a.woff") format("woff"),
        url("../fonts/Montserrat/029177df870cce2b384f0610a6e1f82a.ttf") format("truetype"),
        url("../fonts/Montserrat/029177df870cce2b384f0610a6e1f82a.svg#Montserrat") format("svg");
}


@font-face {
    font-family: 'icomoon';
    src: url('../fonts/fontsicon/icomoon.eot?23n7m2');
    src: url('../fonts/fontsicon/icomoon.eot?23n7m2#iefix') format('embedded-opentype'),
        url('../fonts/fontsicon/icomoon.ttf?23n7m2') format('truetype'),
        url('../fonts/fontsicon/icomoon.woff?23n7m2') format('woff'),
        url('../fonts/fontsicon/icomoon.svg?23n7m2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'icomoon home';
    src: url('../fonts/fontsicon/icomoon-home.eot?23n7m2');
    src: url('../fonts/fontsicon/icomoon-home.eot?23n7m2#iefix') format('embedded-opentype'),
        url('../fonts/fontsicon/icomoon-home.ttf?23n7m2') format('truetype'),
        url('../fonts/fontsicon/icomoon-home.woff?23n7m2') format('woff'),
        url('../fonts/fontsicon/icomoon-home.svg?23n7m2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'icomoon Fournisseurs';
    src: url('../fonts/fontsicon/icomoon-fournissuers.eot?23n7m2');
    src: url('../fonts/fontsicon/icomoon-fournissuers.eot?23n7m2#iefix') format('embedded-opentype'),
        url('../fonts/fontsicon/icomoon-fournissuers.ttf?23n7m2') format('truetype'),
        url('../fonts/fontsicon/icomoon-fournissuers.woff?23n7m2') format('woff'),
        url('../fonts/fontsicon/icomoon-fournissuers.svg?23n7m2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'icomoon Fournisseurs 2';
    src: url('../fonts/fontsicon/icomoon-founissuers-2.eot?23n7m2');
    src: url('../fonts/fontsicon/icomoon-founissuers-2.eot?23n7m2#iefix') format('embedded-opentype'),
        url('../fonts/fontsicon/icomoon-founissuers-2.ttf?23n7m2') format('truetype'),
        url('../fonts/fontsicon/icomoon-founissuers-2.woff?23n7m2') format('woff'),
        url('../fonts/fontsicon/icomoon-founissuers-2.svg?23n7m2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'icomoon world';
    src: url('../fonts/fontsicon/icomoon-world.eot?23n7m2');
    src: url('../fonts/fontsicon/icomoon-world.eot?23n7m2#iefix') format('embedded-opentype'),
        url('../fonts/fontsicon/icomoon-world.ttf?23n7m2') format('truetype'),
        url('../fonts/fontsicon/icomoon-world.woff?23n7m2') format('woff'),
        url('../fonts/fontsicon/icomoon-world.svg?23n7m2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
  font-family: 'icomoon envoidonnees';
  src:  url('../fonts/fontsicon/icomoon-envoidonnees.eot?h6usbu');
  src:  url('../fonts/fontsicon/icomoon-envoidonnees.eot?h6usbu#iefix') format('embedded-opentype'),
    url('../fonts/fontsicon/icomoon-envoidonnees.ttf?h6usbu') format('truetype'),
    url('../fonts/fontsicon/icomoon-envoidonnees.woff?h6usbu') format('woff'),
    url('../fonts/fontsicon/icomoon-envoidonnees.svg?h6usbu#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'exportFile';
  src:  url('../fonts/fontsicon/icomoon-export-file-suppliers.eot?lvkekd');
  src:  url('../fonts/fontsicon/icomoon-export-file-suppliers.eot?lvkekd#iefix') format('embedded-opentype'),
    url('../fonts/fontsicon/icomoon-export-file-suppliers.ttf?lvkekd') format('truetype'),
    url('../fonts/fontsicon/icomoon-export-file-suppliers.woff?lvkekd') format('woff'),
    url('../fonts/fontsicon/icomoon-export-file-suppliers.svg?lvkekd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

html {
    font-size: 100%;
    overflow-y: scroll;

}

html,
body {
    padding: 0;
    margin: 0;
}

body {
    position: relative;
    background-color: #FFF;
    font-family: 'Montserrat', sans-serif;
    line-height: 24px;
    /*line-height: 1.5;*/
    font-size: 18px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    overflow: hidden;

}
.col-twoone>div, .col-onetwo>div{
    padding-right: 10px;
    padding-left: 10px;
}
.paragraph--type--video-upload{line-height: 0; font-size: inherit;}
.pd-top-text p{padding-top: 40px;}
a {
    color: #00d6d4;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #0f3fb1;
    text-decoration: none;
}

a:focus {
    outline: none;
}

p {
    margin: 0 0 20px;
    font-weight: 300;
}

img {
    max-width: 100%;
    height: auto;
}

b,
strong {
    font-weight: bold;
    font-weight: 600;
}

section {
    position: relative;
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #00d6d4;
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #00d6d4;
}

::-webkit-selection {
    color: #fff;
    text-shadow: none;
    background: #00d6d4;
}
.mt-30{margin-top: 30px !important;}
.mb-30{margin-bottom: 30px !important;}
.small,
small {
    font-size: 80%;
}
.lnr {line-height: inherit;}
.lead {
    font-size: 21px;
    font-weight: normal;
}

.details ol,.details ul,.details p, .details table {
  margin-top: 10px;
  margin-bottom: 20px;
}
.text-a-blue, .text-a-blue a,.number_split.n-blue{color:#0080FF; }
.text-a-orange,.number_split.n-orange,.div-orange h2,.div-orange h2 a {color:#FF9602; }
.text-a-vert,.number_split.n-vert{color: #3EC91C;}
.text-a-violet,.number_split.n-violet,.div-violet h2, .div-violet h2 a {color:#9022F0; }
.text-a-grey, .split-box-content.text-a-grey>.tt-heading> .tt-heading-inner>.middle-text> .tt-heading-title{color:#222221; } 
.div-blue h1,
.div-blue h2,
.div-blue h3,
.div-blue h4,
.div-blue h1 a,
.div-blue h2 a,
.div-blue h3 a,
.div-blue h4 a
 {
    color:#0080FF; 
    text-transform: lowercase;
 }

 .div-blue h1::first-letter,
.div-blue h2::first-letter,
.div-blue h3::first-letter,
.div-blue h4::first-letter,
.div-blue h1 a::first-letter,
.div-blue h2 a::first-letter,
.div-blue h3 a::first-letter,
.div-blue h4 a::first-letter
 {
    text-transform: capitalize;
 }
.div-blue-light h2, .div-blue-light h2 a,p.div-blue-light{color:#00C8FF; }
.div-vert-light h2, .div-vert-light h2 a{color:#00D6D4; }
.border-transparent{border-color: transparent;}
.single-text{
    font-size:20px; 
    line-height: 30px; 
}
.no-gras{

    font-weight: initial;  
}
.single-text .text-page{
    font-family: Panton;
    font-size:100%; 
    line-height: 135%; 
    font-weight: bold;  
    color: #222221;
}
.text-dark, 
h2.text-dark, 
h2.text-dark a, 
.pl-item-caption h2.text-dark a
{
    color: #222221 !important;

}

.text-bold,
p>strong.text-bold
{
    font-weight: bold !important;
}
.text-italic{
    font-style: italic;
}
/*****************************************/
        /*BBS Groupe Color 
*******************************************/

/******* organisation de color *************/
/******* organe *************/
.orange h1,
.orange h2,
.orange h4,
.orange h5,
.orange h6{
    color:  #FF9602; 
}
.orange .btn{
    background-color: #FF9602 !important; 
    border-color: #FF9602 !important;
}
.btn-center{
    display: block;
    margin: 0 auto !important; 
}
/******* violet *************/
.violet h1,
.violet h2,
.violet h4,
.violet h5,
.violet h6{
    color:  #9022F0;
}
.violet .btn{
    background-color: #9022F0 !important; 
    border-color: #9022F0 !important;
}

/******* blue claire *************/
.lightblue h1,
.lightblue h2,
.lightblue h4,
.lightblue h5,
.lightblue h6{
    color:  #00C8FF; 
}
.lightblue .btn{
    background-color: #00C8FF !important; 
    border-color: #00C8FF !important;
}
.lightblueDark.btn{
    background-color: #05ADDB !important;
    border-color: #05ADDB !important;
}

/******* blue claire *************/
.lightgreen h1,
.lightgreen h2,
.lightgreen h4,
.lightgreen h5,
.lightgreen h6{
    color:  #00D6D4; 
}
.lightgreen .btn{
    background-color: #00D6D4 !important; 
    border-color: #00D6D4 !important;
}
.lightgreen.btn{
    background-color: #00D6D4 !important; 
    border-color: #00D6D4 !important;
}

/******* organisation de page *************/
.mg-top{
    margin-top: 55px; 
}
.bbs-famille.mg-top{
    margin:55px auto 0 auto !important; 
}
.bbs-famille.mg-top{
    margin:55px auto 0 auto !important; 
}
.bbs-famille >div.row>p>strong{
   font-weight: 400;
}
.weight-normal{font-weight: normal !important;}
.bbs-famille.mg-bottom{ 
    margin-bottom:55px !important; 
}
.bbs-famille .col-md-3 p{
    margin: 0 auto; 
}
.bbs-famille .col-md-8 p{
    font-family: Montserrat; 
    font-size: 18px; 
    font-weight: 37px; 
}
.bbs-famille h2,h2.bbs-famille{
    font-size: 24px; 
    font-weight: 40px; 
}
.bbs-famille .btn{
    width: 300px;
    height: auto;
    margin: 0 0 15px 0;
    font-family: Panton; 
    font-size: 18px; 
    font-weight: 22px; 
    white-space: pre-wrap;
    color: #fff !important;
    text-shadow: inherit !important;
}

.bbs-famille p.firstgpara{
    font-size: 22px; 
    line-height: 29px;
}
/******************************************/

.split-box-content.text-a-grey>.tt-heading> .tt-heading-inner>.middle-text> .tt-heading-title{
    padding-right: 8%; 
}
.split-box-content.text-a-grey>.tt-heading> .tt-heading-inner>.middle-text{
    font-size: 30px;
    line-height: 37px;
}
.split-box.left-border .split-box-content.text-a-grey,
.split-box.right-border .split-box-content.text-a-grey
{
    height: auto;
} 

.number_split.n-blue{border-color:#0080FF; }
.number_split.n-orange{border-color:#FF9602; }
.number_split.n-vert{border-color: #3EC91C;}
.number_split.n-violet{border-color:#9022F0; }

.pd-l-0{padding-left: 0;}
.pd-r-0{padding-right: 0;}
.no-padding  {
    padding: 0;
}
.mg-t-20{margin-top: 20px !important; }
.mg-b-20{margin-bottom: 20px !important; }
.dd{
    margin-top: 20px;
    margin-bottom: 0;
} 
.dd section#portfolio-list-section {
    padding: 0;
    padding-bottom: 0;
    margin: 0;
}
.position-center{background-position: center center !important;}
.position-right{background-position: center right !important;}
.position-left{background-position: center left !important;}
.video-embed-field-responsive-video:after{padding-bottom: 0;}
.animsition-loading {
    z-index: 98;
    border-top: 3px solid rgba(130, 130, 130, 0.3);
    border-right: 3px solid rgba(130, 130, 130, 0.3);
    border-bottom: 3px solid rgba(130, 130, 130, 0.3);
    border-left: 3px solid #00d6d4;
}
.overlay-slide-in-top,
.overlay-slide-out-top {
    background-color: #FFF;
    z-index: 98;
}
.lazy {
    position: relative;
}
.lazy.lazy-loader::after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    width: 54px;
    height: 54px;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lazy.lazy-error::after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    width: 54px;
    height: 54px;
    background-image: url(../img/no-image.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

img.lazy.lazy-loader,
img.lazy.lazy-error {
    width: 100%;
    height: 120px;
}

img.lazy.lazy-loader {
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: inherit !important;
    background-size: inherit !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

img.lazy.lazy-error {
    background-image: url(../img/no-image.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: inherit !important;
    background-size: inherit !important;
}
body.tt-boxed .tt-wrap {
    max-width: 1282px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    z-index: 2;
    opacity: 0;
} 

#page-header .cover
{
    background-color: #000;
}
#page-header .cover:hover
{
    background-color: transparent;
}
.cover.cover-color {
    background-color: #00d6d4;
}

.cover.cover-light {
    background-color: #FFF;
}

.cover.cover-red {
    background-color: #e80000;
}

.cover.cover-pink {
    background-color: #d800b6;
}

.cover.cover-purple {
    background-color: #800080;
}

.cover.cover-green {
    background-color: #56d800;
}

.cover.cover-blue {
    background-color: #0070de;
}

.cover.cover-yellow {
    background-color: #FFE800;
}

.cover.cover-brown {
    background-color: #b5851e;
}

.cover.cover-gradient-light {
    opacity: 1;
    background: -moz-linear-gradient(top, rgba(243, 243, 243, 0.9) 0%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(243, 243, 243, 0.9) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(243, 243, 243, 0.9) 0%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e6f3f3f3', endColorstr='#fff', GradientType=0);
}

.cover.cover-gradient-dark {
    opacity: 1;
    background: -moz-linear-gradient(top, rgba(24, 28, 37, 0.6) 0%, #13161b 100%);
    background: -webkit-linear-gradient(top, rgba(24, 28, 37, 0.6) 0%, #13161b 100%);
    background: linear-gradient(to bottom, rgba(24, 28, 37, 0.6) 0%, #13161b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#13161b', GradientType=0);
}

.cover.cover-gradient-color {
    opacity: 1;
    background: #0032bc;
    background: -moz-linear-gradient(-45deg, #0032bc 30%, #cc0087 100%);
    background: -webkit-linear-gradient(-45deg, #0032bc 30%, #cc0087 100%);
    background: linear-gradient(135deg, #0032bc 30%, #cc0087 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0032bc', endColorstr='#cc0087', GradientType=1);
}


.cover.cover-opacity-0 {
    opacity: 0;
}

.cover.cover-opacity-0-5 {
    opacity: .05;
}

.cover.cover-opacity-1 {
    opacity: .1;
}

.cover.cover-opacity-1-5 {
    opacity: .15;
}

.cover.cover-opacity-2 {
    opacity: .2;
}

.cover.cover-opacity-2-5 {
    opacity: .25;
}

.cover.cover-opacity-3 {
    opacity: .3;
}

.cover.cover-opacity-3-5 {
    opacity: .35;
}

.cover.cover-opacity-4 {
    opacity: .4;
}

.cover.cover-opacity-4-5 {
    opacity: .45;
}

.cover.cover-opacity-5 {
    opacity: .5;
}

.cover.cover-opacity-5-5 {
    opacity: .55;
}

.cover.cover-opacity-6 {
    opacity: .6;
}

.cover.cover-opacity-6-5 {
    opacity: .65;
}

.cover.cover-opacity-7 {
    opacity: .7;
}

.cover.cover-opacity-7-5 {
    opacity: .75;
}

.cover.cover-opacity-8 {
    opacity: .8;
}

.cover.cover-opacity-8-5 {
    opacity: .85;
}

.cover.cover-opacity-9 {
    opacity: .9;
}

.cover.cover-opacity-9-5 {
    opacity: .95;
}
.cover.cover-opacity-all { 
    opacity: 1;
}

#body-content {
    position: relative;
    overflow: hidden;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Panton', sans-serif;
    font-weight: lighter;
    color: inherit;
}
 
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-family: 'Panton', sans-serif;
    font-weight: lighter;
    line-height: 1.2;
    margin-top: 0px;
    margin-bottom: 20px;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    font-family: 'Panton', sans-serif;
    font-weight: lighter;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 20px;
}

.h1,
h1 {
    font-size: 34px;
}

.h2,
h2 {
    font-size: 28px;
}

.h3,
h3 {
    font-size: 24px;
}

.h4,
h4 {
    font-size: 18px;
}

.h5,
h5 {
    font-size: 16px;
}

.h6,
h6 {
    font-size: 14px;
}

hr.hr-short {
    position: relative;
    max-width: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: auto;
    border: 0;
    border-top: 9px solid #00d6d4;
    text-align: left;
}

hr.hr-short.hr-center,
.text-center hr.hr-short {
    margin-left: auto;
    margin-right: auto;
}

hr.hr-short.hr-right,
.text-right hr.hr-short {
    margin-left: auto;
    margin-right: 0;
}

.tt-heading {
    position: relative;
    z-index: 3;
}

.tt-heading.padding-on {
    padding: 6% 3% 5% 3%;
}

@media (max-width: 992px) {
    .tt-heading.padding-on {
        padding: 12% 3% 10% 3%;
    }
    body {
        font-size: 14px;
    }
}

.tt-heading-inner {
    position: relative;
    z-index: 2;
    font-size: 50px;
    line-height: 60px;

}

.tt-heading-title,
p.tags-bbs a {
    max-width: 800px;
    margin: 0;
    font-size: 32px;
}

.tt-heading-subtitle {
    max-width: 800px;
    margin-top: 5px;
    font-size: 16px;
}

.tt-heading.text-center .tt-heading-title,
.tt-heading.text-center .tt-heading-subtitle {
    margin-left: auto;
    margin-right: auto;
}

.tt-heading.text-right .tt-heading-title,
.tt-heading.text-right .tt-heading-subtitle {
    margin-left: auto;
}

.tt-heading .hr-short {}

.tt-heading .number_split .hr-short {
    margin: 0;
}

.tt-heading.text-center hr.hr-short {
    margin-left: auto;
    margin-right: auto;
}

.tt-heading.text-right hr.hr-short {
    margin-left: auto;
    margin-right: 0;
}

.tt-heading-text {
    max-width: 800px;
    margin-top: 20px;
}

.tt-heading.text-center .tt-heading-text {
    margin-left: auto;
    margin-right: auto;
}

.tt-heading.text-right .tt-heading-text {
    margin-left: auto;
    margin-right: 0;
}

.tt-heading.tt-heading-xs .tt-heading-title {
    font-size: 24px;
}

.tt-heading.tt-heading-xs .zig-zag-separator {
    margin-top: 10px;
    margin-bottom: 20px;
}


.tt-heading.tt-heading-sm .tt-heading-title {
    font-size: 28px;
}

.tt-heading.tt-heading-sm .zig-zag-separator {
    margin-top: 15px;
    margin-bottom: 25px;
}


.tt-heading.tt-heading-lg .tt-heading-title {
    font-size: 38px;
}

.tt-heading.tt-heading-lg .tt-heading-subtitle {
    font-size: 21px;
}

@media (max-width: 768px) {
    .tt-heading.tt-heading-lg .tt-heading-title {
        font-size: 30px;
    }
    .h4, h4 {
        font-size: 14px;
    }
}

.tt-heading.tt-heading-lg .zig-zag-separator {
    margin-top: 20px;
    margin-bottom: 30px;
}


.tt-heading.tt-heading-xlg .tt-heading-title {
    font-size: 46px;
}

.tt-heading.tt-heading-xlg .tt-heading-subtitle {
    margin-top: 5px;
    font-size: 21px;
}


@media (max-width: 992px) {
    .tt-heading.tt-heading-xlg .tt-heading-title {
        font-size: 38px;
    }
}

@media (max-width: 768px) {
    .tt-heading.tt-heading-xlg .tt-heading-title {
        font-size: 30px;
    }
}

.tt-heading.tt-heading-xlg .zig-zag-separator {
    margin-top: 20px;
    margin-bottom: 30px;
}

.tt-heading.tt-heading-xxlg .tt-heading-title {
    font-size: 58px;
}

.tt-heading.tt-heading-xxlg .tt-heading-subtitle {
    font-size: 24px;
}

@media (max-width: 992px) {
    .tt-heading.tt-heading-xxlg .tt-heading-title {
        font-size: 38px;
    }

    .tt-heading.tt-heading-xxlg .tt-heading-subtitle {
        font-size: 22px;
    }
}

.tt-heading.tt-heading-xxlg .zig-zag-separator {
    margin-top: 30px;
    margin-bottom: 40px;
}


.zig-zag-separator {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: Arial, sans-serif !important;
}

.zig-zag-separator span {
    position: relative;
    display: inline-block;
    left: 7px;
    width: 25px;
    height: 25px;
    margin-top: -5px;
    margin-left: -2px;
    border-width: 0 6px 6px 0;
    border-style: solid;
    border-color: #00d6d4;
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    -webkit-transform: rotate(45.1deg);
    -moz-transform: rotate(45.1deg);
    -o-transform: rotate(45.1deg);
    -ms-transform: rotate(45.1deg);
    transform: rotate(45.1deg);
}

.zig-zag-separator span:first-child {
    margin-left: 0 !important;
}

.zig-zag-separator span:last-child {
    border-right-width: 0 !important;
}

.zig-zag-separator.zig-zag-xs span {
    left: 5px;
    width: 15px;
    height: 15px;
    margin-top: 0;
    margin-left: -2px;
    border-width: 0 3px 3px 0;
}


.zig-zag-separator.zig-zag-sm span {
    left: 5px;
    width: 21px;
    height: 21px;
    margin-top: -3px;
    margin-left: -2px;
    border-width: 0 5px 5px 0;
}

@media (min-width: 992px) {
    .zig-zag-separator.zig-zag-lg {
        margin-bottom: 30px;
    }

    #block-mainleft a {
        text-align: right;
    }

    #block-mainright a {
        text-align: left;
    }
}

.zig-zag-separator.zig-zag-lg span {
    left: 8px;
    width: 32px;
    height: 32px;
    margin-top: -8px;
    margin-left: -2px;
    border-width: 0 8px 8px 0;
}

@media (min-width: 992px) {
    .zig-zag-separator.zig-zag-xlg {
        margin-top: 30px;
        margin-bottom: 40px;
    }
}

.zig-zag-separator.zig-zag-xlg span {
    left: 10px;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    margin-left: -3px;
    border-width: 0 11px 11px 0;
}


@media (max-width: 992px) {
    .zig-zag-separator.zig-zag-lg span,
    .zig-zag-separator.zig-zag-xlg span {
        left: 7px;
        width: 25px;
        height: 25px;
        margin-top: -5px;
        margin-left: -2px;
        border-width: 0 6px 6px 0;
    }
}

@media (max-width: 768px) {
    .zig-zag-separator span,
    .zig-zag-separator.zig-zag-lg span,
    .zig-zag-separator.zig-zag-xlg span {
        left: 5px;
        width: 21px;
        height: 21px;
        margin-top: -3px;
        margin-left: -2px;
        border-width: 0 5px 5px 0;
    }
}

.zig-zag-separator.zig-zag-light span {
    border-color: #FFF !important;
}

.zig-zag-separator.zig-zag-dark span {
    border-color: #181c25 !important;
}

#header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
    #header {
        z-index: 99;
    }
}

.header-inner {
    position: relative;
    padding-left: 2%;
    padding-right: 2%;
}

.header-inner::after {
    content: "";
    display: block;
    clear: both;
}


#header.header-fixed-top {
    position: fixed !important;
}


#header.header-show-hide-on-scroll {
    position: fixed !important;
}

#header.header-show-hide-on-scroll.fly-up {
    top: -150px;
}

body.tt-m-menu-open #header.header-show-hide-on-scroll {
    top: 0;
}
/**  froshl pages */
.liste-category-froshl .isotope.col-1 .isotope-item {
  width: 100%;
  /*margin-bottom: 18.5px;*/
  margin-bottom: 3%;
}
@media only screen and (min-width: 1181px) {
.vidcover, #portfolio-list-section.liste-category-froshl {
  height: 730px;
  overflow: hidden;
 /* border: 2px solid red;*/
  position: relative;
}
}
.vidcover video{
    /*min-height: 540px; */
    object-fit: cover;
    width:100%;
    height:100%;
    object-position: right top;
    /*max-height: 730px;*/
}
@media only screen and (min-width: 2161px) {
    .liste-category-froshl .isotope.col-1 .isotope-item {
      margin-bottom: 20.8px;
    }
}
@media (min-width: 992px) {
    #header.header-transparent {
        position: absolute;
        background-color: transparent;
        padding-top: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #header.header-transparent .tt-menu-nav>li>a,
    #header.header-transparent .tt-menu-tools>ul>li>a {
        color: #FFF;
    }

    #header.header-transparent .tt-menu-nav>li>a:hover {}

    #header.header-transparent #logo .logo-dark {
        display: none;
    }

    #header.header-transparent #logo .logo-light {
        display: block;
    }
}


@media (min-width: 992px) {

    #header.header-transparent-dark .tt-menu-nav>li>a,
    #header.header-transparent-dark .tt-menu-tools>ul>li>a {
        color: #181c25;
    }

    #header.header-transparent-dark .tt-menu-nav>li>a:hover {}

    #header.header-transparent-dark #logo .logo-dark {
        display: block;
    }

    #header.header-transparent-dark #logo .logo-light {
        display: none;
    }
}


#header.header-filled {
    padding: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#header.header-transparent.header-filled {
    background-color: #FFF;
    padding-top: 0;
}

#header.header-transparent.header-filled .tt-menu-nav>li>a,
#header.header-transparent.header-filled .tt-menu-tools>ul>li>a {
    color: inherit;
}

@media (min-width: 992px) {
    #header.header-transparent.header-filled #logo .logo-dark {
        display: block;
    }

    #header.header-transparent.header-filled #logo .logo-light {
        display: none;
    }
}


#logo {
    position: relative;
    z-index: 9;
    width: 250px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#header #logo img {
    width: 100%;
    max-height: 26px;
}

#logo .logo-light {
    display: none;
}

#logo .logo-light-m,
#logo .logo-dark-m {
    display: none;
}

@media (max-width: 991px) {
    #header #logo {
        position: relative;
        float: left !important;
        top: 16px !important;
        width: 20%;
        height: auto;
    }

    #header #logo img {
        max-height: 26px !important;
    }

    #logo .logo-dark {
        display: none;
    }

    #logo .logo-dark-m {
        display: block;
    }
}


.tt-main-menu {
    display: inline-block;
    min-height: 35px;
}

.navbar {
    margin-bottom: 13px;
    min-height: 35px;
}

nav.tt-main-menu {
    width: 100%;
}


.tt-menu-collapse {
    display: inline-block !important;
}


.tt-menu-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tt-menu-nav>li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.tt-menu-nav>li:first-child {
    margin-left: 0;
}

.tt-menu-nav>li:last-child {
    margin-right: 0;
}

@media (max-width: 1400px) {
    .tt-menu-nav>li {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.tt-menu-nav>li>a, .tt-menu-nav>li>span {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 3px 15px 3px;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    font-weight: 600;
    color: #181c25;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.tt-menu-lang>ul.tt-menu-nav>li>a:hover,
.tt-menu-lang>ul.tt-menu-nav>li.active>a:hover {
    color: #00d6d4;
}

.tt-menu-nav>li>a::after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: 100%;
    z-index: -1;
    height: 5px;
    background: #36d9d7;
    left: 0;
    bottom: 8px;
    overflow: hidden;
    transform: scaleX(0);
    transform-origin: right center;
    -webkit-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}

.tt-menu-nav>li>a:hover::after,
.tt-menu-nav>li.active>a::after {
    transform: none;
    transform-origin: left center;
}


.tt-submenu-wrap {
    position: relative;
}

.tt-submenu {
    position: relative;
    display: none;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #FFF;
    z-index: 99;
    text-align: left;
}

@media (min-width: 992px) {
    .tt-submenu {
        position: absolute;
        display: block !important;
        top: 110%;
        padding-top: 20px;
        padding-bottom: 20px;
        visibility: hidden;
        opacity: 0;
        border-top: 1px solid #f1f1f1;
        -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .3);
        box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .3);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .tt-submenu-wrap.tt-submenu-open>.tt-submenu {
        top: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
}


.tt-submenu .tt-submenu-wrap>.tt-submenu {
    left: 100%;
    right: auto;
    margin-top: -41px;
    margin-left: 0;
}


.tt-submenu-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tt-submenu .tt-submenu-list li {
    margin-top: 2px;
    margin-bottom: 2px;
}

.tt-submenu .tt-submenu-list li:first-child {
    margin-top: 0;
}

.tt-submenu .tt-submenu-list li:last-child {
    margin-bottom: 0;
}

.tt-submenu .tt-submenu-list li>a {
    position: relative;
    display: block;
    padding: 6px 25px 6px 20px;
    text-decoration: none;
    font-size: 14px;
    line-height: 19px;
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tt-submenu .tt-submenu-list li>a:hover {
    color: #00d6d4;
}

.tt-submenu .tt-submenu-list>li.active>a {
    color: #00d6d4;
}
.tt-menu-nav>li:last-child>.tt-submenu {
    left: auto;
    right: 0;
}

.tt-submenu-master.tt-submenu-right>.tt-submenu {
    left: auto;
    right: 0;
}


@media (min-width: 992px) {
    .tt-caret {
        position: relative;
        top: 1px;
        margin-left: 5px;
        font-size: 12px;
        line-height: 0;
    }

    .tt-caret::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .tt-submenu .tt-caret {
        position: absolute;
        right: 8px;
        top: 50%;
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }
}

.tt-dropdown-title {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    font-weight: 600;
    border: none !important;
    box-shadow: none !important;
}

.tt-dropdown-title+li {
    border: none !important;
    box-shadow: none !important;
}

.tt-dropdown-divider {
    height: 1px;
    margin: 10px 0 !important;
    overflow: hidden;
    background-color: rgba(173, 173, 173, 0.21);
    border: none !important;
    box-shadow: none !important;
}

.tt-dropdown-divider+li {
    border: none !important;
    box-shadow: none !important;
}


.tt-submenu-dark .tt-submenu {
    background-color: #11141b;
    color: #DDD;
    border: none;
}

.tt-submenu-dark .tt-submenu .tt-submenu-list li>a {
    color: #BBB;
}

.tt-submenu-dark .tt-submenu .tt-submenu-list li>a:hover {
    color: #FFF;
}

.tt-submenu-dark .tt-submenu .tt-submenu-list>li.active>a {
    color: #FFF;
}


.tt-submenu-color .tt-submenu {
    background-color: #00d6d4;
    color: #FFF;
    border: none;
}

.tt-submenu-color .tt-submenu .tt-submenu-list li>a {
    color: #DDD;
}

.tt-submenu-color .tt-submenu .tt-submenu-list li>a:hover {
    color: #FFF;
}

.tt-submenu-color .tt-submenu .tt-submenu-list>li.active>a {
    color: #FFF;
}


#header.menu-align-left .tt-main-menu {
    display: block;
    text-align: left;
}

#header.menu-align-left #logo {
    top: 15px;
    float: left;
    margin: 0 4% 0 0;
}

#header.menu-align-right .tt-main-menu {
    float: right;
    text-align: left;
}

#header.menu-align-right #logo {
    top: 24px;
    float: left;
    margin: 0;
}

.tt-menu-lang a {
    color: #fff;
    text-transform: uppercase;
    position: relative;
}


#header.menu-align-center {
    margin-bottom: 40px;
}
@media only screen and (max-width: 1366px) {
    body {
        font-size: 16px;
    }
}
@media (min-width: 992px) {
    #header.menu-align-center {
        text-align: center;
    }

    #header.menu-align-center #logo {
        top: -15px;
    }

    #header.menu-align-center #logo img {
        max-height: 80px;
    }
}

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

    #header.menu-align-center #logo {
        top: 0;
        width: 100%;
    }

    #header.menu-align-center #logo img {
        max-height: 100%;
    }

    .we-mega-menu-ul>.we-mega-menu-li>span,
    .we-mega-menu-ul>.we-mega-menu-li>a {
        font-size: 16px;
    }
    .paragraph--type--dd-text p, body {
        font-size: 16px; 
    }    
    .bbs-famille p.firstgpara{
        font-size: 20px;
		line-height: 26px;
    }
}

@media only screen and (max-width: 768px) {
    .paragraph--type--dd-text p, body {
        font-size: 14px; 
    }
    .bbs-famille p.firstgpara{
        font-size: 16px;
		line-height: 22px;
    }
}
@media screen and (max-width: 767px) and (orientation: portrait)  {
    .paragraph--type--dd-text p, body {
        font-size: 12px; 
    }
    .h4, h4 {
        font-size: 13px;
    }
}
@media screen and (max-width: 767px) and (orientation: landscape)  {
    .paragraph--type--dd-text p, body {
        font-size: 13px; 
    }
}


#tt-m-menu-toggle-btn {
    position: relative;
    display: none;
    float: right;
    top: 21px;
    cursor: pointer;
    padding: 8px 25px 11px 0px;
}

#tt-m-menu-toggle-btn span,
#tt-m-menu-toggle-btn span::before,
#tt-m-menu-toggle-btn span::after {
    position: absolute;
    display: block;
    content: '';
    height: 3px;
    width: 23px;
    background-color: #181c25;
    cursor: pointer;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#tt-m-menu-toggle-btn span::before {
    top: -7px;
}

#tt-m-menu-toggle-btn span::after {
    bottom: -7px;
}

body.tt-m-menu-open #tt-m-menu-toggle-btn span {
    background-color: transparent !important;
}

body.tt-m-menu-open #tt-m-menu-toggle-btn span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.tt-m-menu-open #tt-m-menu-toggle-btn span::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 991px) {
    #tt-m-menu-toggle-btn {
        display: block;
    }

    .tt-main-menu {
        display: block;
        float: none !important;
        min-height: 60px;
    }

    .tt-menu-collapse {
        position: absolute;
        display: block !important;
        top: 100%;
        left: 0;
        width: 50%;
        min-height: calc(100vh - 62px);
        height: calc(100vh - 62px);
        overflow-y: auto;
        background-color: #181c25 !important;
        text-align: left;
        color: #DDD;
        -webkit-box-shadow: 15px 0 22px -14px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 15px 0 22px -14px rgba(0, 0, 0, 0.4);
        box-shadow: 15px 0 22px -14px rgba(0, 0, 0, 0.4);
        z-index: 98;
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .tt-menu-collapse.tt-m-menu {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    body.tt-m-menu-open .tt-menu-collapse {
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    html.tt-m-menu-noscroll {
        overflow-y: hidden !important;
    }

    .tt-m-menu-cover {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: transparent;
        z-index: 98;
        visibility: hidden;
        opacity: 0;
    }

    body.tt-m-menu-open .tt-m-menu-cover {
        visibility: visible;
        opacity: .6;
    }
    .tt-menu-nav {
         border-bottom: 0;
    }

    .tt-menu-nav>li {
        display: block;
        float: none;
        margin: 0;
        border-bottom: 1px solid #2f333c;
    }

    .tt-menu-nav>li>a, .tt-menu-nav>li>span {
        background-color: transparent;
        margin: 0;
        padding: 10px 20px !important;
        color: #CCC !important;
    }

    .tt-menu-nav>li>a:hover {
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #FFF !important;
        border: none;
    }

    .tt-menu-nav>li.active>a {
        background-color: transparent;
        color: #02cac9 !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
    }

    .tt-menu-nav>li>a::after {
        display: none;
    }

    .tt-submenu {
        display: none;
        position: relative;
        top: auto;
        left: 0 !important;
        min-width: 100%;
        background-color: #11141b !important;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
        color: #DDD !important;
        overflow: hidden;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: 1px solid rgba(134, 134, 134, 0.15);
        -webkit-box-shadow: inset 0 22px 10px -20px rgba(0, 0, 0, 0.3), inset 0 -22px 10px -20px rgba(0, 0, 0, 0.3) !important;
        -moz-box-shadow: inset 0 22px 10px -20px rgba(0, 0, 0, 0.3), inset 0 -22px 10px -20px rgba(0, 0, 0, 0.3) !important;
        box-shadow: inset 0 22px 10px -20px rgba(0, 0, 0, 0.3), inset 0 -22px 10px -20px rgba(0, 0, 0, 0.3) !important;
    }

    .tt-submenu .tt-submenu-wrap>.tt-submenu {
        left: 0 !important;
        margin-top: 0;
        padding-left: 5%;
    }
    .tt-submenu .tt-submenu-list>li {
        margin-top: 0;
        margin-bottom: 0;
        border-top: 1px solid #181c25;
    }

    .tt-submenu .tt-submenu-list>li:first-child {
        border-top: none;
    }

    .tt-submenu .tt-submenu-list li>a {
        padding: 11px 55px 11px 30px;
        color: #CCC;
    }

    .tt-submenu .tt-submenu-list>li>a:hover {
        background-color: transparent;
        padding-left: 30px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #FFF;
        border: none;
    }

    .tt-submenu .tt-submenu-list>li.active>a {
        background-color: transparent;
        color: #FFF;
        border: none;
    }

    .tt-submenu-wrap .tt-m-submenu-toggle {
        width: 45px;
        height: 100%;
        line-height: 44px;
        background-color: rgba(128, 128, 128, 0.12);
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        text-align: center;
        font-size: 18px;
        color: #DDD;
        border-left: 1px solid rgba(134, 134, 134, 0.06);
    }

    .tt-submenu-wrap .tt-m-submenu-toggle::after {
        position: relative;
        top: -1px;
        margin-left: 2px;
        line-height: 0;
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .tt-submenu-wrap .tt-m-submenu-toggle.tt-m-dropdown-open::after {
        font-size: 16px;
        font-family: "Font Awesome 5 Free";
        content: "\f00d";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
}
.sltbout img{
	margin-top: 60px;
}
.sltboutandroid{
	width: 80%;
	height: auto;
}


@media only screen and (min-width: 1182px) {

    .isotope.col-1 .isotope-item:last-child {
      margin-bottom: 0;
    }
}
@media only screen and (max-width: 1181px) {
        .vidcover video{ 
        width: 100%;
        height: auto;
        min-height: inherit;
        margin-bottom: 10px;
    }
    .page-node-616 .col-twoone > div, .col-onetwo > div{
        width: 100%;
    }
    .vidcover.padding-left-20.padding-right-20 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .dd.row.col-twoone > div > section.liste-category-froshl {
      padding: 0 !important;
    }
    #portfolio-list-section.liste-category-froshl {
      padding-right: 0 !important;
    }
}
@media only screen and (min-width: 993px) and (max-width: 1024px) {
    .liste-category-froshl .isotope.col-1 .isotope-item {
        margin-bottom: 10px; 
    }
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > div, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > figure, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > a, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > article, .pd-bottom-37 .isotope-item.iso-height-1 > div, .pd-bottom-37 .isotope-item.iso-height-1 > a, .pd-bottom-37 .isotope-item.iso-height-1 > article, .pd-bottom-37 .isotope-item.iso-height-1 > figure {
      padding-bottom: 35.8%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 993px) {
    .liste-category-froshl .portfolio-list-item, #portfolio-list-section.liste-category-froshl .isotope-item .portfolio-list-item{
        margin-bottom: 15px; 
    }
    .vidcover video {
       min-height: 428px;

    }  
}
@media (max-width: 767px) and (min-width: 600px) {

    .liste-category-froshl .isotope.gutter-0 .isotope-item {
      /*padding: 0 0 0 40px;*/
    }
    .vidcover video {
      /*margin-left: 20px; */
    }
}
@media (max-width: 767px) {
    .liste-category-froshl .isotope.gutter-0 .isotope-item {
      padding: 0;
    }
    .tt-menu-collapse {
        width: 85%;
    }
    .sltbout img{
        margin-top: 0px;
    }
    .liste-category-froshl, .dd section#portfolio-list-section.liste-category-froshl{ 
        margin-left: 20px;
        padding-right: 0 !important;
    }
}

@media (max-width: 599px) {
       .vidcover video{ 
        /*min-width: 103%;*/
    } 
}
@media (max-width: 500px) {
       .vidcover video{ 
        /*min-width: 105%;*/
    } 
}
@media (max-width: 320px) {

    .tt-menu-collapse {
        width: 100%;
    }
}


.tt-menu-tools {
    float: right;
    margin-left: 20px;
}

@media (max-width: 1200px) {
    .tt-menu-tools {
        margin-left: 10px;
    }
}

@media (max-width: 991px) {
    .tt-menu-tools {
        margin-left: 0;
        margin-right: 20px;
    }
}

.tt-menu-tools>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tt-menu-tools>ul>li {
    float: left;
    margin-left: 8px;
}

.tt-menu-tools>ul>li>a {
    position: relative;
    display: block;
    margin: 20px 0;
    padding: 10px 5px;
    font-size: 15px;
    font-weight: normal;
    color: #181c25;
    z-index: 9;
    text-transform: uppercase;
}

.tt-menu-lang>ul.tt-menu-nav>li>a,
ul.tt-menu-nav>li>a.mt-search-trigger, 
ul.tt-menu-nav>li>a#mt-search-trigger-xxl, 
ul.tt-menu-nav>li>a.sign-out
 {
    color: #0086FB;
    padding: 10px 0 16px 0;
}
ul.tt-menu-nav>li>a#mt-search-trigger-xxl-content input.active{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.tt-menu-lang>ul.tt-menu-nav>li.active>a {
    color: #00d6d4;
}

.tt-menu-tools>ul>li>a:hover {}

@media (max-width: 991px) {
    #header.menu-align-center {
        margin-bottom: 0px;
    }

    .tt-menu-tools>ul>li>a {
        margin: 0;
        padding: 20px 8px;
    }
}

.mt-dropdown-wrap {
    position: relative;
}

.mt-dropdown {
    position: absolute;
    display: block;
    top: 110%;
    left: 0;
    min-width: 180px;
    background-color: #FFF;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    z-index: 99;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    border-top: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mt-dropdown-wrap.mt-dropdown-open>.mt-dropdown {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.mt-dropdown li {}

.mt-dropdown li:last-child {}

.mt-dropdown li>a {
    position: relative;
    display: block;
    padding: 10px 25px 10px 20px;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    color: #888;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mt-dropdown li>a:hover {
    background-color: rgba(130, 130, 130, 0.09);
    color: #181c25;
}

.mt-dropdown>li.active>a {
    background-color: rgba(130, 130, 130, 0.09);
    color: #181c25;
}


.tt-menu-tools-menu-nav li:last-child>.mt-dropdown {
    left: auto;
    right: 0;
}

.mt-dropdown-master.mt-dropdown-right>.mt-dropdown {
    left: auto;
    right: 0;
}

.mt-dropdown-dark .mt-dropdown {
    background-color: #11141b;
    color: #DDD;
    border: none;
}

.mt-dropdown-dark .mt-dropdown li>a {
    color: #CCC;
}

.mt-dropdown-dark .mt-dropdown li>a:hover {
    color: #FFF;
}

.mt-dropdown-dark .mt-dropdown>li.active>a {
    color: #FFF;
}


.mt-dropdown-color .mt-dropdown {
    background-color: #00d6d4;
    color: #DDD;
    border: none;
}

.mt-dropdown-color .mt-dropdown li>a {
    color: #DDD;
}

.mt-dropdown-color .mt-dropdown li>a:hover {
    color: #FFF;
}

.mt-dropdown-color .mt-dropdown>li.active>a {
    color: #FFF;
}

.mt-search-trigger {}

.mt-search-trigger:hover {}

.mt-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: rgba(34, 34, 33, 0.72);
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -o-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
}

body.mt-search-open .mt-search {
    /*opacity: 1;*/
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mt-search-inner {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100%;
    height: auto;
    max-width: 900px;
    padding: 0 40px;
    z-index: 2;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mt-search-text {
    margin-bottom: 20px;
    text-align: center;
    font-size: 66px;
    font-family: "Panton";
    line-height: 83px; 
    font-weight: 800;
    color: #fff;
}

@media (max-width: 767px) {
    .mt-search-text {
        font-size: 32px;
    }
}


#mt-search-form {}

.mt-search #mt-search-input {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 10px 60px 10px 20px;
    font-size: 22px;
    color: #FFF;
    border: none;
}

.mt-search #mt-search-input:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .mt-search #mt-search-input {
        height: 60px;
        padding: 10px 55px 10px 10px;
        font-size: 16px;
    }
}

.mt-search .form-btn-inside button {
    font-size: 24px;
    color: #DDD;
    padding: 0 20px;
}

@media (max-width: 767px) {
    .mt-search .form-btn-inside button {
        font-size: 24px;
        padding: 0 10px;
    }
}

.mt-search .form-btn-inside button:hover {
    opacity: 1;
    color: rgba(34, 34, 33, 0.72);
}


.mt-search-suggestions {
    margin-top: 8%;
    text-align: left;
    color: #DDD;
}

.mt-search-sugg-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    font-weight: 600;
}

.mt-search-suggestions a {
    position: relative;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.14);
    margin-bottom: 5px;
    padding: 2px 5px;
    font-size: 12px;
    color: #FFF;
}

.mt-search-suggestions a::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: 2px;
    width: 100%;
    max-width: 100%;
    z-index: -1;
    height: 10px;
    background: #00d6d4;
    overflow: hidden;
    transform: scaleX(0);
    transform-origin: right center;
    -webkit-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}

.mt-search-suggestions a:hover::after {
    transform: none;
    transform-origin: left center;
}

.mt-search-close {
    position: absolute;
    top: 40px;
    right: 60px;
    font-size: 14px;
    color: #FFF;
    cursor: pointer;
    z-index: 9;
}

@media (max-width: 992px) {
    .mt-search-close {
        top: 20px;
        right: 30px;
    }

    .mt-search-close span {
        display: none;
    }
}

.mt-search-close:hover .tt-close-btn {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.menu-tools-lang>a>img {
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.menu-tools-lang .mt-dropdown {
    min-width: 85px;
}

.menu-tools-lang .mt-dropdown li>a {
    padding: 6px 20px;
    font-size: 14px;
    text-transform: uppercase;
}

.menu-tools-lang .mt-dropdown li>a>img {
    position: relative;
    top: -2px;
    margin-right: 3px;
}


#mt-side-panel-trigger {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #949bab2b;
    margin: 26px 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 991px) {
    #mt-side-panel-trigger {
        margin: 16px 0;
    }
}

#mt-side-panel-trigger:hover {
    background-color: #00d6d4;
    color: #FFF !important;
}

#mt-side-panel {
    position: fixed;
    height: 100vh;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99;
    width: 400px;
    background-color: #181c25;
    color: #e2e2e2;
    overflow-y: auto;
    -webkit-box-shadow: -15px 0 22px -14px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -15px 0 22px -14px rgba(0, 0, 0, 0.4);
    box-shadow: -15px 0 22px -14px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

@media (max-width: 768px) {
    #mt-side-panel {
        width: 100%;
    }
}

#mt-side-panel .mt-side-panel-inner {
    position: relative;
    margin-bottom: 60px;
    z-index: 3;
}

.mt-side-panel-widget {
    padding: 0 8% 30px 8%;
    font-size: 15px;
}

@media (max-width: 768px) {
    .mt-side-panel-widget {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.mt-side-panel-widget.sp-text-box a {
    font-weight: 400;
    color: inherit;
    border-bottom: 1px dotted;
}

.mt-side-panel-widget.sp-text-box a:hover,
.mt-side-panel-widget.sp-text-box a.active {
    opacity: .8;
}

body.mt-side-panel-is-open #mt-side-panel {
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}


.mt-side-panel-close {
    position: relative;
    padding-top: 5px;
    padding-right: 15px;
    text-align: right;
}


.mt-side-panel-cover {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    z-index: 98;
    visibility: hidden;
    opacity: 0;
    cursor: url(../img/close.png), e-resize;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

body.mt-side-panel-is-open #body-content {}

body.mt-side-panel-is-open .mt-side-panel-cover {
    visibility: visible;
    opacity: .4;
}

body.mt-side-panel-is-open #body-content {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.menu-tools-button {
    background-color: #00d6d4;
    margin: 22px 0 22px 15px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #FFF !important;
}

.menu-tools-button:hover {
    opacity: .8;
}

@media (max-width: 1200px) {
    .menu-tools-button {
        margin-left: 10px !important;
    }
}

@media (max-width: 991px) {
    .menu-tools-button {
        display: none;
        margin: 13px 0 13px 8px !important;
        padding: 7px 10px !important;
    }
}

#tt-intro {
    position: relative;
    overflow: hidden;
}

.tt-intro-inner {
    position: relative;
    height: 100%;
}

@media (max-width: 1440px) {
    .tt-intro-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

#tt-intro .intro-image-wrap {
    position: relative;
    min-height: 400px;
    height: 70vh;
}

#tt-intro .intro-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#tt-intro .youtube-bg-wrap {
    position: relative;
    min-height: 400px;
    height: 70vh;
}

#tt-intro .youtube-bg,
#tt-intro .inline-YTPlayer {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#tt-intro .youtube-bg {
    padding-bottom: 0 !important;
    height: auto !important;
}

#tt-intro.intro-xs .intro-image-wrap,
#tt-intro.intro-xs .youtube-bg-wrap {
    height: 50vh;
}

#tt-intro.intro-sm .intro-image-wrap,
#tt-intro.intro-sm .youtube-bg-wrap {
    height: 60vh;
}

#tt-intro.intro-lg .intro-image-wrap,
#tt-intro.intro-lg .youtube-bg-wrap {
    height: 80vh;
}

#tt-intro.intro-xlg .intro-image-wrap,
#tt-intro.intro-xlg .youtube-bg-wrap {
    height: 90vh;
}

#tt-intro.intro-full .intro-image-wrap,
#tt-intro.intro-full .youtube-bg-wrap {
    min-height: calc(100vh - 82px);
}

@media (max-width: 991px) {

    #tt-intro.intro-full .intro-image-wrap,
    #tt-intro.intro-full .youtube-bg-wrap {
        min-height: calc(100vh - 62px);
    }
}


@media (max-width: 768px) {

    #tt-intro.intro-full-m .intro-image-wrap,
    #tt-intro.intro-full-m .youtube-bg-wrap {
        min-height: calc(100vh - 62px);
    }
}


@media (min-width: 992px) {

    body.header-transparent-on #tt-intro.intro-full .intro-image-wrap,
    body.header-transparent-on #tt-intro.intro-full .youtube-bg-wrap {
        min-height: 100vh;
    }
}


#tt-intro .intro-caption-wrap,
#tt-intro .intro-caption-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8;
}

#tt-intro .intro-caption {
    position: absolute;
    max-width: 800px;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


#tt-intro .intro-title {
    display: block;
    margin: 0 0 15px 0;
    font-size: 68px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

@media (max-width: 992px) {
    #tt-intro .intro-title {
        font-size: 52px;
    }
}

@media (max-width: 768px) {
    #tt-intro .intro-title {
        font-size: 34px;
    }
}

#tt-intro .intro-subtitle {
    display: block;
    margin: 10px 0 30px 0;
    font-size: 26px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    #tt-intro .intro-caption .intro-subtitle {
        margin-bottom: 20px;
        font-size: 20px;
    }
}

#tt-intro .intro-description {
    max-width: 800px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    #tt-intro .intro-caption .intro-description {
        font-size: 15px;
    }
}

#tt-intro .cc-category {
    display: inline-block;
    background-color: #08c1b8;
    padding: 0 5px;
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
}

@media (max-width: 1400px) {
    #tt-intro .zig-zag-separator {
        margin-bottom: 20px;
    }

    #tt-intro .zig-zag-separator span {
        left: 5px;
        width: 21px;
        height: 21px;
        margin-top: -3px;
        margin-left: -2px;
        border-width: 0 5px 5px 0;
    }
}

@media (max-width: 768px) {
    #tt-intro .zig-zag-separator {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #tt-intro .zig-zag-separator span {
        left: 5px;
        width: 15px;
        height: 15px;
        margin-top: 0;
        margin-left: -2px;
        border-width: 0 3px 3px 0;
    }
}


#tt-intro .intro-buttons {
    margin-top: 30px;
}

@media (max-width: 992px) {
    #tt-intro .intro-buttons {
        margin-top: 20px;
    }

    #tt-intro .intro-caption .btn {
        padding: 8px 10px;
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    #tt-intro .intro-caption .btn {
        padding: 6px 8px;
        font-size: 14px;
    }
}


#tt-intro .intro-caption-wrap.intro-caption-xs .intro-title {
    font-size: 48px;
}

#tt-intro .intro-caption-wrap.intro-caption-xs .intro-subtitle {
    font-size: 20px;
}

#tt-intro .intro-caption-wrap.intro-caption-sm .intro-title {
    font-size: 58px;
}

#tt-intro .intro-caption-wrap.intro-caption-sm .intro-subtitle {
    font-size: 26px;
}

@media (max-width: 992px) {
    #tt-intro .intro-caption-wrap.intro-caption-sm .intro-title {
        font-size: 52px;
    }
}

@media (max-width: 768px) {
    #tt-intro .intro-caption-wrap.intro-caption-sm .intro-title {
        font-size: 34px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-sm .intro-subtitle {
        font-size: 20px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-sm .intro-description {
        font-size: 15px;
    }
}

#tt-intro .intro-caption-wrap.intro-caption-lg .intro-title {
    font-size: 78px;
}

#tt-intro .intro-caption-wrap.intro-caption-lg .intro-subtitle {
    font-size: 32px;
}

#tt-intro .intro-caption-wrap.intro-caption-lg .intro-description {
    font-size: 18px;
}

@media (max-width: 992px) {
    #tt-intro .intro-caption-wrap.intro-caption-lg .intro-title {
        font-size: 72px;
    }
}

@media (max-width: 768px) {
    #tt-intro .intro-caption-wrap.intro-caption-lg .intro-title {
        font-size: 34px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-lg .intro-subtitle {
        font-size: 20px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-lg .intro-description {
        font-size: 15px;
    }
}

#tt-intro .intro-caption-wrap.intro-caption-xlg .intro-title {
    font-size: 92px;
}

#tt-intro .intro-caption-wrap.intro-caption-xlg .intro-subtitle {
    font-size: 34px;
}

#tt-intro .intro-caption-wrap.intro-caption-xlg .intro-description {
    font-size: 20px;
}

@media (max-width: 1400px) {
    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-title {
        font-size: 64px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-subtitle {
        margin-bottom: 10px;
        font-size: 30px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-description {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-title {
        font-size: 48px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-subtitle {
        font-size: 24px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-description {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-title {
        font-size: 34px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-subtitle {
        font-size: 20px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xlg .intro-description {
        font-size: 15px;
    }
}

#tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-title {
    font-size: 110px;
}

#tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-subtitle {
    font-size: 38px;
}

#tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-description {
    font-size: 20px;
}

@media (max-width: 1400px) {
    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-title {
        font-size: 64px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-subtitle {
        font-size: 30px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-description {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-title {
        font-size: 48px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-subtitle {
        font-size: 24px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-description {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-title {
        font-size: 34px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-subtitle {
        font-size: 20px;
    }

    #tt-intro .intro-caption-wrap.intro-caption-xxlg .intro-description {
        font-size: 15px;
    }
}


#tt-intro .intro-caption-wrap.top-left .intro-caption {
    top: 10%;
    left: 17%;
    text-align: left;
}

@media (max-width: 1600px) {
    #tt-intro .intro-caption-wrap.top-left .intro-caption {
        left: 8%;
    }
}

@media (max-width: 992px) {
    #tt-intro .intro-caption-wrap.top-left .intro-caption {
        left: 5%;
    }
}
#tt-intro .intro-caption-wrap.top-center .intro-caption {
    top: 10%;
    left: 50%;
    width: 100% !important;
    max-width: 800px !important;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

#tt-intro .intro-caption-wrap.top-right .intro-caption {
    top: 10%;
    right: 17%;
    text-align: right;
}

@media (max-width: 1600px) {
    #tt-intro .intro-caption-wrap.top-right .intro-caption {
        right: 8%;
    }
}

@media (max-width: 992px) {
    #tt-intro .intro-caption-wrap.top-right .intro-caption {
        right: 5%;
    }
}
#tt-intro .intro-caption-wrap.center-left .intro-caption {
    top: 50%;
    left: 17%;
    margin-right: 5%;
    text-align: left;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

@media (max-width: 1600px) {
    #tt-intro .intro-caption-wrap.center-left .intro-caption {
        left: 8%;
    }
}

@media (max-width: 992px) {
    #tt-intro .intro-caption-wrap.center-left .intro-caption {
        left: 5%;
    }
}

#tt-intro .intro-caption-wrap.center .intro-caption {
    top: 50%;
    left: 50%;
    width: 100% !important;
    max-width: 1200px;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

#tt-intro .intro-caption-wrap.center .intro-description {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#tt-intro .intro-caption-wrap.center-right .intro-caption {
    top: 50%;
    right: 17%;
    margin-left: 5%;
    text-align: right;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

@media (max-width: 1600px) {
    #tt-intro .intro-caption-wrap.center-right .intro-caption {
        right: 8%;
    }
}

@media (max-width: 992px) {
    #tt-intro .intro-caption-wrap.center-right .intro-caption {
        bottom: 60px;
        right: 5%;
    }
}

#tt-intro .intro-caption-wrap.bottom-left .intro-caption {
    bottom: 15%;
    left: 17%;
    margin-right: 5%;
    text-align: left;
}

@media (max-width: 1600px) {
    #tt-intro .intro-caption-wrap.bottom-left .intro-caption {
        left: 8%;
    }
}

@media (max-width: 768px) {
    #tt-intro .intro-caption-wrap.bottom-left .intro-caption {
        bottom: 60px;
        left: 5%;
    }
}

#tt-intro .intro-caption-wrap.bottom-center .intro-caption {
    bottom: 15%;
    left: 50%;
    width: 100% !important;
    max-width: 800px;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

#tt-intro .intro-caption-wrap.bottom-right .intro-caption {
    bottom: 15%;
    left: auto;
    right: 17%;
    text-align: right;
}

@media (max-width: 1600px) {
    #tt-intro .intro-caption-wrap.bottom-right .intro-caption {
        right: 8%;
    }
}

@media (max-width: 768px) {
    #tt-intro .intro-caption-wrap.bottom-right .intro-caption {
        bottom: 60px;
        right: 5%;
    }
}

#tt-intro .owl-carousel .intro-caption-wrap.caption-animate .intro-caption-holder {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

#tt-intro .owl-carousel .owl-item.active .intro-caption-wrap.caption-animate .intro-caption-holder {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translatey(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
}


#tt-intro .owl-carousel.cc-hover-zoom .intro-image {
    -webkit-transition: all 6s ease-in-out;
    -moz-transition: all 6s ease-in-out;
    -o-transition: all 6s ease-in-out;
    -ms-transition: all 6s ease-in-out;
    transition: all 6s ease-in-out;
}

#tt-intro .owl-carousel.cc-hover-zoom .cc-item:hover .intro-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.vedio-testimonial.temoin-energie .owl-carousel.owl-drag .owl-item {
    margin-right: 20px !important; 
}
#page-header {
    position: relative;
    overflow: hidden;
}
#page-header .p-header{
    color: #fff; 
}

.page-header-inner {
    position: relative;
    padding: 100px 8%;
}

@media (max-width: 992px) {
    .page-header-inner {
        padding-top: 15% !important;
        padding-bottom: 12% !important;
    }
    
    .header_middle_sound .page-header-inner {
        padding-top: 14% !important;
        padding-bottom: 17% !important;
    }
        .header_talent .page-header-inner {
        padding-top: 5% !important;
        padding-bottom: 22% !important;
    }
    .homepage-header .page-header-inner {
        padding-top: 0% !important;
        padding-bottom: 20% !important;
    }

}

@media (max-width: 480px) {
    .page-header-inner {
        padding-top: 12% !important;
        padding-bottom: 23% !important;
    }
    .home-recruter .page-header-inner {
        padding-top: 12% !important;
        padding-bottom: 8% !important;
    }

    .header_diversite .page-header-inner {
        padding-top: 15% !important;
        padding-bottom: 12% !important;
    }
}

@media (max-width: 768px) {
    body.fi-btn-on .page-header-inner {
        padding-bottom: 120px !important;
    }
}


.page-header-caption {
    position: relative;
    margin: 0 auto;
    z-index: 4;
}

@media (max-width: 1282px) {
    .page-header-caption {
        padding-left: 4%;
        padding-right: 4%;
    }
}

.ph-title-wrap {}

.page-header-title {
    margin: 0 0 15px 0;
    font-size: 80px;
    color: #181c25;
}

@media (max-width: 991px) {
    .page-header-title {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .page-header-title {
        font-size: 32px;
    }
}

.ph-subtitle-wrap {}

.page-header-subtitle {
    max-width: 900px;
    margin: 10px 0 30px 0;
    font-size: 26px;
    color: #181c25;
}

@media (max-width: 992px) {
    .page-header-subtitle {
        margin-top: 8px;
    }
}

@media (max-width: 768px) {
    .page-header-subtitle {
        font-size: 21px;
    }
}

.page-header-description {
    max-width: 760px;
    margin: 30px 0 0 0;
    line-height: inherit;
    font-size: 18px;
    color: #181c25;
}

.ph-desc-inner {
    font-size: 30px;
    line-height: 48px; 
}

.ph-desc-inner p{
    font-size: 100%;
    line-height: 100%; 
}

.page-header-description p {}

@media (max-width: 767px) {
    .page-header-description {
        font-size: 16px;
    }
}

.page-header-caption.ph-cap-xs .page-header-title {
    font-size: 32px;
}

.page-header-caption.ph-cap-xs .page-header-subtitle {
    font-size: 21px;
}


.page-header-caption.ph-cap-sm .page-header-title {
    font-size: 44px;
}

.page-header-caption.ph-cap-sm .page-header-subtitle {
    font-size: 24px;
}

.page-header-caption.ph-cap-lg .page-header-title {
    font-size: 68px;
}

.page-header-caption.ph-cap-lg .page-header-subtitle {
    font-size: 28px;
}

.page-header-caption.ph-cap-lg .page-header-description {
    font-size: 18px;
}

.page-header-caption.ph-cap-xlg .page-header-title {
    font-size: 80px;
    font-family: 'Panton', sans-serif;
    font-weight: lighter;
}

.page-header-caption.ph-cap-xlg .page-header-description {
    font-size: 21px;
}

@media (max-width: 991px) {

    .page-header-caption.ph-cap-sm .page-header-title,
    .page-header-caption.ph-cap-lg .page-header-title,
    .page-header-caption.ph-cap-xlg .page-header-title {
        font-size: 62px;
    }

    .page-header-caption.ph-cap-xlg .page-header-subtitle {
        font-size: 28px;
    }

    .page-header-caption.ph-cap-lg .page-header-description,
    .page-header-caption.ph-cap-xlg .page-header-description {
        font-size: 16px;
    }
}

@media (max-width: 768px) {

    .page-header-caption.ph-cap-sm .page-header-title,
    .page-header-caption.ph-cap-lg .page-header-title,
    .page-header-caption.ph-cap-xlg .page-header-title {
        font-size: 38px;
    }

    .page-header-caption.ph-cap-sm .page-header-subtitle,
    .page-header-caption.ph-cap-lg .page-header-subtitle,
    .page-header-caption.ph-cap-xlg .page-header-subtitle {
        font-size: 21px;
    }
}

.ph-right .page-header-caption {
    text-align: right;
}

.ph-right .page-header-caption .ph-title-wrap,
.ph-right .page-header-caption .ph-subtitle-wrap,
.ph-right .page-header-caption .page-header-description,
.ph-right .page-header-caption .page-header-title,
.ph-right .page-header-caption .page-header-subtitle {
    margin-left: auto;
    text-align: right;
}

.ph-right .page-header-caption .hr-short {
    margin-left: auto;
    margin-right: 0;
}

.ph-center .page-header-caption {
    text-align: center;
}

.ph-center .page-header-caption .ph-title-wrap,
.ph-center .page-header-caption .ph-subtitle-wrap,
.ph-center .page-header-caption .page-header-description,
.ph-center .page-header-caption .page-header-title,
.ph-center .page-header-caption .page-header-subtitle {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ph-center .page-header-caption .ph-title-wrap,
.ph-center .page-header-caption .ph-subtitle-wrap,
.ph-center .page-header-caption .page-header-description,
.ph-subtitle-wrap.tt-wrap{
    font-size: 50px;
    display: grid;
    line-height: 60px;
}
.ph-center .page-header-caption .page-header-subtitle{
    font-size: 30px;
    display: grid;
    line-height: 60px;
}
.two-line-65.ph-center .page-header-caption .ph-title-wrap,
.two-line-65.ph-center .page-header-caption .ph-subtitle-wrap,
.two-line-65.ph-center .page-header-caption .page-header-description,
.two-line-65.ph-center .page-header-caption .page-header-subtitle,
.two-line-65 .ph-subtitle-wrap.tt-wrap{
    width: 65%
}

.ph-center .page-header-caption .page-header-title, 
h2.page-header-subtitle  {
    font-size: 100%;
    line-height: 135%;
}

.ph-center .page-header-caption .hr-short {
    margin-left: auto;
}


#page-header.ph-xs .page-header-inner {
    padding-top: 40px;
    padding-bottom: 40px;
}

#page-header.ph-sm .page-header-inner {
    padding-top: 80px;
    padding-bottom: 80px;
}

#page-header.ph-lg .page-header-inner {
    padding-top: 140px;
    padding-bottom: 140px;
}

#page-header.ph-xlg .page-header-inner {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.page-header-inner {
    padding: 100px 6%;
}
.homepage-header.trans-25 .page-header-inner,.homepage-header.trans-35 .page-header-inner  {
    padding: 100px 4%;
}


.page-header-caption.ph-cap-light,
.dix-raison-header .page-header-caption.ph-cap-light .page-header-subtitle {
    color: #FFF;
    display: table;
    height: auto; 
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%); 
}
.trans-25 .page-header-caption.ph-cap-light {
    -moz-transform: translateY(25%);
    -ms-transform: translateY(25%);
    -webkit-transform: translateY(25%);
    transform: translateY(25%); 
}
.trans-35 .page-header-caption.ph-cap-light {
    -moz-transform: translateY(35%);
    -ms-transform: translateY(35%);
    -webkit-transform: translateY(35%);
    transform: translateY(35%); 
}

.dix-raison-header .page-header-caption.ph-cap-light .page-header-subtitle {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.dix-raison-header .page-header-caption.ph-cap-light, 
.header_diversite  .page-header-caption.ph-cap-light,
.home-recruter .page-header-caption.ph-cap-light
{
    height: 80%;
    -moz-transform: translateY(43.5%);
    -ms-transform: translateY(43.5%);
    -webkit-transform: translateY(43.5%);
    transform: translateY(43.5%);  

}
.header_diversite.header_middle_sound .page-header-caption.ph-cap-light
{
    -moz-transform: translateY(46%);
    -ms-transform: translateY(46%);
    -webkit-transform: translateY(46%);
    transform: translateY(46%);  

}
@media screen and (max-width: 992px){
    .header_diversite.header_middle_sound .page-header-caption.ph-cap-light
    {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);  

    }
}
.header_diversite .page-header-caption.ph-cap-light{
    height: 100%; 

}

.page-header-caption.ph-cap-light .page-header-title,
.page-header-caption.ph-cap-light .page-header-subtitle,
.page-header-caption.ph-cap-light .page-header-description,
.page-header-caption.ph-cap-light .page-header-title a {
    color: #FFF;
}


.dix-raison-header .page-header-caption.ph-cap-light .page-header-subtitle {
    padding: 0 10%;
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
}
.dix-raison-header.no-padding .page-header-caption.ph-cap-light .page-header-subtitle {
    padding: 0;
}

.page-header-caption.ph-cap-shadow .page-header-title {
    text-shadow: 11px 5px 8px rgba(0, 0, 0, 0.1);
}

.page-header-caption.ph-cap-shadow .page-header-subtitle {
    text-shadow: 4px 3px 5px rgba(0, 0, 0, 0.1);
}

.page-header-caption.ph-cap-shadow .page-header-description {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.ph-anim-element-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

.ph-anim-element-holder {
    position: absolute;
    top: 50%;
    left: -3%;
    width: 68rem;
    height: 68rem;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ph-anim-element {
    position: absolute;
    width: 68rem;
    height: 68rem;
    left: 0;
    top: 0;
    border: 15rem solid #d5d800;
    opacity: .2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: phAnimElement 50s linear infinite;
    animation: phAnimElement 50s linear infinite;
}

@-webkit-keyframes phAnimElement {
    0% {
        transform: translate(0, 0) scale(1) rotate(7deg);
    }

    20% {
        transform: translate(70px, -50px) scale(1.1) rotate(45deg);
    }

    40% {
        transform: translate(30px, 20px) scale(.85);
    }

    60% {
        transform: translate(120px, 0) scale(1) rotate(-32deg);
    }

    80% {
        transform: translate(-90px, 40px) scale(1) rotate(15deg);
    }

    100% {
        transform: translate(0, 0) scale(1) rotate(7deg);
    }
}

@keyframes phAnimElement {
    0% {
        transform: translate(0, 0) scale(1) rotate(7deg);
    }

    20% {
        transform: translate(70px, -50px) scale(1.1) rotate(45deg);
    }

    40% {
        transform: translate(30px, 20px) scale(.85);
    }

    60% {
        transform: translate(120px, 0) scale(1) rotate(-32deg);
    }

    80% {
        transform: translate(-90px, 40px) scale(1) rotate(15deg);
    }

    100% {
        transform: translate(0, 0) scale(1) rotate(7deg);
    }
}
.ph-anim-element-wrap.ph-anim-center .ph-anim-element-holder {
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.ph-anim-element-wrap.ph-anim-right .ph-anim-element-holder {
    left: auto;
    right: -3%;
}

.ph-anim-element-wrap.ph-anim-circle .ph-anim-element {
    border-radius: 50%;
}


.hide-ph-anim {
    display: none;
}


@media (max-width: 992px) {

    .ph-anim-element-holder,
    .ph-anim-element {
        width: 54rem;
        height: 54rem;
    }

    .ph-anim-element {
        border: 12rem solid #d5d800;
    }
}

@media (max-width: 768px) {

    .ph-anim-element-holder,
    .ph-anim-element {
        width: 42rem;
        height: 42rem;
    }

    .ph-anim-element {
        border: 10rem solid #d5d800;
    }
}


.page-header-image {
    position: absolute;
    top: 0 !important;
    bottom: 0 !important;
    left: 0;
    right: 0;
}


.page-header-image.hide-ph-image {
    display: none !important;
}


body.header-transparent-on #page-header .page-header-inner {
    padding-top: 200px;
    padding-bottom: 100px;
}

body.header-transparent-on #page-header.ph-xs .page-header-inner {
    padding-top: 150px;
    padding-bottom: 50px;
}

body.header-transparent-on #page-header.ph-sm .page-header-inner {
    padding-top: 180px;
    padding-bottom: 80px;
}

body.header-transparent-on #page-header.ph-lg .page-header-inner {
    padding-top: 220px;
    padding-bottom: 100px;
}

body.header-transparent-on #page-header.ph-xlg .page-header-inner {
    padding-top: 300px;
    padding-bottom: 100px;
}

@media (max-width: 921px) {

    body.header-transparent-on #page-header .page-header-inner,
    body.header-transparent-on #page-header.ph-sm .page-header-inner,
    body.header-transparent-on #page-header.ph-lg .page-header-inner,
    body.header-transparent-on #page-header.ph-xlg .page-header-inner {
        padding-top: 23% !important;
        padding-bottom: 12% !important;
    }
}

@media (max-width: 480px) {

    body.header-transparent-on #page-header .page-header-inner,
    body.header-transparent-on #page-header.ph-sm .page-header-inner,
    body.header-transparent-on #page-header.ph-lg .page-header-inner,
    body.header-transparent-on #page-header.ph-xlg .page-header-inner {
        padding-top: 38% !important;
        padding-bottom: 12% !important;
    }
}

@media (max-width: 320px) {

    body.header-transparent-on #page-header .page-header-inner,
    body.header-transparent-on #page-header.ph-sm .page-header-inner,
    body.header-transparent-on #page-header.ph-lg .page-header-inner,
    body.header-transparent-on #page-header.ph-xlg .page-header-inner {
        padding-top: 43% !important;
        padding-bottom: 12% !important;
    }
}

.owl-carousel {}

.owl-carousel .owl-item {
    z-index: 9;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item .cc-image {
    position: relative;
    height: 100%;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    max-height: 135px;
}


.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}


.owl-nav {
    margin: 0;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    opacity: 0;
    border-radius: 0px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.owl-carousel .owl-nav .owl-prev{padding-left: 2%;}
.owl-carousel .owl-nav .owl-next {padding-right: 3%;}  

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:focus {
    outline: none;
}

.owl-carousel .owl-nav .owl-prev {
    left: 0;
    padding-right: 3px;
}

.owl-carousel .owl-nav .owl-next {
    right: 0;
    padding-left: 3px;
}

.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-next::before {
    display: block;
    line-height: 62px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.owl-carousel .owl-nav .owl-prev::before {
    content: "\f104";
}

.owl-carousel .owl-nav .owl-next::before {
    content: "\f105";
}

.owl-carousel:hover .owl-nav .owl-prev,
.owl-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}

.owl-carousel:hover .owl-nav .owl-prev {
    left: 20px;
}

.owl-carousel:hover .owl-nav .owl-next {
    right: 20px;
}

@media (max-width: 992px) {

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        top: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .owl-carousel .owl-nav .owl-prev::before,
    .owl-carousel .owl-nav .owl-next::before {
        line-height: 42px;
    }
}


.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
    background-color: rgba(0, 0, 0, 0.2);
    cursor: default;
}

.owl-carousel:hover .owl-nav .owl-prev.disabled,
.owl-carousel:hover .owl-nav .owl-next.disabled {
    opacity: .3;
}


.owl-carousel.nav-light .owl-nav .owl-prev,
.owl-carousel.nav-light .owl-nav .owl-next,
.owl-carousel.nav-light.nav-bottom-right .owl-nav .owl-prev,
.owl-carousel.nav-light.nav-bottom-right .owl-nav .owl-next {
    background-color: rgba(255, 255, 255, 0.5);
    color: #222;
}

.owl-carousel.nav-light .owl-nav .owl-prev:hover,
.owl-carousel.nav-light .owl-nav .owl-next:hover,
.owl-carousel.nav-light.nav-bottom-right .owl-nav .owl-prev:hover,
.owl-carousel.nav-light.nav-bottom-right .owl-nav .owl-next:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.owl-carousel.nav-light:hover .owl-nav .owl-prev.disabled,
.owl-carousel.nav-light:hover .owl-nav .owl-next.disabled {
    background-color: rgba(255, 255, 255, 0.4);
    opacity: .3;
}
.owl-carousel.nav-rounded .owl-nav .owl-prev,
.owl-carousel.nav-rounded .owl-nav .owl-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
}

.owl-carousel.nav-rounded .owl-nav .owl-prev::before,
.owl-carousel.nav-rounded .owl-nav .owl-next::before {
    line-height: 62px;
}

.owl-carousel.nav-rounded:hover .owl-nav .owl-prev {
    left: 20px;
}

.owl-carousel.nav-rounded:hover .owl-nav .owl-next {
    right: 20px;
}

@media (max-width: 992px) {

    .owl-carousel.nav-rounded .owl-nav .owl-prev,
    .owl-carousel.nav-rounded .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .owl-carousel.nav-rounded .owl-nav .owl-prev::before,
    .owl-carousel.nav-rounded .owl-nav .owl-next::before {
        line-height: 42px;
    }
}
.owl-carousel.nav-outside .owl-nav .owl-prev,
.owl-carousel.nav-outside .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    opacity: 1;
}

.owl-carousel.nav-outside .owl-nav .owl-prev::before,
.owl-carousel.nav-outside .owl-nav .owl-next::before {
    line-height: 42px;
}

.owl-carousel.nav-outside .owl-nav .owl-prev:hover,
.owl-carousel.nav-outside .owl-nav .owl-next:hover {}

.owl-carousel.nav-outside.nav-light .owl-nav .owl-prev:hover,
.owl-carousel.nav-outside.nav-light .owl-nav .owl-next:hover {
    color: #00d6d4;
}

.owl-carousel.nav-outside .owl-nav .owl-prev,
.owl-carousel.nav-outside:hover .owl-nav .owl-prev {
    left: -70px;
}

.owl-carousel.nav-outside .owl-nav .owl-next,
.owl-carousel.nav-outside:hover .owl-nav .owl-next {
    right: -70px;
}

.owl-carousel.nav-outside .owl-nav .owl-prev.disabled,
.owl-carousel.nav-outside .owl-nav .owl-next.disabled,
.owl-carousel.nav-outside .owl-nav .owl-prev.disabled:hover,
.owl-carousel.nav-outside .owl-nav .owl-next.disabled:hover {
    color: #888;
    opacity: .3;
}

@media (max-width: 1540px) {

    .owl-carousel.nav-outside .owl-nav .owl-prev,
    .owl-carousel.nav-outside .owl-nav .owl-next {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
    }

    .owl-carousel.nav-outside .owl-nav .owl-prev::before,
    .owl-carousel.nav-outside .owl-nav .owl-next::before {
        line-height: 32px;
    }

    .owl-carousel.nav-outside .owl-nav .owl-prev,
    .owl-carousel.nav-outside:hover .owl-nav .owl-prev {
        left: 15px;
    }

    .owl-carousel.nav-outside .owl-nav .owl-next,
    .owl-carousel.nav-outside:hover .owl-nav .owl-next {
        right: 15px;
    }
}


.owl-carousel.nav-outside-top .owl-nav {
    position: absolute;
    top: 35%;
    left: -5%;
    width: 90px;
}

@media (max-width: 992px) {
    .owl-carousel.nav-outside-top .owl-nav {
        right: 15px;
    }
}

.tt-wrap .owl-carousel.nav-outside-top .owl-nav {
    right: 0;
}

.owl-carousel.nav-outside-top .owl-nav .owl-prev,
.owl-carousel.nav-outside-top .owl-nav .owl-next {
    width: 43px;
    height: 32px;
    line-height: 32px;
    background-color: rgba(0, 0, 0, 0.08);
    font-size: 44px;
    color: #222;
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.owl-carousel.nav-outside-top .owl-nav .owl-prev::before,
.owl-carousel.nav-outside-top .owl-nav .owl-next::before {
    line-height: 32px;
}

.owl-carousel.nav-outside-top .owl-nav .owl-prev:hover,
.owl-carousel.nav-outside-top .owl-nav .owl-next:hover {
    background-color: transparent;
    color: #00d6d4;
}

.owl-carousel.nav-outside-top .owl-nav .owl-prev.disabled,
.owl-carousel.nav-outside-top .owl-nav .owl-next.disabled,
.owl-carousel.nav-outside-top .owl-nav .owl-prev:hover.disabled,
.owl-carousel.nav-outside-top .owl-nav .owl-next:hover.disabled {
    background-color: transparent;
    opacity: .3;
    color: #0086FB;
}

.owl-carousel.nav-outside-top .owl-nav .owl-prev {
    background-color: transparent;
    color: #0086FB;
}

.owl-carousel.nav-outside-top .owl-nav .owl-next {
    background-color: transparent;
    color: #0086FB;
}
.owl-carousel.owl-transparent.nav-outside-top .owl-nav .owl-next,
.owl-carousel.owl-transparent.nav-outside-top .owl-nav .owl-prev
 {
    color: #000;
}

.owl-carousel.nav-outside-top:hover .owl-nav .owl-prev {
    left: 0;
}

.owl-carousel.nav-outside-top:hover .owl-nav .owl-next {
    right: 0;
}

.owl-carousel.nav-outside-top.nav-rounded .owl-nav,
.owl-carousel.nav-outside-top.nav-light .owl-nav {
    width: 110%;
}

.owl-carousel.nav-outside-top.nav-rounded .owl-nav .owl-prev,
.owl-carousel.nav-outside-top.nav-rounded .owl-nav .owl-next,
.owl-carousel.nav-outside-top.nav-light .owl-nav .owl-prev,
.owl-carousel.nav-outside-top.nav-light .owl-nav .owl-next {
    width: 34px;
    height: 34px;
}

.owl-carousel.nav-outside-top.nav-light .owl-nav .owl-prev,
.owl-carousel.nav-outside-top.nav-light .owl-nav .owl-next {
    background-color: transparent;
}

.owl-carousel.nav-outside-top.nav-light .owl-nav .owl-prev:hover,
.owl-carousel.nav-outside-top.nav-light .owl-nav .owl-next:hover,
.owl-carousel.nav-outside-top.nav-light:hover .owl-nav .owl-prev.disabled,
.owl-carousel.nav-outside-top.nav-light:hover .owl-nav .owl-next.disabled {
    background-color: transparent;
    color: #00d6d4;
}

.owl-carousel.nav-bottom-right .owl-nav {
    position: absolute;
    top: auto;
    bottom: 80px;
    right: 3%;
    width: 104px;
}

.owl-carousel.dots-right.nav-bottom-right .owl-nav {
    bottom: 110px;
}

.owl-carousel.nav-bottom-right .owl-nav .owl-prev,
.owl-carousel.nav-bottom-right .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 24px;
    color: #FFF;
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.owl-carousel.nav-bottom-right .owl-nav .owl-prev::before,
.owl-carousel.nav-bottom-right .owl-nav .owl-next::before {
    line-height: 50px;
}

.owl-carousel.nav-bottom-right .owl-nav .owl-prev:hover,
.owl-carousel.nav-bottom-right .owl-nav .owl-next:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.owl-carousel.nav-bottom-right .owl-nav .owl-prev.disabled,
.owl-carousel.nav-bottom-right .owl-nav .owl-next.disabled,
.owl-carousel.nav-bottom-right .owl-nav .owl-prev.disabled:hover,
.owl-carousel.nav-bottom-right .owl-nav .owl-next.disabled:hover {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: .3;
}

.owl-carousel.nav-bottom-right:hover .owl-nav .owl-prev,
.owl-carousel.nav-bottom-right:hover .owl-nav .owl-prev {
    left: 0;
}

.owl-carousel.nav-bottom-right:hover .owl-nav .owl-next,
.owl-carousel.nav-bottom-right:hover .owl-nav .owl-next {
    right: 0;
}

.owl-carousel.nav-bottom-right.nav-light .owl-nav .owl-prev,
.owl-carousel.nav-bottom-right.nav-light .owl-nav .owl-next,
.owl-carousel.nav-bottom-right.nav-light .owl-nav .owl-prev,
.owl-carousel.nav-bottom-right.nav-light .owl-nav .owl-next {
    background-color: rgba(255, 255, 255, 0.9);
}

.owl-carousel.nav-bottom-right.nav-light .owl-nav .owl-prev.disabled,
.owl-carousel.nav-bottom-right.nav-light .owl-nav .owl-next.disabled,
.owl-carousel.nav-bottom-right.nav-light .owl-nav .owl-prev.disabled:hover,
.owl-carousel.nav-bottom-right.nav-light .owl-nav .owl-next.disabled:hover {
    background-color: rgba(255, 255, 255, 0.7);
    opacity: .3;
}

@media (max-width: 992px) {
    .owl-carousel.nav-bottom-right .owl-nav {
        bottom: 60px;
        width: 84px;
    }

    .owl-carousel.dots-right.nav-bottom-right .owl-nav {
        bottom: 95px;
    }

    .owl-carousel.nav-bottom-right .owl-nav .owl-prev,
    .owl-carousel.nav-bottom-right .owl-nav .owl-next {
        top: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .owl-carousel.nav-bottom-right .owl-nav .owl-prev::before,
    .owl-carousel.nav-bottom-right .owl-nav .owl-next::before {
        line-height: 42px;
    }
    .dix-raison-header .page-header-caption.ph-cap-light, 
    .header_diversite  .page-header-caption.ph-cap-light,
    .home-recruter .page-header-caption.ph-cap-light
    {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);  

    }
}

@media (max-width: 768px) {

    .ph-desc-inner p {
        font-size: 60%; 
    }
    .owl-carousel.nav-bottom-right .owl-nav {
        right: 5%;
        bottom: 80px;
    }

    .owl-carousel.dots-outside.nav-bottom-right .owl-nav {
        bottom: 55px;
    }
}


.owl-dots,
.owl-nav.disabled+.owl-dots {
    position: absolute;
    bottom: 20px;
    margin-top: 0px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.owl-dots .owl-dot {
    display: inline-block;
}

.owl-dots .owl-dot:focus {
    outline: none;
}

.owl-dots .owl-dot span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 3px;
    background-color: #a3adc3;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background-color: #00d6d4;
}

.owl-dots .owl-dot.active span {
    width: 11px !important;
    height: 11px !important;
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

@media (max-width: 768px) {

    .owl-dots,
    .owl-nav.disabled+.owl-dots {
        bottom: 10px;
    }
}

.dots-rounded .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    border-radius: 10px;
}

.dots-outside {
    margin-bottom: 55px;
}

.dots-outside .owl-dots,
.dots-outside .owl-nav.disabled+.owl-dots {
    bottom: -40px;
}


.dots-left .owl-dots,
.dots-left .owl-nav.disabled+.owl-dots {
    left: 3%;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.dots-right .owl-dots,
.dots-right .owl-nav.disabled+.owl-dots {
    left: inherit;
    right: 3%;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.dots-center-right .owl-dots {
    position: absolute;
    top: 50%;
    bottom: auto !important;
    left: auto !important;
    right: 15px;
    text-align: right;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.dots-center-right .owl-dots .owl-dot {
    display: block;
    line-height: 0;
}

.dots-center-right .owl-dots .owl-dot span {
    margin: 5px 0;
}

@media (max-width: 1282px) {
    .owl-carousel.tt-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


.owl-carousel .cc-item {
    position: relative;
    display: block;
    overflow: hidden;
}

.owl-carousel .cc-item.bg-image {
    min-height: 300px;
}


.owl-carousel.cc-hover-zoom .cc-item {
    overflow: hidden;
}

.owl-carousel.cc-hover-zoom .cc-item .cc-image,
.owl-carousel.cc-hover-zoom .cc-item img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.owl-carousel.cc-hover-zoom .cc-item:hover .cc-image,
.owl-carousel.cc-hover-zoom .cc-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.owl-carousel .cc-auto-width-img {
    width: auto !important;
}

.owl-carousel .cc-auto-width-img-bg {
    display: none;
    width: 100vw;
}

@media (max-width: 768px) {
    .owl-carousel .cc-auto-width-img {
        display: none !important;
    }

    .owl-carousel .cc-auto-width-img-bg {
        display: block;
    }
}

.owl-carousel.cc-height-1,
.owl-carousel.cc-height-1 .cc-item {
    height: 40vh;
}

.owl-carousel.cc-height-2,
.owl-carousel.cc-height-2 .cc-item {
    height: 50vh;
}

.owl-carousel.cc-height-3,
.owl-carousel.cc-height-3 .cc-item {
    height: 60vh;
}

.owl-carousel.cc-height-4,
.owl-carousel.cc-height-4 .cc-item {
    height: 70vh;
}

.owl-carousel.cc-height-5,
.owl-carousel.cc-height-5 .cc-item {
    height: 80vh;
}

.owl-carousel.cc-height-6,
.owl-carousel.cc-height-6 .cc-item {
    height: 90vh;
}

.owl-carousel.cc-height-full,
.owl-carousel.cc-height-full .cc-item {
    height: 100vh;
}

.owl-carousel.cc-height-1 .owl-stage-outer,
.owl-carousel.cc-height-1 .owl-stage,
.owl-carousel.cc-height-1 .owl-item,
.owl-carousel.cc-height-2 .owl-stage-outer,
.owl-carousel.cc-height-2 .owl-stage,
.owl-carousel.cc-height-2 .owl-item,
.owl-carousel.cc-height-3 .owl-stage-outer,
.owl-carousel.cc-height-3 .owl-stage,
.owl-carousel.cc-height-3 .owl-item,
.owl-carousel.cc-height-4 .owl-stage-outer,
.owl-carousel.cc-height-4 .owl-stage,
.owl-carousel.cc-height-4 .owl-item,
.owl-carousel.cc-height-5 .owl-stage-outer,
.owl-carousel.cc-height-5 .owl-stage,
.owl-carousel.cc-height-5 .owl-item,
.owl-carousel.cc-height-6 .owl-stage-outer,
.owl-carousel.cc-height-6 .owl-stage,
.owl-carousel.cc-height-6 .owl-item,
.owl-carousel.cc-height-full .owl-stage-outer,
.owl-carousel.cc-height-full .owl-stage,
.owl-carousel.cc-height-full .owl-item {
    height: 100%;
}

.owl-carousel.cc-height-full,
.owl-carousel.cc-height-full .cc-item {
    height: calc(100vh - 82px);
}
@media (max-width: 768px) {

    .owl-carousel.cc-height-full,
    .owl-carousel.cc-height-full .cc-item,
    .owl-carousel.cc-height-m,
    .owl-carousel.cc-height-m .cc-item {
        height: calc(100vh - 62px);
    }
}

.owl-carousel .cc-item-inner {
    position: relative;
    height: 100%;
    min-height: 300px;
}


.owl-carousel .cc-caption {
    position: absolute;
    width: auto !important;
    padding: 0 15px;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owl-carousel .cc-caption.caption-animate {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.owl-carousel .owl-item.active .cc-caption.caption-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translatey(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.owl-carousel .cc-title {
    display: block;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.owl-carousel .cc-title a {
    color: #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.owl-carousel .cc-title a:hover {
    text-decoration: underline;
}

.owl-carousel .cc-description {
    margin: 10px 0 0 0;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.owl-carousel .cc-category {
    display: block;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #EEE;
}

.owl-carousel .cc-category a,
.owl-carousel .cc-category span {
    background-color: #00d6d4;
    padding: 0 5px;
    color: #FFF;
}

.owl-carousel .cc-category a:hover {
    opacity: .8;
}

.cc-meta {
    margin-top: 15px;
    font-size: 14px;
    color: #DDD;
}

.cc-meta a {
    padding-bottom: 2px;
    color: #DDD;
}

.cc-meta a:hover {
    color: #00d6d4;
}


.owl-carousel ul.cc-item-attr {
    position: absolute;
    top: 30px;
    right: 40px;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: #EEE;
    z-index: 2;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.owl-carousel ul.cc-item-attr>li {
    float: left;
    margin-right: 10px;
}

.owl-carousel ul.cc-item-attr>li:last-child {
    margin-right: 0 !important;
}

.owl-carousel ul.cc-item-attr>li a {
    color: #EEE;
}

.owl-carousel ul.cc-item-attr>li a:hover {
    color: #00d6d4
}


.owl-carousel .cc-item-comments-count {}


.owl-carousel ul.cc-item-attr.attr-animated {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.owl-carousel .owl-item.active ul.cc-item-attr.attr-animated {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translatey(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.cc-caption.cc-caption-xs .cc-title {
    font-size: 17px;
}

.cc-caption.cc-caption-sm .cc-title {
    font-size: 20px;
}


.cc-caption.cc-caption-lg .cc-title {
    font-size: 32px;
}

.cc-caption.cc-caption-lg .cc-description {
    margin: 8px 0 0 0;
    font-size: 18px;
}

@media (max-width: 768px) {
    .cc-caption.cc-caption-lg .cc-title {
        font-size: 28px;
    }
}


.cc-caption.cc-caption-xlg .cc-title {
    font-size: 48px;
}

.cc-caption.cc-caption-xlg .cc-description {
    margin: 5px 0 0 0;
    font-size: 20px;
}

@media (max-width: 992px) {
    .cc-caption.cc-caption-xlg .cc-title {
        font-size: 38px;
    }
}

@media (max-width: 768px) {
    .cc-caption.cc-caption-xlg .cc-title {
        font-size: 28px;
    }

    .cc-caption.cc-caption-xlg .cc-description {
        font-size: 18px;
    }
}


.cc-caption.cc-caption-xxlg .cc-title {
    font-size: 92px;
    line-height: 1.1;
    margin-bottom: 20px;
}

.cc-caption.cc-caption-xxlg .cc-description {
    margin: 5px 0 0 0;
    font-size: 20px;
}

@media (max-width: 992px) {
    .cc-caption.cc-caption-xxlg .cc-title {
        font-size: 72px;
    }
}

@media (max-width: 768px) {
    .cc-caption.cc-caption-xxlg .cc-title {
        font-size: 42px;
    }

    .cc-caption.cc-caption-xxlg .cc-description {
        font-size: 18px;
    }
}

.owl-carousel .cc-caption.top-left {
    top: 10%;
    left: 5%;
    text-align: left;
}

.owl-carousel .cc-caption.top-center {
    top: 10%;
    left: 50%;
    width: 100% !important;
    max-width: 800px !important;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

.owl-carousel .cc-caption.top-right {
    top: 10%;
    right: 5%;
    text-align: right;
}


.owl-carousel .cc-caption.center-left {
    top: 50%;
    left: 13%;
    text-align: left;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

@media (max-width: 992px) {
    .owl-carousel .cc-caption.center-left {
        left: 8%;
    }
}

.owl-carousel .cc-caption.center {
    top: 50%;
    left: 50%;
    width: 100% !important;
    max-width: 800px;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.owl-carousel .cc-caption.center-right {
    top: 50%;
    right: 13%;
    text-align: right;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

@media (max-width: 992px) {
    .owl-carousel .cc-caption.center-right {
        right: 8%;
    }
}

.owl-carousel .cc-caption.bottom-left {
    bottom: 10%;
    left: 5%;
    margin-right: 8%;
    text-align: left;
}

@media (max-width: 768px) {
    .owl-carousel .cc-caption.bottom-left {
        bottom: 45px;
    }
}

.owl-carousel .cc-caption.bottom-center {
    bottom: 10%;
    left: 50%;
    width: 100% !important;
    max-width: 800px;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

.owl-carousel .cc-caption.bottom-right {
    bottom: 10%;
    left: auto;
    right: 5%;
    text-align: right;
}

.owl-carousel.nav-bottom-right .cc-caption.bottom-center,
.owl-carousel.nav-bottom-right .cc-caption.bottom-right {
    bottom: 110px;
}

@media (max-width: 768px) {

    .owl-carousel.nav-bottom-right .cc-caption.bottom-left,
    .owl-carousel.nav-bottom-right .cc-caption.bottom-center,
    .owl-carousel.nav-bottom-right .cc-caption.bottom-right {
        bottom: 110px;
    }
}


.owl-carousel .owl-video-wrapper {
    z-index: 2;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background-color: rgba(0, 0, 0, 0.7);
    background-position: center;
    cursor: pointer;
    z-index: 1;
    border-radius: 80px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.owl-carousel.cursor-grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.cursor-grab:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}


.owl-lazy {
    position: relative;
}

.owl-lazy-loader.owl-lazy-loading::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cc-item .inline-YTPlayer,
.cc-item .youtube-bg {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100% !important;
}

.cc-item .youtube-bg {
    padding-bottom: 0 !important;
    height: auto !important;
}


.isotope-wrap {
    position: relative;
}

.isotope {}


.isotope-top-content {
    position: relative;
    padding: 50px 3%;
}


.isotope.gutter-0 .isotope-top-content {
    margin-left: 20px;
}

.isotope.gutter-1 .isotope-top-content {
    margin-left: 6px;
}

.isotope.gutter-2 .isotope-top-content {
    margin-left: 1.5%;
}

.isotope.gutter-3 .isotope-top-content {
    margin-left: 2.5%;
}

.isotope.gutter-4 .isotope-top-content {
    margin-left: 4%;
    margin-right: 3.5%;
    padding-right: 0;
}

.isotope.gutter-5 .isotope-top-content {
    margin-left: 5.5%;
    margin-right: 2%;
}

.isotope.gutter-6 .isotope-top-content {
    margin-left: 9.5%;
    margin-right: 3.5%;
}


body.tt-boxed .isotope-wrap.tt-wrap .isotope-top-content {
    padding-left: 0;
    padding-right: 0;
}

body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-4 .isotope-top-content {
    margin-left: 3.5%;
    margin-right: 0;
}

body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-5 .isotope-top-content {
    margin-left: 4.5%;
    margin-right: 0;
}

body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-6 .isotope-top-content {
    margin-left: 6.5%;
    margin-right: 0;
}


.isotope-filter {}


.ifl-title span {
    font-size: 16px;
    font-weight: bold;
}

.fi-btn .ifl-title {
    display: none !important;
}


ul.isotope-filter-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.isotope-filter-links>li {
    display: inline-block;
    margin: 0 3px;
}

@media (max-width: 768px) {
    ul.isotope-filter-links>li {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

ul.isotope-filter-links>li:first-child {
    margin-left: 0;
}

ul.isotope-filter-links>li:last-child {
    margin-right: 0;
}

ul.isotope-filter-links>li>button {
    position: relative;
    display: block;
    background: none;
    padding: 5px 3px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    border: none;
}

ul.isotope-filter-links>li>button:focus {
    outline: none;
}

ul.isotope-filter-links>li>button::after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: 100%;
    z-index: -1;
    height: 10px;
    background: #00d6d4;
    opacity: .2;
    left: 0;
    top: 52%;
    overflow: hidden;
    transform: scaleX(0);
    transform-origin: right center;
    -webkit-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}

ul.isotope-filter-links>li>button:hover::after,
ul.isotope-filter-links>li>button.active::after {
    transform: none;
    transform-origin: left center;
}


.isotope-filter.fi-center {
    text-align: center;
}

.isotope-filter.fi-right {
    text-align: right;
}

@media (max-width: 768px) {
    .isotope-filter.fi-right {
        text-align: center;
    }
}


.isotope-filter.fi-btn {
    position: absolute;
    top: 30px;
    left: 0;
    right: auto;
    z-index: 98;
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 992px) {
    .isotope-filter.fi-btn {
        top: 60px;
    }

    .isotope.gutter-1 .isotope-filter.fi-btn {
        top: 70px;
    }

    .isotope.gutter-2 .isotope-filter.fi-btn {
        top: 90px;
    }

    .isotope.gutter-3 .isotope-filter.fi-btn {
        top: 110px;
    }

    .isotope.gutter-4 .isotope-filter.fi-btn,
    .isotope.gutter-5 .isotope-filter.fi-btn,
    .isotope.gutter-6 .isotope-filter.fi-btn {
        top: 110px;
    }
}


.isotope-filter-button {
    position: relative;
    display: none;
    width: auto;
    height: 50px;
    line-height: 50px;
    background-color: #00d6d4;
    padding: 0 17px;
    text-align: center;
    font-size: 17px;
    color: #FFF;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.isotope-filter-button>span {
    display: inline-block;
}

.isotope-filter.fi-btn .isotope-filter-button {
    display: block;
}

.isotope-filter.fi-btn.iso-filter-open .isotope-filter-button {
    background-color: #00d6d4;
    color: #FFF;
}

.isotope-filter-button .ifb-text {
    margin-left: 2px;
    font-size: 16px;
}


.isotope-filter-button .ifb-icon {
    font-size: 22px;
    line-height: 43px;
}

.isotope-filter-button .ifb-icon-close {
    display: none;
}


@media (max-width: 992px) {
    .isotope-filter.fi-btn .isotope-filter-button {
        background-color: #00d6d4;
        color: #FFF;
    }

    .isotope-filter-button .ifb-icon-close,
    .isotope-filter.fi-btn.iso-filter-open .isotope-filter-button .ifb-icon {
        display: none;
    }

    .isotope-filter.fi-btn.iso-filter-open .isotope-filter-button .ifb-icon-close {
        display: inline-block;
    }
}

.isotope-filter.fi-btn ul.isotope-filter-links {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    list-style: none;
    background-color: #00d6d4;
    padding: 15px 0;
    text-align: left;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .4);
    box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .4);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.isotope-filter.fi-btn.iso-filter-open ul.isotope-filter-links {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.isotope-filter.fi-btn ul.isotope-filter-links>li {
    display: block;
    margin: 0;
    padding: 0 20px;
    line-height: 1.2;
}

.isotope-filter.fi-btn ul.isotope-filter-links>li>button {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    color: #DDD;
}

.isotope-filter.fi-btn ul.isotope-filter-links>li>button::after,
.isotope-filter.fi-btn ul.isotope-filter-links>li>button.active::after {
    content: none;
}

.isotope-filter.fi-btn ul.isotope-filter-links>li>button:hover {
    color: #FFF;
}

.isotope-filter.fi-btn ul.isotope-filter-links>li>button.active {
    color: #FFF;
}

.isotope-filter.fi-btn.fi-right {
    left: auto;
    right: 0;
}

.isotope-filter.fi-btn.fi-right ul.isotope-filter-links {
    left: auto;
    right: 0;
}

body.fi-btn-on .isotope-top-content {
    margin-top: 0 !important;
    padding: 0;
}

body.fi-btn-on .isotope.gutter-1 .isotope-top-content {
    padding-top: 6px;
    padding-bottom: 0;
}

body.fi-btn-on .isotope.gutter-2 .isotope-top-content {
    padding-top: 1.5%;
    padding-bottom: 0;
}

body.fi-btn-on .isotope.gutter-3 .isotope-top-content {
    padding-top: 2.5%;
    padding-bottom: 0;
}

body.fi-btn-on .isotope.gutter-4 .isotope-top-content,
body.fi-btn-on .isotope.gutter-5 .isotope-top-content,
body.fi-btn-on .isotope.gutter-6 .isotope-top-content {
    padding-top: 3.5%;
    padding-bottom: 0;
}

body.page-header-on .isotope-filter.fi-btn {
    left: 3%;
    right: auto;
}

body.page-header-on .isotope-filter.fi-btn.fi-right {
    left: auto;
    right: 3%;
}

body.page-header-on .isotope-filter.fi-btn {
    top: -80px;
}

body.page-header-on .isotope.gutter-1 .isotope-filter.fi-btn {
    top: -64px;
}

body.page-header-on .isotope.gutter-2 .isotope-filter.fi-btn {
    top: -60px;
}

body.page-header-on .isotope.gutter-3 .isotope-filter.fi-btn {
    top: -40px;
}

body.page-header-on .isotope.gutter-4 .isotope-filter.fi-btn,
body.page-header-on .isotope.gutter-5 .isotope-filter.fi-btn,
body.page-header-on .isotope.gutter-6 .isotope-filter.fi-btn {
    top: -40px;
}

@media (max-width: 992px) {

    body.page-header-on .isotope-filter.fi-btn,
    body.page-header-on .isotope.gutter-1 .isotope-filter.fi-btn,
    body.page-header-on .isotope.gutter-2 .isotope-filter.fi-btn,
    body.page-header-on .isotope.gutter-3 .isotope-filter.fi-btn,
    body.page-header-on .isotope.gutter-4 .isotope-filter.fi-btn,
    body.page-header-on .isotope.gutter-5 .isotope-filter.fi-btn,
    body.page-header-on .isotope.gutter-6 .isotope-filter.fi-btn {
        top: -70px !important;
    }
}

body.tt-boxed .isotope-wrap.tt-wrap .isotope-filter.fi-btn {
    top: 60px;
    left: 0;
    margin: 0;
}

body.tt-boxed .isotope-wrap.tt-wrap .isotope-filter.fi-btn.fi-right {
    left: auto;
    right: 0;
}

@media (min-width: 992px) {
    body.tt-boxed .isotope-wrap.tt-wrap .isotope-filter.fi-btn {
        top: 100px;
    }

    body.tt-boxed.page-header-on .isotope-wrap.tt-wrap .isotope-filter.fi-btn {
        top: -40px;
    }
}

body.tt-boxed.fi-btn-on .isotope-wrap.tt-wrap .isotope-top-content,
body.tt-boxed.fi-btn-on .isotope-wrap.tt-wrap .isotope.gutter-1 .isotope-top-content,
body.tt-boxed.fi-btn-on .isotope-wrap.tt-wrap .isotope.gutter-2 .isotope-top-content,
body.tt-boxed.fi-btn-on .isotope-wrap.tt-wrap .isotope.gutter-3 .isotope-top-content {
    padding-top: 40px;
}

body.tt-boxed.fi-btn-on .isotope-wrap.tt-wrap .isotope.gutter-4 .isotope-top-content,
body.tt-boxed.fi-btn-on .isotope-wrap.tt-wrap .isotope.gutter-5 .isotope-top-content,
body.tt-boxed.fi-btn-on .isotope-wrap.tt-wrap .isotope.gutter-6 .isotope-top-content {
    padding-top: 60px;
}

body.page-header-image-on .isotope-filter.fi-btn {
    top: -70px !important;
}

.isotope-filter.fi-btn-dark .isotope-filter-button {
    background-color: #181c25;
    color: #FFF;
}

.isotope-filter.fi-btn-dark.iso-filter-open .isotope-filter-button {
    background-color: #181c25;
    color: #FFF;
}

.isotope-filter.fi-btn-light .isotope-filter-button {
    background-color: #FFF;
    color: #181c25;
}

.isotope-filter.fi-btn-light.iso-filter-open .isotope-filter-button {
    background-color: #FFF;
    color: #181c25;
}

@media (min-width: 992px) {
    .isotope-filter.fi-btn-tansparent-dark .isotope-filter-button {
        background-color: transparent;
        padding: 0;
        font-weight: bold;
        font-weight: 600;
        color: #181c25;
    }

    .isotope-filter.fi-btn-tansparent-dark.iso-filter-open .isotope-filter-button {
        background-color: transparent;
        color: #181c25;
    }

    .isotope-filter.fi-btn-tansparent-light .isotope-filter-button {
        background-color: transparent;
        padding: 0;
        font-weight: bold;
        font-weight: 600;
        color: #FFF;
    }

    .isotope-filter.fi-btn-tansparent-light.iso-filter-open .isotope-filter-button {
        background-color: transparent;
        color: #FFF;
    }
}

.isotope-filter.fi-btn-dropdown-dark ul.isotope-filter-links {
    background-color: #181c25;
}

.isotope-filter.fi-btn-dropdown-light ul.isotope-filter-links {
    background-color: #FFF;
}

.isotope-filter.fi-btn-dropdown-light ul.isotope-filter-links>li>button {
    color: #181c25;
}

.isotope-filter.fi-btn-dropdown-light ul.isotope-filter-links>li>button:hover,
.isotope-filter.fi-btn-dropdown-light ul.isotope-filter-links>li>button.active {
    color: #00d6d4;
}

.isotope-categories-wrap {}

ul.isotope-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .isotope-categories {
        text-align: center;
    }
}

.isotope-categories>li {
    display: inline-block;
    margin-right: 15px;
}

.isotope-categories>li:last-child {
    margin-right: 0;
}

.isotope-categories>li>a {
    position: relative;
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: #181c25;
}

.isotope-categories>li>a::after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: 100%;
    left: 0;
    top: 52%;
    z-index: -1;
    height: 10px;
    background: #00d6d4;
    opacity: .2;
    overflow: hidden;
    transform: scaleX(0);
    transform-origin: right center;
    -webkit-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}

.isotope-categories>li>a:hover::after,
.isotope-categories>li.active>a::after {
    transform: none;
    transform-origin: left center;
}

.isotope-categories .icl-title {
    font-size: 14px;
    font-weight: bold;
}


.isotope-categories-wrap.iso-cat-center .isotope-categories {
    text-align: center;
}

.isotope-categories-wrap.iso-cat-right .isotope-categories {
    text-align: right;
}
.isotope-items-wrap {
    margin-bottom: -1px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}


.isotope.gutter-1 .isotope-items-wrap {
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;
}

.isotope.gutter-2 .isotope-items-wrap {
    margin-top: 1.5%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.isotope.gutter-3 .isotope-items-wrap {
    margin-top: 2.5%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.isotope.gutter-4 .isotope-items-wrap {
    margin-top: 2.5%;
    margin-left: 3.5%;
    margin-right: 3.5%;
}

.isotope.gutter-5 .isotope-items-wrap {
    margin-top: 2.5%;
    margin-left: 4.5%;
    margin-right: 4.5%;
}

.isotope.gutter-6 .isotope-items-wrap {
    margin-top: 2.5%;
    margin-left: 6.5%;
    margin-right: 6.5%;
}
body.tt-boxed .isotope-wrap.tt-wrap .isotope-items-wrap,
body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-3 .isotope-items-wrap,
body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-4 .isotope-items-wrap,
body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-5 .isotope-items-wrap,
body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-6 .isotope-items-wrap {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
}

body.tt-boxed  .mg-top-porfItem-20 .isotope-wrap.tt-wrap .isotope-items-wrap,
body.tt-boxed  .mg-top-porfItem-20 .isotope-wrap.tt-wrap .isotope.gutter-3 .isotope-items-wrap,
body.tt-boxed  .mg-top-porfItem-20 .isotope-wrap.tt-wrap .isotope.gutter-4 .isotope-items-wrap,
body.tt-boxed  .mg-top-porfItem-20 .isotope-wrap.tt-wrap .isotope.gutter-5 .isotope-items-wrap,
body.tt-boxed  .mg-top-porfItem-20 .isotope-wrap.tt-wrap .isotope.gutter-6 .isotope-items-wrap {
    margin-top: 20px;
}

@media (max-width: 991px) {

    body.tt-boxed .isotope-wrap.tt-wrap .isotope-items-wrap,
    body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-3 .isotope-items-wrap,
    body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-4 .isotope-items-wrap,
    body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-5 .isotope-items-wrap,
    body.tt-boxed .isotope-wrap.tt-wrap .isotope.gutter-6 .isotope-items-wrap {
        margin-top: 20px;
    }
}


body.iso-top-content-on .isotope .isotope-items-wrap {
    margin-top: 0 !important;
}


.isotope-item {
    float: left;
    width: 25%;
}


@media (max-width: 991px) {
    .isotope-item.iso-last-item {
        width: 100% !important;
    }
}

/* cadre default height - 50% */
.isotope-item.iso-height-1>div,
.isotope-item.iso-height-1>a,
.isotope-item.iso-height-1>article,
.isotope-item.iso-height-1>figure {
    display: block;
    padding-bottom: 50%;
}

/* cadre default height - 80% */
.pd-bottom-80 .isotope-item.iso-height-1>div,
.pd-bottom-80 .isotope-item.iso-height-1>a,
.pd-bottom-80 .isotope-item.iso-height-1>article,
.pd-bottom-80 .isotope-item.iso-height-1>figure {
    padding-bottom: 80%;
}
 
/* cadre default height - 42% */
.pd-bottom-42 .isotope-item.iso-height-1>div,
.pd-bottom-42 .isotope-item.iso-height-1>figure , 
.pd-bottom-42 .isotope-item.iso-height-1>a,
.pd-bottom-42 .isotope-item.iso-height-1>article,

.pd-bottom-42 .isotope.col-1 .isotope-item.iso-height-1>div,
.pd-bottom-42 .isotope.col-1 .isotope-item.iso-height-1>figure , 
.pd-bottom-42 .isotope.col-1 .isotope-item.iso-height-1>a,
.pd-bottom-42 .isotope.col-1 .isotope-item.iso-height-1>article
{
    padding-bottom: 42%;
}

/* cadre default height - 37% */
.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
.pd-bottom-37 .isotope-item.iso-height-1>div,
.pd-bottom-37 .isotope-item.iso-height-1>a,
.pd-bottom-37 .isotope-item.iso-height-1>article,
.pd-bottom-37 .isotope-item.iso-height-1>figure {
    padding-bottom: 37%;
}


@media screen and (max-width: 1180px) and (min-width: 1025px){
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 33.6%;   
    }
    .liste-category-froshl .isotope.col-1 .isotope-item {
      margin-bottom: 10.8px;
    }
}
@media screen and (max-width: 879px) and (min-width: 800px){
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 35.4%;    
    }
    .liste-category-froshl .isotope.col-1 .isotope-item {
      margin-bottom: 16px;
    }
}
@media screen and (max-width: 900px) and (min-width: 880px){
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 32%;     
    }
}
@media screen and (max-width: 991px) and (min-width: 901px){
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 30.8%;
    }
    .liste-category-froshl .isotope.col-1 .isotope-item {
      margin-bottom: 10px;
    }
}
@media screen and (min-width: 1081px) and (max-width: 1401px){
    .liste-category-froshl .isotope.col-1 .isotope-item {
      margin-bottom: 20px; 
    } 
}
@media screen and (min-width: 1361px) and (max-width: 1400px){

    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 38.2%;   
    }

}

@media screen and (min-width: 1080px) and (max-width: 1169px){

    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 33.6%;
    }
}

@media screen and (max-width: 1180px) and (min-width: 1170px){

    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 29.6%;     
    }
}
@media screen and (min-width: 1182px) and (max-width: 1279px){

    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 39.5%;     
    }
    
}
@media screen and (min-width: 1182px) and (max-width: 1921px){
    .liste-category-froshl .pli-alter-5 .pl-item-title.tlarge {
      font-size: 30px;
      line-height: 63px;
    }
}

.pd-bottom-36 .isotope.col-1 .isotope-item.iso-height-1>div,
.pd-bottom-36 .isotope.col-1 .isotope-item.iso-height-1>figure , 
.pd-bottom-36 .isotope.col-1 .isotope-item.iso-height-1>a,
.pd-bottom-36 .isotope.col-1 .isotope-item.iso-height-1>article,
.pd-bottom-36 .isotope-item.iso-height-1>div,
.pd-bottom-36 .isotope-item.iso-height-1>a,
.pd-bottom-36 .isotope-item.iso-height-1>article,
.pd-bottom-36 .isotope-item.iso-height-1>figure
{
    padding-bottom: 36%;
}


/* cadre default height - 22% */
.pd-bottom-22 .isotope-item.iso-height-1>div,
.pd-bottom-22 .isotope-item.iso-height-1>a,
.pd-bottom-22 .isotope-item.iso-height-1>article,
.pd-bottom-22 .isotope-item.iso-height-1>figure,

.pd-bottom-22 .isotope.col-1 .isotope-item.iso-height-1>div,
.pd-bottom-22 .isotope.col-1 .isotope-item.iso-height-1>a,
.pd-bottom-22 .isotope.col-1 .isotope-item.iso-height-1>article,
.pd-bottom-22 .isotope.col-1 .isotope-item.iso-height-1>figure
 {
    padding-bottom: 22%;
}

/* cadre default height - 20% */
.pd-bottom-20 .isotope-item.iso-height-1>div,
.pd-bottom-20 .isotope-item.iso-height-1>a,
.pd-bottom-20 .isotope-item.iso-height-1>article,
.pd-bottom-20 .isotope-item.iso-height-1>figure, 
.pd-bottom-20 .isotope.col-1 .isotope-item.iso-height-1>div,
.pd-bottom-20 .isotope.col-1 .isotope-item.iso-height-1>a,
.pd-bottom-20 .isotope.col-1 .isotope-item.iso-height-1>article,
.pd-bottom-20 .isotope.col-1 .isotope-item.iso-height-1>figure {
    padding-bottom: 20%; 
}
/* cadre default height - 15% */
.pd-bottom-15 .isotope-item.iso-height-1>div,
.pd-bottom-15 .isotope-item.iso-height-1>a,
.pd-bottom-15 .isotope-item.iso-height-1>article,
.pd-bottom-15 .isotope-item.iso-height-1>figure, 
.pd-bottom-15 .isotope.col-1 .isotope-item.iso-height-1>div,
.pd-bottom-15 .isotope.col-1 .isotope-item.iso-height-1>a,
.pd-bottom-15 .isotope.col-1 .isotope-item.iso-height-1>article,
.pd-bottom-15 .isotope.col-1 .isotope-item.iso-height-1>figure {
    padding-bottom: 15%; 
}

/* cadre default height - 55% */
.pd-bottom-55 .isotope-item.iso-height-1>div,
.pd-bottom-55 .isotope-item.iso-height-1>a,
.pd-bottom-55 .isotope-item.iso-height-1>article,
.pd-bottom-55 .isotope-item.iso-height-1>figure {
    padding-bottom: 55%;
}

/* cadre default height - 38% */
.presd-section.elec-pave .isotope-item.iso-height-1>div,
.presd-section.elec-pave .isotope-item.iso-height-1>a,
.presd-section.elec-pave .isotope-item.iso-height-1>article,
.presd-section.elec-pave .isotope-item.iso-height-1>figure {
    padding-bottom: 38%;
}

.isotope.col-2 .pli-alter-6 .isotope-item.iso-height-1>div,
.isotope.col-2 .pli-alter-6 .isotope-item.iso-height-1>a,
.isotope.col-2 .pli-alter-6 .isotope-item.iso-height-1>article,
.isotope.col-2 .pli-alter-6 .isotope-item.iso-height-1>figure {
    padding-bottom: 50%;
    margin-bottom: 40px;
}

/* cadre default height - 60% */
.img-padding-60 .isotope-item.iso-height-1>div,
.img-padding-60 .isotope-item.iso-height-1>a,
.img-padding-60 .isotope-item.iso-height-1>article,
.img-padding-60 .isotope-item.iso-height-1>figure {
    padding-bottom: 60%; 
}
.pb-70 .isotope-item.iso-height-2 .portfolio-list-item{ 
    margin-bottom: 0;
    padding-bottom: 100%;
}

.pb-70 .pli-alter-5 .pl-item-specific-info {
    display: none;
}

.pb-70 .isotope-item.iso-height-2{
    margin-bottom: 20px; 
}
@media screen and (max-width: 1182px)  and (min-width:  1921px){
    #portfolio-list-section.liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>div,
    #portfolio-list-section.liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>figure , 
    #portfolio-list-section.liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>a,
    #portfolio-list-section.liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1>article,
    #portfolio-list-section.liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>div,
    #portfolio-list-section.liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>a,
    #portfolio-list-section.liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>article,
    #portfolio-list-section.liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1>figure {
        padding-bottom: 38%;
    }
}
@media screen and (max-width: 1680px)  and (min-width:  1601px){
    .vidcover, #portfolio-list-section.liste-category-froshl {
      height:628px;
    }
}
@media screen and (max-width: 1600px)  and (min-width:  1401px){
    .vidcover, #portfolio-list-section.liste-category-froshl {
      height:598px;
    }
}
@media screen and (max-width: 1400px)  and (min-width:  1361px){
    .vidcover, #portfolio-list-section.liste-category-froshl {
      height:523px;
    }
}
@media screen and (max-width: 1360px)  and (min-width:  1281px){
    .vidcover, #portfolio-list-section.liste-category-froshl {
      height:508px;
    }

}
@media screen and (max-width: 1280px)  and (min-width:  1182px){
    .vidcover, #portfolio-list-section.liste-category-froshl {
      height:478px;
    }


}
@media screen and (max-width: 1360px)  and (min-width:  1182px){
        .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > figure,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1 > div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1 > a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1 > article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1 > figure {
      padding-bottom: 35.4%;
    }
}
@media screen and (max-width: 1400px)  and (min-width:  1361px){
        .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > div,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > figure,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > a,
    .liste-category-froshl.pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1 > div,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1 > a,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1 > article,
    .liste-category-froshl.pd-bottom-37 .isotope-item.iso-height-1 > figure {
      padding-bottom: 36.5%;
    }
}
@media screen and (max-width: 1680px){
    .page-node-347 section.header_diversite{margin-bottom: 20px;}
}

@media screen and (min-width: 2160px){
   .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > div, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > figure, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > a, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > article, .pd-bottom-37 .isotope-item.iso-height-1 > div, .pd-bottom-37 .isotope-item.iso-height-1 > a, .pd-bottom-37 .isotope-item.iso-height-1 > article, .pd-bottom-37 .isotope-item.iso-height-1 > figure {
      padding-bottom: 32.5%;
    }
}
@media screen and (min-width: 3840px){
   .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > div, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > figure, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > a, .pd-bottom-37 .isotope.col-1 .isotope-item.iso-height-1 > article, .pd-bottom-37 .isotope-item.iso-height-1 > div, .pd-bottom-37 .isotope-item.iso-height-1 > a, .pd-bottom-37 .isotope-item.iso-height-1 > article, .pd-bottom-37 .isotope-item.iso-height-1 > figure {
      padding-bottom: 18.2%;
    }
}

.page-node-343 .presd-section .isotope-item.iso-height-1>div,
.page-node-343 .presd-section .isotope-item.iso-height-1>a,
.page-node-343 .presd-section .isotope-item.iso-height-1>article,
.page-node-343 .presd-section .isotope-item.iso-height-1>figure {
    padding-bottom:50%;
}
.page-node-343 .presd-section .iso-height-1 .portfolio-list-item .pl-item-image-wrap,
.page-node-343 .presd-section .iso-height-2 .portfolio-list-item .pl-item-image-wrap,
.page-node-343 .presd-section .iso-height-1 .portfolio-list-item .pl-item-image-inner,
.page-node-343 .presd-section .iso-height-2 .portfolio-list-item .pl-item-image-inner,
.page-node-343 .presd-section .iso-height-1 .portfolio-list-item .pl-item-image,
.page-node-343 .presd-section .iso-height-2 .portfolio-list-item .pl-item-image{
    width: 100%; 
    height: auto;
}

.index-valeurs .isotope-item.iso-height-1>div,
.index-valeurs .isotope-item.iso-height-1>a,
.index-valeurs .isotope-item.iso-height-1>article,
.index-valeurs .isotope-item.iso-height-1>figure {
    padding-bottom: 36%;
}


.index-valeurs.pd-bottom-50 .isotope-item.iso-height-1>div,
.index-valeurs.pd-bottom-50 .isotope-item.iso-height-1>a,
.index-valeurs.pd-bottom-50 .isotope-item.iso-height-1>article,
.index-valeurs.pd-bottom-50 .isotope-item.iso-height-1>figure {
    padding-bottom: 50%;
}


.isotope-item.iso-height-2>div,
.isotope-item.iso-height-2>a,
.isotope-item.iso-height-2>article,
.isotope-item.iso-height-2>figure {
    display: block;
    padding-bottom: 140%;
}


.isotope.col-2.gutter-1 .isotope-item.iso-height-2>div,
.isotope.col-2.gutter-1 .isotope-item.iso-height-2>a,
.isotope.col-2.gutter-1 .isotope-item.iso-height-2>article,
.isotope.col-2.gutter-1 .isotope-item.iso-height-2>figure {
    padding-bottom: 140.6%;
}

.isotope.col-3.gutter-1 .isotope-item.iso-height-2>div,
.isotope.col-3.gutter-1 .isotope-item.iso-height-2>a,
.isotope.col-3.gutter-1 .isotope-item.iso-height-2>article,
.isotope.col-3.gutter-1 .isotope-item.iso-height-2>figure {
    padding-bottom: 140.9%;
}

.isotope.col-4.gutter-1 .isotope-item.iso-height-2>div,
.isotope.col-4.gutter-1 .isotope-item.iso-height-2>a,
.isotope.col-4.gutter-1 .isotope-item.iso-height-2>article,
.isotope.col-4.gutter-1 .isotope-item.iso-height-2>figure {
    padding-bottom: 141.4%;
}

.isotope.col-5.gutter-1 .isotope-item.iso-height-2>div,
.isotope.col-5.gutter-1 .isotope-item.iso-height-2>a,
.isotope.col-5.gutter-1 .isotope-item.iso-height-2>article,
.isotope.col-5.gutter-1 .isotope-item.iso-height-2>figure {
    padding-bottom: 141.4%;
}

.isotope.col-6.gutter-1 .isotope-item.iso-height-2>div,
.isotope.col-6.gutter-1 .isotope-item.iso-height-2>a,
.isotope.col-6.gutter-1 .isotope-item.iso-height-2>article,
.isotope.col-6.gutter-1 .isotope-item.iso-height-2>figure {
    padding-bottom: 141.8%;
}


.isotope.col-2.gutter-2 .isotope-item.iso-height-2>div,
.isotope.col-2.gutter-2 .isotope-item.iso-height-2>a,
.isotope.col-2.gutter-2 .isotope-item.iso-height-2>article,
.isotope.col-2.gutter-2 .isotope-item.iso-height-2>figure {
    padding-bottom: 143.1%;
}

.isotope.col-3.gutter-2 .isotope-item.iso-height-2>div,
.isotope.col-3.gutter-2 .isotope-item.iso-height-2>a,
.isotope.col-3.gutter-2 .isotope-item.iso-height-2>article,
.isotope.col-3.gutter-2 .isotope-item.iso-height-2>figure {
    padding-bottom: 144.7%;
}

.isotope.col-4.gutter-2 .isotope-item.iso-height-2>div,
.isotope.col-4.gutter-2 .isotope-item.iso-height-2>a,
.isotope.col-4.gutter-2 .isotope-item.iso-height-2>article,
.isotope.col-4.gutter-2 .isotope-item.iso-height-2>figure {
    padding-bottom: 146.2%;
}

.isotope.col-5.gutter-2 .isotope-item.iso-height-2>div,
.isotope.col-5.gutter-2 .isotope-item.iso-height-2>a,
.isotope.col-5.gutter-2 .isotope-item.iso-height-2>article,
.isotope.col-5.gutter-2 .isotope-item.iso-height-2>figure {
    padding-bottom: 148%;
}

.isotope.col-6.gutter-2 .isotope-item.iso-height-2>div,
.isotope.col-6.gutter-2 .isotope-item.iso-height-2>a,
.isotope.col-6.gutter-2 .isotope-item.iso-height-2>article,
.isotope.col-6.gutter-2 .isotope-item.iso-height-2>figure {
    padding-bottom: 150%;
}



.isotope.col-2.gutter-3 .isotope-item.iso-height-2>div,
.isotope.col-2.gutter-3 .isotope-item.iso-height-2>a,
.isotope.col-2.gutter-3 .isotope-item.iso-height-2>article,
.isotope.col-2.gutter-3 .isotope-item.iso-height-2>figure {
    padding-bottom: 145.2%;
}

.isotope.col-3.gutter-3 .isotope-item.iso-height-2>div,
.isotope.col-3.gutter-3 .isotope-item.iso-height-2>a,
.isotope.col-3.gutter-3 .isotope-item.iso-height-2>article,
.isotope.col-3.gutter-3 .isotope-item.iso-height-2>figure {
    padding-bottom: 148%;
}

.isotope.col-4.gutter-3 .isotope-item.iso-height-2>div,
.isotope.col-4.gutter-3 .isotope-item.iso-height-2>a,
.isotope.col-4.gutter-3 .isotope-item.iso-height-2>article,
.isotope.col-4.gutter-3 .isotope-item.iso-height-2>figure {
    padding-bottom: 150.9%;
}

.isotope.col-5.gutter-3 .isotope-item.iso-height-2>div,
.isotope.col-5.gutter-3 .isotope-item.iso-height-2>a,
.isotope.col-5.gutter-3 .isotope-item.iso-height-2>article,
.isotope.col-5.gutter-3 .isotope-item.iso-height-2>figure {
    padding-bottom: 154%;
}

.isotope.col-6.gutter-3 .isotope-item.iso-height-2>div,
.isotope.col-6.gutter-3 .isotope-item.iso-height-2>a,
.isotope.col-6.gutter-3 .isotope-item.iso-height-2>article,
.isotope.col-6.gutter-3 .isotope-item.iso-height-2>figure {
    padding-bottom: 158%;
}


.isotope.col-2.gutter-4 .isotope-item.iso-height-2>div,
.isotope.col-2.gutter-4 .isotope-item.iso-height-2>a,
.isotope.col-2.gutter-4 .isotope-item.iso-height-2>article,
.isotope.col-2.gutter-4 .isotope-item.iso-height-2>figure {
    padding-bottom: 147.4%;
}

.isotope.col-3.gutter-4 .isotope-item.iso-height-2>div,
.isotope.col-3.gutter-4 .isotope-item.iso-height-2>a,
.isotope.col-3.gutter-4 .isotope-item.iso-height-2>article,
.isotope.col-3.gutter-4 .isotope-item.iso-height-2>figure {
    padding-bottom: 151.4%;
}

.isotope.col-4.gutter-4 .isotope-item.iso-height-2>div,
.isotope.col-4.gutter-4 .isotope-item.iso-height-2>a,
.isotope.col-4.gutter-4 .isotope-item.iso-height-2>article,
.isotope.col-4.gutter-4 .isotope-item.iso-height-2>figure {
    padding-bottom: 156%;
}

.isotope.col-5.gutter-4 .isotope-item.iso-height-2>div,
.isotope.col-5.gutter-4 .isotope-item.iso-height-2>a,
.isotope.col-5.gutter-4 .isotope-item.iso-height-2>article,
.isotope.col-5.gutter-4 .isotope-item.iso-height-2>figure {
    padding-bottom: 161%;
}

.isotope.col-6.gutter-4 .isotope-item.iso-height-2>div,
.isotope.col-6.gutter-4 .isotope-item.iso-height-2>a,
.isotope.col-6.gutter-4 .isotope-item.iso-height-2>article,
.isotope.col-6.gutter-4 .isotope-item.iso-height-2>figure {
    padding-bottom: 165.8%;
}


.isotope.col-2.gutter-5 .isotope-item.iso-height-2>div,
.isotope.col-2.gutter-5 .isotope-item.iso-height-2>a,
.isotope.col-2.gutter-5 .isotope-item.iso-height-2>article,
.isotope.col-2.gutter-5 .isotope-item.iso-height-2>figure {
    padding-bottom: 149.6%;
}

.isotope.col-3.gutter-5 .isotope-item.iso-height-2>div,
.isotope.col-3.gutter-5 .isotope-item.iso-height-2>a,
.isotope.col-3.gutter-5 .isotope-item.iso-height-2>article,
.isotope.col-3.gutter-5 .isotope-item.iso-height-2>figure {
    padding-bottom: 155%;
}

.isotope.col-4.gutter-5 .isotope-item.iso-height-2>div,
.isotope.col-4.gutter-5 .isotope-item.iso-height-2>a,
.isotope.col-4.gutter-5 .isotope-item.iso-height-2>article,
.isotope.col-4.gutter-5 .isotope-item.iso-height-2>figure {
    padding-bottom: 161.6%;
}

.isotope.col-5.gutter-5 .isotope-item.iso-height-2>div,
.isotope.col-5.gutter-5 .isotope-item.iso-height-2>a,
.isotope.col-5.gutter-5 .isotope-item.iso-height-2>article,
.isotope.col-5.gutter-5 .isotope-item.iso-height-2>figure {
    padding-bottom: 168.7%;
}

.isotope.col-6.gutter-5 .isotope-item.iso-height-2>div,
.isotope.col-6.gutter-5 .isotope-item.iso-height-2>a,
.isotope.col-6.gutter-5 .isotope-item.iso-height-2>article,
.isotope.col-6.gutter-5 .isotope-item.iso-height-2>figure {
    padding-bottom: 176%;
}


.isotope.col-2.gutter-6 .isotope-item.iso-height-2>div,
.isotope.col-2.gutter-6 .isotope-item.iso-height-2>a,
.isotope.col-2.gutter-6 .isotope-item.iso-height-2>article,
.isotope.col-2.gutter-6 .isotope-item.iso-height-2>figure {
    padding-bottom: 154.5%;
}

.isotope.col-3.gutter-6 .isotope-item.iso-height-2>div,
.isotope.col-3.gutter-6 .isotope-item.iso-height-2>a,
.isotope.col-3.gutter-6 .isotope-item.iso-height-2>article,
.isotope.col-3.gutter-6 .isotope-item.iso-height-2>figure {
    padding-bottom: 164%;
}

.isotope.col-4.gutter-6 .isotope-item.iso-height-2>div,
.isotope.col-4.gutter-6 .isotope-item.iso-height-2>a,
.isotope.col-4.gutter-6 .isotope-item.iso-height-2>article,
.isotope.col-4.gutter-6 .isotope-item.iso-height-2>figure {
    padding-bottom: 174.6%;
}

.isotope.col-5.gutter-6 .isotope-item.iso-height-2>div,
.isotope.col-5.gutter-6 .isotope-item.iso-height-2>a,
.isotope.col-5.gutter-6 .isotope-item.iso-height-2>article,
.isotope.col-5.gutter-6 .isotope-item.iso-height-2>figure {
    padding-bottom: 187.5%;
}

.isotope.col-6.gutter-6 .isotope-item.iso-height-2>div,
.isotope.col-6.gutter-6 .isotope-item.iso-height-2>a,
.isotope.col-6.gutter-6 .isotope-item.iso-height-2>article,
.isotope.col-6.gutter-6 .isotope-item.iso-height-2>figure {
    padding-bottom: 203.3%;
}

@media (max-width: 1600px) {

    .isotope.col-5.gutter-2 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-2 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-2 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-2 .isotope-item.iso-height-2>figure {
        padding-bottom: 146.2%;
    }

    .isotope.col-6.gutter-2 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-2 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-2 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-2 .isotope-item.iso-height-2>figure {
        padding-bottom: 146.4%;
    }

    /* isotope item height-2 if "gutter-3" enabled */
    .isotope.col-5.gutter-3 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-3 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-3 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-3 .isotope-item.iso-height-2>figure {
        padding-bottom: 151%;
    }

    .isotope.col-6.gutter-3 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-3 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-3 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-3 .isotope-item.iso-height-2>figure {
        padding-bottom: 151%;
    }

    /* isotope item height-2 if "gutter-4" enabled */
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>figure {
        padding-bottom: 156%;
    }

    /* isotope item height-2 if "gutter-5" enabled */
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>figure {
        padding-bottom: 161.6%;
    }

    /* isotope item height-2 if "gutter-6" enabled */
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>figure {
        padding-bottom: 174.6%;
    }
}

@media (max-width: 1200px) {

    /* isotope item height-2 if "gutter-4" enabled */
    .isotope.col-4.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-4.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-4.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-4.gutter-4 .isotope-item.iso-height-2>figure,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>figure {
        padding-bottom: 151.3%;
    }

    /* isotope item height-2 if "gutter-5" enabled */
    .isotope.col-4.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-4.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-4.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-4.gutter-5 .isotope-item.iso-height-2>figure,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>figure {
        padding-bottom: 155%;
    }

    /* isotope item height-2 if "gutter-6" enabled */
    .isotope.col-4.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-4.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-4.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-4.gutter-6 .isotope-item.iso-height-2>figure,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>figure {
        padding-bottom: 164.5%;
    }
}

@media (max-width: 991px) {

    /* isotope item height-2 if "gutter-2" enabled */
    .isotope.col-5.gutter-2 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-2 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-2 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-2 .isotope-item.iso-height-2>figure {
        padding-bottom: 143%;
    }

    .isotope.col-6.gutter-2 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-2 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-2 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-2 .isotope-item.iso-height-2>figure {
        padding-bottom: 143%;
    }

    /* isotope item height-2 if "gutter-3" enabled */
    .isotope.col-3.gutter-3 .isotope-item.iso-height-2>div,
    .isotope.col-3.gutter-3 .isotope-item.iso-height-2>a,
    .isotope.col-3.gutter-3 .isotope-item.iso-height-2>article,
    .isotope.col-3.gutter-3 .isotope-item.iso-height-2>figure {
        padding-bottom: 145.1%;
    }

    .isotope.col-4.gutter-3 .isotope-item.iso-height-2>div,
    .isotope.col-4.gutter-3 .isotope-item.iso-height-2>a,
    .isotope.col-4.gutter-3 .isotope-item.iso-height-2>article,
    .isotope.col-4.gutter-3 .isotope-item.iso-height-2>figure {
        padding-bottom: 145.1%;
    }

    .isotope.col-5.gutter-3 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-3 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-3 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-3 .isotope-item.iso-height-2>figure {
        padding-bottom: 145.1%;
    }

    .isotope.col-6.gutter-3 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-3 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-3 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-3 .isotope-item.iso-height-2>figure {
        padding-bottom: 145.1%;
    }

    /* isotope item height-2 if "gutter-4" enabled */
    .isotope.col-3.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-3.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-3.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-3.gutter-4 .isotope-item.iso-height-2>figure,
    .isotope.col-4.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-4.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-4.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-4.gutter-4 .isotope-item.iso-height-2>figure,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-4 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-4 .isotope-item.iso-height-2>figure {
        padding-bottom: 147%;
    }

    /* isotope item height-2 if "gutter-5" enabled */
    .isotope.col-3.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-3.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-3.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-3.gutter-5 .isotope-item.iso-height-2>figure,
    .isotope.col-4.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-4.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-4.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-4.gutter-5 .isotope-item.iso-height-2>figure,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-5 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-5 .isotope-item.iso-height-2>figure {
        padding-bottom: 149.6%;
    }

    /* isotope item height-2 if "gutter-6" enabled */
    .isotope.col-3.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-3.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-3.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-3.gutter-6 .isotope-item.iso-height-2>figure,
    .isotope.col-4.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-4.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-4.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-4.gutter-6 .isotope-item.iso-height-2>figure,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-5.gutter-6 .isotope-item.iso-height-2>figure,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>div,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>a,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>article,
    .isotope.col-6.gutter-6 .isotope-item.iso-height-2>figure {
        padding-bottom: 155%;
    }
}


/* isotope col-1 if "iso-height-1" enabled */

.isotope.col-1 .isotope-item.iso-height-1>div,
.isotope.col-1 .isotope-item.iso-height-1>a,
.isotope.col-1 .isotope-item.iso-height-1>article,
.isotope.col-1 .isotope-item.iso-height-1>figure {
    display: block;
    padding-bottom: 30%;
}
.pd-bottom-50 .isotope.col-1 .isotope-item.iso-height-1>div,
.pd-bottom-50 .isotope.col-1 .isotope-item.iso-height-1>a,
.pd-bottom-50 .isotope.col-1 .isotope-item.iso-height-1>article,
.pd-bottom-50 .isotope.col-1 .isotope-item.iso-height-1>figure {
    display: block;
    padding-bottom: 50%;
}
/* collaborateurs */
.sagemcom-collaborateurs .isotope.col-1 .isotope-item.iso-height-1>div,
.sagemcom-collaborateurs .isotope.col-1 .isotope-item.iso-height-1>a,
.sagemcom-collaborateurs .isotope.col-1 .isotope-item.iso-height-1>article,
.sagemcom-collaborateurs .isotope.col-1 .isotope-item.iso-height-1>figure,
/* collaborateurs */
.portail-fournisseurs .isotope.col-1 .isotope-item.iso-height-1>div,
.portail-fournisseurs .isotope.col-1 .isotope-item.iso-height-1>a,
.portail-fournisseurs .isotope.col-1 .isotope-item.iso-height-1>article,
.portail-fournisseurs .isotope.col-1 .isotope-item.iso-height-1>figure,
/* spcial */
.social-home .isotope.col-1 .isotope-item.iso-height-1>div,
.social-home .isotope.col-1 .isotope-item.iso-height-1>a,
.social-home .isotope.col-1 .isotope-item.iso-height-1>article,
.social-home .isotope.col-1 .isotope-item.iso-height-1>figure  
{
    padding-bottom: 27.5%;
}
.press-home .isotope.col-1 .isotope-item.iso-height-1>div,
.press-home .isotope.col-1 .isotope-item.iso-height-1>a,
.press-home .isotope.col-1 .isotope-item.iso-height-1>article,
.press-home .isotope.col-1 .isotope-item.iso-height-1>figure {
    padding-bottom: 56.3%;
    /*padding-bottom: 62%;*/
}
@media (max-width: 768px) {

    .isotope.col-1 .isotope-item.iso-height-1>div,
    .isotope.col-1 .isotope-item.iso-height-1>a,
    .isotope.col-1 .isotope-item.iso-height-1>article,
    .isotope.col-1 .isotope-item.iso-height-1>figure {
        padding-bottom: 48%;
    }
}


/* isotope col-1 if "iso-height-2" enabled */

.isotope.col-1 .isotope-item.iso-height-2>div,
.isotope.col-1 .isotope-item.iso-height-2>a,
.isotope.col-1 .isotope-item.iso-height-2>article,
.isotope.col-1 .isotope-item.iso-height-2>figure {
    display: block;
    padding-bottom: 48%;
}


/* Isotope gutter (add more space between isotope items) 
=========================================================*/


/* gutter-0 */

.isotope.gutter-0 .isotope-item {
    padding: 0 0 0 20px;
}

.isotope.gutter-0 {
    margin-left: -20px;
}
.pb-70 .isotope.gutter-0 {
    margin-bottom: -20px;
}

/* gutter-1 */

.isotope.gutter-1 .isotope-item {
    padding: 0 0 6px 6px;
}

.isotope.gutter-1 {
    margin-left: -6px;
}


/* gutter-2 */

.isotope.gutter-2 .isotope-item {
    padding: 0 0 1.5% 1.5%;
}

.isotope.gutter-2 {
    margin-left: -1.5%;
}


/* gutter-3 */

.isotope.gutter-3 .isotope-item {
    padding: 0 0 2.5% 2.5%;
}

.isotope.gutter-3 {
    margin-left: -2.5%;
}


/* gutter-4 */

.isotope.gutter-4 .isotope-item {
    padding: 0 0 3.5% 3.5%;
}

.isotope.gutter-4 {
    margin-left: -3.5%;
}


/* gutter-5 */

.isotope.gutter-5 .isotope-item {
    padding: 0 0 4.5% 4.5%;
}

.isotope.gutter-5 {
    margin-left: -4.5%;
}


/* gutter-6 */

.isotope.gutter-6 .isotope-item {
    padding: 0 0 6.5% 6.5%;
}

.isotope.gutter-6 {
    margin-left: -6.5%;
}


/* Isotope columns 
=================== */

.isotope.col-1 .isotope-item {
    width: 100%;
}

.isotope.col-2 .isotope-item {
    width: 50%;
}

.isotope.col-3 .isotope-item {
    width: 33.33333333%;
}

.isotope.col-4 .isotope-item {
    width: 25%;
}

.isotope.col-5 .isotope-item {
    width: 20%;
}

.isotope.col-6 .isotope-item {
    width: 16.66666666666667%;
}

/* isotope grid sizer */

.grid-sizer {
    width: 25%;
}

.isotope.col-1 .grid-sizer {
    width: 100%;
}

.isotope.col-2 .grid-sizer {
    width: 50%;
}

.isotope.col-3 .grid-sizer {
    width: 33.33333333%;
}

.isotope.col-4 .grid-sizer {
    width: 25%;
}

.isotope.col-5 .grid-sizer {
    width: 20%;
}

.isotope.col-6 .grid-sizer {
    width: 16.66666666666667%;
}


/* isotope item width (alternative width) */

.isotope.col-2 .width-2 {
    width: 100%;
}

.isotope.col-3 .width-2 {
    width: 66.66666666%;
}

.isotope.col-4 .width-2 {
    width: 50%;
}

.isotope.col-5 .width-2 {
    width: 40%;
}

.isotope.col-6 .width-2 {
    width: 33.33333333%;
}


/* Isotope columns on smaller screens 
====================================== */

@media (max-width: 1600px) {

    .isotope.col-5 .isotope-item,
    .isotope.col-6 .isotope-item,
    .isotope.col-5 .grid-sizer,
    .isotope.col-6 .grid-sizer {
        width: 25%;
    }

    .isotope.col-5 .width-2,
    .isotope.col-6 .width-2 {
        width: 50%;
    }
}

@media (max-width: 1200px) {

    .isotope.col-4 .isotope-item,
    .isotope.col-5 .isotope-item,
    .isotope.col-6 .isotope-item,
    .isotope.col-4 .grid-sizer,
    .isotope.col-5 .grid-sizer,
    .isotope.col-6 .grid-sizer {
        width: 33.33333333%;
    }

    .isotope.col-4 .width-2,
    .isotope.col-5 .width-2,
    .isotope.col-6 .width-2 {
        width: 66.66666666%;
    }
}

@media (max-width: 991px) {

    .isotope.col-3 .isotope-item,
    .isotope.col-4 .isotope-item,
    .isotope.col-5 .isotope-item,
    .isotope.col-6 .isotope-item,
    .isotope.col-3 .grid-sizer,
    .isotope.col-4 .grid-sizer,
    .isotope.col-5 .grid-sizer,
    .isotope.col-6 .grid-sizer,
    .isotope.col-3 .width-2,
    .isotope.col-4 .width-2,
    .isotope.col-5 .width-2,
    .isotope.col-6 .width-2 {
        width: 50%;
    }
}

@media (max-width: 480px) {

    .isotope.col-2 .isotope-item,
    .isotope.col-3 .isotope-item,
    .isotope.col-4 .isotope-item,
    .isotope.col-5 .isotope-item,
    .isotope.col-6 .isotope-item {
        width: 100%;
    }
}


/* Isotope pagination (tt-pagination)
====================================== */

.isotope .tt-pagination-wrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 0;
}

.isotope .tt-pagination {}

.isotope.gutter-1 .tt-pagination-wrap {
    margin-top: 20px;
}

.isotope.gutter-2 .tt-pagination-wrap {
    margin-top: 10px;
}

.isotope.gutter-3 .tt-pagination-wrap {
    margin-top: 0;
}

.isotope.gutter-4 .tt-pagination-wrap,
.isotope.gutter-5 .tt-pagination-wrap,
.isotope.gutter-6 .tt-pagination-wrap {
    margin-top: 0;
}

.isotope.gutter-1 .tt-pagination-wrap,
body.tt-boxed .tt-wrap .isotope.gutter-1 .tt-pagination-wrap {
    margin-left: 6px;
}

.isotope.gutter-2 .tt-pagination-wrap,
body.tt-boxed .tt-wrap .isotope.gutter-2 .tt-pagination-wrap {
    margin-left: 1.5%;
}

.isotope.gutter-3 .tt-pagination-wrap,
body.tt-boxed .tt-wrap .isotope.gutter-3 .tt-pagination-wrap {
    margin-left: 2.5%;
}

.isotope.gutter-4 .tt-pagination-wrap {
    margin-left: 4.5%;
    margin-right: 1%;
    padding-top: 20px;
}

.isotope.gutter-5 .tt-pagination-wrap {
    margin-left: 6.5%;
    margin-right: 2%;
    padding-top: 15px;
}

.isotope.gutter-6 .tt-pagination-wrap {
    margin-left: 9.5%;
    margin-right: 4%;
    padding-top: 0;
}


/* if boxed layout enabled */

body.tt-boxed .tt-wrap .isotope.gutter-4 .tt-pagination-wrap {
    margin-left: 3.5%;
    margin-right: 0;
}

body.tt-boxed .tt-wrap .isotope.gutter-5 .tt-pagination-wrap {
    margin-left: 4.5%;
    margin-right: 0;
}

body.tt-boxed .tt-wrap .isotope.gutter-6 .tt-pagination-wrap {
    margin-left: 6.5%;
    margin-right: 0;
}


/* Isotope load more button (Note: "Load More" button is for design purposes only!) 
============================ */

.iso-load-more-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

.isotope.gutter-1 .iso-load-more-wrap {
    margin-left: 6px;
}

.isotope.gutter-2 .iso-load-more-wrap {
    margin-left: 1.5%;
}

.isotope.gutter-3 .iso-load-more-wrap {
    margin-left: 2.5%;
}

.isotope.gutter-4 .iso-load-more-wrap {
    margin-left: 3.5%;
}

.isotope.gutter-5 .iso-load-more-wrap {
    margin-left: 4.5%;
}

.isotope.gutter-6 .iso-load-more-wrap {
    margin-left: 6.5%;
}

.iso-load-more-button {
    position: relative;
    background-color: rgba(115, 115, 115, 0.15);
    padding: 15px 30px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.iso-load-more-button:hover {
    color: #FFF;
}

.iso-load-more-button::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00d6d4;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: right center;
    -webkit-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.iso-load-more-button:hover::before {
    transform: none;
    transform-origin: left center;
}


/* If isotope item contains content carousel
============================================= */

.isotope-item.iso-height-1 .iso-carousel-wrap,
.isotope-item.iso-height-2 .iso-carousel-wrap {
    position: relative;
}

.isotope-item.iso-height-1 .owl-carousel,
.isotope-item.iso-height-2 .owl-carousel {
    position: absolute;
    height: 100%;
}

.isotope-item .owl-stage-outer,
.isotope-item .owl-stage,
.isotope-item .owl-item,
.isotope-item .cc-item {
    height: 100%;
}


/* ------------------------------------------------------------- *
 * tt-section
/* ------------------------------------------------------------- */

.tt-section {
    position: relative;
}

.pl-0{
    padding-left: 0; 
}
/* if top and bottom paddings on */

.tt-section.padding-on {
    padding: 5% 0;
}

@media (min-width: 1200px) {
    .tt-section.padding-on {
        padding: 80px 0;
    }
}

@media (max-width: 992px) {
    .tt-section.padding-on {
        padding: 8% 0;
    }
}

@media (max-width: 768px) {
    .tt-section.padding-on {
        padding: 10% 0;
    }
}


/* tt-section inner */

.tt-section-inner {
    position: relative;
}


/* ------------------------------------------------------------- *
 * Password protected section
/* ------------------------------------------------------------- */

#password-protected-section {}

.password-protected-inner {
    position: relative;
    padding: 5% 0;
}


/* Post password 
================= */

.tt-post-password {
    position: relative;
    padding: 8% 0;
    z-index: 3;
}

.tt-post-password-inner {
    position: relative;
    padding: 40px 20px;
    text-align: center;
}

.tt-post-password-icon {
    font-size: 82px;
}

@media (max-width: 992px) {
    .tt-post-password-icon {
        font-size: 52px;
    }
}

.tt-post-password-text {
    margin-bottom: 20px;
}


/* post password form */

#tt-post-password-form {
    max-width: 400px;
    margin: 0 auto;
}

#tt-post-password-form.form-btn-inside .form-control {
    padding-right: 95px;
}

#tt-post-password-form .form-control:focus {
    border-color: transparent !important;
}

#tt-post-password-form button {
    background-color: #00d6d4;
    font-size: 16px;
    color: #FFF;
}


/* ------------------------------------------------------------- *
 * Portfolio list section
/* ------------------------------------------------------------- */


#portfolio-list-section {
    width: 100%;
    margin-top: 20px;
}
section#page-header {
    margin-top: 20px;
} 
section:first-of-type#page-header,section.header_diversite {
    margin-top: 0;
}
#portfolio-list-section.decouvert-block {
    padding-bottom: 102px;
    margin-top: 0;
}
#header>.header-inner>.tt-wrap{line-height: 1em}
.decouvert-block .isotope-item.iso-height-1>div,
.decouvert-block .isotope-item.iso-height-1>a,
.decouvert-block .isotope-item.iso-height-1>article,
.decouvert-block .isotope-item.iso-height-1>figure
{
    padding-bottom: 50%; 
}
.portfolio-list-inner {}


/* Portfolio list item 
======================= */

.portfolio-list-item {
    position: relative;
}

.portfolio-list-item {
    margin-bottom: 30px;
}

.iso-height-1 .portfolio-list-item,
.iso-height-2 .portfolio-list-item {
    margin-bottom: 90px;
}


/* portfolio list item if isotope gutters enabled */

.isotope.gutter-2 .portfolio-list-item {
    margin-bottom: 10px;
}

.isotope.gutter-3 .portfolio-list-item {
    margin-bottom: 0;
}

.isotope.gutter-2 .iso-height-1 .portfolio-list-item,
.isotope.gutter-2 .iso-height-2 .portfolio-list-item {
    margin-bottom: 75px;
}

.isotope.gutter-3 .iso-height-1 .portfolio-list-item,
.isotope.gutter-3 .iso-height-2 .portfolio-list-item {
    margin-bottom: 65px;
}

.isotope.gutter-4 .iso-height-1 .portfolio-list-item,
.isotope.gutter-4 .iso-height-2 .portfolio-list-item,
.isotope.gutter-5 .iso-height-1 .portfolio-list-item,
.isotope.gutter-5 .iso-height-2 .portfolio-list-item,
.isotope.gutter-6 .iso-height-1 .portfolio-list-item,
.isotope.gutter-6 .iso-height-2 .portfolio-list-item {
    margin-bottom: 65px;
}


/* portfolio list item image */
.achats .portfolio-list-item .pl-item-image.bg-image.lazy::before{
    background-color: #000; 
}
.portfolio-list-item .pl-item-image-wrap {
    position: relative;
}

.portfolio-list-item .pl-item-image-inner {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(91, 107, 140, 0.1);
}

.portfolio-list-item .pl-item-image-inner::before {
    position: absolute;
    content: "";
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background-color: transparent;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio-list-item .pl-item-image-inner:hover::before {
    background-color: #FFF;
    opacity: .85;
}

.portfolio-list-item .pl-item-image {}

.portfolio-list-item .pl-item-image-inner img {}

.iso-height-1 .portfolio-list-item .pl-item-image-wrap,
.iso-height-2 .portfolio-list-item .pl-item-image-wrap,
.iso-height-1 .portfolio-list-item .pl-item-image-inner,
.iso-height-2 .portfolio-list-item .pl-item-image-inner,
.iso-height-1 .portfolio-list-item .pl-item-image,
.iso-height-2 .portfolio-list-item .pl-item-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.portfolio-list-item .pl-item-image,
.iso-height-1 .portfolio-list-item .pl-item-image,
.iso-height-2 .portfolio-list-item .pl-item-image {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.portfolio-list-item .pl-item-image-inner:hover .pl-item-image,
.iso-height-1 .portfolio-list-item .pl-item-image-inner:hover .pl-item-image,
.iso-height-2 .portfolio-list-item .pl-item-image-inner:hover .pl-item-image {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}


/* portfolio list item image hover icon */

.portfolio-list-item .pl-item-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 4;
    text-align: center;
    font-size: 24px;
    color: #181c25;
    opacity: 0;
    visibility: hidden;
    border-radius: 50px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio-list-item .pl-item-image-inner:hover .pl-item-icon {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}


/* Portfolio list item info 
============================ */

.pl-item-info {
    position: relative;
    width: 100%;
    height: 65px;
    line-height: 1.4;
    padding-top: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.iso-height-1 .pl-item-info,
.iso-height-2 .pl-item-info {
    position: absolute;
    left: 0;
    top: 100%;
}


/* portfolio list item title */

.pl-item-title {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 992px) {
    .pl-item-title {
        font-size: 16px;
    }
}

.pl-item-title a {
    color: #333;
}

.pl-item-title a:hover {
    color: #00d6d4;
}


/* portfolio list item category */

.pl-item-category {
    margin-top: 2px;
    font-size: 14px;
    color: #AAA;
}

.pl-item-category a {
    color: #999;
    font-size: 100%;
    line-height: 100%;
}

.pl-item-category a:hover {
    opacity: .8;
}


/* portfolio list item description */

.pl-item-description {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    text-align: left;
    font-weight: lighter;
    color: #AAA;
}

.pl-item-description ul {
    padding-inline-start: 15px;
}


/* Portfolio list item alter styles 
==================================== */


/* alter style 1 */

.pli-alter-1 .portfolio-list-item,
.isotope.gutter-2 .pli-alter-1 .portfolio-list-item,
.isotope.gutter-3 .pli-alter-1 .portfolio-list-item,
.isotope.gutter-4 .pli-alter-1 .portfolio-list-item,
.isotope.gutter-5 .pli-alter-1 .portfolio-list-item,
.isotope.gutter-6 .pli-alter-1 .portfolio-list-item {
    margin-bottom: 0;
}

.pli-alter-1 .portfolio-list-item .pl-item-image-inner::before,
.pli-alter-1 .portfolio-list-item .pl-item-image-inner:hover::before {
    content: none;
}

.pli-alter-1 .portfolio-list-item .pl-item-image,
.pli-alter-1 .iso-height-1 .portfolio-list-item .pl-item-image,
.pli-alter-1 .iso-height-2 .portfolio-list-item .pl-item-image {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pli-alter-1 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image,
.pli-alter-1 .iso-height-1 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image,
.pli-alter-1 .iso-height-2 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.pli-alter-1 .portfolio-list-item .pl-item-icon {
    display: none;
}

.pli-alter-1 .pl-item-info,
.isotope.gutter-2 .pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-3 .pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-4 .pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-5 .pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-6 .pli-alter-1 .portfolio-list-item .pl-item-info {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 35px 5% 15px 5%;
    z-index: 3;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(17, 17, 17, 0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(17, 17, 17, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(17, 17, 17, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#181c2500000', endColorstr='#cc111111', GradientType=0);
}

@media (max-width: 992px) {

    .pli-alter-1 .pl-item-info .isotope.gutter-2 .pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-5 .pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-6 .pli-alter-1 .portfolio-list-item .pl-item-info {
        padding-right: 5%;
    }
}

.pli-alter-1 .pl-item-title {
    color: #FFF;
    font-size: 18px;
}

@media (max-width: 992px) {
    .pli-alter-1 .pl-item-title {
        font-size: 16px;
    }
}

.pli-alter-1 .pl-item-title a {
    color: #FFF;
}

.pli-alter-1 .pl-item-title a:hover {
    opacity: .9;
}

.pli-alter-1 .pl-item-category,
.pli-alter-1 .pl-item-category a {
    color: #e8e8e8;
}


/* alter style 2 */

.pli-alter-2 .portfolio-list-item,
.isotope.gutter-2 .pli-alter-2 .portfolio-list-item,
.isotope.gutter-3 .pli-alter-2 .portfolio-list-item,
.isotope.gutter-4 .pli-alter-2 .portfolio-list-item,
.isotope.gutter-5 .pli-alter-2 .portfolio-list-item,
.isotope.gutter-6 .pli-alter-2 .portfolio-list-item {
    margin-bottom: 0;
}

.pli-alter-2 .portfolio-list-item .pl-item-image-inner::before,
.pli-alter-2 .portfolio-list-item .pl-item-image-inner:hover::before {
    content: none;
}

.pli-alter-2 .portfolio-list-item .pl-item-image,
.pli-alter-2 .iso-height-1 .portfolio-list-item .pl-item-image,
.pli-alter-2 .iso-height-2 .portfolio-list-item .pl-item-image {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pli-alter-2 .portfolio-list-item:hover .pl-item-image,
.pli-alter-2 .iso-height-1 .portfolio-list-item:hover .pl-item-image,
.pli-alter-2 .iso-height-2 .portfolio-list-item:hover .pl-item-image {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.pli-alter-2 .portfolio-list-item .pl-item-icon {
    display: none;
}

.pli-alter-2 .pl-item-info,
.isotope.gutter-2 .pli-alter-2 .portfolio-list-item .pl-item-info,
.isotope.gutter-3 .pli-alter-2 .portfolio-list-item .pl-item-info,
.isotope.gutter-4 .pli-alter-2 .portfolio-list-item .pl-item-info,
.isotope.gutter-5 .pli-alter-2 .portfolio-list-item .pl-item-info,
.isotope.gutter-6 .pli-alter-2 .portfolio-list-item .pl-item-info {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 15px 5% 15px 5%;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 992px) {

    .pli-alter-2 .pl-item-info .isotope.gutter-2 .pli-alter-2 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-alter-2 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-alter-2 .portfolio-list-item .pl-item-info,
    .isotope.gutter-5 .pli-alter-2 .portfolio-list-item .pl-item-info,
    .isotope.gutter-6 .pli-alter-2 .portfolio-list-item .pl-item-info {
        padding-right: 5%;
    }
}

.pli-alter-2 .pl-item-title {
    color: #333;
    font-size: 18px;
}

@media (max-width: 992px) {
    .pli-alter-2 .pl-item-title {
        font-size: 16px;
    }
}

.pli-alter-2 .pl-item-title a {
    color: #333;
}

.pli-alter-2 .pl-item-title a:hover {
    color: #00d6d4;
}

.pli-alter-2 .pl-item-category,
.pli-alter-2 .pl-item-category a {
    color: #666;
}


/* alter style 3 */

.pli-alter-3 .portfolio-list-item,
.isotope.gutter-2 .pli-alter-3 .portfolio-list-item,
.isotope.gutter-3 .pli-alter-3 .portfolio-list-item,
.isotope.gutter-4 .pli-alter-3 .portfolio-list-item,
.isotope.gutter-5 .pli-alter-3 .portfolio-list-item,
.isotope.gutter-6 .pli-alter-3 .portfolio-list-item {
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media (min-width: 992px) {

    .isotope.gutter-2 .pli-alter-3 .portfolio-list-item:hover,
    .isotope.gutter-3 .pli-alter-3 .portfolio-list-item:hover,
    .isotope.gutter-4 .pli-alter-3 .portfolio-list-item:hover,
    .isotope.gutter-5 .pli-alter-3 .portfolio-list-item:hover,
    .isotope.gutter-6 .pli-alter-3 .portfolio-list-item:hover {
        -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
        -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
        box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
        -webkit-transform: translateY(-7px) translateZ(0);
        -moz-transform: translateY(-7px) translateZ(0);
        -o-transform: translateY(-7px) translateZ(0);
        -ms-transform: translateY(-7px) translateZ(0);
        transform: translateY(-7px) translateZ(0);
    }
}

@media (max-width: 991px) {

    .isotope.gutter-2 .pli-alter-3 .portfolio-list-item,
    .isotope.gutter-3 .pli-alter-3 .portfolio-list-item,
    .isotope.gutter-4 .pli-alter-3 .portfolio-list-item,
    .isotope.gutter-5 .pli-alter-3 .portfolio-list-item,
    .isotope.gutter-6 .pli-alter-3 .portfolio-list-item {
        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    }
}

.pli-alter-3 .portfolio-list-item .pl-item-image-inner::before,
.pli-alter-3 .portfolio-list-item .pl-item-image-inner:hover::before {
    content: none;
}

.pli-alter-3 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.pli-alter-3 .portfolio-list-item .pl-item-icon {
    display: none;
}

.pli-alter-3 .pl-item-info,
.isotope.gutter-2 .pli-alter-3 .portfolio-list-item .pl-item-info,
.isotope.gutter-3 .pli-alter-3 .portfolio-list-item .pl-item-info,
.isotope.gutter-4 .pli-alter-3 .portfolio-list-item .pl-item-info,
.isotope.gutter-5 .pli-alter-3 .portfolio-list-item .pl-item-info,
.isotope.gutter-6 .pli-alter-3 .portfolio-list-item .pl-item-info {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 15px 5% 15px 5%;
    z-index: 3;
    background-color: #FFF;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media (max-width: 992px) {

    .pli-alter-3 .pl-item-info,
    .isotope.gutter-2 .pli-alter-3 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-alter-3 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-alter-3 .portfolio-list-item .pl-item-info,
    .isotope.gutter-5 .pli-alter-3 .portfolio-list-item .pl-item-info,
    .isotope.gutter-6 .pli-alter-3 .portfolio-list-item .pl-item-info {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        height: auto;
        padding: 10px 5% 8px 5%;
        opacity: 1;
        visibility: visible;
    }
}

.pli-alter-3 .portfolio-list-item:hover .pl-item-info,
.isotope.gutter-2 .pli-alter-3 .portfolio-list-item:hover .pl-item-info,
.isotope.gutter-3 .pli-alter-3 .portfolio-list-item:hover .pl-item-info,
.isotope.gutter-4 .pli-alter-3 .portfolio-list-item:hover .pl-item-info,
.isotope.gutter-5 .pli-alter-3 .portfolio-list-item:hover .pl-item-info,
.isotope.gutter-6 .pli-alter-3 .portfolio-list-item:hover .pl-item-info {
    opacity: 1;
    visibility: visible;
}

.pli-alter-3 .pl-item-title {
    color: #333;
    font-size: 18px;
}

@media (max-width: 992px) {
    .pli-alter-3 .pl-item-title {
        font-size: 16px;
    }
}

.pli-alter-3 .pl-item-title a {
    color: #333;
}

.pli-alter-3 .pl-item-title a:hover {
    color: #00d6d4;
}

.pli-alter-3 .pl-item-category,
.pli-alter-3 .pl-item-category a {
    color: #888;
}


/* alter style 4 (no effect on small screens) */

@media (min-width: 992px) {

    .pli-alter-4 .portfolio-list-item,
    .isotope.gutter-2 .pli-alter-4 .portfolio-list-item,
    .isotope.gutter-3 .pli-alter-4 .portfolio-list-item,
    .isotope.gutter-4 .pli-alter-4 .portfolio-list-item,
    .isotope.gutter-5 .pli-alter-4 .portfolio-list-item,
    .isotope.gutter-6 .pli-alter-4 .portfolio-list-item {
        margin-bottom: 0;
    }

    .pli-alter-4 .portfolio-list-item .pl-item-image,
    .pli-alter-4 .iso-height-1 .portfolio-list-item .pl-item-image,
    .pli-alter-4 .iso-height-2 .portfolio-list-item .pl-item-image {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .pli-alter-4 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image,
    .pli-alter-4 .iso-height-1 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image,
    .pli-alter-4 .iso-height-2 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image {
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
    }

    .pli-alter-4 .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-alter-4 .portfolio-list-item:hover .pl-item-image-inner:hover::before {
        background-color: #FFF;
        opacity: .9;
    }

    .pli-alter-4 .portfolio-list-item .pl-item-icon {
        top: 15px;
        right: 20px;
        left: auto;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .pli-alter-4 .portfolio-list-item:hover .pl-item-icon {
        top: 20px;
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .pli-alter-4 .pl-item-info,
    .isotope.gutter-2 .pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-5 .pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-6 .pli-alter-4 .portfolio-list-item .pl-item-info {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        height: auto;
        padding: 0 6% 5% 6%;
        z-index: 3;
        opacity: 0;
        background-color: transparent;
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -o-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px);
    }

    .pli-alter-4 .portfolio-list-item:hover .pl-item-info,
    .isotope.gutter-2 .pli-alter-4 .portfolio-list-item:hover .pl-item-info,
    .isotope.gutter-3 .pli-alter-4 .portfolio-list-item:hover .pl-item-info,
    .isotope.gutter-4 .pli-alter-4 .portfolio-list-item:hover .pl-item-info,
    .isotope.gutter-5 .pli-alter-4 .portfolio-list-item:hover .pl-item-info,
    .isotope.gutter-6 .pli-alter-4 .portfolio-list-item:hover .pl-item-info {
        opacity: 1;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .pli-alter-4 .pl-item-title {
        font-size: 18px;
        white-space: normal;
    }

    .isotope.col-1 .pli-alter-4 .pl-item-title,
    .isotope.col-2 .pli-alter-4 .pl-item-title,
    .isotope.col-3 .pli-alter-4 .pl-item-title {
        font-size: 24px;
    }

    .isotope.col-4 .pli-alter-4 .pl-item-title {
        font-size: 20px;
    }

    .isotope.col-6 .pli-alter-4 .pl-item-title {
        font-size: 16px;
    }

    body.tt-boxed .portfolio-list-inner.tt-wrap .isotope.col-3 .pli-alter-4 .pl-item-title,
    body.tt-boxed .portfolio-list-inner.tt-wrap .isotope.col-4 .pli-alter-4 .pl-item-title {
        font-size: 18px;
    }

    .pli-alter-4 .pl-item-category {
        margin-top: 4px;
    }

    .pli-alter-4 .pl-item-category,
    .pli-alter-4 .pl-item-category a {
        color: #666;
    }
}

@media (max-width: 991px) {
    .pli-alter-4 .pl-item-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .isotope.gutter-2 .pli-alter-4 .pl-item-info,
    .isotope.gutter-3 .pli-alter-4 .pl-item-info,
    .isotope.gutter-4 .pli-alter-4 .pl-item-info,
    .isotope.gutter-5 .pli-alter-4 .pl-item-info,
    .isotope.gutter-6 .pli-alter-4 .pl-item-info {
        padding-left: 0;
        padding-right: 15px;
    }

    .pli-alter-4 .pl-item-title {
        font-size: 16px;
    }
}

@media (max-width: 480px) {

    .pli-alter-4 .pl-item-info,
    .isotope.gutter-2 .pli-alter-4 .pl-item-info,
    .isotope.gutter-3 .pli-alter-4 .pl-item-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .isotope.gutter-4 .pli-alter-4 .pl-item-info,
    .isotope.gutter-5 .pli-alter-4 .pl-item-info,
    .isotope.gutter-6 .pli-alter-4 .pl-item-info {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991px) {

    /* if dark background classes enabled */
    .isotope-items-wrap.pli-alter-4.bg-dark,
    .isotope-items-wrap.pli-alter-4.bg-dark-2,
    .isotope-items-wrap.pli-alter-4.bg-dark-3,
    .isotope-items-wrap.pli-alter-4.bg-dark-4 {
        background-color: inherit !important;
    }
}


/* alter style 5 */

.pli-alter-5 .portfolio-list-item,
.isotope.gutter-2 .pli-alter-5 .portfolio-list-item,
.isotope.gutter-3 .pli-alter-5 .portfolio-list-item,
.isotope.gutter-4 .pli-alter-5 .portfolio-list-item,
.isotope.gutter-5 .pli-alter-5 .portfolio-list-item,
.isotope.gutter-6 .pli-alter-5 .portfolio-list-item {
    margin-bottom: 0;
}

.pli-alter-5:hover .portfolio-list-item .pl-item-image-inner::before {
    opacity: .85 !important;
}

.pli-alter-5 .portfolio-list-item .pl-item-image-inner::before {
    background-color: #000 !important;
    opacity: 0 !important;
   /* opacity: .2 !important;*/
}
.pli-alter-5 .portfolio-list-item:hover .pl-item-image-inner::before {
    opacity: .2 !important;
}
.pli-dark.pli-alter-5 .portfolio-list-item .pl-item-image-inner::before {
    background-color: #000 !important;
    opacity: .6 !important;
}
.pli-demi-dark .portfolio-list-item .pl-item-image-inner::before {
    background-color: #000 !important;
    opacity: .3 !important;
}
.pli-demi-dark.pli-alter-5 .portfolio-list-item .pl-item-image-inner::before {
    background-color: #000 !important;
    opacity: .3 !important;
}

.pli-alter-5 .portfolio-list-item .pl-item-image,
.pli-alter-5 .iso-height-1 .portfolio-list-item .pl-item-image,
.pli-alter-5 .iso-height-2 .portfolio-list-item .pl-item-image {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pli-alter-5 .portfolio-list-item:hover .pl-item-image,
.pli-alter-5 .iso-height-1 .portfolio-list-item:hover .pl-item-image,
.pli-alter-5 .iso-height-2 .portfolio-list-item:hover .pl-item-image {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    border: 5.33px solid #fff;
    z-index: 2;
}


.pli-alter-5 .pl-item-info,
.isotope.gutter-2 .pli-alter-5 .portfolio-list-item .pl-item-info,
.isotope.gutter-3 .pli-alter-5 .portfolio-list-item .pl-item-info,
.isotope.gutter-4 .pli-alter-5 .portfolio-list-item .pl-item-info,
.isotope.gutter-5 .pli-alter-5 .portfolio-list-item .pl-item-info,
.isotope.gutter-6 .pli-alter-5 .portfolio-list-item .pl-item-info 

{
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    height: auto;
    padding: 0 20%;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pli-alter-5 .pl-item-specific-info{
  display: none;
}
.padding-title-cinq .pli-alter-5 .pl-item-info, .isotope.gutter-2 .pli-alter-5 .portfolio-list-item .pl-item-info,
.padding-title-cinq .isotope.gutter-3 .pli-alter-5 .portfolio-list-item .pl-item-info,
.padding-title-cinq .isotope.gutter-4 .pli-alter-5 .portfolio-list-item .pl-item-info,
.padding-title-cinq .isotope.gutter-5 .pli-alter-5 .portfolio-list-item .pl-item-info,
.padding-title-cinq .isotope.gutter-6 .pli-alter-5 .portfolio-list-item .pl-item-info{
    padding: 0 5%; 
}

.pli-alter-5 .pl-item-title {
    color: #FFF;
    font-size: 32px;
    line-height: 40px;
    font-weight: lighter;
    white-space: normal;
    font-family: "Panton";
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: none;
}

div.popupgamme .pli-alter-5 .pl-item-title,
div.popup .pli-alter-5 .pl-item-title,
div.popupcontact .pli-alter-5 .pl-item-title
{

    cursor: pointer;
}

.page-node-355 section.padding-title-cinq .pli-alter-5 .pl-item-title {
    font-size: 40px;
    line-height: 49px;

}

.pli-alter-5 .pl-item-title.tlarge {
    font-size: 50px;
    line-height: 63px;
}

.famille-avs .pli-alter-5 .pl-item-title.tlarge {
    font-size: 45px;
    line-height: 56px;
}
.famille-avs .pli-alter-5 .pl-item-info {
    padding: 0;
}

@media (max-width: 992px) {
    .pl-item-info {
        font-size: 30px; 
    }
    .pli-alter-5 .pl-item-title {
        /*font-size: 22px;*/
        font-size: 65%;
    }
}

.pli-alter-5 .pl-item-title a,
.pli-alter-5 .pl-item-title span
 {
    color: #fff !important;
    display: block;
}

.pli-alter-5 .pl-item-title a:hover,
.pli-alter-5 .pl-item-title span:hover
 {
    color: #FFF !important;
}

.ourproduct .pli-alter-5 .pl-item-title a:hover,.ourproduct .pli-alter-5 .pl-item-title span:hover,
.dark-title .pli-alter-5 .pl-item-title a:hover,.dark-title .pli-alter-5 .pl-item-title span:hover{
    color: #222221 !important;
}

.ourproduct .pli-demi-dark.pli-alter-5:hover .portfolio-list-item .pl-item-image-inner::after,
.dark-title .pli-demi-dark.pli-alter-5:hover .portfolio-list-item .pl-item-image-inner::after{
    background-color: #000 !important;
    opacity: .8 !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.pli-alter-5:hover .portfolio-list-item .pl-item-title {
    opacity: .8;
}

.pli-alter-5 .portfolio-list-item:hover .pl-item-title {
    opacity: 1;
}

.pli-alter-5 .pl-item-category {
    display: none;
}

.pli-alter-5 .portfolio-list-item .pl-item-icon {
    display: none;
}


/* alter style 6 (no effect on small screens) */

.pli-alter-6 .pl-item-info .pl-item-description {
    display: block !important;
    /* theme perso */ 
    font-size: 18px;
    line-height: 24px;
    padding: 0 18px;
    /*get all text displyed */  
    height: 100%;
    min-height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.pli-alter-6 .pl-item-info .pl-item-description p{
    font-size: 100%;
    line-height: 135%;
    font-family: Montserrat;
    text-align: center;
    letter-spacing: 0; 
    color: #222221;
}
.pli-alter-6 .pl-item-info .pl-item-description p::after {
    /*content: '...';*/ 
}
.pli-alter-6 .pl-item-info .pl-item-description .disp-modal,
.modal .modal-content .disp-description 
{ 
    display: none !important;  
}
.pli-alter-6 .pl-item-info .pl-item-description .disp-description,
.modal .modal-content .disp-modal
{
    display: block !important; 
}
.pli-alter-6 .pl-item-info .pl-item-description a  { color: #222221; }
.pli-alter-6 .pl-item-title{
    font-size: 30px;
    line-height: 24px;
    font-family: Panton;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.pli-alter-6 .pl-item-title a,
.pli-alter-6 .pl-item-title span{
    font-size: 100%;
    line-height: 80%;
}

.pli-alter-6 .pl-item-info {
    height: 130px;
    margin-bottom: 15px;
    padding-top: 35px;
}


.pli-alter-6 {
   /** margin-bottom: 100px;**/
}

.isotope.gutter-0 .pli-alter-6 .isotope-item {
    padding-bottom: 8%;
}
.pli-alter-6  .iso-height-1 .pl-item-info {
    /*padding-bottom: 70%;*/
}
@media (max-width: 1680px) {
   .isotope.gutter-0 .pli-alter-6 .isotope-item {
        padding-bottom: 10%;
    } 
    .pli-alter-6 .pl-item-title a,
    .pli-alter-6 .pl-item-title span{
        font-size: 90%;
    }
}
@media (max-width: 1600px) {
   .isotope.gutter-0 .pli-alter-6 .isotope-item {
        padding-bottom: 12%;
    } 
    .pli-alter-6 .pl-item-info{ padding-top: 30px; }
    .pli-alter-6 .pl-item-title { margin-bottom: 30px; }
}
@media (max-width: 1440px) {
   .pli-alter-6 .pl-item-title a,
   .pli-alter-6 .pl-item-title span{
        font-size: 80%;
        line-height: 60%;
    } 
}
@media (max-width: 1366px) { 
    .pli-alter-6 .pl-item-title a,
    .pli-alter-6 .pl-item-title span {
        font-size: 70%;
    }
    .pli-alter-6 .pl-item-info{ padding-top: 20px; }
    .pli-alter-6 .pl-item-title { margin-bottom: 20px; }
}
@media (max-width: 1024px) {
   .pli-alter-6 .pl-item-title a,
   .pli-alter-6 .pl-item-title span{
        font-size: 65%;
        line-height: 50%;
    }
    .pl-item-info .pl-item-description p {
        font-size: 65%;
        line-height: 110%;
    }
}
@media (min-width: 768px) and (max-width: 993px) {
   .isotope.gutter-0 .pli-alter-6 .isotope-item {
        padding-bottom: 18%;
    } 

}
@media (max-width: 993px) {
   .isotope.gutter-0 .pli-alter-6 .isotope-item {
        padding-bottom: 16%;
    } 

}

@media (max-width: 768px){
    .single-text {
        padding: 0 5%;
    }
    .pli-alter-6 .pl-item-info{ padding-top: 15px; }
    .pli-alter-6 .pl-item-title { margin-bottom: 15px; }
}
@media (max-width: 767px){
    .pli-alter-6 .pl-item-info{ padding-top: 10px; }
    .pli-alter-6 .pl-item-title { margin-bottom: 10px; }
}
@media (max-width: 767px) and (orientation: portrait){
   .isotope.gutter-0 .pli-alter-6 .isotope-item {
        padding-bottom: 35%;
    } 
}
@media (max-width: 767px) and (orientation: landscape){
   .isotope.gutter-0 .pli-alter-6 .isotope-item {
        padding-bottom: 24%;
    } 
}
@media (max-width: 412px) and (orientation: portrait){
   .tt-menu-tools > ul > li > a {
        margin: 0;
        padding: 22px 2px;
    }
}
.pli-alter-6 .pl-item-icon .lnr-link {
    display: none;
}
.pli-alter-6  .pl-item-specific-info {
    display: none;
}

@media (min-width: 992px) {

    .pli-alter-6 .portfolio-list-item,
    .isotope.gutter-2 .pli-alter-6 .portfolio-list-item,
    .isotope.gutter-3 .pli-alter-6 .portfolio-list-item,
    .isotope.gutter-4 .pli-alter-6 .portfolio-list-item,
    .isotope.gutter-5 .pli-alter-6 .portfolio-list-item,
    .isotope.gutter-6 .pli-alter-6 .portfolio-list-item {
        /*margin-bottom: 95px;*/
        margin-bottom: 60%;
    }

    .pli-alter-6 .portfolio-list-item .pl-item-image,
    .pli-alter-6 .iso-height-1 .portfolio-list-item .pl-item-image,
    .pli-alter-6 .iso-height-2 .portfolio-list-item .pl-item-image {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .pli-alter-6 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image,
    .pli-alter-6 .iso-height-1 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image,
    .pli-alter-6 .iso-height-2 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image {
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
    }

    .pli-alter-6 .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-alter-6 .portfolio-list-item:hover .pl-item-image-inner:hover::before {
        background-color: #FFF;
        opacity: .75;
    }

    .pli-alter-6 .portfolio-list-item .pl-item-icon {
        top: 15px;
        right: 20px;
        left: auto;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .pli-alter-6 .portfolio-list-item:hover .pl-item-icon {
        top: 20px;
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
}

@media (max-width: 991px) {

    /* if dark background classes enabled */
    .isotope-items-wrap.pli-alter-6.bg-dark,
    .isotope-items-wrap.pli-alter-6.bg-dark-2,
    .isotope-items-wrap.pli-alter-6.bg-dark-3,
    .isotope-items-wrap.pli-alter-6.bg-dark-4 {
        background-color: inherit !important;
    }
}


/* alter style 7 (AVS Effect) */


/*.pli-alter-7 .pl-item-specific-info .pl-item-title a {
    color: #fff;
}

.pli-alter-7 .portfolio-list-item .pl-item-specific-info:hover  .pl-item-title a {
    color: #00d6d4;
}*/

.pli-alter-7 .pl-item-info {
    height: 130px;
    margin-bottom: 15px;
}

.pli-alter-7 {
    margin-bottom: 100px;
}

.pli-alter-7 .pl-item-icon .lnr-link {
    display: none;
}

@media (min-width: 992px) {

    .pli-alter-7 .portfolio-list-item,
    .isotope.gutter-2 .pli-alter-7 .portfolio-list-item,
    .isotope.gutter-3 .pli-alter-7 .portfolio-list-item,
    .isotope.gutter-4 .pli-alter-7 .portfolio-list-item,
    .isotope.gutter-5 .pli-alter-7 .portfolio-list-item,
    .isotope.gutter-6 .pli-alter-7 .portfolio-list-item {
        margin-bottom: 95px;
    }

    .pli-alter-7 .portfolio-list-item .pl-item-image,
    .pli-alter-7 .iso-height-1 .portfolio-list-item .pl-item-image,
    .pli-alter-7 .iso-height-2 .portfolio-list-item .pl-item-image {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .pli-alter-7 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image,
    .pli-alter-7 .iso-height-1 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image,
    .pli-alter-7 .iso-height-2 .portfolio-list-item:hover .pl-item-image-wrap .pl-item-image {
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
    }

    .pli-alter-7 .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-alter-7 .portfolio-list-item:hover .pl-item-image-inner:hover::before {
        background-color: #FFF;
        opacity: .75;
    }

    .pli-alter-7 .portfolio-list-item .pl-item-icon {
        top: 15px;
        right: 20px;
        left: auto;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .pli-alter-7 .portfolio-list-item:hover .pl-item-icon {
        top: 20px;
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .pli-alter-7 .pl-item-specific-info,
    .isotope.gutter-2 .pli-alter-7 .portfolio-list-item .pl-item-specific-info,
    .isotope.gutter-3 .pli-alter-7 .portfolio-list-item .pl-item-specific-info,
    .isotope.gutter-4 .pli-alter-7 .portfolio-list-item .pl-item-specific-info,
    .isotope.gutter-5 .pli-alter-7 .portfolio-list-item .pl-item-specific-info,
    .isotope.gutter-6 .pli-alter-7 .portfolio-list-item .pl-item-specific-info {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        height: auto;
        padding: 0 6% 5% 6%;
        z-index: 3;
        opacity: 0;
        background-color: transparent;
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -o-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px);
    }

    .pli-alter-7 .portfolio-list-item:hover .pl-item-specific-info,
    .isotope.gutter-2 .pli-alter-7 .portfolio-list-item:hover .pl-item-specific-info,
    .isotope.gutter-3 .pli-alter-7 .portfolio-list-item:hover .pl-item-specific-info,
    .isotope.gutter-4 .pli-alter-7 .portfolio-list-item:hover .pl-item-specific-info,
    .isotope.gutter-5 .pli-alter-7 .portfolio-list-item:hover .pl-item-specific-info,
    .isotope.gutter-6 .pli-alter-7 .portfolio-list-item:hover .pl-item-specific-info {
        opacity: 1;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .pli-alter-7 .pl-item-specific-info {
        font-size: 18px;
        white-space: normal;
    }

    .isotope.col-1 .pli-alter-7 .pl-item-specific-info,
    .isotope.col-2 .pli-alter-7 .pl-item-specific-info,
    .isotope.col-3 .pli-alter-7 .pl-item-specific-info {
        font-size: 24px;
    }

    .isotope.col-4 .pli-alter-7 .pl-item-specific-info {
        font-size: 20px;
    }

    .isotope.col-6 .pli-alter-7 .pl-item-specific-info {
        font-size: 16px;
    }

    body.tt-boxed .portfolio-list-inner.tt-wrap .isotope.col-3 .pli-alter-7 .pl-item-specific-info,
    body.tt-boxed .portfolio-list-inner.tt-wrap .isotope.col-4 .pli-alter-7 .pl-item-specific-info {
        font-size: 18px;
    }

    .pli-alter-7 .pl-item-category {
        margin-top: 4px;
    }

    .pli-alter-7 .pl-item-category,
    .pli-alter-7 .pl-item-category a {
        color: #666;
    }
}

@media (max-width: 991px) {
    .pli-alter-7 .pl-item-specific-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .isotope.gutter-2 .pli-alter-7 .pl-item-specific-info,
    .isotope.gutter-3 .pli-alter-7 .pl-item-specific-info,
    .isotope.gutter-4 .pli-alter-7 .pl-item-specific-info,
    .isotope.gutter-5 .pli-alter-7 .pl-item-specific-info,
    .isotope.gutter-6 .pli-alter-7 .pl-item-specific-info {
        padding-left: 0;
        padding-right: 15px;
    }

    .pli-alter-7 .pl-item-specific-info {
        font-size: 16px;
    }
}

@media (max-width: 480px) {

    .pli-alter-7 .pl-item-specific-infoe,
    .isotope.gutter-2 .pli-alter-7 .pl-item-specific-info,
    .isotope.gutter-3 .pli-alter-7 .pl-item-specific-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .isotope.gutter-4 .pli-alter-7 .pl-item-specific-info,
    .isotope.gutter-5 .pli-alter-7 .pl-item-specific-info,
    .isotope.gutter-6 .pli-alter-7 .pl-item-specific-info {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991px) {

    /* if dark background classes enabled */
    .isotope-items-wrap.pli-alter-7.bg-dark,
    .isotope-items-wrap.pli-alter-7.bg-dark-2,
    .isotope-items-wrap.pli-alter-7.bg-dark-3,
    .isotope-items-wrap.pli-alter-7.bg-dark-4 {
        background-color: inherit !important;
    }
}

/* alter style 8 */

.pli-alter-8 .portfolio-list-item,
.isotope.gutter-2 .pli-alter-8 .portfolio-list-item,
.isotope.gutter-3 .pli-alter-8 .portfolio-list-item,
.isotope.gutter-4 .pli-alter-8 .portfolio-list-item,
.isotope.gutter-5 .pli-alter-8 .portfolio-list-item,
.isotope.gutter-6 .pli-alter-8 .portfolio-list-item {
    margin-bottom: 0;
}

.pli-alter-8:hover .portfolio-list-item .pl-item-image-inner::before {
    opacity: .85 !important;
}

.pli-alter-8 .portfolio-list-item .pl-item-image-inner::before {
    background-color: #000 !important;
    opacity: .6 !important;
}

.pli-alter-8 .portfolio-list-item:hover .pl-item-image-inner::before {
    opacity: .2 !important;
}

.pli-alter-8 .portfolio-list-item .pl-item-image,
.pli-alter-8 .iso-height-1 .portfolio-list-item .pl-item-image,
.pli-alter-8 .iso-height-2 .portfolio-list-item .pl-item-image {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pli-alter-8 .portfolio-list-item:hover .pl-item-image,
.pli-alter-8 .iso-height-1 .portfolio-list-item:hover .pl-item-image,
.pli-alter-8 .iso-height-2 .portfolio-list-item:hover .pl-item-image {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.pli-alter-8 .pl-item-info,
.isotope.gutter-2 .pli-alter-8 .portfolio-list-item .pl-item-info,
.isotope.gutter-3 .pli-alter-8 .portfolio-list-item .pl-item-info,
.isotope.gutter-4 .pli-alter-8 .portfolio-list-item .pl-item-info,
.isotope.gutter-5 .pli-alter-8 .portfolio-list-item .pl-item-info,
.isotope.gutter-6 .pli-alter-8 .portfolio-list-item .pl-item-info {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    height: auto;
    padding: 0 5%;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pli-alter-8 .pl-item-title {
    display: none;
}

.pli-alter-8 .pl-item-description {
    display: block !important;
    color: #FFF;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    font-weight: 600;
    white-space: normal;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    float: right;
    width: 100%;
    position: relative;
    margin-top: 0;
}

@media (max-width: 992px) {
    .pli-alter-8 .pl-item-description {
        font-size: 22px;
    }
} 
.cc_message h4{
    font-weight: bold;
}
.pli-alter-8 .pl-item-description p {
    color: #FFF !important;
    display: block;
    text-align: left;
    position: relative;
    padding-left: 10%;
    font-weight: lighter;
    font-family: 'Montserrat', sans-serif;
    width: 65%;
    word-spacing: -2px;
    margin-bottom: 0;
    font-size: 100%;
    line-height: 175%;
}

.pli-alter-8 .pl-item-description p.raison-page, 
.index-valeurs.toggleContent .pli-alter-5 .pl-item-title a,
.index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
.index-valeurs.pageng .pli-alter-5 .pl-item-title a,
.index-valeurs.pageng .pli-alter-5 .pl-item-title span
 {
    font-size: 50px;
    line-height: 60px;
    position: relative;
    width: 100%;
    float: inherit;
    padding-left: 0;
    margin-top: 0;
    padding: 0 20%;
    font-family: 'Panton', sans-serif;
    font-weight: lighter;
}
.index-valeurs.toggleContent .pli-alter-5 .n-valeurs .pl-item-info,
.index-valeurs.pageng .pli-alter-5 .n-valeurs .pl-item-info
{
    top:16%; 
}
.index-valeurs.toggleContent .pli-alter-5 .pl-item-info,
.index-valeurs.pageng .pli-alter-5 .pl-item-info
{
    padding: 0 11%;
}


.pli-alter-8 .pl-item-description p.raison-page.no-padding  {
    padding: 0;
}
.pli-alter-8 .pl-item-description p.raison-page > a 
{
    color: #fff;
}
.pli-alter-8 .pl-item-description p.raison-page > a:hover
{
    color: #00d6d4;
}
.pli-alter-8 .pl-item-description p span.president {
    font-weight: lighter;
    /*font-size: 16px;*/
    font-style: italic;
    font-size: 75%;
    line-height: 100%;

}

.pli-alter-8 .pl-item-description p:hover {
    color: #FFF !important;
}

.pli-alter-8:hover .portfolio-list-item .pl-item-description {
    opacity: .8;
}

.pli-alter-8 .portfolio-list-item:hover .pl-item-description {
    opacity: 1;
}

.pli-alter-8 .pl-item-category {
    display: none;
}

.pli-alter-8 .portfolio-list-item .pl-item-icon {
    display: none;
}

/****** end alter 8 style ********/
/* alter style 9 */

.pli-alter-9 .portfolio-list-item,
.isotope.gutter-0 .pli-alter-9 .portfolio-list-item,
.isotope.gutter-2 .pli-alter-9 .portfolio-list-item,
.isotope.gutter-3 .pli-alter-9 .portfolio-list-item,
.isotope.gutter-4 .pli-alter-9 .portfolio-list-item,
.isotope.gutter-5 .pli-alter-9 .portfolio-list-item,
.isotope.gutter-6 .pli-alter-9 .portfolio-list-item {
    margin-bottom: 0;
}

.pli-alter-9:hover .portfolio-list-item .pl-item-image-inner::before {
    opacity: .85 !important;
}

.pli-alter-9 .portfolio-list-item .pl-item-image-inner::before {
    background-color:#000 !important;
    opacity: .6 !important;
}

.pli-alter-9 .portfolio-list-item:hover .pl-item-image-inner::before {
    opacity: .2 !important;
}

.pli-alter-9 .portfolio-list-item .pl-item-image,
.pli-alter-9 .iso-height-1 .portfolio-list-item .pl-item-image,
.pli-alter-9 .iso-height-2 .portfolio-list-item .pl-item-image {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pli-alter-9 .portfolio-list-item:hover .pl-item-image,
.pli-alter-9 .iso-height-1 .portfolio-list-item:hover .pl-item-image,
.pli-alter-9 .iso-height-2 .portfolio-list-item:hover .pl-item-image {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    border: 5.33px solid #fff;
    z-index: 2;
}

.pli-alter-9 .pl-item-info,
.isotope.gutter-0 .pli-alter-9 .portfolio-list-item .pl-item-info,
.isotope.gutter-2 .pli-alter-9 .portfolio-list-item .pl-item-info,
.isotope.gutter-3 .pli-alter-9 .portfolio-list-item .pl-item-info,
.isotope.gutter-4 .pli-alter-9 .portfolio-list-item .pl-item-info,
.isotope.gutter-5 .pli-alter-9 .portfolio-list-item .pl-item-info,
.isotope.gutter-6 .pli-alter-9 .portfolio-list-item .pl-item-info {
    position: absolute;
    top: 80%;
    bottom: auto;
    left: 0;
    height: auto;
    padding: 0 10%;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pli-alter-9 .pl-item-title {
    color: #FFF;
    font-size: 40px;
    line-height: 48px;
    font-weight: lighter;
    white-space: normal;
    padding-bottom: 2%;
    margin-top: 15px;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

@media (max-width: 992px) {
    .pli-alter-9 .pl-item-title {
        font-size: 22px;
    }
} 

.pli-alter-9 .pl-item-title a {
    color: #FFF !important;
    display: block;
    text-align: center;
    font-family: "Panton";
    font-size: 100%;
    line-height: 100%; 
    font-weight: lighter;
}

.pli-alter-9 .pl-item-title a:hover {
    color: #FFF !important;
}

.pli-alter-9:hover .portfolio-list-item .pl-item-title {
    opacity: .8;
}

.pli-alter-9 .portfolio-list-item:hover .pl-item-title {
    opacity: 1;
}

.pli-alter-9 .pl-item-category,
.pli-alter-9 .pl-item-specific-info {
    display: none;
}

.pli-alter-9 .portfolio-list-item .pl-item-icon {
    display: block
}

.pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-avs:before,
.pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-et:before,
.pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-bbs:before {
    /*font-size: 165px;*/
    font-size: 100%;
}

.pli-alter-9 .portfolio-list-item .pl-item-image-inner .pl-item-icon {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.pli-alter-9 .portfolio-list-item .pl-item-icon {
    width: auto;
    height: auto;
}

/****** end alter 9 style ********/

@media (min-width: 992px) {

    /* "pli-alter-4" disabled on smaller screens */
    .pli-dark.pli-alter-4 .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-dark.pli-alter-4 .portfolio-list-item:hover .pl-item-image-inner:hover::before {
        background-color: #181c25 !important;
        opacity: .85 !important;
    }

    .pli-dark.pli-alter-4 .pl-item-title,
    .pli-dark.pli-alter-4 .pl-item-title a {
        color: #FFF !important;
    }

    .pli-dark.pli-alter-4 .pl-item-category,
    .pli-dark.pli-alter-4 .pl-item-category a {
        color: #EEE !important;
    }
}

.pli-dark .portfolio-list-item .pl-item-icon {
    color: #FFF;
}


/* alter style - hover dark overlay */

.pli-dark .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-dark.pli-alter-8 .portfolio-list-item:hover .pl-item-image-inner::before {
    background-color: #181c25 !important;
    opacity: .85 !important;
}

.pli-dark.pli-alter-8 .portfolio-list-item .pl-item-image-inner::before {
    background-color: #181c25 !important;
    opacity: .6 !important;
}

.pli-dark.pli-alter-8:hover .portfolio-list-item .pl-item-title {
    opacity: 1 !important;
}



/* alter style - hover colored overlay */

.pli-colored .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-colored.pli-alter-5 .portfolio-list-item:hover .pl-item-image-inner::before {
    background-color: #00d6d4 !important;
    opacity: .85 !important;
}

.pli-colored.pli-alter-5 .portfolio-list-item .pl-item-image-inner::before {
    background-color: #181c25 !important;
    opacity: .6 !important;
}

.pli-colored.pli-alter-5:hover .portfolio-list-item .pl-item-title {
    opacity: 1 !important;
}

.pli-colored .portfolio-list-item .pl-item-icon {
    color: #FFF;
}

@media (min-width: 992px) {

    /* "pli-alter-4" disabled on smaller screens */
    .pli-colored.pli-alter-4 .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-colored.pli-alter-4 .portfolio-list-item:hover .pl-item-image-inner:hover::before {
        background-color: #00d6d4 !important;
        opacity: .85 !important;
    }

    .pli-colored.pli-alter-4 .pl-item-title,
    .pli-colored.pli-alter-4 .pl-item-title a {
        color: #FFF !important;
    }

    .pli-colored.pli-alter-4 .pl-item-category,
    .pli-colored.pli-alter-4 .pl-item-category a {
        color: #EEE !important;
    }
}


/* alter style - hover multi colored overlay */

.pli-multi-colored .isotope-item:nth-child(7n+1) .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-multi-colored.pli-alter-5 .isotope-item:nth-child(7n+1) .portfolio-list-item:hover .pl-item-image-inner::before,
.pli-multi-colored .owl-item:nth-child(7n+1) .portfolio-list-item .pl-item-image-inner:hover::before {
    background-color: #e80707 !important;
    /* red */
    opacity: .75 !important;
}

.pli-multi-colored .isotope-item:nth-child(7n+2) .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-multi-colored.pli-alter-5 .isotope-item:nth-child(7n+2) .portfolio-list-item:hover .pl-item-image-inner::before,
.pli-multi-colored .owl-item:nth-child(7n+2) .portfolio-list-item .pl-item-image-inner:hover::before {
    background-color: #0342d8 !important;
    /* blue */
    opacity: .80 !important;
}

.pli-multi-colored .isotope-item:nth-child(7n+3) .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-multi-colored.pli-alter-5 .isotope-item:nth-child(7n+3) .portfolio-list-item:hover .pl-item-image-inner::before,
.pli-multi-colored .owl-item:nth-child(7n+3) .portfolio-list-item .pl-item-image-inner:hover::before {
    background-color: #09e409 !important;
    /* green */
    opacity: .80 !important;
}

.pli-multi-colored .isotope-item:nth-child(7n+4) .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-multi-colored.pli-alter-5 .isotope-item:nth-child(7n+4) .portfolio-list-item:hover .pl-item-image-inner::before,
.pli-multi-colored .owl-item:nth-child(7n+4) .portfolio-list-item .pl-item-image-inner:hover::before {
    background-color: #ec097f !important;
    /* pink */
    opacity: .80 !important;
}

.pli-multi-colored .isotope-item:nth-child(7n+5) .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-multi-colored.pli-alter-5 .isotope-item:nth-child(7n+5) .portfolio-list-item:hover .pl-item-image-inner::before,
.pli-multi-colored .owl-item:nth-child(7n+5) .portfolio-list-item .pl-item-image-inner:hover::before {
    background-color: orange !important;
    /* orange */
    opacity: .80 !important;
}

.pli-multi-colored .isotope-item:nth-child(7n+6) .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-multi-colored.pli-alter-5 .isotope-item:nth-child(7n+6) .portfolio-list-item:hover .pl-item-image-inner::before,
.pli-multi-colored .owl-item:nth-child(7n+6) .portfolio-list-item .pl-item-image-inner:hover::before {
    background-color: #98450c !important;
    /* brown */
    opacity: .80 !important;
}

.pli-multi-colored .isotope-item:nth-child(7n+7) .portfolio-list-item .pl-item-image-inner:hover::before,
.pli-multi-colored.pli-alter-5 .isotope-item:nth-child(7n+7) .portfolio-list-item:hover .pl-item-image-inner::before,
.pli-multi-colored .owl-item:nth-child(7n+7) .portfolio-list-item .pl-item-image-inner:hover::before {
    background-color: purple !important;
    /* purple */
    opacity: .80 !important;
}

.pli-multi-colored.pli-alter-5 .portfolio-list-item .pl-item-image-inner::before {
    background-color: #181c25 !important;
    opacity: .6 !important;
}

.pli-multi-colored.pli-alter-5:hover .portfolio-list-item .pl-item-title {
    opacity: 1 !important;
}

.pli-multi-colored .portfolio-list-item .pl-item-icon {
    color: #FFF;
}

@media (min-width: 992px) {

    /* "pli-alter-4" disabled on smaller screens */
    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+1) .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+1) .portfolio-list-item:hover .pl-item-image-inner:hover::before,
    .pli-multi-colored.pli-alter-4 .owl-item:nth-child(7n+1) .portfolio-list-item:hover .pl-item-image-inner::before {
        background-color: #e80707 !important;
        /* red */
        opacity: .75 !important;
    }

    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+2) .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+2) .portfolio-list-item:hover .pl-item-image-inner:hover::before,
    .pli-multi-colored.pli-alter-4 .owl-item:nth-child(7n+2) .portfolio-list-item:hover .pl-item-image-inner::before {
        background-color: #0342d8 !important;
        /* blue */
        opacity: .80 !important;
    }

    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+3) .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+3) .portfolio-list-item:hover .pl-item-image-inner:hover::before,
    .pli-multi-colored.pli-alter-4 .owl-item:nth-child(7n+3) .portfolio-list-item:hover .pl-item-image-inner::before {
        background-color: #09e409 !important;
        /* green */
        opacity: .80 !important;
    }

    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+4) .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+4) .portfolio-list-item:hover .pl-item-image-inner:hover::before,
    .pli-multi-colored.pli-alter-4 .owl-item:nth-child(7n+4) .portfolio-list-item:hover .pl-item-image-inner::before {
        background-color: #ec097f !important;
        /* pink */
        opacity: .80 !important;
    }

    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+5) .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+5) .portfolio-list-item:hover .pl-item-image-inner:hover::before,
    .pli-multi-colored.pli-alter-4 .owl-item:nth-child(7n+5) .portfolio-list-item:hover .pl-item-image-inner::before {
        background-color: orange !important;
        /* orange */
        opacity: .80 !important;
    }

    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+6) .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+6) .portfolio-list-item:hover .pl-item-image-inner:hover::before,
    .pli-multi-colored.pli-alter-4 .owl-item:nth-child(7n+6) .portfolio-list-item:hover .pl-item-image-inner::before {
        background-color: #98450c !important;
        /* brown */
        opacity: .80 !important;
    }

    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+7) .portfolio-list-item:hover .pl-item-image-inner::before,
    .pli-multi-colored.pli-alter-4 .isotope-item:nth-child(7n+7) .portfolio-list-item:hover .pl-item-image-inner:hover::before,
    .pli-multi-colored.pli-alter-4 .owl-item:nth-child(7n+7) .portfolio-list-item:hover .pl-item-image-inner::before {
        background-color: purple !important;
        /* purple */
        opacity: .80 !important;
    }

    .pli-multi-colored.pli-alter-4 .pl-item-title,
    .pli-multi-colored.pli-alter-4 .pl-item-title a {
        color: #FFF !important;
    }

    .pli-multi-colored.pli-alter-4 .pl-item-category,
    .pli-multi-colored.pli-alter-4 .pl-item-category a {
        color: #EEE !important;
    }
}


/* alter style - image frame */

.isotope.gutter-1 .pli-frame .portfolio-list-item,
.isotope.gutter-2 .pli-frame .portfolio-list-item,
.isotope.gutter-3 .pli-frame .portfolio-list-item,
.isotope.gutter-4 .pli-frame .portfolio-list-item,
.isotope.gutter-5 .pli-frame .portfolio-list-item,
.isotope.gutter-6 .pli-frame .portfolio-list-item {
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.isotope.gutter-1 .pli-alter-3.pli-frame .portfolio-list-item,
.isotope.gutter-2 .pli-alter-3.pli-frame .portfolio-list-item,
.isotope.gutter-3 .pli-alter-3.pli-frame .portfolio-list-item,
.isotope.gutter-4 .pli-alter-3.pli-frame .portfolio-list-item,
.isotope.gutter-5 .pli-alter-3.pli-frame .portfolio-list-item,
.isotope.gutter-6 .pli-alter-3.pli-frame .portfolio-list-item {
    -webkit-box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.08);
}

@media (min-width: 992px) {

    .isotope.gutter-1 .pli-alter-3.pli-frame .portfolio-list-item:hover,
    .isotope.gutter-2 .pli-alter-3.pli-frame .portfolio-list-item:hover,
    .isotope.gutter-3 .pli-alter-3.pli-frame .portfolio-list-item:hover,
    .isotope.gutter-4 .pli-alter-3.pli-frame .portfolio-list-item:hover,
    .isotope.gutter-5 .pli-alter-3.pli-frame .portfolio-list-item:hover,
    .isotope.gutter-6 .pli-alter-3.pli-frame .portfolio-list-item:hover {
        -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
        -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
        box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .4);
        -webkit-transform: translateY(-7px) translateZ(0);
        -moz-transform: translateY(-7px) translateZ(0);
        -o-transform: translateY(-7px) translateZ(0);
        -ms-transform: translateY(-7px) translateZ(0);
        transform: translateY(-7px) translateZ(0);
    }
}

.isotope.gutter-1 .pli-frame .portfolio-list-item .pl-item-image-inner,
.isotope.gutter-2 .pli-frame .portfolio-list-item .pl-item-image-inner,
.isotope.gutter-3 .pli-frame .portfolio-list-item .pl-item-image-inner,
.isotope.gutter-4 .pli-frame .portfolio-list-item .pl-item-image-inner,
.isotope.gutter-5 .pli-frame .portfolio-list-item .pl-item-image-inner,
.isotope.gutter-6 .pli-frame .portfolio-list-item .pl-item-image-inner {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
}

@media (max-width: 1200px) {

    .isotope.gutter-1 .pli-frame .portfolio-list-item .pl-item-image-inner,
    .isotope.gutter-2 .pli-frame .portfolio-list-item .pl-item-image-inner,
    .isotope.gutter-3 .pli-frame .portfolio-list-item .pl-item-image-inner,
    .isotope.gutter-4 .pli-frame .portfolio-list-item .pl-item-image-inner,
    .isotope.gutter-5 .pli-frame .portfolio-list-item .pl-item-image-inner,
    .isotope.gutter-6 .pli-frame .portfolio-list-item .pl-item-image-inner {
        top: 8px;
        bottom: 8px;
        left: 8px;
        right: 8px;
    }
}

.isotope.gutter-1 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-1 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
.isotope.gutter-2 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-2 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
.isotope.gutter-3 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-3 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
.isotope.gutter-4 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-4 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info .isotope.gutter-5 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-5 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info .isotope.gutter-6 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
.isotope.gutter-6 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info {
    width: auto;
    bottom: 15px;
    left: 15px;
    right: 15px;
}

@media (max-width: 1200px) {

    .isotope.gutter-1 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-1 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-2 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-2 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info .isotope.gutter-5 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-5 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info .isotope.gutter-6 .pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
    .isotope.gutter-6 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info {
        width: auto;
        bottom: 8px;
        left: 8px;
        right: 8px;
    }
}

@media (max-width: 992px) {

    .isotope.gutter-1 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-2 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-5 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-6 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info {
        left: 0;
        padding-left: 0;
    }
}

@media (max-width: 480px) {

    .isotope.gutter-1 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-2 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-5 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info,
    .isotope.gutter-6 .pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info {
        left: 0;
        right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}


/* Portfolio list categories 
============================= */

.pl-categories {}

.pl-categories .pl-item-title,
.pl-categories .pli-alter-4 .pl-item-title {
    font-size: 26px;
}

.pl-categories .pli-alter-1 .pl-item-title,
.pl-categories .pli-alter-2 .pl-item-title,
.pl-categories .pli-alter-3 .pl-item-title {
    font-size: 22px;
}

.pl-categories .pl-item-category {
    display: none;
}


/* Isotope items in portfolio list section 
=========================================== */

@media (max-width: 992px) {
    #portfolio-list-section .isotope-item {
        /*margin-bottom: 0; 
       margin-bottom: 20px;*/
    }
    
    .dd .press-home , .dd .social-home, .dd .sagemcom-collaborateurs, .dd {margin-bottom: 0 !important;}
    #portfolio-list-section.presd-section .isotope-item,
    #portfolio-list-section.presd-section .isotope-item
     {
        margin-bottom: 0;
    }

    #portfolio-list-section .pli-alter-1 .isotope-item,
    #portfolio-list-section .pli-alter-2 .isotope-item,
    #portfolio-list-section .pli-alter-3 .isotope-item,
    #portfolio-list-section .pli-alter-4 .isotope-item,
    #portfolio-list-section .pli-alter-5 .isotope-item {
        margin-bottom: 0;
    }
}
@media (max-width: 991px){
    #portfolio-list-section .isotope-item:nth-child(1n),
    #portfolio-list-section .pli-alter-5 .isotope-item:nth-child(1n)
    {
        margin-bottom: 0; 
    }
    #portfolio-list-section .pli-alter-1 .isotope-item,
    #portfolio-list-section .pli-alter-2 .isotope-item,
    #portfolio-list-section .pli-alter-3 .isotope-item,
    #portfolio-list-section .pli-alter-4 .isotope-item,
    #portfolio-list-section .col-3 .pli-alter-5 .isotope-item,
    #portfolio-list-section .col-3  .isotope-item
    /*#portfolio-list-section.famille-avs .pli-alter-5 .isotope-item:nth-child(1n)*/
     {
        margin-bottom: 20px;
    }
    #portfolio-list-section.famille-avs .pli-alter-5 .isotope-item:last-child,
    #portfolio-list-section .pli-alter-5 .isotope-item:last-child,
    #portfolio-list-section  .isotope-item:last-child
    {
        margin-bottom: 0; 
    }
    #portfolio-list-section.famille-avs-ss .pli-alter-5 .isotope-item { 
        margin-bottom: 0; 
    }
    .div-blue h2, .div-blue h2 a{
        font-size: 20px
    }
}
@media (max-width: 768px) {

    .pl-categories .isotope.col-2 .isotope-item,
    .pl-categories .isotope.col-3 .isotope-item,
    .pl-categories .isotope.col-4 .isotope-item,
    .pl-categories .isotope.col-5 .isotope-item,
    .pl-categories .isotope.col-6 .isotope-item {
        width: 50%;
    }

    .form-btn-inside button {
        top: 45%;
    }
}
@media (max-width: 767px) and (orientation: portrait) {
    #portfolio-list-section.famille-avs-ss .pli-alter-5 .isotope-item {
       /* margin-bottom: 20px; */
    }
}

/* ------------------------------------------------------------- *
 * Portfolio single section
/* ------------------------------------------------------------- */

#portfolio-single-section {}


/* portfolio single inner */

.portfolio-single-inner {
    padding-bottom: 80px;
}
.portfolio-single-inner.centred-boxed {
    width: 80%;
    margin: 0 auto;
}

.no-ptb-inner.portfolio-single-inner{
    padding-top: 40px;
    padding-bottom:0;  
}
/* if page header enabled */

body.page-header-on .portfolio-single-inner {
    padding-top: 80px;
}

body.page-node-376 .portfolio-single-inner {
    padding-top: 60px;
    padding-bottom: 20px;
}
body.page-node-380 .portfolio-single-inner {
    padding-bottom: 40px; 
    padding-top: 60px; 
}
body.page-node-376 .isotope-item.iso-height-1>div,
body.page-node-376 .isotope-item.iso-height-1>a,
body.page-node-376 .isotope-item.iso-height-1>article,
body.page-node-376 .isotope-item.iso-height-1>figure, 


body.page-node-380 .bbs-cat .isotope-item.iso-height-1>div, 
body.page-node-380 .bbs-cat .isotope-item.iso-height-1>a,
body.page-node-380 .bbs-cat .isotope-item.iso-height-1>article,
body.page-node-380 .bbs-cat .isotope-item.iso-height-1>figure {
    padding-bottom: 70%; 
    /*padding-bottom: 65%; */
}
body.page-node-376  .pli-alter-5 .pl-item-title{
    font-size: 45px;
    line-height:  56px; 
}
body.page-node-376 .pli-alter-5 .pl-item-info{
    padding: 0;
}
@media (max-width: 992px) {
    body.page-header-on .portfolio-single-inner {
        padding-top: 8%;
    }
}


/* if boxed layout enabled */

body.tt-boxed .portfolio-single-inner.tt-wrap {
    padding-left: 15px;
    padding-right: 15px;
}

body.tt-boxed .portfolio-single-inner.tt-wrap .isotope.gutter-1 .isotope-items-wrap,
body.tt-boxed .portfolio-single-inner.tt-wrap .isotope.gutter-2 .isotope-items-wrap,
body.tt-boxed .portfolio-single-inner.tt-wrap .isotope.gutter-3 .isotope-items-wrap,
body.tt-boxed .portfolio-single-inner.tt-wrap .isotope.gutter-4 .isotope-items-wrap,
body.tt-boxed .portfolio-single-inner.tt-wrap .isotope.gutter-5 .isotope-items-wrap,
body.tt-boxed .portfolio-single-inner.tt-wrap .isotope.gutter-6 .isotope-items-wrap {
    margin: 0;
}


/* Portfolio single info 
========================= */

.portfolio-single-info {
    padding-left: 4%;
    padding-right: 4%;
}

@media (max-width: 1440px) {
    .page-node-388 .portfolio-single-inner
     {
        margin-bottom: 40px !important;
    }
}
@media (max-width: 768px) {
    .portfolio-single-info {
        /*margin-bottom: 80px !important;*/
    }
    .page-node-376 .portfolio-single-info,
    .page-node-380 .portfolio-single-info
     {
        margin-bottom: 0px !important;
    }
    .page-node-388 .portfolio-single-info,
    .page-node-388 .portfolio-single-inner
     {
        margin-bottom: 20px !important;
    }
}
@media (max-width: 767px) {
    .page-node-388 .portfolio-single-info,
    .page-node-388 .portfolio-single-inner
     {
        margin-bottom: 0px !important;
    }
    .div-blue h2, .div-blue h2 a{
        font-size: 14px
    }
}


/* if boxed layout enabled */

body.tt-boxed .portfolio-single-inner.tt-wrap .portfolio-single-info {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* portfolio single text */

.portfolio-single-text {
    /* max-width: 1000px; */
    /* prend la totalite d ecran */
    max-width: 100%;
    margin-bottom: 30px;
}


/* New : justify le text -organisation d'affichage selon le block*/

.portfolio-single-text p {
    text-align: justify;
}

.portfolio-single-info.text-center .portfolio-single-text {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .portfolio-single-info.text-center {
        text-align: left !important;
    }
}


/* portfolio single attributes */

.ps-attributes {
    font-size: 16px;
}

ul.ps-attr {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.ps-attr li {
    position: relative;
    max-width: 300px;
    margin-bottom: 12px;
}

.ps-attributes .ps-attr-heading {
    font-weight: bold;
}

.ps-attributes .ps-attr-cont {}

.ps-attributes .ps-attr-cont a {
    word-wrap: break-word;
}

.ps-attributes .ps-attr-cont a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.ps-category {}

.ps-category a {
    word-wrap: break-word;
    color: #333;
}

.ps-category a a:hover {
    text-decoration: underline;
    color: #00d6d4;
}


/* portfolio single attributes if inline list enabled (class "list-inline") */

ul.ps-attr.list-inline li {
    display: inline-block;
    max-width: 275px;
    vertical-align: top;
    padding: 0 30px 0 0;
    margin: 12px 30px 12px 0;
}

ul.ps-attr.list-inline li:last-child {
    padding-right: 0;
    margin-right: 0;
}

ul.ps-attr.list-inline li::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: 0;
    width: 1px;
    height: 48px;
    background-color: #DDD;
}

ul.ps-attr.list-inline li:last-child::before {
    display: none;
}

@media (max-width: 768px) {
    ul.ps-attr.list-inline li {
        display: block;
        margin-right: 0;
        padding: 0;
        text-align: left;
    }

    ul.ps-attr.list-inline li::before {
        display: none;
    }
}


/* Portfolio single gallery 
============================ */

.portfolio-single-gallery {}


/* portfolio single image */

.portfolio-single-image-holder {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .portfolio-single-image-holder {
        margin-bottom: 15px;
    }
}

.isotope .portfolio-single-image-holder {
    margin-bottom: 0;
}

.portfolio-single-image {
    position: relative;
    overflow: hidden;
}

.ps-image-link {
    position: relative;
    display: block;
}

.portfolio-single-image img {}


/* portfolio single image cover */

.portfolio-single-image::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/* portfolio single image caption */

.portfolio-single-image-holder .ps-image-caption {
    margin-top: 5px;
    font-size: 13px;
    font-style: italic;
    color: #888;
}

.portfolio-single-image-holder .ps-image-caption a {
    color: inherit;
    border-bottom: 1px dotted;
}

.portfolio-single-image-holder .ps-image-caption a:hover {
    color: #00d6d4;
}


/* if portfolio single image as background image */

.portfolio-single-image.bg-image {
    background-color: rgba(91, 107, 140, 0.1);
    padding-bottom: 60%;
}

.isotope-item.iso-height-1 .portfolio-single-image-holder .ps-image-link,
.isotope-item.iso-height-2 .portfolio-single-image-holder .ps-image-link,
.isotope-item.iso-height-1 .portfolio-single-image-holder .portfolio-single-image,
.isotope-item.iso-height-2 .portfolio-single-image-holder .portfolio-single-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}

.cc-item .portfolio-single-image-holder {
    margin: 0;
}


/* if portfolio single image inside owl-carousel */

.owl-carousel .portfolio-single-image.bg-image {
    background-color: transparent;
}

.owl-carousel .portfolio-single-image-holder {
    background-color: rgba(91, 107, 140, 0.1);
}
.owl-carousel.owl-transparent .portfolio-single-image-holder {
    background-color: transparent;
}
.centred-boxed .owl-carousel.owl-transparent .portfolio-single-image-holder {
  vertical-align: middle;
    display: inline;
}

.elec-slide .owl-carousel .owl-item img{
    max-height: 50px; 
}

/* Portfolio single image hover effects 
======================================== */


/* portfolio single image hover zoom */

.psi-zoom .portfolio-single-image {
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -ms-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.psi-zoom .portfolio-single-image:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}


/* portfolio single image hover colored cover */

.psi-colored .portfolio-single-image:hover::before {
    opacity: .8;
    visibility: visible;
    background-color: #00d6d4;
}


/* portfolio single image hover multi colored cover */

.psi-multi-colored .isotope-item:nth-child(7n+1) .portfolio-single-image:hover::before,
.psi-multi-colored .owl-item:nth-child(7n+1) .portfolio-single-image:hover::before {
    background-color: #e80707;
    /* red */
    opacity: .75;
    visibility: visible;
}

.psi-multi-colored .isotope-item:nth-child(7n+2) .portfolio-single-image:hover::before,
.psi-multi-colored .owl-item:nth-child(7n+2) .portfolio-single-image:hover::before {
    background-color: #0342d8;
    /* blue */
    opacity: .80;
    visibility: visible;
}

.psi-multi-colored .isotope-item:nth-child(7n+3) .portfolio-single-image:hover::before,
.psi-multi-colored .owl-item:nth-child(7n+3) .portfolio-single-image:hover::before {
    background-color: #09e409;
    /* green */
    opacity: .80;
    visibility: visible;
}

.psi-multi-colored .isotope-item:nth-child(7n+4) .portfolio-single-image:hover::before,
.psi-multi-colored .owl-item:nth-child(7n+4) .portfolio-single-image:hover::before {
    background-color: #ec097f;
    /* pink */
    opacity: .80;
    visibility: visible;
}

.psi-multi-colored .isotope-item:nth-child(7n+5) .portfolio-single-image:hover::before,
.psi-multi-colored .owl-item:nth-child(7n+5) .portfolio-single-image:hover::before {
    background-color: orange;
    /* orange */
    opacity: .80;
    visibility: visible;
}

.psi-multi-colored .isotope-item:nth-child(7n+6) .portfolio-single-image:hover::before,
.psi-multi-colored .owl-item:nth-child(7n+6) .portfolio-single-image:hover::before {
    background-color: #98450c;
    /* brown */
    opacity: .80;
    visibility: visible;
}

.psi-multi-colored .isotope-item:nth-child(7n+7) .portfolio-single-image:hover::before,
.psi-multi-colored .owl-item:nth-child(7n+7) .portfolio-single-image:hover::before {
    background-color: purple;
    /* purple */
    opacity: .80;
    visibility: visible;
}


/* portfolio single image hover dark cover */

.psi-dark .portfolio-single-image:hover::before {
    opacity: .7;
    visibility: visible;
    background-color: #000;
}


/* portfolio single image hover white cover */

.psi-white .portfolio-single-image:hover::before {
    opacity: .8;
    visibility: visible;
    background-color: #FFF;
}


/* portfolio single image hover icon */

.portfolio-single-image .ps-image-icon {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    /* background-color: rgba(255, 255, 255, 0.2); */
    opacity: 0;
    visibility: hidden;
    text-align: center;
    font-size: 28px;
    color: #FFF;
    border-radius: 50px;
    z-index: 2;
    -moz-transform: translate(-50%, -50%) scale(.9);
    -ms-transform: translate(-50%, -50%) scale(.9);
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.psi-colored .portfolio-single-image:hover .ps-image-icon,
.psi-multi-colored .portfolio-single-image:hover .ps-image-icon,
.psi-dark .portfolio-single-image:hover .ps-image-icon,
.psi-white .portfolio-single-image:hover .ps-image-icon {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.psi-zoom .portfolio-single-image .ps-image-icon {
    display: none;
}

.psi-colored .portfolio-single-image .ps-image-icon,
.psi-multi-colored .portfolio-single-image .ps-image-icon,
.psi-dark .portfolio-single-image .ps-image-icon,
.psi-white .portfolio-single-image .ps-image-icon {
    display: block;
}

.psi-white .portfolio-single-image .ps-image-icon {
    background-color: #00d6d4;
    color: #FFF;
}


/* Portfolio single gallery isotope items
========================================== */

@media (max-width: 768px) {

    .portfolio-single-gallery .isotope.col-2 .isotope-item,
    .portfolio-single-gallery .isotope.col-3 .isotope-item,
    .portfolio-single-gallery .isotope.col-4 .isotope-item,
    .portfolio-single-gallery .isotope.col-5 .isotope-item,
    .portfolio-single-gallery .isotope.col-6 .isotope-item {
        width: 50%;
    }
}


/* ------------------------------------------------------------- *
 * Portfolio single nav section
/* ------------------------------------------------------------- */

#portfolio-single-nav-section {
    padding: 80px 3%;
}

@media (max-width: 992px) {
    #portfolio-single-nav-section {
        padding: 8% 0;
    }
}

.portfolio-single-nav-inner {}

.ps-nav-col {}


/* portfolio single nav */

.ps-nav {
    position: relative;
    display: inline-block;
    color: #333;
}

.ps-nav:hover {
    color: #333;
}


/* portfolio single nav title */

.ps-nav-title {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .ps-nav-title {
        font-size: 18px;
    }
}

.ps-nav:hover .ps-nav-title {
    text-decoration: underline;
}


/* portfolio single nav subtitle */

.ps-nav-subtitle {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
}


/* portfolio single nav left */

.ps-nav-left {}

.ps-nav-left .ps-nav-icon {
    position: relative;
    bottom: -3px;
    margin-right: 3px;
    font-size: 20px;
}


/* portfolio single nav right */

.ps-nav-right {}

.ps-nav-right .ps-nav-icon {
    position: relative;
    bottom: -3px;
    margin-left: 3px;
    font-size: 20px;
}


/* portfolio single nav list */

.ps-nav-list {
    text-align: center;
}

.ps-nav-list a {
    font-size: 31px;
    color: #333;
}

.ps-nav-list a:hover {
    color: #00d6d4;
}

.ps-nav-list .ps-nav-icon {
    display: block;
    margin-top: 10px;
}


/* portfolio single nav info */

.ps-nav-info {
    display: table;
}

.ps-nav-left .ps-nav-info {}

.ps-nav-right .ps-nav-info {}


/* portfolio single nav image */

.ps-nav-image {
    position: relative;
    display: none;
    top: -10px;
    width: 92px;
    height: 92px;
    background-color: rgba(91, 107, 140, 0.1);
    border-radius: 100px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (max-width: 992px) {
    .ps-nav-image {
        display: none !important;
    }
}

.ps-nav:hover.ps-nav-right .ps-nav-image {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.ps-nav:hover.ps-nav-left .ps-nav-image {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.ps-nav-left .ps-nav-image {
    float: left;
    margin-right: 20px;
}

.ps-nav-right .ps-nav-image {
    float: right;
    margin-left: 20px;
}


/* enable portfolio single nav image */

#portfolio-single-nav-section.ps-nav-thumb .ps-nav-image {
    display: block;
}


/* portfolio single nav dark style 
=================================== */

#portfolio-single-nav-section.ps-nav-dark {
    background-color: #13161b;
}

#portfolio-single-nav-section.ps-nav-dark a {
    color: #EEE;
}


/* ------------------------------------------------------------- *
 * Project carousel section (similar projects carousel)
/* ------------------------------------------------------------- */

#project-carousel-section {
    padding: 80px 0;
}

@media (max-width: 992px) {
    #project-carousel-section {
        padding: 8% 0;
    }
}

.project-carousel-inner {
    /* padding-left: 3%;
    padding-right: 3%;*/
    padding-left: 6.41%;
    padding-right: 6.41%;

}

@media (max-width: 992px) {
    #project-carousel-section .tt-heading-inner {
        margin-bottom: 80px !important;
    }
}


/* if page boxed layout enabled */

body.tt-boxed .project-carousel-inner.tt-wrap {
    padding-left: 15px;
    padding-right: 15px;
}


.mini-carousel .project-carousel{
    width:60%;
    margin:0 auto; 
    display:block;
}
.mini-carousel .owl-carousel, .owl-carousel .owl-item {
  margin-top: 20px !important;
}
.mini-carousel .pli-alter-7 .pl-item-info{
    height: 68px;
}
.mini-carousel .pl-item-title {
    font-family: 'Montserrat';
    font-weight: normal;
    white-space: break-spaces;
}
body.tt-boxed .project-carousel-inner.tt-wrap .tt-heading-inner.tt-wrap {
    padding-left: 0;
    padding-right: 0;
}


/* Project carousel 
==================== */

.project-carousel {}

.project-carousel .cc-item.iso-height-1 .portfolio-list-item {
    padding-bottom: 80%;
}

.project-carousel .cc-item.iso-height-2 .portfolio-list-item {
    padding-bottom: 100%;
}

.project-carousel .portfolio-list-item .pl-item-image-wrap,
.project-carousel .portfolio-list-item .pl-item-image-inner,
.project-carousel .portfolio-list-item .pl-item-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.project-carousel.pli-frame .portfolio-list-item {
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    -webkit-box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.08);
}

.project-carousel.pli-frame .portfolio-list-item .pl-item-image-inner {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
}

.project-carousel.pli-frame.pli-alter-1 .portfolio-list-item .pl-item-info,
.project-carousel.pli-frame.pli-alter-4 .portfolio-list-item .pl-item-info {
    width: auto;
    bottom: 15px;
    left: 15px;
    right: 15px;
}


/* ------------------------------------------------------------- *
 * Blog list section
/* ------------------------------------------------------------- */

#blog-list-section {
    padding: 50px 0;
}

@media (max-width: 1600px) {
    #blog-list-section {
        padding-top: 3%;
        padding-bottom: 5%;
    }
}

@media (max-width: 1000px) {
    #blog-list-section {
        padding-top: 4%;
        padding-bottom: 4%;
    }
}


/* blog list inner */

.blog-list-inner {
    padding-left: 4%;
    padding-right: 4%;
}

@media (max-width: 1600px) {
    .blog-list-inner {
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media (max-width: 768px) {
    .blog-list-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* if page boxed layout enabled */

body.tt-boxed .blog-list-inner.tt-wrap {
    padding-left: 15px;
    padding-right: 15px;
}


/* isotope in blog list section */

#blog-list-section .isotope-items-wrap {
    padding-top: 0;
}

@media (max-width: 768px) {

    #blog-list-section .isotope.col-2 .isotope-item,
    #blog-list-section .isotope.col-3 .isotope-item,
    #blog-list-section .isotope.col-4 .isotope-item,
    #blog-list-section .isotope.col-5 .isotope-item,
    #blog-list-section .isotope.col-6 .isotope-item {
        width: 100%;
    }
    .header_talent .page-header-inner {
        padding-top: 0% !important;
    }
    .pli-alter-5 .pl-item-title.tlarge, 
    .pli-alter-5 .pl-item-title.tlarge span{
        font-size: 55%;
    }
}

@media (max-width: 992px) {

    .page-node-347 #portfolio-list-section.pb-70 .isotope.col-6 .pli-alter-5 h2.pl-item-title, 
    .page-node-347 #portfolio-list-section.pb-70 .isotope.col-4 .pli-alter-5 h2.pl-item-title, 
    .page-node-347 #portfolio-list-section.index-valeurs .pli-alter-5 h2.pl-item-title,
    .page-node-347 #portfolio-list-section.pb-70 .isotope.col-6 .pli-alter-5 h2.pl-item-title a,
    .page-node-347 #portfolio-list-section.pb-70 .isotope.col-4 .pli-alter-5 h2.pl-item-title a,
    .page-node-347 #portfolio-list-section.index-valeurs .pli-alter-5 h2.pl-item-title a
     { 
        /* font-size: 22px; */
        font-size: 110%;
    }
    #page-header.social .page-header-caption.ph-cap-light{
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

/* Blog list item 
================== */

.blog-list-item {
    position: relative;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
}

@media (max-width: 768px) {
    .blog-list-item {
        margin-bottom: 15px;
    }
}


/* blog list item image */

.bl-item-image-wrap {
    position: relative;
}

.bl-item-image {
    position: relative;
    display: block;
    background-color: rgba(91, 107, 140, 0.1);
    z-index: 3;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.bl-item-image:hover {
    opacity: .9;
}

.bl-item-image.bg-image {
    /* blog list item background image height */
    padding-bottom: 60%;
}

.bl-item-image img {}


/* Blog list item info 
======================= */

.bl-item-info {
    position: relative;
    padding: 4% 4% 60px 4%;
    z-index: 2;
    -webkit-box-shadow: 0 16px 25px -15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 16px 25px -15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 18px 25px -15px rgba(0, 0, 0, 0.2);
}


/* blog list item category */

.bl-item-category {
    margin-bottom: 12px;
    font-size: 12px;
    color: #888;
}

.bl-item-category a,
.bl-item-category span {
    position: relative;
    display: inline-block;
    background-color: #00d6d4;
    margin-bottom: 3px;
    padding: 0 4px;
    color: #fff;
}

.bl-item-category a:hover {
    opacity: .8;
}


/* blog list item title */

.bl-item-title {
    display: block;
}

.bl-item-title,
.bl-item-title h2 {
    display: inline;
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    line-height: 1.2;
}

.bl-item-title:hover,
.bl-item-title:focus,
.bl-item-title h2:hover,
.bl-item-title h2:focus {
    text-decoration: underline;
    color: #00d6d4;
}

@media (max-width: 992px) {

    .bl-item-title,
    .bl-item-title h2 {
        font-size: 20px;
    }
}


/* blog list item meta */

.bl-item-meta {
    margin-top: 10px;
    font-size: 13px;
    color: #888;
}

.bl-item-meta a {
    padding-bottom: 2px;
    color: #888;
}

.bl-item-meta a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.bl-item-meta .published {}

.bl-item-meta .posted-by {
    position: absolute;
    left: 4%;
    bottom: 5%;
}


/* blog list item description */

.bl-item-desc {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 300;
}


/* blog list item read more button */

.blog-list-item .bli-read-more {
    margin-top: 20px;
    margin-bottom: 0;
}


/* Blog list item attributes
============================= */

ul.bl-item-attr {
    position: absolute;
    bottom: 5%;
    right: 5%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: #888;
}

ul.bl-item-attr>li {
    float: left;
    margin-right: 10px;
}

ul.bl-item-attr>li:last-child {
    margin-right: 0 !important;
}

ul.bl-item-attr>li a {
    color: #888;
}

ul.bl-item-attr>li a:hover {
    color: #00d6d4
}


/* blog list item comments count */

.bl-item-comments-count {}


/* Blog list item if isotope "col-1" is enabled
================================================ */

#blog-list-section .isotope.col-1 .isotope-items-wrap {
    max-width: 1140px;
    margin: 0 auto;
}

#blog-list-section .isotope.col-1 .iso-height-1 .blog-list-item,
#blog-list-section .isotope.col-1 .iso-height-2 .blog-list-item {
    display: block;
    padding-bottom: 50%;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#blog-list-section .isotope.col-1 .blog-list-item,
#blog-list-section .isotope.col-1 .blog-list-item {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#blog-list-section .isotope.col-1 .bl-item-info {
    padding: 3% 0 8% 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#blog-list-section .isotope.col-1 .bl-item-category {
    margin-right: 90px;
    font-size: 13px;
}

#blog-list-section .isotope.col-1 .bl-item-title,
#blog-list-section .isotope.col-1 .bl-item-title h2 {
    font-size: 38px;
}

@media (max-width: 992px) {

    #blog-list-section .isotope.col-1 .bl-item-title,
    #blog-list-section .isotope.col-1 .bl-item-title h2 {
        font-size: 24px;
    }
}

#blog-list-section .isotope.col-1 .bl-item-meta {
    margin-top: 15px;
    font-size: 14px;
}

#blog-list-section .isotope.col-1 .bl-item-meta .posted-by {
    position: static;
    left: auto;
    bottom: auto;
}

#blog-list-section .isotope.col-1 .bl-item-desc {
    margin-bottom: 15px;
    font-size: inherit;
}

#blog-list-section .isotope.col-1 ul.bl-item-attr {
    top: 24px;
    right: 0;
    left: auto;
    bottom: auto;
    font-size: 13px;
}

@media (max-width: 992px) {
    #blog-list-section .isotope.col-1 ul.bl-item-attr {
        top: 15px;
    }
}


/* Blog list classic 
===================== */

#blog-list-section.blog-list-classic {}


/* Blog list grid 
================== */

#blog-list-section.blog-list-grid {}


/* blog list grid fluid + sidebar */

@media (max-width: 1400px) {

    #blog-list-section.blg-fluid-sidebar .isotope.col-3 .isotope-item,
    #blog-list-section.blg-fluid-sidebar .isotope.col-3 .grid-sizer,
    #blog-list-section.blg-fluid-sidebar .isotope.col-4 .isotope-item,
    #blog-list-section.blg-fluid-sidebar .isotope.col-4 .grid-sizer,
    #blog-list-section.blg-fluid-sidebar .isotope.col-5 .isotope-item,
    #blog-list-section.blg-fluid-sidebar .isotope.col-5 .grid-sizer,
    #blog-list-section.blg-fluid-sidebar .isotope.col-6 .isotope-item,
    #blog-list-section.blg-fluid-sidebar .isotope.col-6 .grid-sizer {
        width: 50%;
    }
}

@media (max-width: 992px) {

    #blog-list-section.blg-fluid-sidebar .isotope.col-3 .isotope-item,
    #blog-list-section.blg-fluid-sidebar .isotope.col-3 .grid-sizer,
    #blog-list-section.blg-fluid-sidebar .isotope.col-4 .isotope-item,
    #blog-list-section.blg-fluid-sidebar .isotope.col-4 .grid-sizer,
    #blog-list-section.blg-fluid-sidebar .isotope.col-5 .isotope-item,
    #blog-list-section.blg-fluid-sidebar .isotope.col-5 .grid-sizer,
    #blog-list-section.blg-fluid-sidebar .isotope.col-6 .isotope-item,
    #blog-list-section.blg-fluid-sidebar .isotope.col-6 .grid-sizer {
        width: 100%;
    }
}


/* Blog list simple 
==================== */

#blog-list-section.blog-list-simple {
    padding-top: 0;
}

body.page-header-on #blog-list-section.blog-list-simple {
    padding-top: 50px;
}

#blog-list-section.blog-list-simple .blog-list-inner {
    max-width: 900px;
}


/* Blog list with thumbnails 
============================= */

#blog-list-section.blog-list-thumb .blog-list-item,
#blog-list-section.blog-list-thumb .isotope.col-1 .blog-list-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ededed;
}

#blog-list-section.blog-list-thumb .isotope-item:last-child .blog-list-item,
#blog-list-section.blog-list-thumb .isotope.col-1 .isotope-item:last-child .blog-list-item {
    border-bottom: none;
}

#blog-list-section.blog-list-thumb .blog-list-item::after {
    /* clear fix */
    content: "";
    display: table;
    clear: both;
}


/* blog list with thumbnails item image */

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-image,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-image {
    position: relative;
    float: left;
    display: block;
    width: 240px;
    height: auto;
    margin-right: 30px;
    padding: 0;
}

@media (max-width: 768px) {

    #blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-image,
    #blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-image {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 60%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-image:hover,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-image:hover {}


/* blog list with thumbnails item background image */

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-image.bg-image,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-image.bg-image {
    height: 220px;
}


/* blog list with thumbnails item info */

#blog-list-section.blog-list-thumb .isotope.col-1 .bl-item-info {
    padding-bottom: 3%;
}

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-info,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-info {
    position: relative;
    display: table;
    max-width: 800px;
    padding: 0;
}


/* blog list with thumbnails item category */

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-category a,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-category span,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-category a,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-category span {
    display: inline-block;
    padding: 2px 4px 0 4px;
    background-color: #00d6d4;
    font-size: 12px;
    color: #FFF;
}


/* blog list with thumbnails item title */

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-title,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-title h2,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-title,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-title h2 {
    margin: 0 0 10px 0;
    font-size: 24px;
}


/* blog list with thumbnails item meta */

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-meta,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-meta {
    margin-top: 8px;
    font-size: 13px;
    color: #888;
}


/* blog list with thumbnails item description */

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .bl-item-desc,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .bl-item-desc {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 17px;
}


/* blog list with thumbnails item attributes */

#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) ul.bl-item-attr,
#blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 ul.bl-item-attr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    font-size: 13px;
    color: #888;
}


/* blog list with thumbnails item read more */

@media (min-width: 767px) {

    #blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .blog-list-item .bli-read-more,
    #blog-list-section.blog-list-thumb .isotope-item:nth-child(n+3) .isotope.col-1 .blog-list-item .bli-read-more {
        display: none;
    }
}


/* Blog list archive 
===================== */

.path-taxonomy .bl-item-info {
    box-shadow: none !important;
}

.path-taxonomy .blog-list-item .bl-item-title,
.bl-item-title h2 {
    font-size: 24px;
}

.path-taxonomy .blog-list-item .bl-item-meta .posted-by {
    position: static !important;
}

.path-taxonomy .blog-list-item {
    box-shadow: none !important;
}

.path-taxonomy .blog-list-item,
#blog-list-section.blog-list-archive .blog-list-item,
#blog-list-section.blog-list-archive .isotope.col-1 .blog-list-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ededed;
}

.path-taxonomy .blog-list-item,
#blog-list-section.blog-list-archive .isotope-item:last-child .blog-list-item,
#blog-list-section.blog-list-archive .isotope.col-1 .isotope-item:last-child .blog-list-item {
    border-bottom: none;
}

.path-taxonomy .blog-list-item::after,
#blog-list-section.blog-list-archive .blog-list-item::after {
    /* clear fix */
    content: "";
    display: table;
    clear: both;
}


/* blog list archive item image */

.path-taxonomy .blog-list-item .bl-item-image,
#blog-list-section.blog-list-archive .isotope-item .bl-item-image,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-image {
    position: relative;
    float: left;
    display: block;
    width: 240px;
    height: auto;
    margin-right: 30px;
    padding: 0;
}

@media (max-width: 768px) {

    .path-taxonomy .blog-list-item .bl-item-image,
    #blog-list-section.blog-list-archive .isotope-item .bl-item-image,
    #blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-image {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 60%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

#blog-list-section.blog-list-archive .isotope-item .bl-item-image:hover,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-image:hover {}


/* blog list archive item background image */

.path-taxonomy .blog-list-item .bl-item-i.bl-item-image.bg-image,
#blog-list-section.blog-list-archive .isotope-item .bl-item-image.bg-image,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-image.bg-image {
    height: 220px;
}


/* blog list archive item info */


/*.path-taxonomy  .blog-list-item .bl-item-info,*/

#blog-list-section.blog-list-archive .isotope.col-1 .bl-item-info {
    padding-bottom: 3%;
}

.path-taxonomy .blog-list-item .bl-item-info,
#blog-list-section.blog-list-archive .isotope-item .bl-item-info,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-info {
    position: relative;
    display: table;
    max-width: 800px;
    padding: 0;
}


/* blog list archive item category */

.path-taxonomy .blog-list-item .bl-item-category a,
#blog-list-section.blog-list-archive .isotope-item .bl-item-category a,
#blog-list-section.blog-list-archive .isotope-item .bl-item-category span,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-category a,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-category span {
    display: inline-block;
    padding: 2px 4px 0 4px;
    background-color: #00d6d4;
    font-size: 12px;
    color: #FFF;
}


/* blog list archive item title */

.path-taxonomy .blog-list-item .bl-item-title,
#blog-list-section.blog-list-archive .isotope-item .bl-item-title,
#blog-list-section.blog-list-archive .isotope-item .bl-item-title h2,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-title,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-title h2 {
    margin: 0 0 10px 0;
    font-size: 24px;
}


/* blog list archive item meta */

.path-taxonomy .blog-list-item .bl-item-meta,
#blog-list-section.blog-list-archive .isotope-item .bl-item-meta,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-meta {
    margin-top: 8px;
    font-size: 13px;
    color: #888;
}


/* blog list archive item description */

.path-taxonomy .blog-list-item .bl-item-desc,
#blog-list-section.blog-list-archive .isotope-item .bl-item-desc,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .bl-item-desc {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 17px;
}


/* blog list archive item attributes */

.path-taxonomy .blog-list-item ul.bl-item-attr,
#blog-list-section.blog-list-archive .isotope-item ul.bl-item-attr,
#blog-list-section.blog-list-archive .isotope-item .isotope.col-1 ul.bl-item-attr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    font-size: 13px;
    color: #888;
}


/* blog list archive item read more */

@media (min-width: 767px) {

    .path-taxonomy .blog-list-item .bli-read-more,
    #blog-list-section.blog-list-archive .isotope-item .blog-list-item .bli-read-more,
    #blog-list-section.blog-list-archive .isotope-item .isotope.col-1 .blog-list-item .bli-read-more {
        display: none;
    }
}


/* ------------------------------------------------------------- *
 * Blog single cection
/* ------------------------------------------------------------- */

#blog-single-cection {
    padding: 50px 0;
}

@media (max-width: 1600px) {
    #blog-single-cection {
        padding-top: 3%;
        padding-bottom: 3%;
    }
}

@media (max-width: 1000px) {
    #blog-single-cection {
        padding-top: 4%;
        padding-bottom: 4%;
    }
}


/* blog single inner */

.blog-single-inner {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
}


/* if page boxed layout enabled */

body.tt-boxed .blog-single-inner.tt-wrap {
    padding-left: 15px;
    padding-right: 15px;
}


/* Blog single post 
==================== */

.blog-single-post {}

.blog-single-post-inner {
    position: relative;
}

#blog-single-cection.blog-single-simple {
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 0;
}


/* blog single post featured image */

#blog-single-featured-image-holder {}

.blog-single-featured-image-inner {}

.blog-single-featured-image {
    display: block;
}

.blog-single-featured-image.bg-image {
    /* for background image height */
    padding-bottom: 50%;
}

@media (max-width: 992px) {
    .blog-single-featured-image.bg-image {
        /* for background image height */
        padding-bottom: 60%;
    }
}

@media (max-width: 768px) {
    .blog-single-featured-image.bg-image {
        /* for background image height */
        padding-bottom: 75%;
    }
}


/* blog single post heading */

.blog-single-post-heading {
    position: relative;
    background-color: #FFF;
    padding: 0 0 3% 0;
    z-index: 1;
}

.blog-single-featured-image+.blog-single-post-heading {
    padding: 3% 0 5% 0;
}

.blog-single-post-title {
    margin: 0;
    font-size: 42px;
    font-weight: bold;
    color: #333;
}

@media (max-width: 992px) {
    .blog-single-post-title {
        font-size: 28px;
    }
}

.blog-single-post-category {
    margin-bottom: 15px;
    font-size: 12px;
    color: #FFF;
}

.blog-single-post-category a {
    display: inline-block;
    background-color: #00d6d4;
    margin-bottom: 3px;
    padding: 2px 5px 0 5px;
    color: #FFF;
}

.blog-single-post-category a:hover {
    opacity: .8;
}


/* blog single post content */

.post-content {}


/* blog single post image */

.post-content .single-post-image {
    margin: 30px 0;
}

.sp-image-wrap {
    position: relative;
    display: block;
    background-color: rgba(91, 107, 140, 0.1);
}

.sp-image {
    padding-bottom: 60%;
}

img.sp-image {
    padding-bottom: 0;
}

.single-post-image-caption {
    margin-top: 5px;
    font-size: 13px;
    font-style: italic;
    color: #888;
}

.single-post-image-caption a {
    color: inherit;
    border-bottom: 1px dotted;
}

.single-post-image-caption a:hover {
    color: #00d6d4;
}


/* Blog single post owl-carousel 
================================= */

.blog-single-slider {}

.post-content .owl-carousel {
    margin: 30px 0 30px 0;
}

.post-content .owl-carousel.dots-outside {
    margin-bottom: 60px;
}

.post-content .owl-carousel .cc-item {
    margin: 0;
    padding: 0;
}

.post-content .owl-carousel .single-post-image {
    margin: 0;
}


/* Blog single attributes 
========================== */

.blog-single-attributes {
    margin-top: 20px;
    margin-bottom: 40px;
}

.blog-single-meta-wrap {
    overflow: hidden;
}

.blog-single-post .author-avatar,
.blog-single-post a img,
.blog-single-post img {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    border-radius: 50%;
}

.blog-single-post img {
    float: left !important;
}

.blog-single-post .author-avatar::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -21px;
    width: 21px;
    height: 1px;
    border-bottom: 1px solid rgba(136, 136, 136, 0.16);
}


/* blog single meta */

.blog-single-meta {
    padding: 0 0 0 15px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    float: left;
    border-left: 1px solid rgba(136, 136, 136, 0.16);
}

.blog-single-meta .article-author {
    font-size: 16px;
    color: #333;
}

.blog-single-meta .article-author a {
    color: #333;
}

.blog-single-meta .article-author a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.blog-single-meta .article-time-cat {
    font-size: 14px;
    color: #888;
}

.blog-single-meta .article-time-cat a {
    color: #888;
}

.blog-single-meta .article-time-cat a:hover {
    color: #00d6d4;
}

.blog-single-meta .article-time {}


/* blog single links */

.blog-single-links {
    margin: 8px 0 0 0;
    text-align: right;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

@media (max-width: 420px) {
    .blog-single-links {
        margin-top: 20px;
        text-align: left;
    }
}

.blog-single-links>li {
    margin-left: 3px;
}

.blog-single-links a {
    display: inline-block;
    font-weight: bold;
    font-weight: 600;
    color: #333;
}

.blog-single-links a:hover {
    color: #00d6d4;
}

.leave-comment-btn {
    background-color: rgba(138, 138, 154, 0.15);
    padding: 5px 15px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.leave-comment-btn:hover {
    background-color: #00d6d4;
    color: #FFF !important;
}

.blog-single-comment-count {}


/* blog single tags */

.blog-single-tags {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}

.blog-single-tags span {
    color: #333;
}

.blog-single-tags>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-single-tags>ul>li {
    float: left;
    margin: 3px;
}

.blog-single-tags a {
    display: block;
    background-color: rgba(138, 138, 154, 0.15);
    padding: 2px 8px;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.blog-single-tags a:hover {
    background-color: #00d6d4;
    color: #fff;
}


/* Blog single post share 
========================== */

.blog-single-share {}

.blog-single-share>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.blog-single-share>ul>li {
    display: inline-block;
    margin: 0 1px;
    display: table-cell;
}

.blog-single-share>ul>li>.btn {
    margin: 0;
    width: 100%;
    height: 52px;
    line-height: 46px;
    padding: 0;
    font-size: 21px;
}

.bss-text {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
    font-weight: 600;
}

@media (max-width: 992px) {
    .blog-single-share.bss-fixed-bottom {
        position: fixed;
        top: auto;
        bottom: -1px;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.85);
        padding: 0;
        text-align: center;
        z-index: 91;
    }

    .blog-single-share.bss-fixed-bottom .bss-text {
        display: none !important;
    }

    .blog-single-share.bss-fixed-bottom>ul>li>.btn {
        height: 28px;
        line-height: 22px;
        font-size: 14px;
    }
}


/* Blog single nav 
=================== */

.blog-single-nav {
    margin-top: 60px;
    padding-top: 40px;
    overflow: hidden;
    border-top: 1px solid rgba(150, 150, 150, 0.2);
}

.bs-nav-col {
    float: left;
    width: 50%;
}

.bs-nav-left {
    padding-right: 5%;
    border-right: 1px solid rgba(150, 150, 150, 0.2);
}

.bs-nav-right {
    padding-left: 5%;
    text-align: right;
}

.bs-nav-text {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    font-weight: 600;
    color: #333;
}

.bs-nav-title,
.bs-nav-title h4 {
    margin: 0;
    font-size: 18px;
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 768px) {

    .bs-nav-title,
    .bs-nav-title h4 {
        font-size: 16px;
    }
}

.bs-nav-title:hover,
.bs-nav-title h4:hover {
    color: #00d6d4;
}


/* Blog single related posts 
============================= */

.related-posts {
    margin-top: 60px;
    padding-top: 60px;
    overflow: hidden;
    border-top: 1px solid rgba(150, 150, 150, 0.2);
}

.related-posts-heading {
    font-size: 21px;
    margin: 0 0 30px 0;
}


/* related posts carousel */

.related-posts-carousel {}

.related-posts-carousel .owl-carousel .cc-item {
    margin: 0;
    padding: 0;
}

.related-posts-item {}

.related-posts-item .rp-item-image-wrap {
    position: relative;
    background-color: rgba(91, 107, 140, 0.1);
}

.related-posts-item .rp-item-image {
    display: block;
    padding-bottom: 70%;
    margin-bottom: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.related-posts-item .rp-item-image:hover {
    opacity: .9;
}

.rp-item-info {}

.related-posts-item .rp-item-title,
.related-posts-item .rp-item-title h4 {
    margin: 0;
    font-size: 18px;
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.related-posts-item .rp-item-title:hover,
.related-posts-item .rp-item-title h4:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.related-posts-item .rp-item-category {
    margin-bottom: 10px;
    font-size: 12px;
    color: #999;
}

.related-posts-item .rp-item-category a {
    display: inline-block;
    background-color: #00d6d4;
    padding: 2px 5px 0 5px;
    color: #FFF;
    margin-bottom: 3px;
}

.related-posts-item .rp-item-category a:hover {
    opacity: .8;
}

.related-posts .owl-carousel {
    min-height: 0;
}


/* disable nav-outside on small screens */

@media (max-width: 768px) {
    .related-posts .nav-outside-top .owl-nav {
        display: none;
    }
}


/* Blog single post comments 
============================= */

#blog-post-comments {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid rgba(150, 150, 150, 0.2);
}


/* blog single comments heading */

.comments-heading {
    margin: 0 0 50px 0;
    font-size: 28px;
}

.comments-heading span {
    font-size: 42px;
}


/* blog single comments */

.media-list {
    margin-top: 20px;
}

.media {
    margin-top: 30px;
}

.media-object {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.media-object:hover {
    opacity: .8;
}

.media-object::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -21px;
    width: 21px;
    height: 1px;
    border-bottom: 1px solid rgba(136, 136, 136, 0.16);
}

@media (max-width: 768px) {
    .media-object {
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 20px;
    }

    .media-object::before {
        display: none;
    }

    .media-object::after {
        position: absolute;
        content: "";
        bottom: -21px;
        right: 50%;
        width: 1px;
        height: 21px;
        border-left: 1px dotted rgba(136, 136, 136, 0.16);
    }
}

.media-left,
.media>.pull-left {
    padding: 0;
    margin-right: 20px;
}

.media-right,
.media>.pull-right {
    padding: 0;
    margin-left: 20px;
}

.media-heading {
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
    color: #333;
}

.media-heading a {
    color: #333;
}

.media-heading a:hover {
    color: #00d6d4;
}

.media,
.media-body {
    overflow: inherit;
}

.media-body {
    width: 100% !important;
    background-color: rgba(20, 29, 49, 0.06);
    padding: 20px;
    margin-bottom: 2px;
    border: 0 solid rgba(136, 136, 136, 0.16);
}

@media (max-width: 768px) {
    .media-body {
        display: block;
    }
}

.media-body .article-time {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    color: #888;
}

.media-text {
    clear: both;
    padding-top: 12px;
    font-size: 16px;
    border-top: 1px dotted rgba(150, 150, 150, 0.18);
}

.media-reply {
    text-align: right;
    font-size: 13px;
}

.media-reply a {
    color: #888;
}

.media-reply a:hover {
    color: #00d6d4;
}

.media-reply .btn-xs {
    border-width: 1px;
}


/* blog single post comment form */

#post-comment-form {
    background-color: rgba(131, 131, 146, 0.13);
    margin-top: 100px;
    padding: 5%;
    border: 0 solid rgba(136, 136, 136, 0.09);
}

#post-comment-form .reminder {
    margin: 20px 0 0 0;
    padding-left: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    cursor: pointer;
}

#post-comment-form .reminder-checkbox {
    cursor: pointer;
}


/* Blog single simple 
====================== */

.blog-single-simple {}

body.tt-boxed .blog-single-simple .tt-wrap {
    max-width: 1000px;
}


/* ------------------------------------------------------------- *
 * Blog sidebar
/* ------------------------------------------------------------- */

.sidebar {}

.sidebar.sidebar-left {
    padding-right: 20px;
    margin-right: 20px;
}

@media (max-width: 1600px) {
    .sidebar.sidebar-left {
        padding-right: 15px;
        margin-right: 15px;
    }
}

.sidebar.sidebar-right {
    padding-left: 20px;
    margin-left: 20px;
}

@media (max-width: 1600px) {
    .sidebar.sidebar-right {
        padding-left: 15px;
        margin-left: 15px;
    }
}

@media (max-width: 991px) {
    .sidebar {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
        margin-top: 30px;
        padding-top: 40px;
        border-top: 1px dotted rgba(150, 150, 150, 0.18);
    }
}


/* ------------------------------------------------------------- *
 * Blog sidebar widgets
/* ------------------------------------------------------------- */

.sidebar-widget {
    margin-top: 50px;
    overflow: hidden;
}


/* Sidebar headings */

.sidebar-heading {
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: bold;
}


/* Blog author (about me) 
========================== */

.blog-author {}

.blog-author-img {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    background-color: rgba(238, 238, 240, 1);
    margin-right: 20px;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.blog-author-img:hover {
    opacity: .9;
}

@media (max-width: 1200px) {
    .sidebar .blog-author-img {
        float: none;
        width: 105px;
        height: 105px;
        margin: 0 0 20px 0;
    }
}

@media (max-width: 991px) {
    .sidebar .blog-author-img {
        float: left;
        width: 105px;
        height: 105px;
        padding: 0;
        margin: 0 20px 0 0;
    }
}

@media (max-width: 440px) {
    .sidebar .blog-author-img {
        float: none;
        margin: 0 0 20px 0;
    }
}

.blog-author-info {
    display: table;
}

.blog-author-name {
    text-transform: none;
    letter-spacing: 0;
    margin: 0;
    /*font-size: 17px;*/
    font-size: 20px;
    line-height: 22px;
    font-family: "Montserrat";
    font-weight: bold;
}

.blog-author-name a {
    color: #333;
}

.blog-author-name a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.blog-author-sub {
    margin-bottom: 10px;
    font-size: 14px;
    color: #888;
}

.blog-author-text {
    margin: 0;
    /*font-size: 14px;*/
    font-size: 18px;
    font-family: "Montserrat";
    line-height: 22px;
    font-weight: normal;
}

.blog-author-more {
    display: block;
    margin-top: 15px;
    text-align: right;
    font-size: 14px;
    color: #BBB;
}


/* Blog sidebar search 
======================= */

.sidebar-search {}

#blog-search-form {}

#blog-search-form .form-group {
    position: relative;
}

#blog-search-form button {}

#blog-search-form .form-control {}


/* Blog sidebar social 
======================= */

.sidebar-social {}

.sidebar-social .btn-social-min {
    width: 54px;
    height: 54px;
    line-height: 50px;
    font-size: 20px;
}


/* Blog sidebar subscribe 
========================== */

#sidebar-subscribe-form {
    position: relative;
}

#sidebar-subscribe {}


/* Blog sidebar categories 
=========================== */

.sidebar-categories {}

.sidebar-categories>ul>li {
    padding: 0;
}

.sidebar-categories>ul>li>a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1;
    background-color: #f1f1f3;
    padding: 15px 20px;
    margin-bottom: 2px;
    border-left: 3px solid #e6e6e6;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sidebar-categories>ul>li>a:hover {
    background-color: #ededf1;
    padding-left: 25px;
    border-left-color: #00d6d4;
}

.sidebar-categories>ul>li:first-child {
    padding-top: 0;
    border: 0;
}

.sidebar-categories>ul>li>a span {
    position: relative;
    float: right;
    top: -4px;
    background-color: #FFF;
    padding: 6px 5px 4px 5px;
    text-align: center;
    font-size: 12px;
    color: #333;
    border-radius: 50px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sidebar-categories>ul>li>a:hover span {
    background-color: #00d6d4;
    color: #FFF;
}


/* Blog sidebar post list 
========================== */

.sidebar-post-list {}

.sidebar-post-list>ul>li {
    list-style: none;
    overflow: hidden;
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom: 1px solid #ededed;
}

.sidebar-post-list>ul>li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.sidebar-post-list .post-thumb {
    float: left;
    display: block;
    margin: 0 15px 0 0;
    width: 114px;
    height: 86px;
    background-color: rgba(91, 107, 140, 0.1);
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sidebar-post-list .post-thumb:hover {
    opacity: .9;
}

.sidebar-post-list .post-data {
    display: table;
}

.sidebar-post-list .post-data .post-title {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: bold;
    font-weight: 600;
    line-height: 1.2;
}

.sidebar-post-list .post-data .post-title a {
    color: #333;
}

.sidebar-post-list .post-data .post-title a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.sidebar-post-list .post-data .author {
    display: block;
    font-size: 14px;
    line-height: 15px;
}

.sidebar-post-list .post-data .author a {
    color: #333;
}

.sidebar-post-list .post-data .author a:hover {
    color: #00d6d4;
}

.sidebar-post-list .post-data .date {
    display: block;
    font-size: 13px;
    color: #888;
}


/* Blog sidebar post comments list 
=================================== */

.sidebar-comments-list {}

.sidebar-comment-wrap {
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom: 1px solid #ededed;
}

.sidebar-comment-wrap:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.sidebar-comment-meta {
    display: table;
}

.sidebar-comment-avatar {
    float: left;
    display: block;
    margin: 0 15px 0 0;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background-color: rgba(238, 238, 240, 1);
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sidebar-comment-avatar:hover {
    opacity: .9;
}

.sidebar-comment-data {}

.sidebar-comment-data .author {
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.sidebar-comment-data .author a {
    color: #333;
}

.sidebar-comment-data .author a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.sidebar-comment-data .date {
    display: block;
    font-size: 13px;
    color: #888;
}

.sidebar-comment-wrap .sidebar-comment {
    clear: both;
    margin-top: 10px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.3;
    color: #888;
}

.sidebar-comment-wrap .sidebar-comment a {
    color: #888;
}

.sidebar-comment-wrap .sidebar-comment a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.sidebar-comment-wrap .sidebar-comment p {
    margin-bottom: 0;
}


/* Blog sidebar tags 
===================== */

.sidebar-tags {
    overflow: hidden;
}

.sidebar-tags>ul.tags {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-tags>ul.tags>li {
    float: left;
    margin: 3px;
}

.sidebar-tags a {
    display: block;
    background-color: rgba(138, 138, 154, 0.15);
    padding: 2px 8px;
    font-size: 13px;
    color: #333;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sidebar-tags a:hover {
    background-color: #00d6d4;
    color: #fff;
}


/* Blog sidebar photo stream 
============================= */

.sidebar-photo-stream {}


/* Blog sidebar meta 
===================== */

.sidebar-meta {}

.sidebar-meta ul>li>a {
    display: inline-block;
    padding: 3px 0;
    font-size: 15px;
    color: #888;
}

.sidebar-meta ul>li>a:hover {
    text-decoration: underline;
    color: #00d6d4;
}


/* ------------------------------------------------------------- *
 *  Archive
/* ------------------------------------------------------------- */


/* archive info box */

.archive-info-box {
    padding-bottom: 5%;
    margin-bottom: 60px;
    border-bottom: 1px solid #ededed;
}

@media (max-width: 768px) {
    .archive-info-box {
        padding-bottom: 8%;
        margin-bottom: 30px;
    }
}

.ai-box-subtitle {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #888;
}

.ai-box-title {
    margin: 0;
    font-size: 38px;
}


/* ------------------------------------------------------------- *
 *  Latest news section
/* ------------------------------------------------------------- */

#latest-news-section {
    position: relative;
    padding: 80px 0;
}

@media (max-width: 768px) {
    #latest-news-section {
        position: relative;
        padding: 15% 0 5% 0;
    }
}

.latest-news-section-inner {
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
    z-index: 3;
}

@media (max-width: 768px) {
    #latest-news-section .tt-heading {
        margin-bottom: 80px !important;
    }
}

body.tt-boxed .latest-news-section-inner.tt-wrap {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


/* Latest news carousel 
======================== */

.latest-news-carousel {}

#latest-news-section .owl-carousel .cc-item {
    padding: 3px 3px 20px 3px;
}

.latest-news-carousel .owl-item .blog-list-item .bl-item-title,
.latest-news-carousel .owl-item .blog-list-item .bl-item-title h2 {
    font-size: 19px;
}


/* ------------------------------------------------------------- *
 *  Search results section
/* ------------------------------------------------------------- */
.node--view-mode-search-result .split-product{margin: 0;}
.node--view-mode-search-result .split-product .col-lg-middle{display: none;}
#search-results-section {
    padding: 60px 0;
}

@media (max-width: 992px) {
    #search-results-section {
        padding: 7% 0;
    }
}

.srs-inner {}


/* Big search box 
================== */

.big-search-box {
    position: relative;
    background-color: #eeeef0;
    padding: 50px 4% 30px 4%;
    margin-bottom: 60px;
}

.big-search-box.center-vertical-box{
    
    padding: 30px 4% 30px 4%;
   
}

.big-search-box-inner .form-btn-inside.views-exposed-form {
    max-width: 805px;
}

#big-search-form {}

.big-search-input-wrap {
    position: relative;
}

#big-search-input {
    width: 100%;
    height: 58px;
    background-color: #FFF;
    padding: 5px 50px 5px 10px;
    font-size: 18px;
    color: #333;
    border: 1px solid rgba(136, 136, 136, 0.26);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: normal;
}

#page-header.ph-xlg #big-search-input {
    height: 46px;
}

#big-search-input:focus {
    outline: none;
}

.big-search-options-wrap {
    margin-top: 15px;
}

.big-search-options-wrap label {
    position: relative;
    top: -2px;
    font-size: 14px;
    font-weight: bold;
    font-weight: 600;
}

.big-search-option {
    display: inline-block;
}

.big-search-option label {
    margin: 0;
    font-size: 14px;
    cursor: pointer;
}


/* Search results items wrap 
============================= */

.sr-items-wrap {}


/* search results head */

.search-results-head {
    margin-bottom: 50px;
    padding-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid rgba(132, 132, 132, 0.15);
}

.search-results-head .srh-title {
    margin-bottom: 10px;
    font-size: 28px;
}

.search-results-head .sr-count {
    margin-top: 48px;
}

@media (max-width: 768px) {
    .search-results-head .sr-count {
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

.search-results-head .sr-count span {
    font-size: 18px;
    font-weight: bold;
    font-weight: 500;
    color: #666;
}


/* Search results item 
======================= */

.search-results-item {
    position: relative;
    max-width: 1000px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}

.search-results-item::after {
    content: "";
    display: table;
    clear: both;
}

.search-results-item:last-child {
    border-bottom: none;
}


/* search results item image */

.sr-item-img-holder {
    position: relative;
    display: block;
    float: left;
    width: 300px;
    height: 240px;
    background-color: rgba(238, 238, 240, 1);
    margin-right: 30px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sr-item-img-holder:hover {
    opacity: .85;
}

@media (max-width: 992px) {
    .sr-item-img-holder {
        width: 180px;
        height: 130px;
        margin-right: 20px;
    }
}

@media (max-width: 768px) {
    .sr-item-img-holder {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 60%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.sr-item-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/* search results item info */

.sr-item-info {
    position: relative;
    display: table;
}

@media (max-width: 768px) {
    .sr-item-info {
        padding-left: 3%;
    }
}

.sr-item-category {
    margin: 5px 60px 5px 0;
}

.sr-item-category a,
.sr-item-category span {
    display: inline-block;
    padding: 2px 4px 0 4px;
    background-color: #00d6d4;
    font-size: 12px;
    color: #FFF;
}

.sr-item-category a:hover {
    opacity: .8;
}

.sr-item-title {
    display: inline;
    margin: 0;
    font-size: 28px;
    color: #333;
}

.sr-item-title>a {
    color: #333;
}

.sr-item-title:hover,
.sr-item-title>a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.sr-item-meta {
    margin-top: 15px;
    font-size: 13px;
    color: #888;
}

.sr-item-meta a {
    padding-bottom: 2px;
    color: #888;
}

.sr-item-meta a:hover {
    text-decoration: underline;
    color: #00d6d4;
}

.sr-item-meta .published {}

.sr-item-meta .posted-by {}

.sr-item-description {
    margin-top: 15px;
    font-size: 17px;
}


/* search results item attributes */

ul.sr-item-attr {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: #888;
}

ul.sr-item-attr>li {
    float: left;
    margin-right: 10px;
}

ul.sr-item-attr>li:last-child {
    margin-right: 0 !important;
}

ul.sr-item-attr>li a {
    color: #888;
}

ul.sr-item-attr>li a:hover {
    color: #00d6d4
}


/* search results item type */

.search-results-item .sr-item-type {
    position: absolute;
    bottom: 45px;
    right: 0;
    font-size: 15px;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}

.search-results-item:hover .sr-item-type {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

@media (max-width: 992px) {
    .search-results-item .sr-item-type {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}


/* No search results found 
=========================== */

.no-search-results {
    padding-bottom: 20%;
}


/* ----------------------------------------------------------------------- *
 * Lightgallery: (more info: http://sachinchoolur.github.io/lightGallery)
/* ----------------------------------------------------------------------- */

body.lg-on {
    overflow: hidden !important;
}

.lg-backdrop {
    z-index: 99;
}

.lg-outer {
    z-index: 99;
}


/* Lightgallery sub html (image caption) */

.lg-sub-html {
    font-size: 16px;
}

@media (max-width: 992px) {
    .lg-sub-html {
        padding: 10px 10px 40px 10px;
        font-size: 14px;
    }
}

.lg-sub-html p {
    display: inline-block;
    max-width: 1000px;
    font-size: 16px;
}


/* Lightgallery thumbnails improvements */

.lg-outer .lg-thumb {
    margin-left: auto;
    margin-right: auto;
}

.lg-outer .lg-thumb-item {
    position: relative;
    border: 2px solid #FFF;
    border-radius: 0;
}

.lg-outer .lg-thumb-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: inherit;
    width: 150%;
    height: auto;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* Lightgallery autoplay progress bar improvements */

.lg-progress-bar {
    background-color: #333;
    height: 3px;
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 3px;
}


/* hide next/prev buttons on small screens */

@media (max-width: 768px) {

    .lg-actions .lg-next,
    .lg-actions .lg-prev {
        display: none;
    }
}


/* ------------------------------------------------------------- *
 * Forms
/* ------------------------------------------------------------- */

#contact-message-feedback-sagemcom-site-form .js-form-item {
    margin: 10px auto;
}

.form-group {
    margin-bottom: 20px;
}

.form-control {
    height: 48px;
    background-color: #FFF;
    padding: 6px 12px;
    font-size: 14px;
    color: #333;
    border: 1px solid rgba(148, 148, 148, 0.3);
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input.form-search {
    color: #fff;
}

.form-control:focus {
    border-color: #00d6d4 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*input page talent **/
input.carriere_search {
    width: 51%;
    height: 46px;
    border-radius: 23px;
}

.form-btn-inside button.carriere {
    right: 25%;
}

/* select */

select {
    cursor: pointer;
}

select:required:invalid {
    color: #999;
}

option[value=""][disabled] {
    display: none;
}

option {
    color: black;
}


/* label */

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 17px;
}


/* placeholder */

::-webkit-input-placeholder {
    color: #666 !important;
}

:-moz-placeholder {
    color: #666 !important;
}

::-moz-placeholder {
    color: #666 !important;
}

:-ms-input-placeholder {
    color: #666 !important;
}


/* form with button inside */

.form-btn-inside {
    position: relative;
    font-size: 0;
}

.form-btn-inside .form-control {
    padding-right: 68px;
}
li.inputSearchHeader {padding-top: 8px;}
/*li.inputSearchHeader .form-btn-inside input.form-control  {
    background-color: transparent;
    border-color: transparent;
    width: 0; 
    display: none;
}*/
li.inputSearchHeader .form-btn-inside input.form-control
{
    background-color: transparent;
    border-color: #0086FB;
    border: 2px solid #0086FB;
    border-radius: 43%;
    color: #0086FB;
    border-radius: 50px;
    height: 35px;
    padding-left: 30px;
    padding-right: 2px;
    width: 100%;
    margin-top: 10px;
}

li.inputSearchHeader #edit-search-api-fulltext::-webkit-input-placeholder  { 
  color: #0086FB !important;
}

li.inputSearchHeader #edit-search-api-fulltext:-moz-placeholder { 
  color: #0086FB !important;
}
li.inputSearchHeader #edit-search-api-fulltext::-moz-placeholder{
  color: #0086FB !important;
}
li.inputSearchHeader #edit-search-api-fulltext:-ms-input-placeholder{
  color: #0086FB !important;
}
li.inputSearchHeader #edit-search-api-fulltext:placeholder {
  color: #0086FB !important;
} 


.form-btn-inside button {
    position: absolute;
    top: 45%;
    right: 0;
    width: auto;
    height: 100%;
    line-height: 40px;
    background-color: transparent;
    padding: 0 15px 0 15px;
    font-size: 18px;
    color: #333;
    border: none;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

li.inputSearchHeader  .form-btn-inside button {
    color: #0086FB;
    padding: 0 2px 0 8px;
    left: 0;
    right: inherit;
}

.form-btn-inside button:hover {
    opacity: .8;
}

.form-btn-inside button:focus {
    outline: none;
}


/* input */

input[type=radio] {
    cursor: pointer;
}


/* input sizes */

.input-sm,
select.input-sm {
    height: 35px;
    line-height: 35px;
}


/* ------------------------------------------------------------- *
 * Modal
/* ------------------------------------------------------------- */

body.modal-open {
    overflow-y: hidden !important;
    padding-right: 0 !important;
}

.modal-open .modal {
    padding-right: 0 !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 99;
}

.modal.fade {
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.modal-backdrop.in,
.modal-backdrop.fade.in {
    opacity: 0;
    z-index: -1; 
}

.modal-dialog {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}


/* modal background image */

.modal-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/* modal header */

.modal-header {
    background-color: rgba(111, 111, 111, 0.09);
    padding: 15px;
    text-align: left;
    border-bottom: none;
}

.modal-header .close, 
.modal-header .close-pictos
 {
    margin-top: -7px;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
}

.modal-header .close:hover {}

.modal-header .close:active,
.modal-header .close:focus,

.modal-header .close-pictos:active,
.modal-header .close-pictos:focus
 {
    outline: none;
}

.modal-title {
    font-size: 14px;
}


/* modal body */

.modal-body {
    padding: 1px 0 30px 0;
}

.modal-body-image-1 {
    width: 120px;
    height: 120px;
    margin: 20px auto 0 auto;
    overflow: hidden;
    border-radius: 50%;
}

.modal-body-image-2 {
    height: 140px;
}


/* modal body content */

.modal-body-content {
    padding: 30px 20px 20px 20px;
}

.modal-body .modal-body-heading {
    font-size: 21px;
}


/* modal footer */

.modal-footer {
    padding: 15px;
    text-align: left;
    font-size: 14px;
    color: #888;
    border: none;
}


/* modal content */

.modal-content {
    position: relative;
    background-color: transparent;
    z-index: 2;
    border: none;
}

@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
    }
}


/* Modal position senter 
========================= */

@media (min-width: 768px) {
    .modal-center .modal-dialog {
        position: absolute;
        top: 45%;
        left: 50%;
        -moz-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
    }
}


/* Modal sidebar left/right
============================= */

.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 40%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

@media (max-width: 1282px) {

    /* boxed layout width */
    .modal.modal-left .modal-dialog,
    .modal.modal-right .modal-dialog {
        width: 50%;
    }
}

@media (max-width: 768px) {

    .modal.modal-left .modal-dialog,
    .modal.modal-right .modal-dialog {
        width: 100%;
    }
}


/* Left */

.modal.modal-left.fade .modal-dialog {
    left: -40%;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.modal-left.fade.in .modal-dialog {
    left: 0;
}


/* Right */

.modal.modal-right.fade .modal-dialog {
    right: -40%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.modal-right.fade.in .modal-dialog {
    right: 0;
}


/* Modal sidebar style 
======================== */

.modal.modal-left,
.modal.modal-right {
    background-color: rgba(0, 0, 0, 0.7);
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
    height: 100%;
    padding-bottom: 104px;
    border-radius: 0;
    border: none;
}

.modal.modal-left .modal-header,
.modal.modal-right .modal-header {
    background-color: transparent;
    border: none;
}

.modal.modal-left .modal-title,
.modal.modal-right .modal-title {
    font-size: 14px;
}

.modal.modal-left .modal-header .close,
.modal.modal-right .modal-header .close {}

.modal.modal-left .modal-footer,
.modal.modal-right .modal-footer {
    font-size: 14px;
}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body {
    height: 100%;
    overflow-y: auto;
}

.modal.modal-left .modal-body-content,
.modal.modal-right .modal-body-content {
    padding: 5% 5% 20px 5%;
}

.modal.modal-left .modal-body .modal-body-heading,
.modal.modal-right .modal-body .modal-body-heading {
    max-width: 590px;
    font-size: 38px;
}

@media (max-width: 1200px) {

    .modal.modal-left .modal-body .modal-body-heading,
    .modal.modal-right .modal-body .modal-body-heading {
        font-size: 32px;
    }
}

@media (max-width: 992px) {

    .modal.modal-left .modal-body .modal-body-heading,
    .modal.modal-right .modal-body .modal-body-heading {
        font-size: 24px;
    }
}

.modal.modal-left .modal-body .modal-body-image-1,
.modal.modal-right .modal-body .modal-body-image-1 {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px auto;
}

.modal.modal-left .modal-body .modal-body-image-2,
.modal.modal-right .modal-body .modal-body-image-2 {
    height: 160px;
}

@media (max-width: 992px) {

    .modal.modal-left .modal-body .modal-body-image-2,
    .modal.modal-right .modal-body .modal-body-image-2 {
        height: 140px;
    }
}


/* modal share 
=============== */

.modal-share {
    text-align: center;
}


/* modal share social buttons */

.modal-share .social-buttons {}


/* modal share grab link */

.modal-share .grab-link {
    display: block;
    width: 80%;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.25);
    margin: 30px auto 0 auto;
    text-align: center;
    padding: 0 20px;
    font-size: 15px;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid rgba(125, 125, 125, 0.2);
}

@media (max-width: 768px) {
    .modal-share .grab-link {
        width: 100%;
    }
}


/* ------------------------------------------------------------- *
 * Thumbnail list
/* ------------------------------------------------------------- */

.thumb-list {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.thumb-list>li {
    float: left;
}


/* thumbnail list item */

.thumb-list .thumb-list-item {
    display: block;
    background-color: rgba(91, 107, 140, 0.1);
    padding-bottom: 100%;
    border: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.thumb-list .thumb-list-item:hover {
    opacity: .8;
}


/* thumbnail list columns */

.thumb-list.col-2>li {
    width: 50%;
}

.thumb-list.col-3>li {
    width: 33.33333333%;
}

.thumb-list.col-4>li {
    width: 25%;
}

.thumb-list.col-5>li {
    width: 20%;
}

.thumb-list.col-6>li {
    width: 16.66666666666667%;
}


/* thumbnail list gutter (more space between items) */

.thumb-list.gutter-1>li {
    padding: 1px;
}

.thumb-list.gutter-2>li {
    padding: 2px;
}

.thumb-list.gutter-3>li {
    padding: 3px;
}

.thumb-list.gutter-4>li {
    padding: 4px;
}

.thumb-list.gutter-5>li {
    padding: 5px;
}


/* ------------------------------------------------------------- *
 * Sticky share
/* ------------------------------------------------------------- */

.sticky-share {
    position: fixed;
    left: 0;
    top: 25%;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.sticky-share.sticky-share-open {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.sticky-share-inner {
    position: relative;
    background-color: #FFF;
    padding: 0 5px 5px 5px;
    border: 1px solid #e1e1e1;
    z-index: 2;
}


/* sticky share list */

ul.sticky-share-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.sticky-share-list>li {
    list-style: none;
    margin-bottom: 3px;
}

ul.sticky-share-list>li:last-child {
    margin-bottom: 0;
}

ul.sticky-share-list>li>.btn {
    margin: 0;
}

.sticky-share-title {
    font-size: 12px;
    font-weight: 500;
    color: #222;
}


/* sticky share icon */

.sticky-share-button {
    position: absolute;
    top: 12px;
    left: 100%;
    width: 36px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    background-color: #00d6d4;
    font-size: 15px;
    color: #FFF;
    cursor: pointer;
    z-index: 1;
}

.sticky-share-button:hover {}

.sticky-share-button .ss-close {
    display: none;
}

.sticky-share.sticky-share-open .ss-close {
    display: inline-block;
}

.sticky-share.sticky-share-open .ss-icon {
    display: none;
}


/* Sticky share aligns 
======================= */


/* aling right */

.sticky-share.ss-right {
    left: auto;
    right: 0;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.sticky-share.ss-right.sticky-share-open {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.sticky-share.ss-right .sticky-share-button {
    left: auto;
    right: 100%;
}


/* ------------------------------------------------------------------------------------------------------------------------- *
 *  Split box
 *  based on - Bootstrap 3 responsive columns of same height
 *  source and tutorial: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
 *  Note: look into "helper.css" file to find source code.
/* ------------------------------------------------------------------------------------------------------------------------- */

.split-box {}

.split-box.left-border,
.split-box.right-border {
    position: relative;
    padding-bottom: 0 !important;
}


/* Split box image 
=================== */

.split-box-image {
    position: relative;
    background-color: rgba(91, 107, 140, 0.1);
}


/* split box image height */

.sbi-height {}

@media (max-width: 1199px) {
    .sbi-height {
        padding-bottom: 60% !important;
    }
}

@media (max-width: 767px) {
    .sbi-height {
        padding-bottom: 80% !important;
    }
}

.sbi-height.full-height-vh {
    min-height: calc(100vh - 82px) !important;
    /* offset is same as header height */
}

@media (max-width: 992px) {
    .sbi-height.full-height-vh {
        min-height: calc(100vh - 62px) !important;
        /* offset is same as mobile header height */
    }
}

@media (min-width: 992px) {
    body.header-transparent-on .sbi-height.full-height-vh {
        min-height: 100vh !important;
    }
}


/* split box image frame (effect only on element boxed layout!) */

body.tt-boxed .tt-wrap .split-box-image.frame-left::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 17px solid #00d6d4;
    outline: 1px solid transparent;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
}

body.tt-boxed .tt-wrap .split-box-image:hover.frame-left::before {
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

body.tt-boxed .tt-wrap .split-box-image.frame-right::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 17px solid #00d6d4;
    outline: 1px solid transparent;
    z-index: 1;
    opacity: .8;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
}

body.tt-boxed .tt-wrap .split-box-image:hover.frame-right::before {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}

@media (max-width: 420px) {

    body.tt-boxed .tt-wrap .split-box-image.frame-left::before,
    body.tt-boxed .tt-wrap .split-box-image.frame-right::before {
        border-width: 10px;
    }
}


/* Split box content 
==================== */

.split-box-content {
    position: relative;
    padding: 10% 10%;
    z-index: 9;
}

@media (max-width: 1199px) {
    .split-box-content {
        padding: 10% 4% 10% 4%;
    }
}


/* if page boxed layout enabled */

@media (min-width: 1200px) {
    body.tt-boxed .tt-wrap .split-box-content.sb-content-left {
        padding-left: 0;
    }

    body.tt-boxed .tt-wrap .split-box-content.sb-content-right {
        padding-right: 0;
    }
}


/* split box content text */

.split-box-content-text {}


/* Split box content styles 
============================ */


/* split box content shifted left/right */

@media (min-width: 1200px) {
    .split-box-content.sb-shifted-left {
        background-color: #FFF;
        margin-top: 7%;
        margin-bottom: 7%;
        margin-left: -15% !important;
    }

    .split-box-content.sb-shifted-right {
        background-color: #FFF;
        margin-top: 7%;
        margin-bottom: 7%;
        margin-right: -15% !important;
    }
}


/* split box content colored */

.split-box-content.sb-content-color {
    background-color: transparent !important;
    padding: 10% !important;
    color: #fff !important;
    -webkit-box-shadow: 8px 8px 40px -10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 8px 8px 40px -10px rgba(0, 0, 0, 0.6);
    box-shadow: 8px 8px 40px -10px rgba(0, 0, 0, 0.6);
}

.split-box-content.sb-content-color::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00d6d4;
    z-index: -1;
    opacity: .95;
}

.split-box-content.sb-content-color .split-box-content-text a {
    color: #FFF;
    border-bottom: 1px dotted;
}

.split-box-content.sb-content-color .split-box-content-text a:hover {
    opacity: .8;
}

@media (min-width: 1200px) {
    .split-box-content.sb-content-color {
        margin-top: 7%;
        margin-bottom: 7%;
        margin-left: 10%;
        margin-right: 10%;
    }

    /* if page boxed layout enabled */
    body.tt-boxed .tt-wrap .split-box-content.sb-content-color.sb-content-left {
        margin-left: 0;
    }

    body.tt-boxed .tt-wrap .split-box-content.sb-content-color.sb-content-right {
        margin-right: 0;
    }
}

.split-box-content.sb-content-color .zig-zag-separator span {
    border-color: #FFF;
}

.split-box-content.sb-content-color .signature-dark {
    display: none;
}

.split-box-content.sb-content-color .signature-light {
    display: block;
}


/* ------------------------------------------------------------- *
 *  Pagination (tt-pagination)
/* ------------------------------------------------------------- */

.tt-pagination-wrap {
    padding: 30px 2.5%;
}

.tt-pagination {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tt-pagination>li {
    display: inline-block;
}

.tt-pagination>li>a,
.tt-pagination>li>span {
    position: relative;
    display: block;
    float: none;
    padding: 7px 14px;
    margin: 5px 0;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    background-color: rgba(238, 238, 240, 1);
    border: 1px solid #E8E8E8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tt-pagination>li>span {
    background-color: transparent;
    border: none;
}

.tt-pagination>li:first-child>a {
    margin-left: 0;
}

.tt-pagination>li:last-child>a {}

.tt-pagination>li>a:focus,
.tt-pagination>li>a:hover {
    color: #FFF;
    background-color: #00d6d4;
    border-color: #00d6d4;
}

.tt-pagination>li.active>a,
.tt-pagination>li.active>a:focus,
.tt-pagination>li.active>a:hover {
    color: #FFF;
    cursor: default;
    background-color: #00d6d4;
    border-color: #00d6d4;
}


/* if boxed layout enabled */

body.tt-boxed .tt-wrap .tt-pagination-wrap {
    padding-left: 0;
    padding-right: 0;
}


/* tt-pagination info */

.tt-pagination-info {
    margin-top: 15px;
    font-size: 12px;
    color: #999;
}

@media (max-width: 992px) {
    .tt-pagination-info {
        margin-top: 20px;
        text-align: center;
    }
}

.tt-pagination-info span {
    display: block;
}


/* tt-pagination aligns 
======================== */


/* align center */

.tt-pagination-wrap.tt-pagin-center {
    text-align: center;
}


/* align right */

.tt-pagination-wrap.tt-pagin-right {
    text-align: right;
}


/* tt-pagination styles 
======================== */


/* rounded */

.tt-pagination-wrap.tt-pagin-rounded .tt-pagination>li>a,
.tt-pagination-wrap.tt-pagin-rounded .tt-pagination>li>span {
    border-radius: 50px;
}


/* ------------------------------------------------------------- *
 * Buttons + Cookie Buttons ( même style )
/* ------------------------------------------------------------- */

.btn,
.agree-button,
.decline-button,
.hide-popup-button,
.find-more-button {
    position: relative;
    margin: 8px 0;
    padding: 10px 20px;
    font-size: 16px;
    z-index: 9;
    color: transparent !important;
    text-shadow: 0 0 0 #222, 0 50px 0 #222;
    border-radius: 0;
    border: 3px solid rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#popup-text .find-more-button {
    margin: 0;
    padding: 0;
}

.btn:hover,
.agree-button:hover,
.decline-button:hover,
.hide-popup-button:hover,
.find-more-button:hover,

.btn.focus,
.agree-button.focus,
.decline-button.focus,
.hide-popup-button.focus,
.find-more-button.focus,

.btn:focus,
.agree-button:focus,
.decline-button:focus,
.hide-popup-button:focus,
.find-more-button:focus,

.btn.active,
.decline-button.active,
.agree-button.active,
.hide-popup-button.active,
.find-more-button.active,

.btn:active,
.agree-button:active,
.decline-button:active,
.hide-popup-button:active,
.find-more-button:active,

.btn.active.focus,
.agree-button.active.focus,
.decline-button.active.focus,
.hide-popup-button.active.focus,
.find-more-button.active.focus,

.btn.active:focus,
.decline-button.active:focus,
.agree-button.active:focus,
.hide-popup-button.active:focus,
.find-more-button.active:focus,

.btn.active:hover,
.agree-button.active:hover,
.decline-button.active:hover,
.hide-popup-button.active:hover,
.find-more-button.active:hover,

.btn:active.focus,
.agree-button:active.focus,
.decline-button:active.focus,
.hide-popup-button:active.focus,
.find-more-button:active.focus,

.btn:active:focus,
.agree-button:active:focus,
.decline-button:active:focus,
.hide-popup-button:active:focus,
.find-more-button:active:focus,

.btn:active:hover .agree-button:active:hover .decline-button:active:hover .hide-popup-button:active:hover,
.find-more-button:active:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}


/* Button styles 
================= */


/* Button default */

.btn-default {
    background-color: rgba(238, 238, 240, 1);
    border-color: transparent;
    text-shadow: 0 0 0 #222, 0 50px 0 #222;
}

.btn-default:hover,
.btn-default.focus,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    background-color: rgba(238, 238, 240, 1);
    border-color: transparent;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}

.btn-default.btn-link {
    text-shadow: 0 0 0 #222, 0 50px 0 #222;
}

.btn-default.btn-link:hover,
.btn-default.btn-link.focus,
.btn-default.btn-link:focus,
.btn-default.btn-link.active,
.btn-default.btn-link:active,
.btn-default.btn-link.active.focus,
.btn-default.btn-link.active:focus,
.btn-default.btn-link.active:hover,
.btn-default.btn-link:active.focus,
.btn-default.btn-link:active:focus,
.btn-default.btn-link:active:hover,
.open>.dropdown-toggle.btn-default.btn-link,
.open>.dropdown-toggle.btn-default.btn-link.focus,
.open>.dropdown-toggle.btn-default.btn-link:focus,
.open>.dropdown-toggle.btn-default.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}

.btn-default-transparent {
    background-color: transparent;
    border-color: transparent;
    text-shadow: 0 0 0 #222, 0 50px 0 #222;
}

/*.btn-default-transparent i{
    color: #fff;
}*/

.btn-default-transparent:hover,
.btn-default-transparent.focus,
.btn-default-transparent:focus,
.btn-default-transparent.active,
.btn-default-transparent:active,
.btn-default-transparent.active.focus,
.btn-default-transparent.active:focus,
.btn-default-transparent.active:hover,
.btn-default-transparent:active.focus,
.btn-default-transparent:active:focus,
.btn-default-transparent:active:hover,
.open>.dropdown-toggle.btn-default-transparent,
.open>.dropdown-toggle.btn-default-transparent.focus,
.open>.dropdown-toggle.btn-default-transparent:focus,
.open>.dropdown-toggle.btn-default-transparent:hover {
    background-color: transparent;
    border-color: transparent;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}

.btn-default.btn-link {
    text-shadow: 0 0 0 #222, 0 50px 0 #222;
}

.btn-default-transparent.btn-link:hover,
.btn-default-transparent.btn-link.focus,
.btn-default-transparent.btn-link:focus,
.btn-default-transparent.btn-link.active,
.btn-default-transparent.btn-link:active,
.btn-default-transparent.btn-link.active.focus,
.btn-default-transparent.btn-link.active:focus,
.btn-default-transparent.btn-link.active:hover,
.btn-default-transparent.btn-link:active.focus,
.btn-default-transparent.btn-link:active:focus,
.btn-default-transparent.btn-link:active:hover,
.open>.dropdown-toggle.btn-default-transparent.btn-link,
.open>.dropdown-toggle.btn-default-transparent.btn-link.focus,
.open>.dropdown-toggle.btn-default-transparent.btn-link:focus,
.open>.dropdown-toggle.btn-default-transparent.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}

.btn-default-bordered {
    background-color: transparent;
    border-color: rgba(136, 136, 136, 0.35);
    box-shadow: none;
    text-shadow: 0 0 0 #222, 0 50px 0 #222;
}

.btn-default-bordered:hover,
.btn-default-bordered.focus,
.btn-default-bordered:focus,
.btn-default-bordered.active,
.btn-default-bordered:active,
.btn-default-bordered.active.focus,
.btn-default-bordered.active:focus,
.btn-default-bordered.active:hover,
.btn-default-bordered:active.focus,
.btn-default-bordered:active:focus,
.btn-default-bordered:active:hover,
.open>.dropdown-toggle.btn-default-bordered,
.open>.dropdown-toggle.btn-default-bordered.focus,
.open>.dropdown-toggle.btn-default-bordered:focus,
.open>.dropdown-toggle.btn-default-bordered:hover {
    background-color: rgba(238, 238, 240, 1);
    border-color: transparent;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}


/* Button primary */

.btn-primary,
input#edit-submit,
.eu-cookie-compliance-secondary-button,
.eu-cookie-compliance-hide-button {
    /* same as template main color */
    background-color: #00d6d4;
    background-image: inherit !important;
    border-color: #00d6d4;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.btn-primary:hover,
input#edit-submit:hover,
.eu-cookie-compliance-secondary-button:hover,
.eu-cookie-compliance-hide-button:hover,
.btn-primary.focus,
.eu-cookie-compliance-secondary-button.focus,
.eu-cookie-compliance-hide-button.focus,
.btn-primary:focus,
.eu-cookie-compliance-secondary-button:focus,
.eu-cookie-compliance-hide-button:focus,
.btn-primary.active,
.eu-cookie-compliance-secondary-button.active,
.eu-cookie-compliance-hide-button.active,
.btn-primary:active,
.eu-cookie-compliance-secondary-button:active,
.eu-cookie-compliance-hide-button:active,
.btn-primary.active.focus,
.eu-cookie-compliance-secondary-button.active.focus,
.eu-cookie-compliance-hide-button.active.focus,
.btn-primary.active:focus,
.eu-cookie-compliance-secondary-button.active:focus,
.eu-cookie-compliance-hide-button.active:focus,
.btn-primary.active:hover,
.eu-cookie-compliance-secondary-button.active:hover,
.eu-cookie-compliance-hide-button.active:hover,
.btn-primary:active.focus,
.eu-cookie-compliance-secondary-button:active.focus,
.eu-cookie-compliance-hide-button:active.focus,
.btn-primary:active:focus,
.eu-cookie-compliance-secondary-button:active:focus,
.eu-cookie-compliance-hide-button:active:focus,
.btn-primary:active:hover,
.eu-cookie-compliance-secondary-button:active:hover,
.eu-cookie-compliance-hide-button:active:hover,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #00d6d4;
    border-color: #00d6d4;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

.btn-primary.btn-link {
    text-shadow: 0 0 0 #00d6d4, 0 50px 0 #00d6d4;
}

.btn-primary.btn-link:hover,
.btn-primary.btn-link.focus,
.btn-primary.btn-link:focus,
.btn-primary.btn-link.active,
.btn-primary.btn-link:active,
.btn-primary.btn-link.active.focus,
.btn-primary.btn-link.active:focus,
.btn-primary.btn-link.active:hover,
.btn-primary.btn-link:active.focus,
.btn-primary.btn-link:active:focus,
.btn-primary.btn-link:active:hover,
.open>.dropdown-toggle.btn-primary.btn-link,
.open>.dropdown-toggle.btn-primary.btn-link.focus,
.open>.dropdown-toggle.btn-primary.btn-link:focus,
.open>.dropdown-toggle.btn-primary.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #00d6d4, 0 0 0 #00d6d4;
}

.btn-primary-bordered {
    background-color: transparent;
    border-color: #00d6d4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 0 #00d6d4, 0 50px 0 #00d6d4;
}

.btn-primary-bordered:hover,
.btn-primary-bordered.focus,
.btn-primary-bordered:focus,
.btn-primary-bordered.active,
.btn-primary-bordered:active,
.btn-primary-bordered.active.focus,
.btn-primary-bordered.active:focus,
.btn-primary-bordered.active:hover,
.btn-primary-bordered:active.focus,
.btn-primary-bordered:active:focus,
.btn-primary-bordered:active:hover,
.open>.dropdown-toggle.btn-primary-bordered,
.open>.dropdown-toggle.btn-primary-bordered.focus,
.open>.dropdown-toggle.btn-primary-bordered:focus,
.open>.dropdown-toggle.btn-primary-bordered:hover {
    background-color: #00d6d4;
    border-color: #00d6d4;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button success */

.btn-success {
    background-color: #41b541;
    border-color: #41b541;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-success:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    background-color: #41b541;
    border-color: #41b541;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

.btn-success.btn-link {
    text-shadow: 0 0 0 #41b541, 0 50px 0 #41b541;
}

.btn-success.btn-link:hover,
.btn-success.btn-link.focus,
.btn-success.btn-link:focus,
.btn-success.btn-link.active,
.btn-success.btn-link:active,
.btn-success.btn-link.active.focus,
.btn-success.btn-link.active:focus,
.btn-success.btn-link.active:hover,
.btn-success.btn-link:active.focus,
.btn-success.btn-link:active:focus,
.btn-success.btn-link:active:hover,
.open>.dropdown-toggle.btn-success.btn-link,
.open>.dropdown-toggle.btn-success.btn-link.focus,
.open>.dropdown-toggle.btn-success.btn-link:focus,
.open>.dropdown-toggle.btn-success.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #5cb85c, 0 0 0 #5cb85c;
}

.btn-success-bordered {
    background-color: transparent;
    border-color: #41b541;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 0 #41b541, 0 50px 0 #41b541;
}

.btn-success-bordered:hover,
.btn-success-bordered.focus,
.btn-success-bordered:focus,
.btn-success-bordered.active,
.btn-success-bordered:active,
.btn-success-bordered.active.focus,
.btn-success-bordered.active:focus,
.btn-success-bordered.active:hover,
.btn-success-bordered:active.focus,
.btn-success-bordered:active:focus,
.btn-success-bordered:active:hover,
.open>.dropdown-toggle.btn-success-bordered,
.open>.dropdown-toggle.btn-success-bordered.focus,
.open>.dropdown-toggle.btn-success-bordered:focus,
.open>.dropdown-toggle.btn-success-bordered:hover {
    background-color: #41b541;
    border-color: #41b541;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button info */

.btn-info {
    background-color: #31B0D5;
    border-color: #31B0D5;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-info:hover,
.btn-info.focus,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    background-color: #31B0D5;
    border-color: #31B0D5;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

.btn-info.btn-link {
    text-shadow: 0 0 0 #31B0D5, 0 50px 0 #31B0D5;
}

.btn-info.btn-link:hover,
.btn-info.btn-link.focus,
.btn-info.btn-link:focus,
.btn-info.btn-link.active,
.btn-info.btn-link:active,
.btn-info.btn-link.active.focus,
.btn-info.btn-link.active:focus,
.btn-info.btn-link.active:hover,
.btn-info.btn-link:active.focus,
.btn-info.btn-link:active:focus,
.btn-info.btn-link:active:hover,
.open>.dropdown-toggle.btn-info.btn-link,
.open>.dropdown-toggle.btn-info.btn-link.focus,
.open>.dropdown-toggle.btn-info.btn-link:focus,
.open>.dropdown-toggle.btn-info.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #31B0D5, 0 0 0 #31B0D5;
}

.btn-info-bordered {
    background-color: transparent;
    border-color: #31B0D5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 0 #5BC0DE, 0 50px 0 #5BC0DE;
}

.btn-info-bordered:hover,
.btn-info-bordered.focus,
.btn-info-bordered:focus,
.btn-info-bordered.active,
.btn-info-bordered:active,
.btn-info-bordered.active.focus,
.btn-info-bordered.active:focus,
.btn-info-bordered.active:hover,
.btn-info-bordered:active.focus,
.btn-info-bordered:active:focus,
.btn-info-bordered:active:hover,
.open>.dropdown-toggle.btn-info-bordered,
.open>.dropdown-toggle.btn-info-bordered.focus,
.open>.dropdown-toggle.btn-info-bordered:focus,
.open>.dropdown-toggle.btn-info-bordered:hover {
    background-color: #31B0D5;
    border-color: #31B0D5;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button warning */

.btn-warning {
    background-color: #FBD320;
    border-color: #FBD320;
    text-shadow: 0 0 0 #222, 0 50px 0 #222;
}

.btn-warning:hover,
.btn-warning.focus,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
    background-color: #FBD320;
    border-color: #FBD320;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}

.btn-warning.btn-link {
    text-shadow: 0 0 0 #d8b411, 0 50px 0 #d8b411;
}

.btn-warning.btn-link:hover,
.btn-warning.btn-link.focus,
.btn-warning.btn-link:focus,
.btn-warning.btn-link.active,
.btn-warning.btn-link:active,
.btn-warning.btn-link.active.focus,
.btn-warning.btn-link.active:focus,
.btn-warning.btn-link.active:hover,
.btn-warning.btn-link:active.focus,
.btn-warning.btn-link:active:focus,
.btn-warning.btn-link:active:hover,
.open>.dropdown-toggle.btn-warning.btn-link,
.open>.dropdown-toggle.btn-warning.btn-link.focus,
.open>.dropdown-toggle.btn-warning.btn-link:focus,
.open>.dropdown-toggle.btn-warning.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #d8b411, 0 0 0 #d8b411;
}

.btn-warning-bordered {
    background-color: transparent;
    border-color: #FBD320;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 0 #d8b411, 0 50px 0 #d8b411;
}

.btn-warning-bordered:hover,
.btn-warning-bordered.focus,
.btn-warning-bordered:focus,
.btn-warning-bordered.active,
.btn-warning-bordered:active,
.btn-warning-bordered.active.focus,
.btn-warning-bordered.active:focus,
.btn-warning-bordered.active:hover,
.btn-warning-bordered:active.focus,
.btn-warning-bordered:active:focus,
.btn-warning-bordered:active:hover,
.open>.dropdown-toggle.btn-warning-bordered,
.open>.dropdown-toggle.btn-warning-bordered.focus,
.open>.dropdown-toggle.btn-warning-bordered:focus,
.open>.dropdown-toggle.btn-warning-bordered:hover {
    background-color: #FBD320;
    border-color: #FBD320;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}


/* Button danger */

.btn-danger {
    background-color: #EC3A35;
    border-color: #EC3A35;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
    background-color: #EC3A35;
    border-color: #EC3A35;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

.btn-danger.btn-link {
    text-shadow: 0 0 0 #EC3A35, 0 50px 0 #EC3A35;
}

.btn-danger.btn-link:hover,
.btn-danger.btn-link.focus,
.btn-danger.btn-link:focus,
.btn-danger.btn-link.active,
.btn-danger.btn-link:active,
.btn-danger.btn-link.active.focus,
.btn-danger.btn-link.active:focus,
.btn-danger.btn-link.active:hover,
.btn-danger.btn-link:active.focus,
.btn-danger.btn-link:active:focus,
.btn-danger.btn-link:active:hover,
.open>.dropdown-toggle.btn-danger.btn-link,
.open>.dropdown-toggle.btn-danger.btn-link.focus,
.open>.dropdown-toggle.btn-danger.btn-link:focus,
.open>.dropdown-toggle.btn-danger.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #EC3A35, 0 0 0 #EC3A35;
}

.btn-danger-bordered {
    background-color: transparent;
    border-color: #EC3A35;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 0 #EC3A35, 0 50px 0 #EC3A35;
}

.btn-danger-bordered:hover,
.btn-danger-bordered.focus,
.btn-danger-bordered:focus,
.btn-danger-bordered.active,
.btn-danger-bordered:active,
.btn-danger-bordered.active.focus,
.btn-danger-bordered.active:focus,
.btn-danger-bordered.active:hover,
.btn-danger-bordered:active.focus,
.btn-danger-bordered:active:focus,
.btn-danger-bordered:active:hover,
.open>.dropdown-toggle.btn-danger-bordered,
.open>.dropdown-toggle.btn-danger-bordered.focus,
.open>.dropdown-toggle.btn-danger-bordered:focus,
.open>.dropdown-toggle.btn-danger-bordered:hover {
    background-color: #EC3A35;
    border-color: #EC3A35;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button dark */

.btn-dark {
    background-color: #181c25;
    border-color: #181c25;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-dark:hover,
.btn-dark.focus,
.btn-dark:focus,
.btn-dark.active,
.btn-dark:active,
.btn-dark.active.focus,
.btn-dark.active:focus,
.btn-dark.active:hover,
.btn-dark:active.focus,
.btn-dark:active:focus,
.btn-dark:active:hover,
.open>.dropdown-toggle.btn-dark,
.open>.dropdown-toggle.btn-dark.focus,
.open>.dropdown-toggle.btn-dark:focus,
.open>.dropdown-toggle.btn-dark:hover {
    background-color: #181c25;
    border-color: #181c25;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

.btn-dark.btn-link {
    text-shadow: 0 0 0 #181c25, 0 50px 0 #181c25;
}

.btn-dark.btn-link:hover,
.btn-dark.btn-link.focus,
.btn-dark.btn-link:focus,
.btn-dark.btn-link.active,
.btn-dark.btn-link:active,
.btn-dark.btn-link.active.focus,
.btn-dark.btn-link.active:focus,
.btn-dark.btn-link.active:hover,
.btn-dark.btn-link:active.focus,
.btn-dark.btn-link:active:focus,
.btn-dark.btn-link:active:hover,
.open>.dropdown-toggle.btn-dark.btn-link,
.open>.dropdown-toggle.btn-dark.btn-link.focus,
.open>.dropdown-toggle.btn-dark.btn-link:focus,
.open>.dropdown-toggle.btn-dark.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #181c25, 0 0 0 #181c25;
}

.btn-dark-bordered {
    background-color: transparent;
    border: 3px solid #181c25;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 0 #181c25, 0 50px 0 #181c25;
}

.btn-dark-bordered:hover,
.btn-dark-bordered.focus,
.btn-dark-bordered:focus,
.btn-dark-bordered.active,
.btn-dark-bordered:active,
.btn-dark-bordered.active.focus,
.btn-dark-bordered.active:focus,
.btn-dark-bordered.active:hover,
.btn-dark-bordered:active.focus,
.btn-dark-bordered:active:focus,
.btn-dark-bordered:active:hover,
.open>.dropdown-toggle.btn-dark-bordered,
.open>.dropdown-toggle.btn-dark-bordered.focus,
.open>.dropdown-toggle.btn-dark-bordered:focus,
.open>.dropdown-toggle.btn-dark-bordered:hover {
    background-color: #181c25;
    border-color: #181c25;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button white */

.btn-white {
    color: transparent;
    background-color: #FFF;
    border-color: #FFF;
    text-shadow: 0 0 0 #222, 0 50px 0 #222;
}

.btn-white:hover,
.btn-white.focus,
.btn-white:focus,
.btn-white.active,
.btn-white:active,
.btn-white.active.focus,
.btn-white.active:focus,
.btn-white.active:hover,
.btn-white:active.focus,
.btn-white:active:focus,
.btn-white:active:hover,
.open>.dropdown-toggle.btn-white,
.open>.dropdown-toggle.btn-white.focus,
.open>.dropdown-toggle.btn-white:focus,
.open>.dropdown-toggle.btn-white:hover {
    border-color: #FFF;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}

.btn-white.btn-link {
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-white.btn-link:hover,
.btn-white.btn-link.focus,
.btn-white.btn-link:focus,
.btn-white.btn-link.active,
.btn-white.btn-link:active,
.btn-white.btn-link.active.focus,
.btn-white.btn-link.active:focus,
.btn-white.btn-link.active:hover,
.btn-white.btn-link:active.focus,
.btn-white.btn-link:active:focus,
.btn-white.btn-link:active:hover,
.open>.dropdown-toggle.btn-white.btn-link,
.open>.dropdown-toggle.btn-white.btn-link.focus,
.open>.dropdown-toggle.btn-white.btn-link:focus,
.open>.dropdown-toggle.btn-white.btn-link:hover {
    text-decoration: none;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

.btn-white-bordered,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-more-button-thank-you {
    background-color: #fff;
    /*background-color: transparent;*/
    background-image: inherit;
    border: 3px solid #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}
.f-block-links.social-buttons > ul > li > a >.fa-facebook-f,
.f-block-links.social-buttons > ul > li > a >.fa-linkedin-in,
.f-block-links.social-buttons > ul > li > a >.fa-linkedin,
.f-block-links.social-buttons > ul > li > a >.fa-twitter,
.f-block-links.social-buttons > ul > li > a >.fa-twitter-square,
.f-block-links.social-buttons > ul > li > a >.fa-facebook,
.f-block-links.social-buttons > ul > li > a >.fa-youtube,
.f-block-links.social-buttons > ul > li > a >.fa-instagram
 {
    color: #ffffff;
}

#footer .btn-social-min.btn-sm.btn-twit{
    background: #fff;
    width: 28px;
    height: 28px;
    margin-top: -14px;
}

.f-block-links.social-buttons > ul > li > a.btn-twit >.fa-twitter{
    color: #222221;
    padding-top: 2px;
    vertical-align: .215em;
    font-size: 1.5em;
}
.social-buttons ul > li:first-child {
    margin-top: 4px;
}

.btn-white-bordered:hover,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-more-button-thank-you:hover,
.btn-white-bordered.focus,
.eu-cookie-compliance-default-button.focus,
.eu-cookie-compliance-more-button-thank-you.focus,
.btn-white-bordered:focus,
.eu-cookie-compliance-default-button:focus,
.eu-cookie-compliance-more-button-thank-you:focus,
.btn-white-bordered.active,
.eu-cookie-compliance-default-button.active,
.eu-cookie-compliance-more-button-thank-you.active,
.btn-white-bordered:active,
.eu-cookie-compliance-default-button:active,
.eu-cookie-compliance-more-button-thank-you:active,
.btn-white-bordered.active.focus,
.eu-cookie-compliance-default-button.active.focus,
.eu-cookie-compliance-more-button-thank-you.active.focus,
.btn-white-bordered.active:focus,
.eu-cookie-compliance-default-button.active:focus,
.eu-cookie-compliance-more-button-thank-you.active:focus,
.btn-white-bordered.active:hover,
.eu-cookie-compliance-default-button.active:hover,
.eu-cookie-compliance-more-button-thank-you.active:hover,
.btn-white-bordered:active.focus,
.eu-cookie-compliance-default-button:active.focus,
.eu-cookie-compliance-more-button-thank-you:active.focus,
.btn-white-bordered:active:focus,
.eu-cookie-compliance-default-button:active:focus,
.eu-cookie-compliance-more-button-thank-you:active:focus,
.btn-white-bordered:active:hover,
.eu-cookie-compliance-default-button:active:hover,
.eu-cookie-compliance-more-button-thank-you:active:hover,
.open>.dropdown-toggle.btn-white-bordered,
.open>.dropdown-toggle.btn-white-bordered.focus,
.open>.dropdown-toggle.btn-white-bordered:focus,
.open>.dropdown-toggle.btn-white-bordered:hover {
    background-color: #FFF;
    border-color: #FFF;
    text-shadow: 0 -50px 0 #222, 0 0 0 #222;
}


/* Button link */

.btn-link {
    background-color: transparent !important;
    margin: 0;
    padding: 4px 0 !important;
    border: none;
    text-shadow: 0 0 0 #00d6d4, 0 50px 0 #00d6d4;
    /* same as template main link color */
}

.btn-link:hover,
.btn-link.focus,
.btn-link:focus,
.btn-link.active,
.btn-link:active,
.btn-link.active.focus,
.btn-link.active:focus,
.btn-link.active:hover,
.btn-link:active.focus,
.btn-link:active:focus,
.btn-link:active:hover,
.open>.dropdown-toggle.btn-link,
.open>.dropdown-toggle.btn-link.focus,
.open>.dropdown-toggle.btn-link:focus,
.open>.dropdown-toggle.btn-link:hover {
    color: #00d6d4;
    text-decoration: none;
    text-shadow: 0 -50px 0 #00d6d4, 0 0 0 #00d6d4;
}


/* Button with dropdown 
======================== */

.btn-group>.btn+.dropdown-toggle {
    padding-right: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}


/* Button social 
================= */

.btn-social {
    position: relative;
    padding-left: 55px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Button social icon */

.btn-social>.btn-social-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 42px;
    line-height: 40px;
    font-size: 1.4em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.btn-social>.btn-social-icon>i {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    padding-right: 0;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* Button social sizes */

.btn-social.btn-xs {
    padding-left: 55px;
}

.btn-social.btn-sm {
    padding-left: 55px;
}

.btn-social.btn-lg {
    padding-left: 60px;
}

.btn-social.btn-xlg {
    padding-left: 65px;
}


/* Button social min */

.btn-social-min {
    position: relative;
    width: 46px;
    height: 46px;
    line-height: 40px;
    padding: 0 !important;
    text-align: center;
    font-size: 16px;
}

.btn-social-min.btn-xs {
    width: 28px;
    height: 28px;
    line-height: 22px;
}

.btn-social-min.btn-sm {
    width: 34px;
    height: 34px;
    line-height: 28px;
}

/*** footer specific space ***/
#footer .btn-social-min.btn-sm {
    line-height: 30px;
}

.btn-social-min.btn-lg {
    width: 54px;
    height: 54px;
    line-height: 48px;
}

.btn-social-min.btn-xlg {
    width: 68px;
    height: 68px;
    line-height: 62px;
}


/* Button facebook */

.btn-facebook {
    background-color: #3b5998;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
    background-color: #3b5998;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

.fa-facebook-f {
    color: #fff;
}

.fa-facebook-f:hover,
.fa-facebook-f:focus,
.fa-facebook-f:active {
    color: #36d9d7;
}

.fa-youtube {
    color: #fff;
}

.fa-youtube:hover,
.fa-youtube:focus,
.fa-youtube:active {
    color: #36d9d7;
}


/* Button twitter */

.btn-twitter {
    background-color: #55acee;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
    background-color: #55acee;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

.fa-twitter {
    color: #fff;
}

.fa-twitter:hover,
.fa-twitter:focus,
.fa-twitter:active {
    color: #36d9d7;
}


/* Button instagram */

.fa-instagram {
    color: #fff;
}

.fa-instagram:hover,
.fa-instagram:focus,
.fa-instagram:active {
    color: #36d9d7;
}

/* Button dropbox */

.btn-dropbox {
    background-color: #1087dd;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open>.dropdown-toggle.btn-dropbox {
    background-color: #1087dd;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button linkedin */

.btn-linkedin {
    background-color: #007bb6;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.fa-linkedin-in,
.svg-inline--fa.fa-linkedin {
    color: #fff;
}

.fa-linkedin-in:hover,
.fa-linkedin-in:focus,
.fa-linkedin-in:active {
    color: #36d9d7;
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.svg-inline--fa.fa-linkedin:hover,
.svg-inline--fa.fa-linkedin:focus,
.svg-inline--fa.fa-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
    background-color: #007bb6;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button pinterest */

.btn-pinterest {
    background-color: #cb2027;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open>.dropdown-toggle.btn-pinterest {
    background-color: #cb2027;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button google */

.btn-google {
    background-color: #dd4b39;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
    background-color: #dd4b39;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button instagram */

.btn-instagram {
    background-color: #3f729b;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.open>.dropdown-toggle.btn-instagram {
    background-color: #3f729b;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button tumblr */

.btn-tumblr {
    background-color: #2c4762;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open>.dropdown-toggle.btn-tumblr {
    background-color: #2c4762;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button vk */

.btn-vk {
    background-color: #587ea3;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.open>.dropdown-toggle.btn-vk {
    background-color: #587ea3;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button flickr */

.btn-flickr {
    background-color: #ff0084;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open>.dropdown-toggle.btn-flickr {
    background-color: #ff0084;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button soundcloud */

.btn-soundcloud {
    background-color: #f50;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-soundcloud:hover,
.btn-soundcloud:focus,
.btn-soundcloud:active,
.btn-soundcloud.active,
.open>.dropdown-toggle.btn-soundcloud {
    background-color: #f50;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button yahoo */

.btn-yahoo {
    background-color: #720e9e;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-yahoo:hover,
.btn-yahoo:focus,
.btn-yahoo:active,
.btn-yahoo.active,
.open>.dropdown-toggle.btn-yahoo {
    background-color: #720e9e;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button dribbble */

.btn-dribbble {
    background-color: #333;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.open>.dropdown-toggle.btn-dribbble {
    background-color: #333;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button youtube */

.btn-youtube {
    background-color: #cc181e;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open>.dropdown-toggle.btn-youtube {
    background-color: #cc181e;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button behance */

.btn-behance {
    background-color: #0057ff;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

.btn-behance:hover,
.btn-behance:focus,
.btn-behance:active,
.btn-behance.active,
.open>.dropdown-toggle.btn-behance {
    background-color: #0057ff;
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}


/* Button close 
================= */

.tt-close-btn {
    position: relative;
    display: inline-block;
    top: 6px;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tt-close-btn:hover {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.tt-close-btn::before,
.tt-close-btn::after {
    content: '';
    position: absolute;
    background-color: #181c25;
}

.tt-close-btn::before {
    left: 0;
    top: 9px;
    width: 100%;
    height: 3px;
}

.tt-close-btn::after {
    left: 9px;
    top: 0;
    width: 3px;
    height: 100%;
}


/* Button close light color*/

.tt-close-btn.tt-close-light::before,
.tt-close-btn.tt-close-light::after {
    background-color: #FFF;
}


/* Button rounded 
================== */

.btn-rounded {
    border-radius: 4px;
}

.btn-rounded-2x {
    border-radius: 8px;
}

.btn-rounded-3x {
    border-radius: 12px;
}

.btn-rounded-4x {
    border-radius: 20px;
}

.btn-rounded-5x {
    border-radius: 40px;
}

.btn-rounded-full {
    border-radius: 50%;
}


/* Button sizes 
================ */

.btn-group-xs>.btn,
.btn-xs {
    padding: 0 6px 0 6px;
    font-size: 13px;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 15px;
    font-size: 14px;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 15px 25px;
    font-size: 17px;
}

.btn-group-xlg>.btn,
.btn-xlg {
    /* Extra size */
    padding: 20px 30px;
    font-size: 19px;
}


/* Button dropdown caret 
========================= */

.btn .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-top-color: #FFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.btn.btn-primary-bordered .caret,
.btn.btn-success-bordered .caret,
.btn.btn-info-bordered .caret,
.btn.btn-warning-bordered .caret,
.btn.btn-danger-bordered .caret,
.btn.btn-dark-bordered .caret {
    border-top-color: inherit;
}

.btn:hover .caret {
    border-top-color: #FFF;
}

.btn.btn-default .caret,
.btn.btn-warning .caret,
.btn.btn-white .caret,
.btn.btn-default-bordered .caret,
.btn.btn-default:hover .caret,
.btn.btn-default-bordered:hover .caret,
.btn.btn-warning:hover .caret,
.btn.btn-warning-bordered:hover .caret,
.btn.btn-white:hover .caret,
.btn.btn-white-bordered:hover .caret {
    border-top-color: #222;
}


/* ------------------------------------------------------------- *
 * Social buttons
/* ------------------------------------------------------------- */

.social-buttons {}

.social-buttons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-buttons ul>li {
    display: inline-block;
    margin: 0 2px;
}

.footer-block .social-buttons ul>li {
    margin-right: 25px;
    /*margin-right: 45px;*/
}

.social-buttons ul>li:first-child {
    margin-left: 0;
}

.social-buttons ul>li:last-child {
    margin-right: 0 !important;
}

.social-buttons .btn.btn-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none !important;
    border: none !important;
}


/* ------------------------------------------------------------- *
 * YTP Player: https://github.com/pupunzi/jquery.mb.YTPlayer;
/* ------------------------------------------------------------- */

.youtube-bg-wrap {
    position: relative;
}

.youtube-bg {
    position: relative;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.YTPOverlay {
    background-color: transparent;
}

.YTPOverlay.raster {
    background: url("../vendor/ytplayer/images/raster.png");
    /* "raster.png" or "raster_dot.png" */
    background-color: transparent;
}

.youtube-bg.YTPFullscreen .YTPOverlay,
.youtube-bg.YTPFullscreen .YTPOverlay.raster,
.youtube-bg.YTPFullscreen .cover {
    display: none;
}


/* Video control bar */

.mb_YTPBar,
.mb_YTPBar.visible {
    opacity: .2;
    z-index: 9;
}

.mb_YTPBar .buttonBar {
    top: -40px;
    height: 40px;
    padding: 10px 10px 0px 10px;
}

.mb_YTPBar,
.mb_YTPBar .mb_YTPProgress,
.mb_YTPBar .mb_YTPLoaded,
.mb_YTPBar .mb_YTPseekbar {
    height: 4px;
    padding: 0;
}

.mb_YTPBar .mb_YTPProgress,
.mb_YTPBar .mb_YTPLoaded {
    cursor: pointer;
}

.mb_YTPBar .mb_YTPseekbar {
    background: #F20000;
    cursor: pointer;
}


/* Video control elements */

.mb_YTPBar span.mb_OnlyYT {
    left: 250px;
    top: 10px;
    right: auto;
}

@media (min-width: 480px) {
    .mb_YTPBar span.mb_OnlyYT {
        left: 330px;
    }
}


/* if YTPlayer in page header 
============================== */

#page-header .youtube-bg-wrap,
#page-header .inline-YTPlayer,
#page-header .youtube-bg {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#page-header .youtube-bg {
    padding-bottom: 0 !important;
    height: auto !important;
}


/* ------------------------------------------------------------- *
 * Panels
/* ------------------------------------------------------------- */

.panel-group .panel {
    border-radius: 0;
}

.panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* panel default */

.panel-default {
    border-color: #EDEDED;
}

.panel-default>.panel-heading {
    background-color: transparent;
    color: #333;
    border-color: #EDEDED;
}

.panel-title {
    font-size: 18px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #EDEDED;
}


/* ------------------------------------------------------------- *
 * Accordion
/* ------------------------------------------------------------- */

.accordion-wrap {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.accordion-wrap .panel {}

.accordion-wrap .panel+.panel {
    margin-top: 10px;
}

.accordion-wrap .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {}

.accordion-wrap .panel-heading {
    padding: 0;
    border-radius: 0;
}

.accordion-wrap .panel-heading a {
    position: relative;
    display: block;
    background-color: transparent;
    padding: 20px 40px 20px 20px;
    overflow: hidden;
    text-decoration: none;
    font-weight: 600;
    color: inherit;
}

.accordion-wrap .panel-heading a:hover,
.accordion-wrap .panel-heading a:focus {}

.accordion-wrap .panel-heading a.collapsed {
    color: inherit;
}

.accordion-wrap .panel-heading a>.acc-arrow {
    position: absolute;
    content: "";
    right: 10px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion-wrap .panel-heading a.collapsed>.acc-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* ------------------------------------------------------------- *
 * Blockquote
/* ------------------------------------------------------------- */

blockquote {
    position: relative;
    padding: 0 30px;
    margin: 30px 0;
    font-size: 20px;
    font-weight: bold;
    font-weight: 500;
    font-style: italic;
    border: none;
}

blockquote::before {
    position: absolute;
    content: open-quote;
    top: -8px;
    left: -5px;
    font-size: 42px;
    color: #D2D2D2;
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    color: #999;
}


/* ------------------------------------------------------------- *
 * Info box
/* ------------------------------------------------------------- */

.info-box-wrap {}

.info-box {
    position: relative;
    margin-bottom: 0px;
    padding: 0 20px;
    text-align: center;
}


/* info box icon */

.info-box-icon {
    display: inline-block;
    margin-bottom: 40px;
    font-size: 100%;
}
#services-section .col-sm-4:last-child .info-box .info-box-icon {
    margin-bottom: 18px;
}


/* info box info */

.info-box-info {}

.info-box-heading {
    margin: 0 0 20px 0;
    font-size: 22px;
}
/*** Page Fournisseurs *****/
.pictos .info-box-heading {
    position: relative;
    color: #000;
    font-weight: 500;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}
.info-box.popup, .popup {
    cursor: pointer;
}
.pictos .info-box-text.tt-ellipsis{height: 0; display: none;}
.pictos .info-box .info-box-icon>span{
    font-size: 65px;
}
.pictos .info-box-wrap.ib-icon-color .info-box-icon {
    width: auto;
    height: 62px;
    font-weight: lighter;
    margin-bottom: 20px;
}
.pictos span:before {
    /*font-size: 65px;*/
    color: #222221;
}
.pictos .info-box .info-box-icon>span::before{
    font-size: 100%;
}
.pictos .info-box {
    padding: 0 2px;
}
#services-section.pictos {
    padding: 8.5px 0 8.5px 0;
}
section.pictos .services-inner .row > div {
    margin-right: 1.6%;
}

body.tt-boxed  section.pictos .tt-wrap{
    max-width: 92%;
}
/************************/

.info-box-heading a {
    position: relative;
    color: #000;
}

.info-box-heading a:hover {
    text-decoration: none;
     color:#0080FF;
}

.info-box-text {
    line-height: 1.5;
}


/* Enable element fixed height with ellipsis (class "tt-ellipsis"). Source: https://github.com/FrDH/jQuery.dotdotdot */

.info-box-text.tt-ellipsis {
    height: 81px;
    overflow: hidden;
}


/* Info box light (use class "ib-light" if the background is dark) 
=================================================================== */

.info-box-wrap.ib-light {
    color: #FFF;
}


/* Info boxes in service section if class "ss-light" is used. */

.info-box-wrap.ib-light.ib-boxed .info-box {
    background-color: rgba(250, 250, 250, 0.06);
    border: none;
}

.info-box-wrap.ib-light.ib-icon-bg-shape .info-box-icon {
    background-image: url(../img/icon-bg-shape-2.png);
}


/* Info box icon styles 
======================== */


/* info box icon color */
section.services-style-5>.services-inner>.info-box-wrap>.row>div:last-child>.info-box>.info-box-icon {
    margin-bottom: 19px;
}


.info-box-wrap.ib-icon-color .info-box-icon {
    color: #00d6d4;
}


/* info box icon background shape */

.info-box-wrap.ib-icon-bg-shape .info-box-icon {
    width: 96px;
    height: 96px;
    line-height: 96px;
    font-size: 58px;
    background-image: url(../img/icon-bg-shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 94%;
    text-align: center;
}

@media (max-width: 992px) {
    .info-box-wrap.ib-icon-bg-shape .info-box-icon {
        width: 84px;
        height: 84px;
        line-height: 84px;
        font-size: 48px;
    }
}

.info-box-wrap.ib-style-2.ib-icon-bg-shape .info-box-icon {
    /* if "ib-style-2" enabled */
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 38px;
}


/* info box icon rounded */

.info-box-wrap.ib-icon-bg-color.ib-icon-rounded .info-box-icon,
.info-box-wrap.ib-icon-bg-shape.ib-icon-bg-color.ib-icon-rounded .info-box-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    border-radius: 50%;
}


/* info box icon with background color */

.info-box-wrap.ib-icon-bg-color .info-box-icon,
.info-box-wrap.ib-icon-bg-shape.ib-icon-bg-color .info-box-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #00d6d4;
    margin-bottom: 25px;
    text-align: center;
    font-size: 21px;
    color: #FFF;
}

.info-box-wrap.ib-icon-bg-shape.ib-icon-bg-color .info-box-icon {
    background-image: none;
}


/* Info box styles 
=================== */


/* info box style-2 (no effect on smaller screens!) */

.info-box-wrap.ib-style-2 .info-box {
    text-align: left;
}

.info-box-wrap.ib-style-2 .info-box-icon {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 32px;
}

@media (max-width: 992px) {
    .info-box-wrap.ib-style-2 .info-box-icon {
        float: none;
    }
}

.info-box-wrap.ib-style-2 .info-box-info {
    display: table;
}

.info-box-wrap.ib-style-2 .info-box-heading {
    margin: 10px 0 12px 0;
}

.info-box-wrap.ib-style-2.ib-icon-bg-color .info-box-icon {
    width: 52px;
    height: 52px;
    line-height: 52px;
    margin-bottom: 0;
    font-size: 21px;
}

.info-box-wrap.ib-style-2.ib-icon-bg-color.ib-icon-rounded .info-box-icon {
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 21px;
    border-radius: 50%;
}


/* info box boxed style */

.info-box-wrap.ib-boxed .info-box {
    margin-bottom: 30px;
    padding: 40px 30px;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.6);
    box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.6);
}

.info-box-wrap.ib-style-2.ib-boxed .info-box {
    padding: 30px;
}


/* -------------------------------------------------------------------------------- *
 *  Map
 *  Tutorial: https://developers.google.com/maps/documentation/javascript/tutorial
 *  Map styles: https://snazzymaps.com/
/* -------------------------------------------------------------------------------- */

#tt-map {
    width: 100%;
    min-height: 320px;
    padding-bottom: 25%;
    /* map-height */
}


/* ------------------------------------------------------------- *
 *  About me section
/* ------------------------------------------------------------- */

#about-me-section {}

.about-me-inner {
    padding-top: 0;
}


/* if page boxed layout enabled */

body.tt-boxed #about-me-section .about-me-inner.tt-wrap {
    padding-top: 4%;
}


/* signature */

.signature {
    margin-top: 50px;
}

.signature img {}

.signature .signature-dark {}

.signature .signature-light {
    display: none;
}

#about-me-section .split-box-content-text {}


/* Specific code for about me section styles (if needed)
========================================================= */


/* about me section style-1 */

#about-me-section.about-me-style-1 {}


/* about me section style-2 */

#about-me-section.about-me-style-2 {}


/* ------------------------------------------------------------- *
 *  About us section
/* ------------------------------------------------------------- */

#about-us-section {}


/* if page boxed layout enabled */

body.tt-boxed #about-us-section .tt-wrap {
    margin-top: 80px;
    margin-bottom: 80px;
}

@media (max-width: 1200px) {
    body.tt-boxed #about-us-section .tt-wrap {
        margin-top: 5%;
        margin-bottom: 5%;
    }
}

.about-us-inner {}


/* ------------------------------------------------------------- *
 *  Team cection
/* ------------------------------------------------------------- */

#team-section {
    position: relative;
}

@media (max-width: 1200px) {
    #team-section {
        margin-top: 0;
        padding: 12% 0;
    }
}

.team-inner {
    padding-left: 3%;
    padding-right: 3%;
}


/* if page boxed layout enabled */

body.tt-boxed #team-section .team-inner.tt-wrap {
    padding-left: 15px;
    padding-right: 15px;
}


/* Member list
=============== */

.member-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.member-list::after {
    display: block;
    content: "";
    clear: both;
}

.member-list>li {
    float: left;
    width: 20%;
}


/* member list 4 columns */

.member-list.col-4>li {
    float: left;
    width: 25%;
}


/* member list 3 columns */

.member-list.col-3>li {
    float: left;
    width: 33.33333333333333%;
}


/* member list 2 columns */

.member-list.col-2>li {
    float: left;
    width: 50%;
}


/* member list columns on smaller screens */

@media (max-width: 1200px) {
    .member-list>li {
        width: 25%;
    }
}

@media (max-width: 992px) {

    .member-list>li,
    .member-list.col-4>li {
        width: 33.33333333333333%;
    }
}

@media (max-width: 768px) {

    .member-list>li,
    .member-list.col-4>li,
    .member-list.col-3>li {
        width: 50%;
    }
}

@media (max-width: 480px) {

    .member-list>li,
    .member-list.col-4>li,
    .member-list.col-3>li,
    .member-list.col-2>li {
        width: 100%;
    }
}


/* member box */

.member-box {
    margin: 0 8% 15% 8%;
}


/* member box image */

.member-box .member-image-wrap {
    position: relative;
    padding-bottom: 125%;
    /* member box image height */
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.member-box .member-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(91, 107, 140, 0.1);
    z-index: 1;
}


/* member box image rounded style (class "mb-rounded") */

.member-list.mb-rounded .member-box .member-image-wrap {
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.member-list.mb-rounded .member-box .member-info {
    text-align: center;
}

.member-list.mb-rounded.mb-hover-card .member-box .member-image-wrap::before {
    /* disable "mb-hover-card" if used ) */
    display: none;
}


/* member box image hover border style (class "mb-hover-card") */

.member-list.mb-hover-card .member-box .member-image-wrap::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e4e6ec;
    /* alternative color */
    background-color: #00d6d4;
    outline: 1px solid transparent;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.member-list.mb-hover-card .member-box:hover .member-image-wrap::before {
    opacity: 1;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
}


/* member box image hover shadow style (class "mb-hover-shadow") */

.member-list.mb-hover-shadow .member-box:hover .member-image-wrap {
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .5);
    -webkit-transform: translateY(-10px) translateZ(0);
    -moz-transform: translateY(-10px) translateZ(0);
    -o-transform: translateY(-10px) translateZ(0);
    -ms-transform: translateY(-10px) translateZ(0);
    transform: translateY(-10px) translateZ(0);
}


/* member box info */

.member-box .member-info {
    position: relative;
    min-height: 48px;
    margin-top: 15px;
    overflow: hidden;
}

.member-box .member-info .level-up {}

.member-box .member-info .level-up,
.member-box .member-info .level-down {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.member-box:hover .member-info .level-up {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.member-box .member-info .member-info-title {
    margin: 0;
    font-size: 21px;
    font-weight: 600;
}

body.tt-boxed .team-inner.tt-wrap .member-box .member-info .member-info-title {
    font-size: 18px;
}

.member-box .member-info .member-info-text {
    margin: 0;
    font-size: 15px;
    color: #888;
}

.member-box .member-info .level-down {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.member-box:hover .member-info .level-down {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.member-box .member-info .member-social {
    list-style: none;
    margin: 0;
    padding: 0;
}

.member-box .member-info .member-social>li {
    display: inline-block;
    margin-left: -4px;
}

.member-box .member-info .member-social>li:first-child {
    margin-left: 0;
}

.member-box .member-info .btn {
    margin: 0 0 3px 0;
}

.member-box .member-info .btn-link {
    padding: 0 0 3px 0 !important;
}

.member-box .member-info .member-social .btn-social-min.btn-link {
    width: 24px;
    height: 22px;
    line-height: 22px;
    border: none !important;
}

.member-box .member-info .member-social .btn-social-min.btn-link:hover {
    color: #00d6d4;
}


/* Specific code for team section styles (if needed)
===================================================== */


/* team classic */

#team-section.team-classic {
    padding: 120px 0 80px 0;
}

#team-section.team-classic .team-inner {}


/* team modern */

#team-section.team-modern {
    padding: 0;
}

#team-section.team-modern .team-inner {
    padding-left: 0;
    padding-right: 0;
}

body.tt-boxed #team-section.team-modern .team-inner.tt-wrap {
    padding-top: 5%;
    padding-bottom: 5%;
}

body.tt-boxed #team-section.team-modern .team-inner.tt-wrap .split-box {
    margin-bottom: 8%;
}

body.tt-boxed #team-section.team-modern .team-inner.tt-wrap .split-box:last-child {
    margin-bottom: 0;
}


/* ------------------------------------------------------------- *
 *  Services section
/* ------------------------------------------------------------- */

#services-section {
    position: relative;
    padding: 100px 0 80px 0;
}

@media (max-width: 1200px) {
    #services-section {
        padding: 8% 0;
    }
}

.services-inner {
    position: relative;
    z-index: 3;
}


/* ss-light (if background is dark) 
==================================== */

#services-section.ss-light {
    color: #FFF;
}


/* Info boxes in service section if class "ss-light" is used. */

#services-section.ss-light .info-box-wrap.ib-boxed .info-box {
    background-color: rgba(250, 250, 250, 0.06);
    border: none;
}

#services-section.ss-light .info-box-wrap.ib-icon-bg-shape .info-box-icon {
    background-image: url(../img/icon-bg-shape-2.png);
}


/* Big service list 
==================== */

.big-service-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.3;
}

@media (max-width: 992px) {
    .big-service-list {
        font-size: 38px;
        line-height: inherit;
    }
}

@media (max-width: 768px) {
    .big-service-list {
        font-size: 28px;
    }
}

.big-service-list>li>a {
    color: inherit;
}

.big-service-list>li>a:hover {
    text-decoration: underline;
}


/* Specific code for service section styles (if needed)
======================================================== */


/* service section style-1 */

#services-section.services-style-1 {}


/* service section style-2 */

#services-section.services-style-2 {
    padding: 140px 0;
}


@media (max-width: 1200px) {
    #services-section.services-style-2 {
        padding: 13% 0 10% 0;
    }
}

#services-section.services-style-2 .services-inner {
    padding-left: 3%;
    padding-right: 3%;
}

body.tt-boxed #services-section.services-style-2 .services-inner.tt-wrap {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

@media (min-width: 1200px) {
    #services-section.services-style-2 .tt-heading {
        padding-right: 10%;
    }

    #services-section.services-style-2 .col-md-push-6 .tt-heading,
    #services-section.services-style-2 .col-lg-push-6 .tt-heading,
    #services-section.services-style-2 .col-md-push-7 .tt-heading,
    #services-section.services-style-2 .col-lg-push-7 .tt-heading,
    #services-section.services-style-2 .col-md-push-8 .tt-heading,
    #services-section.services-style-2 .col-lg-push-8 .tt-heading {
        padding-left: 10%;
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    #services-section.services-style-2 .tt-heading {
        margin-bottom: 100px;
    }
}


/* service section style-3 */

#services-section.services-style-3 {
    padding: 120px 0;
}


/* service section style-4 */

#services-section.services-style-4 {
    padding: 80px 0;
}

@media (max-width: 1199px) {
    #services-section.services-style-4 {
        padding: 0;
    }

    #services-section.services-style-4 .services-inner {
        padding: 0;
    }
}

@media (min-width: 1282px) {

    /* boxed layout width */
    #services-section.services-style-4 .big-service-list {
        font-size: 58px;
    }
}

#services-section.services-style-5 {
    padding: 88.5px 0 88.5px 0;
}

#services-section.services-style-5 .info-box-text.tt-ellipsis {
    height: 0;
    display: none;
}

/* ------------------------------------------------------------- *
 *  Clients section
/* ------------------------------------------------------------- */

#clients-section {
    position: relative;
    padding: 120px 0 100px 0;
}

.clients-inner {
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
    z-index: 3;
}

body.tt-boxed .clients-inner.tt-wrap {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


/* clients section heading */

#clients-section .tt-heading {}

@media (min-width: 1200px) {
    #clients-section .tt-heading {
        padding-right: 10%;
    }

    #clients-section .col-md-push-6 .tt-heading,
    #clients-section .col-lg-push-6 .tt-heading,
    #clients-section .col-md-push-7 .tt-heading,
    #clients-section .col-lg-push-7 .tt-heading,
    #clients-section .col-md-push-8 .tt-heading,
    #clients-section .col-lg-push-8 .tt-heading {
        padding-left: 10%;
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    #clients-section .tt-heading {
        margin-bottom: 60px;
    }
}


/* Client list 
=============== */

.client-list {
    position: relative;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    z-index: 2;
}

.client-list::after {
    display: block;
    content: "";
    clear: both;
}

.client-list>li {
    width: 25%;
    float: left;
    padding: 2% 5% 2% 5%;
    text-align: center;
}

@media (max-width: 768px) {
    .client-list>li {
        width: 33.33333333333333%;
    }
}

.client-list>li>a {
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.client-list>li>a:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.client-list.client-list-boxed>li {
    padding: 1.5%;
}

.client-list.client-list-boxed>li>a {
    background-color: #FFF;
    padding: 10%;
    border: 1px solid #e6e6e6;
}

.client-list.client-list-boxed>li>a:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    border-color: #d4d4d4;
    -webkit-box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.21);
}


/* Specific code for clients section styles (if needed)
======================================================== */


/* clients section style-1 */

#clients-section.clients-style-1 {
    padding: 140px 0;
}

@media (max-width: 992px) {
    #clients-section.clients-style-1 {
        padding: 12% 0 8% 0;
    }
}


/* clients section style-2 */

#clients-section.clients-style-2 {}


/* clients section style-3 (carousel) */

#clients-section.clients-style-3 {
    padding: 120px 0;
}

#clients-section.clients-style-3 .owl-carousel .owl-item,
#clients-section.clients-style-3 .owl-carousel .cc-item {
    overflow: visible;
}


/* ------------------------------------------------------------- *
 * Testimonials section
/* ------------------------------------------------------------- */

#testimonials-section {
    padding: 140px 0;
}

@media (max-width: 992px) {
    #testimonials-section {
        padding: 5% 0;
    }
}

.testimonials-section-inner {}

.testimonials-carousel {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 3;
}

.testimonials-carousel .owl-carousel,
.testimonials-carousel .owl-carousel .cc-item {
    min-height: auto;
}


/* Testimonial item 
==================== */

.testimonial-item {
    position: relative;
    padding: 40px 5%;
    z-index: 9;
}


/* testimonial item img/image */

.testimonial-item img {
    display: inline-block !important;
    float: left;
    max-width: 100px;
    margin: 0 25px 20px 0;
}

.testimonial-item .tm-image-wrap {
    position: relative;
    display: inline-block !important;
    float: left;
    margin: 0 25px 20px 0;
}

.testimonial-item .tm-image {
    width: 84px;
    height: 84px;
    background-color: rgba(91, 107, 140, 0.3);
    border-radius: 100px;
    overflow: hidden;
}

.tm-hide-image .testimonial-item img,
.tm-hide-image .testimonial-item .tm-image-wrap {
    /* Hiding testimonial image if class "tm-hide-image" is used. */
    display: none !important;
}


/* testimonial blockquote */

.testimonial-item blockquote {
    position: relative;
    overflow: hidden;
    padding: 0 15px;
    margin: 0 0 15px 0;
    font-size: 21px;
    font-style: italic;
}

.testimonial-item blockquote::before {
    display: none;
}

.testimonial-item blockquote p {}

.testimonial-item blockquote .small,
.testimonial-item blockquote footer,
.testimonial-item blockquote small {
    margin-top: 20px;
    color: #c5c5c5;
}


/* align testimonial item to center on small devices */

@media (max-width: 768px) {
    .testimonial-item {
        text-align: center !important;
    }

    .testimonial-item blockquote {
        padding: 0 !important;
        text-align: center !important;
    }

    .testimonial-item img,
    .testimonial-item .tm-image-wrap {
        float: none !important;
        margin: 0 0 40px 0 !important;
    }
}


/* testimonial align center */

.tm-center .testimonial-item {
    text-align: center;
}

.tm-center .testimonial-item blockquote {
    padding: 0;
    text-align: center;
}

.tm-center .testimonial-item img,
.tm-center .testimonial-item .tm-image-wrap {
    float: none;
    margin: 0 0 40px 0;
}


/* testimonial align right */

.blockquote-reverse,
.testimonial-item blockquote.pull-right,
.tm-right .testimonial-item blockquote {
    text-align: right;
    border-left: 0;
}

.tm-right .testimonial-item img,
.tm-right .testimonial-item .tm-image-wrap {
    float: right;
    margin: 0 0 0 20px;
}


/* disable owl nav-outside on small screens */

@media (max-width: 1540px) {
    .testimonials-carousel .owl-carousel.nav-outside .owl-nav {
        display: none !important;
    }
}


/* ------------------------------------------------------------- *
 * Fun facts section
/* ------------------------------------------------------------- */

#funn-facts-section {
    position: relative;
    padding: 60px 0;
}

#funn-facts-section.talent-count {
    padding: 40px 0;
}

#funn-facts-section.talent-count {
    margin: 20px auto;
    background-repeat: no-repeat !important;
}

@media (max-width: 1200px) {
    #funn-facts-section {
        padding: 5% 0;
    }
}

.funn-facts-inner {}


/* Counter Up
=============== */

.counter-up-wrap {
    position: relative;
    padding: 50px 0;
    text-align: center;
    z-index: 3;
}

.home-count .counter-up-wrap  {
    padding:8% 6%;
}

.counter-up-wrap>div:first-child {
    position: relative;
    width: 96%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 992px) {
    .counter-up-wrap {
        padding: 20px 0;
    }
}


/* counter up icon */

.counter-up-icon {
    position: absolute;
    top: 50%;
    left: 47%;
    font-size: 114px;
    line-height: 1;
    z-index: 1;
    color: rgba(132, 132, 132, 0.14);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

@media (max-width: 992px) {
    .counter-up-icon {
        font-size: 92px;
    }
}

.counter-up-wrap:hover .counter-up-icon {
    -webkit-transform: translateY(-50%) scale(1.15);
    -moz-transform: translateY(-50%) scale(1.15);
    -o-transform: translateY(-50%) scale(1.15);
    -ms-transform: translateY(-50%) scale(1.15);
    transform: translateY(-50%) scale(1.15);
}


/* counter up number */

.counter-up {
    position: relative;
    font-size: 68px;
    font-weight: bold;
    font-weight: 800;
    line-height: normal;
    z-index: 2;
}

@media (max-width: 992px) {
    .counter-up {
        font-size: 62px;
    }
}


/* counter up title */

.counter-up-title {
    font-size: 18px;
}


/* if funn facts section background is dark (used class "ff-light") 
==================================================================== */

#funn-facts-section.ff-light {
    color: #FFF;
}

#funn-facts-section.ff-light .counter-up-icon {
    color: rgba(250, 250, 250, 0.2);
}


/* ------------------------------------------------------------- *
 * Video promo section
/* ------------------------------------------------------------- */

.video-promo-section {
    position: relative;
}

.video-promo-inner {
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
    text-align: center;
}

@media (max-width: 992px) {
    .video-promo-inner {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}


/* Video promo caption 
======================= */

.video-promo-caption {
    position: relative;
    z-index: 9;
}


/* video promo button */

.video-promo-btn-wrap {}

.video-promo-btn {
    display: inline-block;
    width: 86px;
    height: 86px;
    line-height: 86px;
    background-color: #00d6d4;
    margin-top: 30px;
    padding: 0 0 0 6px;
    text-align: center;
    font-size: 32px;
    color: #FFF;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.video-promo-btn:hover {
    color: #FFF;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.video-promo-btn:hover,
.video-promo-btn:focus {
    color: #FFF;
}


/* video promo button animation 
================================ */

.video-promo-btn-wrap.vpb-animated .video-promo-btn {
    -webkit-animation: vbbulse 2s infinite;
    animation: vbbulse 2s infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

@-webkit-keyframes vbbulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 64, 216, 0.6);
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(0, 64, 216, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 64, 216, 0);
    }
}

@keyframes vbbulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 64, 216, 0.6);
        box-shadow: 0 0 0 0 rgba(0, 64, 216, 0.6);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(0, 64, 216, 0);
        box-shadow: 0 0 0 15px rgba(0, 64, 216, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 64, 216, 0);
        box-shadow: 0 0 0 0 rgba(0, 64, 216, 0);
    }
}


/* ------------------------------------------------------------- *
 *  Contact section 
/* ------------------------------------------------------------- */

#contact-section {
    position: relative;
    padding: 80px 0;
}

@media (max-width: 1200px) {
    #contact-section {
        padding: 10% 0;
    }
}

.contact-section-inner {}


/* Contact info 
================= */

.contact-info-wrap {}

.contact-info-text {
    margin-bottom: 40px;
}

.contact-info-title {}

.contact-info-title a {
    text-decoration: underline;
    color: inherit;
}

.contact-info-title a:hover {
    color: #00d6d4;
}

ul.contact-info {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.contact-info>li {
    margin-bottom: 3px;
}

ul.contact-info>li a {
    color: inherit;
}

ul.contact-info>li a:hover {
    opacity: .8;
}

.contact-info .address {}

.contact-info .phone {}

.contact-info .email {}


/* Contact form 
================ */

#contact-form {}

.contact-form-inner {}

.contact-form-text {
    margin-bottom: 40px;
}


/* Specific code for contact section styles (if needed)
======================================================== */


/* contact section style-1 */

#contact-section.contact-style-1 {}


/* contact section style-2 */

#contact-section.contact-style-2 {}

#contact-section.contact-style-2 .text-white .contact-info a {
    color: #FFF;
    border-bottom: 1px dotted;
}

#contact-section.contact-style-2 .text-white .contact-info .email a:hover {
    opacity: .8;
}

#contact-section.contact-style-2 #contact-form .form-control {
    border: 2px solid #222;
}


/* contact section style-3 */

#contact-section.contact-style-3 {}


/* contact section style-4 */

#contact-section.contact-style-4 {}


/* ------------------------------------------------------------- *
 * FAQ section
/* ------------------------------------------------------------- */

#faq-section {
    padding: 80px 0;
}

@media (max-width: 768px) {
    #faq-section {
        padding: 10% 0;
    }
}

.faq-section-inner {}


/* faq section sidebar */

@media (max-width: 992px) {
    #faq-section .sidebar {
        margin-top: 60px;
    }
}

#faq-section .sidebar-left {
    padding-right: 20px;
}

#faq-section .sidebar-right {
    padding-left: 20px;
}


/* ------------------------------------------------------------- *
 * Prices section
/* ------------------------------------------------------------- */

#prices-section {
    padding: 60px 3%;
}

.prices-section-inner {
    position: relative;
    z-index: 2;
}

.price-boxes-container {}


/* price box */

.price-box {
    position: relative;
    background-color: #fff;
    margin: 20px 0;
    padding: 20px 0;
    text-align: center;
    z-index: 2;
    overflow: hidden;
    -webkit-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.14);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
    .price-box:hover {
        -webkit-box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.2);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.price-box .pr-box {
    padding: 20px;
}


/* price box ribbon */

.price-box .pr-box-ribbon {
    position: absolute;
    display: none;
    /* visible only if price box is featured! */
    top: 24px;
    right: -50px;
    background-color: #fff;
    padding: 5px 60px;
    font-size: 14px;
    font-weight: bold;
    font-weight: 600;
    color: #00d6d4;
    z-index: 9;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* price box heading */

.price-box .price-heading {
    position: relative;
    border-bottom: 0px solid rgba(130, 130, 130, 0.15);
}

.price-box .price-heading-inner {
    position: relative;
    z-index: 2;
}

.price-box .price-heading .prh-icon {
    margin-bottom: 10px;
    font-size: 32px;
}

.price-box .price-heading .price-title {
    margin: 0;
    font-size: 24px;
}

@media (max-width: 1400px) {
    .price-box .price-heading .price-title {
        font-size: 24px;
    }
}

.price-box .price-heading .price-heading-text {
    margin-top: 5px;
    font-size: 14px;
}


/* price box price */

.price-box .price-box-price {
    color: #00d6d4;
    border-bottom: 0px solid rgba(130, 130, 130, 0.15);
}

.price-box .price-box-price .price {
    position: relative;
    display: inline-block;
    font-size: 62px;
    font-weight: bold;
}

.price-box .price-box-price .price-currency {
    position: absolute;
    top: 8px;
    left: -20px;
    font-size: 26px;
    font-weight: bold;
    font-weight: 500;
}

.price-box .price-box-price .price-tenure {
    font-size: 14px;
}


/* price box features */

.price-box .price-features {
    padding-bottom: 0;
    border-bottom: 0px solid rgba(130, 130, 130, 0.15);
}

.price-box .price-features>ul>li {
    padding: 3px 0;
    font-size: 16px;
    font-weight: 500;
}

.price-box .price-features .prb-mark {
    text-decoration: line-through;
    font-weight: normal;
    color: #999;
}


/* price box button */

.price-box .btn-price-box {}

.price-box .btn-price-box:hover {}


/* price box read more link */

.price-box .pr-box-read-more {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #333;
}

.price-box .pr-box-read-more:hover {
    text-decoration: underline;
    color: #00d6d4;
}


/* Price box featured 
====================== */

.price-box.pr-box-featured {
    background: #00d6d4;
    color: #fff;
    -webkit-box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.3);
}

.price-box.pr-box-featured:hover {
    -webkit-box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.4);
    -mozt-box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 40px 4px rgba(0, 0, 0, 0.4);
}


/* price box ribbon */

.price-box.pr-box-featured .pr-box-ribbon {
    display: block;
}


/* price box price */

.price-box.pr-box-featured .price-box-price {
    color: #fff;
    border-color: rgba(214, 214, 214, 0.2);
}


/* price box list mark */

.price-box.pr-box-featured .price-features .prb-mark {
    color: #FFF;
    opacity: .7;
}


/* price box button */

.price-box.pr-box-featured .btn.btn-price-box {
    color: transparent;
    background-color: #FFF;
    border-color: #FFF;
    text-shadow: 0 0 0 #222, 0 45px 0 #222;
}

.price-box.pr-box-featured .btn-price-box:hover {
    text-shadow: 0 -45px 0 #222, 0 0 0 #222;
}


/* price box read more link */

.price-box.pr-box-featured .pr-box-read-more {
    color: #FFF;
}

.price-box.pr-box-featured .pr-box-read-more:hover {
    text-decoration: underline;
    color: #FFF;
}


/* ------------------------------------------------------------- *
 * Call to action section
/* ------------------------------------------------------------- */

.call-to-action-section {
    position: relative;
    padding: 120px 3%;
}

@media (max-width: 992px) {
    .call-to-action-section {
        padding: 12% 3%;
    }
}

.cta-bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
}

.cta-inner {
    position: relative;
    z-index: 2;
}


/* Specific code for call to action section styles (if needed)
=============================================================== */


/* call to action style-1 */

.call-to-action-section.cta-style-1 {}


/* call to action style-2 */

.call-to-action-section.cta-style-2 {
    padding: 100px 3%;
}

@media (min-width: 992px) {
    .call-to-action-section.cta-style-2 .tt-heading {
        padding-right: 10%;
    }

    .call-to-action-section.cta-style-2 .col-md-push-6 .tt-heading,
    .call-to-action-section.cta-style-2 .col-lg-push-6 .tt-heading,
    .call-to-action-section.cta-style-2 .col-md-push-7 .tt-heading,
    .call-to-action-section.cta-style-2 .col-lg-push-7 .tt-heading,
    .call-to-action-section.cta-style-2 .col-md-push-8 .tt-heading,
    .call-to-action-section.cta-style-2 .col-lg-push-8 .tt-heading {
        padding-left: 10%;
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .call-to-action-section.cta-style-2 {
        padding: 12% 3%;
    }
}


/* ------------------------------------------------------------- *
 * Simple text section
/* ------------------------------------------------------------- */

.simple-text-section {
    position: relative;
    padding: 120px 3%;
}

@media (max-width: 992px) {
    .simple-text-section {
        padding: 12% 3%;
    }
}

.simple-text-inner {}


/* simple text section content */

.simple-text-section-content {
    position: relative;
    max-width: 1000px;
    z-index: 3;
}

.simple-text-section-content.text-center {
    margin: 0 auto;
}

.simple-text-section-content.text-right {
    margin: 0 0 0 auto;
}


/* ------------------------------------------------------------- *
 *  Page section (for dummy pages)
/* ------------------------------------------------------------- */

#page-section {
    /*padding: 80px 0;*/
    padding: 0 0 80px 0;
}

@media (max-width: 992px) {
    #page-section {
        padding: 10% 0;
    }
}

.page-section-inner {
    padding: 0 3%;
}


/* if page boxed layout enabled */

body.tt-boxed #page-section .page-section-inner.tt-wrap {
    padding: 0 15px;
}


/* page content */

.page-content {}


/* page sidebar  */

.page-sidebar {}

@media (min-width: 992px) {
    .page-sidebar.sidebar-left {
        padding-right: 20px;
    }

    .page-sidebar.sidebar-right {
        padding-left: 20px;
    }
}


/* Page modern 
================ */

#page-section.page-modern {
    padding: 0;
}

#page-section.page-modern .page-section-inner {
    padding: 0;
}


/* if page boxed layout enabled */

body.tt-boxed #page-section.page-modern .page-section-inner.tt-wrap {
    padding: 80px 15px;
}

@media (max-width: 1200px) {
    body.tt-boxed #page-section.page-modern .page-section-inner.tt-wrap {
        padding: 0;
    }
}


/* ------------------------------------------------------------- *
 * Footer
/* ------------------------------------------------------------- */

#footer {
    position: relative;
    height: 100%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding: 49px 0 0 0;
    /*padding: 80px 0 0 0;*/
    border-top: 1px solid rgba(134, 134, 134, 0.15);
}

@media (max-width: 1200px) {
    #footer {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    #footer {
        margin-top: 60px;
        padding-top: 60px;
    }
}

.footer-inner {}


/* footer container */

.footer-container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1282px) {

    /* boxed layout width */
    /*.footer-container {
        padding-left: 5%;
        padding-right: 5%;
    }*/
}

@media (max-width: 1282px) {

    /* boxed layout width */
    .footer-container {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}


/* Footer blocks 
================= */

.footer-block {
    /* margin-bottom: 30px;*/
    margin-bottom: 29px;
    font-size: 14px;
    overflow: hidden;
}

.footer-block img {
    width: 100%;
    height: auto;
    max-width: 220px;
}

.footer-block a:hover i.fab {
    color: #00d6d4;
}

.f-block-heading {
    margin: 0 0 15px 0;
    font-size: 16px;
}


/* footer logo */

.f-block-logo {
    margin: 30px 40px 0 0;
}

@media (max-width: 992px) {
    .f-block-logo {
        margin-bottom: 30px;
    }
}

@media (max-width: 420px) {
    .f-block-logo {
        text-align: inherit;
    }
}

.f-block-logo img {
    max-height: 62px;
}

.f-block-logo .logo-light {
    display: none;
}

.f-block-logo .logo-light-m,
.f-block-logo .logo-dark-m {
    display: none;
}

@media (max-width: 767px) {
    .f-block-logo .logo-dark {
        display: none;
    }

    .f-block-logo .logo-dark-m {
        display: block;
    }
}


/* footer links */

ul.f-block-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.f-block-links>li {
    display: block;
}

ul.f-block-links>li>a {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    font-size: 14px;
    color: #181c25;
    z-index: 1;
}

ul.f-block-links>li>a:hover {}

ul.f-block-links>li>a::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 100%;
    max-width: 100%;
    z-index: -1;
    height: 10px;
    background: #00d6d4;
    opacity: .2;
    overflow: hidden;
    transform: scaleX(0);
    transform-origin: right center;
    -webkit-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}

ul.f-block-links>li>a:hover::after {
    transform: none;
    transform-origin: left center;
}


/* footer text */

.f-block-text {}

.f-block-text a {
    color: inherit;
    border-bottom: 1px dotted #AAA;
}

.f-block-text a:hover {
    color: #00d6d4;
    border-bottom: 1px dotted #00d6d4;
}


/* footer social buttons */

#footer .social-buttons {
    margin-bottom: 0px;
}

#footer .social-buttons>ul>li>a {
    margin: 0px;
}

@media (min-width: 992px) {
    #footer .social-buttons {
        text-align: right;
    }
}


/* Footer bottom bar
===================== */

.footer-bottom {
    background-color: rgba(0, 0, 0, 0.03);
    /*margin-top: 40px;*/
    padding: 20px 0;
    font-size: 12px;
    color: #888;
    /*border-top: 1px solid rgba(128, 128, 128, 0.05);*/
}

@media (max-width: 768px) {
    .footer-bottom {
        padding: 20px 0 40px 0;
    }
}


/* footer bottom col left */

.footer-bottom-col-left {}

.footer-bottom-col-left p {
    margin-bottom: 5px;
}

.footer-bottom-col-right>ul.f-block-links>li {
    float: left;
    border-left: 1px solid #888;
    padding-left: 5px;
    padding-right: 5px;
}

#footer-bottom .col-md-push-5 {
    padding-right: 3px;
}

#footer-bottom .col-md-pull-7 {
    padding-right: 0;
}

#footer .btn-social-min.btn-white-bordered {
    border: 1.5px solid #FFF;
}

.footer-bottom-col-right ul.f-block-links>li>a {
    color: #888;
    font-size: 12px;
    padding-bottom: 0px;
}

/* footer bottom col right */

.footer-bottom-col-right {}

@media (min-width: 992px) {
    .footer-bottom-col-right {
        text-align: right;
    }
}


/* Footer simple
================= */

#footer.footer-simple {
    padding: 100px 0 80px 0;
    text-align: center;
}

@media (max-width: 991px) {
    #footer.footer-simple {
        padding: 80px 0;
    }
}

#footer.footer-simple .f-block-logo {
    margin: 0;
}

#footer.footer-simple ul.f-block-links>li {
    display: inline-block;
    margin: 0 10px;
}

#footer.footer-simple .social-buttons {
    text-align: center;
}

#footer.footer-simple .social-buttons .btn-link:hover {
    color: #00d6d4;
}

#footer.footer-simple #footer-subscribe-form {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

#footer.footer-simple .footer-simple-copyright {
    font-size: 14px;
    text-align: center;
}

#footer.footer-simple .footer-simple-copyright p {
    margin-bottom: 5px;
}


/* Footer minimal
================== */

#footer.footer-minimal {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 22px 0;
    border-top: 1px solid rgba(128, 128, 128, 0.05);
}

@media (max-width: 991px) {
    #footer.footer-minimal {
        height: auto;
        padding: 60px 0;
    }
}

@media (min-width: 1282px) {

    /* boxed layout width */
    #footer.footer-minimal .footer-container {
        padding-left: 2%;
        padding-right: 2%;
    }
}

body.tt-boxed #footer.footer-minimal .footer-container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    #footer.footer-minimal .footer-block {
        margin: 0;
    }
}

#footer.footer-minimal .social-buttons {
    margin-top: 3px;
    margin-bottom: 0;
    text-align: right;
}

@media (max-width: 991px) {
    #footer.footer-minimal .social-buttons {
        text-align: center;
    }
}

#footer.footer-minimal .social-buttons .btn-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#footer.footer-minimal .footer-minimal-copyright {
    font-size: 12px;
}

#footer.footer-minimal .footer-minimal-copyright p {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    #footer.footer-minimal .footer-minimal-copyright {
        text-align: center;
    }
}


/* Footer dark
=============== */

#footer.footer-dark {
    background-color: #222221;
    color: #BBB;
    border-top: none;
}

#footer.footer-dark .f-block-heading {
    color: #DDD;
}

#footer.footer-dark ul.f-block-links>li>a {
    color: #BBB;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #888;
}

#footer.footer-dark ul.f-block-links>li>a::after {
    opacity: 1;
}

#footer.footer-dark ul.f-block-links>li>a:hover {
    color: #FFF;
}

#footer.footer-dark .f-block-text a:hover {
    color: #FFF;
    border-bottom: 1px dotted #FFF;
}

#footer.footer-dark .btn-default {
    background-color: #222221;
    text-shadow: 0 0 0 #FFF, 0 50px 0 #FFF;
}

#footer.footer-dark .btn-default:hover {
    text-shadow: 0 -50px 0 #FFF, 0 0 0 #FFF;
}

#footer.footer-dark .form-control {
    background-color: #222221;
    color: #CCC;
}

#footer.footer-dark .form-btn-inside button {
    color: #CCC;
}

#footer.footer-dark .f-block-logo .logo-dark {
    display: none;
}

#footer.footer-dark .f-block-logo .logo-light {
    display: inline-block;
}

@media (max-width: 767px) {
    #footer.footer-dark .f-block-logo .logo-light {
        display: none;
    }

    #footer.footer-dark .f-block-logo .logo-dark-m {
        display: none;
    }

    #footer.footer-dark .f-block-logo .logo-light-m {
        display: inline-block;
    }
}

#footer.footer-dark .footer-bottom {
    background-color: #222221;
    color: #888;
    border-top-color: rgba(128, 128, 128, 0.08);
}

#footer.footer-dark .footer-bottom a {
    color: #DDD;
}

#footer.footer-dark .footer-bottom a:hover {
    color: #FFF;
}

#footer.footer-dark .footer-simple-copyright a {
    color: #DDD;
}

#footer.footer-dark .footer-simple-copyright a:hover {
    color: #FFF;
}

#footer.footer-dark .footer-minimal-copyright a {
    color: #DDD;
}

#footer.footer-dark .footer-minimal-copyright a:hover {
    color: #FFF;
}


/* Scroll to top button
======================== */

.scrolltotop {
    position: fixed;
    display: none;
    bottom: 20px;
    right: 20px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background-color: rgba(111, 111, 111, 0.19);
    text-align: center;
    color: #FFF;
    text-decoration: none;
    z-index: 3;
    font-size: 18px;
}

.scrolltotop::before {
    line-height: 34px;
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#footer .scrolltotop {
    bottom: 70px;
}

#footer.footer-simple .scrolltotop {
    bottom: 20px;
}

#footer.footer-minimal .scrolltotop {
    bottom: 90px;
}

body.tt-boxed #footer .scrolltotop {
    bottom: 12px;
}

body.tt-boxed #footer.footer-simple .scrolltotop {
    bottom: 23px;
}

body.tt-boxed #footer.footer-minimal .scrolltotop {
    bottom: 23px;
}

@media (max-width: 1560px) {
    body.tt-boxed #footer .scrolltotop {
        bottom: 70px;
    }

    body.tt-boxed #footer.footer-minimal .scrolltotop {
        bottom: 90px;
    }
}

@media (max-width: 992px) {

    #footer .scrolltotop,
    body.tt-boxed #footer .scrolltotop,
    #footer.footer-minimal .scrolltotop,
    body.tt-boxed #footer.footer-minimal .scrolltotop {
        bottom: 20px;
    }
}

.scrolltotop:hover,
.scrolltotop:focus {
    background-color: #00d6d4;
    color: #FFF;
}


/********** DD  ************/

.logged-in #header.header-show-hide-on-scroll {
    /*padding-top: 71px !important;*/
    padding-top: 0px !important;
}

@media (max-width: 767px) {
    div#navbar.collapse.navbar-collapse {
        display: block !important;
    }
    .tt-heading-inner .cc_container {
        padding-top: 10px;
        overflow-y: scroll;
    } 
    .cc_container {
        padding: 10px 15px 10px;
    }
    .cc_message h4 {
        font-weight: bold;
        font-size: 10px;
    }
    .cc_container .btn,  .cc_container .agree-button, .cc_container .decline-button, .cc_container .hide-popup-button, .cc_container .find-more-button {
        font-size: 12px;
        padding: 4px 8px;
    }
    .cc-padding-top {
         padding-top: 0; 
    }
    .cc_body.tt-heading {
         margin-top: 0; 
    }
    .cc_container a, .cc_container a:visited {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

@media (min-width: 768px) {

   .cc_container  .btn-primary{
        vertical-align: text-top;
    }
}

.mt-search input {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #fff;
    opacity: 1;
    padding: 10px 60px 10px 20px;
    font-size: 22px;
   color: rgba(34, 34, 33, 0.72);
    border: none;
}

.mt-search input:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .mt-search input {
        height: 60px;
        padding: 10px 55px 10px 10px;
        font-size: 16px;
    }
}

.sidebar-left .block-title,
.sidebar-right .block-title {
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: bold;
}

.sidebar-left .block-inner,
.sidebar-right .block-inner {
    margin-bottom: 50px;
}

#user-login-form,
#user-register-form,
#user-pass {
    margin: 40px 0 60px;
}

#user-login-form label,
#user-register-form label,
#user-pass label {
    font-size: 15px;
    display: block !important;
}
/** size  link perso */ 
#body #tabs ul li a, 
#body #user-login-form p.text-left,
#body #user-login-form p.text-left a,
#body #user-pass p.text-left,
#body #user-pass p.text-left a 
{
    font-size: 17px;  
}

#user-login-form #edit-name--description,
#user-login-form #edit-pass--description, 
#user-pass p{

    /*font-size: 14px;*/
    font-size: 15px;
    margin: 7px 0;
}

#user-login-form input,
#user-register-form input,
#user-pass input {
    height: 44px;
    /*background-color: #FFF;*/
    padding: 6px 12px;
    font-size: 14px;
    color: #333;
    border-radius: 0;
    border: 1px solid rgba(148, 148, 148, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
}
#user-login-form input#edit-submit{
    height: 44px;
    background-color: #00d6d4;
    padding: 6px 12px;
    font-size: 14px;
    color: #fff;
    border-radius: 0;
    border: 1px solid #00d6d4;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#user-login-form input:focus,
#user-register-form input:focus,
#user-pass input:focus {
    border-color: #00d6d4 !important;
    box-shadow: none;
}

#blog-post-comments .media-body ul.links.inline li {
    display: inline-block;
    margin-right: 20px;
}

ul.links.inline li a {
    font-size: 13px;
    color: #888;
}

#blog-post-comments p {
    clear: both;
    padding-top: 12px;
    font-size: 16px;
}

.path-blog #blog-list-section {
    padding: 0;
}

.path-blog-list-grid .isotope.gutter-4 .isotope-item {
    padding: 0;
}

.path-blog-list-grid .bl-item-info h2 {
    font-size: 20px;
}

@media (min-width: 769px) {
    .path-taxonomy .blog-list-item .bl-item-image.bg-image.lazy {
        width: 240px !important;
        height: 240px !important;
    }
}

.latest-news-carousel .blog-list-item {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16) !important;
}

.path-taxonomy .latest .blog-list-item {
    border-bottom: 1px solid #ededed;
}

.path-taxonomy .latest .blog-list-item:last-child {
    border-bottom: none;
}

.path-blog-list-grid .isotope.gutter-4 .isotope-item {
    padding: 0 0 3.5% 3.5%;
}

.pb-80 {
    padding-bottom: 80px;
}

.call-to-action-section.cta-style-2 .centriran .tt-heading {
    padding-right: 0 !important;
}

.mb-0 .portfolio-single-image-holder {
    margin-bottom: 0 !important;
}

body.menu-align-center-on #page-section {
    padding: 0 !important
}

.blog-single-meta-wrap img {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    border-radius: 50%;
    float: left !important;
}

.page-section-inner nav ul li {
    display: inline-block;
}


.we-mega-menu-li {
    background: transparent !important;
    border: none !important;
}

.we-mega-menu-submenu>.we-mega-menu-submenu-inner {
    min-height: 5rem;
}

.we-megamenu-nolink {}

.main-left.navbar.navbar-default.navbar-we-mega-menu.mobile-collapse.hover-action {
    background: transparent;
    border-color: transparent;
}

.we-mega-menu-submenu {
    background: #FFF;
    padding: 35px 20px;
}

.we-mega-menu-ul>.we-mega-menu-li>span,
.we-mega-menu-ul>.we-mega-menu-li>a {
    background-color: transparent !important;
    color: #0086FB;
    text-transform: inherit !important;
    font-size: 18px;
    position: relative;
    display: block;
    margin: 0;
    padding: 0 10px 15px 10px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    background-image: none !important;
}

.we-mega-menu-ul>li.we-mega-menu-li {
    min-width: inherit;
    max-width: 100%;
    margin-left: 15px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .we-mega-menu-ul>.we-mega-menu-li>span,
    .we-mega-menu-ul>.we-mega-menu-li>a {
        text-align: center;
    }
}

.we-mega-menu-ul .dropdown-menu>a::before,
.we-mega-menu-ul .dropdown-menu>span::before {
    background-image: none !important;
}

.level-0.active>a,
.level-0.active>span,
.level-0>a:hover,
.level-0>span:hover {
    color: #36d9d7;
}

.level-0.active>a:before,
.level-0.active>span:before,
.level-0.clicked>a:before,
.level-0.clicked>span:before,
.level-0>a:hover:before,
li.level-0.sub-hidden-collapse>a.we-mega-menu-li:hover:before, 
.level-0>span:hover:before {
    position: absolute !important;
    content: "";
    background-color: #36d9d7 !important;
    height: 5px;
    width: calc(100% - 40%);
    bottom: 0;
    margin: 0;
    top: 70%;
    left: 0;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
li.level-0.show-barre.sub-hidden-collapse>a.we-mega-menu-li:hover:before,
li.level-0.show-barre.sub-hidden-collapse>a.we-mega-menu-li:before,
li.level-0.show-barre.sub-hidden-collapse>a.we-mega-menu-li:after{
    display: block !important;
}

li.level-1>span,
li.level-1>a {
    border-bottom: none !important;
    color: #0086FB !important;
    font-size: 30px !important;
    font-weight: bold !important;

}

li.level-1>span:before,
li.level-1>a:before {
    background-color: #0086FB !important;
    height: 50px !important;
    bottom: 0;
    margin: 0;
    margin-top: 0px;
    top: 43%;
    left: 20px;
}

.we-mega-menu-li.level-2 {
    padding-top: 29px;
}

.we-mega-menu-li.level-2 a,
.we-mega-menu-li.level-2 span {
    font-size: 17px !important;
    font-weight: bold !important;
    color: #000 !important;
}

.we-mega-menu-li.level-3 a,
.we-mega-menu-li.level-3 span {
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 500 !important;
}

/*.we-megamenu-nolink
{
    position: absolute !important;
    content: "";
    background-color:
    #36d9d7 !important;
    height: 5px;
    width: calc(100% - 40%);
    bottom: 0;
    margin: 0;
    top: 70%;
    left: 0;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
*/
/*.level-0 > a:hover:before,
.level-0 > span:hover:before
{
   overflow: hidden;
    transform: scaleX(0);
    transform-origin: right center !important;
    -webkit-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1); 
}*/
.icon-level-0 {
    font-size: 12px;
    margin-top: 8px;
}

/*.we-mega-menu-ul > li.we-mega-menu-li > span:hover::after, 
.we-mega-menu-ul > li.we-mega-menu-li > a:hover::before,

.we-mega-menu-ul > li.we-mega-menu-li > span:active::after,
.we-mega-menu-ul > li.we-mega-menu-li > a:active::before,

.we-mega-menu-ul > li.we-mega-menu-li.active > a::before,
.we-mega-menu-ul > li.we-mega-menu-li.active > a:hover:before


{
   background-color: #00d6d4 !important;
   height: 4px;
   width: calc(100% - 35px);
   bottom: -4px;
   margin: 0;
   top: 70%;
   left:8px;
   

}*/
.we-mega-menu-submenu {
    background-color: #FFF;
    opacity: 0.95 !important;
}


.navbar-we-mega-menu a i {
    color: #00d6d4;
    font-size: 12px;
}

/*.we-mega-menu-submenu li.we-mega-menu-li a
{
     color: #666 ;
    text-transform: inherit ;
    font-size: 18px ;
}
/*.region-we-mega-menu{
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}*/
.region-we-mega-menu #tt-m-menu-toggle-btn,
div#tt-m-menu-toggle-btn {
    padding: 0px 25px 11px 0px;
}

@media (min-width: 992px) {

    .we-mega-menu-ul>.dropdown-menu:hover>a,
    .we-mega-menu-ul>.dropdown-menu:hover>span,
    .we-mega-menu-ul>.dropdown-menu:focus>a,
    .we-mega-menu-ul>.dropdown-menu:focus>span {
        background: rgba(0, 0, 0, 0.1);
        color: #00d6d4;
        z-index: 23;
    }

    ul.we-mega-menu-ul>li.we-mega-menu-li.active>a,
    ul.we-mega-menu-ul>li.we-mega-menu-li.active>a:hover,
    ul.we-mega-menu-ul>li.we-mega-menu-li.active>a:focus,
    ul.we-mega-menu-ul>li.we-mega-menu-li.active-trail>a,
    ul.we-mega-menu-ul>li.we-mega-menu-li.active-trail>a:hover,
    ul.we-mega-menu-ul>li.we-mega-menu-li.active-trail>a:focus,
    .we-mega-menu-ul>.we-mega-menu-li>a:hover,
    .we-mega-menu-ul>.we-mega-menu-li>a:focus {
        color: #00d6d4;
    }

}

/*** animation to show the submenu *****/
.we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu {
    /* display: none;*/
    /*visibility: inherit;
    background-color: rgba(255, 255, 255, 0.85);*/
}

nav[data-animation="Fading"]:not(.click-action) .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.open>.we-mega-menu-submenu,
nav[data-animation="Fading"] .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.clicked>.we-mega-menu-submenu,
nav[data-animation="Fading"]:not(.admin) .we-mega-menu-ul .dropdown-menu:not(.clicked):hover>.we-mega-menu-submenu,
nav[data-animation="Fading"]:not(.admin) .we-mega-menu-ul .dropdown-menu:not(.clicked):focus>.we-mega-menu-submenu {
    -moz-animation-name: fadeInFromNoneOpacity;
    -webkit-animation-name: fadeInFromNoneOpacity;
    animation-name: fadeInFromNoneOpacity;
}

@-webkit-keyframes fadeInFromNoneOpacity {
    from {
        opacity: 0.85
        /*opacity: 0*/
    }

    to {
        opacity: 0.85
    }
}

@-moz-keyframes fadeInFromNoneOpacity {
    from {
        opacity: 0.85
    }

    to {
        opacity: 0.85
    }
}

@-o-keyframes fadeInFromNoneOpacity {
    from {
        opacity: 0.85
    }

    to {
        opacity: 0.85
    }
}

@keyframes fadeInFromNoneOpacity {
    from {
        opacity: 0.85
    }

    to {
        opacity: 0.85
    }
}

.nav-tabs .dropdown-menu {
    margin-top: 0px;
    box-shadow: initial;
    -webkit-box-shadow: initial;
}

.main-left .we-mega-menu-ul.nav.nav-tabs {
    float: right;
}

/** style for page 10 raison **/

.split-box:not(:last-child) {
    padding-bottom: 3%;
}

.split-box {
    padding-top: 1%;
    padding-bottom: 1%;
}

.split-product .split-box {
    padding-top: 3%;
    padding-bottom: 3%;
}
.split-product .split-box .sbi-height{
    padding-bottom: 60% !important;
}

.split-box.right-border .split-box-content {
    padding-right: 0;
    margin-left: -29%;
    z-index: 9;
    padding: 45px 45px !important;
    background-color: rgba(255, 255, 255, 0.95);
    /*  height: auto;*/
    min-width: 720px;
    width: auto;
    height: 80%;
    margin-bottom: 10%;
    margin-top: 5%;
}


.split-box.left-border .split-box-content {
    position: relative;
    padding: 45px 45px !important;
    z-index: 9;
    margin-right: -29%;
    background-color: rgba(255, 255, 255, 0.95);
    /*height: 80%;*/
    min-width: 720px;
    width: auto;
    height: 80%;
    margin-bottom: 10%;
    margin-top: 5%;
}


.split-box .bg-image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: transparent;
}

.block-megamenu {
    position: relative;
    z-index: 3000;
}

.megamenu-menu .megamenu-bin {
    z-index: 1000;
}

@media (min-width: 992px) {
    .we-mega-menu-ul>.we-mega-menu-li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-inline-grid;
        /* display: -ms-flexbox;*/
        display: -o-flex;
        display: flex;
    }

    ul.nav-tabs>li.dropdown-menu.level-0.clicked>div.we-mega-menu-submenu>div.we-mega-menu-submenu-inner>a.submenu-close {
        display: block !important;
    }

    .we-mega-menu-row a.submenu-close {
        display: none !important;
    }
}

/*** close Button for submenu ***/
.submenu-close {
    position: relative;
    float: right;
    width: auto;
    height: 28px;
    opacity: 0.4;
    color: #888;
    font-size: 16px;
    font-weight: lighter;
    font-family: 'Panton', sans-serif;
}

.submenu-close:hover {
    opacity: 1;
    color: #00d6d4;
}

.submenu-close:before,
.submenu-close:after {
    position: absolute;
    left: 76px;
    content: ' ';
    height: 14px;
    top: 4px;
    width: 2px;
    background-color: #888;
}

.submenu-close:hover:before,
.submenu-close:hover:after {
    background-color: #00d6d4;
}

.submenu-close:before {
    transform: rotate(45deg);
}

.submenu-close:after {
    transform: rotate(-45deg);
}

.split-box.left-border::before {
    position: absolute;
    content: "";
    background-color: #36d9d7 !important;
    height: 101%;
    width: 15px;
    bottom: 0;
    margin: 0;
    top: -6%;
    right: -3%;
    display: block;
    z-index: -1;
    border-radius: 10px;
}

.split-box.left-border::after {
    position: absolute !important;
    content: "";
    background-color: #36d9d7 !important;
    height: 15px;
    width: 106%;
    bottom: 0;
    margin: 0;
    top: 94%;
    left: -3%;
    display: block;
    background-position-y: top;
    background-repeat: repeat-x;
    transform: translateY(-6px);
    z-index: -1;
    border-radius: 10px;
}

.split-box.right-border::before {
    position: absolute;
    content: "";
    background-color: #36d9d7 !important;
    height: 103%;
    width: 15px;
    bottom: 0;
    margin: 0;
    top: -6%;
    left: -3%;
    display: block;
    transform: translateY(-6px);
    border-radius: 10px;
}

.split-box.right-border::after {
    position: absolute !important;
    content: "";
    background-color: #36d9d7 !important;
    height: 15px;
    width: 106%;
    bottom: 0;
    margin: 0;
    top: 95%;
    right: -3%;
    display: block;
    background-position-y: top;
    background-repeat: repeat-x;
    transform: translateY(-10px);
    z-index: -1;
    border-radius: 10px;

}

.split-box.right-border:last-child::after {
    width: 150%;
    right: -47%;
}

.split-box.left-border:last-child::after {
    width: 150%;
    left: -47%;

}

.split-box.right-border .tt-heading-title,
.split-box.left-border .tt-heading-title {
    color: #0086FB;
    text-align: left;
    font-size: 32px;
    font-weight: lighter;
    font-family: 'Panton', sans-serif;
    vertical-align: middle;
    display: table-cell;
    font-size: 100%;
    line-height: 120%;

}

.split-box.right-border .tt-heading,
.split-box.left-border .tt-heading {
    min-height: 80px;

}

.split-box.right-border,
.split-box.left-border {
    padding-top: 77px;
}

.split-box.right-border .bg-image,
.split-box.left-border .bg-image {}

.split-box.right-border .tt-heading .hr-short,
.split-box.left-border .tt-heading .hr-short {
    margin: 0;
    padding: 0;
    border-color: #40a4fc;
    opacity: 1;
    width: auto;
    max-width: 100%;
}

.split-box.right-border .split-box-content-text p,
.split-box.left-border .split-box-content-text p {
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
    text-align-last: left;
    margin-bottom: 0;
    font-size: 100%;
    line-height: 120%;


}

.split-box.right-border .split-box-content-text,
.split-box.left-border .split-box-content-text {
    margin-top: 40px;
    height: 140px;
    overflow: hidden;
    font-size: 18px;
    line-height: 20px;
}

.split-box:last-child {
    margin-bottom: 77px;
}

@media (max-width: 992px) {

    .split-box.right-border .split-box-content,
    .split-box.left-border .split-box-content {
        margin-left: 0px;
        margin-right: 0px;
        min-width: inherit;
        margin-bottom: 0px;
    }

    .split-box.right-border,
    .split-box.left-border {
        padding-top: 15px;
    }

}

.number_split {
    font-size: 70px;
    font-weight: lighter;
    color: #0086FB;
    font-family: 'Panton', sans-serif;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 12px;
    left: 0;
    border-bottom: 12px solid #0086FB;
    position: absolute;
    line-height: 0.8;
    height: 80px;
}

.middle-text {
    min-height: 80px;
    display: flex;
    /* contexte sur le parent */
    flex-direction: column;
    /* direction d'affichage verticale */
    justify-content: center;
    /* alignement vertical */
    font-size: 32px;
}

/* ------------------------------------------------------------- 
            talent page 
/* ------------------------------------------------------------- */
.title_portfolio {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 50px;
    line-height: 60px;
}

.title_portfolio h1 {
    font-size: 100%;
    line-height: 135%;
    font-weight: lighter;
    color: #fff;
}

.search-box-light {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
    margin-top: 60px;
}

.icon-stat-left {
    transform: rotateZ(45deg);
    position: absolute;
    top: 0;
    left: 0;
    color: #0086FB;
    opacity: 0.4;
    width: 40px !important;
    height: 40px;
}

.icon-stat-right {
    transform: rotateZ(45deg);
    position: absolute;
    bottom: 0;
    right: 0;
    color: #0086FB;
    opacity: 0.4;
    width: 40px !important;
    height: 40px;
}

.icon-double-quote {
    font-size: 300px;
    color: #038c8b;
    top: 0;
    left: 39%;
    font-family: 'Panton', sans-serif;
    font-weight: lighter;
    position: absolute;
    line-height: 0.45;
    height: 0;
}

#page-header.header_talent.ph-xlg .page-header-inner {
    padding-top: 0;
    padding-bottom: 0;

}

.ph-center.header_talent .page-header-caption .page-header-title {
   /* margin-top: 89px;*/
    margin-top: 0;
}

section.header_talent, 
section#page-header
 {
    /*height: 450px;*/
    max-height: 100%;
    background-color: #222221;
    /*margin-top: 10px;*/
}

body.path-search-corporate section#page-header
 {
    background-color: #fff;
}

section#portfolio-list-section.presd-section {
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
   /* height: 450px; */ 
}

.talent-count .funn-facts-inner {
    /*margin: auto 77px;*/
    margin-left: 31px;
}

section#portfolio-list-section.presd-section .isotope.col-2 .isotope-item {
    padding-right: 10px;
}

section#portfolio-list-section.presd-section .isotope.col-2 .isotope-item:last-child {
    padding-left: 10px;
    padding-right: 0px;
}

#page-header.header_diversite.ph-xlg .page-header-inner {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
}

.ph-center.header_diversite .page-header-caption .page-header-title {
    margin-top: 0;
    line-height: 100%;
    display: table-cell;
    vertical-align: middle;
}

section.header_diversite {
    height: 376px;
    max-height: 100%;
    margin-top: 20px;
}


.talent-count .col-count .counter-up-wrap {
    width: 94%;
    margin-left: 0;
    padding-left: 0;
   /* min-height: 240px;
    height: 100%;*/
    height: auto;
}

.talent-count .col-count .counter-up-wrap:last-child {
    padding-right: 0;
}

.talent-count .count-gras {
    padding: 10px 0;
    font-size: 29px;
    line-height: 0; 
    color: #0086FB !important;
    font-family: 'Panton-Bold';
}

.talent-count .cup {
    padding-right: 0;
}

.talent-count .ctext {
    padding-left: 8px;
}

.talent-count .counter-up-title {
    font-size: 28px;
    color: #0086FB;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: normal;
    margin-top: 0;
    font-family: "Panton-bold";
}

.talent-count p {
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;
    font-size: 20px;
    color: #222221;
    margin: 0;
}
.talent-count.home-count  p {
    padding: 0px 15%;
}

.decouvert-block .pli-alter-5 .portfolio-list-item .pl-item-image:hover,
.decouvert-block .pli-alter-5 .iso-height-1 .portfolio-list-item .pl-item-image:hover,
.decouvert-block .pli-alter-5 .iso-height-2 .portfolio-list-item .pl-item-image:hovet {
    border: 5.33pt solid #fff;
}

.fa-user-tie,
.fa-globe,
.fa-handshake {
    color: #0080FF;
} 

[class^="icon-icone-stage-1"],
[class*=" icon-icone-stage-1"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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-icone-stage-1:before {
    content: "\e902";
    color: #000;
    font-size: 100px;
}
.icon-icone-stage-1:hover::before {
    color: #0080FF;
}


[class^="icon-handshake3"],
[class*="icon-handshake3"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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-handshake3:before {
    content: "\e901";
    color: #000;
    font-size: 124px;
}
.icon-handshake3:hover::before {
    color: #0080FF;
}

[class^="icon-icone-vie"],
[class*="icon-icone-vie"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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-icone-vie:before {
    content: "\e900";
    color: #000;
    font-size: 100px;
}
.icon-icone-vie:hover::before {
    color: #0080FF;
}
[class^="icon-icone-et"],
[class*="icon-icone-et"],

[class^="icon-icone-bbs"],
[class*="icon-icone-bbs"],

[class^="icon-icone-avs"],
[class*="icon-icone-avs"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon home' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    /*font-size: 120px;*/
    font-size: 165px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icone-et:before {
    content: "\e800";
    color: #fff;
}

.icon-icone-bbs:before {
    content: "\e801";
    color: #fff;
}

.icon-icone-avs:before {
    content: "\e802";
    color: #fff;
}

/*portfolio boxed*/
.portfolio-boxed  .pl-item-icon>span{
    font-size: 80px;
}
.portfolio-boxed .pli-alter-9 .pl-item-title, 
.portfolio-boxed .pl-item-title 
{
    font-size: 30px;
}
[class^="icon-donnees-personnelles"],
[class*="icon-donnees-personnelles"],
[class^="icon-inscription-securite"],
[class*="icon-inscription-securite"],
[class^="icon-facturation"],
[class*="icon-facturation"],
[class^="icon-securite"],
[class*="icon-securite"]
 {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon Fournisseurs' !important;
  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-donnees-personnelles:before {
  content: "\e901";
}
.icon-facturation:before {
  content: "\e902";
}
.icon-inscription-securite:before {
  content: "\e903";
}
.icon-securite:before {
  content: "\e904";
}

[class^="icon-qualite_fournisseur"],
[class*="icon-qualite_fournisseur"],
[class^="icon-Transport"],
[class*="icon-Transport"],
[class^="icon-formation"],
[class*="icon-formation"],
[class^="icon-Ethique"],
[class*="icon-Ethique"]
 {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon Fournisseurs 2' !important;
  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-qualite_fournisseur:before {
  content: "\e900";
}
.icon-Transport:before {
  content: "\e901";
}
.icon-formation:before {
  content: "\e902";
}
.icon-Ethique:before {
  content: "\e903";
}


[class^="icon-environnement"],
[class*="icon-environnement"]
 {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon world' !important;
  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-environnement:before {
  content: "\e900";
}

[class^="icon-envoidonnees"], [class*=" icon-envoidonnees"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon envoidonnees' !important;
  speak: never;
  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-envoidonnees-mini:before {
  content: "\e901";
}
.icon-envoidonnees:before {
  content: "\e900";
}

/************ icon export file (mini)  *****************/
[class^="icon-export-mini"], [class*=" icon-export-mini"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'exportFile' !important; 
  speak: never;
  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-export-mini-specific:before {
  content: "\e904";
}
/********* End icon personnalise *****************/
.info-box-info {
    font-size: 35px;
    line-height: 48px;
}

.info-box-heading {
    color: #0080FF;
    font-family: 'Panton', sans-serif;
    font-weight: lighter;
    font-size: 100%;
    line-height: 100%;
}

/********** carousel temoinge *********/
.item-video>figure.youtube-container {
    width: 100%;
    height: 100%;
    /*background-color: #222221;*/
    background-color:transparent;
}

.item-video>figure.youtube-container>iframe {
    /*width: auto;*/
    width: 100%;
    height: 100%;
    border: 0;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.vedio-testimonial .pl-item-info {
    padding-top: 15px;
}

.vedio-testimonial .pl-item-info .pl-item-caption {
    font-size: 25px;
    line-height: 22px;
}

.vedio-testimonial .pl-item-title {
    text-align: center;
    color: #0086FB;
    font-size: 100%;
    line-height: 100%;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.vedio-testimonial .pl-item-category {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: lighter;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    padding-top: 0;
    font-style: italic;
}

.vedio-testimonial .iso-height-1 .portfolio-list-item,
.iso-height-2 .portfolio-list-item {

    margin-bottom: 16%;
}
.vedio-testimonial .iso-height-1 .portfolio-list-item {

    margin-bottom: 25%;
}
.vedio-testimonial.temoin-energie .iso-height-1 .portfolio-list-item {

    margin-bottom: 0;
    margin-top: 0;
}
#project-carousel-section.vedio-testimonial.temoin-energie, 
#project-carousel-section.vedio-testimonial.temoin-energie .owl-carousel 
 {

    margin-top: 0 !important;
}

.vedio-testimonial {
    margin-bottom: 30px;
}

.vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
.tt-heading.tt-heading-xlg h1.tt-heading-title {

    font-size: 100%;
    line-height: 135%;
    margin-bottom: 40px;

}

#project-carousel-section.vedio-testimonial {
    margin: 40px 0 43px 0;
    padding: 0;
}


/*************************************************************** /
Page d'acceuil .page-node-344 ( removed class(class home page) because there is specific class ) 
/************************************************************ */
 #page-header.homepage-header .tt-wrap {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#page-header.homepage-header .tt-wrap .p-header {
    line-height: 100%;
    text-align: center;
    font-size: 100%;
    font-weight: lighter;
    font-family: "Panton";
}

#page-header.homepage-header .tt-wrap .p-header strong {
    font-family: 'Panton-Bold';
}

.split-product {
    background-image: url('/themes/custom/aivo/assets/img/fond_produits.svg');
    background-repeat: no-repeat;
    display: block;
    margin: 30px auto;
    width: 100%;
    /*height: 600px;*/
    height: 100%;
    /*width: 60%; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.split-product .split-box:last-child {
    margin-bottom: 0px;
}
.home-count {
    background-image: url('/themes/custom/aivo/assets/img/fond_produits.svg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    height: 380px;
}
.talent-count .funn-facts-inner {
    padding: 37px 0;
}
#funn-facts-section.home-count{height: 100%;}
.split-product .split-box .row-lg-height .split-box-image.bg-image {
    /*min-width: 537px;*/
    width: 70%;
    /*width: 60%;*/
    float: right;
    min-width: 100%;
}
/*-------------------------------------------*
     Button social home 
*--------------------------------------------*/
.social-buttons.center-buttons {
    /*margin-top: 30px;*/
    margin-top: 2%;
    margin-bottom: 1%;
}
.center-buttons ul
{
    display: table;
    margin: auto;
}
.social-buttons.center-buttons ul > li 
{
   /* display: inline-table;*/
    margin-right: 40px;
    width: 85px;
    height: 85px;
}
.center-buttons .btn-social-min{
    width: 100%;
    height: 100%;
    padding: 25px 25px !important;
    /*display: inline-table;*/
} 

/*** new social style  btn ****/ 

.social-home .social-buttons.center-buttons ul > li 
{
   margin-right: 20px;
    width: 80px;
    height: 80px;
}

.social-home .social-buttons.center-buttons ul > li >a>img
{
    max-width: 100%;
    width: 75px; 
    height: auto;

}


@media screen and (max-width: 992px) {
    .social-home .social-buttons.center-buttons ul > li {
        margin-right: 10px;
        width: 60px; 
        height: 60px;
    }
}
@media screen and (max-width: 1024px) {
	.social-home .social-buttons.center-buttons ul > li > a > img {
	    width: 55px;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	
	.social-home .social-buttons.center-buttons ul > li {
	    margin-right: 10px;
	}
	.social-home .social-buttons.center-buttons ul > li {
	    width: 60px;
	    height: 60px;
	}

}

@media screen and (min-width: 2000px) {
    .pli-alter-8 .pl-item-description p {
        font-size: 120%; 
        line-height: 135%;
    }
}

@media screen and (max-width: 1680px) {
    .center-buttons .btn-social-min {
        width: 90%;
        height: 90%;
    }
    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1,
    h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        /*font-size: 62px;*/
        font-size: 100%;
    }
    .pli-alter-5 .pl-item-title a,
    .pli-alter-5 .pl-item-title.tlarge a,
    .index-valeurs.pageng  .pli-alter-5 .pl-item-title.tlarge a,
    .pli-alter-5 .pl-item-title span
     {
        font-size: 100%;
        line-height: 130%;
    }
    #page-header.homepage-header .tt-wrap .p-header{
        /*font-size: 62px;*/
        font-size: 82%;
        line-height: 125%;
    }

    .big-search-box-inner {
        max-width: 805px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .pli-alter-8 .pl-item-description p {
        /*font-size: 24px;*/
        font-size: 100%;
        line-height: 115%;
    }

    .pli-alter-8 .pl-item-description p span.president {
        /*font-size: 72%;*/
        /*font-size: 16px;*/

    }

    .pli-alter-8 .pl-item-description p.raison-page,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title a,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title span
     {
        font-size: 200%;
        margin-top: 9%;
        padding: 0 70px;
    } 
    .pli-alter-5 .pl-item-title.tlarge a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title.tlarge a,
    .pli-alter-5 .pl-item-title.tlarge span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title span,
    .pl-item-caption .pli-alter-5 .pl-item-title a,
    .pl-item-caption .pli-alter-5 .pl-item-title span
    {font-size: 100%;}
    
    .pli-alter-8 .pl-item-description p.raison-page {
        margin-top: 0;
    }
    .page-node-343 .pli-alter-8 .pl-item-description p.raison-page 
    {
        margin-top: 0; 
     } 

    .talent-count .count-gras {
        font-size: 30px;
    }

    .talent-count .counter-up-title {
        font-size: 26px;
    }

    .vedio-testimonial .pl-item-title {
        font-size: 100%;
    }

    .vedio-testimonial .pl-item-category {
        /* font-size: 22px;*/
    }
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-avs:before,
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-et:before,
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-bbs:before {
        /* font-size: 165px; */
        font-size: 90%;
    }
    .center-buttons .btn-social-min {
        width: 90%;
        height: 90%; 
    }
    .page-node-344 .pli-alter-8 .pl-item-description p.raison-page {
        margin-top: 0; 
    }
    .home-count {
        height: 100%;
    }
    .split-product .split-box .row-lg-height .split-box-image.bg-image {
        min-width: 80%;
    }

}

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

    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1,h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title {
        /*font-size: 56px;*/
        /*font-size: 100%;*/
    }

    .talent-count .count-gras {
        font-size: 26px;
    }

    .ph-center.header_diversite .page-header-caption .page-header-title {
        /*margin-top: 65%;*/
    }

    .pli-alter-8 .pl-item-description p {
        /*line-height: 162%;*/
    }

    .pli-alter-8 .pl-item-description p span.president {
        font-size: 72%;
    }
    .pli-alter-6 .pl-item-info .pl-item-description p {
        font-size: 88%;
        line-height: 130%;
    }
    .pli-alter-6 .pl-item-info .pl-item-description {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1440px) {
    .page-header-caption.ph-cap-light .page-header-title {
          font-size: 80%; 
    }

    .title_portfolio h1,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title {
        /*  font-size: 45px;*/
    }

    .big-search-box-inner .form-btn-inside.views-exposed-form {
        max-width: 90%;
    }

    .pli-alter-8 .pl-item-description p.raison-page {
        padding: 0 15%;
    }

    .pli-alter-8 .pl-item-description p {
        font-size: 85%;
        line-height: 135%;
    }

    .pli-alter-8 .pl-item-description p span.president {
        /*font-size: 14px;*/
    }

    .pl-item-info .raison-page {
        line-height: 1.2;
    }

    .ph-center.header_talent .page-header-caption .page-header-title {
        /*font-size: 65%;*/
    }

    .talent-count .counter-up-title {
        font-size: 22px;
    }

    .talent-count p {
        font-size: 18px;
        max-width: 90%;
    }

    .talent-count .count-gras {
        font-size: 24px;
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 65px !important;
    }

    .vedio-testimonial .pl-item-title {
        font-size: 28px;
    }

    .vedio-testimonial .pl-item-title {
        font-size: 26px;
    }

    .vedio-testimonial .pl-item-category {
        /*font-size: 18px;*/
    }

    .icon-icone-stage-1:before,
    .icon-icone-vie:before {
        font-size: 90px;
    }

    .icon-handshake3:before {
        font-size: 112px;
    }
    .split-box.right-border .split-box-content-text p, .split-box.left-border .split-box-content-text p {
        font-size: 85%;
    }
    .pli-alter-9 .pl-item-title a,
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-avs:before,
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-et:before, 
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-bbs:before {
        font-size: 80%;
    } 
    .split-product .split-box .row-lg-height .split-box-image.bg-image {
        width: 100%;
    }
    .page-node-376 .pli-alter-5 .pl-item-title a, .pli-alter-5 .pl-item-title span {
        font-size: 80%;
        line-height: 120%;
    }

}

@media screen and (max-width: 1366px) {
    .pictos .info-box-heading a,
    .pictos .info-box-heading span
    {
        font-size: 80%;
    }
    .pli-alter-5 .pl-item-title a, 
    .pli-alter-5 .pl-item-title.tlarge a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title.tlarge a,
    .pli-alter-5 .pl-item-title span 
     {
        font-size: 85%;
    }
    .page-header-caption.ph-cap-light .page-header-title {
        /*font-size: 50px;*/
    }

    .title_portfolio h1,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title {
        /*font-size: 40px;*/
    }

    .icon-double-quote {
        font-size: 220px;
        line-height: 0.5;
    }

    .pli-alter-8 .pl-item-description p {
        font-size: 80%;
        /* line-height: 112%;*/
    }

    .pli-alter-8 .pl-item-description p span.president {
        /*font-size: 12px;*/
    }

    .pli-alter-8 .pl-item-description p.raison-page,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title a,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title span
     {
        /*font-size: 40px;
        li*ne-height: 1.1;*/
        font-size: 180%;
    }
   .pli-alter-5 .nos-certifications .pl-item-title.tlarge a,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title.tlarge span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title.tlarge span
    {

        font-size: 80%;
    }
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title h2>span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title h2>span
    {font-size: 100%;}

    .icon-stat-left,
    .icon-stat-right {
        width: 40px !important;
        height: 40px;
    }

    .talent-count .count-gras {
        font-size: 22px;
    }

    .talent-count .counter-up-title {
        font-size: 18px;
    }

    .counter-up-wrap {
        padding: 25px 0;
    }
 
    .talent-count .col-count .counter-up-wrap {
        /*min-height: 185px;*/
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 55px !important;
    }    


    .slider-bbs .owl-carousel.owl-drag .owl-item {
        margin-right: auto !important;
    }
    

    #page-header.homepage-header .tt-wrap .p-header {
        font-size: 78%;
        line-height: 120%;
    }
    .pictos .info-box .info-box-icon>span::before {
        font-size: 85%;
    }
   .pli-alter-6 .pl-item-info .pl-item-description p {
        font-size: 82%;
        line-height: 125%;
    }
    .pli-alter-6 .pl-item-info .pl-item-description {
        padding: 0 8px;
    }
} 

@media screen and (max-width: 1280px) {
    .social-buttons.center-buttons ul > li {
        margin-right: 5px;
    }
    .center-buttons .btn-social-min {
        width: 80%;
        height: 80%;
        padding: 16px 16px !important;
        /* display: inline-table; */
    }
    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1,h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 80%;
    }    
    #page-header.homepage-header .tt-wrap .p-header
     {
        font-size: 70%;
        /*line-height: 135%; */
        line-height: 100%; 
    }
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-avs:before,
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-et:before,
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-bbs:before {
        /* font-size: 165px; */
        font-size: 75%;
    }
    .pli-alter-9 .pl-item-title a {
        font-size: 80%;
    }

    .big-search-box-inner .form-btn-inside.views-exposed-form {
        max-width: 80%;
    }

    .we-mega-menu-ul>.we-mega-menu-li>span,
    .we-mega-menu-ul>.we-mega-menu-li>a {
        /*font-size: 16px;*/
        font-size: 14px;
        padding: 0 5px 15px 5px;
    }

    body.tt-boxed #header .tt-wrap {
        width: 90%;
    }

    .talent-count .funn-facts-inner {
        margin: auto 50px;
    }

    .vedio-testimonial .pl-item-title {
        font-size: 22px;
        line-height: 1.1;
    }

    .vedio-testimonial .pl-item-category {
        font-size: 16px;
    }

    .ph-center.header_diversite .page-header-caption .page-header-title {
        /*margin-top: 100%;*/
    }

    .talent-count p {
        font-size: 16px;
    }

    .dix-raison-header .page-header-caption.ph-cap-light .page-header-subtitle {
        padding: 0 15%;
    }
    .split-product .split-box .row-lg-height .split-box-image.bg-image {
        min-width: 70%;
    }
    .pli-alter-5 .pl-item-title a,
    .pli-alter-5 .pl-item-title.tlarge a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title.tlarge a,
    .pli-alter-5 .pl-item-title span
     {
        font-size: 70%;
    }

    .pictos .info-box .info-box-icon>span::before {
        font-size: 70%;
    }

}

@media screen and (min-width: 1152px) {
    .paragraph--type-a11y-paragraphs-tab-content {
        font-size: 16px;
    }
}
@media screen and (max-width: 1361px) {
    .page-node-347 .pli-alter-8 .pl-item-description p.raison-page,
    .page-node-347 .index-valeurs.toggleContent .pli-alter-5 .pl-item-title a,
    .page-node-347 .index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
    .page-node-347 .index-valeurs.pageng .pli-alter-5 .pl-item-title a,
    .page-node-347 .index-valeurs.pageng .pli-alter-5 .pl-item-title span
     {
        padding: 0;
    }    
    .page-node-347 .index-valeurs.toggleContent .pli-alter-5 .pl-item-info,
    .page-node-347 .index-valeurs.pageng .pli-alter-5 .pl-item-info {
      padding: 0 5%;
    }

}
@media screen and (max-width: 1152px) {
    .pictos .info-box-heading a,
    .pictos .info-box-heading span
    {
        font-size: 65%;
    }

    .icon-double-quote {
        font-size: 200px;
    }

    .pli-alter-8 .pl-item-description p {
        /*font-size: 16px;*/
        font-size: 75%;
       /* line-height: 155%;*/
    }

    .pli-alter-8 .pl-item-description p span.president {
        font-size: 70%;
        /* font-size: 16px; */
    }

    .pli-alter-8 .pl-item-description p.raison-page,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title a,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title span
     {
        font-size: 150%;
        margin-top: 9%;
        padding: 0 10%;
        line-height: 120%;
    }    

    .pli-alter-8 .pl-item-description p.raison-page {
        margin-top: 0;
    }

    .pli-alter-8 .pl-item-description {
        margin-top: 5%;
        margin-bottom: 5%; 
    }

    #header.menu-align-center #logo {
        top: 0;
    }

    #header #logo img {
        width: 80%;
    }

    #logo {
        width: 180px;
    }

    .pli-alter-8 .pl-item-description p {
        /* width: 68%;*/
    }

    .vedio-testimonial .pl-item-title {
        font-size: 80%;
        line-height: 90%;
    }

    .vedio-testimonial .pl-item-category {
        font-size: 14px;
    }

    .pli-alter-9 .pl-item-info,
    .isotope.gutter-0 .pli-alter-9 .portfolio-list-item .pl-item-info,
    .isotope.gutter-2 .pli-alter-9 .portfolio-list-item .pl-item-info,
    .isotope.gutter-3 .pli-alter-9 .portfolio-list-item .pl-item-info,
    .isotope.gutter-4 .pli-alter-9 .portfolio-list-item .pl-item-info,
    .isotope.gutter-5 .pli-alter-9 .portfolio-list-item .pl-item-info,
    .isotope.gutter-6 .pli-alter-9 .portfolio-list-item .pl-item-info {
        padding: 0 6%;
       
    }
    .split-product .split-box .row-lg-height .split-box-image.bg-image {
        min-width: inherit;
    }
    .single-text .text-page {
        font-size: 85%;
        line-height: 125%;
    }
    .bbs-famille h2,h2.bbs-famille{
        font-size: 20px; 
    }
    .bbs-famille .btn {
        font-size: 16px;
    }


}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
        .page-node-378 .header_diversite .page-header-caption.ph-cap-light{
        height: 80%;
        -moz-transform: translateY(43.5%);
        -ms-transform: translateY(43.5%);
        -webkit-transform: translateY(43.5%);
        transform: translateY(43.5%);
    }
}
@media screen and (max-width: 1024px) {
    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1,h2.page-header-subtitle,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 72%;
    }

    .info-box-heading a {
        font-size: 70%;
        line-height: 100%;
    }
    #page-header.homepage-header .tt-wrap .p-header
     {
        font-size: 62%;
    }
    .pli-alter-5 .pl-item-title a, 
    .pli-alter-5 .pl-item-title span
     {
        font-size: 65%;
    }
    .center-buttons .btn-social-min {
        width: 65%;
        height: 65%;
        padding: 10px 10px !important;
        /* display: inline-table; */
    }    
    .center-buttons .btn-social-min .fa-3x {
        font-size: 2.5em;
    } 
    .social-buttons.center-buttons ul > li 
    {
        margin-right: 20px;
        width: 55px;
        height: 55px;
   
    }
    .ph-center.header_diversite .page-header-caption .page-header-title {
       /* margin-top: 65%;*/
    }

    .pli-alter-8 .pl-item-description p {
        /* font-size: 14px;*/
        font-size: 66%;
        padding-top: 8px;
    }

    .icon-double-quote {
        font-size: 150px;
        left: 37%;
    }

    .pli-alter-8 .pl-item-description p.raison-page {
        /* font-size: 30px;*/
    }

    section.header_diversite {
        height: 238px;
    }

    .vedio-testimonial .iso-height-1 .portfolio-list-item,
    .iso-height-2 .portfolio-list-item {
        margin-bottom: 30%;
    }

    .vedio-testimonial .iso-height-1 .portfolio-list-item,
    .iso-height-2 .portfolio-list-item {
        margin-bottom: 65%;
    }    
    .vedio-testimonial .iso-height-1 .portfolio-list-item,
    .iso-height-2 .portfolio-list-item {
        margin-bottom: 40%;
    }
    .page-node-343 .pl-item-image-wrap
    {
        height:80%;
        width: auto;

    }
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-avs:before,
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-et:before, 
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-bbs:before {
        font-size: 50%;
    }
    .pli-alter-9 .pl-item-title a {
        font-size: 65%;
    }
    .pictos .info-box .info-box-icon>span::before {
        font-size: 80%;
    }
    .portfolio-list-item .pl-item-icon {
        padding-bottom: 5%;
    }
    .page-header-caption {
        padding-left: 0;
        padding-right: 0;
    }
    .pli-alter-5 .pl-item-title a, .pli-alter-5 .pl-item-title span {
        font-size: 52%;
    }
}

@media screen and (max-width: 992px) {
    section.header_talent, 
    section#page-header {
        height: 100% !important; 
        max-height: 100%;
    }
    #page-header.homepage-header .tt-wrap .p-header{
        /*line-height: 55%; */
    }
    #page-header.homepage-header .tt-wrap .p-header
    {
        font-size: 50%;
    }
    .pli-alter-8 .pl-item-description p.raison-page,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title a
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title a
    .index-valeurs.pageng .pli-alter-5 .pl-item-title span
     {
        font-size: 100%;
    }
    #portfolio-list-section.index-valeurs.padding-title-cinq .pli-alter-5 .isotope-item{
        margin-bottom: 0;
    }
   .pli-alter-6 .pl-item-info .pl-item-description p {
        font-size: 75%;
    } 
    .bbs-famille .portfolio-single-image img {
        float: right;
    }
    .page-node-377 .ph-center .page-header-caption .ph-subtitle-wrap,
    .page-node-380 .ph-center .page-header-caption .ph-subtitle-wrap,
    {
        width:100%;
    }
    .page-node-377 .page-header-inner {
         padding-top: 13% !important;
    }
    .bbs-famille .btn {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .owl-carousel.nav-outside-top .owl-nav .owl-prev, .owl-carousel.nav-outside-top .owl-nav .owl-next {
        font-size: 32px;
    }
    .owl-carousel .owl-nav .owl-prev {
            padding-left: 2.5%;
    }
    .owl-carousel .owl-nav .owl-next {
        padding-right: 4%;
    }
    .paragraph--type-a11y-paragraphs-tab-content {
      font-size: 14px;
    }
    .a11y-paragraphs-tabs__wrapper {
      width: 100%;
    }
    .a11y-paragraphs-tabs__wrapper .tabs-panel div.content {
      padding: 5px;
    }
    .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content h3{font-size: 100%;}
    .file.file--application-pdf a {
      word-break: break-word;
    }

}

@media screen and (max-width: 768px) {
    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1,h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 55%;
        line-height: 100%;
    }   

    body {
        font-size: 12px;
    }
    .owl-carousel .owl-nav .owl-prev {
	    padding-left: 1%;
	}
	.owl-carousel .owl-nav .owl-next {
	    padding-right: 1%;
	}
    #page-header.homepage-header .tt-wrap .p-header{
        line-height: 50%;
    }
    .pli-alter-5 .pl-item-title a,
    .pli-alter-5 .pl-item-title span{
         font-size: 50%;
    }
    #page-header.homepage-header .tt-wrap .p-header {
        font-size: 45%;
        line-height: 120%;
    }
    .info-box-info {
        font-size: 30px;
        line-height: 28px;
    }

    .page-header-caption {
        padding-left: 0;
        padding-right: 0;
    }

    .search-box-light {
        margin-top: 30px;
    }

    .pli-alter-8 .pl-item-description p.raison-page,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title a,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title span
     {
        /*font-size: 20px;
        padding: 0 50px;*/
        font-size: 100%;

    }

    .icon-double-quote {
        font-size: 100px;
        left: 30%;
    }

    .pli-alter-8 .pl-item-description p {
        font-size: 50%;
        padding-top: 2px;
        width: 76%;
        word-spacing: 0px;
    }

    .pli-alter-8 .pl-item-description p span.president {
        /* font-size: 10px;*/
    }

    .ph-center.header_talent .page-header-caption .page-header-title {
        margin-top: 0px;
    }

    .talent-count .col-count .counter-up-wrap {
        width: 55%;
       /* min-height: 165px;*/
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .ph-center.header_diversite .page-header-caption .page-header-title {
      /*  margin-top: 0;*/
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 75px !important;
    }

    .info-box-heading {
        font-size: 50%;
    }

    .icon-icone-stage-1:before,
    .icon-icone-vie:before {
        font-size: 75px;
    }

    .icon-handshake3:before {
        font-size: 90px;
    }

    section.services-style-5>.services-inner>.info-box-wrap>.row>div:last-child>.info-box>.info-box-icon {
        margin-bottom: 26px;
    }

    .talent-count .col-count .counter-up-wrap {
        width: 100%;
    }

    .footer-bottom-col-left {
        clear: left;
        float: left;
    }

    .vedio-testimonial .pl-item-category { 
        font-size: 12px;
    }

    .dix-raison-header .page-header-caption.ph-cap-light .page-header-subtitle {
        padding: 0 25%;
    }

    .number_split {
        height: auto;
        font-size: 75%;
    }
    
    .split-box.right-border .tt-heading-title,
    .split-box.left-border .middle-text .tt-heading-title {
        font-size: 80%;
        line-height: 100%; 
       /* padding-left: 15%;*/
        padding-left: 0;
        width: 100%;
    }
    .split-box .sb-content-right,
    .split-box .sb-content-left
    {width: 100%;}
    .split-box.right-border .tt-heading-title, .split-box.left-border .tt-heading-title {
        font-size: 80%;
        line-height: 100%;
    }
    .page-node-343 .pl-item-image-wrap
    {
        height:80%;
        width: auto;

    }
    .social-buttons.center-buttons ul > li {
        margin-right: 5px;
        /*width: 85px;
        height: 85px;*/
        width: 45px;
        height: 45px;
    }
    .center-buttons .btn-social-min .fa-3x {
        font-size: 2em;
    }
    #page-header.home-recruter .ph-title-wrap h1.page-header-title
    {
       line-height: 50%; 
   }
   .split-product .split-box .bg-image {
        background-size: contain;
    }
    .split-box-content.text-a-grey>.tt-heading> .tt-heading-inner>.middle-text> .tt-heading-title{
        padding-right: 0; 
    }
 
    .isotope-item.iso-height-2>div, 
    .pb-70 .isotope-item.iso-height-2>div.portfolio-list-item, 
    .isotope-item.iso-height-2>a, 
    .isotope-item.iso-height-2>article, 
    .isotope-item.iso-height-2>figure {
        padding-bottom: 70%;
    }
    .pictos .info-box .info-box-icon>span::before {
        font-size: 100%;
    }
    .info-box-heading a {
        font-size: 100%;
        line-height: 100%;
    }
    .single-text .text-page {
        font-size: 70%;
        line-height: 125%;
    }
    .bbs-famille h2,h2.bbs-famille{
        font-size: 18px; 
    }
    .bbs-famille .btn {
        font-size: 14px;
    }
}


@media screen and (max-width: 767px) {
/*
    .homepage-header .page-header-caption.ph-cap-light{
        -moz-transform:translateY(40%);
        -ms-transform: translateY(40%);
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
    }
    */
   .col-onetwo>div.col-sm-8 {
        margin-top: 20px;  
    }
    .talent-count .funn-facts-inner {
        margin: auto 10px;
    }
    .talent-count .count-gras {
        font-size: 12px;
    }
    .talent-count p {
        font-size: 14px;
    }
    .page-header-inner {
        padding: 100px 2%;
    }

    .talent-count .col-count .counter-up-wrap {
        width: 100%;
    }

    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1,h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 48%;
    }
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
      margin-bottom: 5px;
    }  
    .tt-heading.tt-heading-xlg.padding-bottom-40.padding-top-40, 
    .tt-heading.tt-heading-xlg {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .paragraph--type-a11y-paragraphs-tab-content {
      font-size: 12px;
    }
    #big-search-input {
        font-size: 12px;
    }

    .owl-carousel .cc-item {
        margin: 0 5px;
    }

    .ph-center.header_talent .page-header-caption .page-header-title {
        margin-top: 89px;
        margin-bottom: 50px;
    }

    #page-header.header_talent.ph-xlg .page-header-inner {
        padding-top: 5% !important;
        padding-bottom: 35% !important;
    }

    .footer-bottom-col-left {
        float: left;
    }

    .ph-center.header_talent .page-header-caption .page-header-title {
        margin-top: 0px;
    }

    section.header_talent {
        margin-top: 10px;
    }

    .vedio-testimonial .pl-item-title {
        font-size: 50%;
        line-height: 80%;
    }

    .pli-alter-8 .pl-item-description p {
        line-height: 100%;
    }

    .left-border .sbi-height,
    .right-border .sbi-height {
        padding-bottom: 60% !important;
    }

    .split-box.right-border .split-box-content-text,
    .split-box.left-border .split-box-content-text {
        margin-top: 0%;
        height: auto;

    }
    .split-box.left-border .split-box-content,
    .split-box.right-border .split-box-content
     {
        padding: 15px 15px !important;

    }
    .split-box.right-border .split-box-content-text p, .split-box.left-border .split-box-content-text p {
        font-size: 75%;
        line-height: 100%;
    }
    .ph-desc-inner p {
        font-size: 35%;
    }
    .page-header-description {
        margin: 15px 0 0 0;
    }
    .center-buttons .btn-social-min {
        width: 100%;
        height: 100%;
        padding: 5px 5px !important;   
        line-height: 1;
        margin: 0;
    }
    .social-buttons.center-buttons ul > li {
        width: 50px;
        height: 50px;
    }
    .social-home .social-buttons.center-buttons ul > li {
        margin-right: 10px;
        width: 40px;
        height: 40px;
    }    
    .social .social-buttons.center-buttons ul > li {
	    margin-right:5px;
	    width: 35px;
	    height: 35px;
	}
    .page-node-344 .paragraph--type--video-upload{margin-top: 20px; height: 100%;}
    .footer-block .social-buttons ul>li {
        margin-right: 5%;
    }
   .pl-item-icon span:before{
        font-size: 35%;
    }
    #user-login-form input, #user-register-form input, #user-pass input {
        width: 100%; 
    }
    .bbs-famille .portfolio-single-image img {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .bbs-famille h2,h2.bbs-famille{
        font-size: 16px; 
    }
    .single-text .text-page {
        font-size: 62%;
        line-height: 120%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .bbs-famille .btn {
        font-size: 13px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px){
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
      margin-bottom: 10px;
    }
}
@media screen and (max-width: 992px) and (orientation: portrait) {
   .page-node-344 .isotope-items-wrap .isotope-item .portfolio-list-item {
        margin-bottom: 20px !important;  
    }    
   .page-node-344 .isotope-items-wrap .isotope-item:last-child .portfolio-list-item {
        margin-bottom: 0 !important;  
    } 
    .header_talent .page-header-caption.ph-cap-light{
        -moz-transform:none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .pl-item-info .pl-item-description p {
        font-size: 50%;
        line-height: 100%;
    }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
    .split-box.right-border .split-box-content-text,
    .split-box.left-border .split-box-content-text {
        margin-top: 0%;
    }
    section#portfolio-list-section.presd-section .isotope.col-2 .isotope-item {
        padding-right: 0px !important;
    }

    section#portfolio-list-section.presd-section .isotope.col-2 .isotope-item:last-child {
        padding-left: 0px !important;
        padding-right: 0px;
        /* margin-top: 10px;*/

    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 0px !important;
    }

    .pli-alter-8 .pl-item-description p {
        line-height: 145%;
    }
    .pli-alter-8 .pl-item-description p.raison-page,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title a,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title span
     {
        font-size: 70%;
        line-height: 100%;

    }
    .social-buttons.center-buttons {
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .split-box.right-border .tt-heading-title, .split-box.left-border .middle-text .tt-heading-title {
        font-size: 45%;
    }
    .number_split {
        font-size: 60%;
        line-height: 0.6;
    }
    .middle-text {
        min-height: 40px;
    }
    #user-login-form #edit-name--description, #user-login-form #edit-pass--description {
        font-size: 12px;
        margin: 5px 0;
    }
    #body #tabs ul li a, #body #user-login-form p.text-left, #body #user-login-form p.text-left a {
        font-size: 13px;
    }
    .page-node-377 .page-header-inner {
        padding-top: 18% !important;
        padding-bottom: 18% !important;
    }
}

@media screen and (max-width: 991px) and (orientation: landscape) {
    .pli-alter-8 .pl-item-description p {
        line-height: 105%;
    }
    .pli-alter-8 .pl-item-description p {
        font-size: 52%;
        line-height: 120%;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) { 
    .talent-count .col-count .counter-up-wrap {
        width: 65%;
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 10px !important;
    }

    .vedio-testimonial .iso-height-1 .portfolio-list-item,
    .iso-height-2 .portfolio-list-item {
        margin-bottom: 35%;
    }

    .pli-alter-8 .pl-item-description p {
        line-height: 135%;
    }

    .split-box.right-border .split-box-content-text,
    .split-box.left-border .split-box-content-text {
        margin-top: 5%;

    }
    #portfolio-list-section .isotope-item {
        margin-bottom: 20px; 
    }
    #portfolio-list-section .isotope-item:last-child {
        margin-bottom: 0; 
    }
}

@media (max-width: 684px) and (orientation: landscape) {
    .pli-alter-8 .pl-item-description p {
        line-height: 100%;
        font-size:40%; 
    }
    .icon-double-quote {
        font-size: 75px;
    }
}
@media screen and (max-width: 667px) and (orientation: landscape) {

    #page-header.homepage-header .tt-wrap .p-header {
        font-size: 45%;
        line-height: 135%;
    }
}
@media screen and (max-width: 667px) and (orientation: landscape) {


    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1, h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 35%;
    }
}

@media screen and (max-width: 481px) and (orientation: portrait) {

    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1,h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 25%;

    }
    #page-header.home-recruter .ph-title-wrap h1.page-header-title
    {
       line-height: 20%; 
   } 

    .owl-carousel .cc-item {
        margin: 0 25px;
    }
    .owl-carousel.nav-outside-top .owl-nav {
        top: 20%;
    } 
    .social-buttons.center-buttons {
        margin-top: 2%;
        margin-bottom: 2%;
    }

}
@media screen and (max-width: 424px) and (orientation: portrait) {
    .page-header-caption.ph-cap-light .page-header-title,
     .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1, h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 48%;
        font-size: 28%;
    }
}
@media screen and (max-width: 375px) and (orientation: portrait) {
    .page-header-caption.ph-cap-light .page-header-title,
     .ph-center .page-header-caption .page-header-subtitle,
     .ph-center.header_talent .page-header-caption .page-header-title,
      .title_portfolio h1, h2.page-header-subtitle,
       #page-header.homepage-header .tt-wrap .p-header,
        .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
        .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 25%;
    }
}


@media screen and (max-width: 320px) and (orientation: portrait) {
    .pli-alter-8 .pl-item-description p {
        line-height: 100%;
        font-size:40%; 
    }
    .page-header-caption.ph-cap-light .page-header-title,
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1, h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
     .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
     .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 22%;
    }
    .portfolio-list-item .pl-item-icon {
        padding-bottom: 15%;
    }

}

@media screen and (max-width: 319px) and (orientation: portrait){
    .page-header-caption.ph-cap-light .page-header-title, 
    .ph-center .page-header-caption .page-header-subtitle,
    .ph-center.header_talent .page-header-caption .page-header-title,
    .title_portfolio h1, h2.page-header-subtitle,
    #page-header.homepage-header .tt-wrap .p-header,
    .vedio-testimonial .tt-heading.tt-heading-xlg .tt-heading-title, 
    .tt-heading.tt-heading-xlg h1.tt-heading-title {
        font-size: 14%;
    }
    .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-avs:before,
     .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-et:before,
      .pli-alter-9 .portfolio-list-item .pl-item-icon .icon-icone-bbs:before {
        font-size: 30%;
    }
    .pli-alter-8 .pl-item-description p.raison-page, 
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title a,
    .index-valeurs.toggleContent .pli-alter-5 .pl-item-title span,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title a,
    .index-valeurs.pageng .pli-alter-5 .pl-item-title span
     {
        font-size: 50%;
        line-height: 95%;
    }
    .center-buttons .btn-social-min .fa-3x {
        font-size: 0.8em;
    }
    .social-buttons.center-buttons {
        margin-top: 0;
        margin-bottom: 0;
    }
    .social-buttons.center-buttons ul > li {
        width: 25px;
        height: 25px;
    }
}
/* ------------------------------------------------------------- 
            Media Query split border 
/* ------------------------------------------------------------- */
@media (max-width: 1024px) {

    .split-box.left-border::before,
    .split-box.left-border::after,
    .split-box.right-border::before,
    .split-box.right-border::after {
        display: none;
    }

    .split-box.right-border .split-box-content,
    .split-box.left-border .split-box-content {
        margin-bottom: 1%;
        margin-top: 1%;
    }    
    .split-box.right-border .split-box-content {
        margin-left: 0;
    }  
    .split-box.right-border .split-box-content {
        margin-right: 0;
    }

}

@media (min-width: 1367px) {

    body.tt-boxed .tt-wrap.left-border,
    body.tt-boxed .tt-wrap.right-border {
        max-width: 1282px;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {

    body.tt-boxed .tt-wrap.left-border,
    body.tt-boxed .tt-wrap.right-border {
        max-width: 1170px;
    }

    .split-box.right-border .split-box-content-text p,
    .split-box.left-border .split-box-content-text p {
        font-size: 80%;
        line-height: 18px;

    }

    .split-box.left-border .split-box-content {
        padding: 26px 48px !important;
        width: 700px;
        height: 300px;
    }

    .number_split {
        font-size: 60px;
        line-height: 0.8;
    }

    .split-box.right-border .tt-heading-title,
    .split-box.left-border .tt-heading-title {

        font-size: 28px;

    }

    .split-box.right-border:last-child::after {
        /* right: -13.7%;*/
    }

    .split-box.left-border:last-child::after {
        /* left: -13.7%;*/

    }
}


@media (min-width: 1025px) and (max-width: 1280px) {

    body.tt-boxed .tt-wrap.left-border,
    body.tt-boxed .tt-wrap.right-border {
        max-width: 970px;
    }
}

/*************************************************************** /
Page Produit 
/************************************************************ */
.aivo-breadcrumb {
    left: 0px;
    width: 100%;
    height: 22px;
    /*height: 22px;*/
    background: #00d6d4;
   /* z-index: 100;  more high then the menu container */
    opacity: 1;
    position: relative;
    background-image: linear-gradient(to right, #0ae4e2, #01c7c6);
}

.aivo-breadcrumb ol {
    margin-left: 14px;
    height: 8px;
}

.aivo-breadcrumb ol li {
    float: left;
    /*line-height: 1.1;*/
    padding: 0px 10px;
    list-style-type: none;
    background-color: rgba(255, 255, 255, 0.35);
    border-right: 0.75px solid rgba(255, 255, 255, 0.40);
}

.aivo-breadcrumb ol li:first-child {
    background-color: rgba(255, 255, 255, 0.20);
}

.aivo-breadcrumb ol li:last-child {
    background-color: transparent;
    border-right: inherit;
}

.aivo-breadcrumb ol li a, 
.aivo-breadcrumb ol li {
    text-align: left;
    font-family: 'Montserrat';
    color: #FFFFFF;
    text-transform: capitalize; 
    opacity: 1;
    font-weight: 600;
    font-size: 13px;
    padding-top: 2px; 
    line-height: 1.5;
    word-break: keep-all;
}
.aivo-breadcrumb ol li a:first-letter,
.aivo-breadcrumb ol li:first-letter {
    text-transform: uppercase;
}
/*************************************************************** /
 account user access
/**************************************************************/
nav#block-aivo-account-menu {
    clear: both;
    position: relative;
}
nav#block-aivo-account-menu>ul {
    float: right;
}
nav#block-aivo-account-menu>ul>li {
    text-align: left;
    font-family: 'Montserrat';
    color: #FFFFFF;
    text-transform: lowercase;
    opacity: 1;
    font-weight: 600;
    font-size: 13px;
    padding-top: 2px;
    width: auto;
    padding-left: 10px;
    display: inline-block;
}
/*************************************************************** /
Page blog cp ( univers press )
/**************************************************************/
.blog-cp{ margin-right: 20px;  }
.blog-cp:nth-child(3n){ margin-right: 0px;  }
.blog-cp .blog-cp-title h3{
   text-align: left;
    font-family: "Panton";
    line-height: 25px;
    font-weight: bold;
    font-size: 18px;/*new**/
    /*font-size: 20px;*/
    letter-spacing: 0;
    color: #0080FF;
    /** new traitement ***/ 
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 1%;
    height: 80px;
    /*****************************/
}
/** new traitement ***/ 
.blog-cp-title h3.text-a-blue::after {
    content: '...';
}
/********************/
.blog-cp .blog-cp-img{
    width: 100%;
    height: 170px; /*new*/
    margin-bottom: 30px;/*new*/
    /*height: 200px;*/
}
/*** new style image fix height****/ 
.blog-cp .blog-cp-img img{
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: contain;/*how to fit image in div*/
    border: 2px solid #f4f4f4;
    vertical-align: middle;
    display: inline-block;
}

/** new traitement ***/ 
.blog-cp-text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
    padding: 1%;
    margin-bottom: 10px;
    height: 330px;
   
}
.node--view-mode-list-cp-block .blog-cp-text {

    height: auto;
}
.node--view-mode-list-cp-block .blog-cp-text p{
    margin-bottom: 0;
	display: contents;
}
.node--view-mode-list-cp-block .blog-cp-text p strong{
    margin-right: -5px;
}
hr.separcp{
	border: inherit;
	border-bottom: 2px solid #0080FF;
	width: 60%;
}
/***************************/
.blog-cp .blog-cp-text p,
.blog-cp .blog-cp-text strong{
    line-height: 22px;
    font-weight: 400; 
    /** new **/
    text-align: justify !important;
     word-spacing: -2px;
    font-size: 16px;
}
.blog-cp .blog-cp-link,
.blog-cp .blog-cp-link a{
    text-align: left;
    font-weight: bold;
    /*font-size: 18px;*/
    font-size: 14px;/*new*/
    line-height: 22px; 
    font-family: "Montserrat"; 
    letter-spacing: 0;
    color: #0080FF;
    opacity: 1;
}
.blog-cp .blog-cp-pdf a,
.blog-cp .blog-cp-pdf span{
    font-weight: normal;
    /*font-size: 18px;*/
    font-size: 14px;/*new*/
    line-height: 22px; 
    font-family: "Montserrat"; 
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    text-align: left; 
}

/* --------------------------------------------------------------------------------------- *
 *  A11 tabs - accordion  
/* --------------------------------------------------------------------------------------- */
.a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected,
.a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:hover,
.a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:focus,
.a11y-paragraphs-tabs__wrapper .accordeon-trigger[aria-expanded="true"] {
    font-family: "Panton";
    font-weight: bold;
    text-transform: capitalize;
    color: #FFF;
    background-color: #0086FB;
    border-radius: 41px;
    background: #0086FB 0% 0% no-repeat padding-box;
}

.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content h1,
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content h2,
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content h3,
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content h4,
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content h5,
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content h6,
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td .fa-download 
{
    color: #0086FB; 
}
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td .downstyle {
    width: 64px;
    height: 64px;
    box-shadow: 1px -2px 3px 2px #eee;
    margin-right: 15px;
    padding: 20px;
    margin-bottom: 10px;
}
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td span a, 
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td span a, 
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td a, 
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td span, 
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td p a,
.a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td p,
#body-content .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content .paragraph--type--file-uplaod tr td a
{
    color: #00d6d4; 
    display: inline-block;
    padding-top: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 18px;
}

.mailto::before {
content: none !important;
}
#body-content .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content .paragraph--type--file-uplaod tr td a::before, 
.smgw .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td a::before {
content: "\e166";
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
width: 64px;
height: 64px;
box-shadow: 1px -2px 3px 2px #eee;
margin-right: 15px;
padding: 20px;
margin-bottom: 10px;
color: #0086FB;
}

.smgw .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td a::before {

width: 25px;
height: 25px;
font-size: 14px;
padding: 10px 25px 25px 10px;
}
#table-smgw td, #table-smgw th {

  vertical-align: middle;
}
#table-smgw td, #table-smgw th, 
#table-smgw td a, 
.smgw .paragraph--type-a11y-paragraphs-tab-content, 
.smgw .paragraph--type-a11y-paragraphs-tab-content td, 
.smgw .paragraph--type-a11y-paragraphs-tab-content td a, 
.smgw .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td a,
 {
   
   font-size: 16px;
}
#table-smgw td button, #table-smgw th button, .smgw .paragraph--type-a11y-paragraphs-tab-content button{

  border: 0px;
}
.page-node-620 .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td a,
#body-content .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content table.contenttable tr td a{
    color: #00d6d4;
}
.page-node-620 .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td a:hover, 
#body-content .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content table.contenttable tr td a{
    color: #0080FF;
    font-weight: bolder;
}
.page-node-620 #body-content .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content tr td a::before , 
#body-content .a11y-paragraphs-tabs__wrapper .paragraph--type-a11y-paragraphs-tab-content table.contenttable tr td a::before{
    display: none;
    content: '';
}
.page-node-500 .paragraph--type-a11y-paragraphs-tab-content table.contenttable img{
    width: 50%;
    height: auto;
}
.bkg-btn{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    margin-left: -16px;
    display: block !important;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    width: 103%;
    padding: 4px 15px;
      padding-top: 18px;
}
.a11y-paragraphs-tabs__wrapper .tabs-trigger,
.a11y-paragraphs-tabs__wrapper .accordeon-trigger {
    font-family: "Panton";
    font-weight: lighter;
    text-align: center;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
    margin: 0 25px 0 0px;
    font-size: 20px;
    /*line-height: 31px;*/
    line-height: 13px;
    background: #D9D9D9 0% 0% no-repeat padding-box;
    border-radius: 41px;
    border-color: #828282;
}  
.page-node-159 .a11y-paragraphs-tabs__wrapper .tabs-trigger,
.page-node-159 .a11y-paragraphs-tabs__wrapper .accordeon-trigger {
    font-family: "Panton";
    font-weight: lighter;
    text-align: center;
    letter-spacing: 0;
    text-transform: capitalize;
    margin: 0 25px 0 0px;
    font-size: 20px;
    line-height: 13px;
    color: #3BDFDE;
    background: transparent;
    border-bottom: 2px solid #3BDFDE;
    border-radius: 0;
}
.page-node-159 .a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected, 
.page-node-159 .a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:hover, 
.page-node-159 .a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:focus, 
.page-node-159 .a11y-paragraphs-tabs__wrapper .accordeon-trigger[aria-expanded="true"] {
    color: #fff;
    background: #3BDFDE 0% 0% no-repeat padding-box;
    border-color: #4CD7D6;
}
.page-node-159 .a11y-paragraphs-tabs__wrapper .tabs-trigger:hover {
  color: #fff;
  background-color: #3BDFDE;
  border-color: #3BDFDE;
  border-radius: 0;
}
.a11y-paragraphs-tabs__wrapper .tabs-trigger:hover{
    color:#fff;
}
.a11y-paragraphs-tabs__wrapper table > tbody > tr > td.active, 
.a11y-paragraphs-tabs__wrapper table.table > tbody > tr > td.active, 
.a11y-paragraphs-tabs__wrapper table.table-condensed > tbody > tr > td.active {
    text-align: left;
    font: normal normal 800 24px/29px Panton;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    font-family: Panton;
    letter-spacing: 0px;
    color: #0080FF;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    font-family: 'Panton';
    background-color: transparent !important;
    border: inherit;
    padding-bottom: 20px;
    box-shadow: none;
}


.a11y-paragraphs-tabs__wrapper table > tbody > tr > td{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    padding: 4px 15px;
    border:inherit;
    margin:20px;
   /* width:45%; */
    margin-right: 2%;
}

.product_tab table > tbody > tr > td{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border:inherit;
    margin:20px;
    width:45%; 
    margin-right: 2%;
      box-shadow: initial;
  padding: initial;

}
.a11y-paragraphs-tabs__wrapper .accordeon-trigger[aria-expanded="true"] {
    background-color: #00D6D4;
}

.a11y-paragraphs-tabs__wrapper .tabs-trigger:hover {
  color: #fff;
  background-color: #0086FB;
  border-color: #0086FB;
}
.a11y-paragraphs-tabs__wrapper .tabs-panel:not(:first-of-type) {
    border-color: #00D6D4;
}
@media screen and (max-width:  767px){
    .liste-category-froshl >.portfolio-list-item, #portfolio-list-section.liste-category-froshl .isotope-item >.portfolio-list-item{
        margin-bottom: 10px;
    }
}
.a11y-paragraphs-tabs__wrapper {

    width: 90%;
}

.paragraph--type-a11y-paragraphs-tab-content{
    font-size: 18px;
    line-height: 22px;
}
.paragraph--type-a11y-paragraphs-tab-content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 100%;*/
    /*a tester taille img */
    max-width: 80%;
    height: auto;
}

.paragraph--type-a11y-paragraphs-tab-content ul {
    padding-left: 20px;
}

.paragraph--type-a11y-paragraphs-tab-content p,
.paragraph--type-a11y-paragraphs-tab-content ul li {
    text-align: left;
    font-family: Montserrat;
    letter-spacing: 0;
    color: #222221;
    font-weight: normal;
     font-size: 100%;
    line-height: 125%;
}  



@media (min-width: 768px) {
    .a11y-paragraphs-tabs__wrapper .tabs-allowed .tabs-panel {
        /*border-top: 2px solid #00D6D4;*/
         border-top:inherit;
    }
}

@media (max-width: 1365px) and (min-width:1025px) {
    body.tt-boxed .tt-wrap {
        width: 80%;
    } 
}

@media (max-width: 1365px) and (min-width:767px) {

    #page-header.homepage-header .tt-wrap,
    body.tt-boxed .page-header-caption .ph-subtitle-wrap.tt-wrap,
    body.tt-boxed .talent-header.mg-t-20 .page-header-description.tt-wrap{
        width: 100%; 
    }
    .bbs-famille p.firstgpara{
        font-size: 20px;
		line-height: 26px;
    }
       
}

@media (max-width: 1366px) and (min-width: 1281px) {
    .ph-desc-inner p {
        font-size: 85%;
    }
    body {
        font-size: 16px;
    }
}
@media (max-width: 1280px) {

    .aivo-breadcrumb ol li a,
    .aivo-breadcrumb ol li {
        font-size: 12px;
        /*line-height: 1.8;*/
        line-height: 1.6;
    }

    .aivo-breadcrumb ol li a,
    .aivo-breadcrumb ol li:first-child {
        padding: 0px 10px 0px 0px;
    }

    .aivo-breadcrumb ol {
        margin-left: 0;
    }
}
@media (max-width: 1024px) and (min-width:767px) {
    body.tt-boxed .tt-wrap {
        width: 90%;
    } 
}
@media (max-width: 1024px) {
    .split-product .split-box .row-lg-height .split-box-image.bg-image {
        float: inherit;
        background-position: initial;
    }
    .single-text .text-page{
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.split-product .split-box .tt-heading.tt-heading-xlg .tt-heading-title {
    font-size: 40px; /*ANCIEN / 45px*/
    text-align: left;
    font-family: 'Panton';
    letter-spacing: 0;
    color: #222221;
    line-height: 54px;
    font-weight: lighter;
}

.split-product .split-box .tt-heading.tt-heading-xlg .tt-heading-subtitle {
    font-size: 25px;
    font-family: 'Panton';
    font-weight: lighter;
}
.split-product .split-box .zig-zag-separator {
    margin-bottom: 10px; 
    margin-top: 10px; 
    font-size: 12px; 
    line-height: 30px; 
}
.split-product .split-box .zig-zag-separator span {
    position: relative;
    display: inline-block;
    left: 0px;
    width: 25px;
    height: auto;
    font-family: 'Panton-Bold';
    margin-top: -5px;
    margin-left: -15px;
    border-width: 0 0 11px 0;
    border-style: solid;
    border-color: #00d6d4;
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.split-product .split-box .split-box-content-text ul {
    padding-left: 0;
    margin-left: 20px;
}

.split-product .split-box .split-box-content-text ul li,
.split-product .split-box .split-box-content-text-note p,
.split-product .split-box .split-box-content-text p {
    text-align: left;
    letter-spacing: 0;
    padding-left: 0;
    margin-left: 0;
    color: #222221;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    text-transform: initial;
}
.split-product .split-box .split-box-content-text-note p:first-letter,
.split-product .split-box .split-box-content-text p:first-letter {
    text-transform: capitalize;
}
.split-product .split-box .split-box-content-text-note{
    margin-top: 50px;
    position: relative;
}
.split-product .split-box .split-box-content-text-note p {
    font-weight: lighter;
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 1152px) {
    .split-product .split-box .row-lg-height .split-box-image.bg-image {
        width: 50%;
        float: left;
    }

    .split-product {
        height: 100%;
        margin: 0 auto;
    }

    .a11y-paragraphs-tabs__wrapper .tabs-trigger {
        font-size: 18px;
        line-height: 24px;
    }
    
    .paragraph--type-a11y-paragraphs-tab-content p,
    .paragraph--type-a11y-paragraphs-tab-content ul li {
        font-size: 14px;
        line-height: 18px;
    }
    .split-box.left-border .split-box-content,
    .split-box.right-border .split-box-content{min-width: inherit;width: 100%;margin-left: 0;}
    .split-box.right-border::before {
        height: 102%;
    }
    .split-box.left-border::before {
        height: 101%;
        top: -6%;
    }
}

@media (max-width: 767px) {
    .split-product .split-box .row-lg-height .split-box-image.bg-image {
        width: 100%;
        float: inherit;
        min-width: 100%;
        background-position: center center !important;
    }

    .split-product .split-box .tt-heading.tt-heading-xlg .tt-heading-title {
        font-size: 25px;
        line-height: 34px;
    }   
    .split-product .split-box .tt-heading.tt-heading-xlg .tt-heading-subtitle {
        font-size: 18px;
        line-height: 24px;
    }

    .split-product .split-box .split-box-content-text ul li,
    .split-product .split-box .split-box-content-text p {
        font-size: 14px;
        line-height: 16px;
    } 
    .split-product .split-box .split-box-content-text-note p {
        font-size: 10px;
        line-height: 12px;
    }

    body.tt-boxed .aivo-breadcrumb .tt-wrap {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #header #logo {
        width: auto;
    }
    #header #logo img {
        width: auto;
        height: 100%;
    }
    .a11y-paragraphs-tabs__wrapper .tabs-panel:not(:first-of-type) {
      border-color: transparent;
    }
}

@media (max-width: 767px) and (orientation:portrait) {

    .aivo-breadcrumb ol li a,
    .aivo-breadcrumb ol li {
        font-size: 6px;
        padding: 0px 5px 0px 5px;
        line-height: 3.8;
    }
    .page-node-350 #portfolio-list-section.index-valeurs .isotope-item:first-child {
        margin-bottom: 20px;
    }
    #portfolio-list-section .col-2 .isotope-items-wrap .isotope-item .portfolio-list-item {
        margin-bottom: 20px; 
    }
    #portfolio-list-section .col-2 .isotope-items-wrap .isotope-item:last-child .portfolio-list-item {
        margin-bottom: 0; 
    }
    .footer-bottom-col-left p{
        text-align: left  !important;
    }
}

@media (max-width: 767px) and (orientation:landscape) {

    .aivo-breadcrumb ol li a,
    .aivo-breadcrumb ol li {
        font-size: 8px;
        padding: 0px 10px 0px 10px;
        line-height: 2.6;
    }
}

/*************************************************************** /
The Modal (background)
/************************************************************ */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
    z-index: 10;
    border-radius: 0px;
    border: 0;
    border: 5.3px solid #00d6d4;
    box-shadow: 0 2px 6px rgba(34, 34, 33, 0.35);
    -webkit-box-shadow: 0 2px 6px rgba(34, 34, 33, 0.35);
}
.modal-content-60 {
    width: 60%;
}
.modal-content-30 {
    width: 30%;
}

/* The Close Button */
.close, 
.close-pictos {
    color: #222221;
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: .75;
    top: 2px;
    right: 8px;
    background: transparent;

}

.close:hover,
.close:focus, 

.close-pictos:hover,
.close-pictos:focus 
{
    color: black;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    opacity: 1;
}
.pli-alter-8 .pl-item-description p.raison-page.pd0
{
    padding: 0;
}

.pli-alter-8 .pl-item-description p.raison-page.pdtop
{
    padding-bottom: 4em;
}
.page-node-347 .pli-alter-5 .portfolio-list-item .pl-item-image-inner::before
{
    background-color: rgba(0, 0, 0, 0.85) !important; 
}
.page-node-347 .pli-alter-5 .pl-item-info
{
    padding: 0 3%;
}
.page-node-343 .info-box:hover .info-box-icon .icon-icone-vie::before, 
.page-node-343 .info-box:hover .info-box-icon .icon-icone-stage-1::before,
.page-node-343 .info-box:hover .info-box-icon .icon-handshake3::before,
.info-box-wrap .info-box:hover .info-box-icon span::before,
.info-box:hover .info-box-info h3 a,
.info-box:hover .info-box-info h3
{
   color:#0080FF;
}
/*** Menu Mobile ****/
@media (max-width: 991px){
    .navbar-we-mega-menu.navbar {
        bottom: 20px;
        clear: both;
        display: block;
        position: fixed;
        right: inherit;
        left: 22px;
        width:50%;
    } 
    .we-mega-menu-ul>li.we-mega-menu-li {
        border-bottom: 1px solid #525252f5 !important;
        border-radius: 0;
    }
    ul.nav-tabs.tt-menu-nav .dropdown-menu>a:after, ul.nav-tabs.tt-menu-nav .dropdown-menu>.we-megamenu-nolink:after {
        content: '\f107';
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -11px;
        font-size: 22px;
        background: transparent;
        left: inherit;
        width: auto;
        overflow: initial;
        transform: inherit;
    }
    .we-mega-menu-submenu {
        padding: 0;
        background-color: transparent;
    }
    .level-0.active>a:before, .level-0.active>span:before, .level-0.clicked>a:before, .level-0.clicked>span:before, .level-0>a:hover:before, .level-0>span:hover:before {
        background-color: transparent !important;
    }
    .we-mega-menu-li.level-2 a, .we-mega-menu-li.level-2 span {
        color: #fff !important;
    }
    .dropdown-menu {
        width: 100%;
    }
    .nav-tabs {
        border-bottom: 0;
    }
    .nav-tabs>li {
       /* width: auto;*/
        clear: left;
    }
    .we-mega-menu-li.dropdown-menu.we-mega-menu-group.level-1>span.we-megamenu-nolink{
        display: none;
    }
    .we-mega-menu-li.level-2 {
        padding-top: 0; 
    }
    .we-mega-menu-li.level-2 a, .we-mega-menu-li.level-2 span {
        font-size: 13px !important;
        margin-left: 15px;
    }
    .we-mega-menu-li.level-3 a, .we-mega-menu-li.level-3 span {
        font-size: 12px !important;
        margin-left: 20px;
    }
    .we-mega-menu-ul>li.we-mega-menu-li {
        margin-left: 0;
    }
    nav[data-animation="Fading"]:not(.click-action) .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.open>.we-mega-menu-submenu, 
    nav[data-animation="Fading"] .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.clicked>.we-mega-menu-submenu, 
    nav[data-animation="Fading"]:not(.admin) .we-mega-menu-ul .dropdown-menu:not(.clicked):hover>.we-mega-menu-submenu, 
    nav[data-animation="Fading"]:not(.admin) .we-mega-menu-ul .dropdown-menu:not(.clicked):focus>.we-mega-menu-submenu {
        /*-moz-animation-name: initial;
        -webkit-animation-name: initial;
        animation-name: initial;*/
    }
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .navbar-we-mega-menu.click-action .we-mega-menu-ul .dropdown-menu:hover,
    .navbar-we-mega-menu.click-action .we-mega-menu-ul .dropdown-menu:focus{
        position: relative;
    }  
 }
 /* ajustement pagination - page presse */ 
 .pager li > a, .pager li > span {
    background-color: transparent;
    border: 1px solid #f4f4f4;
    border-radius: 0;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: #00d6d4;
    color: #fff;
}
.no-right-space .owl-carousel.owl-drag .owl-item {
     margin-right: 0px !important;
    /*margin-right: 1% !important;*/
}

/**Page search */
.node--view-mode-search-result .padding-space-recherche{padding:0;}
.padding-space-recherche #page-header .page-header-inner{display: none}
body.path-search-corporate .padding-space-recherche  section#page-header,
#search-results-section .node--view-mode-search-index.ds-1col img,
.padding-space-recherche img{
    /*height: 175px !important;*/
    height: 250px !important;
    width: 100%; 
}
.padding-space-recherche>.col-sm-12:first-child {
    /*height: 175px;*/
    height: 250px;
    width: 100%;
}
.padding-space-recherche>.col-sm-12 {
    padding-left: 5px;
    padding-right: 5px;
}
.padding-space-recherche>.col-sm-12:nth-child(2){
    height: 72px;
}
.padding-space-recherche .mg-p{
    margin-bottom: 6px;
}

.row.padding-space-recherche {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}

/*Display Title only tow line and cut the rest */
#views-bootstrap-search-corporate-page-1  h4.text-a-blue{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
    margin-bottom: 16px;

}
/*#views-bootstrap-search-corporate-page-1 .node--type-sections h4.text-a-blue{}*/
@media (min-width:1200px){
    #views-bootstrap-search-corporate-page-1 > .row > div:nth-child(4){
        clear: both;
    }
}
/*** Filter search page ****/ 
.big-search-options-wrap ul{
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
   border-bottom: 2px solid #00d6d4; 
}
.big-search-options-wrap ul li {
    float: left;
    list-style-type: none;
    margin-right: 3%;
    width: 22%;
    text-align: center;
}
.big-search-options-wrap ul li a{
    padding: 12px 0;
}
.big-search-options-wrap ul li:hover,
.big-search-options-wrap ul li:active,
.big-search-options-wrap ul li:focus,
.big-search-options-wrap ul li:visited,
.big-search-options-wrap ul li a:hover,
.big-search-options-wrap ul li a:active,
.big-search-options-wrap ul li a:focus,
.big-search-options-wrap ul li a:visited,
.big-search-options-wrap ul li a.is-active
/*.big-search-options-wrap ul li.facet-item.facets-reset*/
{ 
   background-color: #00d6d4; 
   color: #fff; 
}
.big-search-options-wrap ul li.facet-item a.is-active{ background-color: #00d6d4; }
.big-search-options-wrap ul li.facet-item a.is-active{ color: #fff; }
.big-search-options-wrap .facet-item  a{
   display: block;
	margin: 0 auto;
}
#views-bootstrap-search-corporate-page-1 .node--type-cp- .padding-space-recherche h4.text-a-blue{
  margin-top: 5px;  
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn {
    padding: 0 1em;
    font-size: .65em;
    margin: .825em;
}

@media (min-width:1025px){

    #cookiesjsr .cookiesjsr--app .cookiesjsr-banner--info {
        width: 60%;
        /*width: 70%;*/
    }
    #cookiesjsr .cookiesjsr--app .cookiesjsr-banner--action {
        width: 40%;
       /* width: 30%;*/
    }
}


@media (max-width:1025px){

  .cookiesjsr-banner button.denyAll{

     display: inline-block !important;
     
  }
}
@media (max-width:993px){

  #cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--action {
    flex-direction: column;
 }
}
@media (max-width:1025px){
    .padding-space-recherche > .col-sm-12:first-child {height: 150px;}
    #views-bootstrap-search-corporate-page-1 .node--type-sections h4.text-a-blue{-webkit-line-clamp: 1;}
    #views-bootstrap-search-corporate-page-1 .node--type-cp- .padding-space-recherche > .col-sm-12:nth-child(2){height: 55px;}
}
@media (max-width:767px){
    .big-search-options-wrap ul li {margin-right: 0%;}     
    .big-search-options-wrap ul li a{padding: 2px 0;}
    .padding-space-recherche>div>.page-header-image{background-position: center !important;} 
}
@media (max-width:767px) and (orientation: portrait){.big-search-options-wrap ul li { width: 100%;}} 
@media (max-width:767px) and (orientation: landscape){.big-search-options-wrap ul li {width: 50%;}}

/** tooltip sagem style **/
.tooltip > .tooltip-inner
 {
    text-align: left;
    font-weight: 14px;
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat";
    padding: 10px 20px;
    background-color: #079400;
    width: auto; 
}
.tooltip ::before,
.tooltip ::after
 {
    color: #079400; 
    background-color: #079400; 
}

ul.energie_list>li {
  list-style-type: none;
    list-style-type: none;
    font-family: "Panton";
    font-weight: bold;
    line-height: 25px;
}
ul.energie_list>li::before {
    content: "·";
    /*font-size: 80px;*/
    font-size: 60px;
    vertical-align: middle;
    line-height: 0px;
    position: relative;
    left: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    /*top: 2px;*/
    top: 8px;
    margin-right: 4px;
    font-family: 'Montserrat', sans-serif;
    float: left;
}
.energie_list {
    padding-left: 0;
    font-size: 14px;
}
ul.energie_list>li#ip68::before,
ul.energie_list>li#ip66::before,
ul.energie_list>li#certif::before,
ul.energie_list>li#lcd::before,
ul.energie_list>li#nfc::before,
ul.energie_list>li#ultrasonic::before
 {
    float: right;
    margin-right: 0;
    margin-left: 4px;

}
ul.energie_list > li#lcd{
    margin-left: -30px;
}
ul.energie_list > li#comm{
    margin-left: -15px;
}
ul.energie_list > li#ip66{
    margin-right: -15px;
}
@media (max-width:1439px){
    ul.energie_list > li {
        font-weight: bold;
        line-height: 15px;
        font-size: 14px;
    }
}
@media (max-width:1281px){
    ul.energie_list > li {
        font-size: 12px;
    }
}
/*}*/
.listGaz li{
    margin-bottom: 10px;
}
ul.siconiaList li {
	margin-bottom: 20px; 
}


ul.list-num {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    margin-top: 60px;
}
ul.list-num li{
    list-style-type: decimal;
}
/*.schema-illu{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.schema-illu>div{
    height: 290px;
}
.schema-illu img{
    display: inline-block;
    vertical-align: middle;
}*/

.zoom {
width: 100%;
height: 358px;
}
.image {
width: 100%;
height: 100%;
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(1.25); /* Safari et Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* Internet Explorer 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}
@media (max-width:767px){
    ul.list-num {
        margin-top: 0px;
    }

}
.paragraph--vsb .tt-heading-inner {
    line-height: 24px;
}
.paragraph--vsb h3.block-title::after {
    content: '';
    border-bottom: 3px solid #0080FF;
    width: 12%;
    display: -webkit-box;
    padding-top: 5px; 
}
.paragraph--vsb video {
    width: 100%;
    max-height: 200px;
}
@media (min-width:1599px){
	.paragraph--vsb video {
	    max-height: 335px;
	}
}
@media (max-width:1281px){
    .paragraph--type--video-upload .tt-heading.tt-heading-xs .tt-heading-inner.tt-wrap{
        width: 100%;
    }
}
.paragraph--vsb .tt-heading {
    min-height: 200px;
}
.div-blue.paragraph--vsb .tt-heading .tt-heading-inner.tt-heading-title, 
.div-blue.paragraph--vsb .tt-heading .tt-heading-inner .tt-heading-subtitle,
.div-blue.paragraph--vsb .tt-heading.text-center .tt-heading-title,
.div-blue.paragraph--vsb .tt-heading.text-center .tt-heading-subtitle,
.tt-heading.text-center .tt-heading-title,
.tt-heading.text-center .tt-heading-subtitle
 {
    text-transform: initial !important;
}
.div-blue.paragraph--vsb .tt-heading .tt-heading-inner div.tt-heading-subtitle::first-letter,
.div-blue.paragraph--vsb .tt-heading .tt-heading-inner h1.tt-heading-title::first-letter
{
    text-transform: initial !important;
}
.paragraph--type--block .block-inner .views-row:nth-of-type(3n) hr.separcp {
  border-bottom: inherit;
  border-color: transparent;
}
.paragraph--vsb .tt-heading,
.paragraph--vsb .tt-heading-inner,
.node--view-mode-list-cp-block .blog-cp-title div
 {
    padding-left: 0;
    margin-left: 0;

}
.paragraph--vsb .tt-heading-inner p,
.paragraph--vsb p
{
    font-family: 'Montserrat';
    font-size: 14px;
}
@media (max-width:767px){
    .paragraph--vsb .tt-heading-inner p,
    .paragraph--vsb p
    {
        font-size: 12px;
    }
}

div.serverVideo{
    position: relative;
}
div.serverVideo video{
    width: 100% !important;
    height: auto !important;
}
.pl-item-title a, 
.pl-item-title span,
.pli-alter-5 .pl-item-title a, 
.pli-alter-5 .pl-item-title span,
.pli-alter-5 .pl-item-title.tlarge span,
.pli-alter-5 .pl-item-title.tlarge a
{
 cursor: pointer;
}
.trait_dessus {
  border-top: 10px solid #0080FF;
  width: 45px;
  margin: auto;
  border-radius: 15%;
  }


/*.listFiles .table > tbody > tr > td.active{
    background-color: #fff;
    color: #222221;
    text-transform: capitalize;
    padding: 12px 14px;
    font-weight: bold;
}
*/
.listFiles .table > tbody > tr:first-child >td{ padding-top:15px; }
.listFiles .table > tbody > tr > td
{

  border-color: transparent;
  border-bottom: inherit;
  font-size: 16px; 

}


.listFiles .table > tbody > tr > td::before 
{

    content: "\f019";
    color: #00d6d4;
    margin-right: 8px;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dd.row.col-twoone > div > section{
    padding: 0 !important;
}
@media screen and (max-width: 991px){
    .listFiles .table > tbody > tr:first-child > td {
      width: 100%;
      font-size: 12px;
    }
    .page-node-637 .dd.tt-wrap{
        padding-left: 0;
        padding-right: 0;
    }
    .info-box-wrap table, 
    .info-box-wrap table td{
        width: 100% !important;
    }

} 


#button-copy-1, #button-copy-2, #button-copy-2 {
  width: 145px;
  height: 35px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 3px;
  opacity: 1;
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-222221);
text-align: center;
font: normal normal 600 12px/15px Montserrat;
letter-spacing: 0px;
color: #222221;
text-transform: uppercase;
opacity: 1;
}

#table-smgw {
  border-collapse: collapse;
  width: 100%;
}


#table-smgw.identique td, #table-smgw.identique th {
    width: 50% !important;

}

#table-smgw td, #table-smgw th {
  box-shadow: 6px 0px 1px 1px  #00000029;
  padding: 8px;
}


#table-smgw tr:hover {background-color: #ddd;}

#table-smgw th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}