@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Light.eot');
    src: url('../fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat/Montserrat-Light.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'), url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Black.eot');
    src: url('../fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat/Montserrat-Black.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Black.woff') format('woff'), url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Volte';
    font-weight: 100;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Light.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Medium.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 300;
    font-style: italic;
    src: url('../fonts/Volte/Volte-MediumItalic.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Regular.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Semibold.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 600;
    font-style: italic;
    src: url('../fonts/Volte/Volte-SemiboldItalic.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Bold.woff') format("woff");
}

@font-face {
    font-family: 'Mabrouk';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/mabrouk/Mabrouk.woff') format("woff");
}

@font-face {
    font-family: 'Mabrouk';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/mabrouk/Mabrouk.woff') format("woff");
    font-display: swap;
}
:root {
  --primary-color: #ffffff;
  --secondary-color: #D30D23;
  --tertiary-color: #286B78;
  --color1: #000000;
  --color2: #2B9AAE;
  --color3: #8ACFDC;
}
/* rules styles */
* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Volte";
  font-size: 1.6rem;
}
html{
    scroll-behavior: smooth;
}
body {
  text-align: center;
  color:var(--primary-color);
  background-color: var(--secondary-color);
}
main {
  position: relative;
}
a {
  color: inherit;
  text-decoration: none;
  outline: none !important;
}
a:hover {
  color: inherit;
  text-decoration: none;
}
button:focus,
* {
  outline: none;
}
h1{
    margin-bottom: 0;
}
h1,
h1 *{
    font-family: 'Mabrouk';
    font-weight: normal;
    font-style: normal;
    font-size: 14rem;
    line-height: 120%;
}
h2,
h2 *{
    font-family: 'Mabrouk';
    font-weight: normal;
    font-style: normal;
    font-size: 6.4rem;
    line-height: 6.4rem;
    color: var(--secondary-color);
}
h2{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
h3,
h3 *{
    font-family: 'Mabrouk';
    font-weight: normal;
    font-style: normal;
    font-size: 3.6rem;
    line-height: 100%;
}
h4,
h4 *{
    font-family: 'Volte';
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 100%;
}
p,
p *{
    font-size: 2.6rem;
    line-height: 120%;
}
.container {
    margin: 0 auto;
    width: 100%;
    max-width: 168rem;
}
.logo,
.logo img{
    display: block;
}
.logo img{
    width: 100%;
}
/* Header Start */
header{
    position: absolute;
    top: 0;
    left: 11.2rem;
    z-index: 10;
    width: 21.6rem;
}
header .container,
header .container a,
header .container a img {
    width: 100%;
    display: block;
}
/* Header End */
/* Bottom Bare Start */
.bottom_bare {
    width: 100%;
    height: 11.7rem;
    position: fixed;
    left: 0;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.3s;
    bottom: -12rem;
    transform-style: preserve-3d;
    will-change: bottom;
    bottom: 0;
}
.bottom_bare.active{
    bottom: 0;
}
.bottom_bare .container {
    max-width: 168.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bottom_bare .a {
    width: 43.8rem;
    height: 8.9rem;
    border-radius: 10rem;
    background-color: var(--secondary-color);
    color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.9rem;
    line-height: 3.9rem;
    font-family: 'Mabrouk';
}
/* Bottom Bare End */
/* Countdown Start */
.blc_countDown {
    width: 83rem;
    height: 9.867rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    border-radius: 5rem;
}

.container_countDown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.plus_que {
    font-family: 'Mabrouk';
    font-size: 3.2rem;
    text-align: center;
    width: 10rem;
    line-height: 1;
    color: var(--color1);
}
.container_countDown *{
    font-family: 'Mabrouk';
}
.txt_countDown {
    font-family: 'Volte';
    color: var(--color1);
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.15;
    width: 26rem;
    text-align: left;
}

.btnDdon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: #d30d23;
    padding: 2rem;
    border-radius: 5rem;
    font-family: 'Mabrouk';
    font-size: 3.6rem;
    text-align: center;
    text-decoration: none;
    width: 35.6rem;
    height: 9.867rem;
}

.flip-clock-wrapper {
    transform: translateY(-0.6rem);
}

.flip-clock-divider .flip-clock-label {
    color: #000000 !important;
    text-transform: initial !important;
}

.flip-clock-wrapper ul {
    padding-left: 4.4rem !important;
}

flip-clock-wrapper ul {
    padding-left: 4.4rem !important;
}
/* Countdown End */
/* Section 1 Start */
.section1 {
    height: 100vh;
    background-image: url(../images/desktop/section1_bg.jpg);
    background-position: center top;
    background-size: cover;
    min-height: 87rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 19.8rem;
    align-items: flex-start;
    padding-top: 32.4rem;
    padding-top: 28.4rem;
}
.section1 .container {
    max-width: 74.2rem;
    margin: 0;
}
.section1 h2 {
    color: var(--primary-color);
    font-size: 4.8rem;
    line-height: 120%;
    margin-bottom: 3rem;
}
.section1 h3 {
    font-family: 'Volte';
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 120%;
    margin-bottom: 3rem;
}
.section1 a {
    display: block;
    margin: 0 auto;
    width: 6.4rem;
}
.section1 a img {
    width: 100%;
    display: block;
}
/* Section 1 End */
/* Section 2 Start */
.section2 {
    padding: 8rem 0;
}
.section2 h2 {
    background-image: url(../images/vector/sec2_vector.svg);
    width: 42.4rem;
    height: 7.7rem;
    margin: 0 auto 4rem auto;
    padding-bottom: 1.25rem;
}
.section2 h3 {
    margin-bottom: 4rem;
}
.section2 p {
    max-width: 139rem;
    font-size: 2.6rem;
    font-weight: 600;
    margin: 0 auto 7.8rem auto;
    position: relative;
}
.section2 p img {
    position: absolute;
    right: 3.5rem;
    top: calc(100% + 1rem);
    width: 6.6rem;
    display: block;
}
.video_holder {
    width: 110.8rem;
    height: 55.7rem;
    position: relative;
    margin: 0 auto;
    transition-duration: 0.3s;
    transform-style: preserve-3d;
    will-change: transform;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/pola2.png);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 6.7rem;
    cursor: pointer;
    padding-bottom: 1rem;
}
.video_holder .a {
    font-family: 'Mabrouk';
    width: 51.9rem;
    height: 8.9rem;
    border-radius: 8.9rem;
    background-color: rgba(40, 107, 120, 0.8);
    transition-duration: 0.3s;
    transform-style: preserve-3d;
    will-change: transform;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.9rem;
    margin: 4.9rem auto 0 auto;
    margin-top: 10.6rem;
}
.video_player {
    width: 17.2rem;
    margin: 0 auto;
    position: relative;
}
.video_player img{
    width: 100%;
    display: block;
}
.video_player img:nth-child(2) {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 2;
    transition-duration: 0.3s;
    transform-style: preserve-3d;
    will-change: transform;
}
/* Section 2 End */
/* Section 3 Start */
.section3 {
    padding: 8rem 0;
}
.section3 h3 {
    margin-bottom: 4.8rem;
}
.section3 h2 {
    background-image: url(../images/vector/sec3_vector.svg);
    width: 82.6rem;
    height: 8.6rem;
    margin: 0 auto 3.2rem auto;
}
.slick1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5.1rem;
}
.slick1_slide{
    margin: 0 auto;
    width: 53.3rem;
    height: 68.6rem;
    padding: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: var(--primary-color);
    border-radius: 6rem;
    transform-style: preserve-3d;
    will-change: transform;
    color: var(--color1);
}
.slick1_slide-content{
    color: var(--primary-color);
    background-color: var(--tertiary-color);
    border-radius: 6rem;
    padding: 3.2rem 3.4rem;
    height: 42.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.slick1_slide-text {
    font-weight: 500;
}
.slick1_slide-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 8.8rem;
}
.slick1_slide-title img {
    display: block;
}
.slick1_slide1 .slick1_slide-title img {
    width: 8.8rem;
}
.slick1_slide2 .slick1_slide-title img {
    width: 5.4rem;
}
.slick1_slide3 .slick1_slide-title img {
    width: 6.4rem;
}
.slick1_slide .slick1_slide-title h4 {
    font-family: 'Mabrouk';
    font-size: 4.2rem;
    margin-left: 2.5rem;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
}
.slick1_slide1 .slick1_slide-title h4 {
    background-image: url(../images/vector/slick1_slide1_vector.svg);
    width: 27rem;
    height: 5rem;
}
.slick1_slide2 .slick1_slide-title h4 {
    background-image: url(../images/vector/slick1_slide2_vector.svg);
    width: 13.5rem;
    height: 4.2rem;
}
.slick1_slide3 .slick1_slide-title h4 {
    background-image: url(../images/vector/slick1_slide3_vector.svg);
    width: 26.1rem;
    height: 4.7rem;
}
.slick1_slide-content p {
    font-size: 2.6rem;
}
.slick1_slide-content h3 {
    font-size: 8rem;
    line-height: 6rem;
    height: 8rem;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slick1_slide-content h3 span {
    font-size: 8rem;
    line-height: 6rem;
    display: block;
    padding: 0 2rem;
}
.slick1_slide-content h3 b {
    font-size: 8rem;
    line-height: 6rem;
    font-family: "Volte";
    font-weight: 700;
    display: block;
    padding-top: 2rem;
}
.slick1_slide-content h3 sup {
    font-size: 2.6rem;
    vertical-align: middle;
    display: block;
    padding-top: 1rem;
}
.slick1_slide-content h4 {
    font-size: 3.6rem;
    font-weight: 700;
}
.slick1_slide-content .a {
    width: 43.7rem;
    height: 8.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px solid var(--primary-color);
    border-radius: 30rem;
    transition-duration: 0.3s;
}
.slick1_slide-content .a span {
    font-family: 'Mabrouk';
    font-size: 3.6rem;
    line-height: 3rem;
    display: block;
}
.slick1_slide-content .a span:nth-child(2) {
    font-size: 2.6rem;
}
.slick1_slide-content:hover{
    color: var(--primary-color);
}
/* Section 3 Start */
/* Section 4 Start */
.section4 {
    padding: 8rem 0;
}
.section4 .container{
    max-width: 159.6rem;
}
.section4 h3 {
    margin-bottom: 2.4rem;
}
.section4 h2 {
    background-image: url(../images/vector/sec4_vector.svg);
    width: 40.5rem;
    height: 7.3rem;
    margin: 0 auto 8rem auto;
}
.slick2_slide{
    margin: 0 auto;
    width: 49.5rem;
    height: 56rem;
    padding: 3.2rem 3.2rem 2rem 3.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: var(--primary-color);
    border-radius: 0.8rem;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: 0.3s;
}
.slick2_slide img {
    width: 100%;
    display: block;;
}
.slick2_slide p{
    position: absolute;
    right: 5.5rem;
    top: 41.2rem;
    text-align: right;
}
.slick2_slide .a{
    font-family: 'Mabrouk';
    transition-duration: 0.3s;
    background-color: var(--tertiary-color);
    width: 43.1rem;
    height: 6.4rem;
    border-radius: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.6rem;
    transform-style: preserve-3d;
    will-change: transform;
    cursor: pointer;
    transition-duration: 0.3s;
}
.slick2_slide_popup {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 0.8rem;
    display: none;
}
.slick2_slide_popup div{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 4.5rem 3.2rem;
    text-align: left;
}
.slick2_slide_popup div h4 {
    color: var(--tertiary-color);
    font-size: 3.6rem;
    margin-bottom: 2.2rem;
}
.slick2_slide_popup div p {
    color: var(--color1);
    font-size: 2.6rem;
    margin-bottom: 0;
    position: initial;
    right: initial;
    top: initial;
    text-align: left;
}
.slick2_slide.active{
    transform: rotate(0) scale(1.05);
}
.slick2_slide img.slick2_slide-close {
    position: absolute;
    width: 3.6rem;
    display: block;
    top: 4rem;
    right: 3.8rem;
    cursor: pointer;
}
/* Section 4 End */
/* Section 5 Start */
.section5 {
    padding: 12rem 0 16rem 0;
    background-image: url(../images/desktop/section5_bg.jpg);
    background-size: cover;
    background-position: top left;
}
.section5 .container{
    position: relative;
    width: 77.3rem;
    border-radius: 4rem;
    background-color: var(--tertiary-color);
    text-align: center;
    margin: 0 13.6rem 0 auto;
    padding: 8rem 0 11.9rem 0;
}
.section5 .container p:nth-child(1){
    margin: 0 auto 4.4rem auto;
}
.section5 h2 {
    background-image: url(../images/vector/sec5_vector.svg);
    width: 61.1rem;
    height: 8.5rem;
    margin: 0 auto 3.4rem auto;
    color: var(--tertiary-color);
    padding-bottom: 0.5rem;
}
.section5 .container .link_holder {
    width: 67.7rem;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.section5 .container .a{
    display: block;
    width: 100%;
    height: 8.6rem;
    border-radius: 9rem;
    background-color: var(--secondary-color);
    color: var(--primary-color);
    padding-right: 11.4rem;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.section5 .container .a span{
    font-family: 'Mabrouk';
    display: block;
    font-size: 3.6rem;
}
.section5 .container .a img {
    display: block;
    width: 14rem;
    position: absolute;
    bottom: -0.95rem;
    right: -2.6rem;
}
/* Section 5 End */
/* Section 6 Start */
.section6 {
    padding: 8rem 0 12rem 0;
    position: relative;
}
.section6 h2 {
    background-image: url(../images/vector/sec6_vector.svg);
    width: 66.4rem;
    height: 8.2rem;
    margin-bottom: 1.4rem;
}
.section6 h2 b {
    font-family: 'Volte';
    font-weight: 700;
}
.section6 h3{
    text-align: left;
    margin-bottom: 8.2rem;
}
.preview_chart {
    position: relative;
    width: 52.902rem;
    height: 52.902rem;
    margin: 0 auto;
}
#myDonutChart {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.canvas_text1 div,
.canvas_text2 div,
.canvas_text3 div{
    position: relative;
    width: 100%;
    height: 100%;
}
.canvas_text1 img,
.canvas_text2 img,
.canvas_text3 img{
    position: absolute;
    display: block;
    height: 0.4rem;
}
.canvas_text1 h4,
.canvas_text2 h4,
.canvas_text3 h4{
    font-size: 4.6rem;
}
.canvas_text1 div{
    text-align: right;
}
.canvas_text2 div,
.canvas_text3 div{
    text-align: left;
}
.canvas_text1{
    position: absolute;
    width: 33.6rem;
    right: calc(100% + 21.7rem);
    top: 23.3rem;
}
.canvas_text1 img {
    width: 22.8rem;
    top: 1rem;
    left: calc(100% + 2rem);
}
.canvas_text2{
    position: absolute;
    width: 33.6rem;
    left: calc(100% + 22.8rem);
    top: 25rem;
}
.canvas_text2 img {
    width: 22.8rem;
    top: 1.5rem;
    right: calc(100% + 2rem);
}
.canvas_text3{
    position: absolute;
    width: 30.1rem;
    left: calc(100% + 22.8rem);
    top: -2.9rem;
}
.canvas_text3 img {
    width: 29.8rem;
    top: 9.1rem;
    right: calc(100% - 0.5rem);
    transform: rotate(-28.29deg);
}
/* Section 6 End */
/* Footer Start */
footer {
    background-color: var(--tertiary-color);
    padding: 0 0 13.6rem 0;
}
footer .container{
    max-width: 176rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer .logo{
    width: 14rem;
    margin-top: 2.5rem;
}
footer p a{
    font-size: 1.6rem;
    display: inline-block;
    margin: 0 0.8rem;
}
.media {
    width: 28.6rem;
}
.media h4 {
    margin-bottom: 2.4rem;
}
.media_holder {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.media_holder a i{
    font-size: 3.4rem;
}
/* Footer End */
/* debut popVid */

.popVid {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
    z-index: 9995;
}

.popVid.opn_pop_vid {
    left: 0;
}

.close_pop_vid {
    position: absolute;
    right: 3rem;
    top: 3rem;
    width: 5rem;
    color: #ffffff;
    cursor: pointer;
    display: block;
}
.close_pop_vid,
.close_pop_vid *{
    font-size: 5rem;
}

.blc_vid {
    width: 50%;
}

.blc_vid iframe {
    width: 100%;
    height: 50rem;
}

/* Fin popVid */
/* Modale Start */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #D30D23;
    opacity: 0;
    z-index: 100;
    visibility: hidden;
    transition: .5s;
    transform: scale(0.7);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    z-index: 9997;
}

.modal.active {
    opacity: 0.98;
    visibility: visible;
    transform: scale(1);
}

.modal-content {
    width: 100%;
    max-width: 130rem;
    color: #fff;
    margin: auto;
}

.modal-content p {
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
}

.modal-content p a {
    color: #fff;
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 25px;
    font-size: 1.5rem;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
}

.modal-close .fa-times {
    color: #fff;
    font-size: 3.2em;
}
/* Modale End */

.slick2_slide{
    cursor: pointer;
}