.dorinte {
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0)), url("../foto/foto-home/dorinte.jpg");
    background-size: 100% 100%;
    background-attachment: fixed;
}

.container-harta {padding:5% 20%;}
.carousel-wrapper{
 
  position:relative;
 height:500px;
  margin:0 auto;
}
.carousel-item{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  padding:25px 50px;
  opacity:0;
  transition: all 0.5s ease-in-out;
}
.arrow{
  border: #dfb561;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 12px;
}

.arrow-prev{
  left:5%;
  position:absolute;
  top:50%;
  background-image: url("https://dums.ro/foto/home-nou/2-sageata-slide-anterior.png");
width:10%;
background-repeat:no-repeat;
background-size: contain;
}
 
.arrow-next{
    right:5%;
  position:absolute;
  top:50%;
  background-image: url("https://dums.ro/foto/home-nou/2-sageata-next-slide.png");
width:10%;
background-repeat:no-repeat;
background-size: contain;
  }

.light{
  color:white;
}


  
    
/*Select every element
[id^="item"] {
    display: none;
  }*/
  
  
  #item-1:target ~ .item-1 {
    opacity: 1;
  }

#item-2:target ~ .item-2, #item-3:target ~ .item-3, #item-4:target ~ .item-4, #item-5:target ~ .item-5, #item-6:target ~ .item-6, #item-7:target ~ .item-7, #item-8:target ~ .item-8,  #item-9:target ~ .item-9,  #item-10:target ~ .item-10, #item-11:target ~ .item-11, #item-12:target ~ .item-12, #item-13:target ~ .item-13, #item-14:target ~ .item-14, #item-15:target ~ .item-15, #item-16:target ~ .item-16, #item-17:target ~ .item-17, #item-18:target ~ .item-18, #item-19:target ~ .item-19, #item-20:target ~ .item-20, #item-21:target ~ .item-21, #item-22:target ~ .item-22, #item-23:target ~ .item-23, #item-24:target ~ .item-24, #item-25:target ~ .item-25, #item-26:target ~ .item-26,  #item-27:target ~ .item-27, #item-28:target ~ .item-28,  #item-29:target ~ .item-29,  #item-30:target ~ .item-30, #item-31:target ~ .item-31, #item-32:target ~ .item-32, #item-33:target ~ .item-33, #item-34:target ~ .item-34, #item-35:target ~ .item-35, #item-36:target ~ .item-36, #item-37:target ~ .item-37, #item-38:target ~ .item-38, #item-39:target ~ .item-39, #item-40:target ~ .item-40, #item-41:target ~ .item-41, #item-42:target ~ .item-42, #item-43:target ~ .item-43, #item-44:target ~ .item-44, #item-45:target ~ .item-45, #item-46:target ~ .item-46, #item-47:target ~ .item-47, #item-48:target ~ .item-48,  #item-49:target ~ .item-49,  #item-50:target ~ .item-50, #item-51:target ~ .item-51, #item-52:target ~ .item-52, #item-53:target ~ .item-53, #item-54:target ~ .item-54, #item-55:target ~ .item-55, #item-56:target ~ .item-56, #item-57:target ~ .item-57, #item-58:target ~ .item-58, #item-59:target ~ .item-59, #item-60:target ~ .item-60, #item-61:target ~ .item-61, #item-62:target ~ .item-62, #item-63:target ~ .item-63, #item-64:target ~ .item-64, #item-65:target ~ .item-65, #item-66:target ~ .item-66, #item-67:target ~ .item-67, #item-68:target ~ .item-68,  #item-69:target ~ .item-69,  #item-70:target ~ .item-70, #item-71:target ~ .item-71, #item-72:target ~ .item-72, #item-73:target ~ .item-73, #item-74:target ~ .item-74, #item-75:target ~ .item-75, #item-76:target ~ .item-76, #item-77:target ~ .item-77, #item-78:target ~ .item-78, #item-79:target ~ .item-79, #item-80:target ~ .item-80, #item-81:target ~ .item-81, #item-82:target ~ .item-82, #item-83:target ~ .item-83, #item-84:target ~ .item-84, #item-85:target ~ .item-85, #item-86:target ~ .item-86 {
    z-index: 3;
    opacity: 1;
  }
}

.t1, .t2, .t3 {
    width: 28%;
    margin: 2% 36%
}
.t4-en {font-size:4.3vw!important;}
.t1-en {font-size:7.3vw!important;}

.dorinte h2 {
    font-size: 4vw;
    margin-top: 10%;
}

.dorinte h1 {
    font-size: 9vw;
    margin-top: 0;
    line-height: 5vw;
}
.w3-dropdown-content{
    z-index:999;
}

.reglat {
    margin-top: 12% !important;
    margin-bottom: -10% !important;
}

.t1 {
    font-size: 5.3vw;
    margin-top: 5%;
}

.t2 {
    font-size: 2vw;
    margin-top: 0;
    line-height: 0;
}

.t3 {
    font-size: 2vw;
    margin-top: 3.5%;
    line-height: 2vw;
    margin-bottom: 10%;
}

.t4 {
    font-size: 6.3vw;
}

.amortizare {
    background-color: #111111;
}

.t5 {
    margin: 10% 0 0;
    font-size: 3vw;
    width: 100%;
}

.t5 img {
    width: 18% !important;
    margin-right: 0.2%;
}

.t6 {
    margin: 0 18.8%;
    font-size: 2.5vw;
}

.t7 {
    font-size: 4.7vw;

}

#amortizare {
    padding: 10% 0 10% 0;
}

#amortizaare2 {
    padding: 10% 0 40% 0;
}

.t8 {
    margin: 0 18.8% 5%;
    font-size: 4.8vw;
}

.t9 {
    margin: 0 18.8%;
    font-size: 2vw;
}

.m10 {
    margin-bottom: 10%;
}

.md0 {
    margin-top: 5%;
}

.md0 img {
    margin: 0 0 0 1%;
}

.pe_ore {
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0));
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 7% 0;
    min-height: 50vw;
}

.pe_ore img {
    width: 12%;
    margin: 5%;
}

.pe_ore h2, .t10 {
    text-transform: uppercase;
}

.pe_ore h2 {
    width: 48%;
    font-size: 3.8vw;
    padding-left: 2%;
    line-height: 4.2vw;
    margin-bottom: 0;
}

.pe_ore .t10 {
    width: 48%;
    font-size: 2vw;
    padding-left: 2%;
    line-height: 1vw;
    margin-top: 1%;
}

.pe_ore .t11 {
    width: 48%;
    font-size: 3vw;
    padding-left: 2%;
    line-height: 3.4vw;
    margin-top: 1%;
    font-weight: 200;
    margin-bottom: 5%;
}

.custom {
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0)), url("../foto/foto-home/fundal-site-custom.jpg");
    background-size: 100% 100%;
    height: 100%;
    overflow: hidden;
    padding: 3% 0;
    background-attachment: fixed;
    background-repeat: no-repeat;

}

.t12 {
    width: 20%;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    /*! transform-origin: left center 0; */
    float: left;
    font-size: 2.5vw;
    height: 100%;
    writing-mode: tb-rl;
    white-space: nowrap;
    display: inline-block;
    overflow: visible;
    margin: -10% 0 0 5%;
}

.t13 {
    font-size: 3.8vw;
    width: 60%;
    line-height: 4vw;
    margin: 0 0 0 20%;
}
.aranjatinpagina {padding:5% 10%;}
.nota1 {
    font-size: 2.8vw;
   text-align:left; 
   margin-left:20%;
    line-height: 0vw;
   
}
.nota2 {
    font-size: 3.8vw;
    text-align:left; 
   margin-left:20%;
    line-height: 4vw;
    
}
.nota1r {
    font-size: 2.8vw;
   text-align:left; 
   margin-right:20%;
    line-height: 0vw;
   
}
.nota2r {
    font-size: 3.8vw;
    text-align:left; 
   margin-right:20%;
    line-height: 4vw;
    
}
.desci {width:60%; font-size:1.2vw; margin-left:20%; text-align:left;}
.descir {width:60%; font-size:1.2vw; margin-right:20%; text-align:left;}
.ilustratie {box-sizing:border-box; padding:2% 5%;}
.t14 {
    font-size: 1.8vw;
    width: 60%;
    line-height: 0;

}

.t15 {
    width: 20%;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform-origin: 70% center 0;
    float: right;
    font-size: 2.5vw;
    height: 100%;
    writing-mode: tb-rl;
    white-space: nowrap;
    display: inline-block;
    overflow: visible;
    margin: -21% 0 5%;
}

.afacerea {
    width: 63.5%;
    margin: -8% 18.7% -9.5%;
    background-color: #19bd9a;
    padding: 2% 3%;
    z-index: 2;
}

.t16 {
    font-size: 4.8vw;
    margin: 0;
    line-height: 4.8vw;
}

.t17 {
    font-size: 2.1vw;
    margin: 0;

}

.t18 {
    font-size: 1.6vw;
    margin: 2% 0 0;
    line-height: 2vw;
}

.servicii {
    background-image: url("../foto/foto-home/fundal-titluri.png");
    background-color: #111111;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 8% 22%;
}

.t19 {
    font-size: 4vw;
}

.grup {
    width: 33.33333%;
    padding: 7% 5%;
}

.icon_g {
    height: 3vw;
}

.t20 {
    font-size: 2vw;
    margin-bottom: 0;
}

.t21 {
    height: 5vw;
    font-size: 0.8vw;
}

.t22 {
    font-size: 1.5vw;
    margin-bottom: 0;
}

.t23 {
    font-size: 0.8vw;
}

.t24 {
    font-size: 3vw;
    padding: 0 10%;
}

.t25 {
    font-size: 3.8vw;
    margin-bottom: 0;
}

.t26 {
    font-size: 1.8vw;
    margin-bottom: 0;
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
.t4-en {font-size:14.3vw!important;}
.t1-en {font-size:17.3vw!important;}
.ilustratie {margin-bottom:15%;}
    .header_t {
        left: 25%;
        font-size: 3.8vw;
        margin-top: 15%;
    }
	.descir {font-size:4.2vw; margin:5% 20%;}
	.desci {font-size:4.2vw; margin:5% 20%;}
		.carousel-wrapper {height:70px;}
	    .arrow, .light .arrow {
        background-size: 10px;
        background-position: 10px 50%;
      }

    .header {
        height: 80vh;
        background-image: url("../foto/foto-home/fundal-header-desktop-site-de-prezentare.jpg");
        background-size: cover;
        background-position: center;
    }

    .logo {
        width: 50%;
        left: 25%;
    }

    .dorinte {
        background-size: cover !important;
        height: 70vh;
        padding-top: 24% !important;
        background-position: center !important;
        padding-top: 0;
    }

    .dorinte h1 {
        font-size: 17vw;
    }

    .dorinte h2 {
        font-size: 9vw;
    }

    .t1 {
        font-size: 13.3vw;
    }

    .t1, .t2, .t3 {
        width: 70%;
        margin: 2% 15%;
    }

    .t2 {
        font-size: 5vw;
    }

    .t3 {
        font-size: 8vw;
        line-height: 14vw;
    }

    .t4 {
        font-size: 13.3vw;
    }

    .t5 {
        font-size: 8vw;
    }

    .t7 {
        font-size: 10.7vw;
    }

    .t6 {
        font-size: 5.5vw;
    }

    .t8 {
        margin-top: 7%;
        font-size: 7.8vw;
    }

    .t9 {
        font-size: 4vw;
    }

    .m10 {
        margin-bottom: 28%;
    }

    .pe_ore h2 {
        width: 80%;
        font-size: 5.8vw;
        line-height: 8.2vw;
        margin-left: 10%;
    }

    .pe_ore .t10 {
        width: 80%;
        font-size: 3.5vw;
        line-height: 6vw;
        margin-left: 10%;
    }

    .pe_ore .t11 {
        width: 80%;
        font-size: 5vw;
        line-height:5.4vw;
        margin-left: 10%;
        line-height: 5vw;
    }

    .pe_ore img {
        width: 18%;
        margin-left: 10%;
    }

    .pe_ore {
        height: auto;
        background-attachment: scroll !important;
        background-size: 100% 100%;
    }

    .custom {
        height: 76vh;
        background-image: url("../foto/foto-home/fundal-site-custom-m.jpg") !important;
        background-attachment: scroll !important;
        background-size: 100% 100%;
    }

    .t13 {
        font-size: 6.8vw;
        line-height: 11vw;
        margin-top: 11%;
    }
	 .nota2 {
        font-size: 6.8vw;
        line-height: 0vw;
        
    }

	 .nota1 {
        font-size: 6.8vw;
        line-height: 11vw;
       
    }
	.nota2r {
        font-size: 6.8vw;
        line-height: 0vw;
        margin-left:20%;
    }

	 .nota1r {
        font-size: 6.8vw;
        line-height: 11vw;
       margin-left:20%;
    }


    .t14 {
        font-size: 3.8vw;
        width: 80%;
        line-height: 4.5vw;
        margin-left: 20%;
    }

    .mobit1 {
        text-align: center;
    }

    .mobit2 {
        text-align: center;
        margin-top: 48%;
    }

    .afacerea {
        width: 100%;
        margin: -8% 0% -95%;
        padding: 30% 10%;
    }

    .grup {
        width: 100%;
    }

    .pe_ore .t10 {
        line-height: 4vw;
    }

    .servicii {
        background-image: url("../foto/foto-home/fundal-titluri-m.png");
        margin-top: 91%;
    }

    .t16 {
        font-size: 6.8vw;
        line-height: 6.8vw;
    }

    .t17 {
        font-size: 5.1vw;
    }

    .t18 {
        font-size: 4.6vw;
        line-height: 9vw;
    }

    .t19 {
        font-size: 10vw;
    }

    .t20 {
        font-size: 4vw;
    }

    .t21 {
        font-size: 3.8vw;
		display:block;
		overflow:hidden;
		height:auto!important;
    }

    .icon_g {
        height: 7vw;
    }

    .t22 {
        font-size: 4.5vw;
        margin-top: 70%;
    }

    .t23 {
        font-size: 2.8vw;
    }

    .t24 {
        font-size: 7vw;
    }

    .t25 {
        font-size: 7.8vw;
    }

    .t26 {
        font-size: 4.8vw;
    }

}