body {
font-family: 'Manrope', sans-serif;
}
#disclaimer-footer{
width: 30%;
    font-size: 0.7em;
    float: right;
    transform: translate(-10%, -100%);
}
/* NEWS DESIGN */

#history{
background-color: #f6f6f6;
}
#products{
background-color: #f6f6f6;
}

.horizontalitemsnews {
margin-left: 10%;
margin-right: 10%;
margin-bottom: 100px;
}

.items .detail {
max-width: 1280px; margin: auto;
}

div.horizontalitemsnews div.itemcontent, div.horizontalitemsnews div.itemcontent {
border-radius: 20px !important;
transition: 0.3s !important;
}

#contenttop div.horizontalitemsnews div.item div.itemcontent {
    box-shadow: 0 0 10px rgb(0 0 0 / 0%) !important;
}

#contenttop div.horizontalitemsnews div.item:hover div.itemcontent{
box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
}



/* ================================ */



.pagetitle {
padding-top: 100px !important;
font-family: 'Manrope', sans-serif !important;
}

h1 a.backtocat:before {
display: none;
}

.c-mybigproject {
    font-size: 1em;
}
@media (max-width: 768px) {
    .c-mybigproject {
        font-size: 0.8em;
    }
}

.c-belowsitetitle{
font-size: 1.4em;
font-weight: 300;
line-height: 1em;
color: #6fb513;
text-align: center;
}
.c-belowsitetext{
font-size: 1em;
font-weight: 300;
margin-bottom: 0px;
line-height: 1em;
text-align: center;
}


/* TITLES */

.c-title-xl {
font-size: 10vw;
font-weight: 800;
}


.c-title-lg {
font-size: 4em;
margin-bottom: 0px;
line-height: 1.3;
padding-top: 1%;
}

.c-title-md {
font-size: 3.5em;
margin-bottom: 16px;
}

.c-title-sm {
    font-size: 2.5em;
    margin-bottom: 20px;
    line-height: 1;
text-align: left;
}

.c-title-xs {
    font-size: 1em;
    margin-bottom: 20px;
    line-height: 1;
}


/* TITLE HEADER */
.c-titleheader {
width: 50%;
}

.c-titleheader-swiper {
    position: absolute;
    z-index: 99999;
    color: white;
    left: 10%;
    top: 150px;
}

.c-align-verical {
position: relative;

width: 100%;
}


/* MASK TEXT */

.c-text-mask {
    background-image: linear-gradient(90deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);
    background-clip: text;
    color: transparent;
    background-size: contain;
    margin-left: 0;
    width: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 0px;
    line-height: 0.8;
}

.c-title-above {
font-weight: 100;
margin-bottom: 0;
    line-height: 1;
}

.c-title-below{
font-weight: 100;
margin-bottom: 0;
    line-height: 1;
}


/* CONTAINERS */

.c-container-rel {
position: relative;
    padding-left: 10%;
    padding-right: 10%;
}

.c-container-rel-first {
    padding-right: 0%;
padding-left: 0;
}

@media (max-width: 1500px) {
.c-container-rel {
position: relative;
    padding-left: 5%;
    padding-right: 5%;
}
}

.c-container-rel-products {
position: relative;
    padding-left: 10%;
    padding-right: 0%;
}

@media (max-width: 1500px) {
.c-container-rel-products {
position: relative;
    padding-left: 5%;
    padding-right: 0%;
}
}

.c-container-rel-onlyL {
    padding-left: 10%;
    padding-right: 0%;
}

.c-container-height {
position: relative;
    height: 100vh;
}

.c-container-height-first {
position: relative;
    min-height: 100%;
}

.c-container-height-com {
position: relative;
    min-height: calc(100vh - 125px);
}

.c-container-inner {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.c-container-inner-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c-max-width-par-50 {
max-width: 50%;
width: 100%;
}


/* CUSTOM ROW */

.c-row-height {
position: relative;
height: 100vh;
}
.c-row-height-first {
position: relative;
    min-height: 100%;
}

.c-row-height-com {
position: relative;
    min-height: calc(100vh - 225px);
}

.c-col-height {
position: relative;
height: 100vh;
}

.c-col-height-first {
position: relative;
    height: 100%;
}

.c-col-height-com {
position: relative;
    height: calc(100vh - 225px);
}


/* ANIMATION GRADIENT */

.c-anim-container {
    background: white;
    position: relative;
    overflow: hidden;
line-height: 1;
}

.c-anim-page-title {
    background: white;
    position: relative;
    overflow: hidden;
line-height: 1;
}

.c-anim-container-sm {
    background: white;
    position: relative;
    overflow: hidden;
line-height: 1;
width: fit-content;
}

.c-anim-container-list {
    background: white;
    position: relative;
    overflow: hidden;
line-height: 1;
width: 100%;
}

.c-anim-container-md {
    background: white;
    position: relative;
    overflow: hidden;
line-height: 1;
width: fit-content;
}

.c-anim-container-contact {
    background: white;
    position: relative;
    overflow: hidden;
    line-height: 1.5;
    width: fit-content;
}

.c-animation-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45vw;
    height: 15vw;
    filter: blur(3vw);
animation: glowing 10s linear infinite;
 background-position: 0%; 
 background-size: 200%; 
/* background-image: linear-gradient(90deg, #2df3cd, #8989fe, #ffb67b, #6b9aff); */
    background-image: linear-gradient(90deg, #ff7600, #009cff, #ff9900, #007eff);
  mix-blend-mode: lighten;
}

.c-animation-bg-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75vw;
    height: 15vw;
    filter: blur(3vw);
animation: glowing 20s linear infinite;
 background-position: 0%; 
 background-size: 300%; 
/*background-image: linear-gradient(45deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);*/
    background-image: linear-gradient(90deg, #2df3cd, #8989fe, #ffb67b, #6b9aff);
  mix-blend-mode: lighten;
}

.c-animation-bg-product {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75vw;
    height: 15vw;
    filter: blur(3vw);
animation: glowing 10s linear infinite;
 background-position: 0%; 
 background-size: 200%; 
    //background-image: linear-gradient(90deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);
background-image:  linear-gradient( 
90deg , #f58220, #006ab7, #f58220, #006ab7);
  mix-blend-mode: lighten;
}

.c-animation-bg-md {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30vw;
    height: 15vw;
    filter: blur(3vw);
    animation: glowing 10s linear infinite;
    background-position: 0%;
    background-size: 200%;
/*background-image: linear-gradient(45deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);*/
    background-image: linear-gradient(
90deg, #ff7200, #006dff, #ff7200, #0051ff);
    mix-blend-mode: lighten;
}

.c-animation-bg-sm {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20vw;
    height: 15vw;
    filter: blur(3vw);
animation: glowing 10s linear infinite;
 background-position: 0%; 
 background-size: 200%; 
    //background-image: linear-gradient(90deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);
background-image: linear-gradient(
90deg, #ff7200, #006dff, #ff7200, #0051ff);
  mix-blend-mode: lighten;
}

.c-animation-bg-comp {
    position: relative;
    width: 40vw;
    height: 15.333333vw;
    filter: blur(3vw);
    animation: glowing 10s linear infinite;
    background-position: 0%;
    background-size: 200%;
/*background-image: linear-gradient(45deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);*/
    background-image: linear-gradient(90deg, #2df3cd, #8989fe, #ffb67b, #6b9aff);
margin: auto;
}

.c-animation-bg-list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 15vw;
    filter: blur(3vw);
animation: glowing 10s linear infinite;
 background-position: 0%; 
 background-size: 200%; 
/*background-image: linear-gradient(45deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);*/
    background-image: linear-gradient(
90deg, #ff7200, #006dff, #ff7200, #0051ff);
  mix-blend-mode: lighten;
}


.c-animation-page-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 15vw;
    filter: blur(3vw);
    animation: glowing 10s linear infinite;
    background-position: 0%;
    background-size: 200%;
    background-image: linear-gradient(
90deg
, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);
    mix-blend-mode: lighten;
}

.c-animation-bg-contact {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-fill-available;
    height: 15vw;
    filter: blur(3vw);
    animation: glowing 10s linear infinite;
    background-position: 0%;
    background-size: 200%;
/*background-image: linear-gradient(45deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);*/
    background-image: linear-gradient(90deg, #2df3cd, #8989fe, #ffb67b, #6b9aff);
    mix-blend-mode: lighten;
}


@keyframes glowing {
    0% { background-position: 100%; linear-gradient(90deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee); }
    50% { background-position: 300%;  linear-gradient(00deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);}
    100% { background-position: 100%; linear-gradient(180deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee); }
} 




/* PADDINGS */

.c-paddingtop-30 {
    padding-top: 30px;
}

.c-paddingbottom-30 {
    padding-bottom: 30px;
}

.c-paddingtop-50 {
    padding-top: 50px;
}

.c-paddingbottom-50 {
    padding-bottom: 50px;
}

.c-paddingtop-100 {
    padding-top: 100px;
}

.c-paddingtop-150 {
    padding-top: 150px;
}

.c-paddingtop-80 {
    padding-top: 80px;
}

.c-paddingbottom-50 {
    padding-bottom: 50px;
}

.c-paddingtop-30 {
    padding-top: 30px;
}

.c-paddingbottom-100 {
    padding-bottom: 100px;
}

.c-paddingbottom-150 {
    padding-bottom: 150px;
}

.c-paddingbottom-80 {
    padding-bottom: 80px;
}

.c-paddingbottom-30 {
    padding-bottom: 30px;
}


/* DIVIDER */

.c-divider-container {
    position: relative;
overflow: hidden;
    height: 100px;
}

.c-divider-container-com {
    position: relative;
overflow: hidden;
    height: 125px;
margin-top:110px;
}

.c-divider-top-box {
    height: 50px;
    position: absolute;
    top: -25px;
    width: 100%;
    background-color: white;
    border-radius: 20px;
z-index: 1;
}

.c-divider-bottom-box {
    bottom: -25px;
    height: 50px;
    position: absolute;
    width: 100%;
    background-color: #f6f6f6;
    border-radius: 20px;
z-index: 1;
}

.c-divider-bg {
    height: 120%;
    width: 120%;
/* background-image: linear-gradient(45deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee); */
    background-image: linear-gradient(90deg, #ff7200, #006dff, #ff7200, #0051ff);
    animation: glowing 10s linear infinite;
    background-position: 0%;
    background-size: 200%;
    filter: blur(2vw);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* .c-divider-bg {
    height: 120%;
    width: 120%;
/*background-image: linear-gradient(45deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);*/
    background-image: linear-gradient(90deg, #2df3cd, #8989fe, #ffb67b, #6b9aff);
    animation: glowing 10s linear infinite;
    background-position: 0%;
    background-size: 150%;
    filter: blur(1.5vw);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.c-dmp-white {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.c-dmp-white img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 22.5px;
    z-index: 2;
    width: 50px;
    height: auto;
}


/* CIRCLES HOVER EFFECTS */

.c-circlewave-container {
    position: relative;
    margin-top: 50px;
    height: 25vw;
margin-top: 25%;
margin-bottom: 50%;
    width: 100%;
}

.c-circle-grey {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
width: 99%;
    height: 99%;
transition: 0.5s;
opacity: 0.8;
}

.c-circle-grey img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
transition: 0.5s;
}

.c-circle-grey-rotate {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
width: 99%;
    height: 99%;
transition: 0.5s;
animation: spin 20s linear infinite;
}

.c-circle-grey-rotate img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
transition: 0.5s;
opacity: 0.2;
}

.c-wave-color {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg);
width: 100%;
    height: 100%;
opacity: 1;
transition: 0.5s;
animation: spin 20s linear infinite;
}

.c-wave-color img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c-earth-section .c-circlewave-container {
    margin-top: 100px;
    width: 70%;
    margin-left: 0%;
    margin-right: 0;
}

.c-icon-colorful {

}

.c-icon-colorful img {
    width: 60%;
    height: auto;
}

.c-icon-title {
    font-size: 0.9em;
    font-weight: 800;
}


#circle-effect .col-md-4:hover .c-wave-color {
    width: 100%;
    height: 100%;
opacity: 1;
}

#circle-effect .col-md-4:hover .c-circle-grey img {
    width: 100%;
    height: 100%;
opacity: 0.8;
}

#circle-effect .col-md-4:hover .c-circle-grey-rotate img {
    width: 100%;
opacity: 0;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(359deg); }
}



/* BUTTON DESIGN */

.c-button-link {
text-decoration: none;
color: #616161;
}

.c-button-gen {
    width: 249px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
/*background-image: linear-gradient(10deg, #72ffe3, #8787ff, #ffa257, #4e87ff);*/
background-color: #006ab7;
    background-size: cover;
    border-radius: 70px;
transition: 0.5s;
}

.c-button-gen-over {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: white;
    width: 250px;
    height: 42px;
    border-radius: 70px;
transition: 0.2s;
}

.c-button-gen-over span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.c-button-gen:hover {
/*background-image: linear-gradient(-10deg, #3ecbaf, #8989e4, #e9b48a, #6593f5);*/
    background-color: #f58220;
}

.c-button-gen:hover .c-button-gen-over {
    width: 240px;
    height: 40px;
}

@media (max-width: 1700px) {
.c-button-gen {
    width: 199px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    //background-image: linear-gradient(10deg, #72ffe3, #8787ff, #ffa257, #4e87ff);
background-color: #006ab7;

    background-size: cover;
    border-radius: 70px;
transition: 0.5s;
}

.c-button-gen-over {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)background-color: #006ab7;
;
    background-color: white;
    width: 200px;
    height: 42px;
    border-radius: 70px;
transition: 0.2s;
}

.c-button-gen-over span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.c-button-gen:hover {
  //  background-image: linear-gradient(-10deg, #3ecbaf, #8989e4, #e9b48a, #6593f5);
    background-color: #f58220;

}

.c-button-gen:hover .c-button-gen-over {
    width: 190px;
    height: 40px;
}
}

@media (max-width: 1300px) {
.c-button-gen {
    width: 248px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
  //  background-image: linear-gradient(10deg, #72ffe3, #8787ff, #ffa257, #4e87ff);
background-color: #006ab7;

    background-size: cover;
    border-radius: 70px;
transition: 0.5s;
}

.c-button-gen-over {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: white;
    width: 250px;
    height: 42px;
    border-radius: 70px;
transition: 0.2s;
}

.c-button-gen-over span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.c-button-gen:hover {
   // background-image: linear-gradient(-10deg, #3ecbaf, #8989e4, #e9b48a, #6593f5);
    background-color: #f58220;

}

.c-button-gen:hover .c-button-gen-over {
    width: 220px;
    height: 40px;
}
}



/* MOBILE APP */

.c-download-box {
    position: relative;
    padding-top: 250px;
}


.c-mobile-device {
    position: relative;
text-align: center;
}

.c-mobile-device img {
width: 100%;
max-width: 400px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.c-mobile-bg-blur {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) rotate(0deg);
background-image: linear-gradient(90deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);
filter: blur(2vw);
    width: 20vw;
    height: 20vw;
animation: spin 10s linear infinite;
}


.c-footer-container {
/*background-image: linear-gradient(45deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee);*/
/*background-image: linear-gradient(90deg, #2df3cd, #8989fe, #ffb67b, #6b9aff);*/
background-image: linear-gradient(
90deg
, #f58220, #006ab7, #f58220, #006ab7);
padding-bottom: 1px;
}


/* CAROUSEL VERTICAL COMPANIES LOGOS */

.c-maindiv{
padding-top: 50px;
    padding-bottom: 50px;
  overflow: hidden;
  white-space: nowrap;
}

.c-maindiv img {
    width: auto;
    height: 40px;
}

@media (max-width: 990px) {
.c-carousel-pos {
    width: 100%;
    top: 65%;
}
.c-maindiv img {
    width: 100vw;
}
}

/* PARTNERS */

.c-div1 {
  display: inline-block;
  animation: marquee 50s linear infinite;
}
.c-div2 {
  display: inline-block;
  animation: marquee 50s linear infinite;
  animation-delay: 0s;
}

@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}


.c-footer-inner {
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: white;
    border-radius: 20px;
    padding: 5%;
}


/* SOCIAL MEDIA FOOTER */

.c-social-footer a{
    color: #616161 !important;
text-decoration: none;
margin-right: 10px;
transition: 0.5s;
}
.c-social-footer a:hover{
color: white;
}
.c-social-footer a span {
    padding-left: 5px;
    /* padding-right: 11px; */
    padding-top: 16px;
    padding-bottom: 15px;
    border: 1px solid #616161;
    transition: 0.3s;
    min-width: 50px;
    min-height: 50px;
    text-align: center;
margin-right: 10px;
}
.c-social-footer a:hover span{
   // background-image: linear-gradient(140deg, #f2ceb1, #a0b9ee);
background-image: linear-gradient(
140deg, #ff7200, #006dff);
color: white;
    border: 1px solid transparent;
}



/* ============================ */

/* COPYRIGHT */

#innercopyinfo {
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    max-width: 100%;
}

/* ============================ */

/* LANGUAGES */

#topbanner .langchooser {
    float: right;
    text-align: right;
    padding-top: 15px;
    background-position: 5px 9px;
    padding-left: 5px;
    padding-right: 15px;
}

#topbanner .langchooser form div {
    // background-image: linear-gradient( 10deg , #72ffe3, #8787ff, #ffa257, #4e87ff);
background-image: linear-gradient(
45deg, #ff7200, #006dff, #ff7200, #0051ff);
    height: 34px;
    width: 200px;
    text-align: center;
    border-radius: 25px;
transition: 0.3s;
}

#topbanner .langchooser form div:hover {
    width: 206px;
}

#topbanner .langchooser select {
    margin-top: 2px;
    color: #616161;
    border: 1px solid transparent;
    border-radius: 30px;
    padding: 3px;
    padding-right: 10px;
}

#topbanner select {
    background-color: white !important;
    border-color: transparent !important;
    width: 200px;
}

#topbanner select:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: transparent;
    outline-style: auto;
    outline-width: 0px;
}

#topbanner select, #topbanner input, #topbanner textarea {
padding-left: 50px !important;
    padding-right: 30px !important;
}



/* CUSTOM TABLE */

.c-table {
margin-top: 30px;
}

.c-table-head {
color: #e77115;
font-weight: 800;
}

.c-table tr {
height: 40px;
}
.c-table span {
padding-left: 15px;
display: inline-block;
}

.c-table tr:nth-child(odd) {
  background-color: white;
}

.c-table tr:nth-child(even) {
  background-color: #f6f6f6;
}

.c-frame iframe {
    width: 100%;
    height: calc(100vh - 150px);
    margin-top: 30;
    margin-top: 7vw;
}


#our-products .col-md-2 {
width: 20%;
}

#our-products .col-md-3 {
width: 20%;
}

#our-products .c-product-image {
    position: absolute;
    width: 80%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#our-products .c-product-image img {
    width: auto;
    height: auto;
    max-width: 100%;
}

@media (max-width: 1600px) {
#our-products .col-md-offset-1 {
    margin-left: 0;
}
#our-products .col-md-2 {
    width: 33.33%;
}

#our-products .col-md-3 {
width: 33.33%;
}
}

@media (max-width: 1024px) {
#our-products .col-md-3 {
width: 50%;
float: left;
}
#our-products .col-md-2 {
width: 50%;
}
}

@media (max-width: 600px){
#our-products .col-md-2{
width: 100%;
}
#our-products .col-md-3{
width: 100%;
}
}


/* MASKING SVG LOGO */

.c-svg-normal-mask {
-webkit-mask-box-image: url('/cache/files/2fe8962f174707b0901bc63489beeee7b721eb3c.svg');
  mask-border: url('/cache/files/2fe8962f174707b0901bc63489beeee7b721eb3c.svg');
}


/* =============================== */

/* COMPANY PAGE */

.c-com-text {
font-size: 24px;
text-align: center;
padding-top: 50px;
width: 50%;
margin: auto;
}


/* =============================== */

/* QUICK MENU COMPANY PAGE */

.c-divider-container-com span {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 14px;
color: #616161;
z-index: 4;
}

.c-quick-menu {
    position: relative;
    top: 50px;
    left: 0;
    z-index: 3;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    color: white;
    font-size: 1vw;
    font-weight: 800;
}

.c-quick-menu a {
    text-decoration: none;
    color: white;
    padding: 5px;
    padding-left: 10%;
    padding-right: 10%;
    border-radius: 40px;
    border: 0px solid white;
transition: 0.3s;
}

.c-quick-menu a:hover {
    border: 1px solid white;
}


/* CERTIFICATIONS */

.c-container-certifications {
/*background-image: linear-gradient(90deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee); */
    /*background-image: linear-gradient(90deg , #f58220, #006ab7, #f58220, #006ab7);*/
background: #f6f6f6;
    padding-top: 8vw;
    padding-bottom: 8vw;
}

.c-container-certifications-inner {
    margin-left: 2%;
    margin-right: 2%;
    background-color: white;
    border-radius: 20px;
    padding: 5%;
}


/* SERVICE */

.c-service-bg {
background-size: cover;
background-position: center;
width: 100%;
    min-height: 17vw;
}


/* PARAGRAPHS */

.c-paragraph-l {
padding-right: 5%;
}
.c-paragraph-r {
padding-left: 5%;
}



/* NEWS BUTTON */

.c-news-button {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -115px;
    width: auto;
    display: flex;
    background-color: #f58220;
    z-index: 9;
    color: white;
    font-weight: 800;
transition: 0.3s;
}

.c-news-button img {
width: 30px;
height: auto;
}

.c-news-button:hover {
    right: 0px;
}

.c-news-box {
    padding: 10px;
}

.c-news-text{
    padding-right: 20px;
    padding-top: 11px;
position: relative;
height: 100%;
}

.c-news-text a {
color: white;
text-decoration: none;
}

@media (max-width: 768px) {
.c-news-button {
display: none;
}
}

.c-first-bg {
background-size: cover;
height: 100vh;
    border-radius: 20px;
    background-position: center;
}

.c-cert-button {
width: 100%;
    margin: auto;
    border: 1px solid white;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 30px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 0%);
transition: 0.3s;
}

.c-cert-button:hover {
width: 100%;
    margin: auto;
    border: 1px solid #dddddd;
    border-radius: 30px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.c-cert-button img {
transform: scale(0.9);
transition: 0.3s;
width: 100%;
}

.c-cert-button:hover img {
transform: scale(1);
}


@media (max-width: 1024px){
.c-quick-menu {
    margin-left: 0;
    margin-right: 0;
    font-size: 0.8em;
}
.c-row-height-first {
position: relative;
    min-height: 250px;
}
.image-crossfader__img{
height:auto;
}
}



@media (max-width: 991px){
.image-crossfader{
height: 50vw;
}
.c-title-md{
font-size: 10vw;
}
.c-download-box{
padding-top: 0;
}
.c-titleheader {
width: 95% !important;
}
.textgap {
width: 95% !important;
}
.c-titleheader-noswiper{
padding: 2% !important;
}

.c-footer-container .c-title-sm{
font-size: 1.5em;
}
.c-divider-container-com {
margin-top:0;
}

.c-quick-menu {
    top: 0;
}
.c-quick-menu a{
padding: 2px;
padding-left: 7%;
padding-right: 7%;
}
.c-quick-menu .col-xs-12{
margin-top: 6px;
}

/*.c-cert-button{
width: 50%;
}*/

.c-service-bg{
min-height: 28vw;
}

.c-social-footer{
margin-left: 5%;
}

}

@media (max-width: 500px){
.c-row-height-first{
min-height: 1px;
}
}.c-newlogo {
    background-image: url('/cache/files/e7e35566b244a79175c733a819b6e55f8434b18a.svg');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
}


a.mobile-header-startlink {
    background-image: url('/cache/files/e7e35566b244a79175c733a819b6e55f8434b18a.svg');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
width: 220px;
    transform: translate(-50%, 0%);
}

.side-nav__header {
    background-color: white;
    background-image: url('/cache/files/e7e35566b244a79175c733a819b6e55f8434b18a.svg') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}#innertopmenu {
    max-width: 80%;
}

#innertopbanner {
    max-width: 80%;
}

@media (max-width: 1280px) {
#innertopbanner {
    max-width: 100%;
}
}

.loggedin #topbanner {
position: relative;
}

.notloggedin #topbanner {
position: fixed;
}

.loggedin #topmenu {
position: relative;
top: 0px;
}

.notloggedin #topmenu {
position: fixed;
top: 50px;
}.c-noswiper {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
position: relative;
}

.c-titleheader-noswiper {
    position: relative;
    z-index: 99999;
    color: white;
    left: 0;
    top: 0;
    padding: 10%;
    //border: 1px solid;
}

.c-textgap {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.swiper-container {
        width: 100%;
        height: 100%;
overflow-x: clip !important;
overflow: hidden !important;
padding-left: 0px !important;
      }

#swiper-products .swiper-container {
position: relative;
}

#swiper-products .swiper-pagination-progressbar {
top: 50px;
}

#swiper-2 .swiper-container {
        width: 100%;
        height: 100%;
overflow-x: clip !important;
overflow: hidden !important;
padding-right: 40px !important;
padding-left: 0px !important;
      }

.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #faf7f7;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

@media (max-width: 1360px) {
.swiper-slide img {
    display: block;
    width: 80%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
}

.swiper-slide {
        width: 100%;
      }


#swiper-full .swiper-button-next, #swiper-full .swiper-button-prev {
    position: absolute;
    top: initial !important;
    bottom: 100px !important;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: white !important;
border-radius: 50%;
}
#swiper-full .swiper-button-next, #swiper-full .swiper-button-prev {
    background-color: white !important;
}

#swiper-full .swiper-button-prev {
    left: 10%;
    right: auto;
}

#swiper-full .swiper-button-next {
    left:calc(10% + 70px);
    right: auto;
}


.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 18px !important;
    color: black;
}

.c-swiper-title-cont {
    position: absolute;
    z-index: 20;
}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: auto;
}

.swiper-button-next, .swiper-button-prev {
    width: 60px !important;
    height: 60px !important;
}

/* =============================== */




/* MOBILE */

@media (max-width: 768px) {
.swiper-button-prev {
right: 60px !important;
}
.swiper-button-next {
right: 20px !important;
}
}


/* ============================================================ */


/* ============================================================ */


/* SWIPER PRODUCTS */

.c-product-box {
    height: 600px;
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-color: white;
border: 1px solid #d2d2d2;
margin-top: 30px;
}

@media (max-width: 1360px) {
.c-product-box {
    height: 500px;
}
}

.c-box-bgcolor {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
}

.c-product-image {
    position: absolute;
    width: 300px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c-swiper-button-pos {
position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0px);
}

.c-product-info {
    position: absolute;
    top: 30px;
    width: 100%;
    color: white;
text-align: center;
}

.c-product-info-list {
    position: absolute;
    top: 30px;
    width: 100%;
text-align: center;
}

.c-product-title {
    font-size: 1.5em;
    font-weight: 800;
text-align: center;
}

#swiper-products .swiper-container {
    padding-top: 50px;
}

#swiper-products .swiper-pagination-progressbar-fill {
/* background-image: linear-gradient(90deg, #84e5d2, #c0c0f7, #f2ceb1, #a0b9ee); */
background-color: #f58220;
}

#swiper-products .swiper-pagination-progressbar {
    background: rgba(0,0,0,.1);
}

#swiper-products .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 5px;
    left: 0;
    top: 30px;
}

#swiper-products .swiper-wrapper {
    padding-top: 30px;
}

#swiper-products .swiper-button-next, #swiper-products .swiper-button-prev {
    position: absolute;
    z-index: 1000;
    top: 45px;
    bottom: initial;
    background-color: #616161;
    border-radius: 50%;
}

#swiper-products .swiper-button-next:after, #swiper-products .swiper-button-prev:after {
    font-size: 18px;
    color: white;
}


#swiper-products .swiper-button-prev, #swiper-products .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: calc(10% + 70px);
}

#swiper-products .swiper-button-next, #swiper-products .swiper-container-rtl .swiper-button-prev {
    right: 10%;
    left: auto;
}

#swiper-products .swiper-button-next.swiper-button-disabled, #swiper-products .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
background-color: #c6c6c6;
}




/* ============================== */ 


/* SWIPER COMPANY PAGE */

#swiper-full .swiper-container {
    position: relative;
}

#swiper-right .swiper-button-next, #swiper-right .swiper-button-prev {
    position: absolute;
    top: initial !important;
    bottom: 100px !important;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: white !important;
border-radius: 50%;
}

#swiper-right .swiper-button-next, #swiper-right .swiper-button-prev {
    background-color: white !important;
}

#swiper-right .swiper-button-prev {
    left: 10%;
    right: auto;
}

#swiper-right .swiper-button-next {
    left: calc(10% + 70px);
    right: auto;
}


#swiper-left .swiper-button-next, #swiper-left .swiper-button-prev {
    position: absolute;
    top: initial !important;
    bottom: 100px !important;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: white !important;
border-radius: 50%;
}
#swiper-left .swiper-button-next, #swiper-left .swiper-button-prev {
    background-color: white !important;
}

#swiper-left .swiper-button-next {
    right: 10%;
    left: auto;
}

#swiper-left .swiper-button-prev {
    right: calc(10% + 70px);
    left: auto;
}

@media (max-width: 991px){
#swiper-left .swiper-button-prev{
right: calc(14% + 70px) !important;
left: auto !important;
top: 80% !important;
}

#swiper-left .swiper-button-next{
right: 14% !important;
left: auto !important;
top: 80% !important;
}

}.c-product-head {
    position: relative;
    height: calc(100vh - 200px);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.c-shade-padding{
padding-left: 80px !important;
}

.c-product-head img {
    position: absolute;
    top: 0;
    width: 100%;
}

.c-product-title-pos {
    position: absolute;
    top: 100px;
    width: 100%;
}


/* VERTICAL TEXT */


.c-vertical-text-wrap {
    background: #e77115;
    z-index: 1;
    position: relative;
    display: block;
    top: 50%;
    left: 0px;
    height: 500px;
    width: 60px;
    transform: translateY(-50%);
}
.c-vertical-text {
    text-align: center;
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: 0;
    transform-origin: left top;
    left: 5px;
    padding-top: 0vw;
    font-size: 30px;
    white-space: nowrap;
cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: rtl;
    z-index: 1;
    top: 500px;
    font-weight: 800;
    filter: blur(0px);
    transition: 0.3s;
    width: 500px;
    color: white;
}

@media (max-width: 990px) {
.c-vertical-text {
font-size: 5vh;
}
}



.c-circlewave-products {
    height: 30vw;
    max-height: 350px;
    width: 30vw;
    max-width: 350px;
    margin: auto;
}
.c-circlewave-products .c-circlewave-container {
    position: relative;
    margin-top: 0px;
    height: 100%;
    width: 100%;
}div.items div.back {
  display: flex;
  align-items: center;
  width: 90%;
  margin: auto;
  max-width: 170px;
  position: relative;
  box-sizing: border-box;
  color: #FFF;
      background: transparent;
  background-clip: padding-box;
  /* !importanté */
  border: solid 5px transparent;
  /* !importanté */
  border-radius: 70px;
text-align: center;
}
div.items div.back:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -5px;
  margin-bottom: -5px;
  /* !importanté */
  border-radius: inherit;
  /* !importanté */
    /*background-image: linear-gradient(10deg, #72ffe3, #8787ff, #ffa257, #4e87ff);*/
background-image: linear-gradient(10deg, #ff7600, #009cff, #ff9900, #007eff);
transition: 0.3s;
}


div.items div.back:hover:before {
   /* background-image: linear-gradient(-10deg, #72ffe3, #8787ff, #ffa257, #4e87ff);*/
background-image: linear-gradient(-10deg, #ff7600, #009cff, #ff9900, #007eff);
  margin-left: -5px;
  margin-right: -5px;
}


div.items div.back a {
    color: #616161;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    background-color: white;
    width: 100%;
    border-radius: 70px;
    /* height: 0; */
    padding-top: 10px;
    padding-bottom: 10px;
}/* CONTACT FORM */


.contactform {
max-width: 1000px;
margin: auto;
margin-bottom: 100px;
padding-left: 5%;
padding-right: 5%;
}


.contactform p.notrequired select, .contactform p.notrequired textarea, .contactform p.notrequired input, .contactform p.required select, .contactform p.required textarea, .contactform p.required input {
    padding: 4px;
    font-size: 18px;
    border-bottom: 1px solid #2b2a29;
    border-left: transparent;
    border-right: transparent;
    border-top: transparent;
    width: 100%;
}
.contactform h1 {
font-family: 'Manrope', sans-serif;
}

@media (max-width: 768px) {
.contactform h1 {
font-family: 'Manrope', sans-serif;
text-align: center;
}
}

.contactform button {
    font-family: 'Manrope', sans-serif;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    text-align: center;
    padding: 0px 0px;
    width: 250px;
    color: #616161;
    margin: auto;
    margin-top: 0px;
    background-color: white;
    border: 0px solid rgba(51,51,51,1);
    transition: 0.3s;
    position: relative;
    height: 50px;
border-radius: 70px;
}
.contactform button:hover {
color: #616161;
background-color: white;
border: 0px solid rgba(51,51,51,0);
}

@media (max-width: 768px) {
.contactform .submit {
text-align: center;
}
}

.contactform textarea {
    height: 120px;
}




.submit {
  display: flex;
  align-items: center;
  width: 90%;
  margin: auto;
  max-width: 250px;
  position: relative;
  box-sizing: border-box;
  color: #FFF;
      background: transparent;
  background-clip: padding-box;
  /* !importanté */
  border: solid 5px transparent;
  /* !importanté */
  border-radius: 70px;
}
.contactform .submit:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -5px;
  margin-bottom: -5px;
  /* !importanté */
  border-radius: inherit;
  /* !importanté */
    //background-image: linear-gradient(10deg, #72ffe3, #8787ff, #ffa257, #4e87ff);
background-image: linear-gradient(
10deg, #ff7200, #006dff, #ff7200, #0051ff);
transition: 0.3s;
}


.contactform .submit:hover:before {
    //background-image: linear-gradient(-10deg, #72ffe3, #8787ff, #ffa257, #4e87ff);
background-image: linear-gradient(
-10deg, #ff7200, #006dff, #ff7200, #0051ff);
  margin-left: -5px;
  margin-right: -5px;
}