a {
    text-decoration: none;
}

.no-pb {
    padding-bottom: 0 !important;
}

.no-mt {
    margin-top: 0 !important;
}

.no-mb {
    margin-bottom: 0 !important;
}

.flex-center {
    justify-content: center !important;
}

.navigation,
.smk_accordion .accordion_in .acc_content,
#text_content_gallery,
#list_products,
ul.tabs {
    *zoom: 1;
}

.navigation:before,
.smk_accordion .accordion_in .acc_content:before,
#text_content_gallery:before,
#list_products:before,
ul.tabs:before,
.navigation:after,
.smk_accordion .accordion_in .acc_content:after,
#text_content_gallery:after,
#list_products:after,
ul.tabs:after {
    content: " ";
    display: table;
}

.navigation:after,
.smk_accordion .accordion_in .acc_content:after,
#text_content_gallery:after,
#list_products:after,
ul.tabs:after {
    clear: both;
}

.banner > .table,
.banner-6 > .table,
.separator,
.container-no-pad,
.header > div,
.nav .has-sub-level .sub-menu ul,
#downloads > div,
#partenaire_liste,
#form_partenaire,
.menu-product nav,
.customers-stories,
.videos,
.related-products,
.used-products,
.download-product,
.job-list,
.share-footer > div,
.feature-block,
.video-group,
.big-footer > div,
.copyright > div {
    max-width: 1170px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.form_class_wrapper {
    display: none;
}

.form_class_wrapper.is-active {
    display: block;
}

.menu-product .ref-link-product {
    cursor: default;
    font-size: 1.2rem;

    /* padding-left: 11px; */
    font-size: 1.4rem;
    color: #fd4a24;
    font-family: ITCAvantGardeStdDemi;
    margin-right: 48px;
}

.big-footer h4 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #4c4c4e;
    font-family: ITCAvantGardeStdBk;
    letter-spacing: 1px;
    font-weight: 400 !important;
}

.big-footer h4 a {
    text-decoration: none;
    color: inherit;
}

.big-footer > div > div.w-50 li:first-child,
.big-footer > div > div.w-50 li:first-child a {
    font-size: 11px;
    font-size: 1.1rem;
    text-transform: initial;
    letter-spacing: 1px;
    letter-spacing: 1.3px;
}

.big-footer > div > div.w-50 li:first-child a {
    color: #004877;
}

.big-footer > div ul li a,
.big-footer > div ul .footer-title {
    font-size: 11px;
    font-size: 1.1rem;
    color: #9b9b99;
    font-family: ITCAvantGardeStdBk !important;
}

a.footer-title,
span.footer-title {
    cursor: default;
}

.banner .banner-title,
.banner-6 .banner-title,
.container h1,
.section-wrapper h2,
.certified-form-wrapper h2 {
    /* font-size: 34px; */
    font-size: 2.4rem;
    color: #004877;
    font-family: ITCAvantGardeStdBk;
}

.banner-1 .table > div > div p,
.banner-2 .table > div > div p {
    font-size: 16px;
    font-size: 1.6rem;
    color: #767676;
    font-family: ITCAvantGardeStdBk;
}

.banner > .table > div .key-features-list li,
.banner-6 > .table > div .key-features-list li,
#job_table tr td,
.download-product .download-product-desc p,
.videos > div .video-desc,
.related-products .related-title + p,
.used-products .related-title + p,
.list-items .list-content-title + p,
.section-wrapper .classes-list > div p,
.certified-form-wrapper .classes-list > div p,
.section-wrapper .classes-table table tr td,
.certified-form-wrapper .classes-table table tr td,
.address_coord,
.address_coord_representative,
.contact_coord,
.list-events {
    font-size: 14px;
    font-size: 1.4rem;
    color: #767676;
    font-family: ITCAvantGardeStdBk;
}

.section-wrapper .classes-list h1,
.certified-form-wrapper .classes-list h1 {
    font-size: 34px;
    font-size: 3.4rem;
    color: #767676;
}

.container.see_all_products {
    max-width: 1134px;
}

.see_all_products > div {
    margin-bottom: 40px;
}

.see_all_products > div .table {
    padding-left: 35px;
    padding-right: 35px;
}

.see_all_products > div .table .banner-title {
    width: 100%;
}

.see_all_products > div .table > div > div:first-of-type {
    width: 50%;
}

.see_all_products > div .table > div > div:nth-of-type(2) {
    text-align: center;
    width: 50%;
}

.see_all_products > div .table > .light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: inline-table;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.smk_accordion.theme-2 .acc_content .list-2-title {
    font-size: 16px;
    font-size: 1.6rem;
    color: #004877;
    font-family: ITCAvantGardeStdDemi;
}

.section-wrapper .classes-list .title,
.certified-form-wrapper .classes-list .title {
    font-size: 14px;
    font-size: 1.4rem;
    color: #004877;
    font-family: ITCAvantGardeStdDemi;
}

.button-theme-2,
.banner-3 .table div a,
.banner-button-box a:first-of-type,
.banner-6 > div > div > div:nth-of-type(2) a,
#downloads .not_found > * a,
.contact_worldwide a,
.button-theme-3,
.research form button,
.customers-stories > div > div a,
.highlight.white-papers div > div > .white-paper-desc + div a,
.banner-6 > div > div.btn-left > div:nth-of-type(1) a,
.button-theme-small-1,
#jobs a,
.list-items .item a,
.section-wrapper .classes-table table tr td:last-child a,
.certified-form-wrapper .classes-table table tr td:last-child a,
.button-theme-1,
.banner-2 .table > div > div:last-of-type a,
.banner-1 .table > div > div:first-of-type a,
.banner-button-box a:last-of-type,
.video-group .video-group-item:first-of-type .group-item-desc a,
.smk_accordion .accordion_in .acc_head,
.text-intro p,
.smk_accordion .accordion_in .acc_content,
.number_letter li a,
.smk_accordion.accordion_wrapper .letter,
#downloads .download-intro,
.customers-stories > div > div p,
.feature-block .feature-item > .feature-desc,
.story-share p,
.highlight > div > div > div,
.copyright > div,
.copyright .legal-block a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    font-family: ITCAvantGardeStdBk;
}

.smk_accordion.theme-2 .acc_head,
#downloads .not_found > *,
.results h3,
ul.tabs li a,
.country-title {
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-family: ITCAvantGardeStdDemi;
}

.button-theme-2,
.banner-3 .table div a,
.banner-button-box a:first-of-type,
.banner-6 > div > div > div:nth-of-type(2) a,
#downloads .not_found > * a,
.contact_worldwide a,
.button-theme-3,
.research form button,
.customers-stories > div > div a,
.highlight.white-papers div > div > .white-paper-desc + div a,
.banner-6 > div > div.btn-left > div:nth-of-type(1) a,
.button-theme-small-1,
#jobs a,
.list-items .item a,
.section-wrapper .classes-table table tr td:last-child a,
.certified-form-wrapper .classes-table table tr td:last-child a,
.button-theme-1,
.banner-2 .table > div > div:last-of-type a,
.banner-1 .table > div > div:first-of-type a,
.banner-button-box a:last-of-type,
.video-group .video-group-item:first-of-type .group-item-desc a,
.smk_accordion .accordion_in .acc_head,
.text-intro p,
.smk_accordion .accordion_in .acc_content,
.number_letter li a,
.smk_accordion.accordion_wrapper .letter,
#downloads .download-intro,
.customers-stories > div > div p,
.feature-block .feature-item > .feature-desc,
.story-share p,
.highlight > div > div > div,
.copyright > div,
.copyright .legal-block a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    font-family: ITCAvantGardeStdBk;
}

#job_table tr th,
.section-wrapper .classes-table th,
.certified-form-wrapper .classes-table th {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    font-family: ITCAvantGardeStdDemi;
}

.form-trigger {
    cursor: pointer;
}

#job_table tr td:last-child a {
    background-color: #004877;
    color: #fff;
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block;
    width: 80%;
}

#job_table tr td:last-child {
    padding-left: 0;
    text-align: center;
}

.job-offer {
    background-color: #004976 !important;
}

.job-offer h1 {
    color: white !important;
}

.job-offer p {
    color: white !important;
}

.job-offer .button {
    background-color: #fff !important;
    color: #004976 !important;
}

.research form .search-input {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    font-family: ITCAvantGardeStdMd;
}

.smk_accordion.theme-2 .acc_head,
#downloads .not_found > *,
.results h3,
ul.tabs li a,
.country-title {
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-family: ITCAvantGardeStdBk;
}

.research form .search-title,
.customers-stories > div > div p.customer-title {
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-family: ITCAvantGardeStdDemi;
    font-weight: 100;
}

.banner > .table > div.light .banner-title,
.banner-6 > .table > div.light .banner-title {
    font-size: 34px;
    font-size: 3.4rem;
    color: #4c4c4e;
    font-family: ITCAvantGardeStdBk;
    font-weight: 100;
}

.banner > .table > div.dark .banner-title,
.banner-6 > .table > div.dark .banner-title,
#downloads h1,
.certified-title h1,
.certified-form-wrapper h1,
legend {
    font-size: 34px;
    font-size: 3.4rem;
    color: #fff;
    font-family: ITCAvantGardeStdBk;
}

legend span {
    font-size: 2rem;
}

.banner > .table > div p,
.banner-6 > .table > div p,
.banner,
.banner-6 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #4c4c4e;
    font-family: ITCAvantGardeStdBk;
}

.button-theme-3,
.research form button,
.customers-stories > div > div a,
.highlight.white-papers div > div > .white-paper-desc + div a,
#job_table tr td a,
.glossary-intro,
#list_products > li .list_product a,
.list-pagination li a,
.list-pagination li span,
.section-wrapper .classes-list .link,
.certified-form-wrapper .classes-list .link,
.section-wrapper .classes-table table tr td:nth-child(2) a,
.certified-form-wrapper .classes-table table tr td:nth-child(2) a,
.contact_coord {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: ITCAvantGardeStdBk;
}

.smk_accordion.theme-2 .acc_content,
.download-product .download-product-desc h3,
.related-products .related-title,
.used-products .related-title,
.photo-video-gallery .gallery-item .gallery-tilte-item,
.news-gallery .gallery-item .gallery-tilte-item {
    font-size: 16px;
    font-size: 1.6rem;
    color: #004877;
    font-family: ITCAvantGardeStdBk;
}

.banner > .table > div .key-features-title,
.banner-6 > .table > div .key-features-title {
    font-size: 24px;
    font-size: 2.4rem;
    color: #004877;
    font-family: ITCAvantGardeStdBk;
}

.banner .banner-title,
.banner-6 .banner-title,
.container h1,
.section-wrapper h2,
.certified-form-wrapper h2 {
    font-size: 34px;
    font-size: 2.2rem;
    color: #004877;
    font-family: ITCAvantGardeStdBk;
}

.research form .search-input {
    min-height: 38px;
    display: inline-block;
    border: 1px solid #fff;
    background-color: transparent;
    text-indent: 15px;
}

.research form .search-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

.research form .search-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.research form .search-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.research form .search-input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.banner,
.banner-6 {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}
.banner.banner-9{
    padding-bottom: 0;
    padding-top: 0;
}

.banner .banner-title,
.banner-6 .banner-title {
    margin-bottom: 40px;
}

.banner > .table,
.banner-6 > .table {
    padding-left: 1%;
    padding-right: 1%;
    display: block;
}

.banner > .table > div,
.banner-6 > .table > div {
    display: block;
    position: relative;
}

.banner > .table > div > div {
    display: table-cell;
}

.banner-3 > .table > div > div {
    display: block;
}

.banner-4 > .table > div > div {
    display: inherit;
}

.banner > .table > div > div:last-of-type,
.banner-6 > .table > div > div:last-of-type {
    padding-left: 3%;
}

.banner-4 > .table > div > div:last-of-type,
.banner-6 > .table > div > div:last-of-type {
    padding-left: 0;
}

.banner > .table > div.has-border,
.banner-6 > .table > div.has-border {
    background-color: transparent;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
}

.banner > .table > div p,
.banner-6 > .table > div p {
    line-height: 30px;
}

.banner > .table > div *,
.banner-6 > .table > div *,
.banner > .table > div * > *,
.banner-6 > .table > div * > * {
    color: #4c4c4e;
}

.banner > .table > div.dark li,
.banner-6 > .table > div.dark li,
.banner > .table > div.dark p,
.banner-6 > .table > div.dark p,
.banner > .table > div.dark h6,
.banner-6 > .table > div.dark h6,
.banner > .table > div.dark h3,
.banner-6 > .table > div.dark h3 {
    color: white;
}

.banner > .table > div.light li,
.banner-6 > .table > div.light li,
.banner > .table > div.light p,
.banner-6 > .table > div.light p,
.banner > .table > div.light h6,
.banner-6 > .table > div.light h6,
.banner > .table > div.light h3,
.banner-6 > .table > div.light h3 {
    color: #4c4c4e;
}

.banner > .table > div.light p,
.banner-6 > .table > div.light p {
    line-height: 30px;
}

.banner > .table > div .title,
.banner-6 > .table > div .title {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: ITCAvantGardeStdBk;
}

.banner > .table > div .simple-text,
.banner-6 > .table > div .simple-text {
    text-align: center;
}

.banner > .table > div a + .key-features-title,
.banner-6 > .table > div a + .key-features-title {
    margin-top: 20px;
}

.banner > .table > div .key-features-title,
.banner-6 > .table > div .key-features-title {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 3px;
    padding-left: 0;
    color: #004877 !important;
}

.banner > .table > div .key-features-title:first-of-type,
.banner-6 > .table > div .key-features-title:first-of-type {
    margin-top: inherit;
    margin-bottom: 30px;
}

.banner > .table > div .key-features-list,
.banner-6 > .table > div .key-features-list {
    list-style: none;
}

.banner > .table > div .key-features-list li,
.banner-6 > .table > div .key-features-list li {
    text-align: left;
    padding-left: 25px;
    position: relative;
    margin-bottom: 5px;
}

.banner > .table > div .key-features-list li:before,
.banner-6 > .table > div .key-features-list li:before {
    content: '';
    position: absolute;
    background: transparent url(../images/icon-check-featured-list.png) center center no-repeat;
    width: 13px;
    height: 10px;
    left: 4px;
    top: 5px;
}

.banner > .table > div.dark .key-features-list li:before,
.banner-6 > .table > div.dark .key-features-list li:before {
    background: transparent url(../images/icon-check-featured-list-dark.png) center center no-repeat;
}

.home-button-wrapper .table a {
    background-color: #fd4a24;
    color: #fff;
    font-size: 1.4rem;
    color: #fff;
    font-family: ITCAvantGardeStdBk;

    /*font-weight: 100;*/
}

.home-button-wrapper > div > div {
    display: flex !important;
    justify-content: center;
}

/*******************************************************************************************************************  $generic
\*******************************************************************************************************************/

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    background-color: #fff;
    height: 100%;
    font-size: 62.5%;
}

body {
    font-family: 'ITCAvantGardeStdBk';
    position: relative;
}

img,
video,
iframe {
    max-width: 100%;
    display: inline;
    margin: auto;
}

iframe {
    max-width: 100%;
    height: 450px;
    display: block;
    margin: auto;
}

iframe + p {
    margin: auto;
    width: 800px;
    display: block;
}

.player .vp-player-layout {
    left: 0;
    width: 100% !important;
    overflow: inherit;
}

ul,
li {
    list-style: none;
}

.w-33 {
    width: 33%;
}

.w-50 {
    width: 49%;
    display: inline-block;
}

.w-25 {
    width: 25%;
    display: inline-block;
}

.separator {
    height: 1px;
    background-color: #dbdbdb;
    border: none;
}

/*******************************************************************************************************************  $buttons
\*******************************************************************************************************************/

.button-theme-2,
.banner-3 .table div a,
.banner-button-box a:first-of-type,
.banner-6 > div > div > div:nth-of-type(2) a,
#downloads .not_found > * a,
.contact_worldwide a,
.button-theme-3,
.research form button,
.customers-stories > div > div a,
.highlight.white-papers div > div > .white-paper-desc + div a,
.banner-6 > div > div.btn-left > div:nth-of-type(1) a,
.button-theme-small-1,
#jobs a.apply-here,
.list-items .item a,
.section-wrapper .classes-table table tr td:last-child a,
.certified-form-wrapper .classes-table table tr td:last-child a,
.button-theme-1,
.banner-2 .table > div > div:last-of-type a,
.banner-1 .table > div > div:first-of-type a,
.banner-button-box a:last-of-type,
.video-group .video-group-item:first-of-type .group-item-desc a {
    background-color: #004877;
    padding-top: 14px;
    padding-bottom: 14px;
    text-transform: uppercase;
    width: auto;
    display: block;
    text-align: center;
    border: none;
}

.button-theme-2,
.banner-3 .table div a,
.banner-button-box a:first-of-type,
.banner-6 > div > div > div:nth-of-type(2) a,
#downloads .not_found > * a,
.contact_worldwide a {
    background-color: #fd4a24;
}

.button-theme-2:hover,
.banner-3 .table div a:hover,
.banner-button-box a:first-of-type:hover,
.banner-6 > div > div > div:nth-of-type(2) a:hover,
#downloads .not_found > * a:hover,
.contact_worldwide a:hover {
    /* background-color: #cf4624; */
}

.button-theme-3,
.research form button {
    background-color: #fff;
}

.customers-stories > div > div a,
.highlight.white-papers div > div > .white-paper-desc + div a {
    background-color: #004877;
    border: 1px solid #fff;
    color: #fff;
}

.banner-6 > div > div.btn-left > div:nth-of-type(1) a {
    background-color: #fff;
    border: 1px solid #fff;
    color: #004877;
}

.button-theme-small-1,
#jobs a,
.list-items .item a,
.section-wrapper .classes-table table tr td:last-child a,
.certified-form-wrapper .classes-table table tr td:last-child a {
    padding: 5px;
    display: inline-block;
    text-transform: lowercase;
}

.list-event-title {
    display: block;
    width: 100%;
    background-color: #004877;
    font-family: ITCAvantGardeStdBk;
    font-size: 1.4rem;
    text-align: left;
}

.list-event-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: top;
    -ms-flex-pack: top;
    justify-content: top;
}

.list-event-block > div {
    min-height: 100px;
}

.list-event-block > .event-list-thumb {
    width: 22.6%;
    max-width: 150px;
    background-color: #fff;
}

.list-event-wrapper {
    margin-bottom: 20px;
}

.list-event-block > .list-event-desc {
    width: 69.2%;
    text-align: left;
    padding-top: 0;
    padding-left: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-event-block > .list-event-desc p {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.list-event-block > .list-event-desc a {
    font-size: 1.1rem;
    color: #004877;

    /*font-weight: 100;*/
}

.list-event-block > .list-event-register {
    width: 20%;
    background-color: #e5e5e5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-event-block > .list-event-register a {
    background-color: #fd4922;
    width: auto;
    font-size: 1.4rem;
    color: #fff;
    font-family: ITCAvantGardeStdBk;
    padding: 6px 20px;
}

/*******************************************************************************************************************
  $banner
\*******************************************************************************************************************/

.lightbox-wrapper {
    display: inline-block;
    position: relative;
}

.banner .has-zoom {
    display: inline-block;
    position: relative;
}

.banner .has-zoom:after {
    content: "";
    background: transparent url(../images/icon-zoom.png) center center no-repeat;
    height: 54px;
    width: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -26px;
}

.banner.has-global-link {
    position: relative;
}

.banner a.banner-global-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*******************************************************************************************************************  $banner 1
\*******************************************************************************************************************/

.banner-1,
.banner-2 {
    text-align: left;
}

.banner-1.fixed,
.banner-2.fixed {
    height: 400px;
}

.banner-1 .table,
.banner-2 .table {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner-1 .table > div > div,
.banner-2 .table > div > div {
    vertical-align: middle;
    width: 28%;
}

.banner-1 .table > div > div .banner-buttons-wrapper,
.banner-2 .table > div > div .banner-buttons-wrapper {
    margin-top: 40px;
}

.banner-1 .table > div > div .banner-buttons-wrapper a:first-child,
.banner-2 .table > div > div .banner-buttons-wrapper a:first-child {
    background: #fd4a24;
}

.banner-1 .table > div > div .banner-title,
.banner-2 .table > div > div .banner-title {
    margin-bottom: 35px;
}

.banner-1 .table > div > div p,
.banner-2 .table > div > div p {
    line-height: 30px;
    margin-bottom: 0;
}

.banner-1 .table > div > div:first-of-type,
.banner-2 .table > div > div:first-of-type {
    padding-right: 6%;
    padding-left: 0;
}

.banner-1 .table > div > div .popup-trigger,
.banner-2 .table > div > div .popup-trigger {
    display: block;
    width: 100%;
    padding: 0;
}

.banner-1 .table > div > div .popup-trigger img,
.banner-2 .table > div > div .popup-trigger img {
    display: block;
    width: 100%;
}

.full--width {
    width: 100% !important;
}

/*********************************************************************************************************************  $banner-2
\*********************************************************************************************************************/

.banner-2 .table {
    width: 100%;
}

.banner-2 .table > div > div {
    vertical-align: middle;
    width: 50%;
}

.banner-2 .table > div > div:first-of-type {
    padding-right: 0;
    padding-left: 0;
}

.banner-2 .table > div > div:last-of-type {
    padding-left: 3%;
}

.banner-2 .table > div > div:last-of-type a {
    padding-left: 2%;
    padding-right: 2%;
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
}

.banner-2 .table > div > div:last-of-type a:first-of-type {
    background: #fd4a24;
    margin-right: 5%;
}

.banner-2 .table > div > div .popup-trigger {
    display: block;
    width: 100%;
    padding: 0;
}

.banner-2 .table > div > div .popup-trigger img {
    display: block;
}

.banner-1 .table > div > div:first-of-type {
    padding-right: 0;
    padding-left: 0;
}

.banner-1 .table > div > div:first-of-type a {
    padding-left: 2%;
    padding-right: 2%;
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.banner-1 .table > div div.editor-text a,
.banner-2 .table > div div.editor-text a,
.banner-3 .table > div div.editor-text a,
.banner-4 .table > div div.editor-text a,
.banner-5 .table > div div.editor-text a,
.banner-6 .table > div div.editor-text a,
.banner-7 .table > div div.editor-text a,
.banner-8 .table > div div.editor-text a {
    padding-left: 0;
    padding-right: 0;
    display: inline;
    text-decoration: underline;
    background-color: transparent !important;
    text-transform: inherit;
    font-size: 1.6rem;
    color: #4c4c4e !important;
    font-family: ITCAvantGardeStdBk;
}

div.editor-text p strong {
    font-weight: bold;
}

/*********************************************************************************************************************  $banner-3
\*********************************************************************************************************************/

.banner-3 .table {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.banner-3 .table > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.banner-3 .table div {
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

.banner-3 .table div a {
    display: inline-block;
    width: 20%;
    margin-top: 40px;
}

.banner-3.fixed {
    height: 400px;
}

.banner-3.fixed div a {
    margin-top: 100px;
}

/*********************************************************************************************************************  $banner-4
\*********************************************************************************************************************/

.banner-4 {
    text-align: left;
}

/*********************************************************************************************************************  $banner-5
\*********************************************************************************************************************/

.thumbnail {
    display: none;
}

.banner-5 {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
}

.banner-5 .light,
.banner-5 .dark {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-5 > div {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
}

.banner-5 > div img {
    display: block;
}

.banner-5 > div a.trigger-thumbnail {
    display: block;
    height: 100%;
    position: relative;
}

.banner-1 > div a.trigger-gallery {
    color: #fff;
    display: block;
    text-align: center;
}

.banner-5 > div a.trigger-thumbnail:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent url(../images/picto-play.png) center center no-repeat;
}

/*******************************************************************************************************************  $banner7,8
\*******************************************************************************************************************/

.banner-7,
.banner-8 {
    text-align: left;
}

.banner-7 .editor-text,
.banner-8 .editor-text {
    margin-top: 15px;
}

.banner-7 .editor-text {
    margin-top: 15px;
    width: 100%;
}

.banner-7.fixed,
.banner-8.fixed {
    height: 590px;
}

.banner-7 .has-zoom:after,
.banner-8 .has-zoom:after {
    top: 50%;
    left: inherit;
    right: 0;
}

.banner-7 > .table,
.banner-8 > .table {
    width: 100%;
}

.banner-7 > .table > div,
.banner-8 > .table > div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-7 > .table > div > div,
.banner-8 > .table > div > div {
    width: 32.8%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
    vertical-align: top;
}

.banner-7 > .table > div.dark.has-border,
.banner-8 > .table > div.dark.has-border {
    background-image: url(../images/dark-stripe-bg.png);
}

.banner-7 > .table > div.light.has-border,
.banner-8 > .table > div.light.has-border {
    background-image: url(../images/light-stripe-bg.png);
}

.banner-7 a + h6.title,
.banner-8 a + h6.title {
    margin-top: 40px;
}

.banner-7 img + h6.title,
.banner-8 img + h6.title {
    margin-top: 40px;
}

.banner-7 h6,
.banner-8 h6 {
    padding-left: 50px;
    padding-right: 50px;
}

.banner-7 h6.title,
.banner-8 h6.title {
    margin-bottom: 10px;
}

.banner-7 h6.title:first-of-type,
.banner-8 h6.title:first-of-type {
    text-transform: uppercase;
}

.banner-button-box {
    display: block;
    margin-top: 35px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
}

.banner-button-box a:first-of-type {
    padding-left: 4.7%;
    padding-right: 4.7%;
    margin-right: 2.5%;
}

.banner-button-box a:last-of-type {
    padding-left: 4.7%;
    padding-right: 4.7%;
    margin-right: 2.5%;
    text-decoration: none;
}

.banner-7 .banner-button-box a {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: 36% !important;
    text-decoration: none;
}

.banner-7 .banner-button-box a {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: 36% !important;
    text-decoration: none;
}

.banner-7 .editor-text {
    margin-top: 0;
}

.banner-7 .table div div {
    padding-top: 0;
}

/*********************************************************************************************************************  $banner6
\*********************************************************************************************************************/

.banner-6 .table {
    width: 100%;
}

.banner-6.fixed {
    height: 166px;
}

.banner-6.fixed > div > div {
    display: table-row;
    text-align: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 122px;
}

.banner-6 > div {
    display: table;
    height: 100%;
}

.banner-6 > div > div {
    display: table-row;
    text-align: left;
}

.banner-6 > div > div > div {
    display: table-cell;
    vertical-align: middle;
    width: 61%;
}

.banner-6 > div > div > div p {
    text-align: left;
}

.banner-6 > div > div > div:nth-of-type(2) {
    width: 28%;
    text-align: right;
}

.banner-6 > div > div > div:nth-of-type(2) a {
    width: 100%;
    display: inline-block;
    padding-left: 21%;
    padding-right: 21%;
}

.banner-6 > div > div.btn-left > div:nth-of-type(2) {
    width: 61%;
}

.banner-6 > div > div.btn-left > div:nth-of-type(1) {
    width: 32%;
}

.banner-6 > div > div.btn-left > div:nth-of-type(1) a {
    background: #ededed;
    width: auto;
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
}

/*********************************************************************************************************************  $banner8
\*********************************************************************************************************************/

.banner-8 > .table {
    width: 100%;
}

.banner-8 > .table > div.dark.has-border {
    background: transparent url(../images/dark-stripe-bg-2.png) center top repeat-y;
}

.banner-8 > .table > div.light.has-border {
    background: transparent url(../images/light-stripe-bg-2.png) center top repeat-y;
}

.banner-8 > .table > div > div {
    width: 50%;
    display: block;
}

/*********************************************************************************************************************  $banner expetion
\*********************************************************************************************************************/

.container-no-pad .banner .table {
    padding-left: 6%;
    padding-right: 6%;
}

.swiper-wrapper .banner {
    height: 400px;
}

/*********************************************************************************************************************    $media querry banner
\*********************************************************************************************************************/

@media screen and (max-width: 1024px) {
    .share-widget {
        display: none;
    }

    .gallery .gallery-item {
        width: 35% !important;
    }

    .gallery .gallery-wrapper {
        justify-content: space-around !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .banner-8 > .table > div > div {
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
    .player .vp-player-layout {
        width: 100% !important;
    }

    iframe + p {
        margin: auto;
        width: 100%;
        display: block;
    }

    iframe {
        height: auto;
    }

    .nav > li:nth-child(1) > div {
        left: 0 !important;
        width: 100% !important;
        top: 0 !important;
    }

    .nav > li:nth-child(2) > div {
        left: 0 !important;
        width: 100% !important;
        top: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .container {
        width: 100% !important;
        margin: auto;
    }

    .list-event-block > .list-event-desc {
        width: 50%;
        text-align: left;
        padding-top: 10px;
        padding-left: 14px;
    }

    .list-event-block > .list-event-desc p {
        font-size: 1.2rem;
        margin-bottom: 5px;
    }

    .list-event-block > .list-event-desc a {
        font-size: 1.1rem;
        color: #004877;
        font-weight: bold;
    }

    .list-event-block > .list-event-register {
        width: 30%;
    }
}

@media screen and (max-width: 440px) {
    #prod_registration .registration-input {
        position: relative;
        display: inline-block;
        width: 100% !important;
    }

    #prod_registration .product-registration-wrapper {
        width: 100%;
        height: auto;
        text-align: left;
    }

    #prod_registration .label-product {
        width: 100%;
    }

    /* Supression des images */
    .list-items .list-thumb {
        display: none !important;
    }

    .list-event-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .list-event-title {
        text-align: center;
    }

    .event-list-thumb {
        display: none !important;
    }

    .list-event-block > .list-event-desc {
        width: 100%;
    }

    .list-event-block > .list-event-register {
        width: 100%;
        height: 74px;
        min-height: inherit !important;
    }

    .nav > li:nth-child(3) > div {
        width: 100% !important;
    }

    .videos .banner-button-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .classes-table .tabs .tab a {
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dark .mobile-layout {
        display: block !important;
        position: absolute;
        height: 400px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .light .mobile-layout {
        display: block !important;
        position: absolute;
        height: 508px;
        width: 100%;
        background-color: rgba(250, 250, 250, 0.2);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .map {
        width: 100%;
    }

    .banner-3.fixed {
        height: 200px;
    }

    .banner-1 .table > div > div .banner-title,
    .banner-2 .table > div > div .banner-title {
        margin-bottom: 15px;
    }

    .banner-1 .table > div > div p {
        margin-left: 0 !important;
    }

    .banner .table > div > div .banner-title {
        font-size: 2rem !important;
    }

    .banner .table {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .banner-1 .table > div > div,
    .banner-2 .table > div > div {
        display: block;
        width: 100%;
        padding-left: 0 !important;
    }

    .banner-1 .dark:before,
    .banner-2 .dark:before,
    .banner-3 .dark:before,
    .banner-4 .dark:before,
    .banner-5 .dark:before,
    .banner-6 .dark:before,
    .banner-7 .dark:before,
    .banner-8 .dark:before {
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .banner-1 .table > div > div:first-of-type,
    .banner-2 .table > div > div:first-of-type {
        margin-bottom: 20px;
    }

    .banner-1 .table > div > div:first-of-type {
        padding-left: 6%;
    }

    .banner-3 .table div a {
        width: 75%;
    }

    .banner-5 {
        height: auto;
    }

    .banner-6 > .table > div > div {
        display: block;
        width: 100%;
        text-align: center;
    }

    .banner-6 > .table > div > div:first-of-type p {
        text-align: center;
    }

    .banner-6 > .table > div > div:last-of-type {
        width: 100%;
        display: block;
        margin: auto;
        margin-top: 20px;
        text-align: center;
    }

    .banner-6 > .table > div > div:last-of-type a {
        width: 100%;
    }

    .banner-7 > .table {
        width: 100%;
        padding-left: 0;
    }

    .banner-7 > .table .banner-button-box a {
        width: 45% !important;
    }

    .banner-7 > .table > div.has-border {
        background-image: none !important;
        flex-direction: column;
        align-items: center;
    }

    .banner-7 > .table > div > div {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .banner-8 a.banner-button-1,
    .banner-8 a.banner-button-2 {
        width: 100% !important;
    }

    .banner-2 .table > div > div:last-of-type {
        padding-left: 0%;
    }

    .banner-2 .table > div > div:last-of-type a {
        width: 100%;
        margin-right: 0 !important;
    }

    .banner-1 .table > div > div:first-of-type {
        padding-left: 0;
    }

    .banner-1 .table > div > div:first-of-type a {
        width: 100%;
    }

    .banner-1 .table > div > div .banner-buttons-wrapper {
        flex-direction: row;
    }

  
    .banner-2 .table > div > div .banner-buttons-wrapper {
        flex-direction:column ;
    }

    .banner-1 .table > div > div .banner-buttons-wrapper a
  {
  margin: 12px !important;
    }
   
    .banner-2 .table > div > div .banner-buttons-wrapper a {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .banner, .banner-6 {
        padding-bottom: 0;
        padding-top: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .banner.banner-9 {
        padding-bottom: 0;
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .banner .banner-title {
        text-align: center;
    }

    .banner > .table > div.light p,
    .banner-6 > .table > div.light p {
        line-height: 2.3rem;
    }
}

@media screen and (max-width: 950px) {
    .big-footer > div > div.w-25.w-8 {
        width: 47% !important;
    }

    .big-footer > div > div.w-50.ul-2 > ul:first-of-type {
        width: 50% !important;
    }

    .big-footer > div > div.w-50.ul-2 > ul:nth-of-type(2) {
        width: 39% !important;
        margin-left: 5% !important;
    }

    .big-footer > div > div.w-50.ul-2 > ul:nth-of-type(3) {
        width: 25%;
        margin-left: 0 !important;
        margin-top: -16px;
    }

    .big-footer > div > div.w-25.w-5 {
        padding-left: 3%;
    }

    /* Supression des images */
    .container .item .list-thumb {
        display: none !important;
    }

    span.sub-menu-domain {
        font-size: 1.3rem !important;
        /*hack menu produits mobile
        visibility: hidden;
        height: 0 !important;
        */

        height:20px !important;
        /*--*/
        

        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .sub-menu-tittle {
        font-size: 1.5rem !important;
    }

    .banner-button-box a {
        display: inline-block;
        width: 80% !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .banner-1 {
        background-size: initial;
        background-position: center center !important;
    }

    .banner-2 {
        background-size: initial;
        background-position: right center !important;
    }

    .banner-6 {
        background-size: initial;
        background-position: left center !important;
        height: auto !important;
    }

    .classes-table th,
    .certified-form-wrapper .classes-table th {
        text-align: center !important;
    }

    .section-wrapper .classes-table table tr td:last-child a.switchForm {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/*********************************************************************************************************************  $message
\*********************************************************************************************************************/

.message-box {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    background-color: #004877;
    padding-top: 20px;
    padding-bottom: 20px;
}

.message-box p {
    color: #fff;
    font-size: 14px;
}

.select-country-2 > div p {
    vertical-align: middle;
    width: 48%;
    display: inline-block;
    margin-left: 1.25%;
}

.select-country-2 > div p + div {
    width: 48%;
    display: inline-block;
}

.select-country-2 > div p + div a {
    width: 40%;
    display: inline-block;
    text-transform: lowercase;
    border: 1px solid #fff;
    padding-top: 9px;
    padding-bottom: 9px;
    background: transparent url(../images/icon-close-message.png) 97% center no-repeat;
    margin-left: 2%;
}

.select-country-2 > div p + div form {
    width: 40%;
    display: inline-block;
}

.cookies div > * {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}

.cookies div a {
    width: 30%;
    display: inline-block;
    text-transform: lowercase;
    border: 1px solid #fff;
    padding-top: 9px;
    padding-bottom: 9px;
    background: transparent url(../images/icon-close-message.png) 97% center no-repeat;
    margin-left: 2%;
}

.ancre {
    display: block;
    height: 100px;

    /*same height as header*/
    margin-top: -100px;

    /*same height as header*/
    visibility: hidden;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 38px;
    height: 38px;
    cursor: pointer;
    z-index: 8040;
    background-size: 38px;
}

.fancybox-close {
    background-image: url(../images/icon-close.png);
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fancybox-close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.close-panel-layout {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.18);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
    display: none;
    top: 80px;
    bottom: 0px;
}

.close-panel-layout.is-open {
    display: block !important;
}

.to-top {
    position: fixed;
    top: 69%;
    right: 0;
    padding: 10px;
    background: #004877 url(../images/arrow-scroll-top.png) center center no-repeat;
    height: 50px;
    width: 33px;
    z-index: 100;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

/*********************************************************************************************************************  $share widget
\*********************************************************************************************************************/

.share-widget {
    background: rgba(0, 1, 2, 0.8);
    border: #8fbdd5 solid 1px;
    padding: 0 10px;
    position: fixed;
    right: 0;
    top: 180px;
    z-index: 100;
}

.share-widget a {
    height: 26px;
    text-align: center;
    width: 28px;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
}

#editing-view-port {
    display: none;
}

#editing-view-port #picker {
    display: none !important;
}

#picker,
input::-webkit-calendar-picker-indicator {
    display: none !important;
}

/*******************************************************************************************************************  $header
\*******************************************************************************************************************/

.container {
    max-width: 1170px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    height: auto;
    margin: auto;
    margin-left: auto;
}

.container h1 {
    margin-left: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.container h1.no-h1 {
    display: none;
}

.container-no-pad {
    max-width: 1140px;
}

body.fixed {
    padding-top: 80px;
}

.header {
    height: 100px;
    padding-bottom: 0;
    padding-top: 0;
    background-color: #ffffff;
}

.fixed .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.logo {
    background: transparent url("../images/logo.svg") center center no-repeat;
    width: 24.3%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
    filter: blur(0);
    -webkit-filter: blur(0);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    background-size: contain;
}

/*******************************************************************************************************************    $menu
\*******************************************************************************************************************/

.nav-mobile {
    display: none;
}

.nav-mobile {
    cursor: pointer;
    position: relative;
    height: 40px;
}

.nav-mobile span:before,
.nav-mobile span:after {
    content: '';
    position: absolute;
}

.nav-mobile span:before {
    top: -8px;
}

.nav-mobile span:after {
    top: 8px;
}

.nav-mobile span,
.nav-mobile span:before,
.nav-mobile span:after {
    display: block;
    width: 28px;
    height: 4px;
    background-color: #a6a6a6;
    border-radius: 2px;
    margin-top: 15px;
}

.navigation {
    width: 66%;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    margin-right: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.search-pannel {
    display: none;
    margin: auto;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 51;
}

.search-pannel.is-open {
    display: block;
}

.search-pannel .research {
    padding-bottom: 0;
}

#search-pannel.fixed {
    top: 80px;
}

#search-pannel.fixed-menu {
    top: 127px;
}

.fixed .search-pannel {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 51;
}

.search-menu {
    height: 35px !important;
    width: 35px !important;
    background-image: url(../images/search.png);
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: inherit;
}

.search-menu.triggered {
    background-image: url(../images/icon-close-header.png);
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
}

.icon-world {
    background-image: url(../images/icon-world_header.png);
    background-position: center center;
    width: 35px;
    height: 35px;
    padding-top: 0;
    background-size: cover;
    cursor: pointer;
    position: relative;
}

.icon-world > div {
    /*display: none;*/
    width: 330px;
    position: absolute;
    right: 0;
    min-height: 250px;
    color: #767676;
    background-color: transparent;
    z-index: 30;
    padding-top: 44px;
    display: none;
    top: 13px;
}

.icon-world > div > div {
    background-color: #ededed;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.icon-world .sub-menu-domain + ul > li {
    margin-bottom: 10px;
}

.lang-sub-menu {
    display: block;
    padding-left: 8%;
    position: relative;
    margin-top: 6px;
}

.lang-sub-menu a {
    padding-left: 7px;
    padding-right: 7px;
    border-right: 1px solid grey;
}

.lang-sub-menu li:last-child a {
    border-right: none;
}

.lang-sub-menu li {
    display: inline-block;
}

.lang-sub-menu li a {
    font-style: italic;
}

#region-trigger:hover > div,
.icon-world.is-open > div {
    display: block;
}

.icon-world + div a {
    text-decoration: none;
}

.icon-world + div > div {
    padding-right: 15px;
    padding-left: 15px;
    background-color: #ededed;
    padding-bottom: 16px;
    -webkit-box-shadow: 0px 6px 17px -8px #666;
    box-shadow: 0px 6px 17px -8px #666;
}

.icon-world + div li {
    font-family: 'ITCAvantGardeStdBk';
    font-size: 1.4rem;
    color: #333;
    line-height: 2.4rem;
}

.trigger-block {
    height: 100%;
    display: inline-block;
    vertical-align: bottom;
    width: 8%;
    position: relative;
}

.nav {
    height: 100%;
    display: inline-block;
    float: right;
}

.nav a {
    color: blue;
}

.nav ul {
    list-style: none;
}

.nav > li {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: auto;
    padding-bottom: 13px;
    padding-top: 13px;
    padding-left: 8px;
    padding-right: 8px;
}

.nav > li:nth-child(3) > div {
    /* right: 21%; */
    width: 54%;
    top: 45px;
}

.nav > li:nth-child(2) > div {
    /* right: 21%; */
    width: 35.2%;
}

.nav > li:nth-child(1) > div {
    /* left: 38%; */
    width: 48em;
    top: 45px;
}

@media screen and (min-width: 1024px) {
    .nav > li:hover > a {
        background-color: rgb(194, 228, 250);
    }
}

.nav > li > a {
    padding-bottom: 0;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    font-family: ITCAvantGardeStdDemi;
    height: 100%;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #767676;
    text-transform: uppercase;
}

.nav > li > a.sub-trigger {
    /*cursor: pointer;*/
    cursor: default !important;
}

.nav > li > a:hover {
    color: #767676;
}

.nav a {
    cursor: pointer;
    text-decoration: none;
    font-size: 1.4rem;
    color: #333;
    font-weight: initial;

    /* margin-bottom: 15px; */
    display: block;
}

.nav a.is-active {
    color: #fd4a24;
}

.nav a:hover {
    color: #767676;
}

.nav .has-sub-level > div {
    position: absolute;

    /* left: 0; */
    /* right: 0; */
    height: 259px;
    display: none;
    width: 61%;
    z-index: 1000;
    padding-top: 35px;
    top: 79px;
}

.nav .has-sub-level .sub-menu {
    background-color: #ededed;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    z-index: 40;

    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.nav .has-sub-level .sub-menu-1 {
    vertical-align: top;
}

span.sub-menu-domain {
    padding-bottom: 20px;
    padding-top: 15px;
    padding-left: 0;
    padding-right: 20px;
    font-family: ITCAvantGardeStdBk;
    height: 100%;
    display: block;

    /* font-size: 14px; */
    font-size: 1.8rem;
    color: #767676;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
    margin-right: 0;
}

@media screen and (min-width: 1024px) {
    .nav .has-sub-level:hover > div {
        display: block;
    }
}

@media screen and (max-width: 950px) {
    .nav .has-sub-level .is-open + div {
        display: block;
    }
}

@media screen and (min-width: 1024px) {
    .nav .has-sub-level:hover > div {
        display: block;
    }
}

.nav .has-sub-level:hover > .sub-menu-wrapper {
    display: block;
    background: transparent;
    height: auto;
    top: 80px;
    width: 48%;
}

.nav .has-sub-level:hover > .sub-menu-wrapper > div {
    display: block;
    background: #ededed;
}

.nav .sub-menu-1 {
    display: inline-block;
    width: 33%;
}

.nav .sub-menu-1 > ul > li {
    display: inline-block;
    width: 100% !important;
}

.nav .sub-menu {
    -moz-box-shadow: 0px 6px 0px 0px rgba(40, 40, 40, 0.6);
    padding-bottom: 0;
    padding-top: 0;
    min-height: 100px;
}

.nav .sub-menu > ul > li {
    width: auto;
    display: inline-block;
    width: 49%;
}

.nav .sub-menu > ul > li:first-child {
    padding-right: 15px;
    padding-left: 0;
}

.nav > li:first-child .sub-menu-domain + ul > li > ul > li {
    margin-bottom: 10px;
}

.nav > li:first-child .sub-menu > ul > li:first-child > a,
.nav > li:first-child .sub-menu > ul > li:nth-child(2) > a {
    padding-right: 0;
    padding-left: 0;
    color: #004877 !important;
    font-weight: bold;
    margin-bottom: 8px;
    cursor: default;
}

.nav > li:first-child .sub-menu.sub-menu-309 > ul > li:nth-child(2) > a {
    cursor: pointer;
}

sub-menu-1 > ul > li:nth-child(2) > a {
    cursor: default;
}

.nav > li:first-child .sub-menu > ul > li:first-child > a {
    cursor: pointer;
}

.nav .sub-menu > ul > li:nth-child(2n) {
    padding-left: 0;
    padding-right: 10px;
}

.nav .sub-menu li {
    vertical-align: top;
    margin-bottom: 10px;
}

.nav .sub-menu li li {
    width: 100%;
}

.nav .sub-menu a.is-active {
    color: #fd4a24;
}

.nav .sub-menu-tittle.is-active,
.nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li a.is-active {
    color: #fd4a24;
}

.nav .sub-menu-tittle + ul li,
.nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li a + ul li {
    margin-bottom: 10px;
    display: block;
}

.sub-menu-domain + ul li a,
.nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li a + ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
}

.sub-menu-domain + ul li a.sub-menu-tittle {
    font-size: 1.4rem;
    color: #333;
    font-weight: initial;
    margin-bottom: 15px;
    display: block;
}

.nav > li:nth-child(1) li a.sub-menu-tittle {
    font-size: 1.4rem;
    color: #004877;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

.nav > li:nth-child(4) > div {
    right: 0;
}

.nav > li:nth-child(4),
.nav > li:nth-child(5),
.nav > li:nth-child(6) {
    position: relative;
}

.nav > li:nth-child(4) .sub-menu-domain + ul > li,
.nav > li:nth-child(5) .sub-menu-domain + ul > li,
.nav > li:nth-child(6) .sub-menu-domain + ul > li {
    display: block;
    margin-bottom: 10px;
}

.nav > li:nth-child(4) .sub-trigger + div,
.nav > li:nth-child(5) .sub-trigger + div,
.nav > li:nth-child(6) .sub-trigger + div {
    width: 300px;
    right: 0;
    top: 45px;
}

.nav .sub-menu-8 > ul > li,
.nav .sub-menu-5 > ul > li {
    width: 100%;
}

.nav > li:nth-child(5) > div {
    right: 0;
}

.nav > li:nth-child(3) .sub-menu-tittle {
    padding-bottom: 20px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 20px;
    font-family: ITCAvantGardeStdBk;
    height: 100%;
    display: block;

    /* font-size: 14px; */
    font-size: 1.8rem;
    color: #767676;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
    margin-right: 0;
}

.sub-menu-7 > ul > li:nth-child(2) ul {
    width: 50% !important;
    display: inline-block !important;
}

.nav > li:nth-child(3) .sub-menu-domain + ul {
    width: 100%;
    vertical-align: top;
}

body > header > div > nav > ul > li:nth-child(3) > div > div > ul > li:nth-child(2) > ul {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.nav > li:nth-child(3) .sub-menu-domain + ul {
    width: 100%;
}

.nav > li:nth-child(3) .has-sub-level > div {
    width: 35%;
}

.nav > li:nth-child(3) .sub-menu-domain + ul > ul {
    width: 48%;
}

.nav li:nth-child(2) .sub-menu > ul .sub-menu-tittle,
.nav li:nth-child(2) .sub-menu > ul .sub-menu > ul > li:first-child ul > li a,
.nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li .sub-menu > ul a {
    text-align: left;
    margin-bottom: 30px;
}

.nav li:nth-child(2) .sub-menu > ul > li {
    /*hack menu produits*/
    /*min-height: 215px;*/
    min-height: 86px;
}

.nav li:nth-child(2) .sub-menu > ul > li ul li {
    width: 100%;
    margin-bottom: 10px;
}

.nav li:nth-child(2) .sub-menu > ul > li:first-child {
    width: 49%;
    padding-right: 0;
    margin-bottom: 0;
}

.nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li {
    margin-bottom: 10px;
}

.nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
    margin-bottom: 0;
}

.nav li:nth-child(2) .sub-menu > ul > li:nth-child(2) {
    width: 40.34%;
    padding-left: 3.5%;
}

.nav li:nth-child(2) .sub-menu > ul > li:nth-child(3) {
    width: 26.8%;
}

.nav li:nth-child(2) .sub-menu > ul > li:nth-child(3) .featured-title {
    background-color: #002a43;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 12px;
}

.nav li:nth-child(2) .sub-menu > ul > li:nth-child(3) img {
    margin-bottom: 10px;
}

.nav li:nth-child(2) .sub-menu > ul > li:nth-child(3) .featured-product {
    min-height: 215px;
    text-align: center;
    width: 81.8%;
    margin-left: 10%;
    background-color: #f8f8f8;
}

.nav li:nth-child(2) .sub-menu > ul > li:nth-child(3) .featured-name {
    color: #004877;
    text-transform: uppercase;
    display: block;
    font-size: 1.4rem;
    text-align: center;
}

.nav li:nth-child(2) .sub-menu > ul > li:nth-child(3) .featured-name + span {
    color: #9a9a9a;
    font-size: 1.2rem;
}

.nav li:nth-child(3) .sub-menu .sub-menu-tittle,
.nav li:nth-child(3) .sub-menu li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
    text-align: left;
}

.nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) .sub-menu-tittle,
.nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
    margin-bottom: 20px;
}

.nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li {
    width: 100%;

    /* float: left; */
    margin-bottom: 10px;
}

.nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) {
    /* width: 31%; */
    margin-right: 42px;

    /* float: left; */
}

.nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) ul {
    margin-top: 10px;
}

.nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) {
    margin-top: 0;
    padding-left: 10px;
}

.nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) .sub-menu-domain + ul li {
    display: inline-block;
    width: 49%;
}

.nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) .sub-menu-tittle,
.nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
    margin-bottom: 15px;
}

.nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) ul li {
    width: 100%;
    margin-bottom: 10px;
}

/*******************************************************************************************************************  $swiper
\*******************************************************************************************************************/

.swiper-container {
    height: 400px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd4a24;
}

.swiper-button-next {
    background-image: url(../images/swiper-arrow-next.png);
    right: -56px;
    left: auto;
    top: 50%;
    margin-top: -50px;
}

.swiper-button-prev {
    background-image: url(../images/swiper-arrow-prev.png);
    left: -56px;
    right: auto;
    top: 50%;
    margin-top: -50px;
}

/*********************************************************************************************************************  $fancybox
\*********************************************************************************************************************/

.lightBoxThumb {
    display: none;
}

#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

#fancybox-thumbs.bottom {
    bottom: 2px;
}

#fancybox-thumbs.top {
    top: 2px;
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
    opacity: 1;
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}

option {
    background-color: #004877;
    line-height: 20%;
}

/*********************************************************************************************************************  $accordion
\*********************************************************************************************************************/

.smk_accordion {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

/**
* --------------------------------------------------------------
* accordion Section
* --------------------------------------------------------------
*/

.smk_accordion .accordion_in {
    position: relative;
    z-index: 10;
    margin-top: -1px;
    overflow: hidden;
}

/**
* --------------------------------------------------------------
* accordion Head
* --------------------------------------------------------------
*/

.smk_accordion .accordion_in .acc_head {
    text-decoration: none;
    position: relative;
    background: transparent;
    padding: 10px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    background-color: #004877;
}

.smk_accordion .accordion_in:last-of-type .acc_head {
    border-bottom: solid #fff 1px;
}

.smk_accordion .acc_head {
    border-top: solid #fff 1px;
    border-right: solid #fff 1px;
    border-left: solid #fff 1px;
}

.smk_accordion .acc_active .acc_head {
    border-bottom: solid #fff 1px;
}

.smk_accordion .accordion_in .acc_head .acc_icon_expand {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    background: url(../images/icon-accordion-disabled.png) center center no-repeat;
    height: 20px;
    width: 20px;
}

.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand {
    background-image: url(../images/icon-accordion-enabled.png);
}

/*********************************************************************************************************************  $certified
\*********************************************************************************************************************/

#partenaire_liste {
    max-width: 100%;
}

#form_partenaire {
    background-color: #004877;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    padding-bottom: 40px;
    padding-top: 40px;
}

.section-theme-1 {
    width: 100%;
    background-color: #004877;
}

#form_partenaire label {
    display: none;
}

#job_table,
#job_table {
    width: 100%;
    margin-bottom: 20px;
}

#job_table th,
#job_table th {
    background-color: #7b7b7b;
    height: 55px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
    color: #ffffff;
}

#job_table tr td,
#job_table tr td {
    height: 55px;
    padding-left: 10px;
    text-align: left;
}

#job_table tr td {
    background-color: #d9e6ee;
}

#job_table tr td a {
    text-decoration: underline;
    color: #004976;
}

#job_table tr:nth-child(2n) td {
    background-color: #f8f8f8;
}

#partenaire_liste {
    width: 100%;
}

#form_partenaire input,
#form_partenaire select {
    -webkit-appearance: none;

    /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
    -moz-appearance: none;

    /*REMOVES DEFAULT FIREFOX STYLE*/
    border: 1px #fff solid;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    font-family: ITCAvantGardeStdDemi;
    padding: 10px;
    width: 100%;
    cursor: pointer;
    background: transparent url(../images/icon-arrow-list-bottom.png) no-repeat right center;
    background-size: 36px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#form_partenaire input {
    background-image: none;
}

#form_partenaire option {
    background-color: #004877;
}

.mobile-layout {
    display: none;
}

.partenaire {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.text-intro {
    margin-bottom: 20px;
}

.text-intro p a {
    color: #ffffff;
    text-decoration: underline;
}

#form_partenaire input::-webkit-input-placeholder {
    color: #fff;
}

#form_partenaire input::-moz-placeholder {
    color: #fff;
}

#form_partenaire input:-ms-input-placeholder {
    color: #fff;
}

#form_partenaire input:-moz-placeholder {
    color: #fff;
}

#form_partenaire input[type=submit] {
    background: #ededed;
    width: 20%;
    margin: auto;
    text-transform: uppercase;
    color: #004877;
    margin-top: 35px;
    display: block;
}

#form_partenaire > div > p {
    width: 22%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5%;
}

#jobs hr {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #efefef;
    border-color: #efefef;
    border-style: initial;
    height: 1px;
}

#jobs a {
    /* padding: 10px;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 0px; */
    font-size: 16px;
    font-size: 1.6rem;
    color: #004877;
    font-family: ITCAvantGardeStdBk;
}

#jobs .button-theme-2 {
    background-color: #fd4a24;
}

#jobs a:first-letter {
    text-transform: uppercase;
}

#jobs .head-label {
    display: inline-block;
    vertical-align: top;
    width: 68%;
}

#jobs .job-detail {
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
    width: 22%;
}

#jobs .job-detail > span {
    display: block;
    text-transform: capitalize;
    font-size: 12px;
}

#jobs .job-detail > span:first-letter {
    text-transform: uppercase;
}

/**
* --------------------------------------------------------------
* accordion Content
* --------------------------------------------------------------
*/

.smk_accordion .accordion_in .acc_content {
    background: transparent;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 5%;
}

.smk_accordion .accordion_in .acc_content h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.smk_accordion .accordion_in .acc_content h3 + p,
.smk_accordion .accordion_in .acc_content h3 + div {
    margin-bottom: 20px;
}

.smk_accordion .accordion_in .acc_content {
    background: transparent;
    padding-top: 40px;
    padding-bottom: 40px;
}

.smk_accordion.theme-2 {
    padding-left: 2%;
    padding-right: 2%;
    margin-top: 20px;
}

.smk_accordion.theme-2 .acc_head {
    padding-left: 20px;
    text-align: left;
    text-transform: uppercase;
    padding-top: 19px;
    padding-bottom: 19px;
    border: none;
    margin-bottom: 3px;
}

.smk_accordion.theme-2 .acc_active .acc_head {
    margin-bottom: 0;
}

.smk_accordion.theme-2 .acc_content {
    background: #fff;
    text-align: left;
    padding-left: 5.12%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.smk_accordion.theme-2 .acc_content .list-2-title {
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}

.smk_accordion.theme-2 .acc_content .list-2-title:after {
    content: "";
    position: absolute;
    background: #fff url(../images/arrow-list-2.png) center center no-repeat;
    height: 15px;
    width: 9px;
    left: -15px;
    top: 0px;
}

.smk_accordion.theme-2 .acc_content .list-2 {
    margin-bottom: 20px;
}

.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
    margin-top: 5px;
}

/**
* --------------------------------------------------------------
* General
* --------------------------------------------------------------
*/

.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
    border-radius: 0;
}

.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
    border-radius: 0;
}

.smk_accordion .accordion_in.acc_active > .acc_content {
    display: block;
}

/*********************************************************************************************************************  $Glossary
\*********************************************************************************************************************/

.glossary-intro {
    text-align: left;
    margin-bottom: 20px;
}

#text_content_gallery .button-theme-small-1 {
    float: right;
    display: block;
    margin-top: -20px;
    text-transform: none;
}

#text_content_gallery .liste_download_product .list-2-title + ul li {
    margin-bottom: 6px;
}

.glossary.container .theme-2 {
    padding-left: 0;
    padding-right: 0;
}

.download-product {
    margin-bottom: 35px;

    /* border-bottom: 1px solid #ededed; */
    padding-bottom: 20px;
    margin-top: 40px;
}

.download-product .download-product-thumb {
    display: inline-block;
    width: 205px;
    vertical-align: top;
    padding: 1%;
    padding: 0 10px;
    height: 205px;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #999;
    vertical-align: middle;
}

.download-product .download-product-thumb span {
    height: 100%;
    display: block;
    line-height: 205px;
}

.download-product .download-product-thumb img {
    vertical-align: middle;
}

.download-product .download-product-desc {
    padding-left: 1%;
    display: inline-block;
    width: 59%;
    vertical-align: top;
}

.download-product .download-product-desc h3 {
    text-transform: none;
}

.download-product .download-product-desc h3 a {
    text-decoration: none;
    color: inherit;
}

.download-product .download-product-desc h3:first-letter {
    text-transform: uppercase;
}

.download-product .download-product-desc p {
    margin-top: 20px;
}

/*********************************************************************************************************************  $discontinued product
\*********************************************************************************************************************/

.liste_download_product .discontinued-list,
.liste_download_product .discontinued-list a {
    line-height: 20px;
    list-style-type: disc;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #004877;
    text-decoration: none;
}

/*********************************************************************************************************************  $glossary
\*********************************************************************************************************************/

.smk_accordion.theme-2.glossary-accordion {
    padding: 0;
}

.number_letter li {
    display: inline-block;
    background: #004877;
    color: #fff;
    padding: 5px;
    width: 30px;
    margin-bottom: 10px;
}

.number_letter li a {
    text-decoration: none;
    display: block;
}

.smk_accordion.accordion_wrapper.glossary-accordion .list-2-title {
    text-transform: none;
}

.smk_accordion.accordion_wrapper.glossary-accordion .list-2-title:first-letter {
    text-transform: uppercase;
}

.smk_accordion.accordion_wrapper .acc_content .list-2-title {
    font-size: 12px;
    font-size: 1.4rem;
}

.smk_accordion.accordion_wrapper .letter {
    display: block;
    padding: 18px 0;
    background-color: #a6a6a6;
    text-transform: uppercase;
    font-size: 18px;
}

/*********************************************************************************************************************  $Downloads
\*********************************************************************************************************************/

#downloads .not_found > * {
    margin-top: 40px;
}

.not_found {
    display: none;
}

#downloads .not_found > * a {
    margin-top: 20px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

#downloads .download-intro {
    text-align: left;
    margin-bottom: 40px;
}

#downloads h1 {
    margin-bottom: 20px;
}

#downloads > div {
    text-align: center;
}

#downloads .sel {
    text-align: left;
    display: inline-block;
    width: 35%;
    margin-left: 2%;
}

#downloads .sel:first-of-type {
    margin-left: 0;
}

#downloads .sel label {
    display: none;
}

#downloads .sel option {
    background-color: #004877;
}

/*********************************************************************************************************************  $list_products
\*********************************************************************************************************************/

/*#list_products {*/

/*-webkit-column-count: 3;*/

/*-moz-column-count: 3;*/

/*column-count: 3;*/

/*-webkit-column-gap: 1em;*/

/*/!* Chrome, Safari, Opera *!/*/

/*-moz-column-gap: 1em;*/

/*/!* Firefox *!/*/

/*column-gap: 1em;*/

/*margin-top: 15px;*/

/*margin-bottom: 15px;*/

/*}*/

/*#list_products > li {*/

/*margin: 0 0 1em;*/

/*display: inline-block;*/

/*background-color: #f8f8f8;*/

/*width: 99.8%;*/

/*margin-left: 1.5%;*/

/*border: 1px solid #c9c9c9;*/

/*}*/

#list_products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    margin: 0;

    /* height: 1200px; */
}

#list_products > li {
    width: 32%;
    border: 1px solid #c9c9c9;
    margin-bottom: 20px;
    margin-left: 10px;
}

#list_products > li:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

#list_products > li:nth-child(4) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
}

#list_products > li:nth-child(5) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 6;
    order: 6;
}

#list_products > li:nth-child(6) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 7;
    order: 7;
}

#list_products > li:nth-child(6) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 7;
    order: 7;
}

#list_products > li:nth-child(7) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 7;
    order: 7;
}

#list_products > li {
    width: 32%;
    border: 1px solid #c9c9c9;
    margin-bottom: 20px;
    margin-left: 10px;
}

/**#list_products > li:nth-child(3n){
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3;
}
#list_products > li:nth-child(3n+1){
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
}
#list_products > li:nth-child(3n+2){
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
}
**/

#list_products > li > a {
    text-decoration: none;
    color: #ffffff;
    padding: 28px 20px;
    text-align: center;
    display: block;
    background: #004877 url(../images/arrow-list-product-title.png) 95% center no-repeat;
}

#list_products > li > ul {
    padding: 20px 0;
    min-height: 240px;
}

#list_products > li .has-product {
    padding: 19px 0;
    border-bottom: 1px solid #c9c9c9;
}

#list_products > li .has-product:first-of-type {
    padding-top: 0;
}

#list_products > li .has-product:last-of-type {
    padding-bottom: 0;
    border: none;
}

#list_products > li .has-product > a {
    color: #003888;
    text-decoration: none;
    margin-bottom: 15px;
    margin-left: 30px;
}

#list_products > li .list_product {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    background: transparent url(../images/arrow-list-product.png) 30px center no-repeat;
    padding-left: 40px;
}

#list_products > li .list_product a {
    text-decoration: none;
    padding-left: 15px;
}

/*********************************************************************************************************************  $research
\*********************************************************************************************************************/

#picker {
    display: none !important;
}

.search-submit {
    cursor: pointer;
    position: absolute;
    display: block;
    background: #0e5d90 url(../images/input-glass-bg.png) center right no-repeat;
    border: none;

    /* top: 0; */
    bottom: 0;
    right: 0;
    width: 50px;
    height: 38px;
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.research {
    overflow: auto;
    padding-top: 0;
    background-color: transparent;
    padding-bottom: 35px;
}

.research .container {
    overflow: auto;
    padding-top: 44px;
    background-color: #0e5d90;
    padding-bottom: 35px;
}

/* .research .search-input {
    background: transparent url(../images/input-glass-bg.png) center right no-repeat;
} */

.research .search-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    max-width: 75%;
    text-overlflow: ellipsis;
}

.research .search-input::-moz-placeholder {
    /* Firefox 19+ */
    max-width: 75%;
    text-overlflow: ellipsis;
}

.research .search-input:-ms-input-placeholder {
    /* IE 10+ */
    max-width: 100%;
    text-overlflow: ellipsis;
}

.research .search-input:-moz-placeholder {
    /* Firefox 18- */
    max-width: 75%;
    text-overlflow: ellipsis;
}

.research .search-search-block,
.research .search-product-block {
    width: 49.7%;
    display: inline-block;
    padding-left: 1.29%;
    padding-right: 1.29%;
    margin-bottom: 50px;
    position: relative;
}

.research .search-product-block select {
    width: 47.1%;
    display: inline-block;
    margin-right: 2%;
}

.research .search-product-block select:first-of-type + .select2 {
    margin-right: 4.8%;
}

.research .search-product-block .search-title {
    min-width: 25%;
}

.research .search-spec-block {
    padding-left: 1.2%;
    padding-right: 1.2%;
}

.research .search-spec-block > div {
    margin-bottom: 19px;
    width: 22.7%;
    display: inline-block;
    margin-right: 1.32%;
    margin-left: 1.32%;
}

.research .search-spec-block > div:nth-of-type(4n+1) {
    margin-left: 0;
}

.research .search-spec-block > div:nth-of-type(4n) {
    margin-right: 0;
}

.research form .w-50 {
    padding-left: 1.29%;
    padding-right: 1.29%;
    margin-bottom: 50px;
}

.research form .w-25 {
    padding-left: 1.29%;
    padding-right: 1.29%;
}

.research form .search-title {
    text-transform: uppercase;
    height: 40px;
}

.research form label {
    display: none;
}

.research form .search-input {
    display: inline-block;
    width: 100%;
}

.research form > div {
    vertical-align: top;
}

.research form button {
    width: 35%;
    margin: auto;
    display: block;
    margin-bottom: 40px;
    margin-top: 20px;
}

/************************************************************************************\
    $content form
\************************************************************************************/

#content_form p span:first-of-type {
    font-weight: bold;
}

/*********************************************************************************************************************  $certified iframe
\*********************************************************************************************************************/

.certified-title {
    padding-top: 40px;
    width: 100%;
    background-color: #004877;
    text-align: center;
}

.certified-title h1 {
    /*text-transform: uppercase;*/
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.certified-title h1:first-letter {
    text-transform: uppercase;
}

#partenaire_liste {
    max-width: 100%;
    width: 100%;
}

.certified-form-wrapper #form_partenaire {
    background: cyan;
}

.certified-form-wrapper #form_partenaire label {
    display: none;
}

.certified-form-wrapper h1 {
    text-align: left;
    color: #fff !important;
    text-transform: lowercase;
    margin-left: 0;
}

.certified-form-wrapper h1:first-letter {
    text-transform: uppercase;
}

.certified-banner {
    background: transparent url("../images/certified_operators_banner.jpg") right center no-repeat;
    background-size: cover;
}

.certified-banner.banner-3 .table a:last-child {
    margin-left: 2%;
    background-color: #004877;
}

/*********************************************************************************************************************  $select chosen
\*********************************************************************************************************************/

.select2 {
    cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: inherit;
    border-style: none;
    border-width: inherit;
    height: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 13px;
    position: absolute;
    top: 12px;
    right: 1px;
    width: 36px;
    background: transparent url(../images/icon-arrow-list-bottom.png) no-repeat right center;
}

.select2-container--default .select2-search--inline .select2-search__field div {
    color: #fff;
}

.select2-container--default .select2-search--inline .select2-search__field div {
    color: #fff;
}

::-webkit-input-placeholder {
    color: #fff;
}

.select2-container--default .select2-selection--multiple {
    position: relative;
}

.select2-container--default .select2-selection--multiple:after {
    position: absolute;
    content: '';
    background: transparent url(../images/icon-arrow-list-bottom.png) no-repeat right center;
    width: 36px;
    height: 13px;
    right: 1px;
    top: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
    left: 0;
    right: inherit;
    color: #fff;
    opacity: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
    color: white;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #004877;
    margin-top: 0;
    font-size: 11px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #fff;
}

.search-product-block .select2-container {
    width: 47.1% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #fff;
    line-height: 36px;
    font-size: 14px;
    font-size: 1.4rem;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    height: 42px;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    line-height: 25px;
    margin-top: 5px;
}

.search-spec-block .select2-container {
    width: 100%;
}

/*********************************************************************************************************************  $results
\*********************************************************************************************************************/

.results {
    overflow: auto;
    background-color: #004877;
    padding-top: 40px;
}

.results .container {
    padding-left: 1.2%;
    padding-right: 1.2%;
}

.results h3 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.list-thumb-style li {
    margin-bottom: 40px;
}

.list-thumb-style .list-thumb {
    display: inline-block;
    width: 13.15789473684211%;
}

.list-thumb-style .list-thumb + div {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    margin-left: 3.5%;
}

.list-thumb-style .list-thumb + div a {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: inherit;
    width: auto;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
}

.list-thumb-style .list-title {
    margin-bottom: 15px;
    margin-top: -3px;
}

.list-2 {
    list-style-type: disc;
    padding-left: 2%;
}

.list-2 li,
.list-2 li a,
.list-2 li p {
    line-height: 20px;
    list-style-type: disc;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #004877;
    text-decoration: none;
    font-size: 1.4rem;
}

.new-feature {
    position: relative;
}

/*span.newfile {*/

/*width:30px;*/

/*height:30px;*/

/*background-color: #fd4a24;*/

/*color: #fff;*/

/*border-radius:100%;*/

/*display: inline-block;*/

/*}*/

.new-feature a,
.head-label.new-feature a {
    position: relative;
}

.new-feature a:after,
.head-label.new-feature:after {
    content: '';
    position: absolute;
    right: -38px;

    /*top: -10px;*/
    margin-top: -10px;
    height: 35px;
    width: 32px;
    z-index: 10;
}

.new-feature.new-feature-emea a:after,
.head-label.new-feature-emea:after,
.new-feature.new-feature-apac a:after,
.head-label.new-feature-apac:after,
.new-feature.new-feature-americas a:after,
.head-label.new-feature-americas:after
{
    background: transparent url(../images/pastille-new.png) center center no-repeat;
}

.new-feature.new-feature-fr a:after,
.head-label.new-feature-fr:after {
    background: transparent url(../images/pastille-new-fr.png) center center no-repeat;
}

.new-feature.new-feature-de a:after,
.head-label.new-feature-de:after {
    background: transparent url(../images/pastille-new-deu.png) center center no-repeat;
}

.menu-product {
    background: #fff;
    z-index: 1000;
    text-align: center;
    top: 50px !important;
}

.menu-product ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
}

.menu-product .contact {
    display: none;
}

.contact_us .table {
    color: #004877;

    /*padding-top: 40px;*/
    /*padding-bottom: 40px;*/
}

.contact_us .editor-text p {
    margin-bottom: 10px;
}

.contact_us .editor-text p:first-of-type {
    margin-bottom: 15px;
}

.contact_us .editor-text p:last-of-type {
    line-height: 2.1rem !important;
}

.contact_us .table p span,
.contact_us .table p a,
.contact_us .table h1 {
    color: #004877 !important;
}

.contact_us .table p span,
.contact_us .table > div div.editor-text p a {
    font-size: 1.4rem !important;
    color: #004877 !important;
}

.menu-product.fixed {
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all .5s;
    text-align: right;
    position: fixed;
    left: 0;
    right: 0;
    top: 80px !important;
    z-index: 50;
    -webkit-box-shadow: 0px 28px 7px -30px #333333;
    box-shadow: 0px 28px 7px -30px #333333;
    background-color: rgba(255, 255, 255, 0.95);
}

.menu-product.fixed li {
    position: relative;

    /* padding-left: 100%; */
    width: auto;
    display: inline-block;

    /* padding-right: 100%; */
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.menu-product.fixed li.ref-link-product:before {
    display: none !important;
}

.menu-product.fixed li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
}

.menu-product.fixed li:before {
    height: 26px;
    width: 1px;
    background-color: #666;
    top: 50%;
    margin-top: -13px;
}

.menu-product.fixed li.contact {
    width: 12%;
    display: inline-block;
}

.menu-product.fixed li.contact a {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fd4a24;
    color: #fff;
    width: 100%;
}

menu-product.fixed li.contact:before,
menu-product.fixed li.ref-link-product:before {
    display: none !important;
}

menu-product.fixed li.ref-link-product:before {
    display: none !important;
    height: 0 !important;
}

.menu-product .go-to-section {
    cursor: pointer;
}

.menu-product li {
    vertical-align: middle;
    margin-left: 0;
    margin-right: 0;

    /* width: 13%; */
    display: inline-block;
}

.menu-product li a {
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 3%;
    padding-right: 3%;
    text-align: center;
}

.menu-product li a:hover {
    color: #767676;
}

.menu-product #menu-product-trigger {
    background: transparent url(../images/arrow-bottom-menu-product.png) 90% center no-repeat;
    background-size: 25px 25px;
    width: 100%;
    height: auto;
    display: none;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    position: relative;
}

.menu-product #menu-product-trigger span {
    position: absolute;
    left: 5%;
    font-size: 1.4rem;
    color: #4c4c4e;
    font-family: ITCAvantGardeStdDemi;
    font-weight: 100;

    /*top: 25%;*/
    top: 33%;
    text-transform: uppercase;
}

/*******************************************************************************************************************  $section-wrapper
\*******************************************************************************************************************/

.section-wrapper,
.certified-form-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
}

.section-wrapper.section-theme-1,
.section-theme-1.certified-form-wrapper,
.section-wrapper .section-theme-1,
.certified-form-wrapper .section-theme-1 {
    background-color: #f3f2f2;
}

.section-wrapper.section-theme-2,
.section-theme-2.certified-form-wrapper,
.section-wrapper .section-theme-2,
.certified-form-wrapper .section-theme-2 {
    background-color: #fff;
}

.section-wrapper.section-theme-3,
.section-theme-3.certified-form-wrapper,
.section-wrapper .section-theme-3,
.certified-form-wrapper .section-theme-3 {
    background: #f2f2f2;
}

.section-wrapper.section-theme-5 input,
.section-wrapper.section-theme-5 textarea,
.section-wrapper.section-theme-5 select,
.section-wrapper.section-theme-5 .custom-select,
.section-wrapper.section-theme-5 .custom-input,
.section-wrapper.section-theme-5 legend {
    color: #004877 !important;
    border-color: #767676;
}

.form_technical-wrapper textarea {
    height: 206px !important;
}

.section-wrapper.section-theme-6 input,
.section-wrapper.section-theme-6 textarea,
.section-wrapper.section-theme-6 select,
.section-wrapper.section-theme-6 .custom-select,
.section-wrapper.section-theme-6 .custom-input {
    color: #767676 !important;
    border-color: #004877;
    background-color: #fff;
}

.section-wrapper.section-theme-6 legend {
    color: #004877;
}

.section-wrapper.section-theme-5,
.section-wrapper.section-theme-5 option,
.section-wrapper.section-theme-5 fieldset > div.captcha-zone {
    background-color: #f2f2f2;
}

.section-wrapper.section-theme-6,
.section-wrapper.section-theme-6 option,
.section-wrapper.section-theme-6 fieldset > div.captcha-zone {
    background-color: #e8ebf4;
}

.section-wrapper.section-theme-5 ::-webkit-input-placeholder,
.section-wrapper.section-theme-5 .form fieldset .indication,
.section-wrapper.section-theme-5 .captcha a,
.section-wrapper.section-theme-5 .details_captcha,
.section-wrapper.section-theme-5 .require {
    color: #004877 !important;
}

.section-wrapper.section-theme-6 ::-webkit-input-placeholder,
.section-wrapper.section-theme-6 .form fieldset .indication,
.section-wrapper.section-theme-6 .captcha a,
.section-wrapper.section-theme-6 .details_captcha,
.section-wrapper.section-theme-6 span.require,
.form fieldset span.require {
    color: #767676 !important;
}

.section-wrapper.section-theme-6 span.require,
.form fieldset span.require {
    color: #004877 !important;
}

.section-wrapper.section-theme-5 .submit-button {
    background-color: #004877 !important;
    color: #fff !important;
    cursor: pointer;
}

.section-wrapper.section-theme-5 .custom-select {
    background: transparent url("../images/icon-arrow-list-bottom-grey.png") right center no-repeat;
}

.section-wrapper.section-theme-3 .highlight > div > div > div:nth-of-type(3) span {
    font-size: 2rem;
    margin-bottom: 5px;
}

.section-wrapper.section-theme-3 .highlight > div > div > div:nth-of-type(3) a {
    background-color: #fd4a24;
    padding-top: 14px;
    padding-bottom: 14px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    text-align: center;
    border: none;
    color: #ffffff;
    padding-left: 5%;
    padding-right: 5%;
}

.section-wrapper.section-theme-4,
.certified-form-wrapper,
.section-wrapper .section-theme-4,
.certified-form-wrapper .section-theme-4,
.section-wrapper .certified-form-wrapper,
.certified-form-wrapper .certified-form-wrapper {
    background: #004877;
}

.section-wrapper.section-theme-4 h2,
.certified-form-wrapper h2,
.section-wrapper.section-theme-4 h1,
.certified-form-wrapper h1,
.section-wrapper .section-theme-4 h2,
.certified-form-wrapper .section-theme-4 h2,
.section-wrapper .certified-form-wrapper h2,
.certified-form-wrapper .certified-form-wrapper h2,
.section-wrapper .section-theme-4 h1,
.certified-form-wrapper .section-theme-4 h1,
.section-wrapper .certified-form-wrapper h1,
.certified-form-wrapper .certified-form-wrapper h1 {
    color: #fff;
}

.section-wrapper > div,
.certified-form-wrapper > div {
    text-align: center;
}

.section-wrapper h2,
.certified-form-wrapper h2 {
    display: inline-block;
    margin-bottom: 20px;
    line-height: 34px;
    font-weight: 100;
}

.country-title {
    line-height: 40px !important;
}

/*********************************************************************************************************************  $customers stories section
\*********************************************************************************************************************/

.customers-stories {
    display: table;
    margin-bottom: 10px;
}

.customers-stories > div {
    display: table-row;
}

.customers-stories > div > div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    background-color: #004877;
}

.customers-stories > div > div.customer-img img {
    width: 100%;
    display: inherit;
}

.customers-stories > div > div.customer-desc {
    padding: 30px;
}

.customers-stories > div > div p {
    margin-bottom: 25px;
    text-align: left;
    line-height: 30px;
}

.customers-stories > div > div a {
    width: 42%;
    margin: auto;
    text-decoration: none;
}

.videos {
    margin-bottom: 10px;
}

.videos > div {
    width: 31.4%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2.5%;
}

.videos > div .video-thumb {
    position: relative;
    margin-bottom: 15px;
}

.videos > div .video-thumb a {
    position: relative;
    display: block;
    height: 100%;
}

.videos > div .video-thumb a:before {
    position: absolute;
    content: '';
    background: transparent url(../images/picto-play-medium.png) center center no-repeat;
    height: 125px;
    width: 125px;
    left: 50%;
    margin-left: -65px;
    top: 50%;
    margin-top: -65px;
}

.videos > div img {
    width: 100%;
}

.videos > div:nth-of-type(3n) {
    margin-right: 0;
}

.videos > div .video-desc {
    margin-bottom: 40px;
    display: block;
    text-decoration: none;
}

.related-products {
    width: 80%;
    margin-top: 20px;
    position: relative;
}

.related-products .swiper-slide {
    width: 260px;
    align-items: flex-start;
}

.related-products .related-item {
    display: block;
    width: 100%;
}

.related-products > .swiper-carousel,
.swiper-carousel-products {
    overflow: hidden;
    width: 100%;
    margin: auto;
    max-width: 1170px;
}

.swiper-carousel-products .related-products {
    overflow: hidden;
}

.swiper-carousel-products .swiper-container {
    height: auto;
}

.swiper-carousel-products .swiper-button-prev {
    left: 0;
    top: 50%;
    margin-top: -50px;
}

.swiper-carousel-products .swiper-button-next {
    right: 0;
    top: 50%;
    margin-top: -50px;
}

.swiper-carousel-products {
    position: relative;
}

/* .related-products > .swiper-carousel .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
} */

.related-products .related-title {
    color: #004877;
    text-transform: uppercase;
    margin-top: 16px;
    margin-bottom: 10px;
}

.related-products .related-thumb {
    line-height: 220px;
    height: 230px;
    background: #f8f8f8;
    border: 1px solid #cacac8;
    width: 100%;
    display: block;
    padding: 0px 20px 20px 20px;
}

.related-products .related-thumb + p {
    display: block;
}

.related-products .related-thumb + p a {
    color: #004877;
    text-decoration: none;
}

.related-products .related-thumb img {
    vertical-align: middle;
    display: inline;
    border: none;
}

.related-products-2 > .swiper-carousel .swiper-wrapper {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;

    /*justify-content: space-evenly;*/
    justify-content: center;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}

.related-products-2 .swiper-wrapper .related-item {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
}

.used-products {
    position: relative;
}

.used-products > .slider-carousel {
    overflow: hidden;
}

.used-products .related-title {
    color: #004877;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}

.used-products .related-thumb {
    width: 100%;
    display: block;
}

.used-products .related-thumb + p {
    display: block;
}

/*******************************************************************************************************************  $scroll-down
\*******************************************************************************************************************/

.scroll-down {
    margin-top: 15px;
    text-align: center;
}

.scroll-down > * {
    display: inline-block;
}

/*******************************************************************************************************************  $form component
\*******************************************************************************************************************/

.select-country {
    height: 50px;
}

.select-country option {
    color: white;
    background: #8fbdd5;
}

.custom-select,
.custom-input {
    -webkit-appearance: none;

    /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
    -moz-appearance: none;

    /*REMOVES DEFAULT FIREFOX STYLE*/
    border: 1px #fff solid;
    background-color: transparent;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    cursor: pointer;
    background: transparent url(../images/icon-arrow-list-bottom.png) no-repeat right center;
    background-size: 36px 13px;
}

.select-country {
    width: 360px;
}

.custom-select:focus,
.custom-input:focus {
    outline: none !important;
}

/*******************************************************************************************************************    $share footer
\*******************************************************************************************************************/

.share-footer {
    background-color: #8fbdd5;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.share-footer > div > div a {
    margin-left: 50px;
}

.share-footer > div > div a:first-of-type {
    margin-left: 0;
}

.share-footer > div > * {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.share-footer a {
    display: inline-block;
}

.select-style {
    width: 120px;
    border-radius: 0;
    overflow: hidden;
    background: transparent url("../images/icon-arrow-list-bottom.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select-style select:focus {
    outline: none;
}

/*******************************************************************************************************************    $feature block
\*******************************************************************************************************************/

.feature-block-full {
  background-color:#F8F8F8;
}

.feature-block {
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-around;
}

.feature-block.associated-block .feature-item {
    padding-top: 20px;
    border: 1px solid #cacac8;
}

.feature-block.associated-block .feature-item .feature-desc {
    left: -1px;
    right: -1px;
}

.feature-block .feature-item {
    height: 250px;
    background: #dbdbdb;
    vertical-align: middle;
    width: 30.7%;
    position: relative;
    display: inline-block;

    /* margin-left: 2.5%; */
    margin-left: 0;
    margin-right: 0;
}

.feature-block .feature-item {
    height: 250px;
    background: #dbdbdb;
    vertical-align: middle;
    width: 30.7%;
    position: relative;
    display: inline-block;

    /* margin-left: 2.5%; */
    margin-left: 0;
    margin-right: 0;
}

.feature-block .feature-item img {
    width: 100% !important;
}

.feature-block .feature-item img {
    transition: all .3s;
}

.feature-block .feature-item:hover img {
    opacity: 0.7;
}

.feature-block .feature-item > .feature-desc {
    position: absolute;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    background: rgba(0, 80, 123, 0.8) url(../images/arrow-more-right.png) 95% center no-repeat;
    text-align: left;
    min-height: 74px;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.feature-block .feature-item > .feature-desc a {
    display: block;
    text-decoration: none;
    color: #fff;
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 36px;
}

.feature-block .feature-item > .feature-desc .feature-desc-btn-desc {
    display: block;
}

.feature-block .feature-item > .feature-desc .feature-desc-btn-desc.has-pdf {
    padding-top: 5px;
    padding-bottom: 5px;
}

.feature-block .feature-item > .feature-desc .button-theme-2 {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    width: 62%;
}

/*******************************************************************************************************************
  $video-group
\*******************************************************************************************************************/

.video-group {
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-pack: justify;
    justify-content: space-evenly;
}

.video-group .video-group-item {
    /* margin-left: 1.7%; */
    vertical-align: top;
    width: 46.7%;
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
}

.video-group .video-group-item .is-video-item {
    display: block;
    height: 100%;
    position: relative;

    /* background: red; */
}

.video-group .video-group-item .is-video-item:after {
    position: absolute;
    content: "";
    background: transparent url("../images/picto-play.png") center center no-repeat;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0;

    /* background-color: rgba(0,0,0,0.1); */
}

.is-video-item:after {
    position: absolute;
    content: "";
    background: transparent url("../images/picto-play.png") center center no-repeat;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0;

    /* background-color: rgba(0,0,0,0.1); */
}

.is-video-item {
    position: relative;
}

.is-video-item:after {
    position: absolute;
    content: "";
    background: transparent url("../images/picto-play.png") center center no-repeat;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0;

    /* background-color: rgba(0,0,0,0.1); */
}

/* supression de first-of-type et remplacé par .is-content */
.video-group .video-group-item.is-content {
    position: relative;

    /* margin-left: 1.4%; */
}

.video-group .video-group-item.is-content img {
    background: transparent url(../images/news-thumb-4.jpg) 0 0 no-repeat;
    background-size: contain;
}

.video-group .video-group-item.is-content .group-item-desc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

/*.video-group .video-group-item:first-of-type .group-item-desc > div {*/

/* min-height: 200px; */

/*}*/

/*.video-group .video-group-item:first-of-type .group-item-desc a {
    margin-top: 0;
    height: 100%;
    background: transparent;
}*/

.video-group .video-group-item.is-content .group-item-desc a {
    margin-top: 0;
    height: 100%;
    background: transparent;
    display: block;
}

/*******************************************************************************************************************    $big footer
\*******************************************************************************************************************/

.big-footer {
    padding-top: 38px;
    padding-bottom: 38px;
    background-color: #e8ebf2;
}

.big-footer div .w-25 ul li a {
    font-size: 1.1rem !important;
    color: #9b9b99 !important;

    /* font-family: ITCAvantGardeStdMd !important; */
    /* font-weight: 400 !important; */
    /* text-transform: capitalize !important; */
    letter-spacing: 1.3px;
}

.big-footer div .w-25 ul li a:first-letter {
    text-transform: uppercase !important;
}

.big-footer h4 {
    padding-bottom: 11px;
    border-bottom: 1px solid #9b9b99;
    margin-bottom: 10px;
    letter-spacing: 1.7px;
}

.big-footer > div {
    text-align: left;
}

.big-footer > div ul {
    margin-bottom: 20px;
    list-style: none;

    /* margin-top: 6px; */
    padding-top: 3px;
}

.big-footer > div ul li {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 3px;
}

.big-footer > div ul li a {
    color: #004877;
    text-decoration: none;

    /* text-transform: uppercase; */
}

.big-footer > div ul .footer-title {
    color: #004877;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.big-footer > div ul .footer-title + ul li a {
    font-size: 1.1rem !important;
    color: #9b9b99 !important;
    font-family: ITCAvantGardeStdMd !important;
    font-weight: 100 !important;

    /* text-transform: capitalize !important; */
    /* letter-spacing: 52.7px; */
}

.big-footer > div > div {
    display: inline-block;
    vertical-align: top;
}

.big-footer > div > div.w-50 {
    padding-left: 1%;
    padding-right: 1%;
    width: 49.8%;
}

.big-footer > div > div.w-50 > ul {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
}

.big-footer > div > div.w-50.ul-1 {
    width: 45%;
}

.big-footer > div > div.w-50.ul-1 > ul {
    width: 55%;
}

.big-footer > div > div.w-50.ul-2 {
    width: 54%;
}

.big-footer > div > div.w-50.ul-2 > ul:first-of-type {
    width: 45%;
}

.big-footer > div > div.w-50.ul-2 > ul:nth-of-type(2) {
    width: 25%;
    margin-left: 3%;
}

.big-footer > div > div.w-50.ul-2 > ul:nth-of-type(3) {
    width: 25%;
    margin-left: 2%;
}

.big-footer > div > div.w-50.ul-1 > ul:nth-of-type(2) {
    width: 45%;
}

.big-footer > div > div.w-25 {
    padding-left: 1%;
    padding-right: 1%;
    width: 19%;
    margin-top: -15px;
}

.big-footer > div > div.w-25.w-8,
.big-footer > div > div.w-25.w-9,
.big-footer > div > div.w-25.w-5 {
    width: 17.4%;
}

.big-footer > div > div.w-25.w-8 {
    padding-left: 0.9%;
}

.big-footer > div > div.w-25.w-9 {
    margin-right: 0 !important;
}

.big-footer > div > .w-25.w-7 > h4 {
    display: none;
}

.big-footer > div > .w-25.w-7 {
    width: 100%;
}

.big-footer > div > .w-25.w-7 > ul {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.1%;
    width: 53.8%;
}

.big-footer > div > .w-25.w-7 > ul:nth-of-type(2) {
    margin-right: 0;
    width: 44.8%;
}

.big-footer > div > .w-25.w-7 > ul:first-of-type li {
    padding-right: 5%;
}

.big-footer > div > .w-25.w-7 > ul > li {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
}

.big-footer > div > .w-25.w-7 .footer-title,
.big-footer h4 {
    padding-bottom: 9px;
    border-bottom: 1px solid #9b9b99;
    margin-bottom: 10px;
    letter-spacing: 1.7px;
    text-transform: uppercase !important;
    font-size: 1.6rem !important;
    color: #4c4c4e !important;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
    display: block;
}

.big-footer > div > div.w-25:nth-of-type(2n) {
    margin-right: 0.5%;
    padding-right: 0;
}

/*********************************************************************************************************************  $list succes stories
\*********************************************************************************************************************/

.list-items.success-list-item .item {
    text-align: initial;
}

.list-items .list-thumb,
.list-items .list-content {
    display: inline-block;
    vertical-align: top;
}

.list-items .list-thumb {
    width: 20%;
    max-width: 153px;
}

.list-items .item {
    margin-bottom: 40px;
}

.list-items .item a {
    margin-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.list-btn.pdf-btn {
    background-color: #fd4a24 !important;
}

.list-items .list-content {
    width: 78%;
    margin-left: 2%;
    text-align: left;
}

.list-items .list-content-title {
    display: block;
    margin-bottom: 10px;
    font-size: 2rem;
    color: #004976;
}

.learn_more_span {
    text-transform: initial;
    text-transform: uppercase;
}

.learn_more_span:first-letter {
    text-transform: uppercase;
}

/*********************************************************************************************************************
  $pagination
\*********************************************************************************************************************/

.list-pagination {
    margin-bottom: 30px;
    text-align: center;
}

.list-pagination li {
    display: inline-block;
    width: auto;
    border-right: 1px solid #767676;
}

.list-pagination li:last-child {
    border-right: none;
}

.list-pagination li a,
.list-pagination li span {
    display: block;
    padding-right: 7px;
    padding-left: 7px;
    position: relative;
    font-size: 1.6rem;
    color: #004877;
}

.list-pagination li a:after,
.list-pagination li span:after {
    /* position: absolute; */
    /* content: "|"; */
    right: -4px;
    top: -1px;
}

.list-pagination li a {
    text-decoration: underline;
}

/*********************************************************************************************************************  $cust story
\*********************************************************************************************************************/

.story-share div {
    margin-top: 0px;
}

.story-share p {
    text-transform: uppercase;
}

.story-share p span {
    font-family: ITCAvantGardeStdDemi;
}

.story-share a.button-theme-2 {
    width: auto;
    display: inline-block;
    margin-right: 1.7%;
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 1%;
    padding-right: 1%;
}

.story-share .button-theme-1 {
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 1.7%;
    padding-left: 2%;
    padding-top: 9px;
    padding-bottom: 9px;
    width: auto;
    display: inline-block;
    border: 1px solid #fff;
}

.story-share .button-theme-1 a,
.story-share .button-theme-1 span {
    display: inline-block;
    vertical-align: middle;
}

.story-share .button-theme-1 span {
    margin-right: 10px;
}

.story-share .button-theme-1 a {
    display: inline-block;
}

.story-share .button-theme-1 a.fb {
    background: transparent url(../images/icon-fb-story.png) center center no-repeat;
    height: 22px;
    width: 35px;
    border-right: 1px solid white;
}

.story-share .button-theme-1 a.twitt {
    background: transparent url(../images/icon-share-twitt-story.png) center center no-repeat;
    height: 22px;
    width: 40px;
}

.story-share .button-theme-1 a.linkedin {
    background: transparent url(../images/icon-share-linkedin-story.png) center center no-repeat;
    height: 22px;
    width: 44px;
    border-right: 1px solid white;
}

/*********************************************************************************************************************
    $training  classes
\*********************************************************************************************************************/

.classe-intro {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #f2f2f2;
}

.classe-intro a {
    color: #003888;
    font-size: 1.4rem;
}

.classe-intro h1 {
    font-family: ITCAvantGardeStdBk;
    text-transform: inherit;
    color: #4c4c4e;
    letter-spacing: -0.4px;
    font-size: 3.4rem;
    font-weight: normal;
    margin-bottom: 0;
}

.classe-intro h6 {
    font-family: ITCAvantGardeStdDemi;
    text-transform: inherit;
    color: #0b3658;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 30px;
}

.classe-intro p {
    font-family: ITCAvantGardeStdBk;
    text-transform: inherit;
    color: #333434;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2.2rem;
}

.classe-intro .table {
    max-width: 1170px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1%;
    padding-right: 1%;
    display: table;
}

.banner-3.banner-classe {
    background: #f2f2f2 url(../images/certified-operators-banner.jpg) center center no-repeat;
    background-size: cover;
}

.classe-intro .table > div {
    width: 49%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    vertical-align: top;
}

.classe-intro .table > div:first-of-type {
    padding-right: 4%;
}

.banner-classe .banner-button-box {
    margin-top: 0;
}

.banner-classe .banner-button-box a {
    background-color: #fd4a24 !important;
    margin-top: 20px;
}

.banner-classe .banner-title {
    margin-bottom: 10px;
}

.classe-content {
    max-width: 1170px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-family: ITCAvantGardeStdBk;
    font-size: 1.6rem;
    color: #4c4c4e;
}

.classPage .banner-button-box {
    margin-bottom: 70px;
    margin-top: 50px;
    padding-left: 2%;
}

.classPage .banner-button-box a {
    min-width: 18%;

    /* display: flex; */
    white-space: nowrap;
}

.banner-button-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.classPage .section-theme-4 {
    background: #f2f2f2;
}

.section-theme-4 option {
    background: #f2f2f2;
}

.classPage ::-webkit-input-placeholder {
    color: #767676 !important;
    border-color: #767676;
}

.classPage legend,
.classPage textarea,
.classPage .custom-input,
.classPage .custom-select,
.classPage .form fieldset .indication,
.classPage .captcha a,
.classPage .details_captcha,
.classPage .require {
    color: #767676;
    border-color: #767676;
}

.classPage .custom-select {
    background: transparent url(../images/icon-arrow-list-bottom-grey.png) right center no-repeat;
}

.classe-content h3 {
    font-size: 3.4rem;
    font-family: ITCAvantGardeStdBk;
    color: #1d4761;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 20px;
}

.classe-content h3 + span {
    font-size: 3.4rem;
    font-family: ITCAvantGardeStdBk;
    color: #4c4c4e;
    font-weight: 100;
    margin-bottom: 50px;
    display: inline-block;
}

.classe-content .classes-important {
    font-size: 1.6rem;
    font-family: ITCAvantGardeStdDemi;
    color: #fd4a24;
    font-weight: 100;
    margin-bottom: 20px;
}

.classes-subtitle {
    font-size: 1.6rem;
    font-family: ITCAvantGardeStdBk;
    color: #1d4761;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: bold;
    display: block;
}

.classes-list-arrow {
    margin-bottom: 20px;
}

.classes-list-arrow > li:before {
    content: '';
    position: absolute;
    background: transparent url(../images/arrow-list-product.png) center center no-repeat;
    height: 13px;
    width: 9px;
    left: 1px;
    top: 10px;
    margin-top: -7px;
}

.classes-list-arrow > li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 1.6rem;
}

.classes-separation {
    color: #cacac8;
    background-color: #cacac8;
    border-color: none;
    height: 1px;
    border-top: 0;
    margin-bottom: 20px;
}

.classes-desc a {
    color: #1d4761;
    text-decoration: underline;
}

.banner-classe .banner-button-box a:nth-of-type(2) {
    background-color: #004877 !important;
}

.banner-classe .table div a {
    width: 25%;
    margin-top: 20px;
}

#profile_col {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

#text_content_profile a {
    color: #fd4a24;
}

#content_profile {
    font-size: 16px;
    font-size: 1.6rem;
    color: #767676;
    font-family: ITCAvantGardeStdBk;
    font-weight: 100;
    line-height: 3rem;
}

.section-wrapper .classes-list h1,
.certified-form-wrapper .classes-list h1 {
    text-align: left;
    margin-bottom: 30px;
}

.section-wrapper .classes-list > div,
.certified-form-wrapper .classes-list > div {
    text-align: left;
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.section-wrapper .classes-list > div:first-of-type,
.certified-form-wrapper .classes-list > div:first-of-type {
    padding-right: 2%;
}

.section-wrapper .classes-list .title,
.certified-form-wrapper .classes-list .title {
    text-align: left;
    margin-bottom: 8px;
    margin-top: 20px;
}

.section-wrapper .classes-list .link,
.certified-form-wrapper .classes-list .link {
    text-decoration: none;
}

/*********************************************************************************************************************
  $tabs
\*********************************************************************************************************************/

ul.tabs {
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

/* Float the list items side by side */

ul.tabs li {
    display: block;
    width: 33.2%;
    float: left;
    cursor: pointer;
    margin-left: 0.1%;
}

/* Style the links inside the list items */

ul.tabs li a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #c7d7e1;
    min-height: 48px;
    vertical-align: baseline;
}

ul.tabs li.no-class a {
    cursor: default !important;
}

ul.tabs li.has-class:hover a {
    background-color: #7fa3bb;
}

ul.tabs li.has-class.current:hover a {
    background-color: #004877;
}

ul.tabs .current a {
    background-color: #004877;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: block;
}

/* Style the tab content */

.tabcontent {
    padding: 0;
}

/*********************************************************************************************************************  $classes table
\*********************************************************************************************************************/

.gallery .gallery-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.video-gallery {
    padding-top: 20px;
    padding-bottom: 20px;
}

.photo-video-gallery,
.news-gallery,
.gallery {
    padding-top: 0;
}

.photo-video-gallery h2,
.news-gallery h2,
.gallery h2 {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.photo-video-gallery .tab-content > div,
.news-gallery .tab-content > div,
.gallery .tab-content > div {
    text-align: left;
}

.photo-video-gallery .gallery-item,
.news-gallery .gallery-item,
.gallery .gallery-item {
    vertical-align: top;
    text-align: center;
    width: 22.47%;
    margin-left: 1.10%;
    margin-right: 1.10%;
    display: inline-block;
    margin-bottom: 80px;
}

.gallery .gallery-item {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 26%;

    /* padding-left: 5%; */
    /* padding-right: 5%; */
}

.gallery .thumb-gallery {
    padding: 0 !important;
}

.photo-video-gallery .gallery-item .thumb-gallery,
.news-gallery .gallery-item .thumb-gallery,
.gallery .gallery-item .thumb-gallery {
    padding: 0 5px;
    height: 205px;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #999;
    vertical-align: middle;
}

.photo-video-gallery .gallery-item .thumb-gallery a,
.news-gallery .gallery-item .thumb-gallery a,
.gallery .gallery-item .thumb-gallery a {
    /* height: 100%; */
    display: block;
    line-height: 205px;
}

.photo-video-gallery .gallery-item .thumb-gallery a img,
.news-gallery .gallery-item .thumb-gallery a img,
.gallery .gallery-item .thumb-gallery a img {
    vertical-align: middle;
}

.photo-video-gallery .gallery-item .thumb-gallery .main_album_pic,
.news-gallery .gallery-item .thumb-gallery .main_album_pic,
.gallery .gallery-item .thumb-gallery .main_album_pic {
    max-height: 176px;
}

.photo-video-gallery .gallery-item .gallery-tilte-item,
.news-gallery .gallery-item .gallery-tilte-item,
.gallery .gallery-item .gallery-tilte-item {
    margin-top: 20px;
    height: 30px;
    text-decoration: none;
    display: block;
}

.photo-video-gallery .tabs,
.news-gallery .tabs {
    margin-bottom: 0;
}

.photo-video-gallery .form-gallery,
.news-gallery .form-gallery {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #004877;
}

.photo-video-gallery .form-gallery select,
.news-gallery .form-gallery select {
    width: 60%;
}

.news-gallery .list-pagination,
.gallery .list-pagination {
    margin-top: 50px;
}

/*********************************************************************************************************************  $classes table
\*********************************************************************************************************************/

.section-wrapper .classes-table table,
.certified-form-wrapper .classes-table table {
    width: 100%;
    border-spacing: 1px;
}

.section-wrapper .classes-table table tr td,
.certified-form-wrapper .classes-table table tr td {
    background-color: #f8f8f8;
    height: 55px;
    padding-left: 10px;
    text-align: left;
    padding: 12px;
}

.section-wrapper .classes-table table tr td:nth-child(2) a,
.certified-form-wrapper .classes-table table tr td:nth-child(2) a {
    text-align: left;
    color: #004976;
}

.section-wrapper .classes-table table tr td:nth-child(2) a:hover,
.certified-form-wrapper .classes-table table tr td:nth-child(2) a:hover {
    text-decoration: underline;
}

.section-wrapper .classes-table table tr td:last-child,
.certified-form-wrapper .classes-table table tr td:last-child {
    text-align: center;
    width: 12%;
    padding-left: 0;
}

.section-wrapper .classes-table table tr td:last-child a,
.certified-form-wrapper .classes-table table tr td:last-child a {
    width: 80%;
}

.section-wrapper .classes-table table tr:nth-child(2n) td,
.certified-form-wrapper .classes-table table tr:nth-child(2n) td {
    background-color: #d9e6ee;
}

.section-wrapper .classes-table th,
.certified-form-wrapper .classes-table th {
    background-color: #7b7b7b;
    height: 55px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
}

.section-wrapper .classes-table th:last-child,
.certified-form-wrapper .classes-table th:last-child {
    padding-left: 0;
    text-align: center;
}

.section-wrapper .classes-table table tr td:last-child a.switchForm {
    background-color: #fd4a24;
}

/*********************************************************************************************************************  $form
\*********************************************************************************************************************/

.submit-button {
    width: 35%;
    margin: auto;
    display: block;
    margin-bottom: 40px;
    margin-top: 20px;
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    border: none;
}

.section-wrapper.section-theme-5 .submit-button.negatif,
.submit-button.negatif {
    color: #004877 !important;
    background-color: #fff !important;
    border: 1px solid #004877;
    font-size: 1.6rem;
}

.confirmation-form .submit-button {
    font-size: 1.6rem;
}

.section-wrapper.section-theme-5 .submit-button.negatif {
    margin-bottom: 0;
}

#address {
    height: 151px;
}

#message {
    height: 151px;
}

#sales_inquiries legend + p,
#form_technical legend + p,
.label-product {
    font-size: 1.4rem;
    margin-bottom: 28px;
    color: #004877;
}

/* #sales_inquiries textarea {
    margin-top: -40px;
} */

/*#form_technical #message {
    margin-top: 50px;
    margin-bottom: 30px;
}*/

.label-product {
    line-height: 15px;
}

#sn_wrapper {
    position: relative;
    width: 100%;
}

#sn_wrapper p {
    position: relative;
}

.product-registration-wrapper {
    position: relative;
    width: 57%;
}

.form fieldset p.registration-input-wrapper {
    width: 85% !important;
}

.button-add-product {
    font-size: 1.5rem;
    color: #004877;
    background: transparent;
    border: none;
    display: inline-block;
    position: relative;
    height: 100%;
    cursor: pointer;
}

#prod_registration .label-product {
    font-size: 1.3rem;
    margin-bottom: 5px;
    font-weight: bold;
}

#prod_registration .label-product.label-checkbox {
    line-height: 1.4rem;
    padding-left: 5px;
}

.registration_label {
    display: block;
    text-align: left;
    margin-bottom: 20px;
}

.checkbox-wrapper {
    /* width: 100%!important; */
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.button-add-product:focus,
.button-add-product:active,
.button-remove-product:focus,
.button-remove-product:active {
    outline: none;
}

.button-add-product:before {
    /*position: absolute;*/
    content: "+";
    padding: 0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    width: 38px;
    font-size: 3.5rem;
    color: #004877;
    font-weight: 100;
    font-family: 'ITCAvantGardeStdBk', sans-serif;
    vertical-align: middle;
    line-height: 32px;

    /*border: 1px solid #004877;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: -59px;
    top: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.form fieldset p.registration-add-input-wrapper {
    width: 7% !important;
}

.form_technical-wrapper {
    position: relative;
}

.form_technical-wrapper .registration-input {
    left: 50%;
    margin-left: 0px;
    bottom: -30px;
}

.button-remove-product {
    padding: 0;
    background: #fff;
    height: 38px;
    width: 38px;
    font-size: 3rem;
    color: #004877;
    font-weight: 100;
    font-family: 'ITCAvantGardeStdBk', sans-serif;
    line-height: 13px;
    border: 1px solid #004877;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_technical-wrapper .button-remove-product {
    margin-bottom: 40px;
}

.registration-input {
    width: 100%;
}

.form {
    padding-left: 1%;
    padding-right: 1%;
}

.form .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.form .inputfile-6 + label strong {
    display: inline-block;
}

.form .inputfile-6 + label {
    width: 49%;
    padding: 0;
    background-color: transparent;
}

.form .inputfile:focus + label,
.form .inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.form .inputfile-6 + label span {
    width: 84.8%;
    background-color: transparent;
    color: #767676;
}

.control-checkbox .control_indicator:after {
    border-color: #767676;
}

.form .inputfile-6 + label strong {
    width: 16.1%;
    text-align: center;
    background-color: #fff;
    color: #004877;
}

.form .inputfile-6 + label {
    border-color: #767676;
    color: #767676;
}

.form .inputfile-6 + label strong {
    color: #767676;
    border-left: 1px solid #767676;
}

.form .inputfile-6 + label:hover {
    border-color: #767676;
    color: #767676;
}

.control_indicator {
    background: #f2f2f2;
    border-color: #767676;
}

.control {
    color: #767676;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #f2f2f2;
}

.form .error p {
    display: block;
    width: 100%;
    background-color: #ffcaba;
    color: #fd4a24;
    padding: 10px;
    margin-bottom: 25px;
    font-size: 12px;
    font-size: 1.2rem;
}

.form fieldset input,
.form fieldset select {
    margin-bottom: 18px;
}

.form .registration-input p {
    width: 100%;
    height: 100%;
}

.form fieldset p {
    display: inline-block;
    width: 47.7%;
    vertical-align: top;
    margin-right: 2%;
}

.form fieldset .require,
.form fieldset .indication {
    color: #fff;
    display: inline-block;
    margin-top: 5px;
}

/* .form fieldset > div {
    margin-bottom: 36px !important;
} */

#prod_registration.form fieldset > div {
    margin-bottom: 10px;
}

.form fieldset > div.confirmation {
    font-size: 2.4rem;
    text-align: center;
    color: #004877;
    width: 80%;
    margin: auto;
    line-height: 4rem;
    margin-top: 18px;
    margin-bottom: 40px;
}

.form fieldset > div.confirmation a {
    color: #004877;
    text-decoration: underline;
}

.form fieldset div.captcha-zone {
    background-color: #f2f2f2;
    padding: 45px 90px;
    margin-bottom: 0;
    margin-top: 40px;
}

.select_place {
    width: 38%;
    display: inline-block;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.select_place select {
    border-color: #000;
    color: #000;
    background: transparent url(../images/icon-arrow-list-bottom-black.png) no-repeat right center;
}

.select_place option {
    color: #000;
    background-color: transparent;
}

.coord_worldwide {
    /* background: #f8f8f8 url(../images/representant-bg.jpg) center center repeat-y; */
    background-color: #f2f2f2;
}

.content_coord_worldwide {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: block; */
    position: relative;

    /* padding-bottom: 20px; */
    /* text-align: center; */
}

.content_coord_worldwide + .section-theme-5 {
    padding-top: 80px;
}

.address_coord_representative {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 25px 100px;
    line-height: 20px;
    color: #004877;
    margin-top: -3px;
    text-align: left;
}

.address_coord {
    display: inline-block;
    width: 98.5%;
    vertical-align: top;
    padding: 25px 100px;
    line-height: 20px;
    text-align: center;
    color: #004877;
    margin-top: -3px;
    text-align: left;
    margin-top: 40px;
}

.address_coord > div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.address_coord > div > div {
    width: 33.3%;
    padding: 0 4%;
    margin-bottom: 30px;
}

.address_coord > div > div > span {
    display: block;
}

.address_coord h3,
.address_coord_representative h3 {
    /*     margin-top: 10px;
width: auto;*/
    display: inline;
}

.address_coord h3 + p {
    display: inline;
}

.map {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    vertical-align: top;
    padding: 0;
    line-height: 20px;
    text-align: center;
    color: #004877;
    margin-top: -3px;
    min-height: auto;
}

.map iframe {
    margin-top: 4px;
    min-height: 400px;
}

.address_coord a,
.address_coord_representative a {
    color: #004877;
}

.contact_coord h3 {
    text-transform: uppercase;

    /* font-weight: bold;*/
}

.contact_worldwide a {
    color: #fff;
    min-width: 260px;
    text-decoration: none;
    display: inline-block;
    margin-top: 36px;
}

.contact_coord h3 {
    margin-bottom: 10px;
}

.contact_coord h3.h_website {
    margin-top: 10px;
}

.contact_coord h3.h_website + p a {
    color: #004877;
    text-decoration: none;
}

.fax-block,
.tel-block {
    display: block;
    margin-top: 0;
}

.fax-block {
    margin-bottom: 20px;
}

fieldset {
    min-width: 0;
    border: none;
    text-align: left;
}

legend {
    margin-bottom: 15px;
    margin-top: 30px;
}

label {
    display: none;
}

label[for=inp_contact_captcha],
label[for=inp_support_captcha] {
    display: block;
}

.custom-input {
    background-image: none;
    font-family: arial;
}

.captcha img,
.captcha a {
    display: inline-block;
    vertical-align: middle;
}

.captcha a {
    color: #fff;
}

.details_captcha {
    color: #fff;
}

/*********************************************************************************************************************  $form
\*********************************************************************************************************************/

label.show-label {
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.country-title {
    padding: 20px 20px;
    background-color: darkgray;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.job-offer .country-title {
    background-color: #004976;
    color: white !important;
}

/*********************************************************************************************************************  $Events
\*********************************************************************************************************************/

.highlight {
    padding-left: 1%;
    padding-right: 1%;

    /* width: 100%; */
}

.highlight .small-in-context {
    font-size: 1.5rem !important;
}

.highlight.white-papers > div > div > .white-paper-desc {
    width: 70% !important;
}

.highlight.white-papers > div > div > .white-paper-desc a {
    color: #004877 !important;
    text-decoration: underline;
}

.highlight.white-papers div > div > .white-paper-desc {
    padding-bottom: 40px;
    padding-top: 40px;
    padding-right: 1.5%;
    padding-left: 1.5%;
    display: block;
}

.highlight.white-papers div > div > .white-paper-desc + div {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
    background-color: #e2e2e2;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.highlight > div {
    display: table;
    margin-bottom: 10px;
}

.highlight.white-papers > div,
.highlight.white-papers > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}

.highlight > div > div {
    display: table-row;
}

.highlight > div > div > div {
    display: table-cell;
    background-color: #004877;
    color: #fff;
    width: 30%;
    vertical-align: top;
    text-align: left;
}

.highlight > div > div > div h3 {
    margin-bottom: 30px;
}

.highlight > div > div > div h3 span {
    text-transform: uppercase;
    font-family: ITCAvantGardeStdDemi;
}

.highlight > div > div > div:nth-of-type(2) {
    padding-right: 1.5%;
    padding-left: 1.5%;
}

.highlight > div > div > div:nth-of-type(3) {
    text-align: center;
    background-color: #0e5d90;
}

.highlight > div > div > div:nth-of-type(3) span {
    margin-bottom: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
}

.highlight > div > div > div:nth-of-type(3) span.info {
    margin-bottom: 5px !important;
}

.highlight > div > div > div:nth-of-type(3) span.booth {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.highlight > div > div > div:nth-of-type(3) span:first-of-type {
    font-family: ITCAvantGardeStdDemi;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.highlight > div > div > .white-paper-desc + div,
.highlight > div > div > div:nth-of-type(2) {
    padding-top: 40px;
}

.highlight > div > div > div:first-of-type {
    width: 29.2%;
    vertical-align: middle;
}

.highlight.white-papers div > div > .white-paper-desc + div a {
    width: 75%;
    background-color: transparent;
    margin: 20px auto 20px auto;
    text-decoration: none;
}

.highlight img {
    display: block;
}

.list-events.container {
    max-width: 1024px;
}

.list-events .small {
    display: none;
}

.list-events .event-list-thumb {
    max-width: 152px;
    width: 150px;
    min-height: 130px;

    /* border: 1px solid #0e5d90; */
    line-height: 100px;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-events .event-list-thumb + a {
    display: none;
}

.list-events .event-list-thumb img {
    display: inline;
    vertical-align: middle;
}

.list-events h4 {
    font-family: ITCAvantGardeStdDemi;
    margin-bottom: 0;
    color: white;
    padding: 10px;
}

/************************************************************************************\
    $abproduct
\************************************************************************************/

.stock-cell {
    width: 5.5%;
}

.price-cell {
    width: 12%;
    text-align: right !important;
    padding-right: 5px;
}

.ab_product .contact-band {
    display: none;
}

.contact-band > div > div > div {
    width: 61%;
}

.contact-band > div > div > div a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.contact-band > div {
    display: table !important;
}

.contact-band > div > div > div:last-of-type {
    display: table-cell;
    width: 39%;
}

.ab_product .share-footer {
    margin-top: 50px;
}

.back_to_result {
    font-size: 14px;
    font-size: 1.6rem;
    color: #767676;
    font-family: ITCAvantGardeStdBk;

    /*font-weight: 100;*/
    color: #004877;
    text-align: left;
    cursor: pointer;
    line-height: 20px;
    position: absolute;
    top: 30px;
}

.content_coord_worldwide .back_to_result {
    top: 32px;
}

/************************************************************************************\
    $cookie
\************************************************************************************/

#cookie_warning {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    font-size: 1.2rem;
    text-align: center;
    z-index: 50;
}

#cookie_warning a {
    color: #fd4a24;
}

#cookie_warning_ok {
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
}

/*******************************************************************************************************************  $copyright
\*******************************************************************************************************************/

.copyright {
    background-color: #004877;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.copyright .legal-block {
    margin-right: 10px;
    float: right;
}

.copyright .legal-block a {
    text-decoration: none;
}

/*******************************************************************************************************************    $1190
\*******************************************************************************************************************/

@media screen and (max-width: 1190px) {
    .nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nav > li:nth-child(3) {
        position: relative;
    }

    .nav > li:nth-child(3) > div {
        width: 650px;
        top: 41px;
        left: inherit;
    }

    .nav > li:nth-child(3) > div {
        /* left: inherit; */
        right: 0;
    }
}

/* Présentation pouyr tablette */

@media screen and (max-width: 1154px) and (min-width: 950px) {
    .nav > li > a {
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 6px;
    }

    .trigger-block {
        width: 12%;
    }

    .navigation {
        width: 63%;
    }

    .nav > li {
        padding-left: 0;
        padding-right: 0;
    }

    .nav .has-sub-level:hover > .sub-menu-wrapper {
        width: 68% !important;
    }

    .nav > li:nth-child(3) > div {
        left: -100% !important;
    }

    .nav .has-sub-level .sub-menu {
        margin-top: -2px;
    }
}

/*******************************************************************************************************************    $950
\*******************************************************************************************************************/

@media screen and (max-width: 950px) {
    body {
        padding-top: 107px;
    }

    .menu-product li a {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .trigger-block {
        width: 16%;
    }

    .icon-world > div {
        width: 100%;
        position: fixed;
        top: 56px;
    }

    .icon-world > div > div {
        padding-top: 10px;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }

    .menu-product.fixed {
        top: 98px;
    }

    #search-pannel.fixed {
        top: 90px;
    }

    #search-pannel.fixed-menu {
        top: 130px;
    }

    .form .inputfile-6 + label strong {
        display: inline-block;
    }

    .form .inputfile-6 + label {
        max-width: 100%;
        width: 100%;
    }

    .address_coord,
    .contact_coord,
    .address_coord_representative {
        padding: 40px 10.5%;
    }

    /*********************************************************************************************************************
  $form
\*********************************************************************************************************************/
    .form fieldset p {
        width: 100%;
    }

    .form fieldset > div {
        margin-bottom: 0px;
    }

    .form fieldset > div textarea {
        margin-bottom: 10px;
    }

    .form fieldset > div p {
        margin-right: 0;
    }

    .form fieldset > div.captcha-zone {
        padding: 20px 4%;
    }

    .form fieldset .inp_contact_captcha {
        margin-bottom: 10px;
    }

    .research .select2-container {
        width: 100% !important;
    }

    .research .search-product-block select:first-of-type + .select2 {
        margin-right: 0;
        margin-bottom: 10px;
    }

    #form_technical textarea {
        margin-top: 30px;
    }

    .registration-input .form fieldset > div p:nth-of-type(1n),
    .registration-input .form fieldset > div p:nth-of-type(2n) {
        display: inline;
    }

    .registration-input .form fieldset > div p:nth-of-type(1n) {
        width: 90% !important;
    }

    .registration-input .form fieldset > div p:nth-of-type(2n) {
        margin-right: 0;
        float: right;
        width: 10% !important;
    }

    /*********************************************************************************************************************
  $Events
\*********************************************************************************************************************/
    .highlight {
        padding-left: 0;
        padding-right: 0;
    }

    .highlight > div {
        display: inherit;
    }

    .highlight > div > div {
        display: inherit;
    }

    .highlight > div > div > div {
        display: block;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .highlight > div > div > div:first-of-type {
        display: none;
    }

    .highlight > div > div > div:nth-of-type(2) {
        padding-left: 4%;
        padding-right: 4%;
    }

    .highlight img {
        display: block;
    }

    /*********************************************************************************************************************
  $story share
\*********************************************************************************************************************/
    .story-share a.button-theme-2 {
        width: 80%;
        margin-right: 0;
    }

    .story-share .button-theme-1 {
        margin-left: 0;
        width: 80%;
        text-align: center;
    }

    #list_products {
        -webkit-column-count: 2;
        column-count: 2;
    }

    #list_products > li {
        width: 96.8%;
    }

    .smk_accordion.theme-2 .acc_head {
        padding-right: 50px;
    }

    .menu-product #menu-product-trigger {
        display: block;
        height: 50px;
    }

    .menu-product ul {
        display: none;
    }

    .menu-product.is-open ul {
        display: flex;
        flex-direction: column;
    }

    .menu-product.is-open ul > .ref-link-product {
        margin: 0;
        padding: 12px;
        font-size: 1.8em;
    }

    .menu-product.is-open #menu-product-trigger {
        background: transparent url(../images/arrow-up-menu-product.png) 90% center no-repeat;
        background-size: 25px 25px;
    }

    /*
* Navigation 
*/
    .nav .has-sub-level > div {
        position: relative;
        height: auto;
        padding-top: 0;
        top: 0;
        width: 100% !important;
        top: inherit !important;
    }

    .nav .sub-menu {
        min-height: initial;
    }

    .nav-mobile {
        display: inline-block;
        width: 35px;
        height: 35px;
        display: flex !important;
        justify-content: center;

        /* vertical-align: middle;
        margin-top: 32px;  */
    }

    .navigation.is-open {
        /* height: 304px; */
        overflow-y: scroll;
        background: #ededed;
    }

    .navigation {
        width: 100%;
        display: none;
    }

    .navigation.is-open {
        display: block;

        /* border-bottom: 10px solid #ededed; */
        -webkit-box-shadow: 0px 9px 27px -4px #666;
        box-shadow: 0px 9px 27px -4px #666;
    }

    .nav {
        width: 100%;
        float: none;
    }

    .nav > li {
        display: block;
        width: 100%;
        height: auto;
    }

    .nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #ededed;
        color: #767676;
        border-bottom: 1px solid #cecece;
    }

    .nav .has-sub-level .sub-menu-tittle,
    .nav .has-sub-level li:nth-child(2) .sub-menu > ul > li:first-child ul > li a,
    .nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li .has-sub-level a {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 2%;
    }

    .nav .has-sub-level.is-open {
        display: block;
    }

    .nav .has-sub-level:hover .sub-menu {
        display: none;
    }

    .nav .has-sub-level .sub-menu {
        padding-top: 0;
        padding-bottom: 0;
        background-image: none;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #ddd;
    }

    .nav .has-sub-level .sub-menu > ul > li {
        width: 90%;
        padding-right: 0;
        padding-left: 0;
    }

    .nav .has-sub-level.is-open .sub-menu {
        display: block;
    }

    .nav .sub-trigger.is-open + div .sub-menu {
        display: block;
    }

    .nav li:nth-child(3) .sub-menu {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav li:nth-child(3) .sub-menu .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0;
        border-bottom: 1px solid #0c3d56;
        padding-left: 1%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #ddd;
    }

    .nav li:nth-child(3) .sub-menu > ul > li .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu > ul > li li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0;
        margin-top: 0;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li {
        width: 100%;
        float: none;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 10px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 0;
        margin-top: 0;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) ul {
        margin-top: 10px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) ul li {
        display: block;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        background-color: #3f7398;
        color: #fff;
        padding-left: 5%;
        text-align: left;
        border-bottom: 1px solid #0c3d56;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) {
        margin-top: 0px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) ul li {
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .nav li:nth-child(2) .sub-menu {
        padding-top: 10px;
        padding-bottom: 10px;

        /* width: 100%; */
    }

    .nav li:first-child .sub-menu {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav li:first-child .sub-menu ul li ul li {
        padding-left: 2%;
    }

    .logo {
        width: 40%;
        height: 90px;
        margin-left: 10px;
        max-width: initial;
    }

    .nav > li {
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    header {
        position: relative;
    }

    .trigger-block {
        position: absolute;
        right: 10px;
        width: 16%;
        top: 0;
    }

    /*
* Banner
*/
    .banner-8 > .table > div > div {
        width: 100%;
        margin-bottom: 20px;
        display: block;
    }

    .banner-8 > .table > div.light.has-border {
        background: none;
    }

    .banner-8 > .table > div {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    /*******************************************************************************************************************
  $big footer 950
\*******************************************************************************************************************/
    .share-footer > div > * {
        width: 100%;
    }

    .share-footer form {
        margin-top: 20px;
    }

    /*******************************************************************************************************************
  $big footer 950
\*******************************************************************************************************************/
    .big-footer h4,
    .big-footer .footer-title {
        font-size: 1.2rem;
    }

    .big-footer > div > div.w-50 {
        padding-left: 2%;
        padding-right: 2%;
        width: 100%;
    }

    .big-footer > div > div.w-50 > ul {
        width: 48%;
    }

    .big-footer > div > div.w-25 {
        width: 48% !important;
    }

    .big-footer > div > .w-25.w-7 {
        width: 100% !important;
    }

    .big-footer > div > div.w-25:nth-of-type(2n) {
        width: 49%;
        padding-left: 1%;
    }

    .big-footer > div > div.w-25.w-8 {
        width: 45% !important;
    }

    .big-footer > div > div.w-25.w-9 {
        width: 45% !important;
        margin-top: 27px;
    }

    .big-footer > div > div.w-50.ul-2 > ul:nth-of-type(2) {
        width: 50%;
    }

    .big-footer > div > .w-25.w-7 > ul {
        width: 46%;
    }

    .videos > div .video-thumb a:before {
        height: 80px;
        width: 80px;
        left: 50%;
        margin-left: -40px;
        top: 50%;
        margin-top: -40px;
        background-size: 80px;
    }

    .videos > div {
        width: 48%;
        margin-right: 1% !important;
    }

    /*********************************************************************************************************************
  $gallery
\*********************************************************************************************************************/
    .photo-video-gallery .gallery-item,
    .news-gallery .gallery-item {
        width: 44.8%;
        margin-left: 2.4%;
        margin-right: 2.4%;
    }

    .nav > li:nth-child(1) > div {
        left: 0;
        width: 100% !important;
        top: 0;
    }

    .nav > li:nth-child(2) > div {
        right: 0;
        width: 100% !important;
    }

    .nav .sub-menu-1 {
        display: inline-block;
        width: 100% !important;
    }

    .nav li:nth-child(2) .sub-menu > ul > li {
        min-height: inherit;
    }
}

/*********************************************************************************************************************  $414
\*********************************************************************************************************************/

@media screen and (max-width: 950px) {
    .map {
        width: 100%;
    }

    .trigger-block {
        /* width: 26%; */
    }

    /*********************************************************************************************************************    $representative
\*********************************************************************************************************************/
    .content_coord_worldwide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .address_coord,
    .contact_coord,
    .address_coord_representative {
        width: 100%;
        display: block;
        background-color: #f8f8f8;
    }

    .contact_coord {
        background-color: #d9e6ee;
    }

    .coord_worldwide {
        background: none;
    }

    .select_place {
        width: 80%;
        margin-bottom: 20px;
    }

    #downloads .download-intro {
        padding-left: 3%;
        padding-right: 3%;
    }

    #downloads .sel {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .research .search-product-block {
        width: 100%;
    }

    .research .search-spec-block > div {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .menu-product.fixed {
        background-color: white;
    }

    .menu-product.fixed li {
        padding-left: 0;
        display: block;
        text-align: center;
        width: 100% !important;
    }

    .menu-product.fixed li:before {
        display: none;
    }

    .menu-product.fixed li.contact {
        margin-bottom: 10px;
        width: 100%;
    }

    .menu-product.fixed li.contact a {
        margin: auto;
        width: 60% !important;
    }

    .menu-product li {
        display: block;
        text-align: center;
        width: 100% !important;
    }

    .menu-product li.contact {
        display: inline-block;
        margin: auto;
        width: 100% !important;
    }

    .big-footer > div > div.w-50 {
        padding-left: 2%;
        padding-right: 2%;
        width: 100% !important;
    }

    .list-items .list-thumb {
        display: none !important;
    }

    * Navigation */ .nav .has-sub-level>div {
        position: relative;
        height: auto;
        padding-top: 0;
        top: 0;
        width: 100%;
        top: inherit !important;
    }

    .nav .sub-menu {
        min-height: initial;
    }

    .nav-mobile {
        display: inline-block;
        width: 35px;
        height: 35px;

        /* vertical-align: middle;
        margin-top: 32px; */
    }

    .navigation.is-open {
        /* height: 304px; */
        overflow-y: scroll;
        background: #ddd;
    }

    .navigation {
        width: 100%;
        display: none;
    }

    .navigation.is-open {
        display: block;

        /* border-bottom: 10px solid #ededed; */
        -webkit-box-shadow: 0px 9px 27px -4px #666;
        box-shadow: 0px 9px 27px -4px #666;
        background-color: #ededed;
    }

    .nav {
        width: 100%;
        float: none;
    }

    .nav > li {
        display: block;
        width: 100%;
        height: auto;
    }

    .nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #ededed;
        color: #767676;
        border-bottom: 1px solid #cecece;
        padding-left: 28px;
    }

    .nav .has-sub-level .sub-menu-tittle,
    .nav .has-sub-level li:nth-child(2) .sub-menu > ul > li:first-child ul > li a,
    .nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li .has-sub-level a {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
        padding-left: 2%;
    }

    .nav .has-sub-level.is-open {
        display: block;
    }

    .nav .has-sub-level:hover .sub-menu {
        display: none;
    }

    .nav .has-sub-level .sub-menu {
        padding-top: 0;
        padding-bottom: 0;
        background-image: none;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #ddd;
    }

    .nav .has-sub-level .sub-menu > ul > li {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .nav .has-sub-level.is-open .sub-menu {
        display: block;
    }

    .nav .sub-trigger.is-open + div .sub-menu {
        display: block;
        padding-bottom: 6px;
    }

    .nav li:nth-child(3) .sub-menu {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav li:nth-child(3) .sub-menu .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0;
        border-bottom: 1px solid #0c3d56;
        padding-left: 1%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #ddd;
    }

    .nav li:nth-child(3) .sub-menu > ul > li .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu > ul > li li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0;
        margin-top: 0;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li {
        width: 100%;
        float: none;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 10px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 0;
        margin-top: 0;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) ul {
        margin-top: 10px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) ul li {
        display: block;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        background-color: #3f7398;
        color: #fff;
        padding-left: 5%;
        text-align: left;
        border-bottom: 1px solid #0c3d56;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) {
        margin-top: 0px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) ul li {
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .nav li:nth-child(2) .sub-menu {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
    }

    .nav li:first-child .sub-menu {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav li:first-child .sub-menu ul li ul li {
        padding-left: 2%;
    }

    .logo {
        width: 55%;
        height: 90px;
        margin-left: 10px;
        max-width: initial;
    }

    .nav > li {
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    header {
        position: relative;
    }

    .trigger-block {
        position: absolute;
        right: 10px;
        width: 144px;
        top: 0;
    }

    .nav li:nth-child(2) .sub-menu > ul > li {
        min-height: 0;
    }
}

/*********************************************************************************************************************
  $414
\*********************************************************************************************************************/

.big-footer > div > .w-25.w-7 {
    width: 45%;
}

@media screen and (max-width: 950px) {
    .research .search-search-block,
    .research .search-product-block {
        width: 100% !important;
    }

    .address_coord > div > div {
        width: 100%;
    }

    .form fieldset p.registration-input-wrapper {
        width: 100% !important;
    }

    .button-remove-product {
        /* margin-bottom: 15px; */
    }

    .nav > li:nth-child(1) > div {
        left: 0%;
        width: 100%;
    }

    .certified-title h1 {
        text-align: center;
    }

    #job_table tr th {
        padding-left: 2%;
        padding-right: 1%;
        font-size: 1rem;
    }

    #job_table tr td,
    #job_table tr td a {
        font-size: 1.1rem;
    }

    .horizontal-mobile-scroll .container {
        max-width: 100%;
        overflow-x: scroll;
    }

    .captcha-zone {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }

    .menu-product.fixed li.contact a {
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: transparent;
        color: #4c4c4e;
        width: 100%;
    }

    .feature-block .feature-item {
        height: 258px;
    }

    .big-footer > div > .w-25.w-9 {
        margin-top: 20px;
    }

    .download-product {
        padding-left: 3rem;
    }

    .download-product-thumb {
        margin-bottom: 1.5rem;
    }

    .download-product .download-product-thumb {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .download-product .download-product-desc {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .download-product .download-product-desc p {
        margin-top: 5px;
    }

    .download-product {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    #profile_col {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .section-wrapper.section-theme-3 .highlight > div > div > div:nth-of-type(3) a {
        width: 70%;
    }

    .big-footer > div > .w-25.w-7 > ul {
        display: inline-block !important;
        width: 49%;
    }

    .big-footer > div > .w-25.w-7 > ul:nth-of-type(2) {
        margin-right: 0;

        /* margin-left: 2%; */
    }

    .content_coord_worldwide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .banner-1.fixed,
    .banner-2.fixed {
        height: auto !important;
    }

    .editor-text p {
        text-align: left !important;
    }

    .highlight.white-papers > div > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .highlight.white-papers > div > div > .white-paper-desc {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    #form_partenaire {
        padding-right: 15px;
        padding-left: 15px;
    }

    #form_partenaire input[type=submit] {
        width: 100%;
    }

    #form_partenaire > div > p {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .nav > li:nth-child(3) > div .sub-menu,
    .nav > li:nth-child(4) > div .sub-menu,
    .nav > li:nth-child(5) > div .sub-menu,
    .nav > li:nth-child(6) > div .sub-menu {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .nav > li:nth-child(3) > div .sub-menu-7 li,
    .nav > li:nth-child(3) > div .sub-menu-7 ul {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: block !important;
        padding-left: 0;
        margin: 0;
    }

    .nav > li:nth-child(3) > div .sub-menu-7 ul > li > ul > li {
        padding-bottom: 10px !important;
    }

    .nav li:nth-child(2) .sub-menu {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
    }

    .nav .has-sub-level:hover > .sub-menu-wrapper {
        padding: 0;
    }

    .nav > li:nth-child(2) > div {
        right: 0;
        width: 100%;
        left: 0;
        width: 100% !important;
    }

    .search-menu {
        /* margin-right: 10px; */
    }

    body > header > div > nav > ul > li:nth-child(3) > div > div > ul > li:nth-child(2) > ul {
        display: block !important;
        margin-left: 0 !important;
    }

    #region-trigger:hover > div {
        display: none;
    }

    #region-trigger.is-open > div {
        display: block;
    }

    /************************************************************************************\
    $classes
\************************************************************************************/
    .classPage .banner-button-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .classPage .banner-button-box a {
        /* width: 100%;
margin: auto; */
        margin: 7px;
        width: 96% !important;
    }

    .classe-intro .table > div {
        width: 100%;
        display: block;
    }

    .classe-intro .table {
        padding-left: 2%;
        padding-right: 2%;
    }

    .classe-content {
        padding-left: 2%;
        padding-right: 2%;
    }

    /*********************************************************************************************************************
  $gallery
\*********************************************************************************************************************/
    .photo-video-gallery,
    .news-gallery {
        padding-top: 0;
    }

    .photo-video-gallery .gallery-item,
    .news-gallery .gallery-item {
        width: 92%;
        margin-left: 3.5%;
        margin-right: 3.5%;
        margin-bottom: 30px;
    }

    .photo-video-gallery .tabs,
    .news-gallery .tabs {
        margin-bottom: 0;
    }

    /*********************************************************************************************************************    $tabs styles
\*********************************************************************************************************************/
    .tabs {
        margin-bottom: 0 !important;
    }

    .classes-table .tabs li a {
        height: 68px;
        min-height: 68px;
    }

    .classes-table .tabs li:last-child a {
        /*line-height: 40px;*/
    }

    /*********************************************************************************************************************
  $class list
\*********************************************************************************************************************/
    .section-wrapper .classes-list h1,
    .certified-form-wrapper .classes-list h1 {
        padding-left: 2%;
    }

    .section-wrapper .classes-list > div,
    .certified-form-wrapper .classes-list > div {
        padding-left: 3%;
        padding-right: 3%;
        text-align: left;
        width: 100%;
    }

    .section-wrapper .classes-list > div:first-of-type,
    .certified-form-wrapper .classes-list > div:first-of-type {
        padding-right: 0;
    }

    /*********************************************************************************************************************
  $table table
\*********************************************************************************************************************/
    .section-wrapper .classes-table,
    .certified-form-wrapper .classes-table {
        overflow: hidden;
    }

    .section-wrapper .classes-table table,
    .certified-form-wrapper .classes-table table {
        width: 102%;
        border-spacing: 1px 0;
        margin-left: -1%;
    }

    .section-wrapper .classes-table table tr td:nth-child(3),
    .certified-form-wrapper .classes-table table tr td:nth-child(3),
    .section-wrapper .classes-table table tr td:nth-child(4),
    .certified-form-wrapper .classes-table table tr td:nth-child(4),
    .section-wrapper .classes-table table tr td:nth-child(5),
    .certified-form-wrapper .classes-table table tr td:nth-child(5) {
        display: none;
    }

    .section-wrapper .classes-table table tr td:last-child,
    .certified-form-wrapper .classes-table table tr td:last-child {
        width: 25%;
    }

    .section-wrapper .classes-table th:nth-child(3),
    .certified-form-wrapper .classes-table th:nth-child(3),
    .section-wrapper .classes-table th:nth-child(4),
    .certified-form-wrapper .classes-table th:nth-child(4),
    .section-wrapper .classes-table th:nth-child(5),
    .certified-form-wrapper .classes-table th:nth-child(5) {
        display: none;
    }

    /* .list-items .list-thumb {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
} */
    .list-items .list-thumb {
        display: none;
    }

    .banner-6 > div > div.btn-left > div:nth-of-type(2) {
        width: 100%;
    }

    .banner-6 > div > div.btn-left > div:nth-of-type(1) {
        width: 100%;
    }

    .banner-6 .button {
        float: none !important;
    }

    .research .search-search-block {
        margin-bottom: 20px;
        width: 100%;
    }

    .research .search-product-block {
        margin-bottom: 0;
    }

    .research .search-product-block select {
        width: 100%;
        margin-bottom: 10px;
    }

    .research .search-spec-block {
        margin-top: 15px;
    }

    .research .search-spec-block > div {
        width: 100%;
        margin-bottom: 15px;
    }

    .related-products {
        width: 260px;
    }

    .swiper-button-prev {
        left: 5px !important;
    }

    .swiper-button-next {
        right: 5px !important;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 19px;
        background-size: contain;
    }

    .customers-stories > div > div .button-theme-1 {
        width: 70%;
    }

    .banner .table {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .banner-1 .table > div > div:first-of-type {
        padding-left: 15px;
    }

    .banner-1 .table .dark,
    .banner-2 .table .dark,
    .banner-3 .table .dark,
    .banner-4 .table .dark,
    .banner-5 .table .dark,
    .banner-6 .table .dark,
    .banner-7 .table .dark,
    .banner-8 .table .dark {
        /* background-color: rgba(0, 0, 0, 0.5); */
        background-color: transparent;
        padding-left: 0;
    }

    .banner-1 .table .light,
    .banner-2 .table .light,
    .banner-3 .table .light,
    .banner-4 .table .light,
    .banner-5 .table .light,
    .banner-6 .table .light,
    .banner-7 .table .light,
    .banner-8 .table .light {
        background-color: transparent;
        padding-left: 0;
    }

    .banner-1 .table > div > div:first-of-type {
        padding-left: 0;
        padding-top: 20px;
        margin-right: 0;
        width: 100%;
    }

    .see_all_products > div .table > div > div:first-of-type {
        width: 100%;
    }

    .see_all_products > div .table > div > div:nth-of-type(2) {
        width: 100%;
    }

    .banner .table > div.light,
    .banner .table > div.dark {
        padding-left: 15px !important;
        padding-right: 15px !important;
        /*padding-top: 15px;
        padding-bottom: 15px !important;*/
        padding-top: 0px;
        padding-bottom: 0px !important;

        /*margin-top:10px;*/
        /*margin-bottom:10px;*/
    }

    .banner.banner-9 .table > div.light,
    .banner.banner-9 .table > div.dark {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .search-pannel.is-open {
        overflow-y: scroll;
        height: 370px;
        background: #0e5d90;
    }

    /*********************************************************************************************************************    $generic 414
\*********************************************************************************************************************/
    .fixed .search-pannel {
        top: 90px;
        border-bottom: 20px solid #0e5d90;
    }

    .search-pannel {
        top: 90px;
        margin-bottom: 35px !important;
    }

    .logo {
        width: 60%;
    }

    .trigger-block {
        width: 110px;
    }

    .nav .sub-menu-tittle + ul li,
    .nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li a + ul li {
        width: 100%;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

    .nav li:nth-child(2) .sub-menu-1 > ul > li:first-child ul > li a + ul li {
        margin-bottom: 0px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav li:nth-child(2) .sub-menu-1 li {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .nav li:nth-child(2) .sub-menu-1 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .nav .sub-menu .sub-menu-tittle,
    .nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        text-align: left;
        padding-left: 5%;
    }

    .nav li:first-child .sub-menu ul li ul li {
        text-align: left;
        padding-left: 5%;
    }

    /*********************************************************************************************************************
  $product menu 414
\*********************************************************************************************************************/
    /*********************************************************************************************************************
  $Training support 414
\*********************************************************************************************************************/
    .nav li:nth-child(2) .sub-menu ul .sub-menu-tittle,
    .nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0 !important;
        padding-left: 5px;
    }

    .nav li:nth-child(2) .sub-menu ul li:nth-child(2) ul li {
        border-bottom-color: #3d6386;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .nav li:nth-child(2) .sub-menu ul li {
        border-left: none !important;
        border-right: none !important;
        padding-left: 0 !important;
        width: 100% !important;
        display: block;
    }

    .nav li:nth-child(2) .sub-menu ul li:last-child {
        display: block;
        min-height: auto;
    }

    .nav li:nth-child(2) .sub-menu ul li ul li {
        border-bottom: none;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
    }

    .nav li:nth-child(2) .sub-menu ul li ul li a {
        text-align: left !important;

        /*padding-left: 6% !important;*/
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .nav li:nth-child(3) .sub-menu .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0;
        border-bottom: 1px solid #999;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li {
        width: 100%;
        float: none;
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) ul {
        margin-top: 10px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(2) > ul > li:nth-child(1) ul li {
        display: block;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        background-color: #ddd;
        color: #fff;
        padding-left: 2%;
        text-align: left;
        border-bottom: none;
        padding-left: 0;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) {
        margin-top: 0px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) .sub-menu-tittle,
    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        margin-bottom: 0px;
    }

    .nav li:nth-child(3) .sub-menu > ul > li:nth-child(3) ul li {
        text-align: left;
        padding-left: 2%;
        padding-right: 0;
        width: 100%;
        margin-bottom: 0px;
    }

    .nav .sub-menu {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav .sub-menu a {
        margin-bottom: 0;
    }

    .nav .sub-menu .sub-menu-tittle,
    .nav li:nth-child(2) .sub-menu > ul > li:first-child ul > li a {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .research .search-search-block {
        width: 100%;
    }

    .search-pannel .research {
        padding-bottom: 0;
    }

    .research .search-product-block {
        width: 100%;
    }

    .research .search-spec-block > div {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .research .search-spec-block > div:nth-of-type(2n+1) {
        margin-left: 0;
        margin-right: 4.8%;
    }

    .feature-block {
        padding-bottom: 0;
        padding-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .feature-block .feature-item {
        /*width: 100%;*/
        /*margin-right: 0 !important;*/
        /*margin-left: 0 !important;*/
        margin-bottom: 15px;
        width: auto;
        margin-right: 30px !important;
        margin-left: 30px !important;
        height: auto;
    }

    /*********************************************************************************************************************
  $video
\*********************************************************************************************************************/
    .video-group {
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .video-group .video-group-item:first-of-type .group-item-desc {
        top: 0;
        width: 100%;
        left: 0;
        padding-top: 3%;
    }

    /*********************************************************************************************************************
  $search
\*********************************************************************************************************************/
    .research form .search-title {
        margin-bottom: 10px;
    }

    /*********************************************************************************************************************
  $copyright
\*********************************************************************************************************************/
    .copyright div .legal-block {
        float: none;
    }

    /*********************************************************************************************************************
  $share widget
\*********************************************************************************************************************/
    .share-widget {
        display: none;
    }

    /*********************************************************************************************************************
  $share footer
\*********************************************************************************************************************/
    .select-country {
        width: 90%;
    }

    .share-footer {
        padding-left: 2%;
        padding-right: 2%;
    }

    .share-footer a {
        margin-left: 15px !important;
    }

    .video-group .video-group-item {
        width: 100%;
        margin-left: 0% !important;
        margin-right: 0% !important;
        margin-bottom: 15px;
    }

    .list-thumb-style .list-thumb {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .videos > div .video-thumb a:before {
        width: 125px;
        margin-left: -62px;
        margin-top: -62px;
        background-size: 125px;
        height: 125px;
        top: 50%;
    }

    .videos > div {
        width: 90%;
        margin-right: 0;
        margin-left: 0;
    }

    .smk_accordion.theme-2 {
        padding-left: 0;
        padding-right: 0;
    }

    .banner-button-box a {
        display: inline-block;
        width: 100% !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #more-video, #less-video, #aw-tv {
        width: 96% !important;
    }

    .button {
        text-decoration: none;
    }

    .customers-stories > div > div {
        width: 100%;
    }

    .customers-stories > div > div.customer-img {
        display: none;
    }

    .videos > div .video-thumb a:before {
        margin-left: -65px;
        margin-top: -65px;
    }

    /*********************************************************************************************************************
  $products
\*********************************************************************************************************************/
    #list_products {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        margin: 0;
        height: auto;
    }

    #list_products > li {
        margin-left: 1.2%;
    }

    /* Supression des images */
    .container .item .list-thumb {
        display: none !important;
    }

    .related-products .swiper-wrapper {
        /* display: flex; */
        /* flex-direction: column; */
    }
}

@media screen and (max-width: 440px) {
    .swiper-button-next {
        right: -31px;
    }

    .swiper-button-prev {
        left: -31px;
    }

    /* Supression des images */
    .list-items .list-thumb {
        display: none !important;
    }
}

/*=============================================
=            Popup            =
=============================================*/

.popup {
    position: fixed;
    background-color: #f2f2f2;
    padding: 12px;
    margin: auto;
    top: 150px !important;
    width: 312px;
    height: 300px;
    text-align: center;
    font-size: 1.5rem;
    left: 0;
    right: 0;
    display: none;
    padding-top: 0;
}

.popup .popup__header {
    height: 25%;
    justify-content: center;
    border-bottom: 1px solid #a09f9f;
    padding: 6px !important;
}

.popup .popup__content {
    height: 75%;
    justify-content: center;
}

.popup > * {
    display: flex;
    flex-direction: column;
    text-align: center;
    flex-grow: 1;
}

.popup .popup__content ul .lang-sub-menu {
    margin: 12px;
    padding: 12px;
    display: flex;
    justify-content: center;
}

.popup .popup__content ul .lang-sub-menu .region > a {
    color: #ff0707;
    font-size: 18px;
}

.filepopup_wrapper {
    background: #ffffff;
    padding: 20px;
    max-width: 400px;
}

.filepopup_wrapper .filepopup_header {
    font-size: 2.7rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #004877;
    text-align: center;
}

.filepopup_wrapper .filepopup_content {
    font-size: 1.4rem;
}

.filepopup_wrapper .button {
    float: none;
    text-transform: uppercase;
    background: #004877;
    color: #ffffff;
    min-width: 0;
    max-width: none;
    display: inline-block;
}

.center {
    text-align: center;
}

/*=====  End of Popup  ======*/

/*=============================================
=            Error Page             =
=============================================*/

.error h1 {
    font-family: ITCAvantGardeStdBk !important;
    font-weight: 100;
}

.error .banner {
    background-color: #e2e3e7;
}

.error .btn {
    display: inline-block;
    padding: 12px;
    text-align: center;
    margin: 12px 12px 12px 0;
    color: white !important;
}

.error .btn-small {
    text-transform: uppercase;
    width: 50%;
}

.error .is-orange {
    background-color: #fd4a24;
}

/*=====  End of Error Page   ======*/

@media screen and (max-width: 950px) {
    .error .banner > .table > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

    .error .banner > .table > div div {
        width: 90%;
    }

    .error .banner > .table > div div:nth-of-type(2) {
        display: flex;
        flex-direction: column;
    }

    .error .banner > .table > div div:nth-of-type(2) a {
        align-self: center;
    }

    .error h1 {
        font-family: "ITCAvantGardeStdBk" !important;
        font-weight: 100;
        text-align: center;
        margin-top: 12px;
    }

    .error .banner {
        background-color: #e2e3e7;
    }

    .error .banner.banner-1.fixed {
        height: inherit !important;
    }

    .error .btn {
        display: inline-block;
        padding: 12px;
        text-align: center;
        margin: 12px 12px 12px 0;
        color: white !important;
    }

    .error .btn-small {
        width: 50%;
    }

    .error .is-orange {
        background-color: #fd4a24;
    }
}

@media screen and (max-width: 440px) {
    .menu-product.fixed {
        top: 100px !important;
    }
}

@media screen and (max-width: 950px) {
    .new-feature > a {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .new-feature > a:after {
        margin-left: 1vw;
        position: initial !important;
        width: 3em;
        height: 3em;
        background-size: contain !important;
    }

    .head-label.new-feature {
        display: flex;
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .head-label.new-feature:after {
        margin-left: 1vw;
        position: initial !important;
        width: 3em;
        height: 3em;
        background-size: contain;
    }
}

@media screen and (min-width: 1024px) {
    .related-products-2 > .swiper-carousel .swiper-wrapper {
        display: flex;
    }
}

/*=============================================
=            Refonte menu mobile            =
=============================================*/
@media screen and (max-width: 950px) {
    .sub-trigger {
        display: flex;
    }

    .sub-trigger.is-open:after {
        content: " ";
        height: 15px;
        width: 15px;
        float: right;
        background: url("../images/chevron.png");
        background-size: contain;
        transform: rotate(270deg);
        transition: all 0.5s;
    }

    .sub-trigger:after {
        content: " ";
        height: 15px;
        width: 15px;
        float: right;
        background: url("../images/chevron.png");
        background-size: contain;
        transform: rotate(180deg);
        transition: all 0.5s;
    }

    .banner-5 .light,
    .banner-5 .dark {
        padding: 12px;
    }

    .banner-7 h6, .banner-8 h6 {
        padding-right: 0;
    }

    .banner > .table > div .key-features-title:first-of-type, .banner-6 > .table > div .key-features-title:first-of-type {
        margin-bottom: 12px;
    }

    .banner-8 > .table > div > div {
        margin-bottom: 0;
    }

    .customers-stories > div {
        display: flex;
        flex-direction: column;
    }

    .customers-stories > div > div {
        width: 100%;
    }

    .see_all_products > div .table > div > div:first-of-type, .see_all_products > div .table > div > div:nth-of-type(2), .banner-6 > div > div.btn-left > div:nth-of-type(1), .banner-6 > div > div.btn-left > div:nth-of-type(2) {
        width: 100%;
    }

    .banner > .table > div.dark p, .banner-6 > .table > div.dark p {
        text-align: center;
    }

    .banner-6 > div > div.btn-left > div:nth-of-type(2) {
        margin-top: 0;
        padding-top: 0;
    }
}

@media screen and (max-width: 950px) {
    .sub-trigger + div {
        display: none;
    }
}