.verde_n{
    color: #005c43;
}
.verde_nb{
    background-color: #005c43;
}
.cum{
    background-image: url("../foto/fotoLean/lights-on.jpg");
    background-position: center center;
    background-size: 100% 100%;
    
}

#testlumini {background-image: url("../foto/fotoLean/lights-out.jpg");
height: 50vw;
background-size: 100% auto;
}

#switch {
    position:absolute;
    opacity:0;
    transition:0s 4s;
	width:100%;
}
#switch:hover {
    opacity:1;
    transition:0s;
}
#testlumini {
    
    transition:0s 4s;
}
#testlumini:hover {
    line-height:0;
    font-size:0;
    color:transparent;
    transition:0;
}

#testlumini:hover #switch:focus {/* includes tabindex in html tag for img */
   opacity:0;
   transition:1s;
   -webkit-transform:opacity .15s ease-in-out;
   -webkit-transform:opacity .15s ease-in-out;
   -moz-transform:opacity .15s ease-in-out;
   -o-transform:opacity .15s ease-in-out;
   -ms-transform:opacity .15s ease-in-out;
   transform:opacity .15s ease-in-out;
}

.cum h1{
    margin: 38% 0 0;
}
.cum p{
    margin: 0 0 12%;
    font-size: 1.2vw;
}
.formular{
    display: none;
}
.ce{
    background-image: url("../foto/foto-prezentare/pata.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #111111;
    background-size: 40%;
    padding:10% 20% 2%;
}
.t332, .t442{
    width: 50%;
    text-align: justify;
    padding: 3%;
    margin:0;
    font-size:1.2vw;
    line-height:1.7vw!important;
    font-weight:normal;
}
.t442 span, .t332 span{
    font-size: 1.8vw;
}
h1{
    font-size: 3vw;
}
.ce h1{
    margin: 3% 0 14%;
}
.fil{
    font-size:1.6vw;
    padding: 0 3%;
}
.deco_v{
    color: transparent;
    width: 20%;
    height: 2vw;
    margin:  0;
}
.muda, .muda2{
    background-color: #111111;
}
.lean1{
    width: 35%;
    margin: 5% 2% 0 0;
}
.muda .t442, .muda2 .t442{
    padding: 0;
    width: 100%;
}
.bt{
    width: 35%;
    margin: 14% 0 0;
}
.bt h3{
    font-size: 1.7vw;
    font-weight: bold;
}
.bt2{
    width: 35%;
}
.bt2 h3{
    font-size: 3vw;
    font-weight: bold;
    margin-top:0;
    line-height:2.2vw;
}
.bt2 .t5{
    font-size:1.2vw;
    margin-bottom: 0.2%;
}
.bt2 .t6{
    font-size:1.8vw;
    margin-bottom: 0;
    margin-top:0;
}
.bt2 .t7{
    font-size:1.2vw;
    margin-bottom: 0;
    margin-top:0;
}
.muda2{
    margin-top: -2%;
    z-index: -1;
}
.muda2 .bt{
    margin-top: 10%
}
.muda2 .bt2{
   margin: -2% 21% 0;
}
.muda2 .deco_v{
    margin-top: -2%;
}
.mm .bt{
    background-color: transparent;
    margin: 6% -10% 0;
}
.mm .lean1{
    width: 39%;
    margin-top: 7%;
}
.mm .bt2{
  margin: -14% 20% 0;
}
.mm .deco_v{
    margin-top: -14%;
    margin-right: 0;
}
.mm2{
    margin-top: 0;
}
.mm2 .lean1{
    margin-top: -1%;
    margin-bottom: 4%;
}
.m3{
    z-index: 1;
}
.mm3 .lean1{
    margin-top: -5%;
    margin-right: 0
}
.mm3 .bt{
    margin: 6% -4%;
}
.mm3 .bt2{
  margin: -12% 20% 0;
}
.mm3 .deco_v{
    margin-top: -12%;
    margin-right: 0;
}
.mm4{
    z-index: 1;
}
.mm4 .lean1{
    margin-top: -5%;
    margin-right: 0;

}
.mm4 .bt{
    margin: 12% 2%;
}
.mm4 .bt2{
  margin: -8% 21% 0;
}
.mm4 .deco_v{
    margin-top: -8%;
    margin-right: 0;
}


.mm5{
    z-index: 1;
}
.mm5 .lean1{
    margin-top: 2%%;
    margin-right: 0;

}
.mm5 .bt{
    margin: 12% 2%;
}
.mm5 .bt2{
  margin: -8% 21% 8%;
}
.mm5 .deco_v{
    margin-top: -8%;
    margin-right: 0;
}
.fin{
    padding: 2% 20%;
}
.fin h2{
   font-size: 3vw; 
}
.t8{
    font-size: 2vw;
}
.t9{
    color: #169176;
    font-size: 2.5vw;
    margin-bottom: 0;
    font-weight: bold;
}
.t10{
    color: #169176;
    font-size: 1.2vw;
    margin-top: 0;
    font-weight: bold;
}
.t11{
    color: #169176;
    font-size: 1.8vw;
    margin-top: 0;
    font-weight: bold;
}
.fin .w3-btn{
    border: solid 2px white;
    width: 40%;
    margin: 10% 30%;
    font-size: 1.6vw;
    padding: 2%;
}



@media only screen and (max-width:768px) {
	
	.cum { background-image: url("../foto/fotoLean/lights-on-m.jpg");
height: 163w;
padding-top:67%;}
	
	.cum h1 {font-size: 5vw;
margin: 65% 0 0;}
#meniu {margin-top: -67%!important;}
#rightMenu{margin-top: -67%!important;}

.cum p {font-size:3.2vw;}
.ce h1 {font-size:7vw;}

.t332, .t442 {width: 100%;
font-size: 4.2vw;
line-height: 4.7vw!important;
}
.t442 span, .t332 span {font-size:5.8vw;}

.fil {font-size:5.6vw;}

.lean1 {width:100%;
}

.bt {width:80%;
margin: 14% 10% 10%;
}
.bt h3 {font-size:5.7vw;}

.bt2 {width: 70%;}

.bt2 h3 {font-size:7vw;}
.bt2 .t5 {font-size:3.2vw;}

.bt2 .t6  {font-size:5.7vw;}

.bt2 .t7{font-size:4.2vw;}

.muda2 .bt2 {margin: -2% 22% 0;}
.mm .lean1 {width: 100%;}

.mm .bt {margin: 6% 10% 25%;}
.mm3 .bt {margin: 6% 10% 25%;}
.mm4 .bt {margin: 12% 10% 25%;}
.mm5 .bt {margin: 12% 10% 25%;}

.fin h2 {font-size:7vw;}

.t8{font-size:5vw;}
.t9{font-size:4.5vw;}
.t10{font-size:4.2vw;}
.t11{font-size:3.8vw;}

.fin .w3-btn {width:80%;
margin: 10% 5% 15%;
font-size: 3.6vw;
padding:7%;
}
	.logo2 {width:23%;
}
.header_t2 {margin-top:0;
font-size:4vw;
}

.t1 {font-size:8.5vw;
margin-top:9.2%;}

.deco_v {margin: 14% 0%;
}
	
}