@font-face {
    font-family: 'Kamerik';
    src: url('../fonts/Kamerik105Cyrillic-Book.woff2') format('woff2'),
        url('../fonts/Kamerik105Cyrillic-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kamerik';
    src: url('../fonts/Kamerik105Cyrillic-Bold.woff2') format('woff2'),
        url('../fonts/Kamerik105Cyrillic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kamerik';
    src: url('../fonts/Kamerik105Cyrillic-Light.woff2') format('woff2'),
        url('../fonts/Kamerik105Cyrillic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


body, html {height:100%;margin:0;}
body {font-family: Kamerik, Helvetica, Arial, sans-serif;font-weight: normal;color:#FFF;background-color:#000;}
.container {width:100%;max-width:1440px;padding:90px 7vw;box-sizing: border-box;margin:0 auto;position: relative;overflow:hidden;}
.burger {position: absolute;top:90px;right:20px;width:85px;height:57px;cursor:pointer;}
.burger img {transition:all 0.5s;}
.burger:hover img {filter: brightness(0) saturate(100%) invert(74%) sepia(16%) saturate(1096%) hue-rotate(10deg) brightness(85%) contrast(98%);}
.menu {width:280px;height:400px;position: absolute;top:70px;right:0;background: #1e4581 url(../images/blue-menu-gradient.png);background-size:cover;border-radius:10px;transform:translateX(100%);transition:all 0.5s;}
.menu.opened {transform: translateX(0);}
.menu .burger-close {width:57px;height:57px;position: absolute;top:20px;right:20px;cursor: pointer;}
.menu .burger-close img {transition:all 0.5s;}
.menu .burger-close:hover img {filter: brightness(0) saturate(100%) invert(74%) sepia(16%) saturate(1096%) hue-rotate(10deg) brightness(85%) contrast(98%);}
.menu .menu-contain {position: relative;top:110px;}
.menu .menu-contain .menu-item {text-align: center;font-size:24px;line-height: 1em;padding:0 20px 30px 20px;color:#FFF;letter-spacing: 0.07em;transition:all 0.5s;}
.menu .menu-contain .menu-item, .menu .menu-contain .menu-item a {color:#FFF;text-decoration: none;cursor:pointer;transition:all 0.5s;}
.menu .menu-contain .menu-item.active a, .menu .menu-contain .menu-item:hover, .menu .menu-contain .menu-item:hover a {color:#bda756;}
@media screen and (min-width : 1440px) {
    .container {padding:90px 100px;}
}
.gold-type {color:#bda756;}
.logo-img {text-align: center;}
.logo-img img {width:44%;}
.logo-tag {font-weight: 300;letter-spacing: 1em;text-align: center;padding-top:30px;font-size:2vw;}
@media screen and (min-width : 1440px) {
    .logo-tag {font-size: 30px;}
}
.top-pad-100 {padding-top:100px;}
.two-col, .three-col {width:100%;display:flex;flex-wrap:wrap;align-items: center;}
.three-col {margin-top:80px;}
.two-col .col {width:50%;}
.two-col .col.col1.col1a {width:45%;padding-right: 30px;box-sizing: border-box;}
.two-col .col.col2.col2a {width:55%}
.two-col .col.col1 {align-self: flex-end;}
.three-col .col {width:33%;text-align: center;display:flex;justify-content: center;}
.three-col .col .col-contain {max-width: 409px;}
.three-col .col .gold-bubble img {width:56%;}
.three-col .col.col1 .gold-bubble, .three-col .col.col2 .gold-bubble {border-right:1px solid #FFF;}
.gold-bubble {position: relative;margin-bottom:40px;transform: scale(0);transition: all 0.5s;}
.gold-bubble.gb2 {transition-delay: 0.5s;}
.gold-bubble.gb3 {transition-delay: 1s;}
.gold-bubble.in-view {position: relative;margin-bottom:40px;transform: scale(1);}
.gold-bubble .stat {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size:24px;line-height: 1em;font-weight: normal;color:#FFF;letter-spacing: 0.06em;}
.gold-bubble .stat span {font-weight: bold;padding-bottom:10px;display:block;font-size: 39px;}
.three-col .text-section {background:url(../images/blue-gradient-bg.png);background-size:cover;padding:30px;text-align: center;filter:brightness(1.3);min-height: 399px;box-sizing: border-box;margin:0 10px;border-radius: 10%;}
.three-col .text-section .head-word {font-size:30px;line-height:1.2em;font-weight: bold;filter:brightness(0.8);}
.three-col .text-section .subhead {font-size:15px;line-height: 1.2em;font-weight:bold;padding-bottom: 40px;letter-spacing:0.07em;}
.three-col .text-section .full-text {font-size:18px;line-height:1.4em;letter-spacing: 0.06em;font-weight: normal;}
.headline {font-size:5.4vw;font-weight: bold;line-height: 0.9em;}
.savoir-plus .headline {font-size:3.8vw;line-height: 1.07em;}
.type20 {font-size: 20px;line-height: 1.25em;padding-top:5vw;font-weight: bold;width:100%;}
.savoir-plus .innover .type20 {width:85%;}
.ml-container .type20 {padding-top:20px;}
.tenron {position: relative;background:url(../images/tenron-bg.jpg);background-size:cover;margin-top:60px;width:120%;margin-left:-10%;padding:0 10% 100px 10%;box-sizing: border-box;}
.savoir-plus .tenron.nobg {background:#000;}
.tenron .two-col .col.col1 {align-self: normal;}
.tenron .icons {position: relative;display:flex;justify-content: space-between;margin-top:60px;max-width: 500px;transform:scale(0);transition:all 0.5s;}
.tenron .icons.in-view {transform: scale(1);}
.tenron .icons img {width:25%;}
.innover .big-dl {position: absolute;left:25%;top:-91px;}
.tenron .two-col {align-items: flex-start;}
.tenron .col.col2 .long-text {font-size:18px;line-height: 1.44em;font-weight: normal;padding-left:100px;}
.tenron .col.col2 .long-text p {padding-bottom:10px;margin-bottom:0;}
p.download {margin-top:60px;display:flex;justify-content: center;align-items:center;font-weight: bold;font-size:25px;}
p.download.left {text-align: left;justify-content: flex-start;}
p a {color:#FFF;text-decoration: none;transition: all 0.5s;}
p:hover a {color:#bda756;}
p.download img {width:42px;margin-right:10px;}
.innover {position: relative;background:url(../images/innover-bg.jpg);background-size:cover;width:120%;margin-left:-10%;padding:0 10% 100px 10%;box-sizing: border-box;}
.savoir-plus .innover {background:url(../images/solution-bg.jpg);background-size:cover;}
.innover .flame {max-width: 504px;width:100%;}
.innover .two-col {align-items:flex-start;}
.savoir-plus .innover .two-col.top-pad {padding-top:30px;}
.savoir-plus .innover .big-dl-icon {width:182px;position: absolute;top:0;right:22%;transform: translateY(-50%);}
.innover .color-tiles {position: relative;display:flex;flex-wrap:wrap;max-width: 504px;justify-content: space-between;margin-top:30px;}
.innover .color-tiles .tile-contain {width: 219px;max-width:43%;position: relative;transform:scale(0);transition: all 0.5s;}
.innover .color-tiles .tile-contain.tc2 {transition-delay:1s;}
.innover .color-tiles .tile-contain.in-view {transform: scale(1);}
.innover .color-tiles .tile {padding:30px;font-size:16px;line-height: 1.375em;letter-spacing: 0.06em;font-weight: normal;background-color:#be8a2d;text-align: center;box-sizing:border-box;height:170px;}
.innover .color-tiles .tile.tile2 {background-color:#3f7e43;}
.tile-contain .tile-bottom img {width:100%;}
.innover .col.col2 {padding-left:100px;box-sizing:border-box;}
.bullets {margin-top:100px;}
.bullets table {border-collapse: collapse;}
.bullets table tr td {font-size:19px;line-height: 22px;font-weight: bold;padding-top:30px;}
.bullets table tr td.bpos {padding-top:24px;}
tr.border-below {border-bottom:1px solid #FFF;}
td.bullet-text {padding-bottom:20px;}
.innover .headline {padding-top:80px;}
.innover .bottom-gradient {position: absolute;bottom:0;left:0;height:100px;width:100%;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.faq h2 {font-size:50px;}
.faq .questions {margin-top:10px;}
.faq .questions .question {border-bottom: 1px solid #FFF;padding-bottom:20px;margin-bottom:30px;cursor:pointer;}
.faq .questions .question .title {display:flex;justify-content: space-between;align-items:center;width:100%;}
.faq .questions .question .askme {font-size:27px;font-weight: bold;}
.faq .questions .question .chevron {width:40px;}
.faq .questions .question .expand {width:43px;transition:all 0.5s}
.faq .questions .question.open .expand {transform: rotate(180deg);}
.faq .questions .question .answer {font-size:18px;font-weight: normal;padding-top:0;transition:all 0.5s;max-height:0;overflow:hidden;}
.faq .questions .question.open .answer {max-height:none;padding-top:20px;}
.footer {position:relative;width:100%;padding-top:50px;}
.footer .contact {position: relative;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.footer .contact .phone {width:50%;font-size:30px;font-weight: bold;}
.footer .contact .phone h2 {font-size:49px;margin:0;width:100%;}
.footer .contact .phone a {color:#FFF;text-decoration: none;}
.footer .contact .phone a:hover {text-decoration: underline;}
.footer .contact .address .footer-logo {max-width: 336px;padding-bottom:60px;text-align: right;}
.footer .contact .address .footer-logo img {width: 100%;}
.footer .contact .address {font-size:25px;font-weight: bold;text-align: right;}
.footer .safety-first {width:120%;margin-left:-10%;position: relative;transform:scale(0);transition: all 0.5s;}
.footer .safety-first.in-view {transform: scale(1);}
.footer .safety-first img {width:100%;}
.footer .safety-first .txt {position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);letter-spacing:3vw;font-size: 23px;line-height: 1em;color:#FFF;font-weight: 300;text-align: center;width:100%;}
.footer .copyright {font-size: 18px; text-align: center;padding:50px 0 0 0;line-height: 1.3em;}
.footer .copyright a {color:#FFF;text-decoration: underline;transition: all 0.5s;}
.footer .copyright a:hover {color:#bda756;}
.dim {opacity:0.5;}
.longlife {border-collapse: collapse;}
.longlife.top-margin {margin-top:50px;}
.longlife.top-margin-30 {margin-top:30px;}
.longlife tr td {font-size:30px;line-height: 1em;color:#bda756;padding-top:60px;font-weight: bold;text-align:left;}
.longlife.locatable tr td {font-size:26px;line-height: 1.15em;color:#FFF;padding-top:30px;}
.econicon {width:124px;font-size:21px;text-align: center;line-height: 1em;margin-top:50px;width:50%;}
.econicon p {margin:0;padding-top:30px;font-weight: bold;}
.econicon img {width:124px;}
.tenron .two-col.space-around .col {display:flex;justify-content: space-around;flex-wrap:wrap;}
.tenron .two-col.space-around {padding:30px 0;}
.ml-container {width:1024px;margin: 50px auto 0 auto;}
.divider {width:100%;height:20px;border-bottom:1px solid #FFF;margin-bottom:40px;}
table.cookie-types {width:100%;}
.lang-select {position: absolute;top:50px;right:20px;font-size:18px;font-weight: bold;}
.lang-select a {color:#FFF;text-decoration: none;transition:all 0.5s;}
.lang-select a:hover, .lang-select a.active {color:#bda756;}
img.localisable {transform: scale(0);transition:all 0.5s;}
img.localisable.in-view {transform: scale(1);}
@media screen and (min-width : 1440px) {
    .headline {font-size: 77px;}
    .col.col1.col1a .headline, .savoir-plus .headline {font-size:55px;line-height: 1.07em;}
    .type20 {padding-top:60px;width:80%;font-size: 20px;line-height: 1.25em;font-weight: bold;}
    .innover .type20 {width:100%;}
    .savoir-plus .innover .type20 {width:85%}
    .footer .safety-first .txt {letter-spacing:2em;}
}
.button-savoir-plus {margin-top:60px;}
.button-savoir-plus.anim {transform:scale(0);transition: all 0.5s;}
.button-savoir-plus.anim.in-view {transform: scale(1);}
.button-savoir-plus.centered {text-align: center;}
.innover .button-savoir-plus.centered {max-width:504px;}
img.anim {transform: scale(0);transition: all 0.5s;}
img.anim.in-view {transform: scale(1);}
img.ra {animation: pulse 12s infinite ease;}
img.ra.ra2 {animation-delay: 1s;}
img.ra.ra3 {animation-delay: 2s;}
img.ra.ra4 {animation-delay: 3s;}
img.ra.ra5 {animation-delay: 4s;}
img.ra.ra6 {animation-delay: 5s;}
@keyframes pulse {
    0% {filter: brightness(1);}
    25% {filter: brightness(1);}
    50% {filter: brightness(9);}
    75% {filter: brightness(1);}
    100% {filter: brightness(1);}
}


@media screen and (max-width : 1240px) {
    .three-col .col {width:100%;margin-bottom:60px;}
    .three-col .col.col1 .gold-bubble, .three-col .col.col2 .gold-bubble {border:none;}
    .innover .big-dl {left:calc(50% - 91px);}
}
@media screen and (max-width : 1023px) {
    .ml-container {width:100%;}
}
@media screen and (max-width : 968px) {
    .tenron .col, .innover .col, .intro.two-col .col.col1.col1a, .intro.two-col .col.col2.col2a {width:100%;}
    .intro.two-col .col.col2.col2a {padding-top:50px;}
    .tenron .col.col2 .long-text, .innover .col.col2 {padding-left:0;}
    .tenron .icons, .tenron .big-dl {max-width: none;}
    .innover .col.col1 {text-align: center;}
    .innover .color-tiles {margin:30px auto 0 auto;}
    .innover .button-savoir-plus.centered {max-width: none;}
    .innover .color-tiles .tile-contain {min-width: 219px;margin:0 auto 30px auto;}
    .faq .questions .question .askme {font-size:22px;}
    .footer .safety-first .txt {font-size:18px;}
    .footer .contact .phone h2 {font-size:36px;width:100%;text-align: center}
    .footer .contact .phone {font-size:22px;text-align: center;width:100%;}
    .footer .contact .address {width:100%;text-align: center;margin-top:30px;}
    .footer .contact .address .footer-logo {max-width: 300px;text-align: center;margin:0 auto;padding-bottom: 20px;}
    .mobile-margin-top {margin-top:60px;}
    .longlife {width:100%;}
    .longlife br {display: none;}
    .longlife br.no-hide {display: initial;}
    .savoir-plus .innover .type20 {width:100%;}
    .savoir-plus .innover .big-dl-icon {right:calc(50% - 91px);}
}
@media screen and (max-width : 797px) {
    .type-20 {font-size:16px;}
    .two-col {padding-top:50px;}
    .innover .two-col {padding-top:0;}
    .two-col .col {width:100%;}
    .headline, .savoir-plus .headline {font-size:8vw;}
    .button-savoir-plus {text-align: center;}
    .savoir-plus .tenron {padding:0 10%;}
}
@media screen and (max-width : 568px) {
    .container {padding:70px 24px;}
    .logo-tag {letter-spacing: 0.5em; padding-top:10px;font-size: 4vw;}
    .logo-img img {width:60%;}
    .three-col .col .gold-bubble img {width:229px;}
    .footer .safety-first .txt {font-size:15px;letter-spacing:2vw;}
    .burger {top:20px;width:40px;height:27px;}
    .menu {top:0;}
    .menu .burger-close {width:40px;height:40px;}
    .lang-select {top:20px;right:auto;left:20px;}
}