/*font-family: 'Didact Gothic', sans-serif;
font-family: 'Montserrat', sans-serif;*/
@font-face {
   font-family: FinalSix;
   src: url("../fonts/Final.Six/FinalSix Thin.ttf");
}
@font-face {
   font-family: 'Glamour';
   src: url("../fonts/Glamour.ttf");
}

.web-div {
    overflow-x: hidden;
    width: auto;
    display: block;
}
.che-cos-middle-text-tecnologia {
       letter-spacing: 4px;
    font-family: glamour;
    position: absolute;
    top: 44%;
    left: auto;
    text-align: right;
    transform: translate(-38%, -50%);
    width: 34%;
    color: white;
    font-size: 16px;
    font-weight: 400;
}
a{
   color: black;
}
/*scroll css*/

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    /*filter: invert(0%);*/
    background-color: #111D40;
 /* box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
/*filter: invert(0%);*/
  background: white; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(0deg, white, white),
linear-gradient(0deg, white, white);
 
}

body {
    width: -webkit-fill-available;
    padding: 0px;
    overflow-x: hidden;
    margin: 0px;
}

/*first section*/
.ark-img{
    width: 100%;
    height: auto;
}

.ark-img img {
   height: auto;
    width: 100%;
}
.ark-01-inner-text{
   position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}
.ark-01-inner-text .row div img {
    margin-left: 40px;
}


/*fourth section css*/
.rsultati-grantati{
   width: 100%;
   height: auto;
}
.rsultati-grantati img {
    width: 100%;
}
.risultati-text p {
    font-family: 'FinalSix';
    font-style: normal;
    font-weight: 200;
    font-size: 75.41px;
    line-height: 99px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.risultati-text {
    position: absolute;
    top: auto;
    transform: translate(52%, -285%);
}

/*fifth section css*/
.col-md-6.nostr-pic-side {
    justify-content: center;
    display: flex;
}
.container-fluid.nostra-main {
    position: relative;
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
}
.nostra-text h5{
   font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 21px;
    letter-spacing: 0.23em;
    color: #001F31;
}
.nostra-text p{
    padding-top: 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 156.8%;
    text-align: center;
    color: #001F31;
}
.qr-code-work {
    margin-top: 85px;
}
.col-md-6.nostra-text-side {
    padding-right: 50px;
}
.nostra-bottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    display: flex;
    align-items: flex-end;
}
.nostra-text {
    text-align: center;
    padding-top: 28px;
}

/*sixth section*/

.perche-back {
   height: auto;
    width: 100%;
}
.perche-back img {
    width: 100%;
}
.perche-text p {
    font-family: FinalSix;
    font-style: normal;
    font-weight: 200;
    font-size: 65.4059px;
    line-height: 99px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.perche-text {
    position: absolute;
    top: auto;
    transform: translate(35%, -274%);
}

/*seventh section*/
.facial-left-perche-center-work {
    position: absolute;
    top: 20%;
    transform: translate(-0%, -20%);
}
.container-fluid.perche-segilrci {
    position: relative;
    padding-left: 50px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 50px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.facial-left-perche h5 {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0.23em;
    color: #19384A;
}
 .facial-left-perche p {
    padding-right: 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 156.8%;
    text-align: justify;
    color: #000000;
}
.facial-left-perche b {
    font-weight: 400;
    font-size: 15px;
    font-family: 'Montserrat';
}
.perche-facial img {
    width: 100%;
}
.piatiana-text-div p b {
    font-weight: 400;
}
.perche-facial {
    width: 100%;
    height: auto;
}
.vita-text-3 p b {
    font-weight: 400;
}
#second-qr-section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
/*Seventh section*/
.sede-section img {
    width: 100%;
}

.sede-section {
    height: auto;
    width: 100%;
}
/*eigth section css*/
.col-md-6.dub01 img {
    width: 100%;
}

.col-md-6.dub01 {
    justify-content: center;
    display: flex;
    width: 100%;
    height: auto;
}
.dub02 img {
    width: 100%;
}

.dub02 {
    width: 100%;
    height: auto;
}
.double-img {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
}
.dub02-text{
        padding: inherit;
    position: relative;
    bottom: 0;
    left: 0;
    justify-content: flex-start;
    flex-direction: column;
    display: inline;
}
.dub02-text h5 {
    font-family: Didact Gothic;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.23em;
    text-align: left !important;
    color: #19384A;
}
.dub02-text p {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: justify !important;
}
/*ninth section css*/
.container-fluid.labortrio{
    position: relative;
    padding-left: 126px;
    padding-top: 0px;
    padding-bottom: 50px;
    padding-right: 0px;

}
.laboratorio-text-side h5 {
    padding-bottom: 14px;
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 16px;
    letter-spacing: 0.23em;
    color: #001F31;
}
.laboratorio-text-side p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 156.8%;
    text-align: justify;
    color: #001F31;
    padding-right: 34px;
}
.laboratorio-text-side b {
    font-weight: 600;
    font-size: 16px;
    font-family: 'Montserrat';
}
.col-md-6.lab-img-side {
    width: 100%;
}
.col-md-5.laboratorio-text-side {
    padding-top: 27px;
}

.col-md-6.lab-img-side img {
    width: 100%;
    height: auto;
}

/*eleventh section*/

.Embryoscope{
  height: auto;
  background-image: url(../img/transporto-back.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Emb-left img {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}
.Embryoscope .row {
    padding-top: 50px;
    padding-bottom: 50px;
}
.col-md-6.Emb-right img {
    width: 84%;
}

.col-md-6.Emb-right {
    width: 100%;
}
.epryoscope-text h5 {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 21px;
    letter-spacing: 0.23em;
    color: #001F31;
}
.epryoscope-text p {
    padding-top: 8px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 156.8%;
    text-align: justify;
    color: #001F31;
    padding-bottom: 1px;
}
p b {
    font-weight: 600;
}
/*twelve section*/
.trasporto img {
    width: 100%;
    height: auto;
}
/*thirteen section*/
.transporto-text{
  height: auto;
}
.trans-upper {
    font-weight: 400;
}
 .facial-left-perche-trans h5 {
    font-family: 'MONTSERRAT';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: 0.23em;
    color: #19384A;
}
.facial-left-perche-trans p {
    margin-bottom: 7px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
   font-size: 14px;
    line-height: 160.8%;
    text-align: justify;
    color: #000000;
}
.vita-text-2 p b {
    font-weight: 500 !important;
}
.facial-left-perche-trans b {
    font-weight: 500;
    font-size: 15px;
    font-family: 'Montserrat';
}
.facial-left-perche-trans {
    padding-left: 50px;
    padding-top: 65px;
   padding-right: 25px;
   margin-bottom: 70px;
}
.car-web-main {
    padding-bottom: 50px;
    padding-top: 50px;
    align-items: center;
    width: auto;
    display: flex;
}
#transporto-web {
    background-position: right;
    width: 100%;
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-image: url(../compressed-updated-imgs/transporto-bg.png);
}
.donatiti img {
    width: 100%;
}

/*fifteen section*/
.che-cos-pic1-donate img {
  width: 76%;
    height: 439px;
}
.che-cos-div-donate{
    padding-left: 85px;
    width: 100%;
}
.che-cos-div-left-donate .che-cos-pic2 {
    width: inherit;
    position: absolute;
    z-index: -1000;
    float: right;
}
.che-cos-div-left-donate .che-cos-pic2 img {
        width: 33%;
    background-color: #001F31;
    float: right;
    position: relative;
}
.che-cos-div-left-donate .che-cos-text {
   padding-top: 76px;
    padding-bottom: 29px;
}
.che-cos-div-left-donate .che-cos-text h5{
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 21px;
  letter-spacing: 0.23em;
  color: #19384A;
}
.che-cos-div-left-donate .che-cos-text {
    width: 65%;
}
.che-cos-div-left-donate .che-cos-text p{
    padding-top: 5px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
   line-height: 156.8%;
   text-align: justify;
   color: #011421;
   padding-bottom: 5px;
}

.col-md-4.che-cos-div-right-donate {
     width: 100%;
    display: flex;
    padding-top: 50px;
    justify-content: flex-start;
    margin-left: -12%;
}

.col-md-4.che-cos-div-right-donate img {
    height: 741px;
}
.che-cos-pic1-donate {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
}
#donanti{
   padding-bottom: 120px;
}
.yosoyflora-right b {
    font-weight: 500;
    font-size: 15px;
    font-family: 'Montserrat';
}
.yosoyflora-right p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 156.8%;
    text-align: justify;
    color: #011421;
}
.yosoyflora-right h5 {
    padding-bottom: 15px;
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0.23em;
    color: #19384A;
    padding-top: 15px;
}
.qr-copyright {
   font-family: 'Montserrat';
    margin-top: 9px;
    float: right;
    text-align: right;
    position: absolute;
    text-align: right;
    padding-left: 160px;
    margin-right: 172px;
    font-size: 15px;
    color: #011421;
}

.facial-left h5 {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.23em;
    color: #19384A;
}
.facial-left p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 156.8%;
    text-align: justify;
    color: #000000;
    padding-top: 25px;
}
.zoom-girl {
    padding-top: 80px;
    padding-bottom: 50px;
    padding-left: 50px;
}
.col-md-4.facial-left {
    padding-top: 39px;
}
.col-md-8.facial-right img {
    width: 100%;
}
.qr-img {
    float: right;
}
.yosoy-girls img {
    width: 100%;
}

.yosoy-girls {
    width: 100%;
    height: auto;
}
.container-fluid.girls {
    padding-top: 80px;
    padding-left: 55px;
    padding-right: 55px;
    padding-bottom: 60px;
}
.piatiana-text-div h5 {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0.23em;
    color: #19384A;
}
.piatiana-text-div p {
    padding-top: 25px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 156.8%;
    text-align: justify;
    color: #011421;
}

.piatiana-img-left{
   width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
 }
 .col-md-6.piatiana-img-right {
    height: auto;
    position: relative;
}
.col-md-6.piatiana-img-right img {
    height: auto;
    position: relative;
}
.piatiana-text-div {
    padding-top: 25px;
    padding-bottom: 20px;
}
.col-md-6.piatiana-img-right img {
    width: 95%;
}
.col-md-6.piatina-text-side {
       padding-left: 50px;
    position: relative;
    display: flex;
    justify-content: center;
}
.piatiana-img-left {
    width: 98%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    display: flex;
    align-items: center;
    padding-left: 50px;
}
.piatiana-img-left img {
    width: 100%;
}
.pian{
   padding-bottom: 50px;
   padding-top: 50px;
}



.last-img{
   position: relative;
   background-image: url(../compressed-updated-imgs/ark-last.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
   z-index: 99;
    width: 100%;
    height: 100vh;
}

.last-img img {
    width: 100%;
}
.ark-01-inner-text2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ark-01-inner-text2 .row div {
    padding-left: 51px;
}
#bee-text p {
    line-height: 23px;
}

#child-donate img {
    height: auto;
    width: 100%;
    position: relative;
}

#child-side-img {
       position: relative;
    background-repeat: no-repeat;
    background-image: url(../img/bee-mob.png);
    background-size: cover;
    background-color: pink;
       height: 55%;
    width: 86%;
    background-position: center;
}
#child-donate {
    margin-left: -6%;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(../img/child.png);
    background-size: cover;
    background-color: pink;
    height: 88vh;
    width: 100%;
    background-position: center;
    margin-top: 64px;
}

.nostra-bottom-img img {
    width: 100%;
}
.vita {
   position: relative;
    display: flex;
    justify-content: center;
}
.vita img {
    width: 95%;
}
.vita-text {
    position: absolute;
    top: 26%;
    left: 21.6%;
    transform: translate(-50%, -50%);
    width: 37%;
}
.vita-text  p {
    padding-top: 7px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 156.8%;
    text-align: justify;
    color: #001F31;
}
.vita-text  h5 {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.23em;
    color: #001F31;
}
.vita2 img {
    width: 100%;
}
.vita2 {
   position: relative;
    display: flex;
    justify-content: center;
}
.vita-text-2 {
    position: absolute;
    top: 26%;
    left: 23%;
    transform: translate(-50%, -50%);
    width: 40%;
}
.vita-text-2  p {
    padding-top: 7px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 156.8%;
    text-align: justify;
    color: #001F31;
}
.vita-text-2  h5 {
   font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.23em;
    color: #001F31;
}
.vita3 {
   position: relative;
    display: flex;
    justify-content: center;
}
.vita3 img {
    width: 95%;
}
.vita-text-3 {
    position: absolute;
    top: 16%;
    left: 19%;
    transform: translate(-50%, -50%);
    width: 33%;
}
.vita-text-3  p {
    padding-top: 7px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 156.8%;
    text-align: justify;
    color: #001F31;
}
.vita-text-3  h5 {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0.23em;
    color: #001F31;
}
#cort p {
    padding-left: 30px;
}
#cort h5 {
    padding-left: 34px;
    line-height: 38px;
}


#preloader {
 
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
   z-index: 9999;
}

#status-web {
    min-width: 100%;
    position: absolute;
    margin: 0px 0 0 0px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ark-loader .row div img {
   padding-left: 90px;
    display: inline-block;
    float: left;
    align-content: center;
    align-items: center;
}
.ark-loader {
       min-width: 656px;
    margin-left: 0vh;
    text-align: center;
}
.loader-text p {
     font-family: FinalSix;
    color: white;
    display: inline-block;
}
.loader-text p {
     font-family: FinalSix;
    text-align: center;
    color: white;
    display: inline-block;
    font-size: 32px;
    letter-spacing: 3.2px;
    line-height: 52px;
    padding-top: 40px;
}
#cort .ark-web {
    display: flex;
    float: right;
}
.una-after-qr2.ark-web {
    text-align: right;
}
#cort .ark-web .qr-img {
    width: 70%;
}

/*mobile sections css here */

.ark-mob{
    display: none !important;
}

#vita-mobile{
    display: none !important;
}
div#perche-back {
    margin-top: 40px;
}