/*
Theme Name: Digitix Media
Author: George Neagu
Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for Digitix Medila SRL.
Version: 1
Requires at least: 5.2
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
*/

@import url("https://use.typekit.net/ttd2gkb.css");

@font-face {
    font-family: 'Bw Gradual';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('assets/woff/BwGradual-Thin.woff') format('woff');
         /* url('assets/woff/BwGradual-Regular.woff') format('woff'); */
        
  }
 

/* Style reset */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

#content-g {
    background-color: #191128!important;
    overflow-x: hidden;
}

body {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
    background-color: #191128;
    line-height:1;
    overflow-x: hidden;
}

a {
    text-decoration: none!important;
}

.lang-item {
    position: absolute;
    right: 120px;
    top: 24px;
}
.lang-item > a > img {
    width: 19px!important;
    height: 14px!important;
}
.mason {
    padding-top: 150px;
}

/* Masonry */

* { box-sizing: border-box; }

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item {
  width: 160px;
  height: 120px;
  float: left;
  background: #00997B;
  border: 1px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
  margin-bottom: 20px;
}

.grid-item--width2 { width: 340px; }
.grid-item--width3 { width: 520px; }
.grid-item--width4 { width: 780px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }


.menu-t {
    color: #fff;
    font-size: 3em;
}

.despre-menu {
    background-image: url('assets/Forma4.png');
    background-size: cover;
    background-position: left;
    transition: 1s;
    border-radius: 20px;
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.despre-menu:hover {
    transform: scale(1.05);
    box-shadow: #00997B;
    transition: 2s;
}

.acasa-menu:hover {
    transform: scale(1.05);
    transition: 2s;
}

.contact-menu:hover {
    transform: scale(1.05);
    transition: 2s;
}

.servicii-menu:hover {
    transform: scale(1.05);
    transition: 2s;
}

.acasa-menu {
    background-image: url('assets/Forma3.png');
    background-size: cover;
    background-position: left;
    border-radius: 20px;
    min-height: 20vh;
    display: flex;
    transition: 1s;
    align-items: center;
    justify-content: center;
}

.contact-menu {
    background-image: url('assets/Artboard\ 10.png');
    background-size: cover;
    background-position: left;
    border-radius: 20px;
    min-height: 20vh;
    display: flex;
    transition: 1s;
    align-items: center;
    justify-content: center;
}

.servicii-menu {
    background-image: url('assets/sercicii.png');
    background-size: cover;
    background-position: left;
    border-radius: 20px;
    min-height: 400px;
    display: flex;
    transition: 1s;
    align-items: center;
    justify-content: center;
}

.nav {
    background-color: transparent;
    position: fixed;
   padding-top: 20px;
   padding-left: 20px;
   z-index: 401;
   width: 100%;
}

.navbar-toggler:focus {
    box-shadow: none!important;
}

#logo {
    position: absolute;
    left: 52px;
    top: 25px;
}

#burger-menu {
    position: absolute;
    right: 48px;
}

.menu-cover {
    background-image: url('assets/logo.png');
    background-size: cover;
    position: fixed;
    background-color: #160635!important;
    z-index: 400;
    display: none;
}

/* Animated burge menu */

.animated-icon1 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #fff;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Sections */





.servicii-hero {
    padding-top: 100px!important;
}

.lp-2 {
    margin-top: 150px;
}
.lp-3 {
    margin-top: 150px;
}
.lp-4 {
    margin-top: 150;
}

.team-1 {
    padding-top: 100px;
}
.servicii-1 {
    margin-top: 350px;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a, p {
    margin: 0!important;;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* Helper class */

.visible {
    visibility: visible;
}
.nvisible {
    visibility: hidden;
}


/* Fonts */

.sd-thin {
    font-family: swear-display, serif;
    font-weight: 300;
    font-style: normal;
}
.sd-regular {
    font-family: swear-display, serif;
    font-weight: 500;
    font-style: normal;
}
.sd-medium {
    font-family: swear-display, serif;
    font-weight: 600;
    font-style: normal;
}
.bw-gradual {
    font-family: Bw Gradual, serif;
    font-weight: 400;
    line-height: 1.6!important;
    font-style: normal;
}

/* Landing Page */


::-webkit-scrollbar {
    display: none;
}

html, body, .screensize, .container, .container-fluid {
    scroll-behavior: smooth;
}


body {
   margin: 0px;
   width: 100vw;
   height: 100vh;
  
}

.object-fit {
    width: 100%;
    min-height: 100%;
    object-fit: cover!important;
}

.scroll {
    color: #20C2F3!important;
    width: 100px;
    height: 100px;
    position:absolute;
    left:0;
    right:0;
    bottom: 0px;
    margin-left:auto;
    margin-right:auto;
    z-index: 666;

}

.screensize {
    width: 100vw;
    height: 100%;
    background-color: #191128;
    overflow-y: visible;
}

.video-holder {
    width: 100vw;
    height: 100vh;
    /* background-image: url(img/video.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000000;
    position: absolute;
    z-index: 555;
    position: fixed;
}

.video-holder video {
    width: 100vw;
    height: 100vh;
    object-fit: cover!important;
}


.modelam-bg {
    width: 100vw;
    height: 100vh;
    /* background-color: #000000; */
    background-color: #191128;
    /* background-image: url(img/shape-06.png); */
    /* background-size: cover; */
    background-repeat: no-repeat;
    transform: scale(1);
    margin: 0px;
    /* background-position: -350px 150px; */
    
}

.shape {
    position: absolute;
}

.shape1, .shape2, .shape3 {
    position: absolute;
}

.shape1 {
    top: -220px;
    left: -320px;
    max-width: 700px;
    transform: rotate(180deg);
}

.shape2 {
    top: -240px;
    left: -130px;
    opacity: 0.4;
    filter: blur(4px);
}

.shape3 {
    top: -230px;
    left: -330px;
    opacity: 0.5;
    max-width: 300px;
    transform: rotate(1255deg);
}

.modelam-block-text-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modelam-main-text {
    font-size: 100px;
    text-align: right;
    line-height: 1.2em;
    max-width: 100%;
    width: 500px;
    color: #fff;
    mix-blend-mode: overlay;
}

.transform-main-text {
    font-size: 100px;
    text-align: left;
    line-height: 1em;
    max-width: 100%;
    width: 100%!important;
    color: #fff;
    mix-blend-mode: overlay;
}

.modelam-block-text {
    max-width: 800px;
    margin: auto;
    line-height: 1.3em;
    font-size: 20px;
    text-align: left;
    color: #fff;
    padding-top: 38px;
}

.dispunem-block-text {
    max-width: 900px;
    mix-blend-mode: normal;
    text-align: left;
    padding-top: 50px;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    display: block;
}

.pr {
    position: relative;
}

.btn-despre {
    background: transparent;
    border-radius: 30px;
    color: #fff;
    border-color: #fff;
    padding: 10px 40px 10px 40px;
    position: absolute;
    bottom: 0px;
}

.modelam-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    max-width: 100%;
    min-height: 100vh;

}

.gx-g {
    --bs-gutter-x: 6rem!important;
}

.cards-holder {
    background-color: #191128;
    width: 100vw;
    height: 100vh;
}

.modelam-box-2 {
    position: relative;
    max-width: 100vw;
    min-height: 100vh;
    background-color: #191128;
}

.owl-cards-slider {
    background-color: #191128;
    height: 100vh;
    width: 100vw;
    padding-top: 5%;
    overflow-x: hidden;

}

.owl-carousel, .owl-wrapper-outer {
    overflow: visible!important;
}

.owl-page .active span {
    color: red!important;
}

.g-card {
    position: relative;
    min-width: 100%;
    transform-style: preserve-3d;
    will-change: transform;
    transition: transform .5s;
    cursor: pointer;
    overflow-x: hidden;
}

.g-card-holder {
    margin: 20px;
    background-color: #1F1F1F;
    border-radius: 20px;
}

.g-card-holder:hover {
   background-color: #1F1F1F;
   /* box-shadow: 18px 10px 22px 13px #0000001f; */
   box-shadow: 0px 40px 42px -7px #000000c2;
   border-radius: 30px;
}


.g-card-img {
    max-width: 800px;
}

.shape-06 {
    right: -100px;
    top: -80px;
}

.shape-39 {
    left: -250px;
    top: -20px;
}



.g-card-info {
    padding: 70px;
    position: absolute;
    bottom: 0px;
}

.g-card-title {
    color: #fff;
    font-size: 35px;
    line-height: 1;
    padding-bottom: 30px;
}

.g-card-text {
    color: #fff;
    font-size: 20px;
}

.purple-bg {
    background-size: cover;
    background-position: center;
}

.g-center {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}



.cosmic-block-text {
    max-width: 600px;
    font-size: 20px;
    text-align: left;
    color: #fff;
    padding-top: 200px;
}


.cosmic-main-title {
    font-size: 83px;
    text-align: right;
    line-height: 1.2em;
    color: #fff;
    mix-blend-mode:overlay;
    padding-right: 50px;
    max-width: 750px;
}

.cosmic-main-mobile {
    display: none;
}

.figures-bg {
    /* background-image: url(assets/figures-bg.png); */
    background-position: center;
    background-size: cover;
    padding-top: 8%;
    padding-bottom: 8%;
    /* overflow: hidden; */
}

.key-f {
    color: #fff;
    font-size: 53px;
    padding-bottom: 60px;
}

.counter-holder {
    color: #fff;
    font-size: 150px;
    line-height: 0.6em;
}

@media only screen and (max-height: 880px) {
    .counter-holder {

        color: #fff;
        font-size: 6em;
        line-height: 0.6em;

    }

    .servicii-1 {
        margin-top: 25%;
    }
}


.counter-desc {
    font-size: 18px;
}

.industry-bg {
    /* background-image: url(assets/industry.png); */
    background-size: cover;
    background-position: center;
    padding-top: 8%;
    padding-bottom: 8%;
}

.section-title {
    color: #fff;
    font-size: 53px;
}

.section-desc {
    color: #fff;
    font-size: 20px;
    max-width: 550px;
}

.industry-holder {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    background-color: #00000052;
    border-radius: 30px;
    padding: 20px;
    min-height: 140px;
}

.info-holder {
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 20px;
    font-size: 20px;
}

.icon-holder img {
    max-width: 100px;
}

.modelam-main-text-2 {
    font-size: 123px;
    text-align: right;
    line-height: 1em;
    color: #fff;
    mix-blend-mode:overlay;
    text-align: center;
    padding-top: 200px;
}

.cosmic-main {
    position: absolute;
    top: -300px;
    left: -100px;
}

.cosmic-1 {
    position: absolute;
    top: 0px;
    top: -350px;
    left: -390px;
    filter: blur(8px);
}

.cosmic-2 {
    position: absolute;

}

/* Forme */

.forme {
    position: absolute;
    max-width: 52vw!important;

}

.forma-3-1 {
    left: 10vw;
    bottom: 5vw;
    max-width: 72vw!important;
    z-index: 21;


}

.forma-3-2 {
    transform: rotate(-15deg);
    left: 25vw;
    bottom: 1vw;
    max-width: 72vw!important;
    z-index: 22;
}

.forma-3-3 {
    right: 12vw;
    bottom: 1vw;
    transform: rotate(35deg);
}

.forma3 {
    top: -5%;
    width: 100%!important;
    position: absolute;
    left: 5%;
}


/* Flames */



.flame-1 {
    left: -350px;
    top: -180px;
    opacity: 0.6;
}

.flame-main {
    top: -260px;
    left: 0px;
    opacity: 0.6;
    filter: blur(8px);
}

.flame-2 {
    left:400px;
    opacity: 0.6;
}

.flame {
    position: absolute;
}

.flame-0 {
    display: none;
}

.flame-1, .flame-2, .flame-main {
    top: -10%!important;
    max-width: 60%!important;
    
}

.transform-1 {
    position: absolute;
    right: -50%;
    top: -75%;
    transform: rotate(420deg);
}


.transform-2 {
    position: absolute;
    left: -50%;
    top: -75%;
    transform: rotate(120deg);

}

.transform-main {
    font-size: 100px;
    text-align: right;
    line-height: 1em;
    color: #fff;
    mix-blend-mode: overlay;
    text-align: center;
    padding-top: 23%;
  
   
}


/* Key Figures */

.forme-keyf {
    position: absolute;
    max-width: 50vw!important;
}


/* Industry */

.forme-industry {
    position: absolute;
}


.industry-1 {
    top: 20%;
    z-index: 22;
    right: -10%;
    /* transform: rotate(20deg); */
    max-width: 72vw;
}

.industry-2 {
    z-index: 20;
    right: -10%;
    top: -6%;
    transform: rotate(0deg);
}

.industry-3 {
    z-index: 21;
    /* right: 10%; */
    top: 1%;
    right: 10%;
    transform: rotate(-70deg) scaleX(-1);
    max-width: 50vw;
    width: 70%!important;
}

    
/* Echipa */
#team-cards {
    z-index: 300;
    background-color: #191128;
}




/* .echipa-forms-holder {
    
} */

.echipa-forms {
    position: absolute;
   
}
.servicii-forms {
    position: absolute;
    z-index: 2;
   
}

.echipa-form-1{
    z-index: 8;
    top: -10%;
    left: 45%;
    max-width: 60vw;
    visibility: hidden;
    transform: rotate(90deg);
}

.echipa-form-2{
    top: 5%;
    left: 35%;
    max-width: 70vw;
    visibility: hidden;
    /* transform: rotate(85deg); */
}

.echipa-form-3{
    top: -5%;
    left: 0%;
    max-width: 70vw;
    filter: blur(8px);
    visibility: hidden;
    /* transform: rotate(85deg); */
}

.servicii-forms-1{
    z-index: 1;
    top: -15%;
    left: 45%;
    max-width: 60vw;
    visibility: hidden;
    transform: rotate(50deg);
}

.servicii-forms-2{
    top: -15%;
    left: 25%;
    max-width: 70vw;
    visibility: hidden;
    /* transform: rotate(85deg); */
}

.servicii-forms-3{
    top: -5%;
    left: 0%;
    max-width: 70vw;
    filter: blur(8px);
    visibility: hidden;
    /* transform: rotate(85deg); */
}

.echipa-t {
    color: #fff;
}

.echipa-header {
    padding-top: 25vh;
    color: #fff;
    font-size: 100px;
    mix-blend-mode: overlay;

}

.echipa-text {
    padding-top: 20px;
    padding-right: 50px;
    color: #fff;
    font-size: 20px;
}


.team-card {
    border-radius: 20px;
    width: 100%;
    margin-top: 20px;
    
}

.member-img {
    max-width: 100%; 
    width: 800px;
    margin: auto;
    border-radius: 20px;
  }

  .member-img {
    height: 200px;
    width: auto;
    mask-image: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 40%);
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 40%);
  }

.card-info {
    position: absolute;
    bottom: 10%;
    left: 10%;

}

.name {
    font-size: 16px;
    color: #fff;
}

.position {
    font-size: 14px;
    color: #818181;
}


.forma4 {
   
    position: absolute;
    /* max-width: 50vw; */
}



.echipa-main-title {
    font-size: 83px;
    text-align: right;
    line-height: 1.2em;
    color: #fff;
    mix-blend-mode:overlay;
    padding-right: 50px;
    text-align: center;
    z-index: 10;
    visibility: hidden;
}


.forma-4-1 {
    left: 0px;
    top: -15%;
    max-width: 100vw!important;
    z-index: 2;
    
}

.forma-4-2 {
    /* left: 0px; */
    top: -15%;
    left: 15%;
    max-width: 60vw!important;
    z-index: 3;
    /* filter: blur(x); */
    transform: rotate(30deg);
}

.forma-4-3 {
    top: 0px;
    right: 0px;
    /* transform: rotate(70deg); */
    z-index: 1;
    max-width: 70vw;
    
}



.forma-4-4 {
    z-index: 4;
    top: 0px;
    right: 0px;
    /* transform: rotate(70deg); */
}

.t-info-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    z-index: 22;
}

.t-name {
    font-size: 60px;
    color: #fff;
    line-height: 1em;
}

.t-position {
    color: #fff;
    font-size: 26px;
}
.t-desc {
    color: #fff;
    font-size: 21px;
}

.t-img {
    max-height: 100vh;
}


.shape41 {
    position: absolute;
    top: -15%;
    right: -35%;
    max-width: 50vw;
    transform: rotate(-35deg);
}


.shape03 {
    position: absolute;
    left: 1%;
    bottom: 2%;
    max-width: 50vw;
}

.shape50 {
    position: absolute;
    right: -25%;
    top: -12%;
    transform: rotate(25deg);
    max-width: 50vw;
}

.shapeemil {
    position: absolute;
    right: -35%;
    top: 10%;
    transform: rotate(25deg);
    max-width: 50vw;
}

.shape20 {
    position: absolute;
    transform: rotate(-75deg);
    max-width: 50vw;
    right: -25%;
    bottom: 0%;
}

.shape49 {
    position: absolute; 
    max-width: 40vw;
    left: -15%;
    top: -25%;  
    transform: rotate(-15deg);
}

.shape35 {
    position: absolute; 
    max-width: 60vw;
    right: -35%;
    top: -35%;  
    transform: rotate(-15deg);
}

.shape-35-moon {
    position: absolute; 
    max-width: 80vw;
    right: -35%;
    top: -45%;  
    transform: rotate(5deg);
}

.shape-12 {
    position: absolute; 
    max-width: 45vw;
    left: -15%;
    top: 25%;  
    transform: rotate(5deg);
}

.shape-08 {
    position: absolute; 
    max-width: 55vw;
    right: -35%;
    top: 4%;  
    transform: rotate(5deg);
}

.shape-53 {
    position: absolute; 
    max-width: 75vw;
    right: -35%;
    top: 5%;  
    transform: rotate(-5deg);
}

.shape-44 {
    position: absolute;
    max-width: 55vw;
    right: -35%;
    top: -25%;  
    transform: rotate(-5deg);
}

.shape-38-min {
    position: absolute;
    max-width: 55vw;
    right: -35%;
    bottom: -25%;  
    transform: rotate(150deg);
}


/* Servicii */



.service-holder-right {

    padding-left: 20%!important;

}

.service {
    display: flex;
    align-items: center;
}


.servicii-bg {
    /* background-image: url('assets/sercicii.png'); */
    background-size: cover;
    background-position: bottom;
}

.logo-holder-servicii {
    display: flex;
    padding: 5%;
    justify-content: center;
}

.service-holder {
    padding-top: 10px;
    background-color: #191128;
}

.service-1-bg {
    position: absolute;
    max-width: 52vw;
    left: 30%;
    top: -60%;
    transform: rotate(-10deg);
    z-index: -1;
}

.service-2-bg {
    position: absolute;
    max-width: 52vw;
    left: 25%;
    top: -70%;
    transform: rotate(-10deg);
    z-index: -1;
}


/* FOOTER */

.footer {
    background-color: #191128;
    padding: 10% 50px 1% 50px;
}

/* Owl css */
    .team-slider {
        cursor: pointer;
    }

    .g-next {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 2%;
        animation: toLeft 2.5s infinite ease-in ;
        animation-direction: alternate;
    }
    .g-prev {
        color: #fff;
        position: absolute;
        top: 50%;
        right: 2%;
        animation: toRight 2.5s infinite ease-in ;
        animation-direction: alternate;
    }

    .g-next, .g-prev {
        color: #61d4d6;
        font-size: 3em;
        z-index: 50;
        width: 1em;
        height: 1em;
        display: none;
    }

   

    div.owl-page.active > span{
        background: rgba(128, 128, 128, 0.596)!important;
    }

/* Contact page */

.contact-page {
    background-image: url('assets/contact-bg.png');
    background-position: center;
}

.contact-page-holder {
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.contact-details {
    padding-left: 40px;
    padding-bottom: 10%;
}

.contact-details-title {
    color: #fff;
    font-size: 26px;
}

.contact-details-t {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
}


/* Carousel */
.carousel-inner {
    overflow: visible;
}

/* Animations */



.flame-1 {
    animation: float 2.5s infinite ease-in ;
    animation-direction: alternate;
}
.flame-2 {
    animation: float 2.5s infinite ease-in ;
    animation-direction: alternate;
}

.flame-main {
    animation: float 4.5s infinite ease-in ;
    animation-direction: alternate;
}


.cosmic-main {
    animation: ltr 5.5s infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
} 


@keyframes toRight {
    from {
        right: 1%;
    }
    to {
        right: 3%;
    }
  }

@keyframes toLeft {
    from {
        left: 1%;
    }
    to {
        left: 3%;
    }
  }



@keyframes float {
    from {
        padding-top: 70px;
    }
    to {
        padding-top: 20px;
    }
  }


@keyframes resize {
    from {

        min-width: 1500px;
        
        opacity: 1;
    }
    to {
        min-width: 1460px;
        opacity: 0.4;
    }
}


@keyframes ltr {
    from {
        transform: scale(0.9);
    }
    to {
        transform: scale(1);
    }
}


@keyframes xAxis {

    from {
        left: -731px;
    }
    to {
        left: -931px;
    }

}

@keyframes FAxis {

    from {
        left: 100px;
    }
    to {
        left: 200px;
    }

}

/* Footer */

.footer-title {
    font-size: 30px;
    padding-bottom: 30px;
}

.footer-address {
    font-size: 18px;
    line-height: 1.9em;
}


/* Responsive */


@media only screen and (min-width: 1200px) {
    #s-slider-resp {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    #s-slider-resp {
        display: block;
    }

    #s-slider {
        display: none;
    } 
}

.video-desktop {
    display: block;
    overflow: hidden;
}

.video-mobile {
    visibility: hidden;
}

.carousel-control-next-icon, .carousel-control-prev-icon, .carousel-control-prev, .carousel-control-next {
    z-index: 666!important;
    
}

#industrii {
    max-height: none!important;
    height: auto;
}

.owl-pagination {
    display: flex;
    justify-content: center;
}

div.owl-page.active > span {
    background: rgb(128 128 128)!important;
}



/* Mobile */

@media only screen and (max-width: 600px) {

    .video-desktop  {
        display: none;
    }

    .scroll {
        display: none;
    }

    .video-mobile {
        visibility: visible;
    }
  
    
    body {
        background-color: #191128!important;
        overflow-x: hidden;
    }

    .contact-details {
        padding-left: 40px;
        padding-bottom: 35%;
    }

    .landing{
        padding: 31px;
    }

    .servicii-forms-1 {
        top: 20%;
        right: 10;
        max-width: 55vw;
        transform: rotate(40deg);

    }

    .servicii-forms-2 {
        top: 10%;
        right: 0;
        max-width: 75vw;
    }

    .servicii-forms-3 {
        top: 10%;
        max-width: 90vw;

    }

    .force-overflow {
        overflow: hidden!important;
    }

    .service-2-bg, .service-1-bg, .service-3-bg, .service-4-bg {
        z-index: 2;
    }

    .teaml-hero {
        overflow: hidden;
    }


    .active .g-card-holder {
        background-color: #1F1F1F;
        /* box-shadow: 18px 10px 22px 13px #0000001f; */
        box-shadow: 0px 40px 42px -7px #000000c2;
        border-radius: 30px;
     }
   

    .counter-holder {
        font-size: 80px;
    }

    .industry-holder {
        flex-direction: column;
    }

    .icon-holder {
        display: flex;
        justify-content: center;
        padding-bottom: 10px;
    }

    .info-holder {
        justify-content: center;
        padding-left: 0px;
        font-size: 15px;
    }
    
    .g-card-title {
        color: #fff;
        font-size: 30px;
        line-height: 1;
        padding-bottom: 30px;
    }


    section {
        background-color: #191128;
    }
    
    .modelam-bg {
        overflow-x: hidden!important;
    }

    .g-card {
        overflow: hidden;
    }

    #industrii {
        overflow-x: visible;
        position: relative;
        padding-left: 50px;
        padding-right: 50px;
        position: relative;
    
        max-height: auto;
     
    }

    .ind-cont {
        display: block;
        overflow: auto;
        padding-left: 0px;
        padding-right: 0px;
        
    }



    .forme-industry {
        display: none;
    }

    /* section {
        overflow-x: hidden;
    } */

    .flame-box {
        z-index: 22;
    }

    .servicii-hero {
        padding-left: 40px;
        padding-right: 40px;
    }

    .servicii-menu {
        min-height: 40vh;
    }

    .t-name {
        text-align: left;
    }

    .t-desc {
        text-align: left;
    }

    .t-position {
        text-align: left;
        line-height: 1em;
        padding-top: 10px;
    }


    #s-slider-resp {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .service {
        padding-left: 40px!important;
        padding-right: 40px!important;
    }

    .service .row {
        z-index: 33;
    }

    .cosmic-main-title {
        padding-right: 0px;
    }

    #team-cards {
        padding-left: 25px;
        padding-right: 25px;
    }

    #figures {
        padding: 10px 45px 10px 45px;
        overflow-x: hidden;
        max-height: 100%;
    }

    .forme-keyf {
        display: none;
    }

  
    .modelam-box {
        padding: 50px;
    }

    .screensize {
        width: 100%;
        height: auto!important;
        max-height: none!important;
    }

    .cosmic-main-mobile {
        display: block;
    }

    .modelam-bg {
        min-height: auto;
        height: 100%;
        padding-top: 150px;
    }

    .mobile-hero-holder {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .modelam-main-text  {
        mix-blend-mode: normal;
        text-align: left;
        padding: 0px;
        font-size: 31px!important;
        width: 100%;

    }

    .t-info-holder {
        padding-left: 40px!important;
        padding-right: 40px!important;
    }

    .service-holder-left {
        padding-left: 14px!important;
        padding-right: 14px!important;
    }

    .transform-main-text {
        font-size: 31px!important;
    }

    .modelam-block-text {
        font-size: 16px;
        text-align: left;
        padding: 40px;
    }

    .dispunem-block-text {
        mix-blend-mode: normal;
        text-align: left;
        padding: 0px;
        padding-top: 40px;
        font-size: 16px;
        opacity: 1;
        display: block;
    }

    .btn-despre {
        position: relative;
        margin-top: 30px;
    }

    .modelam-main-text {
        padding: 40px;
    }

    .flame-main {
        transform: none!important;
        top: 20%!important;

    }

    .flame-main {
        width: 90%;
        max-width: 180%!important;
        left: -10%;
        top: 15%;
        overflow: hidden;
    }

    .flame-1, .flame-2 {
        display: none;
    }

    .transform-main {
        padding-left: 38px;
        padding-right: 40px;
        mix-blend-mode: normal;
        font-size: 31px;
        padding-top: 50px;
        text-align: left;
        overflow-y: hidden;
    }

    .owl-item {
        width: 100%!important;
        max-width: 450px;
        overflow: hidden;
    }

    .g-card {
        min-height: 450px!important;
        
    }

    .g-card-info {
        padding: 31px;
    } 

    .lp-2 {
        margin-top: 50px;
    }

    .cosmic-main-title {
        font-size: 31px;
        text-align: left;
    }

    .lp-3 {
        padding: 37px;
        margin-top: 60px;
        padding-top: 150px;
        padding-bottom: 150px;
        background-image: url('assets/BG-provocari-mobile.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .bg-provocari {
        position: absolute;
        max-width: 310px;
        right: 0;
        
    }

    .cosmic-1 {
        display: none;
    }

    .cosmic-block-text {
        padding-top: 50px;
        text-align: left;
    }

    .owl-cards-slider {
        height: 100%;
        width: 100%;
    }

    .g-center {
        min-height: 0px;
    }

    .counter {
        font-size: 50px;
    }
    .counterplus {
        font-size: 50px;
    }

    .counter-desc {
        line-height: 1.5rem;
    }

    .forma-3-3 {
        display: none;
    }

    .key-f {
        padding-bottom: 0px;
        padding-left: 5px;
    }

    .ind-row {
        background-position: center;
        background-size: cover;
    }
    
    .forma-3-1 {
        left: -1vw;
        bottom: 200px;
        max-width: 1000px!important;
        z-index: 21;
        transform: rotate(-40deg)!important;
    }

    .forma-3-2 {
        transform: rotate(-55deg)!important;
        left: 25vw;
        bottom: 150px;
        max-width: 500px!important;
        z-index: 22;
    }

    .industry-1 {
        top: 60%!important;
        width: 950px;
        max-width: 172vw;
    }

    .industry-2 {
        top: 0%!important;
        width: 950px;
        transform: rotate(30deg);
        max-width: 172vw;
    }

    .industry-3 {
        top: 10%!important;
        width: 950px;
        max-width: 172vw;
    }

    .icon-holder img {
        max-width: 60px;
    }

    .section-title, .key-f {
        font-size: 31px;
    }
    .section-title {
        text-align: left;
    }

    .cosmic-main-title {
        mix-blend-mode: normal;
    }

    .cosmic-main {
        display: none;
    }

    .cosmic-main-mobile {
        position: absolute;
        width: 900px;
        max-width: 150%!important;
    }

    .section-desc, .cosmic-block-text {
        font-size: 16px;
        max-width: 100%;
    }

    .section-desc {
        text-align: left;
    }

    .lp-4 {
        min-height: 100vh;
        display: flex;
        align-items: center;
        margin-top: 50px;
        background-image: url('assets/BG-key-figures-mobile.png');
        background-size: cover;
    }

    .lp-6 {
        margin-top: 60px;
        background-image: url('assets/BG-industrii-mobile.png');
        background-size: cover;
    }

    .counter-holder {
        padding-top: 50px!important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .forme-keyf {
        top: -31%;
    }

    .owl-controls {
        display: none;
    }

    .t-name {
        font-size: 31px;
    }

    .t-desc {
        font-size: 16px;
    }

    .owl-pagination {
        display: none;
    }
 
    .servicii-1 {
        margin-top: 70px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .service-holder-right {
        padding-left: 10px!important;
        padding-top: 50px;
    }

    .service-1-bg {
        top: 20%;
        left: 10%;
        width: 400px!important;
        max-width: 500px;
    }

    .et {
        padding-left: 27px!important;
        padding-right: 27px!important;
    }

    .service-2-bg {
        top: 20%;
        left: 10%;
        width: 400px!important;
        max-width: 500px;
    }

    .service-3-bg {
        top: 20%;
        left: 10%;
        width: 400px!important;
        max-width: 500px;
    }

    .service-holder {
        padding-top: 10px;
    }

    /* Team */
    .echipa-text {
        padding-top: 0px;
        padding-right: 10px;
        padding-left: 15px;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 1.5em;
        text-align: left;
    }

    .echipa-main-title {
        font-size: 31px;
        margin-top: 0px!important;
        text-align: left;
        padding-right: 0px;
       
    }
    

    .echipa-form-1 {
        max-width: 140vw;
        right: 10%;
        left: 0;
    }

    .teaml-hero {
        min-height: 58vh!important;
    }

    .echipa-form-2 {
        max-width: 140vw;
    }

    .echipa-form-3 {
        left: -20%;
        max-width: 140vw;
    }

    .team-1 {
        padding-top: 0px;
    }

    .shape03 {
        display: none;
    }

   

    .shape41 {
        top: 0%;
        right: -19%;
        max-width: 70vw;
        transform: rotate(35deg);
    }

    .shape50 {
        left: -15%;
        top: 240px;
        transform: rotate(305deg);
        max-width: 60vw;
    }

    .shape20 {
        left: -15%;
        top: 0;
        transform: rotate(-65deg);
        max-width: 60vw;
    }

    .shape49 {
        left: -25%;
        top: 160px;
        transform: rotate(105deg);
        max-width: 90vw;
    }

    .shape-08 {
        position: absolute;
        max-width: 55vw;
        right: -15%;
        top: 4%;
        transform: rotate(5deg);
    }

    .shape-44 {
        position: absolute;
        max-width: 55vw;
        right: -15%;
        top: -0%;
        transform: rotate(-5deg);
    }

    .shape-38-min {
        position: absolute;
        max-width: 55vw;
        right: -15%;
        bottom: 35%;
        transform: rotate(150deg);
    }

    .g-card {
        min-height: auto;
        min-width: auto;
    }

    .g-card-img {
        position: absolute;
        max-width: 400px;
    }

    .g-card-info {
        position: relative;
    }

    /* Menu */
    .menu-t {
        font-size: 1.6em;
    }

    .menu-cover {
        height: 100vh!important;
    }

    /* Footer */

    .footer {
        margin-top: 60px;
    }

    /* ADJUST */
    .video-holder {
        height: 100%;
    }

    .small-members-holder {
        padding: 20px!important;
    }

  }
  



  /* General sizes

  G-headers : 31px;
  G-texts: 16px;

  key fig :
  plus: 50px;
  couner: 50px;

  counter desc:
  line-h: 1.3em;
  padding-top: 30px;
  
  t-position: 26px;

  ------------------------
  Landing-page

  1 sec delay on element appearance

  General section margin-top: 300px;

  general background color : #191128

  */