/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
** Icons Fonts Glyphter
*/
@font-face {
    font-family: 'Glyphter';
    font-display: auto;
    src: url('./fonts/Glyphter.eot');
    src: url('./fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Glyphter.woff') format('woff'),
    url('./fonts/Glyphter.ttf') format('truetype'),
    url('./fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='font-']:before,
[class*='font-']:after {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
}
[class*='font-'].red:before,
[class*='font-'].red:after {
    color: hsl(352, 84%, 44%) !important;
}
.font-square-right-arrow:after {
    content: '\0041' !important;
}
.font-right-arrow:before {
    content: '\0042' !important;
    font-size: 1.1rem;
}
.font-magnify-glass:before {
    content: '\0043' !important;
    font-size: .8rem;
}
.font-globe:before {
    content: '\0044' !important;
}
.font-qnav-color-tool:before {
    content: '\0045';
}
.font-qnav-wtb:before {
    content: '\0046';
}
.font-qnav-contact:before {
    content: '\0047';
}
.font-qnav-documentation:before {
    content: '\0048';
}
.font-qnav-backtop:before {
    content: '\0049';
}
.font-fb-durable--filled:before {
    content: '\004a';
}
.font-fb-durable--linear:before {
    content: '\004b';
}
.font-fb-tough--filled:before {
    content: '\004c';
}
.font-fb-tough--linear:before {
    content: '\004d';
}
.font-fb-clean--filled:before {
    content: '\004e';
}
.font-fb-clean--linear:before {
    content: '\004f';
}
.font-fb-nonporous--filled:before {
    content: '\0050';
}
.font-fb-nonporous--linear:before {
    content: '\0051';
}
.font-fb-repairable--filled:before {
    content: '\0052';
}
.font-fb-repairable--linear:before {
    content: '\0053';
}
.font-fb-seamless--filled:before {
    content: '\0054';
}
.font-fb-seamless--linear:before {
    content: '\0055';
}
/* *:not(.unset) {
    transition: opacity .5s ease-in, display .5s ease-in;
    transition-behavior: allow-discrete;
    &[hidden] {
        opacity: 0;
        display: none !important;
        transition-duration: .4s;
        transition-timing-function: ease-out;
     }
    @starting-style { opacity: 0 }
} */
/* lato-300 - latin */
@font-face {
    font-family: 'Lato';
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/lato-v14-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Lato Light'), local('Lato-Light'),
    url('./fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('./fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/lato-v14-latin-300.svg#Lato') format('svg');
    /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/lato-v14-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'),
    url('./fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/lato-v14-latin-regular.svg#Lato') format('svg');
    /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
    font-family: 'Lato';
    font-display: auto;
    font-style: normal;
    font-weight: 900;
    src: url('./fonts/lato-v14-latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Lato Black'), local('Lato-Black'),
    url('./fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('./fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/lato-v14-latin-900.svg#Lato') format('svg');
    /* Legacy iOS */
}
.spip-admin-bloc,
.spip-admin-float {
    left: 0;
}
.preloader:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/gif;base64,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')
}
#dupontCorian * {
    box-sizing: border-box;
}
body {
    color: hsl(0, 0%, 20%);
    font-family: 'Lato', sans-serif;
    font-size: 0.85rem;
    letter-spacing: 0.02rem;
    background-color: #fff;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#dupontCorian canvas:not(.unset) {
    width: 100%;
    height: auto;
}
#dupontCorian iframe:not(.unset) {
    width: 100%;
}
#dupontCorian .bold {
    font-weight: 900 !important;
}
#dupontCorian .fadeInLeft,
#dupontCorian .fadeInRight,
#dupontCorian .fadeInTop,
#dupontCorian .fadeInBottom,
#dupontCorian .fadeInListTop,
#dupontCorian .fadeInListBottom,
#dupontCorian .fadeInListLeft > *,
#dupontCorian .fadeInListRight > *,
#dupontCorian .fadeInListTop > *,
#dupontCorian .fadeInListBottom > * {
    opacity: 0;
}
#dupontCorian .fadeInTop,
#dupontCorian .fadeInListTop > * {
    transform: translateY(-5rem);
}
#dupontCorian .fadeInBottom,
#dupontCorian .fadeInListBottom > * {
    transform: translateY(5rem);
}
#dupontCorian .fadeInLeft,
#dupontCorian .fadeInListLeft > * {
    transform: translateX(-5rem);
}
#dupontCorian .fadeInRight,
#dupontCorian .fadeInListRight > * {
    transform: translateX(5rem);
}
#dupontCorian span[data-trad *='*'],
#dupontCorian div[data-trad *='*'],
#dupontCorian p[data-trad *='*'] {
    display: none !important;
}
#dupontCorian .red-separator {
    display: block;
    width: 2px;
    height: 25px;
    margin: 1.5rem auto;
    background-color: hsl(352, 84%, 44%)
}
#dupontCorian .red {
    color: hsl(352, 84%, 44%) !important;
}
#dupontCorian .center {
    text-align: center;
}
#dupontCorian .title {
    font-weight: 400;
    font-size: 2rem;
    margin: 1rem 0;
    padding: 0;
}
#dupontCorian .title h1:not(.unset),
#dupontCorian .title h2:not(.unset) {
    font-weight: 400 !important;
    margin: 0 !important;
    font-size: 1.5em !important;
    text-wrap: balance;
}
#dupontCorian .title h1 sup, h1.title sup,
#dupontCorian .title h2 sup, h2.title sup {
    vertical-align: super;
    font-size: 40%;
}
#dupontCorian .subtitle {
    font-size: 1.4rem !important;
    line-height: 1.8rem;
    font-weight: 500;
    margin-bottom: 2rem;
    color: hsl(0, 0%, 55%);
}
#dupontCorian .text:not(.unset) {
    line-height: 1.8rem;
    font-size: 1.2rem;
}
#dupontCorian .credit {
    position: absolute;
    z-index: 5;
    right: 5%;
    bottom: 5%;
    color: hsla(0, 0%, 0%, .8);
    font-size: .7rem;
    letter-spacing: 0.03rem;
    background-color: rgba(255, 255, 255, .15);
    padding: .5rem;
}
#dupontCorian p:not(.unset) {
    margin: 0;
}
#dupontCorian .text p:not(.unset) {
    margin-bottom: 1rem;
}
#dupontCorian a:not(.unset) {
    outline: none;
    text-decoration: none;
    color: hsl(0, 0%, 40%);
    text-decoration: none;
    position: relative;
}
#dupontCorian article a:not(.unset) {
    color: hsl(352, 84%, 44%);
}
#dupontCorian a:hover:not(.unset) {
    text-decoration: none;
}
#dupontCorian a.red-button {
    display: inline-block;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: hsl(0, 0%, 100%) !important;
    background-color: hsl(352, 84%, 44%);
    transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    text-decoration: none;
    font-weight: 900;
}
#dupontCorian a.red-button + a.red-button {
    margin-left: 1rem;
}
#dupontCorian a.red-button:after {
    display: block;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 0.5rem;
    top: 0.42rem;
    font-weight: 300;
}
#dupontCorian a.red-button.font-right-arrow:before {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform-origin: center 0;
    transform: scale(.8) translateY(-50%);
}
#dupontCorian a.red-button.close:after {
    content: 'x';
}
#dupontCorian a.red-button:hover {
    padding-left: 1.35rem;
    padding-right: 2.85rem;
    background-color: hsl(352, 84%, 40%) !important;
}
#dupontCorian a.anim-stroke:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: -5px;
    z-index: 0;
    transition: all 400ms ease;
}
#dupontCorian a.anim-stroke.red:after {
    background-color: hsl(352, 84%, 44%)
}
html.no-touch #dupontCorian a.anim-stroke:hover:after,
#dupontCorian a.anim-stroke.active:after {
    width: 100%;
    left: 0;
}
#dupontCorian .breadcrumb {
    padding: 0;
    font-size: small;
    position: relative;
    z-index: 5;
    background-color: #fff;
    text-align: center;
}
#dupontCorian .breadcrumb span {
    padding: 0 .6rem;
    display: inline-block;
}
html.no-touch #dupontCorian .breadcrumb a:hover,
#dupontCorian .breadcrumb strong.on {
    color: hsl(352, 84%, 44%);
}
#dupontCorian .header-top_quicknav {
    height: 40px;
}
#dupontCorian .header-top_quicknav a.arrow.grey:hover {
    text-decoration: underline;
}
#dupontCorian .header-top_quicknav a.arrow.grey:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 6px;
    background-image: url(../img/common/link-grey-arrow-right.png);
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
    left: -5px;
}
#dupontCorian .no-link {
    pointer-events: none !important;
}
#dupontCorian .no-date {
    display: none !important;
}
#dupontCorian .legend {
    font-size: .7rem;
    padding: .5rem 0px;
    color: hsl(0, 0%, 60%);
    line-height: 1.4;
}
#dupontCorian #dupontCorian img {
    border: none
}
#dupontCorian .pad0 {
    padding: 0 !important;
}
#dupontCorian .pad1 {
    padding: 1rem;
}
#dupontCorian .pad1-l {
    padding-left: 1rem;
}
#dupontCorian .pad1-r {
    padding-right: 1rem;
}
#dupontCorian .pad2 {
    padding: 2rem;
}
#dupontCorian .pad2-l {
    padding-left: 2rem;
}
#dupontCorian .pad2-r {
    padding-right: 2rem;
}
#dupontCorian .pad3 {
    padding: 3rem;
}
#dupontCorian .pad3-l {
    padding-left: 3rem;
}
#dupontCorian .pad3-r {
    padding-right: 3rem;
}
#dupontCorian .pad5 {
    padding: 5rem;
}
#dupontCorian .pad5-l {
    padding-left: 5rem;
}
#dupontCorian .pad5-r {
    padding-right: 5rem;
}
#dupontCorian .pad10 {
    padding: 10rem;
}
#dupontCorian .pad10-l {
    padding-left: 10rem;
}
#dupontCorian .pad10-r {
    padding-right: 10rem;
}
@media (max-width: 1500px) {
    #dupontCorian .pad5 {
        padding: calc(5rem / 2) !important;
    }
    #dupontCorian .pad5-l {
        padding-left: calc(5rem / 2) !important;
    }
    #dupontCorian .pad5-r {
        padding-right: calc(5rem / 2) !important;
    }
    #dupontCorian .pad10 {
        padding: calc(10rem / 2) !important;
    }
    #dupontCorian .pad10-l {
        padding-left: calc(10rem / 2) !important;
    }
    #dupontCorian .pad10-r {
        padding-right: calc(10rem / 2) !important;
    }
}
@media (max-width: 1200px) {
    #dupontCorian .pad5 {
        padding: calc(5rem / 4) !important;
    }
    #dupontCorian .pad5-l {
        padding-left: calc(5rem / 4) !important;
    }
    #dupontCorian .pad5-r {
        padding-right: calc(5rem / 4) !important;
    }
    #dupontCorian .pad10 {
        padding: calc(10rem / 8) !important;
    }
    #dupontCorian .pad10-l {
        padding-left: calc(10rem / 8) !important;
    }
    #dupontCorian .pad10-r {
        padding-right: calc(10rem / 8) !important;
    }
}
#dupontCorian .ease {
    transition: all 400ms ease;
}
#dupontCorian .ease1500,
.ease1500 {
    transition-duration: 1500ms !important;
}
#dupontCorian .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#dupontCorian .grid {
    display: grid;
    display: -ms-grid;
}
#dupontCorian .flex.jc-l {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#dupontCorian .flex.jc-c {
    -ms-flex-pack: center;
    justify-content: center;
}
#dupontCorian .flex.jc-r {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#dupontCorian .flex.jc-sb {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#dupontCorian .flex.jc-sa {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
#dupontCorian .flex.column {
    -ms-flex-direction: column;
    flex-direction: column;
}
#dupontCorian .flex.align-c {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
#dupontCorian .flex.grow > div {
    -ms-flex: 1;
    flex: 1;
}
#dupontCorian .left {
    text-align: left;
}
#dupontCorian .center {
    text-align: center;
}
#dupontCorian .right {
    text-align: right;
}
#dupontCorian.center1140px {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
#dupontCorian.center2200px,
.center2200px {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
}
#dupontCorian .social-bar > a {
    width: 2.5rem;
    text-align: center;
    padding: .5rem .25rem;
}
#dupontCorian .carousel-section {
    background-image: url(../img/section/carousel-temp.jpg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 600px;
    margin: 10rem 0;
}
#dupontCorian .carousel {
    max-width: 50%
}
#dupontCorian .carousel > div {
    max-width: 90%;
    margin: 0 auto;
}
#dupontCorian .carousel .slick-dots {
    position: static;
    margin-top: 1rem;
}
#dupontCorian .carousel .carousel_picture {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: .6rem solid hsl(352, 84%, 44%);
}
#dupontCorian .carousel .carousel_picture img {
    width: 100%;
    height: auto;
}
#dupontCorian .carousel .carousel_title {
    font-size: 1.1rem;
    margin: 1rem 0px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
#dupontCorian .carousel .carousel_title:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 0%;
    height: 1px;
    background-color: hsl(352, 84%, 44%);
    transition: all 600ms ease;
}
#dupontCorian .carousel a:hover .carousel_title:before {
    width: 100%;
    left: 0;
}
#dupontCorian .carousel a {
    display: block;
}
#dupontCorian .carousel a:hover .carousel_title {
    color: hsl(352, 84%, 44%)
}
#dupontCorian .carousel .carousel_description {
    font-size: .8rem;
    text-align: left;
    padding: 0 3rem;
    margin: 1rem 0px;
}
#dupontCorian .header-section-small-like {
    width: 100%;
    height: 400px;
    background-position: center !important;
    overflow: hidden;
    border-bottom: 0px solid hsl(352, 84%, 44%);
    background-color: hsl(0, 0%, 95%);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#dupontCorian .header-section-small-like img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
/*RESPONSIVE TABLETS*/
@media (max-width: 1366px) {
    body {
        overflow-x: hidden;
    }
}
@media (max-width: 1024px) {
    *,
    *:after,
    *:before {
        -webkit-filter: none !important;
        filter: none !important;
    }
    #dupontCorian td {
        display: block;
    }
}
@media (max-width: 1024px) and (orientation: portrait) {
}
@media (max-width: 736px) {
    #dupontCorian video {
        width: 100% !important;
        height: auto !important;
    }
    #dupontCorian a.red-button {
        font-size: 0.7rem;
    }
    #dupontCorian .credit {
        font-size: .3rem;
    }
}
@media screen and (max-width: 414px) {
    #dupontCorian a.red-button {
        transition: none !important;
    }
    #dupontCorian .carousel {
        max-width: 100%;
    }
    #dupontCorian .carousel .slick-dots {
        transform-origin: center 0;
        transform: scale(.7);
    }
    #dupontCorian .carousel .carousel_description {
        text-align: center;
        padding: 0rem;
    }
}