@font-face {
    font-family: 'DINPro-Regular';
    src: url("/webfonts/DINPro-Regular.otf") format('opentype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINPro-Bold';
    src: url("/webfonts/DINPro-Bold.otf") format('opentype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINPro-Medium';
    src: url("/webfonts/DINPro-Medium.otf") format('opentype');
    font-weight: normal;
    font-style: normal
}


@font-face {
    font-family: 'DINProCond-medium';
    src: url('/webfonts/DINW05-CondMedium.eot') format('embedded-opentype'),
        url('/webfonts/DINW05-CondMedium.woff') format('woff'),
        url('/webfonts/DINW05-CondMedium.ttf') format('truetype'),
        url('/webfonts/DINW05-CondMedium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {

    font-family: 'icomoon';

    src: url('https://www.tefal.com/medias/icomoon.eot?context=bWFzdGVyfHJvb3R8MjYzMnxhcHBsaWNhdGlvbi9vY3RldC1zdHJlYW18aDYyL2gwYy85ODc1OTUyNjMxODM4LmJpbnxlZDc4N2M1M2Y4MmM0MjEzMzJiZDY0MGFkYjY3NGM5MzhjOTMwMTM3ZTQxM2VhNGYzOGM1NzMxZTUwZjIzOGEw?#iefix') format('embedded-opentype'),

        url('https://www.tefal.com/medias/icomoon.woff?context=bWFzdGVyfHJvb3R8MjU0NHxhcHBsaWNhdGlvbi9vY3RldC1zdHJlYW18aDFlL2gxOC85ODc1OTUzMTIzMzU4LmJpbnw5NjllMmRhY2MxMTZkN2MzMTMyNzQ4OWMyYzA4MDhhYmVmZjNlNGI4ZDFhYTYxMDM3YmUxNmM4MTNkMjc2NzE1') format('woff'),

        url('https://www.tefal.com/medias/icomoon.ttf?context=bWFzdGVyfHJvb3R8MjQ2OHxhcHBsaWNhdGlvbi9vY3RldC1zdHJlYW18aDdlL2g4NS85ODc1OTUyNTMzNTM0LmJpbnxlYTNhNGExYWQ1ODdmZjYyOTU4ZDVlNjkyYTVlM2NmMzhhNzg3ZWYwMjY0OWQ1ODMzMjhmNmIzMTQyMDQzYzdm') format('truetype'),

        url('https://www.tefal.com/medias/icomoon.svg?context=bWFzdGVyfHJvb3R8MzM3Mnx0ZXh0L3htbHxoNzYvaGVhLzk4NzU5NTI4OTM5ODIueG1sfDYxMjBlOGY5NjdlMzljYzY3MzUxMDZhOGQ1MDQ2ZGViYmEyOGQwY2EyODJmZGUyNDAzYjM2N2VmYjhkMjRlODE') format('svg');

    font-weight: normal;

    font-style: normal;

}




body {
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

.rFloat:after {
    display: block;
    content: '';
    clear: both;
}

.col-1 {
    width: 100%;
}

.col-2 .col {
    float: left;
    width: 50%;
}

.col-2:after {
    display: block;
    content: '';
    clear: both;
}

.col-3 .col {
    float: left;
    width: 33%;
}

.col-3:after {
    display: block;
    content: '';
    clear: both;
}

.col-4 .col {
    float: left;
    width: 25%;
}

.col-4:after {
    display: block;
    content: '';
    clear: both;
}

.modal-video {
    margin: 0;
    opacity: 0;
    position: fixed;
    left: 50%;
    top: 20%;
    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    background: #fff;
    padding: 24px;
}

.modal-video.show {
    opacity: 1;
    z-index: 200;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.modal-video .video-container {
    position: relative;
}

.modal-video .video-container .video-title {
    margin-bottom: 16px;
    font-family: 'EurostileNextLTPro-Regular';
    font-size: 16px;
}

.modal-video .video-container .close-modal {
    position: absolute;
    right: -60px;
    top: -60px;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
}

.modal-video .video-container button:focus {
    background: none !important;
    outline: 0;
}


.title, h1, h2, h3, h5 {
  font-family: 'DINPro-medium';
  font-weight: 400
}
div, input, li, p, span, ul {
  font-family: 'DINPro-medium';
}

.video-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    opacity: 0;
}

.video-bg.show {
    z-index: 100;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.video-btn {
    border: none;
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
}

.video-btn img:first-child {
    width: 58px;
    height: 58px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -29px 0 0 -29px;
}

.video-btn img:nth-child(2) {
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 10px;
}

#MainBodyContent {
    width: 100%;
}

.wrap-header {
    background-color: #fff;
}

.landing_page p {
    font-family: 'DINPro-regular';
}

.landing_page h1,
.landing_page h2,
.landing_page h3 {
    font-family: 'DINPro-bold';
}

.landing_page .sticky-container {
    /*    height: 45px;*/

    position: relative;
    background-color: #fff;
}

.landing_page .sticky-container nav.sticky {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0 0;
    text-align: center;
    background-color: #fff;
}

.landing_page .sticky-container nav.sticky button {
    display: inline-block;
    padding: 0 18px;
    font-size: 16px;
    background: transparent;
    text-transform: uppercase;
    border: none;
    /* text-transform: uppercase; */
    color: #3b3c4b;
    outline: none;
    font-family: 'DINPro-medium';
}

.landing_page .sticky-container nav.sticky button:after {
    width: 0;
    display: block;
    content: '';
    margin: 10px auto 0 auto;
    height: 4px;
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.landing_page .sticky-container nav.sticky button.current,
.landing_page .sticky-container nav.sticky button:hover {
    color: #eb322f;
}

.landing_page .sticky-container nav.sticky button.current:after,
.landing_page .sticky-container nav.sticky button:hover:after {
    width: 100%;
    background: #eb322f;
}

.landing_page .sticky-container nav.sticky.stick {
    width: 100%;
    position: fixed;
    left: 0;
    top: 74px;
    z-index: 320;
    background: #fff;
}

/*
.landing_page .sticky-container nav.sticky a {
    background-color: #E11F1D;
    width: auto;
    text-transform: uppercase;
    vertical-align: text-bottom;
    padding: 10px 16px 6px !important;
    position: relative;
    top: 5px;
    color: #fff;
}
*/

.landing_page .sticky-container nav.sticky a:hover {
    background-color: #c01937;
    color: #fff;
}

.landing_page [class^="iconmoon-"],
.landing_page [class*=" iconmoon-"] {
    font-size: 32px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.landing_page .iconmoon-add_circle:before {
    content: "\e147";
}

.landing_page .iconmoon-control_point:before {
    content: "\e3ba";
}

.landing_page .iconmoon-cancel:before {
    content: "\e5c9";
}

.landing_page .iconmoon-check:before {
    content: "\e5ca";
}

.landing_page .iconmoon-navigate_before:before {
    content: "\e408";
}

.landing_page .iconmoon-navigate_next:before {
    content: "\e409";
}

.landing_page .iconmoon-close:before {
    content: "\e5cd";
}

.landing_page .iconmoon-remove_circle:before {
    content: "\e15c";
}

.landing_page .iconmoon-expand_less:before {
    content: "\e5ce";
}

.landing_page .iconmoon-expand_more:before {
    content: "\e5cf";
}

.landing_page .iconmoon-lens:before {
    content: "\e3fa";
}

.landing_page .iconmoon-play_arrow:before {
    content: "\e037";
}

.landing_page .iconmoon-play_circle_filled:before {
    content: "\e038";
}

.landing_page .iconmoon-play_circle_outline:before {
    content: "\e039";
}

.landing_page .iconmoon-remove:before {
    content: "\e15b";
}

.landing_page .iconmoon-remove_circle_outline:before {
    content: "\e15d";
}

.landing_page .iconmoon-highlight_off:before {
    content: "\e888";
}

.iconmoon-playCustom {
    display: block;
}

.iconmoon-playCustom:before {
    display: block;
    width: 58px;
    height: 58px;
    background: url('http://www.tefal.fr/medias/video-playBtn.png?context=bWFzdGVyfHJvb3R8NTIyM3xpbWFnZS9wbmd8aGE0L2g0Mi85NjQ1NDU0MzkzMzc0LnBuZ3w0N2ExNjNjZTMxYzVkZGJlYmMxZWY5MGJjNmMyYjVhYzJmYzlkMzgwZjQyNmYwZmE1MDhhNThiYjczNTliYWY2');
    background-size: cover;
    content: "";
}

.article-detail .container {
    width: 100%;
    padding: 0;
}

body.modal-open {
    overflow: hidden;
}

.comments-share {
    width: 150px;
    margin: 0 auto;
}

.comments-share a {
    border-top: 1px solid #d1d7db;
}

.banner-full {
    display: none !important;
}

.landing_page .modal {
    padding: 74px 97px 50px 97px;
    top: 120px;
    overflow: hidden;
    overflow-y: scroll;
    height: 80%;
}

.landing_page .modal .title {
    padding: 0;
    font-size: 15px;
}

.landing_page .modal img {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 2%;
}

.landing_page .modal .inner {
    width: 100%;
}

.landing_page .modal .inner h2 {
    text-transform: none !important;
    font-size: 35px;
}

.landing_page .modal .inner ul {
    margin: 0 0 10px 15px;
}

.landing_page .modal .inner span {
    font-weight: bold;
}

.landing_page .modal .inner p {
    margin: 31px 0;
}

.landing_page .modal-video {
    /* top: 40% !important; */
    top: 25vh !important;
}

.landing_page .modal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    opacity: 0;
}

.landing_page .modal-bg.show {
    z-index: 100;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.landing_page .modal-video {
    background: transparent;
    box-shadow: none;
}

.landing_page .modals {
    padding: 45px !important;
    width: 100%;
    max-width: 800px;
    opacity: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: -1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.5);
    -moz-transform: translate3d(-50%, -50%, 0) scale(0.5);
    -ms-transform: translate3d(-50%, -50%, 0) scale(0.5);
    -o-transform: translate3d(-50%, -50%, 0) scale(0.5);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    background: #fff;
    padding: 24px;
    top: 65% !important;
}

.landing_page .modals span.close-modal {
    position: absolute;
    right: 0;
    top: 15px;
}

.landing_page .modals.show {
    opacity: 1;
    z-index: 200;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    -moz-transform: translate3d(-50%, -50%, 0) scale(1);
    -ms-transform: translate3d(-50%, -50%, 0) scale(1);
    -o-transform: translate3d(-50%, -50%, 0) scale(1);
}

.landing_page .modals .table .first {
    width: 33%;
    float: left;
}

.landing_page .modals .table .first .case {
    padding: 14.5px 0;
    text-align: center;
    border: 1px solid;
}

.landing_page .modals .table .first .case:first-child {
    height: 150px;
    border: none;
}

.landing_page .modals .table .first .case:nth-child(2) {
    padding: 23.2px 0;
}

.landing_page .modals .table .first .case p {
    font-size: 18px;
    color: #05acd0;
    text-align: center;
    text-transform: uppercase;
}

.landing_page .modals .table .carousel {
    width: 66.2%;
    float: left;
}

.landing_page .modals .table .carousel .item .case {
    padding: 60px 0;
    text-align: center;
    border: 1px solid #000;
}

.landing_page .modals .table .carousel .item .case:first-child {
    border: none;
    padding: 0;
}

.landing_page .modals .table .carousel .item .case:first-child p {
    font-size: 18px;
    top: -35px !important;
    color: #05acd0;
    text-transform: uppercase;
    min-height: 46px;
}

.landing_page .modals .table .carousel .item .case:first-child img {
    width: 100%;
    margin-top: -1px;
}

.landing_page .icon-expand_more::before {
    content: '\e5cf';
}

.landing_page .icon-expand_less::before {
    content: '\e5ce';
}

.landing_page ul.slick-dots {
    margin: 20px 0 0 0;
    text-align: center;
    padding: 0;
}

.landing_page ul.slick-dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background: #cecece;
    border: 2px solid #cecece;
    border-radius: 100%;
}

.landing_page ul.slick-dots li.slick-active {
    background: #474747;
    border: 2px solid #474747;
}

.landing_page ul.slick-dots li button {
    text-indent: 9999px;
    display: none;
}

.landing_page .video-btn img:first-child {
    width: 100%;
    height: 100%;
    position: inherit;
    left: 0;
    top: 0;
    margin: 0 auto;
}

.landing_page .inner {
    width: 940px;
    margin: 0 auto;
    position: relative;
}

.landing_page h3,
.landing_page h4,
.landing_page h5 {
    margin: 0;
}

.landing_page p {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    color: #585453;
}



.cta span.icon {
    background: url(/assets/img/ar.png) no-repeat;
    width: 23px;
    height: 26px;
    margin-left: -18px;
}

#unlimited #intro .inner a {
    display: flex;
    margin: 0 auto;
   max-width: 217px;
    width: -moz-fit-content;
    align-items: center;
}

.landing_page p span {}

.landing_page .inner button.cta.cta_light.video-btn,
.landing_page .inner button.cta.cta_light.see_more,
.landing_page .inner button.cta.cta_light.cta_download {
    color: #3b3c4b;
    outline: none;
    display: block;
    margin: 5% auto;
    background-color: rgba(255, 255, 255, .5);
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'DINPro-bold';
    padding: 1px 8px 2px;
    border-radius: 4px;
    font-size: 14px;
    transition: all .6s ease;
    cursor: pointer;
}

.landing_page .inner button.cta.cta_light.video-btn span,
.landing_page .inner button.cta.cta_light.see_more span,
.landing_page .inner button.cta.cta_light.cta_download span {
    font-family: 'DINPro-bold';
    font-size: inherit;
}

.landing_page .inner button.cta.cta_light.see_more span.cta_picto svg,
.landing_page .inner button.cta.cta_light.cta_download span.cta_picto svg {
    width: 10px;
    height: 10px;
}

.landing_page .inner button.cta.cta_light.video-btn:hover,
.landing_page .inner button.cta.cta_light.see_more:hover,
.landing_page .inner button.cta.cta_light.cta_download:hover {
    color: white;
    background-color: #3b3c4b;
}

.landing_page .inner button.cta.cta_light:hover span.cta_picto svg [class^="st"] {
    stroke: white;
}

/*
.landing_page .title {
    padding: 50px 0 45px 0;
}
*/

/*
.landing_page .title h2 {
    color: #eb322f;
    line-height: 1;
    font-size: 60px;
    text-align: center;
}
*/

/*
.landing_page .title h2 span {
    font-size: 45px;
    color: #3b3c4b;
    font-family: 'DINPro-bold';
}
*/

.landing_page .title h1,
.landing_page .title h2 {
    font-weight: normal;
    margin: 0;
}


.landing_page .has-bg {
    background-size: cover;
    background-position: center;
}

.simply{
	background-image: url("http://tefal.masla-test.top/assets/img/g6-section-5-fond-3-deployed.jpg");

}

.landing_page section {
    position: relative;
}

.landing_page .section {
    padding: 50px 0;
    position: relative;
}

.sticky-container nav.sticky {
    width: 940px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    text-align: center;
}

.sticky-container nav.sticky button {
    display: inline-block;
    padding: 0 16px 0;
    font-size: 15px;
    background: transparent;
    border: none;
    color: #23282c;
    outline: none;
    font-family: 'DINPro-medium';
    cursor: pointer;
}

#unlimited #intro .video {
color: white;
outline: none;
	position: absolute;
left: 5%;
top: 76%;
background-color: #868581;
text-decoration: none;
text-transform: uppercase;
font-family: 'DINPro-medium';
padding: 7px 10px;
border-radius: 6px 0;
font-size: 14px;
transition: background-color .6s ease;
cursor: pointer;
}





.sticky-container nav.sticky button.btn {
    background: #009dc0;
}

.sticky-container nav.sticky button:after {
    width: 0;
    display: block;
    content: '';
    margin: 10px auto 0 auto;
    height: 4px;
    background: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.sticky-container nav.sticky button.current,
.sticky-container nav.sticky button:hover {
    color: #eb322f;
}

.sticky-container nav.sticky button.current:after,
.sticky-container nav.sticky button:hover:after {
    width: 100%;
    background: #eb322f;
}

.sticky-container nav.sticky.stick {
    width: 100%;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 40;
    background: #fff;
}

.sticky-container .cta {
    color: white;
    outline: none;
    background-color: #eb322f;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'DINPro-medium';
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    transition: background-color .6s ease;
    cursor: pointer;
    vertical-align: top;
}

.sticky-container .cta:hover {
    background-color: #a30e14;
}

.inner .cta.cta_light.video-btn,
.inner .cta.cta_light.see_more,
.inner .cta.cta_light.cta_download {
    color: #3b3c4b;
    outline: none;
    display: block;
    margin: 5% auto;
    background-color: rgba(255, 255, 255, .5);
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'DINPro-medium';
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    transition: all .6s ease;
    cursor: pointer;
}


.inner .cta.cta_light.see_more span.cta_picto svg,
.inner .cta.cta_light.cta_download span.cta_picto svg {
    width: 10px;
    height: 10px;
}

.inner .cta.cta_light.video-btn:hover,
.inner .cta.cta_light.see_more:hover,
.inner .cta.cta_light.cta_download:hover {
    color: white;
    background-color: #3b3c4b;
}

.inner .cta.cta_light:hover span.cta_picto svg [class^="st"] {
    stroke: white;
}

.inner .cta.buy_online {
    color: white;
    outline: none;
    background-color: #eb322f;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'DINPro-medium';
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 14px;
    transition: background-color .6s ease;
    cursor: pointer;
}

.inner .cta.buy_online:hover {
    background-color: #a30e14;
}

.inner .cta.ar {
    color: white;
    outline: none;
    background-color: #eb322f;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'DINPro-medium';
    padding: 5px 10px;
    border-radius: 6px 0;
    font-size: 16px;
    transition: background-color .6s ease;
    cursor: pointer;
}

.inner .cta.ar:hover {
    background-color: #a30e14;
}


#breadcrumb .breadcrumb {
    padding: 10px 10px 10px 22px;
    margin: 0;
}

/** INTRO **/

#g6 #intro video {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    transform: translate(0, -50%);
}

#g6 #intro .inner {
    padding: 60px 0 60px 55%;
    text-align: center;
    width: 100%;
}

#g6 #intro .inner p {
    font-size: 26px;
    color: #fff;
    font-family: 'DINPro-regular';
}

#g6 #intro .inner p span {
    font-size: 26px;
    color: #fff;
    font-family: 'DINPro-bold';
}

#g6 #intro .inner .title {
    display: inline-block;
    position: relative;
    margin: 70px 0;
}

#g6 #intro .inner .title:before {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    left: -50px;
    width: 99px;
    height: 25px;
    background-image: url('https://www.tefal.com/medias/tef-ix-braket-left.png?context=bWFzdGVyfHJvb3R8MjIwfGltYWdlL3BuZ3xoZjkvaGY1LzEzNTM2NjkwNzAwMzE4LnBuZ3xiOWI5Njk5ODE5NDk0YjhiN2Q4ZjQwNjZjMmNhZDdkNjc2OTY5MzYwYmFhODY5YjcyOTk5OGUwZmZiN2JlOTQ5');
}

#g6 #intro .inner .title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -30px;
    right: -15px;
    width: 99px;
    height: 25px;
    background-image: url('https://www.tefal.com/medias/tef-ix-braket-right.png?context=bWFzdGVyfHJvb3R8MjIzfGltYWdlL3BuZ3xoZjAvaGNhLzEzNTM2NjkwNzk4NjIyLnBuZ3xkNTY5NDY5YmM0NGM3YTdlMjk0YmEyMDUyMTEwNmE5Nzk4YjRmMzFjMzNjZmZhNzY4ZTUyMDU2YjhjZDM2YjU1');
}

#g6 #intro .inner .title h1 {
    font-size: 77px;
    color: #fff;
    font-family: 'DINPro-bold';
    font-weight: 900;
    text-align: center;
    line-height: 1;
    display: inline-block;
}

#g6 #intro .inner .title h1 span {
    font-size: 48px;
    color: #fff;
    font-family: 'DINPro-bold';
    font-weight: 900;
}

#g6 #intro .inner a {
  display: flex;
    margin: 0 auto;
    
    
    width: -moz-fit-content;
    align-items: center;
	max-width: 217px;
}

/** SUB INTRO **/

#g6 #sub-intro {
    position: relative;
    padding: 0;
    background-color: #f6f6f6;
}

#g6 #sub-intro .inner {
    padding: 30px 0;
    width: 1200px;
}

#g6 #sub-intro .inner p {
    font-family: 'DINPro-regular';
    font-size: 18px;
    color: #3b3c4b;
    line-height: 1.2;
    text-align: left;
    width: 70%;
}

#g6 #sub-intro .inner img {
    position: absolute;
    right: 0px;
    top: -35px;
}



@media screen and (max-width: 1280px) {
    #g6 #sub-intro .inner {
        width: 100%;
    }

    #g6 #sub-intro .inner p {
        width: 80%;
        font-size: 18px;
        padding-left: 10%;
    }

    #g6 #sub-intro .inner img {
        right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #g6 #sub-intro .inner p {
        width: 80%;
        font-size: 15px;
        padding-left: 4%;
    }
}

/** NAV **/

/** SECTION 1 **/

#g6 #section-1 {
    padding: 0;
    background-color: #fff;
}

#g6 #section-1 .inner {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

#g6 #section-1 .inner .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#g6 #section-1 .inner .text {
    padding-left: 110px;

}

#g6 #section-1 .inner .text .title {
    padding: 80px 0 50px;
}

#g6 #section-1 .inner .text .title h2 {
    font-family: 'DINPro-bold';
    font-size: 40px;
    color: #3b3c4b;
    line-height: 1;
}


#g6 #section-1 .inner .text .title h2 span {
    font-size: 50px;
    color: #eb322f;
    font-family: 'DINPro-bold';
}

#g6 #section-1 .inner .text p {
    font-size: 15px;
    color: #3b3c4b;
    width: 400px;
    margin-bottom: 50px;
}

#g6 #section-1 .inner .text p span {
    font-size: 15px;
    color: #3b3c4b;
    font-weight: 900;
}

#g6 #section-1 .inner .text a {
    color: #eb322f;
    font-size: 17px;
    font-family: 'DINPro-bold';
    text-decoration: underline;
}

@media screen and (max-width: 1280px) {
    #g6 #section-1 .inner .text .title {
        padding: 40px 0 40px;
    }
}

@media screen and (max-width: 1100px) {
    #g6 #section-1 .inner .text .title {
        padding: 30px 0 30px;
    }

    #g6 #section-1 .inner .text a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    #g6 #section-1 .inner .text {
        padding-left: 90px;
    }

    #g6 #section-1 .inner .text .title {
        padding: 50px 0 30px;
    }

    #g6 #section-1 .inner .text .title h2 {
        font-size: 30px;
    }

    #g6 #section-1 .inner .text .title h2 span {
        font-size: 40px;
    }

    #g6 #section-1 .inner .text p {
        margin-bottom: 30px;
        font-size: 13px;
    }

    #g6 #section-1 .inner .text a {
        font-size: 14px;
    }

    #g6 #section-1 .inner .circle {
        width: 100px;
    }
}


/** SECTION 2 **/

#g6 #section-2 {
    padding: 0;
}

#g6 #section-2 .inner {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

#g6 #section-2 .inner .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#g6 #section-2 .inner .text {
    padding-left: 250px;

}

#g6 #section-2 .inner .text .title {
    padding: 40px 0 20px;
}

#g6 #section-2 .inner .text .title h2 {
    font-family: 'DINPro-bold';
    font-size: 40px;
    color: #3b3c4b;
    line-height: 1;
	padding-right: 20px;
}


#g6 #section-2 .inner .text .title h2 span:first-of-type {
    font-size: 40px;
    color: #eb322f;
    font-family: 'DINPro-bold';
}

#g6 #section-2 .inner .text .title h2 span:last-of-type {
    font-size: 50px;
    color: #eb322f;
    font-family: 'DINPro-bold';
}

#g6 #section-2 .inner .text p {
    font-size: 15px;
    color: #3b3c4b;
    width: 400px;
    margin-bottom: 20px;
}

#g6 #section-2 .inner .text p span {
    font-size: 15px;
    color: #3b3c4b;
    font-weight: 900;
}

#g6 #section-2 .inner .text a {
    color: #eb322f;
    font-size: 17px;
    font-family: 'DINPro-bold';
    text-decoration: underline;
    margin-bottom: 20px;
}

#g6 #section-2 .inner .text p.disclaimer {
    font-size: 10px;
    font-family: 'DINPro-regular';
    color: #3b3c4b;
    margin-bottom: 10px;
}

@media screen and (max-width: 1440px) {
    #g6 #section-2 .inner .text {
        padding-left: 170px;

    }

    #g6 #section-2 .inner .text a {
        margin-bottom: 20px;
    }

    #g6 #section-2 .inner .text .title {
        padding: 20px 0 30px;
    }
}

@media screen and (max-width: 1350px) {
    #g6 #section-2 .inner .text {
        padding-left: 120px;

    }

    #g6 #section-2 .inner .text p {
        width: 440px;
    }
}

@media screen and (max-width: 1280px) {
    #g6 #section-2 .inner .text {
        padding-left: 30px;
    }

    #g6 #section-2 .inner .text p {
        width: 490px;
        margin-bottom: 10px;
    }

    #g6 #section-2 .inner .text .title {
        padding: 20px 0 20px;
    }
}

@media screen and (max-width: 1140px) {
    #g6 #section-2 .inner .text {
        padding-left: 10px;
    }

    #g6 #section-2 .inner .text p {
        font-size: 13px;
    }

    #g6 #section-2 .inner .text p span {
        font-size: 13px;
    }

    #g6 #section-2 .inner .text a {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #g6 #section-2 .inner .text p.disclaimer {
        font-size: 8px;
        margin-bottom: 5px;
    }

    #g6 #section-2 .inner .text p {
        width: 440px;
    }

    #g6 #section-2 .inner .text .title h2 {
        font-size: 35px;
    }

    #g6 #section-2 .inner .text .title h2 span:first-of-type {
        font-size: 35px;
    }

    #g6 #section-2 .inner .text .title h2 span:last-of-type {
        font-size: 45px;
    }
}

@media screen and (max-width: 1024px) {
    #g6 #section-2 .inner .text {
        padding-left: 20px;
    }

    #g6 #section-2 .inner .text .title {
        padding: 10px 0 10px;
    }

    #g6 #section-2 .inner .text .title h2 {
        font-size: 30px;
    }

    #g6 #section-2 .inner .text .title h2 span:first-of-type {
        font-size: 30px;
    }

    #g6 #section-2 .inner .text .title h2 span:last-of-type {
        font-size: 40px;
    }

    #g6 #section-2 .inner .text p {
        margin-bottom: 10px;
        font-size: 13px;
    }

    #g6 #section-2 .inner .text a {
        font-size: 14px;
        margin-bottom: 15px;
    }

    #g6 #section-2 .inner .circle {
        width: 100px;
    }

    #g6 #section-2 .inner .text p {
        width: 430px;
    }
}



/** SECTION 3 **/

#g6 #section-3 {
    padding: 0;
}


#g6 #section-3 .inner {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

#g6 #section-3 .inner .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#g6 #section-3 .inner .text {
    padding-left: 110px;

}

#g6 #section-3 .inner .text .title {
    padding: 80px 0 50px;
}

#g6 #section-3 .inner .text .title h2 {
    font-family: 'DINPro-bold';
    font-size: 40px;
    color: #3b3c4b;
    line-height: 1;
}


#g6 #section-3 .inner .text .title h2 span {
    font-size: 50px;
    color: #eb322f;
    font-family: 'DINPro-bold';
}

#g6 #section-3 .inner .text p {
    font-size: 15px;
    color: #3b3c4b;
    width: 400px;
    margin-bottom: 50px;
}

#g6 #section-3 .inner .text p span {
    font-size: 15px;
    color: #3b3c4b;
    font-weight: 900;
}

#g6 #section-3 .inner .text a {
    color: #eb322f;
    font-size: 17px;
    font-family: 'DINPro-bold';
    text-decoration: underline;
}

@media screen and (max-width: 1280px) {
    #g6 #section-3 .inner .text .title {
        padding: 40px 0 40px;
    }
}

@media screen and (max-width: 1100px) {
    #g6 #section-3 .inner .text .title {
        padding: 30px 0 30px;
    }

    #g6 #section-3 .inner .text a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    #g6 #section-3 .inner .text {
        padding-left: 90px;
    }

    #g6 #section-3 .inner .text .title {
        padding: 30px 0 30px;
    }

    #g6 #section-3 .inner .text p {
        margin-bottom: 30px;
    }

    #g6 #section-3 .inner .circle {
        width: 100px;
    }
	#g6 #intro .inner {
    padding: 60px 0 60px 30%;
    text-align: center;
    width: 100%;
}
	
	   #g6 #section-4 .inner .text_top {
left: 35%;
margin-bottom: 5vw;
display: inline-block;
		max-width: 58%;
}

    #easy #section-2 .inner p.disclaimer {
        left: -20px;
    }

    #easy #section-2 .inner .text_top {
        left: 45%;
		max-width: 58%
    }
	
	#g6 #section-4 .inner .text_top::before {
content: url('https://www.tefal.com/medias/g6-section-4-target.png?context=bWFzdGVyfHJvb3…YWJiMmYxNzkyZjQ1ZWFjMjYwNWMzNGEyODg3MGU5ZjAwZTAxZTEwNGFhMDY3MTFlYjIxZWMyYg');
position: absolute;
 top: 370px!important;
    left: 180px!important;
}
	
	#g6 #section-4 .inner .text_top::after {
    content: url(https://www.tefal.com/medias/g6-section-4-arrow1.png?context=bWFzdGVyfHJvb3R8MTIzNnxpbWFnZS9wbmd8aDYxL2hiZi8xMzkyMDM3MTYwNTUzNC5wbmd8MmM5ZTc4NGU3ZTRiMWI4Y2U2ZGM4OTVlZTVhMDgwNGVlNTg2MDg0MTkwNmM2NzQ5NWJkNjdlZWI1NGEyMDRjZg);
    position: absolute;
  top: 240px!important;
    left: 200px;
}
}

@media screen and (max-width: 1600px) {
    #g6 #section-4 .inner .text_top {
left: 35%;
margin-bottom: 5vw;
display: inline-block;
		max-width: 80%;
}

    #easy #section-2 .inner p.disclaimer {
        left: -20px;
    }

    #easy #section-2 .inner .text_top {
        left: 45%;
		max-width: 58%
    }
}







@media screen and (max-width: 1480px) {
    #g6 #section-4 .inner .text_top {
left: 35%;
margin-bottom: 5vw;
display: inline-block;
		max-width: 75%;
}
	

    #easy #section-2 .inner p.disclaimer {
        left: -20px;
    }

    #easy #section-2 .inner .text_top {
        left: 45%;
		max-width: 75%
    }
	#g6 #section-4 .inner .text_top::before {
content: url('https://www.tefal.com/medias/g6-section-4-target.png?context=bWFzdGVyfHJvb3…YWJiMmYxNzkyZjQ1ZWFjMjYwNWMzNGEyODg3MGU5ZjAwZTAxZTEwNGFhMDY3MTFlYjIxZWMyYg');
position: absolute;
top: 352px!important;
left: 150px;
}
	#g6 #section-4 .inner .text_top::after {
content: url('https://www.tefal.com/medias/g6-section-4-arrow1.png?context=bWFzdGVyfHJvb3…ZTRiMWI4Y2U2ZGM4OTVlZTVhMDgwNGVlNTg2MDg0MTkwNmM2NzQ5NWJkNjdlZWI1NGEyMDRjZg');
position: absolute;
 top: 215px!important;
    left: 167px;
}
}


/** SECTION 4 **/

#g6 #section-4 {
    background-position: top center;
    padding-bottom: 0;
}

#g6 #section-4 .inner .block_text {
    position: relative;
}

#g6 #section-4 .inner .text_top {
    left: 35%;
    margin-bottom: 5vw;
    display: inline-block;
}

#g6 #section-4 .inner .text_top::before {
    content: url('https://www.tefal.com/medias/g6-section-4-target.png?context=bWFzdGVyfHJvb3R8MTA2MXxpbWFnZS9wbmd8aDExL2gzNi8xMzkyMDM3MjY4Njg3OC5wbmd8MzY5ZjYzOGU0YWJiMmYxNzkyZjQ1ZWFjMjYwNWMzNGEyODg3MGU5ZjAwZTAxZTEwNGFhMDY3MTFlYjIxZWMyYg');
    position: absolute;
    top: 300px;
    left: 180px;
}

#g6 #section-4 .inner .text_top::after {
    content: url('https://www.tefal.com/medias/g6-section-4-arrow1.png?context=bWFzdGVyfHJvb3R8MTIzNnxpbWFnZS9wbmd8aDYxL2hiZi8xMzkyMDM3MTYwNTUzNC5wbmd8MmM5ZTc4NGU3ZTRiMWI4Y2U2ZGM4OTVlZTVhMDgwNGVlNTg2MDg0MTkwNmM2NzQ5NWJkNjdlZWI1NGEyMDRjZg');
    position: absolute;
    top: 165px;
    left: 200px;
}

#g6 #section-4 .inner .text_bottom {
    left: 20%;
    bottom: 50px;
    display: inline-block;
}

#g6 #section-4 .inner .text_bottom::before {
    content: url('https://www.tefal.com/medias/g6-section-4-target.png?context=bWFzdGVyfHJvb3R8MTA2MXxpbWFnZS9wbmd8aDExL2gzNi8xMzkyMDM3MjY4Njg3OC5wbmd8MzY5ZjYzOGU0YWJiMmYxNzkyZjQ1ZWFjMjYwNWMzNGEyODg3MGU5ZjAwZTAxZTEwNGFhMDY3MTFlYjIxZWMyYg');
    position: absolute;
    top: -60px;
    left: 320px;
}

#g6 #section-4 .inner .text_bottom::after {
    content: url('https://www.tefal.com/medias/g6-section-4-arrow2.png?context=bWFzdGVyfHJvb3R8ODU4fGltYWdlL3BuZ3xoNjIvaDFjLzEzOTIwMzcxODY3Njc4LnBuZ3wyMzM1MWRjZmY4NmRlMzUwOGIxMDI3NDU1MTY1YTgzYzIwYjIzMTQyODA0NzE4NmMzZDQ5NTRhY2NhZGM3Nzcw');
    position: absolute;
    top: -35px;
    left: 265px;
}


#g6 #section-4 .inner .block_text h5 {
    color: #3b3c4b;
    font-size: 20px;
    font-family: 'DINPro-bold';
    margin-bottom: 1.5%;
}

#g6 #section-4 .inner .block_text h5 span {
    font-size: 30px;
    font-family: 'DINPro-bold';
    color: #eb212e;
    text-transform: uppercase;
}

#g6 #section-4 .inner .block_text p {
    color: #3b3c4b;
    font-family: 'DINPro-medium';
}

#g6 #section-4 .inner .block_certification {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20%;
    text-align: center;
    position: absolute;
    right: 5%;
    top: 60%;
    transform: translateY(-50%);
}

#g6 #section-4 .inner .block_certification .text_certification {
    background: white;
    border-radius: 15px;
    padding: 15%;
    margin-top: 15%;
    position: relative;
}

#g6 #section-4 .inner .block_certification .text_certification::before {
    content: url('https://www.tefal.com/medias/g6-section-4-check-flag.png?context=bWFzdGVyfHJvb3R8MTAxNXxpbWFnZS9wbmd8aGUzL2g2Zi8xMzkyMDM3MjM5MTk2Ni5wbmd8ZjcyMTAzY2RmMDAwNDA5NWMzZWZhNmIwODBlMGNkMjc3N2Q5MzMyNTc5MjRhNDQyMTE4N2VmZWQ1ZWY5MDEwNQ');
    position: absolute;
    top: -22.5%;
    left: 50%;
    transform: translateX(-50%);
}

#g6 #section-4 .inner .block_certification .text_certification p {
    font-family: 'DINProCond-medium';
    font-size: 18px;
    line-height: 1.2;
}

#g6 #section-4 .inner .block_img {
    text-align: center;
}

#g6 #section-4 .inner .wrapper {
    text-align: center;
}

#g6 #section-4 .inner .wrapper p {
    font-size: 18px;
    color: #3b3c4b;
    font-family: 'DINPro-bold';
    margin-top: 5%;
}

#g6 #section-4 .inner .wrapper p a {
    color: #eb212e;
    text-transform: uppercase;
    font-size: 20px;
}

#g6 #section-4 a span {
    background-color: #ff0000;
    border-radius: 20px;
    padding: 15px 20px;
}

#g6 #section-4 a span svg {
    width: 20px;
    height: 20px;
}

#g6 #section-4 a span svg .st0 {
    stroke: white;
}

#g6 #section-4 .inner .wrapper p.disclaimer {
    font-size: 10px;
}

#g6 #section-4 .inner .left-text {
    width: 380px;
    position: absolute;
    left: -140px;
    top: 0px;
}

#g6 #section-4 .inner .left-text h3 {
    font-size: 65px;
    color: #eb212e;
    text-align: left;
    font-family: 'DINPro-bold';
    line-height: 1;
    margin-bottom: 30px;
}

#g6 #section-4 .inner .left-text p {
    font-size: 15px;
    color: #000;
    text-align: left;
    line-height: 1.2;
    font-family: 'DINPro-regular';
}

#g6 #section-4 .inner p.disclaimer {
    font-size: 8px;
    color: #3b3c4b;
    text-align: left;
    line-height: 1.6;
    font-family: 'DINPro-regular';
    width: 220px;
    position: absolute;
    left: -140px;
    bottom: 20px;
}



@media screen and (max-width: 1024px) {
    #g6 #section-4 .inner .left-text {
        width: 330px;
        left: -20px;
    }

    #g6 #section-4 .inner p.disclaimer {
        left: -20px;
    }

    #g6 #section-4 .inner .text_top {
        left: 45%;
		max-width: 58%;
    }

    #g6 #section-4 .inner .block_img {
        margin-left: 20%;
    }

    #g6 #section-4 .inner .text_bottom {
        left: 30%;
    }

    #g6 #section-4 .inner .block_certification {
        right: 0;
    }
}

/** SECTION 5 **/

#g6 #section-5 {
    padding: 0;
}

#g6 #section-5 .inner .title {
    padding: 30px 0;
}

#g6 #section-5 .inner .title h2 {
    font-size: 40px;
    font-family: 'DINPro-bold';
    text-align: center;
    color: #eb212e;
}

#g6 #section-5 .inner .title h2 span {
    font-size: 40px;
    font-family: 'DINPro-bold';
    color: #3b3c4b;
}

#g6 #section-5 .inner {
    max-width: 1600px;
    width: 100%;
}

#g6 #section-5 .inner .wrapper-accordion .item {
    width: 25%;
    /* Switch width to 16% if there's 4 items */
    float: left;
    transition: all 0.2s linear;
    display: block;
    position: relative;
}

#g6 #section-5 .inner .wrapper-accordion .item:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transition-property: visibility;
    transition-delay: .2s;
}

#g6 #section-5 .inner .wrapper-accordion .item.new_width {
    width: 18%;
}

#g6 #section-5 .inner .wrapper-accordion .item.active {
    width: 45%;
}

#g6 #section-5 .inner .wrapper-accordion .item.active:after {
    visibility: hidden;
}

#g6 #section-5 .inner .wrapper-accordion .item .title {
    padding: 0;
}


#g6 #section-5 .inner .wrapper-accordion .item .title h5 {
    font-size: 23px;
    font-family: 'DINPro-regular';
    color: #000;
    padding: 15px 0;
    text-align: center;
    position: relative;
}

#g6 #section-5 .inner .wrapper-accordion .item.active .title h5 {
    font-size: 23px;
    font-family: 'DINPro-bold';
    color: #000;
    padding: 15px 0;
    text-align: center;
    position: relative;
}

#g6 #section-5 .inner .wrapper-accordion .item .title h5:after {
    content: url('https://www.tefal.com/medias/g6-section-5-triangle.png?context=bWFzdGVyfHJvb3R8MzE5M3xpbWFnZS9wbmd8aDU3L2gyMS8xNDIxNDcwMzY0NDcwMi5wbmd8MjIyODE3Yzk4MWJlMDBhZWMyY2RjOGFkNWYyNDZhMGQ5MDk4MzIyOGZmMGEwMWViMTg2MTIzMDE2ZmZkNmMwMA');
    position: absolute;
    display: block;
    bottom: -20px;
    left: 50%;
    z-index: 20;
    transform: translate(-50%, 0%);
}

#g6 #section-5 .inner .wrapper-accordion .item .wrapper-content {
    min-height: 720px;
    text-align: center;
    position: relative;
}

#g6 #section-5 .inner .wrapper-accordion .item .wrapper-content img {
    padding-top: 30px;
    max-width: 80%;
}

#g6 #section-5 .inner .wrapper-accordion .item .wrapper-content .cta {
    position: absolute;
    bottom: 30px;
    width: max-content;
    max-width: 80%;
    left: 50%;
    transform: translate(-50%, 0);
}

#g6 #section-5 .inner .wrapper-accordion .item .deployed {
    display: none;
    z-index: 10;
    position: relative;
    min-height: 720px;
    text-align: center;
}

#g6 #section-5 .inner .wrapper-accordion .item .deployed img.title {
    margin: 35px auto 25px;
}

#g6 #section-5 .inner .wrapper-accordion .item:first-of-type .deployed p {
    color: #fff;
    font-size: 15px;
    font-family: 'DINPro-regular';
}

#g6 #section-5 .inner .wrapper-accordion .item:first-of-type .deployed p.main {
    color: #fff;
    font-size: 23px;
    font-family: 'DINPro-bold';
    margin-bottom: 10px;
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(2) .deployed p {
    color: #644335;
    font-size: 15px;
    font-family: 'DINPro-regular';
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(2) .deployed p.main {
    color: #644335;
    font-size: 23px;
    font-family: 'DINPro-bold';
    margin-bottom: 10px;
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(3) .deployed p {
    color: #303030;
    font-size: 15px;
    font-family: 'DINPro-regular';
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(3) .deployed p.main {
    color: #303030;
    font-size: 23px;
    font-family: 'DINPro-bold';
    margin-bottom: 10px;
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(4) .deployed p {
    color: #303030;
    font-size: 15px;
    font-family: 'DINPro-regular';
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(4) .deployed p.main {
    color: #303030;
    font-size: 23px;
    font-family: 'DINPro-bold';
    margin-bottom: 10px;
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(5) .deployed p {
    color: #303030;
    font-size: 15px;
    font-family: 'DINPro-regular';
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(5) .deployed p.main {
    color: #303030;
    font-size: 23px;
    font-family: 'DINPro-bold';
    margin-bottom: 10px;
}

#g6 #section-5 .inner .wrapper-accordion .item:last-of-type .deployed p {
    color: #303030;
    font-size: 15px;
    font-family: 'DINPro-regular';
}

#g6 #section-5 .inner .wrapper-accordion .item:last-of-type .deployed p.main {
    color: #303030;
    font-size: 23px;
    font-family: 'DINPro-bold';
    margin-bottom: 10px;
}

#g6 #section-5 .inner .wrapper-accordion .item .deployed .picto {
    text-align: left;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 2%;
}

#g6 #section-5 .inner .wrapper-accordion .item:first-of-type .deployed .picto p {
    font-family: 'DINPro-bold';
    color: #fff;
    text-align: center;
    font-size: 20px;
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(2) .deployed .picto p {
    font-family: 'DINPro-bold';
    color: #303030;
    text-align: center;
    font-size: 20px;
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(3) .deployed .picto p {
    font-family: 'DINPro-bold';
    color: #303030;
    text-align: center;
    font-size: 20px;
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(4) .deployed .picto p {
    font-family: 'DINPro-bold';
    color: #303030;
    text-align: center;
    font-size: 20px;
}
#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(5) .deployed .picto p {
    font-family: 'DINPro-bold';
    color: #303030;
    text-align: center;
    font-size: 20px;
}

#g6 #section-5 .inner .wrapper-accordion .item:last-of-type .deployed .picto p {
    font-family: 'DINPro-bold';
    color: #303030;
    text-align: center;
    font-size: 20px;
}

#g6 #section-5 .inner .wrapper-accordion .item .deployed .picto .img img {
    display: inline-block;
    margin: 10px 5px;
    width: 60px;
    /* Switch width to 60px if there's 4 items */
}

#g6 #section-5 .inner .wrapper-accordion .item:first-of-type .deployed .picto .img img:last-of-type,
#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(2) .deployed .picto .img img:last-of-type,
#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(4) .deployed .picto .img img:last-of-type {
    -webkit-filter: drop-shadow(0px 0px 5px #eb212e);
    filter: drop-shadow(0px 0px 5px #eb212e);
}

#g6 #section-5 .inner .wrapper-accordion .item .deployed .cta {
    position: absolute;
    bottom: 30px;
    width: max-content;
    left: 50%;
    transform: translate(-50%, 0);
}

#g6 #section-5 .inner .wrapper-accordion .item:nth-of-type(3) .deployed .cta {
    position: absolute;
    bottom: 30px;
    width: max-content;
    left: 60%;
    transform: translate(-50%, 0);
}

#g6 #section-5 .inner .wrapper-accordion .item:last-of-type .deployed .cta {
    position: absolute;
    bottom: 30px;
    width: max-content;
    left: 50%;
    transform: translate(-50%, 0);
}

#g6 #section-5 .inner .wrapper-accordion .item .deployed p.disclaimer {
    color: #fff;
    font-size: 8px;
    position: absolute;
    bottom: 20px;
    right: 2%;
}

#g6 #section-5 .inner .wrapper-accordion .item.active .reduced {
    display: none;
}

#g6 #section-5 .inner .wrapper-accordion .item.active .deployed {
    display: block;
}

@media screen and (max-width: 1024px) {
    #g6 #section-5 .inner .wrapper-accordion .item .title h5 {
        min-height: 70px;
    }

    #g6 #section-5 .inner .wrapper-accordion .item .deployed a {
        left: 70% !important;
    }

    #g6 #section-5 .inner .wrapper-accordion .item .deployed p.disclaimer {
        bottom: 10px;
    }
}


/** SECTION 6 **/

#g6 #section-6 {
    clear: both;
    padding: 70px 0;
}

/** SECTION 7 **/
#g6 #section-7 {
    display: none;
}

#g6 #section-7 .inner {
    width: 100%;
    max-width: 1600px;
}

#g6 #section-7 .inner .wrapper-table .static-column {
    width: 20%;
    float: left;
    padding: 0 1%;
}

#g6 #section-7 .inner .wrapper-table .head {
    /* height: 110px; */
    height: 150px;
}

#g6 #section-7 .inner .wrapper-table .head img {
    /* width: 172px; */
    height: 150px;
    margin: 0 auto;
}

#g6 #section-7 .inner .wrapper-table .static-column .table-body .row-collection p {
    text-transform: uppercase;
    color: #eb322f;
    text-align: left;
}

#g6 #section-7 .inner .wrapper-table .table-body .row-collection {
    height: 100px;
    border-bottom: 1px solid #f6f5fa;
}

#g6 #section-7 .inner .wrapper-table .table-body .row-collection p {
    text-transform: uppercase;
    color: #eb322f;
    font-size: 22px;
    line-height: 1;
    padding: 39px 0;
    text-align: center;
    margin: 0;
    font-family: 'DINPro-bold';
}

#g6 #section-7 .inner .wrapper-table .static-column .table-body .row-classic p {
    color: #eb322f;
    text-align: left;
    line-height: 1;
    font-family: 'DINPro-bold';
}

#g6 #section-7 .inner .wrapper-table .table-body .row-classic {
    height: 80px;
    border-bottom: 1px solid #f6f5fa;
}

#g6 #section-7 .inner .wrapper-table .table-body .row-classic:last-of-type {
    border-bottom: none;
}

#g6 #section-7 .inner .wrapper-table .table-body .row-classic p {
    color: #23282c;
    text-align: center;
    padding: 29px 0;
    line-height: 1;
}

#g6 #section-7 .inner .wrapper-table .static-column .table-body .row-plus p {
    color: #eb322f;
    text-align: left;
    line-height: 1.2;
    font-family: 'DINPro-bold';
}

#g6 #section-7 .inner .wrapper-table .table-body .row-plus {
    height: 100px;
    border-bottom: 1px solid #f6f5fa;
}

#g6 #section-7 .inner .wrapper-table .table-body .row-plus p {
    color: #23282c;
    text-align: center;
    line-height: 1.2;
    padding: 31px 0;
}

#g6 #section-7 .inner .wrapper-table .table-body .row-plus img {
    padding-top: 10px;
}

#g6 #section-7 .inner .wrapper-table .slider-table {
    width: 80%;
    float: left;
}

#g6 #section-7 .inner .wrapper-table .slider-table .item {
    padding: 0 1%;
    outline: none;
}

#g6 #section-7 .inner .wrapper-table .slider-table .item .table-body div img {
    margin: 0 auto;
}

#g6 #section-7 .inner .wrapper-table .slider-table .item .row-cta {
    text-align: center;
    margin-bottom: 70px;
}

#g6 #section-7 .inner .wrapper-table .slider-table .item .row-cta a {
    /*    width: 100%;*/
    letter-spacing: 0;
    font-size: 14px;
}

@media screen and (max-width: 1024px) {
    #g6 #section-7 .inner .wrapper-table .slider-table .item .row-cta a {
        font-size: 11px;
    }
}

/** SECTION 8 **/

#g6 #section-8 {
    padding: 0;
    clear: both;
}

#g6 #section-8 .inner {
    width: 100%;
}

#g6 #section-8 .inner .item {
    padding-bottom: 60px;
}

#g6 #section-8 .inner .item .wrapper-right {
    background-color: #fff;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    width: 510px;
    padding: 80px 60px;
    text-align: left;
    margin: 40px 0 0;
    height: 440px;
    position: relative;
    left: 60%;
}

#g6 #section-8 .inner .item .wrapper-right .title {
    padding: 0 0 40px;
}

#g6 #section-8 .inner .item .wrapper-right .title h2 {
    color: #eb322f;
    font-size: 65px;
    font-family: 'DINPro-bold';
    line-height: 0.8;
}

#g6 #section-8 .inner .item .wrapper-right .title h2 span {
    color: #3b3c4b;
    font-size: 45px;
    font-family: 'DINPro-bold';
}

#g6 #section-8 .inner .item .wrapper-right p {
    color: #3b3c4b;
    font-size: 15px;
    font-family: 'DINPro-regular';
    line-height: 1.4;
    margin-bottom: 20px;
}

#g6 #section-8 .inner .item .wrapper-right a {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    display: inline-block;
}

#g6 #section-8 .inner .item .wrapper-right a span:first-of-type {
    font-family: 'DINPro-medium';
}


#g6 #section-8 .inner .arrow {
    position: absolute;
    z-index: 10;

}

#g6 #section-8 .inner .arrow:hover {
    cursor: pointer;
}

#g6 #section-8 .inner .arrow.prev {
    left: 2%;
    top: 50%;
    transform: translate(0, -50%);
}

#g6 #section-8 .inner .arrow.next {
    right: 2%;
    top: 50%;
    transform: translate(0, -50%);
}

@media screen and (max-width: 1280px) {
    #g6 #section-8 .inner .item .wrapper-right {
        left: 50%;
    }

}

@media screen and (max-width: 1024px) {
    #g6 #section-8 .inner .item .wrapper-right {
        left: 45%;
    }
}

/** SECTION 9 **/

#g6 #section-9 {
    background-position: top center;
    padding-bottom: 90px;
}

#g6 #section-9 .inner {
    text-align: center;
    position: relative;
}

#g6 #section-9 .inner .title {
    padding: 0;
    display: block;
    z-index: 15;
    position: relative;
    margin: 8% auto;
    width: 280px;
}

#g6 #section-9 .inner .title h2 {
    color: #fff;
    font-size: 32px;
    line-height: 1;
    position: relative;
    display: inline-block;
    text-shadow: 0px 0px 30px black;
    font-family: 'DINPro-bold';
}

#g6 #section-9 .inner .title h2:before {
    content: '';
    width: 99px;
    height: 25px;
    background-image: url('https://www.tefal.com/medias/tef-ix-braket-left.png?context=bWFzdGVyfHJvb3R8MjIwfGltYWdlL3BuZ3xoZjkvaGY1LzEzNTM2NjkwNzAwMzE4LnBuZ3xiOWI5Njk5ODE5NDk0YjhiN2Q4ZjQwNjZjMmNhZDdkNjc2OTY5MzYwYmFhODY5YjcyOTk5OGUwZmZiN2JlOTQ5');
    position: absolute;
    display: block;
    left: -25px;
    top: -35px;
}

#g6 #section-9 .inner .title h2:after {
    content: '';
    width: 99px;
    height: 25px;
    background-image: url('https://www.tefal.com/medias/tef-ix-braket-right.png?context=bWFzdGVyfHJvb3R8MjIzfGltYWdlL3BuZ3xoZjAvaGNhLzEzNTM2NjkwNzk4NjIyLnBuZ3xkNTY5NDY5YmM0NGM3YTdlMjk0YmEyMDUyMTEwNmE5Nzk4YjRmMzFjMzNjZmZhNzY4ZTUyMDU2YjhjZDM2YjU1');
    position: absolute;
    display: block;
    right: -25px;
    bottom: -40px;
}

#g6 #section-9 .inner a {
    font-size: 20px;
    color: #3b3c4b;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 10px;
    border: 1px solid #fff;
    font-family: 'DINPro-regular';
    background-color: rgba(255, 255, 255, 0.6);
}

div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:0 0;overflow:hidden}div.rating-cancel,div.rating-cancel a{background:url(../img/delete.gif) 0 -16px no-repeat}div.star-rating,div.star-rating a{background:url(../img/star.gif) no-repeat}div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0;border:0}div.star-rating-on a{background-position:0 -32px!important}div.star-rating-hover a{background-position:0 -32px}div.star-rating-readonly a{cursor:default!important}div.star-rating{background:0 0!important;overflow:hidden!important}