/* BASE */
 @font-face {
     font-family: 'ProximaNova-Regular';
     src: url('../fonts/proxima-regular.eot');
     src: url('../fonts/proxima-regular.woff2') format('woff2'), url('../fonts/proxima-regular.woff') format('woff'), url('../fonts/proxima-regular.ttf') format('truetype'), url('../fonts/proxima-regular.svg#ProximaNova-Regular') format('svg'), url('../fonts/proxima-regular.eot?#iefix') format('embedded-opentype');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'ProximaNova-Bold';
     src: url('../fonts/proxima-bold.eot');
     src: url('../fonts/proxima-bold.woff2') format('woff2'), url('../fonts/proxima-bold.woff') format('woff'), url('../fonts/proxima-bold.ttf') format('truetype'), url('../fonts/proxima-bold.svg#ProximaNova-Regular') format('svg'), url('../fonts/proxima-bold.eot?#iefix') format('embedded-opentype');
     font-weight: normal;
     font-style: normal;
}
 body {
     margin: 0;
     background-color: #000000;
     font-family: 'ProximaNova-Regular', sans-serif;
     font-size: 15px;
     color: #8b8b8b;
}
 body * {
     -webkit-transition-duration: 250ms;
     -moz-transition-duration: 250ms;
     -o-transition-duration: 250ms;
     transition-duration: 250ms;
}
 a {
     color: inherit;
     text-decoration: none;
}
 a:hover {
     color: #EF473A !important;
     text-decoration: none !important;
}
 .menu ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
 img {
     width: 100%;
     display: block;
}
 .menu ul.inline li {
     display: inline;
}
 h1, h2 {
     margin: 0;
     font-size: inherit;
     font-weight: initial;
}
 input, textarea {
     background-color: transparent;
     border: none;
     border-bottom: solid 1px #8b8d90;
     padding-bottom: 12px;
     text-indent: 12px;
     outline: none;
     color: #bfc1c4;
     width: 100%;
     font-size: inherit;
     font-family: inherit;
}
 textarea {
     resize: none;
     height: 85px;
}
 button {
     cursor: pointer;
     background-color: transparent;
     border: solid 1px #848687;
     padding: 15px 100px 13px;
     text-transform: uppercase;
     color: #b9bbbe;
     display: inline-block;
     font-size: 18px;
}
 button:hover {
     background-color: #28292a;
     border: solid 1px #323538;
}
 ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: inherit;
     font-family: inherit;
     font-weight: inherit;
     opacity: 1;
    /* Firefox */
     font-size: 18px;
}
 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     font-family: inherit;
     font-weight: inherit;
     color: inherit;
     font-size: 18px;
}
 ::-ms-input-placeholder {
    /* Microsoft Edge */
     font-family: inherit;
     font-weight: inherit;
     color: inherit;
     font-size: 18px;
}
 .clear {
     clear: both;
}
 .show-on-mobile {
     display: none !important;
}
 .underline {
     border-bottom: solid 1px #dedede;
}
 .button-normal {
     border-radius: 35px;
     display: inline-block;
     text-transform: uppercase;
     border: solid 2px #323538;
     color: #323538;
     font-size: 18px;
}
 .button-normal a {
     border-radius: 30px;
     display: inline-block;
     padding: 15px 80px 14px;
}
 .button-normal a:hover {
     color: #fdfdfd !important;
     background-color: #000000;
}
 .right-effect {
     position: absolute;
     width: 44vw;
     right: -290px;
     bottom: 446px;
}
 .third {
     float: left;
     width: 33.33%;
}
 .seizure {
     padding: 0 20px 40px;
}
 .center {
     text-align: center;
}
 .scrollToTop {
     cursor: pointer;
     display: none;
     position: fixed;
     right: 20px;
     font-size: 20px;
     bottom: 20px;
     color: #323538;
}
 .left-effect {
     position: relative;
}
 .left-effect img {
     position: absolute;
     right: -11px;
     width: 1000px;
     top: -169px;
     pointer-events: none;
}
 .border-shadow {
     position: absolute;
     top: -60px;
}
 .fa-chevron-up:before {
     background-color: rgba(255,255,255,0.5);
     border-radius: 50px;
     width: 50px;
     line-height: 50px;
     height: 50px;
     display: inline-block;
}
 .angle {
     background-color: #FFFFFF;
     position: absolute;
     top: -2px;
     width: 100%;
     -webkit-clip-path: polygon(100% 0, 0 0, 0 32%);
     clip-path: polygon(100% 0, 0 0, 0 32%);
     padding: 400px 0;
}
/* EFFECTS - FADEIN */
 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-o-keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
/* EFFECTS - SLIDE DOWN */
 @-webkit-keyframes slideDown {
     0% {
         top: -100%;
    }
     100% {
         top: 0;
    }
}
 @-moz-keyframes slideDown {
     0% {
         top: -100%;
    }
     100% {
         top: 0;
    }
}
 @-o-keyframes slideDown {
     0% {
         top: -100%;
    }
     100% {
         top: 0;
    }
}
 @keyframes slideDown {
     0% {
         top: -100%;
    }
     100% {
         top: 0;
    }
}
/* MENU - DESKTOP */
 .menu-mobile {
     display: none;
}
 .menu {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 3;
     color: #FFFFFF;
     -webkit-animation: slideDown 2s;
    /* Safari 4+ */
     -moz-animation: slideDown 2s;
    /* Fx 5+ */
     -o-animation: slideDown 2s;
    /* Opera 12+ */
     animation: slideDown 2s;
    /* IE 10+, Fx 29+ */
}
 .menu-desktop {
     background-color: #000000;
     color: #fdfdfd;
}
 .menu-desktop .menu-container {
     max-width: 1455px;
     margin: 0 auto;
     padding: 10px 20px;
     position: relative;
     font-size: 16px;
}
 .menu-desktop .menu-logo {
     float: left;
     width: 20%;
}
 .menu-desktop .menu-logo img {
     max-width: 176px;
     margin-top: 4px;
}
 .menu-desktop .menu-list {
     float: right;
     width: 80%;
}
 .menu-desktop .menu-list ul:first-child {
     margin: 10px 10px 6px 0;
     text-align: right;
}
 .menu-desktop .menu-list a {
     padding: 0 20px;
}
 .menu-desktop .menu-list li:nth-child(4) a {
     padding-right: 10px;
     margin-right: -15px;
}
 .menu-desktop li:nth-child(4) a:hover {
     color: #F4F4F4 !important;
}
 .menu-desktop .button {
     border: solid 2px #FFFFFF;
     padding: 5px 30px;
     border-radius: 30px;
}
 .menu-desktop .button:hover {
     border-color: transparent;
     background-image: linear-gradient(to right,#CB2D3E,#EF473A);
}
 .menu-desktop .menu-list img {
     width: 26px;
     display: inline-block;
     vertical-align: middle;
     border: solid 1px #F4F4F4;
     border-radius: 20px;
}
 .menu-desktop .menu-sublist {
     position: absolute;
     top: -800%;
     right: 36px;
     text-align: left;
     background-color: #000000;
     padding-top: 5px;
     z-index: -1;
}
 .menu-desktop .menu-sublist a {
     padding: 0;
}
 .menu-desktop .menu-link {
     padding: 10px 20px 10px 15px;
}
 .menu-link:hover {
     color: #FFFFFF;
     background-color: rgba(255, 255, 255, 0.1);
}
 .menu-desktop .menu-language {
     margin-left: 16px;
}
/* MENU - MOBILE */
 .menu-mobile .button {
     padding: 5px 30px;
     border-radius: 30px;
     background-image: linear-gradient(to right,#CB2D3E,#EF473A);
     font-size: 18px;
}
 .menu-mobile .button:hover {
     color: #FFFFFF;
}
 .menu-mobile li:nth-child(4) a {
     left: 0;
}
 .menu-mobile-close {
     display: none;
     z-index: 999999999;
     color: white;
}
 .menu-mobile-open, .menu-mobile-close {
     font-size: 16px;
     vertical-align: middle;
}
 .menu-mobile-open i, .menu-mobile-close i {
     position: absolute;
     right: 20px;
     top: 20px;
     font-size: 20px;
     z-index: 4;
}
 .menu-mobile {
     background-color: rgba(0, 0, 0, 0.93);
     position: absolute;
     width: 100%;
     height: 100vh;
     right: -100%;
     top: 0;
}
 .menu-mobile .menu-container {
     position: absolute;
     left: 0;
     right: 0;
     width: 90%;
     margin: 0 auto;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .menu-mobile .menu-container a {
     font-family: 'ProximaNova-Bold', sans-serif;
     font-size: 7vw;
     padding: 30px 0;
     display: inline-block;
     letter-spacing: 2px;
     position: relative;
     left: 20px;
}
/* SLIDES */
 .slides {
     background-color: #FFFFFF;
     -webkit-animation: fadeIn 2s;
    /* Safari 4+ */
     -moz-animation: fadeIn 2s;
    /* Fx 5+ */
     -o-animation: fadeIn 2s;
    /* Opera 12+ */
     animation: fadeIn 2s;
    /* IE 10+, Fx 29+ */
}
 #cover.slides-element {
     background-color: #000000;
     padding: initial;
}
 .slides-animation {
    height: 91vh;
    overflow: hidden;
    position: relative;
}

 .slides-animation video {
     position: absolute;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-filter: grayscale(4) contrast(1.2);
    /* Safari 6.0 - 9.0 */
     filter: grayscale(4) contrast(1.2);
     opacity: 0.12;
     z-index: 1;
}
 .slides-login {
     position: absolute;
     width: 100%;
     height: 10%;
     background-color: #FFFFFF;
     left: 0;
     right: 0;
     z-index: 2;
}
 .slides-login .button {
     padding: 15px 100px;
     border-radius: 35px;
     display: inline-block;
     background-image: linear-gradient(to right,#CB2D3E,#EF473A);
     text-transform: uppercase;
     position: absolute;
     top: -24px;
     left: 50%;
     transform: translateX(-50%);
     color: #F4F4F4;
     font-size: 16px;
}
 .slides-login .button:hover {
     background-image: linear-gradient(to top,#EF473A,#CB2D3E);
     color: #FFFFFF;
}
 .slides-alternative {
     text-align: center;
     margin-top: 36px;
}
 .slides-element {
     padding: 80px 0;
     background-color: #FFFFFF;
}
 #video.slides-element {
     margin-top: 92px;
     padding-top: 40px;
}
 .slides-container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
}
 .slides-title {
     color: #282a2b;
     text-align: center;
}
 .slides-title h2 {
     font-size: 51px;
     font-weight: 400;
     text-transform: uppercase;
}
 .slides-subtitle {
     text-align: center;
     margin-top: 10px;
     line-height: 16px;
     color: #7a7a7a;
     font-size: 20px;
}
 .slides-video {
     margin-top: 55px;
}
 .slides-video iframe {
     width: 100%;
     display: block;
}
 #formats.slides-element {
     background-color: #f4f4f4;
     position: relative;
     overflow: hidden;
}
 .slides-formats {
     max-width: 1100px;
     margin: 130px auto 0;
}
 .slides-format {
     float: left;
     width: 50%;
}
 .slides-card {
     padding: 0 80px 160px;
}
 .slides-picture {
     border-radius: 5px;
     overflow: hidden;
}
 .slides-picture img {
     height: 100%;
     object-fit: cover;
}
 .slides-device {
     text-align: center;
     margin-top: 15px;
     text-transform: uppercase;
     font-size: 14px;
     color: #7a7a7a;
}
 .slides-subject {
     text-align: center;
     text-transform: uppercase;
     color: #282a2b;
     font-weight: 700;
     font-size: 20px;
     margin-top: 18px;
     margin-bottom: 30px;
}
 .slides-text {
     font-size: 18px;
     color: #7a7a7a;
}
 .slides-paragraph {
     margin-bottom: 15px;
}
 .slides-paragraph:last-of-type {
     margin-bottom: 0;
}
 .slides-more {
     text-align: center;
}
 #product.slides-element {
     background-image: url("../img/bg_ere.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     background-position-y: 50%;
     background-attachment: fixed;
}
 #product .slides-title {
     color: #FFFFFF;
}
 #product .slides-subtitle {
     margin: 16px auto 0;
     color: #dcdedf;
     line-height: 30px;
}
 .slides-service {
     margin-bottom: 40px;
}
 .slides-service:last-of-type{
     margin-bottom: 0;
}
 .slides-left {
     float: left;
     width: 50%;
}
 .slides-right {
     float: right;
     width: 50%;
}
 .slides-thumbnail {
     float: left;
     width: 20%;
}
 .slides-description {
     float: right;
     width: 80%;
}
 .slides-thumbnail {
     float: left;
     width: 20%;
     height: 95px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}
 .slides-service:nth-child(1) .slides-thumbnail {
     background-image: url(../img/service-1.svg);
}
 .slides-service:nth-child(2) .slides-thumbnail {
     background-image: url(../img/service-2.svg);
}
 .slides-service:nth-child(3) .slides-thumbnail {
     background-image: url(../img/service-3.svg);
}
 .slides-service:nth-child(4) .slides-thumbnail {
     background-image: url(../img/service-4.svg);
}
 .slides-headline {
     color: #282a2b;
     margin-top: 5px;
     margin-bottom: 10px;
     padding-left: 20px;
     font-size: 16px;
     font-weight: 700;
}
 .slides-resume {
     padding-left: 20px;
     color: #8c9397;
}
 .slides-head {
     color: #ec403e;
     padding-left: 75px;
     margin-top: -31px;
}
 .slides-head h1 {
     font-size: 51px;
}
 .slides-multiple {
     margin-top: 37px;
     padding-left: 60px;
}
 #contact.slides-element {
     background-color: #343637;
     border-bottom: 7px solid #d22e3b;
     padding-bottom: 40px;
     position: relative;
}
 #contact.slides-element .slides-container {
     margin-top: 100px;
}
 #contact .slides-title {
     color: #fefefe;
     text-align: left;
}
 #contact .slides-subtitle {
     text-align: left;
     color: #dcdedf;
     line-height: 22px;
}
 .slides-countries {
     margin-top: 40px;
     max-width: 490px;
}
 .slides-current .slides-flag img {
     width: 40px;
     height: 40px;
}
 .slides-current .slides-name {
     padding-left: 20px;
     font-size: 22px;
     text-transform: uppercase;
     color: #fefefe;
}
 .slides-flag, .slides-name {
     float: left;
}
 .slides-others {
     margin-top: 20px;
}
 .slides-country {
     float: left;
     width: 50%;
     margin-bottom: 10px;
}
 .slides-others .slides-flag img {
     width: 26px;
     height: 26px;
     margin-left: 6px;
     margin-top: 6px;
}
 .slides-others .slides-name {
     padding-left: 25px;
     text-transform: uppercase;
     color: #b8b8b8;
     font-size: 16px;
}
 .slides-form {
     position: relative;
     border-bottom: solid 1px #4c4e4f;
     padding: 80px;
     border-right: none;
     border-left: none;
     margin: 140px auto 0;
     max-width: 900px;
}
 .slides-footer {
     margin-top: 40px;
     text-align: center;
     color: #d4d4d4;
     font-size: 14px;
}
 .slides-footer .show-on-mobile div:last-of-type {
     margin-top: 10px;
}
 .slides-logo {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
     right: 0;
}
 .slides-logo img {
     max-width: 400px;
     margin: 0 auto;
}
 .slides-link {
     text-align: center;
     margin-top: 27px;
}
 #services.slides-element {
     padding-bottom: 0;
}
 .slides-text .slides-paragraph:first-of-type {
     min-height: 135px;
}
/* SLIDES - FORMATS MOBILE */
 #formats-mobile .slides-format {
     width: 25%;
}
 #formats-mobile .slides-card {
     padding: 0 40px 80px;
}
 #formats-mobile .slides-formats {
     margin-top: 70px;
     max-width: 100%;
}
 #formats-mobile .slides-container {
     max-width: 1600px;
}
/* SLICK */
 .slick-dots {
     text-align: center;
     margin-top: 20px;
}
 .slick-dots li {
     display: inline-block;
     padding: 0 10px;
}
 .slick-dots button {
     border: none;
     background-color: #efefef;
     color: #efefef;
     border-radius: 15px;
     width: 15px;
     height: 15px;
}
 .slick-dots button[tabindex='0'] {
     color: #EF473A;
     background-color: #EF473A;
}
/***custom cookies band**/
 .cc-window, .cc-revoke {
     margin-top: 5em;
     position: fixed;
     overflow: hidden;
     box-sizing: border-box;
     font-family: Helvetica, Calibri, Arial,sans-serif;
     font-size: 11px;
     line-height: 1.3em;
    /* display: flex;
     */
    /* flex-wrap: nowrap;
     */
     z-index: 9999;
     left: 0;
     width: 100%;
     color: white !important;
     background-color: #5a5454b0 !important;
}
 .cc-window.cc-floating {
     padding: 1em;
     max-width: initial;
     flex-direction: initial;
}
 a.cc-btn.cc-dismiss {
     border-radius: 16px;
     background: transparent;
     border: 1px solid white;
     font-size: 13px;
     font-weight: normal;
     max-width: 100px;
     display: block;
     margin-left: auto;
}
 a.cc-btn.cc-dismiss:hover {
     color: white !important;
}
 .cc-bottom {
     bottom: inherit;
}
 .cc-compliance {
     width: 50%;
     margin: 0 auto;
     display: flex;
     align-items: center;
     float: right;
     margin: 0;
     width: 10%;
}
 .cc-message {
     font-size: 12px;
     width: 82%;
     margin-bottom: 0 !important;
     float: left;
}
 .cc-floating .cc-message {
     align-items: center;
}