/* WRITE YOUR CUSTOM CSS CODE. THIS WILL NOT BE DELETED ON UPDATE. */
/* START ACASA page*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap");
body {
    font-family: Poppins, sans-serif;
    font-display: swap;
    font-size: 14px;
    background-color: #fff;
    line-height: 1.5em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 h1 {
    font-size: 2.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    font-weight: 500;
    /* text-shadow: 1px 1px grey; */
}
:root {
    /* --base-color: rgb(230, 200, 133); */
    --base-color: #b847b9;
}
/* Miscelaneous */

::selection {
    color: #fff;
    background: #000;
  }
  
  ::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
  }
  
  ::-webkit-scrollbar
  {
      width: 6px;
      background-color: #000;
  }
  ::-webkit-scrollbar-track-piece {
    background-color: #fff;
  }
  ::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: var(--base-color);
  }
  
  .dropdown:hover > .dropdown-menu {
      display: block;
  }
  .dropdown > .dropdown-toggle:active {
      /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
  .language-select.dropdown ul {
      width: auto;
      min-width: unset;
  }
  /* end Miscelaneous */
.module-text h2{
    font-size: 2.8em;
    text-align: center;
    color:var(--base-color);
    /* text-shadow: 1px 1px whitesmoke; */
}
input{
    font-size: medium;
}
body p,a,h3{
 font-family:Poppins, sans-serif;
}
p {
    color:#111111;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: 14px;
}
.row.builder-row.prima {
    margin-left:-15px!important;
    margin-right:-15px!important;
}
.logo {
    position:relative;
    min-width: 130px;
    min-height: 130px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .4s ease-in-out;
    margin-bottom: 0;
    display: inline-block;
    float: none;
    vertical-align: middle;
}


.logo-scroll {
    position: relative;
    min-width: 70px;
    min-height: 70px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .4s ease-in-out;
    margin-bottom: 0;
    display: inline-block;
    float: none;
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
}


#curs1page{
    height: 400px;
    background-image: radial-gradient(circle at top right,rgba(255,255,255,0) 20%,#3700b3 100%),url(/uploads/conschim/curs1.jpg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);
}
#curs2page{
    height: 400px;
    background-image: radial-gradient(circle at top right,rgba(255,255,255,0) 20%,#3700b3 100%),url(/uploads/conschim/curs2.jpg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%); 
}
#curs3page{
    height: 400px;
    background-image: radial-gradient(circle at top right,rgba(255,255,255,0) 20%,#3700b3 100%),url(/uploads/conschim/curs3.jpg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);
}
#curs4page{
    height: 400px;
    background-image: radial-gradient(circle at top right,rgba(255,255,255,0) 20%,#3700b3 100%),url(/uploads/conschim/curs4.jpg)!important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);
}
#curs5page{
    height: 400px;
    background-image: radial-gradient(circle at top right,rgba(255,255,255,0) 20%,#3700b3 100%),url(/uploads/conschim/curs5.jpg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);
}
#curs6page{
    height: 400px;
    background-image: radial-gradient(circle at top right,rgba(255,255,255,0) 20%,#3700b3 100%),url(/uploads/conschim/curs6.jpg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);
}
#curs7page{
    height: 400px;
    background-image: radial-gradient(circle at top right,rgba(255,255,255,0) 20%,#3700b3 100%),url(/uploads/conschim/curs7.jpg)!important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);
}


div#bg-img{
    background-image:url(/uploads/conschim/consultanta+chimicale.jpg)!important;
    padding-top: 7vw;
    padding-bottom: 0px;
    transition: border-radius 300ms ease 0ms;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*
div#bg-img::after{
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    width: 0;
}
*/
.text-danger span{
    color: red;
}
.politici-h1 {
    padding: 3rem;
}
.col-lg-5{
    padding-left: 10vh;
    padding-bottom: 5rem;
}
.up-button {
    /* background-color: lightskyblue; */
    position: fixed;
    right: 20px;
    bottom: 40px;
    width: 45px;
    height: 65px;
    background-image: url(/uploads/contextual/up-button.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
    align-items: center;
    text-align: center;
    border-radius: 75%;
    opacity:0.7;
    display:none;
    transition: ease 0.5;
}
.up-button:hover{
    opacity:1;
    transition: ease 0.5;
}
.linie{
    padding-left: 7%;
}
/*Start Custom Button*/

.btn-secondary{
    background-color: var(--base-color);
    /* outline:2px solid blue; */
    outline-offset:-2px;
    transition: outline-offset 250ms ease;
}
.btn-secondary:hover,
.btn-secondary:focus{
/* outline-offset: 2px; */
background-color: var(--base-color);
color: #fff;
border-color: white;
color:var(--base-color);
}

.btn-initial .module-button{
    text-align: unset;
    /* outline:2px solid white; */
    /* outline-offset:-2px;
    transition: outline-offset 250ms ease; */
}
.btn.btn-primary {
    background-color:var(--base-color) ;
    border-color: var(--base-color);
    padding: 10px;
    text-align: center;
    filter: none !important;
}
.module-button {
    text-align: center;
}
#buton-homepage {
    text-align: unset!important;
}
.buton-unset {
    text-align: unset!important;
    padding:0rem 0 2rem 0;
}
.btn-initial:hover,
.btn-initial:focus{
    outline-offset: 2px;
    /* border-color: white; */
    color: #fff;
    /* background-color: var(--base-color); */
    opacity: 1;
    transition: 0.3s;
}

/*End Custom Button*/

.readmore  a{
    color:var(--base-color);
    padding:5px;
    background-color: #fff;
}
.afla{
    padding:3% 1%;
    text-align: center;
}
.afla a{
    color:#fff;
    background-color: var(--base-color);
    padding: 5px;
    opacity: 0.6;
    transition: 0.3s;
}
.btn-initial a{
    color:blue;
}
.btn-secondary a{
    color:#fff;
}

.module-image{
   width:60px;
}
.servicii-contextual {
    width: 85%;
    margin:auto;
}
.expert h1{
    font-size: 3.5em;
}
.cunosc h1{
    font-size:3 em; 
    padding:0;
    margin:0;
    color:whitesmoke;
}
.infos h5{
    padding-top:3%;
    font-size:1.5em;
    color:whitesmoke;
    padding-left: 7%;
}
.totul p{
    font-size:1.5em;
    color:white;
}
.formular h3{
    font-size:2em;
    color:whitesmoke;
    text-align:left;
}
.formular{
    margin:auto;
}
.red a{
    color:#8a1f8b;
    text-align: left;
    margin:0;
    padding:0;
    margin-bottom: 5px;
}
.red a:hover{
    color:#b847b9;
}
.orizontal{
    padding-bottom: 2%;
}
.scop{
width:50%;
margin:auto;
}
.scop p{
    font-size:14px;
}
.orizontal p{
    text-align: center;
    font-size: xx-large;
    font-weight: bolder;
}
.imgrand{
    height:400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.white-text p {
    color: #fff!important;
}
.white-text h2 {
    color:#fff!important;
}
.randslide {
    width: 90%!important;
    margin: auto!important;
}
.slide-slick-content {
    margin: auto;
    display: flex;
    flex-direction: column-reverse;
    /* align-content: center; */
    align-items: center;
    text-align: center;
}
.slide-slick-content p {
    text-align: center;
}
.hue {
    filter: hue-rotate(70deg);
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
}
.imagstanga{
    /* margin-bottom: 4%; */
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    -webkit-animation:spin 100s linear infinite;
    -moz-animation:spin 100s linear infinite;
    animation:spin 100s linear infinite;
    opacity:0.3;
    transition: 1s ease;
    display: flex;
    z-index: 0;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.chems-anim {
    width:auto;
    margin: auto;
    -webkit-animation:spin-reverse 100s linear infinite;
    -moz-animation:spin-reverse 100s linear infinite;
    animation:spin-reverse 100s linear infinite;
}

@-moz-keyframes spin-reverse { 100% { -moz-transform: rotate(180deg); } }
@-webkit-keyframes spin-reverse { 100% { -webkit-transform: rotate(180deg); } }
@keyframes spin-reverse { 100% { -webkit-transform: rotate(180deg); transform:rotate(0deg); } }

.imagstanga:hover {
    opacity:1;
    transition: 1s ease;
}
.text-imagstanga {
    opacity: 0;
    transition: 1s ease;
    justify-content: center;
    margin: auto;
    align-self: center;
    z-index: 9999;
}
.text-imagstanga:hover {
    opacity: 1;
    transition: 1s ease;
}
.slide-slick-image img{
    margin:auto;

}
.module-slider{
    margin:auto;
}
.slick-slide{
    background-color:#fff;
    height:30rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px;
    border: 1px solid #00000033;
}
.slick-dots {
    margin: 0!important;
    bottom: 0!important;
}
.slider-column {
    padding: 3rem auto;
}
.slide-slick-content p{
    text-align:left;
    padding:3%;
    margin:auto;
    color:#111111;
}
.slick-track{
    margin:auto;
}
.stalege{
    padding:8rem;
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
}
.dralege{
    background-image:url(/uploads/conschim/Jos-Stanga.png);   
    background-size: cover;
    height: 50vh;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    clip-path: polygon(30% 10%, 100% 10%, 100% 100%, 30% 100%, 5% 55%);
}

.chimicstanga{
background-image:url(/uploads/conschim/Chimie_3-400x250.jpg);
background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    background-attachment: fixed;
clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%, 0% 50%);
margin-left: -15px;
}

.treapta1 p,h3,
.treapta2 p,h3,
.treapta3 p,h3{
  margin:auto;
}
.treapta1 p,
.treapta2 p,
.treapta3 p{
    font-size:14px;
}

.treapta1 h3,
.treapta2 h3,
.treapta3 h3{
font-weight:bolder;
text-align:center;
font-size: 2.8em;
font-weight: 500;
color:var(--base-color);
margin-bottom: 5px;
}

.treapta1{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.treapta1 img {
    margin: auto;
}
.treapta2{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.treapta2 img {
    margin: auto;
}
.treapta3 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.treapta3 img {
    margin: auto;
}

/*Start animation home page*/


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
div#solutii{
    animation-name:left;
    animation-duration: 3s;
}
.logutze{
    animation: right 3s;
    padding-top:1rem;
    padding-left:2rem;
}
.cunosc{
    padding-top: 8%;
    padding-left: 7%;
    animation-name:left;
    animation-duration: 3s;
}
.logutze h4{
    font-size:16px;
    color: #111111;
}
.logutze img{
    border-radius: 30%;
}
.animeleft{
    animation: left 3s;
}
@keyframes left {
    0% {
      left: -300px;
    }
    100%{
      left:0;
    }
  }
  @keyframes right {
    0% {
      right: -300px;
    }
    100%{
      right:0;
    }
  }
/*End animation home page*/


/*Start meniu custom*/
header #main-navbar .container {
    max-width: 80%;
}


#main-navbar{
    position:fixed;
    height: 105px;
    font-weight: 500;
    top: 0;
    background-color: #fff;
    width: 100%;   
    z-index: 1;
    transition:.25s;
    filter: drop-shadow(1px 2px 5px gray);
}

.header-scroll {
    height:82px!important;
    transition:.25s!important;
    filter: drop-shadow(1px 2px 5px gray);
}

.navbar-brand{
    margin-top: 4rem;
    transition:.25s!important;
}

.navbar-brand-scroll {
    transition:.25s!important;
    margin-top:0;
}

#main-navbar-collapse ul{
    list-style: none;
}
#main-navbar-collapse li{
    line-height: 16px;
    display: inline-block;
    font-size: 14px;
    padding-right: 14px;
}
#main-navbar-collapse a{  
    font-family:Poppins, sans-serif;
    color:#111111;
    /* border-right: 2px solid #111111; */
    padding:20px;
    padding-right:5px;
    font-size: 18px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    background: transparent;
}
.dropdown-menu li a {
    font-size: 14px!important;
    padding: 10px 0!important;
} 
#main-navbar-collapse a:hover{
  color: var(--base-color);
  /* border-right:2px solid #ce1d3f; */
}
#main-navbar-collapse .english a {
border:none;
}

a#english{
    /* position:fixed; */
    top:2.5%;
    right:15%;
     margin:0;
    padding:0;
}
a#romana{
    /* position: fixed; */
    top:2.5%;
    right:10%;
    margin:0;
   padding:0;
}
.steag {
    width:20px;
    margin:auto;
}

#main-navbar-collapse .steag img {
    margin-bottom:4%;
    display: inline-block;
}

.dropdown-menu{
    width:25rem;
    display:none;
    border:none;
    margin-block-start: 0px;
    margin-block-end: 0px;
    padding: 30px 10px 20px 20px;
    margin:0;
}
.dropdown-menu
.dropdown-menu:nth-last-child() {
    width:50px;
}
.dropdown-menu nav-item nav-item-level-2 nav-item a {
    font-size: 12px;
}
.dropdown-menu li{
    width:100%;
    padding: 5px 0;
    border:none;
}
.dropdown.simple.nav-item.language-select {
    border-left: 1px solid;
    padding-left: 10px;
}
/*
.nav-item-servicii-privind-managementul-chimicalelor-:hover{
    display: block;
}
.nav-item-cursuri:hover{
    display:block;
}
*/
/*End Meniu Custom*/

/*Start Footer Custom*/
footer
{
    background-image: linear-gradient(290deg,#3700B3 0%,rgba(98,0,238,0.65) 100%),url(/uploads/conschim/solutii+chimicale+footer.jpg)!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 0px;
    height:auto;
    /* margin-top: 5rem;  */
    /*clip-path: polygon(26% 0%, 77% 0%, 100% 15%, 94% 100%, 0 100%, 0 0); */
    background-attachment: fixed;
}
.footer-row {
    padding-top: 3rem;
    padding-bottom: 3rem;
    max-width: 85%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: auto;
}
.footer-row p {
    color:#fff;
}
.footer-row h4 {
    border-bottom: 1px solid white;
}
.footer-row a {
    color:#fff;
}
/*End Footer Custom*/



/*End acasa page*/

/*Start Servicii page*/

#prima{
    background-image: linear-gradient(1deg,#3700b3 0%,rgba(55,0,179,0.57) 100%),url(/uploads/conschim/flasks-606612_1920.jpg)!important;
    padding-top: 10vw;
    padding-bottom: 0px;
    transition: border-radius 300ms ease 0ms;
    min-height:550px;
    padding-left: -15px;
    padding-right: -15px;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);
}
.prima{
    margin:6rem auto;
    background-repeat: no-repeat;
    background-size: cover;
}
.row-content-image {
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
/* .servicii {
    padding-top: 10vh;
    padding-left: 10vh;
} */
.servicii h1{
    color: white;
    align-self: center;
    vertical-align: middle;
    font-size:2.5rem;
}
.contact-header-position {
    padding-top: 10vh;
    padding-left: 10vh;
}
.contact-header-position h1 {
    color: white;
    align-self: center;
    vertical-align: middle;
    font-size:3.5rem;
}
.reach{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    clip-path: polygon(50% 0%, 100% 0, 100% 85%, 0 100%, 100% 100%, 0 85%, 0 0);
}
.logotext{
    color: #111111;
    /* margin:1% auto; */
    width:100%;
    padding:10px 3rem;
}
.contacteazane{
    margin:auto;
    text-align:center;
}
.contacteazane a{
    background-color:white;
    color: #ce1d3f;
    outline:2px solid #ce1d3f;
    outline-offset:-2px;
    transition: outline-offset 250ms ease;
}
.contacteazane a:hover,
.contacteazane a:focus{
outline-offset: 2px;
border-color: #ce1d3f;
background-color:white;
}
.module-image.loguri {
    width: 200px;
    margin:1rem auto;
    padding-bottom: 2%;
}
.loguri img{
    border-radius: 50px;
}
.hrline{
    padding: 1% 2%;
    width: 96%;
}
.linehr hr{
    color:cadetblue;
    border-top: 2px dashed;
    width:96%;
   padding-left:2%;
   padding-right:2%;
}
/*End Servicii page*/

/*Start Colaborare page*/
#colaborare{
    /*background-image: linear-gradient(1deg,#3700b3 0%,rgba(55,0,179,0.57) 100%),url(/uploads/conschim/Untitled-2.jpg)!important;*/
    /* clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 100%, 60% 100%, 50% 92%, 40% 100%, 0 100%, 0 0); */
    background-repeat: no-repeat;
    background-position: center;
    transition: border-radius 300ms ease 0ms;
    min-height:500px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom:0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
}
.coloab h1{
    color: white;
    padding: 0 3%;
    font-size: 2.5rem;
    /*text-align: center;*/
}
/* .sticla{
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,#ffffff 100%),url(/uploads/contextual/Untitled-1-4.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    min-height: 600px;
} */
.nume h5{
    color: whitesmoke;
    padding: 0 9%;
    font-size:xx-large;
}
.pnguri img{
    padding-right: 5px;
    padding-left: 5px;
}
.pnguri{
    padding: 0 8%;
}
.pnguri p{
    color: whitesmoke;
    width:30%;
    float:left;
    font-size:15px;
    word-spacing: normal;
}
.fortext{
    padding:0 5%;
}
.fortext h2{
    margin-top:3%;
    padding:1%;
    color:black;
    font-size:3.4em;
    text-align:left;
}
.fortext h6{
    font-size: 1.2rem;
    padding:1%;
    color:cadetblue;
}
.fortext p{
    padding:1%;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    text-align: left;
    font-size:14px;
}
.imagine .module-image{
    width:100%;
    margin-top: 4%;
}
.imagine img{
    border-radius: 5%;
}
#imgcolab{
    margin:auto;
}
.div-colaborare {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.div-colaborare-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*End Colaborare page*/

/*Start Cursuri page*/
.header-cursuri {
    padding: 5rem;
}
.curs{
    color: #111111;
   margin-top:6%;
   width:90%;
   padding:0 0rem;
   margin:2rem auto;
}
.curs h1,h3{
    text-align: center;
    color: var(--base-color);
}
.curs h3{
    padding-bottom:2rem;
    color: var(--base-color);
}
.central {
    width: 90%;
    padding: 1%;
    margin: auto;
}
.central a {
    color:var(--base-color)
}
.formulartrimis{
    padding:5rem;
    /* background-image:linear-gradient(90deg, rgba(255,255,255,0.8631827731092436) 23%, rgba(219,14,167,0.2497373949579832) 88%); */
    box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.75);
    border-radius: 30px;
}

.formulartext p{
    font-weight: normal;
}

.lacompanie h3{
    font-size:18px;
}
/*start formular de participare*/

.formcolumn{
    margin:auto;
    margin-top:3%;
    padding:2% 0;
}
.formcolumn label{
    display:none;
}
.formcolumn input{
     background-color: transparent;
    border:none;
    border-bottom:1px solid var(--base-color);
    width:97%;
    margin:auto;
    line-height:45px;
}
.formcolumn input:focus{
    color:#111111;
    font-weight:bolder;
    outline:none;
    border:none;
    border-bottom:2px dashed #111111;
}
.acasa .form-group.item-013 label,
.contact .form-group.item-013 label,
.home .form-group.item-013 label,
.contact-us .form-group.item-013 label {
    display: block !important;
    margin-bottom: 3px;
    font-size: 16px;
    padding-left: 3px;
    font-weight: 400;
}
.acasa .form-group.item-013 select,
.home .form-group.item-013 select,
.contact .form-group.item-013 select,
.contact-us .form-group.item-013 select {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--base-color);
    background: transparent;
}
.acasa .form-group.item-013 select:focus,
.home .form-group.item-013 select:focus,
.contact .form-group.item-013 select:focus,
.contact-us .form-group.item-013 select:focus {
    outline: none;
}
.formpng{
    text-align: center;
}
.formpng img{
    height:180px;
}
.formulartrimis button{
    margin:auto;
    /* background-color: blue;
    outline:2px solid blue; */
    outline-offset:-2px;
    transition: outline-offset 250ms ease;
}
.formulartrimis button:hover,
.formulartrimis button:focus{
    outline-offset: 2px;
    background-color: var(--base-color);
    opacity: 0.7;
    border-color: white;
}
.formulartrimis .col-12{
    text-align: center;
}
/*end formular de participare*/

/*start cursantii*/
#cursanti{
    height:auto;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    filter: drop-shadow(1px 2px 5px gray);
}
.cursanti-h1 {
    margin-top:10rem;
}
.cursantsay{
    margin:auto;
}
.cursantsay h1{
    margin-top:20%;
    color:white;
    text-shadow: 2px 2px black;
    text-align:center;
    font-size:xxx-large;
    font-weight:bolder;
}
.slidecursanti{ 
    margin:auto;
    padding:1%;
    height:450px;
}
.cursantslides{
    margin:auto;
    height:450px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slide1{
    margin:auto;
    margin-top:2%;
}
.galeriecurs{
    width:80%;
    margin:auto;
}
.slider-cursanti {
    width: 100vh;
    max-width: 100vh;
    /* height: 20vh!important; */
    background-color: rgba(0, 0, 0, 0.473);
}

.galeriecurs img{
 /* border: 2px solid cadetblue; */
 /* border-radius: 25px; */
 border-collapse: collapse;
 width:25%;
 height:300px;
 opacity: 0.8;
 display:flex;
 float:left;
 padding:0px;
 /* margin:1px; */
 box-sizing: border-box;
 transition: all 0.4s ease-in-out;
 background: #123851;
}

.galeriecurs img:hover{
    opacity: 1;
}
.lb-close a{
    color:#ce1d3f;
    font-size:larger;
}
.unh3 h3{
    padding:2%;
    color:#111111;
}
.vl{
    width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 50px solid var(--base-color);
    margin-top: 1rem;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
}
/*end cursantii*/

/*End cursuri page*/


#contactpage{
    position: relative;
    height:500px;
    padding-top:10vh;
    background-image: radial-gradient(circle at top right,rgba(255,255,255,0) 20%,#3700b3 100%),url(/uploads/conschim/Untitled-1.jpg)!important;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    /*clip-path: polygon(0 0, 100% 0, 100% 0, 70% 100%, 0 100%, 0% 50%);*/
}
.contact_floating_image {
    position: absolute;
    height: calc(100% - 10vh);
    right: 0;
    width: 500px;
    padding: 0;
}
.contact_floating_image .module-image {
    width: 100%;
    height: 100%;
}
.contact_floating_image .module-image img {
    height: 100%;
    object-fit: cover;
}
.column-contact-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.column-contact-details p {
    /* text-align:center; */
    font-size:1.5rem;
    line-height: 2rem;
}
.column-contact-details a {
    color: var(--base-color);
}
.column-contact-details a.btn.btn-primary {
    color:#fff;
}
.colcontact{
    margin:auto;
    background-image: url(/uploads/contextual/chemicals.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 0.8;
}
.colcontact form{
    opacity: 1.2;
}
.contactcolumn{
    padding:0;
    margin:0;
    padding-right: 2%;
}
.contactcolumn label{
    display:none;
}
.formulardecontact{
    border-radius: 50px;
    border: 0px solid var(--base-color);
    width:90%;
    padding:10rem 10rem;
    box-shadow: 10px 10px 42px rgba(0,0,0,0.75);
    margin:5rem auto;
    background-color: #ffffffb3;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#111111;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #111111;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #111111;
  }
.contactcolumn input{
     background-color: transparent;
     border-bottom:30px;
    border:none;
    border-bottom:1px solid var(--base-color);
    width:100%;
    margin:auto;
    line-height:45px;
}
.contactcolumn input:focus{
    color:#111111;
    font-weight:bolder;
    outline:none;
    border:none;
    border-bottom:2px solid #111111;
}
.colcontact button{
    margin-top:2%;
    margin:auto;
    background-color: var(--base-color);
    outline:2px solid var(--base-color);
    outline-offset:-2px;
    transition: outline-offset 250ms ease;
    text-align: center;
}
.colcontact button:hover,
.colcontact button:focus{
    outline-offset: 2px;
    background-color: var(--base-color);
    border-color: white;
}
.checkbox-text{
    color:var(--base-color);
    font-style: italic;
    font-weight: bolder;
}
#solutii h1{
    color: #111111;
}

/*Start Media querry*/
/* start mobile*/
@media only screen and (min-width:250px ) and (max-width: 768px){
    #curs1page ,
    #curs2page ,
    #curs3page ,
    #curs4page , 
    #curs5page ,
    #curs6page ,
    #prima ,
    #contactpage,
    #curs7page{
        clip-path: none;
    }
    #main-navbar{
        height:auto;
        position: fixed;
        top:0;
        height:82px;
    }
    .navbar-brand-scroll {
        margin-top:none!important;
    }
    .logo-scroll {
        min-height:75px;
    }
    header #main-navbar .container {
        max-width:100%;
    }
    .navbar-brand-scroll {
        transition:.25s!important;
        margin-top:4rem;
    }
    #main-navbar-collapse ul{
        width:100%;
        background-color: whitesmoke;
        padding: 1rem 1rem;
    }
    #main-navbar-collapse li {
        line-height: 20px;
        display: inline-block;
        font-size: 14px;
        padding-right: 14px;
        padding-bottom: 10px;
    }
    .dropdown.simple.nav-item.language-select {
        border-left: none;
        border-top: 1px solid;
        width: 100%;
        background-color: whitesmoke;
        padding-left: 15px;
    }
    .formulardecontact {
        width:100%!important;
        padding:10px 15px!important;
        text-align: center;
        margin: 2rem auto;
    }
    .amimeleft h1 {
        text-align: center!important;;
    }
    .servicii h1 {
        text-align: center;
    }
    .coloab h1{
    color: white;
    padding: 0 3%;
    font-size: 2.5rem;
    text-align: center;
}
    .logotext {
        padding: 10px 10px;
    }
    .row-content-image .btn.btn-primary {
        margin: 1rem auto;
    }
    .slider-cursanti {
        width: auto!important;
    }
   #buton-homepage {
       text-align:center!important;
   }
   .prima {
       margin: 0 auto 2rem!important;
   }
   .prima p {
       padding: 10px 0;
       text-align: justify!important;
   }
   .prima-row {
       margin: 0rem auto 1rem!important;
   }
   .logutze p {
       display:block!important;
   }
    .logo{
    position:fixed;
    top:5px;
    min-width: 60px;
    min-height: 60px;
    }
    .logutze {
        padding-top:0!important;
        padding-left:10px!important;
        padding-right:10px!important;
    }
    .logutze h4 {
        text-align:center!important;
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
    }
    
    .logutze .module-text:first-of-type h4 {
        margin-top:0!important;
    }
    
    .logutze img {
        width:fit-content;
        margin:Auto;
    }
    
    .logutze p {
        text-align:justify!important;
    }
    .buton-unset {
        text-align:center!important;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #8a1f8b;
        transform: rotate(0deg) translate(0px, 0px);
        transition: ease all .2s;
    }
    .module-text h2{
        font-size: 2.2em;
        text-align: center;
        color:#111111;
        /* text-shadow: 1px 1px whitesmoke; */
    }
    .column-contact-details p {
        text-align:center;
        font-size:1rem;
        line-height: 2rem;
    }
    #solutii h1{
        font-size: 2.5em;
    }
    .scop {
        width: 100%;
        margin: auto;
        text-align: left;
    }
    .afla a{
        padding:3%;
    }
    .imgrand {
        height: 240px;
        background-repeat: no-repeat;
        background-size: cover;
        clip-path: none;
        background-attachment: fixed;
    }
    #penoi {
        margin: 2rem auto 0!important;
        height: fit-content;
    }
    .treapta1,.treapta2,.treapta3{
        border:none;
        margin:2rem auto;
        padding:0;
        padding-bottom:1%;
    }
    .imagstanga{
        display:none;
    }
    .hrline{
       display: none;
    }
    .slide-slick-image{
        width:80px;
    }
    .slide-slick-content{
        font-size:12px;
    }
    .slick-slide {
        clip-path: none;
    }
    footer{
        background-attachment: fixed;
        clip-path: none;
    }
    .cunosc{
        padding-top:0;
    }
    .footerjos {
        padding-left: 12%;
    }
    div#bg-img {
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        clip-path: none;
    }
    .orizontal{
        display:none;
    }
    .stalege strong{
        display:none;
    }
    .stalege {
        padding: 10px!important;
    }
    .col-lg-5 {
        padding: 10px!important;
        text-align: center;
    }
    .header-position-mobile {
        margin: auto!important;
    }
    .stalege h1 {
        font-size: 2.5em;
        margin-block-start: 0;
        margin-block-end: 0;
        padding-bottom: 0;
        font-weight: 400;
    }
    .dralege {
        display:none;
    }
    .navbar-toggler {
        display: block;
        padding: 12px;
        float: right;
        top: -10px;
        position: relative;
        right: 10px;
    }
    .sticla{
        display:none;
    }
 
    .stanga{
        width:158%;
        padding:1%;
        margin:auto;
    }
    /* .dreapta{
        width:158%;
        padding:1%;
        margin:auto;
    } */
    .pnguri p{
        font-size:12px;
        font-weight:bolder;
        text-align:left;
    }
    .curs {
        color: #111111;
        width:98%;
        margin:auto;
        margin-top: 4%;
    }
    .curs h1{
        font-size: 2em;
    }
    .curs h3{
        font-size: medium;
        padding-bottom: 2%;
        color: #F39A9D;
        text-align: center;
    }
    .central{
        width:100%;
        padding:0;
        margin:0;
    }
    .formcolumn{
        margin: auto;
        margin-top: 3%;
        padding: 2% 10px;
    }
    .formcolumn img{
        display:none;
    }
    .galeriecurs img {
        width: 100%;
        height: 250px;
        opacity: 0.9;
        display: flex;
        float: left;
        padding: 0;
        margin: 0;
    }
    .formulartrimis{
        width:100%;
        padding:10px 10px;
        margin:1rem auto;
    }
    .footer-row {
        max-width: 100%;
    }
}

@media only screen and (min-width:500px ) and (max-width: 700px){
    #curs1page ,
    #curs2page ,
    #curs3page ,
    #curs4page , 
    #curs5page ,
    #curs6page ,
    #prima ,
    #contactpage,
    #curs7page{
        clip-path: none;
    }
    .formcolumn img{
        display:none;
    }
    #main-navbar{
        height:auto;
        position: fixed;
        top:0;
        height:30px;
    }
    #main-navbar-collapse{
        margin-top: -5.6%;
    }
    #main-navbar-collapse ul{
        width:75%;
        background-color: whitesmoke;
        padding: 5% 2%;
    }
    #main-navbar-collapse li {
        line-height: 20px;
        display: inline-block;
        font-size: 14px;
        padding-right: 14px;
        padding-bottom: 10px;
    }
    a#english{
        position: fixed;
        top:0.5%;
        right:75%;
        margin:0;
       padding:0;
   }
   a#romana{
    position: fixed;
    top:0.5%;
    right:65%;
    margin:0;
   padding:0;
}
    .dropdown-menu{
        display:block;
    }
    .curs{
        width:98%;
        padding:0 1%;
    }
    .logo{
    position:fixed;
    top:5px;
    min-width: 60px;
    min-height: 60px;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #8a1f8b;
        transform: rotate(0deg) translate(0px, 0px);
        transition: ease all .2s;
    }
    .module-text h2{
        font-size: 2.2em;
        text-align: center;
        color:#111111;
        /* text-shadow: 1px 1px whitesmoke; */
    }
    #solutii h1{
        font-size: 2.5em;
    }
    .scop {
        width: 85%;
        margin: auto;
        text-align: left;
    }
    .afla a{
        padding:3%;
    }
    .imgrand {
        height: 350px;
        background-repeat: no-repeat;
        background-size: cover;
        clip-path: none;
        background-attachment: fixed;
    }
    #penoi {
        padding-bottom: 1%;
        height: 645px;
    }
    .treapta1,.treapta2,.treapta3{
        border:none;
    }
    .treapta1{
        margin-bottom:0;
    }
    .treapta2{
        margin-bottom:0;
    }
    .imagstanga{
        display:none;
    }
    .hrline{
       display: none;
    }
    .slide-slick-image{
        width:80px;
    }
    .slide-slick-content{
        font-size:12px;
    }
    footer{
        background-attachment: fixed;
        clip-path: none;
    }
    .cunosc{
        padding-top:0;
    }
    .footerjos {
        padding-left: 12%;
    }
    div#bg-img {
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        clip-path: none;
    }
    .orizontal{
        display:none;
    }
    .stalege strong{
        display:none;
    }
    .stalege h1 {
        font-size: 2.5em;
        margin-block-start: 0;
        margin-block-end: 0;
        padding-bottom: 0;
        font-weight: 400;
    }
    .dralege {
        height:350px;
    }
    .navbar-toggler {
        display: block;
        padding: 12px;
        float: right;
        top: -15px;
        position: relative;
        right: 5px;
    }
    .sticla{
        display:none;
    }
    .pnguri{
        width:140%;
        
    }
    .pnguri p{
        font-size:14px;
        font-weight:bolder;
        text-align:left;
    }
    .galeriecurs img {
        width: 100%;
        height: 350px;
        opacity: 0.9;
        display: flex;
        float: left;
        padding: 0;
        margin: 0;
    }
}

@media only screen and (min-width:700px ) and (max-width: 1000px){
    .galeriecurs img {
        width: 100%;
        height: 400px;
        opacity: 0.9;
        display: flex;
        float: left;
        padding: 0;
        margin: 0;
    }
    .formcolumn img{
        display:none;
    }
    #main-navbar{
        height:auto;
        position: fixed;
        top:0;
        height:30px;
    }
    #main-navbar-collapse{
        margin-top: -5.6%;
    }
    #main-navbar-collapse ul{
        width:75%;
        background-color: whitesmoke;
        padding: 5% 2%;
    }
    #main-navbar-collapse li {
        line-height: 20px;
        display: inline-block;
        font-size: 14px;
        padding-right: 14px;
        padding-bottom: 10px;
    }
    a#english{
        position: fixed;
        top:0.5%;
        right:72%;
        margin:0;
       padding:0;
   }
   a#romana{
    position: fixed;
    top:0.5%;
    right:65%;
    margin:0;
   padding:0;
}
    .logo{
    position:fixed;
    top:5px;
    min-width: 70px;
    min-height: 70px;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #8a1f8b;
        transform: rotate(0deg) translate(0px, 0px);
        transition: ease all .2s;
    }
    .module-text h2{
        font-size: 2.2em;
        text-align: center;
        color:#111111;
        /* text-shadow: 1px 1px whitesmoke; */
    }
    #solutii h1{
        font-size: 2.5em;
    }
    .curs{
        width:96%;
        padding:0 2%;
    }
    .scop {
        width: 85%;
        margin: auto;
        text-align: left;
    }
    .afla a{
        padding:3%;
    }
    .imgrand {
        height: 400px;
        background-repeat: no-repeat;
        background-size: cover;
        clip-path: none;
        background-attachment: fixed;
    }
    #penoi {
        margin:2rem auto;
        height: fit-content;
    }
    .treapta1,.treapta2,.treapta3{
        border:none;
    }
    .treapta1{
        margin-bottom:0;
    }
    .treapta2{
        margin-bottom:0;
    }
    .imagstanga{
        display:none;
    }
    .hrline{
       display: none;
    }
    .slide-slick-image{
        width:100px;
    }
    .slide-slick-content{
        font-size:13px;
    }
    footer{
        background-attachment: fixed;
    }
    .cunosc{
        padding-top:0;
    }
    .footerjos {
        padding-left: 12%;
    }
    div#bg-img {
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
    }
    .orizontal{
        display:none;
    }
    .stalege strong{
        display:none;
    }
    .stalege h2 {
        font-size: 2.5em;
        margin-block-start: 0;
        margin-block-end: 0;
        padding-bottom: 0;
        font-weight: 400;
        text-align: center!important;
    }
    .stalege p {
        text-align: center!important;
    }
    .dralege {
        height:400px;
    }
    .navbar-toggler {
        display: block;
        padding: 12px;
        float: right;
        top: -20px;
        position: relative;
        right: -10px;
    }
    .sticla{
        display:none;
    }
    .pnguri{
        width:160%;
        
    }
    .pnguri p{
        font-size:16px;
        font-weight:bolder;
        text-align:left;
    }
    
}
/* end mobile*/


@media only screen and (min-width:1000px ) and (max-width: 1360px){
 .hrline{
     display:none;
 }
 #penoi{
    margin-bottom: 5%;
 }
 .reach{
     background-size: contain;
 }
 .imagstanga {
    background-size: contain;
 }
}

/*End Media querry*/

.logutze p {
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.dreapta-logutze p {
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.prima-row {
    margin: 5rem auto;
}
.mt-10 {
    margin-top: 10vh;
}
.mb-10 {
    margin-bottom: 10vh;
}
.colcontact h2 {
    margin: 2rem auto;
}
.slide-slick-image {
    top:10px;
    width: 40px;
    justify-content: center;
    margin: auto;
}
.testimoniale {
    height: fit-content;
    margin:auto;
}





.phone .dropdown:hover > .dropdown-menu,
.tablet .dropdown:hover > .dropdown-menu {
    display: none;
}
.phone .dropdown > .dropdown-menu.show-on-mobile,
.tablet .dropdown > .dropdown-menu.show-on-mobile{
    display: block;
}

@media (max-width: 991px) {
    #main-navbar-collapse {
        max-height: 80vh;
        overflow-x: hidden;
        overflow-y: auto;
    }
}






@media only screen and (max-width:768px) {
    
    .stalege p {
        text-align:justify!important;
    }
    
    .slick-slide {
        height:45rem;
        display:flex!important;
    }
    
    .slick-slide-inner {
        margin:auto;
    }
    
    .formulardecontact {
        padding: 40px 15px 20px!important;
    }
    
    .dreapta.logutze .module-text:first-of-type h4 {
        margin-top:2rem!important;
    }
    
    .container-fluid:nth-of-type(4) .prima {
        margin-bottom:4rem!important;
    }
    
    .container-fluid:nth-of-type(1) .prima {
        height:55vh;
    }
    
    .container-fluid:nth-of-type(1) .prima .animeleft {
        height:fit-content;
        margin:auto;
    }
    
    .container-fluid:nth-of-type(1) .prima .totul p {
        text-align:center!important;
    } 
    
    .treapta1 h3, .treapta2 h3, .treapta3 h3 {
        margin:1rem auto;
    }
}


.thank-you-row {
    height: 100vh;
    display: flex;
    align-items: center;
    color: #fff;
}
.thank-you-row:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000054;
}
.thank-you-row h1,
.thank-you-row h2 {
    color: #fff;
    font-weight: 300;
}
.thank-you-row h2 {
    font-size: 30px;
}
.thank-you-row .back-to-home {
    color: #fff;
    font-size: 20px;
    border: 2px solid var(--base-color);
    padding: 5px 20px;
    margin-top: 20px;
    position: relative;
    top: 20px;
    background: var(--base-color);
}
.thank-you-row .back-to-home:hover {
    text-decoration: none;
    background: transparent;
}