@font-face {
    font-family: "DM Sans Regular";
    src: url(../../fonts/DMSans-Regular.ttf);
    font-weight: normal;
}
@font-face {
    font-family: "DM Sans Medium";
    src: url(../../fonts/DMSans-Medium.ttf);
    font-weight: normal;
}
@font-face {
    font-family: "DM Sans Bold";
    src: url(../../fonts/DMSans-Bold.ttf);
    font-weight: normal;
}
body{
    background: #ffffff;
    font-family: 'DM Sans Medium';
}
a:hover{
    text-decoration: none;
    color: initial;
}
/*Navbar*/

.top-nav, footer{
    background-color: #F02D4B;
}
nav.navbar{
    padding: 0;
}
nav a:hover,
nav a{
    color: #fff;
    font-weight: 500;
}
nav .bottom-nav a:hover{
    color: #171619;
}
.plata-online .bottom-nav ul li a,
.politica-de-cookie .bottom-nav ul li a,
.politica-de-confidentialitate .bottom-nav ul li a,
.legislative-si-contract-ee .bottom-nav ul li a,
.legislative-si-contract-gn .bottom-nav ul li a,
.termeni-si-conditii .bottom-nav ul li a,
.intrebari-frecvente-gn .bottom-nav ul li a,
.intrebari-frecvente-ee .bottom-nav ul li a{
    color: #171619 !important;
}


/*pagina-plata*/

.img-group1 {
    position: absolute;
    width: 200px;
    bottom: 30px;
    right: -150px;
}

.img-group2 {
    position: absolute;
    width: 200px;
    top: 100px;
}








/*pagina-plata*/


.logo-footer,
.logo-nav{
    height: 47px;
    width: 89px;
}
nav.navbar-expand-lg .navbar-nav .nav-link{
    padding: 0 15px;
}
.navbar-nav{
    line-height: 65px;
    align-items: center;
}
.br-1:after {
    /*position: absolute;*/
    /*content: '';*/
    /*height: 17px;*/
    /*width: 1px;*/
    /*background-color: rgba(255, 255, 255, .5);*/
    /*margin-left: 15px;*/
    /*margin-top: 4px;*/
    /*top: 50%;*/
    /*transform: translateY(-70%);*/
    position: relative;
    content: '';
    width: 1px;
    background-color: rgba(255, 255, 255, .5);
    height: 17px;
    display: inline-block;
    top: 3px;
    left: 16px;
}
.nav-item.active .br-1:after{
    left: 15px;
}
.navbar-brand{
    margin-right: 17px;
}

.bottom-nav{
    /*height: 68px;*/
    display: flex;
    align-items: center;
    height: 65px;
    top: 65px;
    z-index: 1;
    left: 0;
    position: absolute;
}
.bottom-nav ul{
    padding: 0;
    margin-left: 105px;
    display: flex;
    margin-bottom: 0;
}
.bottom-nav ul li a.nav-link{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    /*line-height: 21px;*/
}
.bottom-nav .dropdown-menu{
    width: 300%;
    margin-left: 1rem;
    top: 50px !important;
}
.navbar-nav .nav-item.active a{
    color: #F02D4B !important;
}
.nav-item.active{
    background-color: #FFFFFF;
}
.bottom-nav ul li{
    list-style-type: none;
}
.p-10-20{
    padding: 10px 20px;
}
.dropdown-bottom-menu .text-menu-bottom{
    margin-bottom: 6px;
}
.dropdown-bottom-menu{
    padding-bottom: 30px;
}
.dropdown-bottom-menu a{
    opacity: 0.8;
    color: #171619;
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 18px;
    display: block;
    margin-bottom: 2px;
}
.text-menu-bottom{
    color: #171619;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.23px;
    line-height: 18px;
}
h1{
    color: #FFFFFF;
    font-size: 50px;
    /*font-weight: bold;*/
    letter-spacing: 0.95px;
    line-height: 65px;
    text-align: center;
    margin-top: 65px;
}
.mt-60{
    margin-top: 60px;
}
.subtitle{
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 26px;
    text-align: center;
    font-family: 'DM Sans Regular';
}
.mt-30{
    margin-top: 30px;
}
.form-head form{
    display: flex;
}
.form-head input{
    border-radius: 6px 0 0 6px;
    height: 44px;
    padding-left: 40px;
}
.form-head i.icond-Search{
    position: absolute;
    margin-left: 14px;
    font-size: 18px;
    margin-top: 14px;
    opacity: 0.6;
}
.form-head{
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.search-button:focus{
    outline: none;
}
.search-button i{
    font-size: 26px;
    margin-left: 10px;
    position: relative;
    top: 2px;
}
.search-button{
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0.34px;
    border: 1px solid rgba(209,131,143,0.4);
    border-radius: 0 7.2px 7.2px 0;
    background-color: #F02D4B;
    text-decoration: none;
    height: 44px;
    width: 195px;
    font-family: "DM Sans Bold";
}
.nav-item a i.icond-Casnici{
    font-size: 22px;
    margin-right: 15px;
}
#nav-account i.icond-Casnici{
    position: relative;
    top: 3px;
}
#nav-account{
    position: relative;
    /*top: -3px;*/
}
.dropdown-toggle::after{
    content: '\f107';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
    position: relative;
    top: 5px;
}
.icon-head-ee i:before,
.icon-head-gaz i:before{
    color: rgba(255,255,255,0.2)
}
.icon-head-gaz{
    right: -80px;
    bottom: 70px;
}
.icon-head-ee{
    left: -60px;
    bottom: 150px;
}
.icon-head-ee,
.icon-head-gaz{
    position: absolute;
    font-size: 17rem;

}


/*Checkbox*/

.container-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.container-checkbox:hover input ~ .checkmark {
    background-color: #FFFCF9;
}
.container-checkbox input:checked ~ .checkmark{
    background-color: transparent;
    border: 0;
    color: #F02D4B;
    font-size: 22px;
}
.container-checkbox input:checked ~ .checkmark:before {
    content: '\1f3fb';
    font-family: 'icomoon-d' !important;
    position: relative;
    top: -5px;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 20px;
    border: 2px solid #DDD3C9;
    border-radius: 2px;
    background-color: #FFFCF9;
}

.container-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container-checkbox .text-checkbox{
    color: #171619;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 21px;
    padding-left: 30px;
    font-family: "DM Sans Regular";
}
.mb-0{
    margin-bottom: 0;
}
/*SLIDER RANGE*/

.div-suprafata .slider-horizontal{
    width: 100%;
}
.div-suprafata .slider-horizontal .slider-handle{
    width: 65px;
    height: 65px;
    background-image: linear-gradient(to bottom, #F02D4B, #F02D4B);
    top: -20px;
    box-shadow: 0 0 8px 2px rgba(221,211,201,0.15);
    border-radius: 32px;
    border: 0.3px solid #DDD3C9;
    margin-left: -30px;
}
.slider-selection.tick-slider-selection{
    background-image: linear-gradient(to bottom, #f7f7f7, #f7f7f7);
    box-shadow: 0 0 black;
}
.slider.slider-horizontal .slider-track{
    box-sizing: border-box;
    height: 16px;
    border: 0.3px solid #DDD3C9;
    transform: rotate(180deg);
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 2px rgba(221,211,201,0.15);
}
.slider-tick,
.slider-tick.in-selection{
    background: #DDD3C9 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #B5957B24;
    border-radius: 100px;
    width: 25px;
    height: 25px;
}
.slider-text{
    position: absolute;
    top: -35px;
    font-size: 22px;
    margin-left: -10px;
    font-weight: 700;
    width: max-content;
    transform: translate(-25%, 0);
}

.slider.slider-horizontal .slider-handle.min-slider-handle::before {
    content: "\1f44e";
    color: #fff;
    font-family: 'icomoon-d' !important;
    position: absolute;
    width: 65px;
    height: 65px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 65px;
}
.slider-tick-label-container{
    display: none;}
/*Footer*/

.footer-title{
    color: #fff;
    font-family: "DM Sans Bold";
    text-transform: uppercase;
    font-size: 14px;
}
.footer-ul li a{
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-decoration:none;
}
.footer-ul{
    padding: 0;
}
.footer-ul li{
    list-style-type: none;
}
footer{
    padding-top: 80px;
    position: relative;
    overflow: hidden;
}
.copyright{
    font-size: 14px;
    color: #fff;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
}
.social{
    display: flex;
    margin-top: 90px;
    margin-bottom: 20px;
}
.social a i{
    font-size: 22px;
    display: block;
    margin-bottom: 15px;
}
.social-mobile{
    display: none;
}
.social a{
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    margin-right: 20px;
    text-align: center;
}
.icon-footer-gaz{
    position: absolute;
    font-size: 16rem;
    overflow: hidden;
    z-index: 11111;
    top: 80px;
    right: -67px;
    opacity: 0.7;
}
.icon-footer-ee{
    position: absolute;
    font-size: 17rem;
    overflow: hidden;
    bottom: -175px;
    right: 15px;
    opacity: 0.7;
}

/*Content*/

section{
    padding-top: 80px;
    padding-bottom: 80px;
}

.bg-gray4 {
    background-color: rgba(167,147,120,0.2);
}
.bg-gray1{
    border: 1px solid rgba(167,147,120,0.2);
    background-color: #FAEBD7;
/*    background-color: rgba(253,244,234,1); */
}
.title-section{
    color: #171619;
    font-size: 28px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.57px;
    line-height: 39px;
    text-align: center;
}
.title-contact{
    color: #171619;
    font-size: 18px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.57px;
    line-height: 39px;
    text-align: center;
}
.subtitle-section{
    color: #7D8287;
/*    color: #A79378; */
    font-family: "DM Sans Regular";
    font-size: 18px;
    letter-spacing: 0.38px;
    line-height: 26px;
    text-align: center;
}
.primary-button:hover{
    text-decoration: none;
    color: #fff;
}
.primary-button{
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0.34px;
    border: 1px solid rgba(209,131,143,0.4);
    border-radius: 7.2px;
    background-color: #F02D4B;
    text-decoration: none;
    padding: 13px 30px;
    display: inline-block;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-20{
    margin-bottom: 20px;
}
.mt-50{
    margin-top: 50px;
}
.mt-40{
    margin-top: 40px;
}
.mt-80{
    margin-top: 80px;
}
.box-white h3{
    margin-bottom: 20px;
}
.box-white{
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 4px rgba(200,180,152,0.1);
    padding: 65px 35px;
}
.text-box{
    color: #516074;
    font-size: 16px;
    letter-spacing: 0.27px;
    line-height: 20px;
    text-align: center;
    font-family: "DM Sans Regular";
}
h3{
    font-size: 20px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.38px;
    line-height: 26px;
    text-align: center;
}
.mr-10{
    margin-right: 10px;
}
.ml-10{
    margin-left: 10px;
}
.mr--5{
    margin-right: 5px;
}
.ml--5{
    margin-left: 5px;
}
.before-line:before{
    content: '';
    position: absolute;
    height: 31px;
    width: 26px;
    background-color: #F02D4B;
    left: 0;
    transform: skewY(41deg)
}
.ml--5.before-line:before{
    left: 5px;
}
.ml-10.before-line:before{
    left: 10px;
}
.text-section{
    color: #516074;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    font-family: "DM Sans Regular";
}
.text-sectionIndex {
    color: #516074;
    font-size: 18px;
    letter-spacing: 0.38px;
    line-height: 30px;
    font-family: "DM Sans Regular";
}

.bg-img2-pj{
    background-image: url(../../img/new/img-home2.png);
    transform: scaleX(1) !important;
}
.bg-img2{
    background-image: url(../../img/Nova_Imag-website-HP-banner.webp);
    transform: scaleX(1) !important;
}
.bg-color-div{
    position: absolute;
    width: 100%;
    border: 1px solid rgba(60,131,120,0.2);
    background-color: #ECF8F6;
    height: 370px;
    top: 145px
}
.bg-img2-pj,
.bg-img2,
.bg-img1{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    transform: scaleX(-1);
}
.bg-img1{
    background-image: url(/img/recomanda-nova.jpg);
    transform:none;
}
.shadow-0{
    box-shadow: none;
}
.header-img{
    background-image: url(../../img/new/Header-photo.png);
    width: 100%;
    min-height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}
.bg-blog{
    background-position: 50% 40%;
    background-image: url(../../img/energie-solara-slider.jpg);
}
.blog .text-lib1 p,
.blog .text-lib1 p span{
    font-size: 18px !important;
}
.pb-50{
    padding-bottom: 50px;
}
.bg-retele{
    background-image: url(../../img/new/PozaDistributie.png);
}
.bg-libertatea{
    background-image: url(../../img/new/PozaLibertatea.png);
}
.bg-img-pj{
    background-image: url(../../img/new/pozaHomebageB2B@3x.png);
}
.bg-misiune{
    background-image: url(/img/new/pozaMisiune.png);
}
.font-medium h3,
.font-medium h3 span{
    font-family: "DM Sans Medium";
    font-weight: bold;
}
.logo-p7 img{
    width: 100%;
}
.pt-80{
    padding-top: 80px;
}

.bg-blue1{
    background-color: #DDFAF6;
}
.min-height-500{
    min-height: 500px;
}
.min-height-430{
    min-height: 430px;
}
.mb-100{
    margin-bottom: 100px;
}
.mb-80{
    margin-bottom: 80px;
}
.mt--30{
    margin-top: -30px;
}
.mb--30{
    margin-bottom: -30px;
}
.shadow-1{
    box-shadow: 0 0 10px 4px rgba(85,99,119,0.1)
}
.br-10{
    border-radius: 10px;
}
.col-header i{
    font-size: 60px;
}
.col-header .col-md-3{
    padding: 50px 20px;
}
.col-header{
    position: relative;
    z-index: 1;
    background-color: #fff;
    margin-top: -50px;
}
.text-icon{
    color: #171619;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.34px;
    line-height: 24px;
    margin-top: 20px;
}
.title-icon{
    color: #171619;
    font-size: 20px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.38px;
    line-height: 26px;
    text-align: center;
}
.text-icon2{
    color: #000;
    /*color: #516074;*/
    font-size: 16px;
    letter-spacing: 0.27px;
    line-height: 20px;
    text-align: center;
}
.app-logo img:first-of-type{
    margin-right: 20px;
}
.icon-app{
    position: relative;
    top: 85px;
    font-size: 16rem;
}
.w-210{
    width: 210px;
}
.p-10-30{
    padding: 10px 0 30px 0;
}
.subtitle-section2{
    color: #516074;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 28px;
    text-align: center;
    font-family: "DM Sans Regular";
}
.p-50-20{
    padding: 50px 20px;
}
.icon-ee-v{
    font-size: 20rem;
}
.mb-90{
    margin-bottom: 90px;
}
.percent-ee span{
    font-size: 20px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.38px;
    line-height: 30px;
    border-left: 1px solid #5BF0D5;
    padding-left: 20px;
    margin-left: 20px;
}
.percent-ee{
    color: #5BF0D5;
    font-size: 50px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.95px;
    line-height: 30px;
    display: flex;
    margin-bottom: 60px;
}
.bg-elem-left{
    left: 0;
}
.bg-elem-right{
    right: 0;
    transform: scaleY(-1);
}
.bg-elem-left,
.bg-elem-right{
    position: absolute;
    width: calc(25%);
    z-index: 1;
}
.bg-img3{
    background-image: url(../../img/new/Background-element.svg);
    width: 100%;
    background-repeat: repeat-x;
    background-position: 50%;
}
.text-info1{
    color: #516074;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin-bottom: 40px;
}
.secondary-button:hover{
    background-color: #45BFAE;
    color: #fff;
    text-decoration: none;
}
.card-button:hover{
    background-color: #f02d4b;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.secondary-button{
    border: 2px solid #45BFAE;
    border-radius: 7.2px;
    color: #45BFAE;
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    padding: 14px 20px;
    display: inline-block;
    width: 215px;
}
.card-button{
    margin-left: auto;
    margin-right: auto;
    border-radius: 7.2px;
    border: 2px solid #f02d4b;
    color: #f02d4b;
    font-size: 18px;
    text-align: center;
    width: 180px;
}
.owl-next i{
    right: -80px;
}
.owl-prev i{
    left: -80px;
}
.owl-oferte .owl-nav i.icond-Arrow-left,
.owl-oferte .owl-nav i.icond-Arrow-right{
    /*box-shadow: 0 0 12px 4px rgba(221,211,201,0.35);*/
}
.owl-nav i.icond-Arrow-left,
.owl-nav i.icond-Arrow-right{
    font-size: 60px;
    position: absolute;
    top: 150px;
}

.owl-carousel-cert .owl-nav i.icond-Arrow-left,
.owl-carousel-cert .owl-nav i.icond-Arrow-right{
    position: initial;
}

.mt-90{
    margin-top: 90px;
}
.owl-carousel-blog .owl-nav i.icond-Arrow-left,
.owl-carousel-blog .owl-nav i.icond-Arrow-right{
    font-size: 60px;
    position: absolute;
    top: 35%;
}
.text-blog h3 a{
    /*color: #45BFAE; */
    color: #F02D4B;
}
.text-blog{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.box-carousel p{
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.box-carousel h3{
    color: #F02D4B;
    /*color: #45BFAE; */
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.box-carousel{
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 4px rgba(200,180,152,0.1);
    width: 100%;
}
.img-top-blog img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 135px;
    object-fit: cover;
    width: 100%;
}
.img-top img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 135px;
    object-fit: cover;
}
.owl-carousel-parteneri.owl-carousel .owl-stage{
    display: flex;
    align-items: center;
}
.owl-carousel-parteneri.owl-carousel .owl-item:nth-child(2n){
    text-align: left;
}
.owl-carousel-parteneri.owl-carousel .owl-item:nth-child(2n){
    text-align: right;
}

.owl-carousel-parteneri.owl-carousel .owl-item img{
    max-width: 100px ;
    display: initial;
}
.owl-carousel-parteneri .icond-Arrow-left-slider,
.owl-carousel-parteneri .icond-Arrow-right-slider{
    font-size: 30px;
    position: absolute;
    top: calc(50% - 30px);
}
.owl-carousel-parteneri .icond-Arrow-left-slider{
    left: -80px;
}
.owl-carousel-parteneri .icond-Arrow-right-slider{
    right: -80px;
}
.z-index-10{
    z-index: 10;
}

.icon-section-home .icond-Check-marksvg{
    color: #F02D4B;
    font-size: 28px;
    margin-bottom: 15px;
    display: inline-block;
}


/*Video*/

.wrapper-video {
    position:relative;
    width: 100%;
}

.wrapper-video img {
    max-width:100%;
    height:auto;
    border-radius: 7.2px;
}

.wrapper-video iframe {
    display:none;
}

.play-btn i{
    position: relative;
    left: 5px;
    color: #fff;
    font-size: 70px;
}
.play-btn {
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    border:0;
    border-radius: 50%;
    padding: 28px 32px;
    font-size: 38px;
    background-color: transparent;
}

.play-btn:hover {
    cursor:pointer;
}

.play-btn:focus {
    outline:0;
}


/*Intro Calculator*/

.font-size-16{font-size: 16px}

.start-btn:hover{
    color: #fff;
    text-decoration: none;
}
.start-btn{
    letter-spacing: 0.4px;
    color: #FFFFFF;
    border-radius: 5px;
    background-color: #2DB7A4;
    padding: 12px 80px;
    display: inline-block;
    font-size: 18px;
}
.mt-20{
    margin-top: 20px;
}

/*Calculator*/

h4{
    color: #171619;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 42px;
    margin-bottom: 10px;
}

.label-primary i:before{
    color: #000;
}
.label-primary i{
    font-size: 20px;
    margin-right: 15px;
}
.color-blue-before:before{
    color: #4B5AD0;
}
.color-yellow-before:before{
    color: #F4A21F;
/*  color: #171619;*/  
}
.label-primary.active-label i:before{
    color: #fff;
}
.label-primary.active-label{
    background-color: #F02D4B;
    /*background-color: #5BB4A4; */
    color: #fff;
}
.label-primary{
    width: 40%;
    background-color: #fff;
    color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 18px;
    font-size: 16px;
    font-weight: 300;
    box-shadow: 0px 0px 10px #B5957B1A;
    cursor: pointer;
    font-family: "DM Sans Medium";
}
.bg-gray2{
    background-color: #fff;
    /*background-color: #FFFCF9; */
}
.map-retele iframe{
    border-radius: 10px;
}
.label-primary input[type=radio]{
    display: none;
}

.diff-gas-select ~ .select2-container{
    width: 100% !important;
}
.diff-gas-select ~ .select2-container .selection .select2-selection{
    border: 1.6px solid rgba(221,211,201,0.6);
    border-radius: 8px;
    background-color: rgba(221,211,201,0.2);
    padding-top: 19px;
    padding-bottom: 5px;
    padding-left: 9px;
}

.select2-container .selection .select2-selection,
.city-select{
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: 300;
    font-family: "DM Sans Medium";
    height: auto;
    border: 1.6px solid rgba(221,211,201,0.6);
    border-bottom: 1.6px solid rgba(93,93,92,0.2);
    background-color: transparent;
}
.select2-selection__arrow{
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: rgba(93,93,92,0.5);
}
.select2-container--default.select2-container--below .select2-selection--single .select2-selection__rendered{
    color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 15px;
}
.select2-dropdown.select2-dropdown--below{
    border: 0;
}
.select2-selection:focus,
.select2-search__field:focus{
    outline: none;
}
.box-serviciu input{
    display: none;
}
.box-serviciu i{
    font-size: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 25px;
    margin-bottom: 15px;
}
.box-serviciu span{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 26px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
.box-serviciu.active-box{
  /*  border: 1.6px solid #5BB4A4; */
    border: 4px solid #f02d4b
}
.box-serviciu{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px 2px rgba(221,211,201,0.2);
    display: block;
    cursor: pointer;
    font-family: "DM Sans Regular";
    border: 1.6px solid transparent;
}
.btn-outline-slider:hover{
    text-decoration: none;
    color: #CE203B;
}
.btn-slider,
.btn-outline-slider{
    font-size: 20px;
    letter-spacing: 0.4px;
    border-radius: 5px;
    padding: 10px 40px;
    cursor: pointer;
}
.btn-outline-slider{
    color: #F02D4B;
    border: 2px solid #F02D4B;
}
.btn-slider:hover{
    color: #fff;
    text-decoration: none;
}
.btn-slider{
    padding: 10px 64px;
    color: #fff;
    background-color: #F02D4B;
}
.mr-20{
    margin-right: 20px;
}
.error-email,
.error{
    color: #F02D4B;
    font-family: "DM Sans Regular";
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.23px;
    line-height: 16px;
}
.switch-consum:focus{
    outline: 0;
}
.switch-consum.active{
    background-color: #F02D4B;
    /* background-color: #2DB7A4; */
    color: #fff;
}
.switch-online,
.switch-right{
    border-radius: 100px 0 0 100px;
    position: relative;
    right: -2px;
}
.switch-email,
.switch-left{
    border-radius: 0 100px 100px 0;
    position: relative;
    left: -2px;
}
.switch-consum{
    background-color: #fff;
    box-shadow: 0 0 8px 2px rgba(221,211,201,0.15);
    border:0;
    outline: 0;
    font-size: 16px;
    padding: 15px 30px;
}
.input-select:focus{
    outline: 0;
}
.input-select{
    width: 100%;
    background-color: #fff;
    color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0px 0px 10px #B5957B1A;
    cursor: pointer;
    font-family: "DM Sans Medium";
    border:0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 21px;
}
.font-size-12{
    font-size: 12px;
}
.color-black{
    color: #000;
}
.mb-40{
    margin-bottom: 40px;
}
.span-egal{
    position: absolute;
    left: calc( 50% - 8px);
    font-size: 24px;
    margin-top: 58px;
}
.div-consum{
    /*border-bottom: 1px solid #DDD3C9;*/
    padding-bottom: 10px;
}
.span-val{
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    color: #5D5D5C;
    font-family: "DM Sans Medium";
    margin-top: 10px;
    display: block;
}
.input-placeholder .placeholder-select span{
    color: rgba(240,45,75,1);
}
.input-placeholder .placeholder-select{
    left: 32px;
}
.input-placeholder input.input-select{
    padding-top: 24px;
    padding-bottom: 10px;
}
select.input-select{
    border: 2px solid #DDD3C9;
    color: #171619;
    font-size: 16px;
    padding-top: 24px;
    padding-bottom: 10px;
    background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat rgba(221,211,201,0.2);
    background-position-x: 99%;
    background-position-y: 50%;
    -webkit-appearance: none;
}
.placeholder-select span{
    color: rgba(240,45,75,1);
}
.placeholder-select{
    position: absolute;
    left: 34px;
    color: rgba(93,93,92,0.5);
    font-size: 12px;
    margin-top: 10px;
    z-index: 1;
}
input.input-select:not(:required) ~ .placeholder-floating{
    padding-left: 13px !important;
    font-size: 16px !important;
    left: 19px !important;
    top: 18px !important;
}
input.input-select:focus ~ .placeholder-floating,
input.input-select:not(:focus):valid ~ .placeholder-floating
{
    top: 8px;
    bottom: 10px;
    left: 19px;
    font-size: 11px;
    opacity: 1;
    height: 27px;
}

input.input-select:not(:required):focus ~ .placeholder-floating{
    font-size: 11px !important;
    top: 8px !important;
}
input.input-select.not-req:not(:placeholder-shown) ~ .placeholder-floating{
    font-size: 11px !important;
    top: 8px !important;
}
.placeholder-floating span{
    color: #F02D4B;
}
#emailModal .input-select{
    padding-left: 18px;
}
#emailModal .placeholder-floating.pl-0{
    padding-left: 0 !important;
}
.placeholder-floating {
    position: absolute;
    pointer-events: none;
    left: 19px;
    top: 18px;
    transition: 0.2s ease all;
    padding-left: 13px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 21px;
    text-align: center;
    color: rgba(93,93,92,0.5);
}


input.input-select:not(:required):focus ~ .placeholder-floating-p2{
    font-size: 11px !important;
    top: 60px;
}
input.input-select.not-req:not(:placeholder-shown) ~ .placeholder-floating-p2{
    font-size: 11px !important;
    top: 60px;
}
.placeholder-floating-p2 {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 70px;
    transition: 0.2s ease all;
    padding-left: 17px;
    font-size: 16px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 21px;
    text-align: center;
    color: rgba(93,93,92,0.5);
}
.pl-40{
    padding-left: 40px;
}
.pl-32{
    padding-left: 32px;
}


input.parsley-error {
    color: #B94A48 !important;
    background-color: #F2DEDE !important;
    border: 1px solid #EED3D7 !important;
}
.div-suprafata{
    margin-top: 70px;
    /*border-bottom: 1px solid #DDD3C9;*/
    padding-bottom: 10px;
 }
.gaz-suprafata,
.ee-suprafata{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 40px;
}
.title-page{
    color: #171619;
    font-family: "DM Sans Medium";
    font-size: 46px;
    font-weight: bold;
    letter-spacing: 0.95px;
    line-height: 60px;
}
.font-size-22{
    font-size: 22px;
}
.color-gray1{
    color: #5D5D5C;
}
.pt-pb-150{
    padding-top: 150px;
    padding-bottom: 150px;
}
.description-step{
    color: #5D5D5C;
    font-family: "DM Sans Regular";
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    text-align: center;
    margin-top: 30px;
}
.font-size-18{
    font-size: 18px;
}

/* change order servicii step 1 */

.first-box-serviciu {
    order: 3;
}
.first-box-serviciu + div {
    order: 1;
}
.first-box-serviciu + div + div {
    order: 2;
}

/*Pas 3*/

.box-body-title i{
    font-size: 45px;
    float: right;
}
.box-body-title i.icond-Electricitate-pachet {
    font-size: 32px;
}
.box-body-bottom h3,
.box-body-top h3{
    text-align: left;
    color: #4B5AD0;
    font-family: "DM Sans Regular";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 30px;
}
.box-body-bottom h3{
    color: #F4A21F;
}
.box-body-bottom,
.box-body-top{
    border: 0.3px solid #DDD3C9;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 2px rgba(221,211,201,0.2);
    padding: 24px;
    position: relative;
}
.back-price i{
    font-size: 45px;
    float: right;
}

.back-price7 i{
    font-size: 45px;
    float: right;
}

.back-price{
    color: #F02D4B;
    font-family: "DM Sans Regular";
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    text-decoration: underline;
    margin-bottom: 15px;
    cursor: pointer;
}

.back-price7{
    color: #F02D4B;
    font-family: "DM Sans Regular";
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    text-decoration: underline;
    margin-bottom: 15px;
    cursor: pointer;
}

.title-comp{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    margin-bottom: 5px;
}
.componente-pret{
    color: #5D5D5C;
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    margin-bottom: 1px;
}
.preturi-oferta{
    height: 159px;
    margin-bottom: 1rem;
}
.fadein-eff{
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
.fadeout-eff{
    -webkit-animation: fadeout 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 2s; /* Firefox < 16 */
    -ms-animation: fadeout 2s; /* Internet Explorer */
    -o-animation: fadeout 2s; /* Opera < 12.1 */
    animation: fadeout 2s;
}
.box-body-top{
    margin-bottom: 25px;
}
.title-box span{
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 37px;
    border-radius: 8px;
    background-color: #5BB4A4;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}
.title-box{
    color: #5BB4A4;
    font-family: "DM Sans Regular";
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 52px;
    text-align: center;
    margin-bottom: 25px;
}
.pt-10{
    padding-top: 10px;
}
.rel--10{
    position: relative;
    top: -10px;
}
.box-price{

    color: #000000;
    font-family: "DM Sans Medium";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
}
.pret-total{
    color: #5D5D5C;
    font-family: "DM Sans Regular";
    font-size: 15px;
    letter-spacing: 0.23px;
    line-height: 16px;
    margin-bottom: 5px;
}
.detalii-pret{
    color: #171619;
    font-family: "DM Sans Regular";
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    text-decoration: underline;
    margin-bottom: 3px;
    cursor: pointer;
}

.detalii-pret7{
    color: #171619;
    font-family: "DM Sans Regular";
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    text-decoration: underline;
    margin-bottom: 3px;
    cursor: pointer;
}

.font-size-32{
    font-size: 32px !important;
}
.pret-estimat span.span-estimat{
    font-family: "DM Sans Medium";
    font-size: 16px;
    font-weight: 500;
    display: block;
}
.pret-estimat{
    font-family: "DM Sans Medium";
    font-size: 16px;
/*    font-size: 20px; */
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 26px;
}
.select-ee input,
.select-gaz input{
    display: none;
}
.btn-box-gaz,
.btn-box-ee{
    border-radius: 7.2px;
    background-color: #F8E1E5;
    color: #F02D4B;
    font-family: "DM Sans Bold";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    padding: 14px;
    display: block;
    cursor: pointer;
}
label.select-gaz,
label.select-ee{
    width: 100%;
}
.offer-box-selected .btn-box-gaz,
.offer-box-selected .btn-box-ee{
    background-color: #F02D4B;
    color: #FFFFFF;
}
.box-accent{
    background-color: rgba(91,180,164,0.2);
    border-radius: 14px;
}
.text-info2{
    color: #5D5D5C;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.27px;
    line-height: 22px;
    text-align: center;
}
.text-pachete span{
    margin-right: 15px;
}
.text-pachete span i{
    color: #5BB4A4;
    margin-right: 5px;
}
.text-pachete{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.21px;
    line-height: 14px;
    text-align: center;
    opacity: 0.5;
    color: #5D5D5C;
}
.link-contract:hover{
    text-decoration: none;
    color: #F02D4B;
}
.link-contract{
    text-decoration: none;
    color: #F02D4B;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.27px;
    line-height: 30px;
    text-align: center;
    display: block;
}
.box-header{
    padding-top: 20px;
}
.box-oferta{
    padding-bottom: 15px;
}
div[class*="toggle-price"]{
    text-align: center;
}
div[class*="toggle-price"] .toggle-group .toggle-handle {
    width: 28px;
    height: 28px;
    background-color: #fff;
    box-shadow: 3px 3px 6px 2px rgba(221,211,201,0.3);
    border: 0.3px solid #DDD3C9;
    border-radius: 50%;
}
div[class*="toggle-price"] .toggle.btn {
    min-width: 52px;
    min-height: 27.5px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}

div[class*="toggle-price"] .btn-primary,
div[class*="toggle-price"] .btn-secondary{
    border-color: transparent;
    background-color: transparent;
}

.toogle {
    background-color: #5BB4A4 !important;
}

#switch-kwh-mwh{
    background-color: #5BB4A4 !important;
}

#switch-kwh-mwh-step7{
    background-color: #5BB4A4 !important;
}

div[class*="toggle-price"] .toggle.btn.btn-primary .toggle-group .btn-primary.toggle-on{
    border: 0.3px solid #5BB4A4 !important;
    border-radius: 0 27.5px 27.5px 0;
    background-color: #5BB4A4 !important;
    box-shadow: inset 0 3px 6px 2px #5BB4A4 !important;
    text-indent: 200%;
    color: rgba(221,211,201,0.2);
}
div[class*="toggle-price"] .toggle .toggle-group .btn.btn-secondary.toggle-off{
    /*border: 0.3px solid #DDD3C9;*/
    /*border-radius: 0 27.5px 27.5px 0;*/
    background-color: rgba(221,211,201,0.2);
    box-shadow: inset 0 3px 6px 2px rgba(221,211,201,0.3);
    text-indent: 200%;
}
div[class*="toggle-price"] .toggle.btn.btn-primary .toggle-group .toggle-handle{
    right: 17px;
    top: 4px;
}
div[class*="toggle-price"] .toggle.btn.btn-primary:active,
div[class*="toggle-price"] .toggle.btn.btn-primary:focus{
    outline: 0;
    border: 0;
    background-color: transparent;
}
div[class*="toggle-price"] .btn-secondary.off .toggle-group .btn-primary{
    text-indent: -100%;
    color: rgba(221,211,201,0.2);
}
div[class*="toggle-price"] .btn-secondary.off .toggle-group .toggle-handle{
    left: 17px;
    top: 4px;
}
.active-kwh{
    color: #F02D4B !important;
}

.active7-kwh{
    color: #F02D4B !important;
}

.row-step3 p{
    margin: 0;
}
.row-step3 i.icond-Gaz:before{
    color: #4B5AD0;
}
.row-step3 i.icond-Gaz{
    font-size: 45px;
    margin-right: 15px;
    position: relative;
    top:5px;
}
.row-step3 i.icond-Electricitate:before{
    color: #F4A21F;
}
.row-step3 i.icond-Electricitate{
    font-size: 45px;
    margin-right: 15px;
    position: relative;
    top:5px;
}
.row-step3{
    display: none;
    position: fixed;
    background-color: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 12px 4px rgba(221,211,201,0.35);
    height: 103px;
    align-items: center;
    margin-top: -65px;
    z-index: 1111111;
}
.pret-total-ee,
.pret-total-gaz{
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 21px;
    margin-bottom: 0;
}
.text-oferta{
    color: #516074;
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
}
.link-p3{
    color: #F02D4B;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
}
.link-Sesizare{
    color: #F02D4B;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
}
.link-p3:hover{
    color: #F02D4B;
}
.btn-action:hover{
    text-decoration: none;
    color: #fff;
}
.btn-action{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
    border-radius: 7.2px;
    background-color: #F02D4B;
    padding: 14px 25px;
}
.mr-15{
    margin-right: 15px;
}
.ml-15{
    margin-left: 15px;
}
div[class*="toggle-price"] .toggle.btn.btn-primary + .togle-mwh,
div[class*="toggle-price"] .toggle.btn.btn-primary + .togleStep7-mwh,
div[class*="toggle-price"] .toggle.btn.btn-primary + span[class*='toggleEnergyConversion-mwh'],
div[class*="toggle-price"] .toggle.btn.btn-primary + span[class*='togglegasConversion-mwh']{
    color: #F02D4B;
}
.togle-kwh,
.togleStep7-kwh,
.togle-mwh,
.togleStep7-mwh,
span[class*="toggleEnergyConversion-kwh"],
span[class*="togglegasConversion-kwh"],
span[class*='toggleEnergyConversion-mwh'],
span[class*='togglegasConversion-mwh']
{
    color: #5D5D5C;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.27px;
    line-height: 42px;
}

div[class*="toggle-price"] .toggle.btn:not(.btn-secondary)  .togle-kwh,
div[class*="toggle-price"] .toggle.btn:not(.btn-secondary)  .togleStep7-kwh,
div[class*="toggle-price"] .toggle.btn:not(.btn-secondary)  span[class*="toggleEnergyConversion-kwh"],
div[class*="toggle-price"] .toggle.btn:not(.btn-secondary)  span[class*="togglegasConversion-kwh"]{
    color: #5D5D5C;
}
div[class*="toggle-price"] .togle-kwh ~ .toggle.btn.btn-primary,
div[class*="toggle-price"] .togleStep7-kwh ~ .toggle.btn.btn-primary,
div[class*="toggle-price"] span[class*="toggleEnergyConversion-kwh"] ~ .toggle.btn.btn-primary,
div[class*="toggle-price"] span[class*="togglegasConversion-kwh"] ~ .toggle.btn.btn-primary {
    color: #5D5D5C;
}

/*Pas 4*/
input[name='residence']:not(:checked) ~ span{
    color: #5D5D5C;
}
.header-bar p{
    margin: 0;
    letter-spacing: 0.38px;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
}
.header-bar .arrow-bar{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 22px;
    position: relative;
    top: 3px;
    letter-spacing: -4px;
}
.header-bar {
    color: rgba(255,95,120,0.4);
}
.header-bar span.active-text{
    color: #F02D4B;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.27px;
}
span.active-text-after + span.arrow-bar{
    color: #F02D4B;
    opacity: 1;
}
.header-bar{
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 12px 4px rgba(221,211,201,0.35);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    font-size: 14px;
    font-weight: 700;
}
#step3-form .row{
    margin-bottom: 25px;
}
.placeholder-select.left-34{
    left: 34px;
}

.city-select-v1 .select2-container .selection .select2-selection{
    border: 1.6px solid rgba(221,211,201,0.6);
    border-radius: 8px;
    background-color: rgba(221,211,201,0.2);
    padding-top: 19px;
    padding-bottom: 5px;
    padding-left: 9px;
}
.mb-25{
    margin-bottom: 25px;
}
.mb-10{
    margin-bottom: 10px;
}
.border-b-1{
    border-bottom: 1.6px solid rgba(221,211,201,0.4);
}
.text-client-vulnerabil{
    color: #5D5D5C;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 21px;
    padding-left: 30px;
    display: block;
}

/*Pas 5*/

.box-documente{
    border: 0.3px solid #DDD3C9;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 2px rgba(221,211,201,0.2);
    padding: 25px;
    margin-bottom: 25px;
}

.link-st5 .text2-link-st5{
    color: #171619;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 26px;
    display: block;
}
.link-st5 .text-st5{
    color: #5D5D5C;
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    text-align: center;
}
.link-st5 .text-link-st5{
    color: #F02D4B;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.34px;
    display: block;
}
.link-st5{
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
}
.box-documente i{
    font-size: 44px;
}
.path3-checked:before{
    content: '\1f3fb';
    font-family: 'icomoon-d' !important;
    font-size: 19px;
    color: #fff;
    position: absolute;
    margin-left: -30px;
    margin-top: 13px;
}
.path3-checked-style1:before{
    font-size: 15px;
    margin-left: -22px;
    margin-top: 8px;
}
.color-blue2:before {
    color: #2DB7A4 !important;
}
.text-doc iframe{
    border-radius: 8px 8px 0 0;
    border: 0;
    box-shadow: 0 7px 12px 2px rgba(221,211,201,0.35);
}
#signature{
    border: 1.6px solid #DDD3C9;
    background-color: #fff;
    height: 300px;
    width: 600px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.modal-signature{
    max-width: 734px;
}
.box-signature{
    border-radius: 0 0 8px 8px;
    background-color: #FFFFFF;
    box-shadow: 0 7px 12px 2px rgba(221,211,201,0.35);
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.download-doc .icond-Descarca .path2:before,
.download-doc .icond-Descarca .path3:before{
    color: #F02D4B;
}

.download-doc span.icond-Descarca{
    color: #F02D4B;
    font-size: 45px;
    display: flex;
    float: left;
    position: relative;
}
.download-doc .text-icon-descarca{
    color: #F02D4B;
    font-size: 18px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.34px;
    line-height: 24px;
    position: relative;
    top: 10px;
}
.download-doc{
    color: #F02D4B;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 6px;
}
.download-doc .icond-Descarca .path3,
.download-doc .icond-Descarca .path2{
    font-size: 56px;
    position: relative;
    left: 5px;
    top: -5px;
}
.box-signature form{
    display: inline-block;
}
.bg-color-blue3{
    background-color: #5BB4A4;
}


/*Pas 7 */

.logo-p7{
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.text2-p7{
    color: #171619;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.57px;
    line-height: 32px;
    font-family: 'DM Sans Bold';
    text-align: left;
}
.text-p7{
    color: #171619;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.57px;
    line-height: 32px;
    font-family: 'DM Sans Bold';
}
.app-logo-p7 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.app-logo-p7 img{
    width: auto !important;
    margin-bottom: 10px;
}
.success-text-email{
    color: #171619;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0.95px;
    line-height: 65px;
}
.text-of-p7{
    color: #5D5D5C;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    text-align: center;
}

.lds-roller {
    display: inline-block;
    position: absolute;
    width: 164px;
    height: 164px;
    top:40%;
}
.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}
.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
}
.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
}
.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
}
.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
}
.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
}
.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
}
.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
}
.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
#divLoading
{
    display : none;
}
#divLoading.show
{
    display : block;
    position : fixed;
    z-index: 111111;
    text-align:center;
    background-color:#666;
    opacity : 0.9;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}

.download-draft a{
    color: #F02D4B;
}
.download-draft{
    color: #F02D4B;
    font-family: "DM Sans Regular";
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 16px;
    margin-bottom: 15px;
    text-decoration: underline;
}
.adaugare-locatie:hover{
    color: #F02D4B;
}
.adaugare-locatie{
    padding: 10px;
    cursor: pointer;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 21px;
    color: #F02D4B;
}
.sign-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #AEAEAD;
    font-family: "DM Sans Regular";
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    text-align: center;
}
.pos-relative{
    position: relative;
}
.header-bar-mobile{
    display: none;
}
.desktop-hide{
    display: none;
}
/*.formular-pas-7 .btn-slider{
    background-color: #5BB4A4;
}*/

.min-height-400{
    min-height: 400px;
}
.btn-primary1:hover{
    color: #fff;
}
.btn-primary1{
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    border-radius: 7.2px;
    background-color: #F02D4B;
    font-family: "DM Sans Regular";
    padding: 10px 25px;
}
.blog-text h2{
    font-size: 1.6rem;
}
.blog-text ol li,
.blog-text ul li,
.blog-text p,
.text-content{
    color: #171619;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 38px;
    margin-bottom: 35px;
}
.blog-text ol li,
.blog-text ul li{
    margin-bottom: 0;
}
.blog-text ul li:last-of-type{
    margin-bottom: 35px;
}
.blog-text a {
    color: #1155cc;
}
.after-sidebar:after{
    content: '';
    position: absolute;
    height: calc(100% - 175px);
    background-color: #F02D4B;
    width: 2px;
    top: 60px;
    left: 0;
    opacity: 0.3;
}

.text-sidebar-blog{
    margin-bottom: 0;
    height: 40px;
    font-size: 24px;
    text-align: center;
    color: #F02D4B;
    position: relative;
    top: -10px;
}
a.text-sidebar-blog i{
    position: relative;
    top: -5px;
}
a.text-sidebar-blog:hover{
    color: #F02D4B;
}
a.text-sidebar-blog{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.pr-lg-25{
    padding-right: 25px;
}
.pl-lg-25{
    padding-left: 25px;
}
.pagination-blog ul{
    justify-content: center;
    flex-wrap: wrap;
}
.line-height-30{
    line-height: 30px;
}
.bg-gray3{
    background-color: rgba(125,130,135,0.15);
}
.line-height-34{
    line-height: 34px;
}
.text-pj .span-text-pj{
    text-align: center;
    display: block;
}
.text-pj .text-pj-number{
    color: #19DCC3;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 140px;
}
.text-pj{
    color: #171619;
    font-size: 46px;
    letter-spacing: 0.87px;
    line-height: 70px;
    text-transform: uppercase;
    font-family: "DM Sans Bold";
}
.text-content2{
    color: #000;
    /* color: #516074;*/
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 34px;
    text-align: center;
}
.p-10-35{
    padding: 10px 35px;
}
.text-review{
    color: #171619;
    font-size: 20px;
    letter-spacing: 0.57px;
    line-height: 34px;
}
.subtext-review{
    color: #5D5D5C;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.27px;
    line-height: 45px;
}
.owl-carousel-review .owl-nav i.icond-Arrow-left,
.owl-carousel-review .owl-nav i.icond-Arrow-right{
    top: 35%;
}
.img-review{
    width: 300px !important;
    height: 300px !important;
    object-fit: cover;
    border-radius: 8px;
}
.quotes-img{
    position: absolute;
    width: 115px !important;
    margin-left: -60px;
    margin-top: -35px;
    z-index: 1;
    overflow: visible;
}
.owl-carousel-review .row{
    padding-top: 50px;
    padding-bottom: 50px;
}
.pt-50{
    padding-top: 50px;
}
.box-retele{
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 4px rgba(85,99,119,0.1);
    padding: 30px;
}
.contact-retele p i{
    color:#19DCC3;
    margin-right: 10px;
    position: relative;
    top:7px;
}
.contact-retele p{
     margin-bottom: 20px;
 }
.contact-retele a span{
    color: #AEAEAD;
}
.contact-retele a,
.contact-retele p{
    color: #516074;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    display: flex;
    font-family: 'DM Sans Regular';
    overflow-wrap: anywhere;
}
.contact-retele{
    margin-top: 20px;
}
.mt-100{
    margin-top: 100px;
}
.mt-150{
    margin-top: 150px;
}
.box-info-retele a{
    color: #F02D4B;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 28px;
    margin-bottom: 30px;
    display: block;
}
.box-info-retele{
    padding: 50px 40px;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 4px rgba(85,99,119,0.1);
}
.mb-60{
    margin-bottom: 60px;
}
.mt-200{
    margin-top: 200px;
}
.bg-blue2{
    background-color: #5BB4A4;
}
.btn-slider2{
    font-size: 14px;
    padding: 16px 36px;
    background-color: #5BB4A4;
    display: inline-block;
}
.nav-text-black h1,
.nav-text-black a{
    color: #000 !important;
}
.page-text .div-text{
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.page-text{
    padding-top: 40px;
}
.div-text p a{
    color: #171619;
}
.div-text p{
    color: #171619;
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 28px;
    margin-bottom: 25px;
}
.div-text .divider{
    height: 60px;
}

.div-text h3{
    font-family: "DM Sans Bold";
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 0.57px;
    line-height: 42px;
    text-align: left;
    margin-bottom: 25px;
}
.div-text h3.font-size-20{
    font-size: 20px;
}
.div-text h2{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 30px;
    letter-spacing: 0.57px;
    line-height: 42px;
}
.effect-div-text{
    height: 150px;
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.3) 10%,
    rgba(255,255,255, 0.6) 30%, rgba(255,255,255, 0.9) 70%, rgba(255,255,255, 1) 100%);
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.div-text::-webkit-scrollbar {
    width: 6px;
}

.div-text::-webkit-scrollbar-track {
    background-color: rgba(93,93,92,0.08);
    border-radius: 5px;
}
.div-text::-webkit-scrollbar-thumb {
    background: #5BB4A4;
}
.div-text::-webkit-scrollbar-thumb:hover {
    background: #5BB4A4;
}
p.date-text{
    color: #5D5D5C;
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 42px;
}
.font-size-20{
    font-size: 20px;
}
.div-text .color-gray1{
    color: #5D5D5C;
}
.bg-eficient{
    background-image: url(../../img/new/PozaSolutiiEficientizare.png);
}
.bg-parteneri{
    background-image: url(../../img/new/parteneri.png);
}
.bg-energie-verde{
    background-image: url(../../img/new/pozaEnergieVerde.png);
}
.bg-oferte{
    background-image: url(../../img/new/pozaOferte.png);
}
.bg-contact{
    background-image: url(../../img/new/pozaContact.png);
}
.bg-suport{
    background-image: url(../../img/new/PozaSuport.png);
}
.bg-costuri{
    background-image: url(../../img/new/PozaIntelegeCosturile.png);
}
.bg-index{
    background-image: url(../../img/new/PozaIndex.png);
}
.bg-despre{
    background-image: url(../../img/new/pozaDespreNoi.png);
}
.bg-asociatii{
    background-image: url(../../img/new/pozaAsociatii.png);
}
.bg-compensare {
    background-image: url(../../img/new/PozaIndex_updated.jpg);
}
.top--40{
    top: -40px;
}
.subbox-primary p{
    color: #131415;
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 22px;
    font-family: "DM Sans Regular";
}

.subbox-primary{
    background-color: rgba(125,130,135,0.1);
    padding: 25px;
    margin-top: 25px;
}
.box-primary{
    position:relative;
    padding: 30px 45px;
    top: -40px;
    background-color: #fff;
}
.box-primary .text2{
    color: #131415;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    margin-top: 25px;
    margin-bottom: 0;
    font-family: "DM Sans Regular";
}
.box-primary .text1{
    color: #131415;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 42px;
    margin-bottom: 0;
}
/*.box-primary h2{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.65px;
    line-height: 45px;
}*/
.btn-how{
    color: #F02D4B;
    display: inline-block;
    font-family: "DM Sans Bold";
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 21px;
    margin-top: 25px;
}
.border-bottom-1{
    border-bottom: 1px solid rgba(81,96,116,0.2);
}
.pb-25{
    padding-bottom: 25px;
}
.pt-25{
    padding-top: 25px;
}
.percent-ef{
    float: right;
    position: absolute;
    right: 45px;
    border-radius: 10px;
    background-color: rgba(25,220,195,0.2);
    color: #19DCC3;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 26px;
    text-align: center;
    width: 88px;
    height: 58px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.padding-40{
    padding: 40px;
}
.text3{
    color: #171619;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    margin-bottom: 25px;
    font-family: 'DM Sans Regular';
}
.btn-link{
    color: #F02D4B;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 26px;
    font-family: "DM Sans Regular";
}

.icon-box2 i,
.icon-box1 i{
    font-size: 30px;
}
.icon-box2,
.icon-box1{
    text-align: right;
}
.mb-70{
    margin-bottom: 70px;
}
.pb-60{
    padding-bottom: 60px;
}
.pt-60{
    padding-top: 60px;
}
.padding1{
    padding: 12px 17px;
}
.box-header-1 h1{
    color: #171619;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.57px;
    line-height: 39px;
    text-align: left;
    margin-bottom: 20px;
}
.box-header-1{
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 4px rgba(85,99,119,0.1);
    padding: 40px 30px;
}
.text4{
    color: #171619;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 45px;
    font-family: "DM Sans Regular";
}
.percent-img{
    position: absolute;
    top: 195px;
    left: -220px;
}
.number-box-img img{
    width: 100%;
}
.number-box-img{
    width: 100%;
    z-index: 11111;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 60px;
}
.number-box span{
    position: absolute;
    color: #AEAEAD;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    text-align: center;
    font-family: "DM Sans Regular";
    bottom: -50px;
}
.number-box{
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 4px rgba(85,99,119,0.1);
    position: relative;
    z-index: 1;
    top: -135px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50px;
}
.text-surse span{
    color: #19DCC3;
    display: block;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.57px;
    line-height: 42px;
    text-align: right;
}
.text-surse2{
    color: #5D5D5C;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 42px;
}
.text-surse{
    color: #AEAEAD;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    text-align: right;
    font-family: "DM Sans Regular";
}
.padding-50-30{
    padding: 50px 30px;
}
.top-7{
    position: relative;
    top: 7px;
}
.pl-30{
    padding-left: 30px;
}
.pr-30{
    padding-right: 30px;
}
.font-size-18-p p{
    font-size: 18px;
}
.font-size-16-p p{
    font-size: 16px;
}
.font-size-14-p p{
    font-size: 14px;
}
.font-size-12-p p{
    font-size: 12px;
}
.title-section2{
    color: #171619;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0.95px;
    line-height: 65px;
}
.text-section2{
    color: #171619;
    font-size: 26px;
    letter-spacing: 0.57px;
    line-height: 40px;
    font-family: "DM Sans Regular";
}
.text-box-right span{
    color: #AEAEAD;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
    display: block;
    font-weight: 100;
    font-family: "DM Sans Regular";
}
.text-box-right{
    color: #171619;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0.95px;
    line-height: 50px;
}
.padding-c1{
    padding: 80px 50px 30px 50px;
}
.padding-50{
    padding: 50px;
}
.icon-text-layout i{
    font-size: 50px;
    margin-right: 40px;
}
.icon-text-layout{
    display: flex;
}
.intrebare-faq{
    color: #171619;
    font-size: 22px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.57px;
    line-height: 4px;
    margin-bottom: 50px;
    cursor: pointer;
}
/*
.intrebare-faq{
    color: #171619;
    font-size: 30px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.57px;
    line-height: 42px;
    margin-bottom: 50px;
    cursor: pointer;
}
*/
.img-faq-gaz{
    position: absolute;
    right: 0;
    margin-top: -70px;
}
.img-faq-ee{
    position: absolute;
    left: 0;
    bottom: 140px;
    z-index: -1;
    width: 750px;
}
.text-faq{
    color: #171619;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 34px;
    margin-bottom: 30px;
    font-family: "DM Sans Regular";
}
.active-faq .intrebare-faq{
    color: #AFAFAE;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 42px;
    font-family: "DM Sans Bold";
    margin-bottom: 25px;
    width: 49%;
}
.pb-100{
    padding-bottom: 100px;
}
.active-link-faq{
    background-color: #19DCC3;
    color: #fff !important;
    display: inline-block;
    padding: 0 25px;
    position: relative;
    left: -25px;
}
.w-290{
    width: 290px;
}
.top--100{
    top: -100px;
}
.btn-secondary1:active,
.btn-secondary1:focus,
.btn-secondary1:hover{
    background-color: #45BFAE !important;
    color: #fff;
    border-color: #45BFAE !important;
}
.btn-secondary1{
    border: 2px solid #45BFAE;
    border-radius: 7.2px;
    color: #45BFAE;
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    padding: 14px 60px;
    background-color: #fff;
    font-family: "DM Sans Bold";
    cursor: pointer;
}
.oferta{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #50F0D7;
    font-size: 60px;
    line-height: 60px;
}
.text-oferta1{
    color: #516074;
    font-size: 30px;
    letter-spacing: 0.57px;
    line-height: 34px;
    font-weight: bold;
}
.mt-70{
    margin-top: 70px;
}
.header-h1{
    font-family: "DM Sans Bold";
    font-size: 50px;
    font-weight: bold;
    text-align: left;
}
.margin-r-6{
    margin-right: 6px;
}
.subbox-oferta .row{
    border-top: 1px solid rgba(81,96,116,0.2);
    border-bottom: 1px solid rgba(81,96,116,0.2);
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.subbox-oferta{

}
.link-secondary:hover{
    color: #45BFAE;
}
.link-secondary{
    font-size: 18px;
    font-family: "DM Sans Bold";
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    color: #45BFAE;
    cursor: pointer;
}
.box-oferta-gaz h3,
.box-oferta-ee h3{
    color: #19DCC3;
    font-family: "DM Sans Bold";
    font-size: 30px;
    letter-spacing: 0.57px;
    line-height: 34px;
    text-align: left;
    margin-bottom: 30px;
}


.box-oferta-gaz p.bold-text,
.box-oferta-ee p.bold-text{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 34px;
}
.box-oferta-gaz p,
.box-oferta-ee p{
    margin-bottom: 0;
    line-height: 34px;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    padding-right: 30px;
    font-family: "DM Sans Regular";
}
.box-oferta-gaz p.mb-25,
.box-oferta-ee p.mb-25{
    margin-bottom: 25px;
}
.box-oferta-gaz p.mt-25,
.box-oferta-ee p.mt-25{
    margin-top: 25px;
}
.link-tarife{
    color: #171619;
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 34px;
    text-decoration: underline;
    margin-top: 20px;
    display: inline-block;
}
.subbox-oferta .row .col-lg-6{
    margin-top: 25px;
    margin-bottom: 25px;
}
.subbox-oferta .row .col-lg-6:last-of-type{
    border-left: 1px solid rgba(81,96,116,0.2);
}
.pret-total-subbox{
    background-color: rgba(23,22,25,0.1);
}
.subbox-oferta .row{
    margin-left: 0;
    margin-right: 0;
}
.subbox-oferta .row .col-lg-6{
    padding: 0;
}
.box-oferta-ee a,
.box-oferta-ee h3,
.box-oferta-ee p{
    padding-left: 30px;
}
.box-oferta-gaz .pret-total-subbox{
    margin-left: -30px;
    padding-left: 30px;
}
.font-size-14{
    font-size: 14px;
}
.download-contract:hover{
    color: #F02D4B;
}
.download-contract{
    color: #F02D4B;
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 34px;
    cursor: pointer;
    position: relative;
    left: 30px;
}
.download-contract .icond-Descarca .path2:before,
.download-contract .icond-Descarca .path3:before{
    color: #F02D4B;
}

.download-contract span.icond-Descarca{
    color: #F02D4B;
    font-size: 50px;
    display: flex;
    float: left;
    position: relative;
    top: -9px;
    left: 4px;
}
.top--50{
    top:-50px;
}
#form-distributie .input-select,
#form-contact .input-select{
    border: 1.6px solid rgba(221,211,201,0.6);
    padding-top: 24px;
    padding-bottom: 10px;
}
#form-distributie select.input-select,
#form-contact select.input-select{
    background-position-x: 97%;
}
#form-contact textarea{
    color: rgba(93,93,92,0.5);
    font-size: 12px;
    letter-spacing: 0.23px;
    line-height: 30px;
    padding-top: 10px !important;
}
#form-distributie .row,
#form-contact .row{
    margin-bottom: 25px;
}
.font-family-regular{
    font-family: "DM Sans Regular";
}
.font-family-bold{
    font-family: "DM Sans Bold";
}
.upload-contact i{
    margin-right: 8px;
    font-size: 25px;
    transform: scaleX(-1);
    position: relative;
    top: 2px;
}
.upload-contact{
    color: #F02D4B;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 34px;
    margin-top: 15px;
}
.focus-none:focus{
    outline: 0;
}
.ml-25{
    margin-left: 25px;
}
.subtitle-section3{
    color: #171619;
    font-size: 30px;
    letter-spacing: 0.57px;
    line-height: 42px;
    text-align: center;
}
.subtitle-sectionS{
    color: #171619;
    font-size: 22px;
    letter-spacing: 0.57px;
    line-height: 42px;
    text-align: center;
}
.title-section3{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 30px;
    letter-spacing: 0.57px;
    line-height: 39px;
    text-align: center;
}
.subtitle-header{
    color: #FFFFFF;
    font-size: 30px;
    font-family: "DM Sans Regular";
    letter-spacing: 0.57px;
    line-height: 42px;
    margin-bottom: 35px;
}
.div-phone i{
    position: absolute;
    right: 25px;
}
.div-phone a{
    color: #F02D4B;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.57px;
    line-height: 42px;
}
.div-phone p{
    color: #AEAEAD;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.27px;
    line-height: 20px;
    text-align: left;
    margin-bottom: 0;
}
.div-phone{
    position: relative;
    height: 84px;
    width: 368px;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 4px rgba(85,99,119,0.1);
    margin-right: 30px;
    padding: 12px 24px;
}
.suport-div{
    display: flex;
}
.switch-ee,
.switch-gaz{
    width: 205px;
    box-shadow: 0 0 8px 2px rgba(221,211,201,0.15);
    border: 0.3px solid #DDD3C9;
}
.switch-ee{
    border-radius: 100px 0 0 100px;
    position: relative;
    right: -3px;
}
.switch-gaz{
    border-radius: 0 100px 100px 0;
    position: relative;
    left: -3px;
}
.div-gaz-n div select.input-select,
.div-energie-e div select.input-select{
    background-position-x: 97%;
}
.padding-c2{
    padding: 13px 64px;
}
.subtitle-section4{
    color: #171619;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 34px;
    text-align: center;
    font-family: "DM Sans Regular";
}
.icon-gaz1:before{
    color: #FFF4E9;
}
.icon-gaz1{
    font-size: 270px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    top: -214px;
    transform: translateX(-88px);
}
.icond-ee:before{
    color: rgba(0,194,174,1);
}
.icond-ee{
    position: absolute;
    left: -45px;
    font-size: 240px;
    z-index: 1;
    margin-top: -40px;
    opacity: 0.1;
}
.font-size-34{
    font-size: 34px;
}
.text-ee1{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.38px;
    line-height: 34px;
}
.box-costuri p.pachet-text{
    color: #19DCC3;
    font-family: "DM Sans Bold";
    font-size: 30px;
    letter-spacing: 0.57px;
    line-height: 34px;
    margin-bottom: 20px;
}
.box-costuri p i:before{
    color: #19DCC3;
}
.box-costuri p i{
    float: right;
    font-size: 50px;
}
.box-costuri p{
    color: #516074;
    font-size: 20px;
    letter-spacing: 0.38px;
    font-family: 'DM Sans Regular';
    line-height: 30px;
}
.box-costuri{
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 4px rgba(85,99,119,0.1);
    padding: 50px;
}
.oval-img{
    position: absolute;
    right: -200px;
    top: -50px;
}
.oval-img2{
    position: absolute;
    left: -90px;
    margin-top: 200px;
    width: 650px;
}
.text-icon-descarca:hover{
    color: #F02D4B;
}
.text-icon-descarca{
    color: #F02D4B;
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    font-family: "DM Sans Bold";
    cursor: pointer;
}
.text-semneaza{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 42px;
    text-align: center;
}
.btn-erase:focus,
.btn-erase:hover{
    color: #5D5D5C;
    outline: 0;
}
.btn-erase{
    color: #5D5D5C;
    font-family: "DM Sans Bold";
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    background-color: transparent;
    border: 0;
    outline: 0;
}
.btn-save-email:focus,
.btn-save-email:hover,
.btn-save-sig:focus,
.btn-save-sig:hover{
    color: #F02D4B;
    outline: 0;
}
.btn-save-email,
.btn-save-sig{
    color: #F02D4B;
    font-family: "DM Sans Bold";
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    background-color: transparent;
    border: 0;
    outline: 0;
}
#emailModal .close{
    position: absolute;
    right: 40px;
    top: 20px;
}
.error-canvas{
    position: absolute;
    margin-top: 40px;
    color: #F02D4B;
}
.offer-box-selected a,
.offer-box-selected span,
.offer-box-selected p,
.offer-box-selected h3 i:before,
.offer-box-selected p i.color-yellow-before:before,
.offer-box-selected h3 i.color-yellow-before:before,
.offer-box-selected h3 i.color-blue-before:before,
.offer-box-selected h3{
    color: #fff;
}

.offer-box-selected span.btn-box-ee,
.offer-box-selected span.btn-box-gaz{
    background-color: transparent;
    border: 1px solid #fff;
    padding: 13px;
}

.offer-box-selected.div-gaz{
    background-color: #4B5AD0;
}
.offer-box-selected.div-energie{
    background-color: #F4A21F;
}
.owl-carousel-sign{
    display: flex;
    flex-wrap: wrap;
}
.p-13-70{
    padding: 13px 70px;
}
.img-part{
    position: absolute;
    right: 0;
    width: 47%;
    height: 650px;
}
.mb-150{
    margin-bottom: 150px;
}
.img-part2{
    position: absolute;
    left: 0;
    width: 45%;
    height: 650px;
}
.btn-link:hover{
    color: #F02D4B;
}
.mt-180{
    margin-top: 180px;
}
.oval-img3{
    position: absolute;
    right: -110px;
    overflow: hidden;
}
.color-black1{
    color: #171619;
}
.oval-img4{
    position: absolute;
    left: -90px;
    margin-top: 400px;
}
.font-size-30{
    font-size: 30px;
}
.index-text3{
    color: #171619;
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 30px;
}
.index-text2{
    color: #171619;
    font-size: 30px;
    letter-spacing: 0.57px;
    line-height: 42px;
}
.index-icon i.icond-Electricitate{
    margin-right: 150px;
}
.index-icon i{
    font-size: 130px;
    position: absolute;
    right: 65px;
    margin-top: -30px;
}
.index-icon i:before{
    color: rgba(25,220,195,0.2);
}
.index-icon{
    color: #171619;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0.95px;
    line-height: 65px;
}
.index-text1{
    color: #AEAEAD;
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 30px;
}
.number-img{
    position: absolute;
    left: -46px;
}
.padding-37{
    padding: 37px;
}
.pl-110{
    padding-left: 110px;
}
.box-step p{
    width: 100%;
}
.box-step{
    margin-left: auto;
    margin-right: auto;
    padding: 37px;
    padding-left: 110px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pt-40{
    padding-top: 40px;
}
.text-section3{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 36px;
    text-align: center;
}
.img-despre1{
    position: absolute;
    left: 0;
    top: 0;
}
.img-despre2{
    position: absolute;
    right: 0;
    top: 0;
}
.toggle-text1 i{
    font-size: 26px;
}
.toggle-text2{
    color: #171619;
    font-size: 20px;
    letter-spacing: 0.38px;
    font-family: "DM Sans Regular";
    line-height: 34px;
}
.toggle-text1{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 42px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid  rgba(81,96,116,0.2);
}
.icon-offerte2{
    position: absolute;
    left: -85px;
    top: 350px;
}
.icon-offerte{
    position: absolute;
    right: -85px;
}
.solar-icon{
    width: 79px;
    height: 79px;
    margin-right: 50px;
}
.energy-icon{
    width: 53px;
    margin-right: 76px;
    height: 60px;
}
.line-height-26{
    line-height: 26px;
}
.download-contract span.icond-Descarca.top--13{
    top: -13px;
}
.mr-25{
    margin-right: 25px;
}
.call-icon{
    float: right;
    position: relative;
    top: -7px;
}
.ml-40{
    margin-left: 40px;
}
.ml-30{
    margin-left: 30px;
}
.contact-retele p img{
    margin-right: 15px;
}
.margin-r-5{margin-right: 5px !important;}
.info-icon1{
    position: absolute;
    top: -50px;
    left: -100px;
}
.info-icon2{
    position: absolute;
    margin-top: 150px;
    right: -100px;
}
.font-family-regular .text-content{
    font-family: "DM Sans Regular" !important;
}
.toggle-item2 .toggle-text1{
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.toggle-text3 a.link2-contract.mt-15{
    margin-top: 15px;
}
.toggle-text3 a.link2-contract{
    margin-left: 25px;
    border-left: 1px solid #DCDFE3;
    line-height: 25px;
    margin-top: 0;
    padding-left: 10px;
}

.toggle-text3 a{
    color: #5BB4A4;
    font-family: "DM Sans Regular";
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 18px;
    display: block;
    margin-top: 10px;
    cursor: pointer;
}
.toggle-text3 span{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 18px;
    display: block;
    margin-top: 25px;
}
.toggle-text3{
   border-bottom: 1px solid rgba(81,96,116,0.2);
    padding-bottom: 25px;
}
.icon-homepj:before{
    color: rgb(25, 220, 195);
}
.icon-homepj{
    position: absolute;
    margin-left: -39px;
    font-size: 28px !important;
    margin-top: 15px;
}
.text-oferta3{
    color: #5D5D5C;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.21px;
    line-height: 14px;
    text-align: center;
}
.box-header .title-box{
    margin-bottom: 0;
}
.line-height-20{
    line-height: 20px !important;
}
.color-text2 p{
    color: #5D5D5C !important;
}
.font-size-20-p p{
    font-size: 20px;
}
.select-suport .select2-container .selection .select2-selection{
    border: 2px solid #DDD3C9;
    padding-bottom: 8px;
}
.select-suport .select2-container{
    width: 100% !important;
}
.toggled-faq{
    position: absolute;
    right: 15px;
    top: 0;
    width: 50%;
}
#form-localitate .select2-selection,
#form-arata-oferte .select2-selection{
    padding: 6.5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#form-localitate .select2-selection,
#form-arata-oferte .select2-selection{
    background-color: #fff;
}
.mt-65{
    margin-top: 65px;
}
.validSign:hover,
.validSign{
    color: forestgreen;
}
.cookie-sub img{
    margin-right: 15px;
}
.cookie-sub{
    display: inline-flex;
    align-items: center;
}

.box-p6-top p:first-of-type{
    margin-right: 20px;
}
.box-p6-top p{
    opacity: 0.3;
    cursor: pointer;
    font-family: "DM Sans Bold";
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 26px;
    text-align: center;
}
.box-p6-top p.active{
    opacity: 1;
}

.box-p6-top{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1.6px solid rgba(221,211,201,0.4);
}
.box-p6{
    padding: 25px;
    border-radius: 10px;
}
.box-p6-bottom p span{
    padding: 3px 15px;
    display: inline-block;
}
.box-p6-bottom p{
    color: #F02D4B;
    font-family: "DM Sans Regular";
    font-size: 14px;
    letter-spacing: 0.27px;
    line-height: 18px;
    margin-right: 20px;
    display: inline-block;
    cursor: pointer;
}
.box-p6-bottom p.link-declaratie-accepted.hidden {
    display: none;
}
.box-p6-bottom p.active-doc{
    border-radius: 10px;
    background-color: #F8E1E5;
}
.box-p6-bottom{
    padding-top: 10px;
}
.ml--15{
    margin-left: -15px;
}
.disabled-btn{
    opacity: 0.4;
    pointer-events: none;
}
.space-between{
    justify-content: space-between;
}
.download-doc .text-icon-descarca{
    top: 0;
}
.download-doc{
    top: 0;
}
.link-design:hover{
    color: #fff;
}
.link-design{
    width: 200px;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    top: 2px;
    z-index: 111;
}
.cc-window.cc-banner  h2{
    font-family: "DM Sans Bold";
    font-size: 18px;
    letter-spacing: 0.42px;
    line-height: 29px;
    text-align: left;
    color: #171619;
}
.cc-window.cc-banner {
    width: 90%;
    bottom: 0;
    left: 0;
    background-color: #fff !important;
    /*display: inline-block;*/
    padding: 20px 35px;
    box-shadow: 0 0 10px 4px rgba(85,99,119,0.1);
}

.cc-banner .cc-message {
    color: #5D5D5C;
    font-family: "DM Sans Regular";
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-right: 9em;
}
.cc-compliance{
    justify-content: center;
}
.cc-dismiss:focus{
    outline: 0;
}
.cc-dismiss{
    background-color: #F02D4B !important;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    font-family: "DM Sans Bold";
    padding: 10px 24px;
    border-radius: 8px;
    position: relative;
    left: 10px;
}

.cc-link:hover{
    color:#F02D4B !important;
}
.cc-link:focus{
    outline: 0;
}
.cc-link{
    position: absolute;
    right: 75px;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    transform: translateX(-85px);
    margin-top: 8px;
    color: #F02D4B !important;
    font-family: "DM Sans Bold";
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: 35px;
}
.link-cookie:hover{
    color: #5BB4A4;
}
.link-cookie{
    color: #5BB4A4;
    text-decoration: none;
    font-family: "DM Sans Bold";
}
.self-center{
    align-self: center;
}
.row.dropdown-bottom-menu{
    width: 100%;
}
.toggle-indicator{
    cursor: pointer;
}
span.indicatori {
    margin-top: 0;
    padding-left: 20px;
    margin-bottom: 10px;
    display: inline-block;
}
.indicatori.hidden{
    display: none;
}
.arrow-down-menu3,
.arrow-down-menu-v2,
.arrow-down-menu2,
.arrow-down-menu1{
    display: none;
}
.display1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.text-menu-bottom > a{
    color: #171619;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.23px;
    line-height: 18px;
}
#contact-status-success{
    text-align: center;
}
.toggled-faq-sticky{
    position: fixed;
    top: 80px;
}
.btn-read-more i.fa-angle-down,
.btn-read-more i.fa-angle-up{
    color: #F02D4B;
    opacity: 0.4;
    font-size: 40px;
}
.btn-read-more{
    cursor: pointer;
}

ul.pagination li {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    position: relative;
    display: block;
    padding: .5rem .5rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #45BFAE;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
}
ul.pagination li.disabled {
    color: #171619;
    opacity: 0.5;
}
ul.pagination li a, ul.pagination li span {
    width: 30px;
    height: 25px;
    display: block;
    text-align: center;
    position: relative;
    top: 2px;
}
.width-content{
    width: max-content;
}
.article-link{
    color: #45BFAE;
    line-height: 16px;
    display: inline-block;
}
.created-article{
    margin: 0;
    padding: 5px 15px;
    font-size: 15px;
    color: #4fc198;
    border: 1px solid #4fc198;
    display: inline-block;
}
.vertical-align-middle{
    vertical-align: middle;
}
#ofertaModal .modal-content{
    background-color: transparent;
}
/*blackfriday*/
.title-page2 .color-red1{
    color: #F02D4B;
}
.title-page2{
    color: #fff;
    font-family: "DM Sans Bold";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.95px;
    line-height: 26px;
}
.bg-black{
    background-color: #111;
}
.color-white{
    color: #fff;
}
.pr-45{
    padding-right: 45px;
}
.title-page2 .color-b1{
    color: #00f5d6;
}
.text-c1{
    font-size: 22px;
    color: #fff;
    font-family: "DM Sans Regular";
    margin-bottom: 25px;
}
.start-btn2:hover{
    color: #fff;
    text-decoration: none;
}
.start-btn2{
    letter-spacing: 0.4px;
    color: #FFFFFF;
    background-color: #F02D4B;
    padding: 9px 70px;
    display: inline-block;
    font-size: 26px;
}
.text-reg a{
    color: #00f5d6;
    text-decoration: underline;
}
.text-reg{
    font-family: "DM Sans Regular";
    color: #fff;
    font-size: 15px;
}
.d-flex-end{
    display: flex;
    align-items: flex-end;
}
.d-flex-end .form-head{
    margin-bottom: 150px;
}
.box-accent-black .text-oferta3{
    color: #fff;
}
.box-accent-black{
    background-color: #000;
    border-radius: 15px;
}
.friday-p3{
    color: #F02D4B;
    font-size: 24px;
    text-align: center;
    font-family: "DM Sans Bold";
    margin-bottom: 0;
}
.friday2-p3 span{
    color: #F02D4B;
    font-family: 'DM Sans Bold';
}
.friday2-p3{
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 40px;
    margin-bottom: 0;
    font-family: 'DM Sans Regular';
}
.owl-friday .owl-next i {
    right: -50px;
}
.owl-friday .owl-prev i {
    left: -50px;
}
.box-accent-black .btn-box-ee,
.box-accent-black .btn-box-gaz{
    font-size: 20px;
    padding: 18px;
}
.box-accent-black .pret-estimat{
    font-size: 22px;
    margin-bottom: 22px;
}
.box-accent-black .detalii-pret .detalii-pret7{
    font-size: 14px;
    margin-bottom: 15px;
}
.box-accent-black .pret-total{
    font-size: 14px;
    margin-bottom: 5px;
}
.box-accent-black .box-price{
    font-size: 18px;
    margin-bottom: 10px;
}
.box-accent-black h3{
    font-size: 20px;
    margin-bottom: 15px;
}
.mt-35{
    margin-top: 35px;
}
.box-accent-black .offer-box-selected span.btn-box-ee, .box-accent-black .offer-box-selected span.btn-box-gaz{
    padding: 17px;
}
.text-econom span{
    font-size: 24px;
}
.text-econom{
    font-size: 18px;
    color: #F02D4B;
    font-family: 'DM Sans Bold';
    line-height: 26px;
}
.text-marked{
    position: absolute;
    background-color: #000;
    right: -30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 25px;
    overflow: hidden;
    transform: rotate(45deg);
    line-height: 16px;
}
.box-serviciu .text-marked{
    font-size: 12px;
    padding: 0 28px;
    right: -32px;
    top: 22px;
}
.btn-iframe p{
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    padding: 5px 10px;
}
.btn-iframe span{
    border-bottom: 1px solid #fff;
    padding-bottom: 1px;
}
.btn-iframe .fa-angle-left,
.btn-iframe .fa-angle-right{
    font-size: 50px;
    padding-right: 12px;
    padding-left: 12px;
}
.btn-iframe{
    position: fixed;
    left: 0;
    color: #fff;
    background-color: #F02D4B;
    text-align: center;
    border-top-right-radius: 5px;
    cursor: pointer;
    border-bottom-right-radius: 5px;
    display: flex;
    z-index: 2;
}
.box-accent-black .text-oferta3{
    display: none;
}
.box-accent .text-marked,
/*.box-accent .text-econom,*/
.box-accent .box-footer{
    display: none;
}

/*end blackfriday*/

.mt-10{
    margin-top: 10px;
}

/*Plata Admin Live*/
.group-828 {
    height: 112px;
    width: 184px;
    transform: rotate(29deg);
}
.group-813 {
    height: 180px;
    width: 184px;
    transform: rotate(-18deg);
}

span[data-color="green"] {
    color: #19DCC3;
}
span[data-color="grey"] {
    color: #516074;
}

.bg-green1 {
    border: 1px solid rgba(167,147,120,0.2);
    background-color: #ECF8F6;
}
.box-plata h3{
    flex: 0 0 100%;
    font-size: 17px;
}
.row-box-plata{
    margin-top: 40px;
    cursor: pointer;
}
.row-box-plata .col-lg-2{
    border: 0.2px solid rgba(60,131,120,0.6);
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 2px #E0F5F1;
    height: 200px;
    width: 200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    flex: 0 0 calc(16.666667% + 10px);
    max-width: calc(16.666667% + 10px);
}
.img-box-plata{
    text-align: center;
}
.mt-8{
    margin-top: 8px;
}
.text-plata {
    display: none;
}
.text-plata p{
    padding: 0 15px;
    font-size: 13px;
    letter-spacing: 0.24px;
    line-height: 22px;
    text-align: center;
    font-family: "DM Sans Regular";
    margin-bottom: 0;
}
.row-box-plata .col-lg-2:hover .box-plata{
    display: none;
}
.row-box-plata .col-lg-2:hover .text-plata{
    display: block;
}
.width-100{
    width: 100px;
}
#newsletter .input-select.not-req{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#newsletter .placeholder-floating{
    padding-left: 0 !important;
    margin-left: -5px;
}
.btn-news:focus{outline: 0;}
.btn-news{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    background-color: #F02D4B;
    border: 1px solid #fff;
}
.top--10{
    top: -10px;
}
.nav-sticky{
    position: fixed !important;
    width: 100%;
    z-index: 1111;
    top:0;
}
.opacity-0{
    opacity: 0;
}
.text-video1{
    color: #5D5D5C;
    font-family: "DM Sans Regular";
    font-size: 30px;
    letter-spacing: 0.57px;
    line-height: 30px;
    text-align: center;
    margin-top: 30px;
}
.link-account:hover{
    color: #F02D4B;
}
.link-account{
    color: #F02D4B;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
}
.top--80{
    position: relative;
    top: -80px;
}
.bg-lime{
    background-color: #19DCC3;
}
.line-height-24{
    line-height: 24px;
}
.width-fit{
    width: fit-content;
}
.title-section4{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 50px;
    letter-spacing: 0.95px;
    line-height: 65px;
    text-align: center;
}
.width-80{
    width: 80px;
}
.box-style1 .div-self{
    align-self: flex-end;
    height: 100%;
    margin-top: 40px;
}
.box-style1{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0;
}
.subtitle-h3{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 24px;
    letter-spacing: 0.46px;
    line-height: 36px;
    text-align: left;
}
.height-100{
    height: 100px;
}
.color-lime{
    color: #19DCC3;
}
.top--20{
    top: -20px;
}
.box-documente-distributie .box-documente i{
    font-size: 30px;
}
.box-documente-distributie .box-documente{
    padding: 15px;
}

/*newsletter*/

div#sib_embed_signup .needsfilled input {
    border-color: #B94A48 !important;
    color: #B94A48 !important;
}

div#sib_embed_signup .needsfilled {
    color: #B94A48 !important;
}

div#sib_embed_signup input[type="text"] {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div#sib_embed_signup input[type=number]::-webkit-inner-spin-button,
div#sib_embed_signup input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

div#sib_embed_signup input[type=number] {
    -moz-appearance: textfield;
}

div#sib_embed_signup div.message_area {
    position: relative;
    padding: 10px 30px 10px 10px;
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box;
}

div#sib_embed_signup div.message_area button.close {
    position: absolute;
    right: 8px;
    top: 8px;
    color: inherit;
    background: 0 0;
    border: 0;
    padding: 0px;
    -webkit-appearance: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

.tipicon {
    cursor: pointer;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px;
    text-decoration: none;
}

.tooltip {
    display: inline;
    position: absolute;
    left: 97%;
}

.tooltip:hover:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    color: #fff;
    content: attr(data-title);
    right: -2px;
    bottom: 26px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.tooltip_small:hover:after {
    padding: 5px 5px;
    width: 150px;
}

.tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 1px;
    position: absolute;
    z-index: 99;
}

.sib-dropdown-menu.flag-icon {
    display: none;
    height: 100px;
    overflow-x: inherit;
    min-width: 230px;
    font-size: 13px;
    list-style: none;
    padding-left: 14px;
    border: 1px solid rgba(0, 0, 0, .15);
    background: white;
    border-radius: 4px;
    margin-top: 10px;
}

.sib-dropdown-menu.flag-icon li {
    margin-bottom: 1px;
}

.sib-dropdown-menu.flag-icon li a {
    display: inline-flex;
    white-space: nowrap;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
}

.sms_field .country-block {
    margin-right: 3px !important;
    float: left;
    width: 68px !important;
}

.icon-arrow {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    margin-top: 15px;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    vertical-align: middle;
}

.sib-dropdown-toggle.country-flg {
    display: inline-block;
    font-size: 13px;
}

#sms_prefix {
    font-size: 11px !important;
}

div#sib_embed_signup .sib-container {
    background: rgb(252, 252, 252);
}

div#sib_embed_signup .sib-container h1 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div#sib_embed_signup h1.title {
    font-size: 40px;
}

div#sib_embed_signup .sib-container .forms-builder-footer,
div#sib_embed_signup .sib-container .description,
div#sib_embed_signup .sib-container .fake-label,
div#sib_embed_signup .sib-container .row,
div#sib_embed_signup .sib-container #company-name {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div#sib_embed_signup .forms-builder-footer,
div#sib_embed_signup div.description,
div#sib_embed_signup .fake-label,
div#sib_embed_signup .row {
    font-size: 15px;
}

div#sib_embed_signup .sib-container .button:focus{
    outline: 0;
}
div#sib_embed_signup .sib-container .button {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div#sib_embed_signup .button {
    font-size: 12px;
}

div#sib_embed_signup .sib-containter h1 {
    color: #232323;
}

div#sib_embed_signup .sib-container {
    color: #343434;
}

div#sib_embed_signup .sib-container .button {
    color: #ffffff;
}

div#sib_embed_signup .sib-container .button {
    background: #f02c4a;
}

div#sib_embed_signup .forms-builder-wrapper {
    max-width: 350px;
}

div#sib_embed_signup .sib-container {
    padding: 25px 15px 15px;
}

div#sib_embed_signup .header {
    padding: 0 10px;
}

div#sib_embed_signup h1.title {
    line-height: 40px;
}

div#sib_embed_signup h3.company-name {
    line-height: 20px;
}

div#sib_embed_signup div.description {
    padding: 10px 15px;
}

div#sib_embed_signup div.row {
    padding: 10px;
}

div#sib_embed_signup input[type=text] {
    padding: 8px 4px;
    width: 100% !important;
    box-sizing: border-box;
}

div#sib_embed_signup input[type=number] {
    padding: 8px 4px;
    width: 100% !important;
    box-sizing: border-box;
}

div#sib_embed_signup .tooltip {
    left: 98%;
}

div#sib_embed_signup div.message_area {
    font-size: 12px;
}

.sib-container input:focus {
    outline: #ddd auto 1px;
}
.before-line-style1:before{
    background-color: #19DCC3;
    top: 42%;
    margin-left: -20px;
    height: 44px;
    width: 35px;
}
.border-radius-7{
    border-radius: 7px;
}
.border-radius-8{
    border-radius: 8px;
}
.cursor-auto{
    cursor: auto;
}
.cursor-pointer{
    cursor: pointer;
}
.divider-p5:after{
    content: '';
    position: absolute;
    height: 1px;
    background-color: #EBE5DF;
    width: calc(100% - 75px);
    display: inline-block;
    left: 100px;
    margin-top: 11px;
}
.divider-p5{
    color: #5D5D5C;
    font-family: "DM Sans Regular";
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.23px;
    line-height: 20px;
}
.link-declaratie-accepted a{
    text-decoration: underline;
    color: #2DB7A4;
}

.link-declaratie-accepted,
.link-declaratie{
    color: #666665;
    font-family: "DM Sans Regular";
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.23px;
    line-height: 22px;
    cursor: pointer;
    text-decoration: underline;
}
.link-declaratie-accepted{
    color: #2DB7A4;
    text-decoration: none;
}
.w-32{
    width: 32px !important;
}
.mr-30{
    margin-right: 30px;
}
#modalDeclaratie .modal-content .btn-slider{
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    height: 56px;
    padding: 16px 50px;
    display: inline-block;
}
#modalHome .modal-content .close-modal:before,
#modalBlog .modal-content .close-modal:before,
#recomandaModal .modal-content .close-modal:before,
#modalDeclaratie .modal-content .close-modal:before{
    content: '\00d7';
    position: absolute;
    font-weight: 300;
    height: 33px;
    width: 33px;
    border: 0.3px solid #DDD3C9;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(56,56,56,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    top: -15px;
    right: -15px;
    color: #ccc;
    cursor: pointer;
}

#recomandaModal .modal-content p,
#modalDeclaratie .modal-content p{
    color: #5D5D5C;
    font-family: "DM Sans Medium";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.27px;
    line-height: 22px;
}
.success-referral{
    color: green !important;
}
#recomandaModal .modal-content p.invalid-email,
#recomandaModal .modal-content p.add-address,
#recomandaModal .modal-content p.copy-link{
    color: #F02D4B;
}
.disabled-btn-modal{
    opacity: 0.6;
    cursor: auto;
    pointer-events: none;
}
.form-recomanda-modal:focus{
    outline: 0;
    box-shadow: none;
}
.form-recomanda-modal{
    height: 55px;
    color: rgba(93,93,92,0.5);
    font-family: "DM Sans Regular";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 21px;
    text-align: center;
    border: 2px solid rgba(221,211,201,0.6);
    border-radius: 7px;
}
.div-email .d-flex{
    background-color: #F1EDE9;
    padding: 10px 25px;
    border-radius: 8px;
}
.w-80{
    width: 80%;
}
.link-nova, .copy-link{
    color: #171619;
    font-family: "DM Sans Regular";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 21px;
}
.copy-link{
    cursor: pointer;
}
#recomandaModal .primary-button:focus{
    outline: 0;
}
#recomandaModal .modal-content{
    padding: 30px 50px;
}
#modalBlog {
    z-index: 1111;
}
#recomandaModal .modal-lg{
    margin-top: 100px;
}
#recomandaModal .modal-content h2,
#modalDeclaratie .modal-content h2{
    color: #171619;
    font-family: "DM Sans Bold";
    font-size: 20px;
    letter-spacing: 0.38px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 25px;
}
#modalDeclaratie .modal-content{
    padding: 30px 50px;
}
#modalDeclaratie{
    top: 120px;
}

.owl-carousel-video .owl-dots{
    position: relative;
    top: -15px;
}
.owl-carousel-video .owl-dots .owl-dot.active span,
.owl-carousel-video .owl-dots .owl-dot:hover span {
    background: #5BB4A4;
}
.owl-carousel-video .owl-prev i{
    left: -20px;
}
.owl-theme.owl-carousel-video .owl-nav [class*=owl-]{
    background-color: transparent;
    cursor: default;
}
.p2-btn{
    border-radius: 40px;
    padding: 7px 30px !important;
    font-size: 18px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.div-consum h4 + input.input-select{
    margin-top: 10px;
}
.div-consum h4{
    font-size: 18px;
    margin-bottom: 0;
}
select.select-p2{
    color: #8c8686;
    font-size: 20px;
    padding: 16px;
}
.padding-15.input-select::placeholder{
    color: #8c8686;
}
.padding-15.input-select{
    color: #8c8686;
    font-size: 19px;
    padding: 15px !important;
}
.pr-50{
    padding-right: 50px;
}
.pl-20{
    padding-left: 20px;
}

.div-home-banner p{
    margin-bottom: 0;
    height: 35px;
    align-items: center;
    display: flex;
}

.div-home-banner a:hover,
.div-home-banner a{
    color: #fff;
}

.div-home-banner span{
    font-size: 10px;
    text-align: right;
    display: block;
    margin-right: 20px;
}
.div-home-banner img.w-50{
    width: 48px !important;
    margin-right: 0;
    position: relative;
    top: -5px;
    left: -5px;
}
.div-home-banner img.w-40{
    width: 40px;
    margin-right: 5px;
    position: relative;
    top: -5px;
    left: -5px;
}
.div-home-banner img{
    width: 24px;
    margin-right: 10px;
}
.div-home-banner{
    color: #fff;
}
.div-home-banner .col-md-5{
    padding: 20px 30px 7px 30px;
    border-radius: 10px;
    box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.5);
    background-color: rgba(135, 118, 98, 0.3);
    line-height: 1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.btn-c1{
    margin-top: 30px;
    display: inline-block;
}
.color-red{
    color: red;
}
.ml-60{
    margin-left: 60px;
}
.padding-0{
    padding: 0;
}
a.link-c1{
    color: #0092ff;
}
.text-ico1 img{
    margin-right: 10px;
}
.text-ico1{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.tab-afaceri.active,
.tab-acasa.active{
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.tab-afaceri,
.tab-acasa{
    width: 50%;
    cursor: pointer;
}
.column-acasa,
.column-afaceri{
    margin-top: 30px;
}
.table-c1 tr td{
    padding: 0.55rem;
}
.table-c1 tr td{
    background-color: #f2f2f2;
}
.table-c1 tr td.td-c1{
    text-align: center;
    background-color: #faebd7;
}

.custom-scrollbar{
    max-height: 450px;
    overflow-y: scroll;
    /*bottom: 20px;*/
    min-height: 380px;
}
.container-faq + footer{
    margin-top: 20px;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 10px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px grey;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #19DCC3;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #19DCC3;
}
.relative{
    position: relative !important;
}
/*Responsive*/


@media (min-width: 1200px){
    .owl-carousel-video .owl-nav i.icond-Arrow-left,
    .owl-carousel-video .owl-nav i.icond-Arrow-right{
        top: 190px;
    }
    .div-home-banner .col-md-5:first-of-type{
        position: relative;
        left: 20px;
    }
    .div-home-banner .col-md-5:last-of-type{
        position: relative;
        right: 20px;
    }
}
@media (min-width: 991px) and (max-width: 1100px) {
    .img-group1{
        right: -85px;
    }
}
@media (min-width: 991px) and (max-width: 1200px) {
    .header-bar p:first-of-type span:last-of-type{
        display: block;
    }
    #next-step3{
        display: inline-block;
    }
    #download{
        margin-left: 30px;
        top: 25px;
        text-align: left;
    }
    .div-home-banner .col-lg-4{
        flex: 0 0 38.333333%;
        max-width: 38.333333%;
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    .div-home-banner .col-md-5{
        flex: 0 0 47.666667%;
        max-width: 47.666667%;
    }
}
@media screen and (max-width: 991px) {
    .owl-oferte .item{
        margin-right: 0 !important;
        width: 100%;
    }
    .pr-lg-25{
        padding-right: 15px;
    }
    .pl-lg-25{
        padding-left: 15px;
    }
    .after-sidebar:after{
        content: none;
    }
    .label-primary {
        width: 100%;
    }
    .card-button{
        width: 150px;
    }

    .flex-m-wrap{
        flex-wrap: wrap;
    }
    .link-nova{
        overflow-wrap: anywhere;
    }
    .owl-carousel-video .owl-nav i.icond-Arrow-left,
    .owl-carousel-video .owl-nav i.icond-Arrow-right{
        top: 120px;
    }
    .slider-text{
        left: 0;
        transform: initial;
        right: 0;
        margin: auto;
        width: calc(100% - 20px);
        position: fixed;
        top: auto;
        margin-top: -55px;
        text-align: center;
    }
    .d-none-m{
        display: none !important;
    }
    .divider-p5:after{
        left: 62px;
        width: calc(100% - 37px);
    }
    .divider-p5{
        margin-left: 10px;
    }
    .d-inline-block-m{
        display: inline-block !important;
    }
    .link-declaratie{
        line-height: 15px;
        display: inline-block;
        margin-top: 15px;
    }
    #modalDeclaratie .modal-lg{
        width: calc(100% - 30px);
        margin: auto;
    }
    #modalDeclaratie .btn-slider{
        display: block;
        width: 100%;
        padding: 16px !important;
    }
    #modalDeclaratie .d-flex.space-between span{
        display: block;
        margin-top: 5px;

    }
    #modalDeclaratie .d-flex.space-between{
        display: block !important;
    }
    #modalDeclaratie{
        top: 67px;
        z-index: 11111111;
    }
    .link-account{
        font-size: 14px;
    }
    .pr-m-25{
        padding-right: 25px;
    }

/*pagina-plata*/
    .img-group1 {
        display: none;
    }

    .img-group2 {
        width: 60%;
        top: -180px;
        right: -20px;
    }

    .iframe {
        display: inline !important;
        border: none;
        height: 965px;
        max-width: 960px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        height: 967px;
    }




    /*pagina-plata*/



    .mt-m-80{
        margin-top: 80px;
    }
    .color-black1-m .index-text2{
        font-size: 16px;
        font-family: "DM Sans Bold";
    }
    .color-black1-m p{
        color: #171619;
    }
    .div-text .font-size-m-24{
        font-size: 24px;
        text-align: center;
        line-height: 32px;
    }

    .row-box-plata .col-lg-2:last-of-type{
        margin-left: calc((49% - 150px)/2);
    }
    .row-box-plata .col-lg-2{
        flex: 0 0 49%;
        max-width: 150px;
        margin-bottom: 15px;
        height: 150px;
    }
    .row-box-plata{
        margin: 0;
        margin-top: 40px;
    }
    .text-plata p{
        font-size: 10px;
        line-height: 13px;
    }

    .btn-iframe{
        top: 150px;
        z-index: 10;
        width: 100%;
        position: absolute;
    }

    .header-title {
        font-size: 16px !important;
    }

    .btn-iframe > .fa-angle-left {
        display: none;
    }

    .btn-iframe .iframe-tutorial {
        margin-left: auto;
        margin-right: auto;
    }
    .img-friday{
        background-image: url( '../../img/banners_NOVA_BF_HP_mobile.png' ) !important;
        min-height: 390px !important;
    }
    .box-serviciu .text-marked{
        right: 17%;
        font-size: 11px;
    }
    #modalTutorial iframe{
        height: 250px;
    }
    #modalTutorial{

        top: 75px;
    }
    .order-m-1{
        order: 1;
    }
    .order-m-2{
        order: 2;
    }
    .d-flex-end .form-head{
        margin-bottom: 0;
    }
    .box-oferta .text-marked{
        top: 26px;
        right: -26px;
    }
    /*end blackfriday*/
    #ofertaModal{
        top: 75px;
    }
    nav.navbar .navbar-toggler {
        position: absolute;
        left: 5px;
    }

    nav.navbar {
        display: flex;
        justify-content: center;
    }

    .bottom-nav {
        display: none;
    }

    .social-mobile a {
        margin-right: 20px;
        font-size: 20px;
    }

    .social-mobile {
        display: block;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .social {
        display: none;
    }

    .footer-ul {
        z-index: 111111;
        position: relative;
    }

    .copyright {
        margin: 0;
        padding: 10px 0;
    }

    .border-top-m {
        border-top: 1px solid #000;
    }

    .logo-footer {
        margin-bottom: 65px;
    }

    .btn-outline-slider {
        width: 30%;
        text-align: center;
        margin-right: 3%;
        padding: 14px;
        font-size: 14px;
    }

    .btn-slider {
        font-size: 14px;
        width: 67%;
        text-align: center;
        padding: 16px;
    }

    .title-section {
        font-size: 24px;
        line-height: 32px;
    }

    .title-section, .description-step {
        text-align: left;
    }

    .description-step {
        font-size: 14px;
        line-height: 22px;
    }

    h4 {
        font-size: 14px;
    }

    .box-serviciu {
        display: flex;
        flex-direction: row-reverse;
        text-align: left;
        justify-content: space-between;
        padding: 15px;
        align-items: center;
        border-radius: 3.6px;

    }

    .box-serviciu div i:first-of-type {
        margin-right: 10px;
    }

    .box-serviciu div {
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
    }

    .transformX-m {
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
    }

    .box-serviciu i {
        padding: 0;
        margin: 0;
        font-size: 32px;
    }

    .box-serviciu span {
        margin: 0;
    }

    .header-bar p:first-of-type {
        display: none;
    }

    .header-bar-mobile {
        display: flex;
        padding: 15px;
        text-align: left !important;
        position: relative;
        width: 100%;
    }

    .header-bar-mobile .bullet-bar:last-child:after {
        /*content: none;*/
    }

    .header-bar-mobile .bullet-bar:after {
        height: 2px;
        opacity: 0.3;
        background-color: #F02D4B;
        position: absolute;
        content: '';
        width: calc(28% - 6px);
        top: 0;
        margin-top: 3px;
        margin-left: 11px;
    }

    .header-bar-mobile .bullet-bar {
        width: 33%;
        display: inline-block;
    }

    .header-bar-mobile .bullet-bar:first-of-type:after {
        /*width: calc(26% - 4px);*/
        margin-left: 11px;
    }

    .header-bar-mobile .bullet-bar:first-of-type:before {
        margin-left: 0;
    }

    .header-bar-mobile .bullet-bar.active-text:before {
        opacity: 1;
    }

    .header-bar-mobile .bullet-bar:before {
        position: absolute;
        content: ' ';
        height: 8px;
        width: 8px;
        background-color: #F02D4B;
        border-radius: 50%;
        top: 0;
        margin-left: -4px;
        opacity: 0.2;
    }

    span.last-bullet-bar:before {
        position: absolute;
        content: ' ';
        height: 8px;
        width: 8px;
        background-color: #F02D4B;
        opacity: 0.2;
        border-radius: 50%;
        top: 0;
        right: 15px;
    }

    span.active-text.last-bullet-bar:before {
        opacity: 1;
    }

    .header-bar-mobile .text-header-bar {
        position: absolute;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.23px;
        line-height: 22px;
        opacity: 1;
        color: #F02D4B;
    }

    .active-text-after:after {
        opacity: 1 !important;
    }

    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .bb-m-1 {
        border-bottom: 1.6px solid rgba(93, 93, 92, 0.2);
    }

    .mt-m-15 {
        margin-top: 15px;
    }

    .switch-consum {
        font-size: 12px;
        margin-top: 15px;
        padding: 12px 24px;
    }

    .font-size-m-14 {
        font-size: 14px;
    }

    .mb-m-20 {
        margin-bottom: 20px;
    }

    .div-consum .input-placeholder h4 {
        position: relative;
        top: 10px;
    }

    .div-suprafata .slider-horizontal .slider-handle {
        width: 40px;
        height: 40px;
        top: -12px;
        margin-left: -22px;
    }

    .slider-tick, .slider-tick.in-selection {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }

    .slider.slider-horizontal .slider-track {
        height: 10px;
    }

    .slider.slider-horizontal .slider-handle.min-slider-handle::before {
        width: 40px;
        height: 40px;
        font-size: 48px;
    }

    .div-suprafata {
        padding-left: 15px;
        padding-right: 15px;
    }

    .owl-oferte {
        width: 100%;
    }

    .box-body-title i {
        font-size: 60px;
    }

    .pret-total {
        font-size: 12px;
    }

    .detalii-pret {
        color: #5BB4A4;
    }

    .detalii-pret7 {
        color: #5BB4A4;
    }

    /*blackfriday (box-accent-black)*/
    .box-accent-black .offer-box-selected span.btn-box-ee,
    .box-accent-black .offer-box-selected span.btn-box-gaz,
    .box-accent-black .btn-box-ee, .box-accent-black .btn-box-gaz,
    .btn-box-gaz,
    .btn-box-ee {
        border: 2px solid #5BB4A4;
        border-radius: 7.2px;
        font-size: 14px;
        font-weight: bold;
        background-color: #fff;
        color: #5BB4A4;
        padding: 4px 36px;
        width: 183px;
    }

    .pret-estimat {
        font-size: 24px;
    }

    .box-body-bottom, .box-body-top {
        padding: 15px;
        border: 3px solid transparent;
    }

    .title-box span {
        text-align: center;
    }

    .title-box {
        text-align: center;
        font-family: "DM Sans Medium";
    }

    .offer-box-selected {
        /*border: 3px solid #5BB4A4;*/
    }

    .box-body-title i.icond-Electricitate-pachet {
        font-size: 40px;
    }

    .box-accent-black .offer-box-selected span.btn-box-ee, .box-accent-black .offer-box-selected span.btn-box-gaz,
    .offer-box-selected span.btn-box-gaz, .offer-box-selected span.btn-box-ee {
        background-color: transparent;
        color: #fff;
        padding: 4px 36px;
        border: 2px solid #fff;
    }

    .box-signature {
        padding: 15px;
    }

    .error-canvas {
        position: relative;
        margin-top: 10px;
    }

    .div-error-signature + .text-right {
        text-align: center !important;
    }

    #signature {
        height: 200px;
        width: 100%;
    }

    #signatureModal {
        top: 80px;
        padding-right: 0;
    }

    .text-semneaza {
        line-height: 20px;
    }

    .text-pachete {
        display: flex;
        flex-wrap: wrap;
        padding-left: 15px;
    }

    .text-pachete span {
        margin-right: 0;
        width: 50%;
        text-align: left;
    }

    .box-accent {
        background-color: transparent;
    }

    .hidden-m {
        display: none;
    }

    .back-price {
        color: #5BB4A4;
    }

    .back-price7 {
        color: #5BB4A4;
    }

    .switch-consum {
        width: 49%;
    }

    .div-online .input-select {
        border: 1.6px solid rgba(221, 211, 201, 0.6);
        margin-bottom: 15px;
    }

    #step3-form .row {
        margin-bottom: 0;
    }

    select.input-select,
    .diff-gas-select + span.select2,
    .diff-city-select + span.select2,
    .city-select + span.select2 {
        margin-bottom: 15px;
    }

    .container-checkbox .text-checkbox {
        display: block;
    }

    .d-m-flex {
        display: flex;
    }

    .mb-m-30 {
        margin-bottom: 30px;
    }

    .border-m-1 {
        border-bottom: 1.6px solid rgba(221, 211, 201, 0.4);
        border-top: 1.6px solid rgba(221, 211, 201, 0.4);
    }

    .border-bottom-m-1 {
        border-bottom: 1.6px solid rgba(221, 211, 201, 0.4);
    }

    .formular-pas-4 .border-b-1 {
        display: none;
    }

    .promotion-cod {
        margin-bottom: 35px !important;
        padding-bottom: 20px;
        border-bottom: 1.6px solid rgba(221, 211, 201, 0.4);
    }

    .locatie-diferita {
        margin-top: 20px;
    }

    .div-email .input-select {
        margin-bottom: 15px;
    }

    .div-email {
        margin-top: 20px;
    }

    .link-st5 .text2-link-st5 {
        display: none;
    }

    .box-signature {
        flex-wrap: wrap;
    }

    .download-doc {
        margin-left: 32px;
    }
    .download-doc {
        margin-left: 0;
        margin-top: 25px;
        text-align: center;
        width: 100%;
    }
    #download{
        text-align: left;
        top: 0;
        margin-left: 32px;
    }
    .text-p7 {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.27px;
        line-height: 20px;
        text-align: center;
        /*padding: 0 25px;*/
        margin-bottom: 30px;
    }
    .padding-m5 {
        padding: 0 40px;
    }
    .pb-50.padding-m5{
        padding-bottom: 50px;
    }
    .logo-p7 {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .success-text-email br {
        display: none;
    }

    .success-text-email {
        font-size: 24px;
        line-height: 32px;
    }

    /* .formular-pas-7 .btn-slider {
         background-color: #5BB4A4;
         width: 100%;
     }*/

    .copyright-row p {
        text-align: center;
    }

    .copyright-row {
        z-index: 10;
        position: relative;
        border-top: 1px solid #A81F34;
    }

    .switch-right, .switch-left {
        padding: 12px 0;
    }

    .preturi-oferta {
        height: 153px;
    }

    .row-step3 {
        align-items: flex-end;
        padding-bottom: 5px;
    }

    .text-bar-bottom {
        color: #516074;
        font-size: 12px;
        letter-spacing: 0.23px;
        line-height: 16px;
        text-align: center;
        margin-bottom: 10px !important;
    }

    .desktop-hide {
        display: block;
    }

    .title-page {
        font-size: 24px;
        line-height: 32px;
    }

    .padding-m-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .btn-action {
        display: inline-block;
    }

    .row-step3 i.icond-Gaz {
        font-size: 20px;
        top: -5px;
    }

    .row-step3 i.icond-Electricitate {
        font-size: 20px;
        top: -5px;
    }

    .pret-total-ee, .pret-total-gaz {
        font-size: 14px;
    }

    .text-oferta {
        font-size: 12px;
    }

    .mb-m-10 {
        margin-bottom: 10px;
    }

    .row-step3 {
        height: auto;
    }

    .row-step3 .container {
        padding-top: 5px;
    }

    .top-nav.bg-white .logo-nav {
        margin-top: 4px;
    }
    .top-nav {
        padding: 5px 0;
        position: fixed;
        top: 0;
        z-index: 11111111;
        width: 100%;
        height: 67px;
    }
    @media (max-width: 768px) {
        .top-nav {
            position: static;
        }
    }

    .top-nav .navbar-collapse.collapse.show {
        position: fixed;
        display: block;
        width: 100%;
        background-color: #fff;
        top: 67px;
        z-index: 1111111;
        margin: 0;
        height: 100%;
        /*padding: 20px;*/
        padding-bottom: 80px;
        overflow-y: scroll;
    }

    nav a:hover, nav a {
        color: #171619 !important;
        font-size: 18px;
        font-family: "DM Sans Bold";
        letter-spacing: 0.42px;
        line-height: 22px;
    }
    
    .mobile-menu-inline {
        display: inline-block !important;
    }

    .navbar-nav a.nav-link {
        color: #171619 !important;
    }
    .nav-item.active a {
        color: #171619;
    }

    .navbar-nav {
        text-align: left;
        display: inline-block;
        width: 100%;
    }

    #toggle-menu:focus {
        outline: 0;
    }

    #toggle-menu {
        padding: 0;
        color: #fff;
    }

    .nav-link .icond-Casnici {
        display: none;
    }

    h1 {
        font-size: 24px;
        letter-spacing: 0.46px;
        line-height: 32px;
        text-align: left;
    }

    .icon-head-ee, .icon-head-gaz {
        display: none;
    }

    .header-img {
        background-position: center;
        min-height: 336px;
        /*margin-top: 67px;*/
    }

    .subtitle {
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px;
    }

    .subtitle.align-m-center{
        text-align: center;
    }

    .form-head {
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-header {
        margin-top: 25px;
    }

    .search-button {
        width: 120px;
    }

    .search-button i {
        top: 0;
        font-size: 28px;
    }

    .search-button span {
        display: none;
    }

    .margin-m-0 {
        margin: 0;
    }

    .text-m-center {
        text-align: center;
    }

    .text-icon2 {
        margin-bottom: 35px;
    }

    .before-line:before {
        content: none;
    }

    .owl-carousel-sign .col-md-4 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .owl-carousel-sign .owl-prev i {
        left: 55px;
    }

    .owl-carousel-sign .owl-next i {
        right: -5px;
    }

    .owl-carousel-sign .owl-nav i.icond-Arrow-left,
    .owl-carousel-sign .owl-nav i.icond-Arrow-right {
        top: 120px;
    }

    .box-white {
        margin: 0;
    }

    .bg-img1 {
        height: 240px;
        margin-bottom: 30px;
    }

    .primary-button {
        display: block;
        text-align: center;
    }

    .bg-img2-pj,
    .bg-img2 {
        object-fit: cover;
        background-size: cover;
        height: 180px;
        width: 100%;
        min-height: auto;
        background-position: center;
        margin-bottom: 25px;
    }
    .img-review{
        width: 100% !important;
    }
    .text-review{
        font-size: 16px;
        line-height: 24px;
    }
    .quotes-img {
        width: 95px !important;
        margin-left: 0px;
    }
    .owl-carousel-review .row{
        padding-bottom: 0;
    }
    .owl-carousel-review .owl-next,
    .owl-carousel-review .owl-prev{
        display: none !important;
    }
    .bg-color-div {
        top: 0;
        height: 100%;
    }

    .column-m-c1 h2 {
        position: absolute;
        top: 15px;
    }

    .column-m-c1 + .col-md-6 img {
        width: 185px;
    }

    .column-m-c1 + .col-md-6 {
        display: flex;
        margin-top: 90px;
        justify-content: center;
        margin-bottom: 20px;
    }

    .column-m-c1 {
        order: 2;
        position: inherit;
    }

    .icon-app {
        font-size: 10rem;
    }
    .app-logo img {
        width: 100%;
    }
    .app-logo img:first-of-type {
        margin-right: 4%;
        width: 96%;
    }



    .app-logo {
        display: flex;
        /*flex-wrap: wrap;*/
    }

    .owl-carousel-parteneri .icond-Arrow-right-slider {
        right: 0;
    }

    .owl-carousel-parteneri .icond-Arrow-left-slider {
        left: 0;
    }

    .owl-carousel-parteneri .icond-Arrow-left-slider, .owl-carousel-parteneri .icond-Arrow-right-slider {
        font-size: 15px;
    }

    .bg-elem-left,
    .bg-elem-right {
        display: none;
    }

    .d-inline-block.hidden-m,
    .align-items-center.hidden-m {
        display: none !important;
    }

    .percent-ee {
        display: none;
    }

    .line-height-m-20 {
        line-height: 20px;
    }

    .icon-ee-v {
        font-size: 10rem;
        position: relative;
        left: -65px;
    }

    .percent-ee-m span {
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0.19px;
        line-height: 16.2px;
    }

    .percent-ee-m {
        color: #5BF0D5;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0.46px;
        line-height: 16.2px;
        margin-bottom: 0;
    }

    .box-carousel div {
        flex: 0 0 100%;
    }

    .box-carousel .img-top-blog,
    .box-carousel .img-top {
        padding: 20px;
        order: 2;
    }

    .box-carousel .img-top-blog img ,
    .box-carousel .img-top img {
        width: 100%;
        border-radius: 10px;
    }

    .box-carousel .text-blog h3,
    .box-carousel .text-blog p {
        text-align: left;
    }

    .box-carousel {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
    }

    .text-info1 {
        margin-bottom: 20px;
    }

    .secondary-button {
        margin-bottom: 30px;
    }
    .card-button {
        margin-bottom: 5px;
    }
    .mt-m-20 {
        margin-top: 20px;
    }

    footer {
        padding-top: 40px;
    }

    .primary-button.hidden-m {
        display: none;
    }

    .bg-oferte h1 br {
        display: none;
    }

    .bg-oferte h1 {
        text-align: center;
    }

    .bg-oferte {
        min-height: 500px;
        margin-top: 67px;
    }

    .search-button-m i {
        top: 1px;
    }

    .search-button-m {
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 14px;
        font-family: "DM Sans Bold";
        justify-content: center;
    }

    .top-m--50 {
        top: -50px;
    }

    .mt-m-180 {
        margin-top: 180px;
    }

    .mt-m-30 {
        margin-top: 30px;
    }

    .form-control {
        color: #516074;
        line-height: 16px;
        font-size: 12px;
    }

    .btn-subbox-on {
        position: absolute;
        bottom: 0;
        padding: 5px 30px;
        margin-bottom: 10px;
    }

    .oferta img {
        width: 88px;
    }

    .oferta {
        font-size: 30px;
    }

    .text-oferta1 {
        color: #171619;
        font-size: 20px;
        letter-spacing: 0.38px;
        line-height: 20px;
    }

    .text-oferta1 + .text-content2 {
        color: #5D5D5C;
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
        margin-bottom: 65px !important
    }

    .mb-m-25 {
        margin-bottom: 25px;
    }

    .mb-m-15 {
        margin-bottom: 15px;
    }

    .mt-m-25 {
        margin-top: 25px;
    }

    .subbox-oferta .row .col-lg-6,
    .subbox-oferta .row,
    .subbox-oferta {
        margin: 0;
    }

    .box-oferta-gaz h3, .box-oferta-ee h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .box-primary {
        padding: 15px;
    }

    .pt-m-50 {
        padding-top: 50px;
    }
    #modalHome .modal-content .close-modal:before,
    #modalBlog .modal-content .close-modal:before{
        right: -5px;
    }
    .pt-m-0 {
        padding-top: 0;
    }

    .box-oferta-gaz p.bold-text.mb-25, .box-oferta-ee p.bold-text.mb-25 {
        margin-bottom: 15px;
    }

    .box-oferta-gaz p.bold-text, .box-oferta-ee p.bold-text {
        font-size: 14px;
        line-height: 21px;
    }

    .box-oferta-gaz p, .box-oferta-ee p {
        font-size: 14px;
        line-height: 21px;
    }

    .box-oferta-gaz .pret-total-subbox {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .link-tarife {
        margin-top: 10px;
    }

    .box-oferta-ee a, .box-oferta-ee h3, .box-oferta-ee p {
        margin-left: -15px;
        padding-left: 15px;
        margin-right: -15px;
        padding-right: 15px;
    }

    .subbox-oferta .row .col-lg-6:last-of-type {
        border: 0;
        border-top: 1px solid rgba(81, 96, 116, 0.2);
        padding-top: 20px;
        margin-top: 15px
    }

    .text-pachete {
        display: block;
        padding-left: 0;
    }

    .box-oferta-gaz p {
        padding-right: 0;

    }

    .btn-subbox-off-mobile {
        display: block;
        text-align: left;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .min-h-m-200 {
        min-height: 200px;
    }

    .mt-m-40 {
        margin-top: 40px;
    }

    .subtitle-section4 {
        font-size: 14px;
        line-height: 21px;
    }

    .text-ee1 {
        font-size: 14px;
        line-height: 14px;
    }

    .img-costuri {
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 10px;
    }

    .img-costuri1 {
        position: absolute;
        width: 90px;
        top: -170px;
        right: 0;
    }
    .font-size-m-20{
        font-size: 20px;
    }

    .text-m1 {
        font-size: 14px;
        line-height: 21px;
    }

    .oval-img {
        position: absolute;
        right: -100px;
        top: -110px;
        width: 120%;
    }

    .oval-img2 {
        display: none;
    }

    .top-m--60 {
        top: -60px;
    }

    .pos-m-relative {
        position: relative;
    }

    .overflow-m-hidden {
        overflow: hidden;
    }

    .mt-m-100 {
        margin-top: 100px;
    }

    .mt-m-0 {
        margin-top: 0;
    }

    .pb-m-100 {
        padding-bottom: 100px;
    }

    .btn-m-slider {
        margin: auto;
        width: calc(100% - 30px);
        margin-top: 20px;
    }

    .box-costuri {
        padding: 24px 15px;
    }

    .box-costuri p.pachet-text {
        font-size: 20px;
        line-height: 20px;
    }

    .box-costuri p i {
        font-size: 30px;
    }

    .box-costuri p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 5px;
    }

    .padding-m2 {
        padding: 6px 5px;
        color: #5BB4A4;
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 18px;
        text-align: center;
        width: 180px;
    }

    .color-m1 {
        color: #171619;
        margin-bottom: 10px;
    }

    .icon-gaz1 {
        font-size: 150px;
        top: -115px;
        width: 150px;
        transform: none;
    }

    .icond-ee {
        display: none;
    }

    .img-factura1 {
        width: 71px;
    }

    .reverse-m {
        flex-direction: row-reverse;
    }

    .reverse-m2 {
        flex-direction: column-reverse;
    }

    .font-m1 {
        font-size: 20px;
        line-height: 32px;
        text-align: center !important;
    }

    .font-m2 {
        font-size: 14px;
        line-height: 18px;
    }

    .btn-mob1 {
        height: 55px;
        width: 256px;
        align-items: center;
        display: flex;
        text-align: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .img-lib {
        float: right;
        position: relative;
        top: 22px;
    }

    .text-lib1 h3 {
        font-size: 16px;
    }

    .blog .text-lib1 p, .blog .blog-text ul li {
        font-size: 18px;
        line-height: 22px;
                margin-bottom: 15px;
        margin-top: 10px;
    }
    .pr-m-35 {
        padding-right: 35px;
    }

    .mt-m-67 {
        margin-top: 67px;
    }

    .header-h1 {
        color: #131415;
        font-size: 24px;
        letter-spacing: 0.46px;
        line-height: 32px;
    }

    .active-faq .intrebare-faq,
    .intrebare-faq {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 25px;
        display: block;
        width: 100%;
        left: 0;
        padding: 0;
    }

    .active-faq .intrebare-faq {
        color: #171619;
    }

    .active-link-faq {
        left: -7.5px !important;
        padding-left: 7.5px !important;
    }

    .img-faq-ee {
        bottom: 50px;
        width: 50%;
    }

    .toggled-faq {
        position: initial;
        width: 100%;
    }

    .text-faq {
        font-size: 14px;
        line-height: 21px;
    }

    .min-height-m-500 {
        min-height: 500px;
    }

    .subtitle-header {
        font-size: 16px;
        line-height: 22px;
    }

    .div-phone {
        flex: 0 0 100%;
        margin-bottom: 15px;
        height: 74px;
    }

    .suport-div {
        flex-wrap: wrap;
    }

    .div-phone p {
        font-size: 12px;
        line-height: 20px;
    }

    .div-phone a {
        font-size: 24px;
        line-height: 34px;
    }

    .title-m2 {
        font-size: 20px;
        line-height: 32px;
    }

    .box-primary h2 {
        font-size: 20px;
        line-height: 32px;
        padding-right: 60px;
    }

    .subtitle-section3 {
        font-size: 14px;
        line-height: 21px;
        text-align: center;
    }

    .w-m-100 {
        width: 100%;
    }

    #contact-phone-gn,
    #contact-phone-ee {
        font-size: 18px;
    }

    .text-m3 {
        font-size: 16px;
        line-height: 21px;
    }

    .contact-retele a.ml-30 {
        margin-left: 28px;
    }

    .contact-retele p i.fa-envelope-o {
        font-size: 20px;
    }

    .contact-retele p i.fa-envelope-o + a {
        position: relative;
        top: 8px;
        left: 5px;
        overflow-wrap: anywhere;
    }

    .contact-retele a, .contact-retele p {
        font-size: 14px;
        line-height: 14px;
        position: relative;
        top: 3px;
    }

    .pl-m-15 {
        padding-left: 15px !important;
    }

    .pr-m-15 {
        padding-right: 15px !important;
    }

    .min-height-m-200 {
        min-height: 200px;
        height: 200px;
    }

    .percent-ef {
        width: 56px;
        height: 34px;
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 18px;
        right: 15px;
    }

    .box-primary .text1,
    .box-primary .text2 {
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
        font-family: "DM Sans Regular";
    }

    .box-primary .text2 {
        margin-top: 10px;
    }

    .btn-how {
        font-size: 14px;
        line-height: 18px;
    }

    .subbox-primary p {
        font-size: 12px;
        letter-spacing: 0.23px;
        line-height: 16px;
    }

    .subbox-primary {
        margin-left: 15px;
        margin-right: 15px;
    }

    .title-section-m1 {
        font-size: 20px;
        letter-spacing: 0.38px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 20px;
    }

    .text-m4 {
        font-size: 14px !important;
        line-height: 21px;
    }

    .info-icon2 {
        left: -55px;
        bottom: -90px;
    }

    .info-icon1 {
        right: -100px;
        left: auto;
        top: 20px;
        overflow: hidden;
    }

    .box-info-retele {
        margin-right: 15px;
        margin-left: 15px;
    }

    .box-info-retele a {
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
        margin-bottom: 20px;
    }

    .mr-m-15 {
        margin-right: 15px;
    }

    .box-header-1 {
        position: relative;
        top: 80px;
        padding: 30px 15px;
    }

    .bg-energie-verde h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .bg-energie-verde {
        overflow: inherit;
    }

    .mt-m-200 {
        margin-top: 200px;
    }

    .text3 {
        color: #5D5D5C;
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
    }

    .row-reverse1 .col-lg-7 {
        position: relative;
        top: -60px;
        margin-bottom: -60px;
    }

    .row-reverse1 {
        flex-direction: column-reverse;
    }

    .number-box span {
        font-size: 12px;
        letter-spacing: 0.23px;
        line-height: 16px;
        left: 15px;
        bottom: -35px;
    }

    .number-box {
        background-color: transparent;
        margin-left: 0;
        box-shadow: none;
        text-align: left;
        justify-content: flex-start;
        margin-top: 40px;
    }

    .number-box-img {
        background-color: transparent;
        padding: 0;
        width: 45%;
    }

    .percent-img {
        top: 20px;
        width: 183px;
        left: auto;
        right: 40px;
    }

    .text4 {
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
        margin-bottom: 20px;
    }

    .shadow-m-0 {
        box-shadow: none;
    }

    .padding-m3 {
        padding: 0 15px;
    }

    .text-surse.top-7 {
        top: 4px;
    }

    .text-surse {
        font-size: 10px;
        letter-spacing: 0.19px;
        line-height: 13px;
    }

    .text-surse span {
        font-size: 14px;
        line-height: 18px;
    }

    .pl-m-15 {
        padding-left: 15px;
    }

    .pr-m-15 {
        padding-right: 15px;
    }

    .text-surse2 {
        font-size: 14px !important;
        line-height: 21px;
        color: #171619;
    }

    .text-surse2.text-right {
        font-family: "DM Sans Regular";
    }

    .flex-mob-row-reverse {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }

    .color-black-m1 {
        color: #171619;
    }

    .toggle-text1 {
        font-size: 16px;
        line-height: 24px;
    }

    .toggle-item2 {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .h1-terms {
        font-size: 24px;
        font-family: "DM Sans Bold";
        line-height: 32px;
        margin-bottom: 0;
        margin-top: 40px;
    }
    .div-text .divider{
        display: none;
    }
    .div-text h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .date-text {
        font-size: 14px !important;
        letter-spacing: 0.27px !important;
        line-height: 21px !important;
    }
    .div-text h3{
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
    }
    .div-text p{
        color: #171619 !important;
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
    }
    .page-text .div-text{
        height: auto;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    .effect-div-text{
        display: none;
    }
    .pt-m-20{
        padding-top: 20px;
    }

    .img-part2,
    .img-part{
        position: relative;
        height: auto !important;
        max-height: 100% !important;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
        border-radius: 8px;
    }
    .btn-link{
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
    }
    .pb-m-0{
        padding-bottom: 0;
    }
    .padding-m-0{
        padding: 0;
    }
    .text-m-left{
        text-align: left;
    }
    .title-section-m3{
        font-size: 24px;
        letter-spacing: 0.46px;
        line-height: 32px;
    }
    .icon-box2.w-40-m img,
    .icon-box1.w-40-m img{
        width: 40px;
    }
    .top-m-10{
        top: 10px;
    }
    .max-w-m-110{
        max-width: 110px;
    }
    .icon-box1 img{
        position: absolute;
        right: 15px;
        width: 35px;
        top: 0;
    }
    .icon-box1{
        position: absolute;
        right: 15px;
    }
    .text-m5{
        font-size: 16px;
        letter-spacing: 0.3px;
        line-height: 21px;
    }
    .icon-offerte,
    .icon-offerte2{
        display: none;
    }
    #form-distributie .row,
    #form-distributie .row .col-md-6:first-of-type,
    #form-contact .row,
    #form-contact .row .col-md-6:first-of-type{
        margin-bottom: 15px;
    }
    .font-m2{
        font-size: 18px;
        letter-spacing: 0.34px;
        line-height: 24px;
    }
    .box-white{
        margin-right: 30px;
        margin-left: 30px;
        padding: 35px 25px;
    }
    .owl-carousel-sign .owl-nav i.icond-Arrow-left, .owl-carousel-sign .owl-nav i.icond-Arrow-right {
        top: 85px;
    }
    .owl-carousel-sign .owl-next i{
        right: 0;
    }
    .font-m3{
        font-size: 16px;
        letter-spacing: 0.3px;
        line-height: 24px;
    }
    .img-despre4,
    .img-despre3,
    .img-despre2,
    .img-despre1{
        position: relative;
        width: 100%;
        padding: 0 15px;
    }
    .img-despre1{
        height: auto;
        max-height: 100% !important;
    }
    .padding-m4{
        padding: 0 15px;
    }
    .bg-index{
        overflow: inherit;
    }
    .bg-index h1 br{
        display: none;
    }
    .bg-index h1{
        font-size: 20px;
        letter-spacing: 0.38px;
        line-height: 28px;
        text-align: center;
    }
    .padding-13-m{
        padding: 13px;
    }
    .mt-m-150{
        margin-top: 150px;
    }
    .title-section-m2{
        font-size: 16px;
        letter-spacing: 0.3px;
        line-height: 24px;
    }
    .switch-consum{
        padding: 12px;
    }
    .oval-img3{
        right: -250px;
    }
    .oval-img4{
        display: none;
    }
    .img-est-m2{
        right: 50px;
        top: -25px;
        width: 45px;
        position: absolute;
    }
    .img-est-m{
        position: absolute;
        left: -35px;
        width: 50px;
        top: -65px;
    }
    .index-text1,.index-text3{
        font-size: 12px;
        letter-spacing: 0.23px;
        line-height: 21px;
    }
    .index-icon{
        font-size: 30px;
        letter-spacing: 0.57px;
        line-height: 24px;
    }
    .index-text2{
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
    }
    .index-icon i.icond-Electricitate{
        margin-top: 40px;
        left: -20px;
    }
    .index-icon i{
        right: -35px;
    }
    .box-step{
        box-shadow: none;
        padding: 15px;
        padding-right: 50px;
    }
    .number-img{
        right: 15px;
        left: auto;
        width: 55px;
    }
    .box-step p{
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 21px;
    }
    .icon-text-layout{
        flex-direction: row-reverse;
        flex: 0 0 100%;
        justify-content: space-between;
    }

    .energy-icon{
        position: relative;
        right: 10px;
    }

    .solar-icon,
    .energy-icon{
        margin-right: 0;
        margin-left: 30px;
    }
    .text-box-right span{
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 18px;
    }
    .text-box-right{
        font-size: 30px;
        letter-spacing: 0.57px;
        line-height: 39px;
    }
    .padding-c1{
        padding: 25px 50px 10px 50px;
    }

    .form-head-m1 {
        flex-wrap: wrap;
    }
    h1{
        margin-top: 0;
    }
    .col-header .text-icon{
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .col-header .col-md-3 i{
        font-size: 45px;
    }
    .col-header .col-md-3{
        padding: 20px 15px;
    }
    .bg-suport{
        background-position: 80%;
    }
    .cookie-sub img{
        width: 65px;
    }
    .mt-m--50{
        margin-top: -50px;
    }
    .form-home{
        width: 100%;
        padding: 15px;
    }
    .w2-m-100{
        width: 100px;
    }
    .mt-m-50{
        margin-top: 50px;
    }
    .w-m-45{
        width: 45px;
    }
    .icon-homepj{
        margin-left: -30px;
        font-size: 21px !important;
        margin-top: 12px;
    }
    .text-pj{
        font-size: 26px;
        line-height: 30px;
    }
    .text-pj .text-pj-number{
        font-size: 90px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .link-design{
        top: -35px;
    }
    .cc-window{
        width: 100%;
        background-color: #fff !important;
    }
    .cc-floating .cc-compliance>.cc-btn{
        flex: 0;
        left: 35px;
    }
    .cc-link{
        bottom: 22px;
        top: auto;
        left: 35px;
    }
    .cc-window.cc-floating{
        padding: 1em;
    }
    .cc-message{
        font-size: 15px;
    }
    .cc-message h2{
        font-size: 18px;
        font-family: "DM Sans Bold";
    }
    .color1-m{
        border-radius: 10px;
        background-color: #32DFC9;
        color: #fff !important;
        padding: 4px 12px !important;
        left: -12px;
        position: relative;
        margin-left: 20px;
    }
    .arrow-down-menu-v2.hidden,
    .arrow-down-menu2.hidden,
    .arrow-down-menu3.hidden,
    .arrow-down-menu1.hidden{
        display: none;
    }
    .arrow-down-menu3,
    .arrow-down-menu-v2,
    .arrow-down-menu2,
    .arrow-down-menu1{
        display: inline-block;
        position: absolute;
        z-index: 1;
        padding-left: 15px;
        line-height: 25px;
        padding-right: 5px;
        font-size: 28px;
        margin-top: 6px;
        right: 20px;
    }
    .fa-angle-up.arrow-down-menu1 + a{
        color: #F02D4B;
    }
    .fa-angle-up.arrow-down-menu1.hidden + a{
        color: #171619;
    }
    nav.navbar-expand-lg .navbar-nav .nav-link {
        padding: 0;
        display: inline-block;
        padding-left: 20px;
    }
    .navbar-collapse.show ul li.nav-item {
        line-height: 40px;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(81,96,116,0.2);
    }
    .level1-dropdown{
        background-color: #F5F5F5;
        padding-left: 50px;
        border-bottom: 1px solid rgba(81,96,116,0.2);
        border-top: 1px solid rgba(81,96,116,0.2);
        margin-top: 10px;
        margin-bottom: -11px;
    }
    .mb-m-40{
        margin-bottom: 40px;
    }
    .level1-dropdown a:hover,
    .level1-dropdown a{
        color: #171619;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.3px;
        line-height: 26px;
        display: block;
        padding-top: 18px;
        padding-bottom: 18px;
        border-bottom: 1px solid rgba(81,96,116,0.2);
        font-family: "DM Sans Medium";
    }
    .level3-dropdown a:last-of-type{
        border-bottom: 1px solid rgba(81,96,116,0.2) !important;
    }
    .level1-dropdown a:last-of-type{
        border-bottom: 0;
    }
    .level1-dropdown .arrow-down-menu-v2,
    .level1-dropdown .arrow-down-menu2{
        font-size: 25px;
        margin-top: 1px;
    }
    .level2-dropdown{
        /*border-left: 1.6px solid #DDD3C9;*/
        padding-left: 15px;
        /*margin-top: 5px;*/
    }
    .level2-dropdown a{
        /*color: #5D5D5C;*/
        font-size: 16px;
        letter-spacing: 0.3px;
        line-height: 26px;
        font-family: "DM Sans Regular";
    }
    .level2-dropdown .arrow-down-menu3 {
        font-size: 20px;
        margin-top: 2px;
    }
    .level1-dropdown .hidden{
        display: none;
    }
    .level2-dropdown a:hover{
        font-family: "DM Sans Regular";
        color: #5D5D5C;
        font-size: 16px;
    }
    .color-m-link i{
        color: #171619;
    }
    .color-m-link{
        color: #F02D4B !important;
    }
    .level2-dropdown.active-dropdown{
        padding-left: 0;
        border-left: 0;
    }
    .level3-dropdown{
        /*border-left: 1.6px solid #DDD3C9;*/
        /*opacity: 0.5;*/
        /*margin: 5px 0;*/
        padding-left: 12px;
    }
    .level3-dropdown a:hover,
    .level3-dropdown a{
        color: #5D5D5C;
        font-family: "DM Sans Regular";
        font-size: 14px;
        letter-spacing: 0.27px;
        line-height: 24px;
    }
    .nav-item.active .level2-dropdown a{
        /*color: #5D5D5C;*/
    }
    .d-m-block{
        display: block;
    }
    .app-logo-p7 img{
        width: 95% !important;
    }
    .app-logo-p7{
        flex-wrap: nowrap;
    }
    .mt-m--10{
        margin-top: -10px;
    }
    .link-mobile{
        display: inline-block !important;
    }
    .level1-dropdown .arrow-down-menu-v2{
        margin-top: 8px;
    }
    .download-contract{
        margin-left: 0;
        margin-top: 25px;
    }
    .justify-content-m-center{
        justify-content: center !important;
    }
}
/*rezolutie home img*/
@media screen and (max-width: 2600px) and (min-width: 1440px){
.header-img {
    background-position: center;
    min-height: 720px;
    margin-top: 0px;
    /* width: 100%; */
}
}
@media screen and (max-width: 1440px) and (min-width: 992px){
.header-img {
    background-position: center;
    min-height: 600px;
    margin-top: 0px;
}
}
@media screen and (max-width: 767px)  {
    .mt-m2-30{
        margin-top: 30px;
    }
    .pr-m-0{
        padding-right: 0;
    }
    .owl-carousel-video .owl-nav i.icond-Arrow-right{
        right: -55px;
    }
    .owl-carousel-video .owl-nav i.icond-Arrow-left{
        left: 0;
    }
    .owl-carousel-video .owl-nav i.icond-Arrow-left,
    .owl-carousel-video .owl-nav i.icond-Arrow-right{
        top: 100px;
    }
    .text-sm-center{
        text-align: center;
    }
    .icon-footer-gaz {
        right: -34%;
    }
    .icon-footer-ee {
        left: -35%;
        bottom: 0;
    }
    .pagination-blog ul li {
        display: none;
    }

    .pagination-blog ul li:first-child,
    .pagination-blog ul li:nth-child( 2 ),
    .pagination-blog ul li:nth-child( 3 ),
    .pagination-blog ul li:nth-child( 4 ),
    .pagination-blog ul li:nth-last-child( 2 ),
    .pagination-blog ul li:last-child,
    .pagination-blog ul li.active,
    .pagination-blog ul li.disabled {
        display: block;
    }
}
@media (max-width: 575px){
    .calculator .owl-item .item {
    max-width: 90vw;
}
    #recomandaModal .modal-dialog{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    #recomandaModal{
        padding: 0 15px !important;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    .modal-signature{
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 450px) and (max-width: 500px) {
    .header-bar-mobile .bullet-bar:before{
        margin-left: -2px;
    }
}

@media (max-width: 450px) {
    .header-bar-mobile .bullet-bar:after{
        width: calc(26% - 6px);
    }
}

@media (max-width: 350px) {
    .header-bar-mobile .bullet-bar:after{
        width: calc(24% - 6px);
    }
}
@media (max-width: 300px) {
    .header-bar-mobile .bullet-bar:after{
        width: calc(22% - 6px);
    }
}


#error-p3{
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}

div#sib_embed_signup .needsfilled input {
    border-color: #B94A48 !important;
    color: #B94A48 !important;
}

div#sib_embed_signup .needsfilled {
    color: #B94A48 !important;
}

div#sib_embed_signup input[type="text"] {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div#sib_embed_signup input[type=number]::-webkit-inner-spin-button,
div#sib_embed_signup input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

div#sib_embed_signup input[type=number] {
    -moz-appearance: textfield;
}

div#sib_embed_signup div.message_area {
    position: relative;
    padding: 10px 30px 10px 10px;
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box;
}

div#sib_embed_signup div.message_area button.close {
    position: absolute;
    right: 8px;
    top: 8px;
    color: inherit;
    background: 0 0;
    border: 0;
    padding: 0px;
    -webkit-appearance: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

.tipicon {
    cursor: pointer;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px;
    text-decoration: none;
}

.tooltip {
    display: inline;
    position: absolute;
    left: 97%;
}

.tooltip:hover:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    color: #fff;
    content: attr(data-title);
    right: -2px;
    bottom: 26px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.tooltip_small:hover:after {
    padding: 5px 5px;
    width: 150px;
}

.tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 1px;
    position: absolute;
    z-index: 99;
}

.sib-dropdown-menu.flag-icon {
    display: none;
    height: 100px;
    overflow-x: inherit;
    min-width: 230px;
    font-size: 13px;
    list-style: none;
    padding-left: 14px;
    border: 1px solid rgba(0, 0, 0, .15);
    background: white;
    border-radius: 4px;
    margin-top: 10px;
}

.sib-dropdown-menu.flag-icon li {
    margin-bottom: 1px;
}

.sib-dropdown-menu.flag-icon li a {
    display: inline-flex;
    white-space: nowrap;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
}

.sms_field .country-block {
    margin-right: 3px !important;
    float: left;
    width: 68px !important;
}

.icon-arrow {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    margin-top: 15px;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    vertical-align: middle;
}

.sib-dropdown-toggle.country-flg {
    display: inline-block;
    font-size: 13px;
}

#sms_prefix {
    font-size: 11px !important;
}

div#sib_embed_signup .sib-container {
    background: rgb(252, 252, 252);
}

div#sib_embed_signup .sib-container h1 {
    font-family: 'DM Sans Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div#sib_embed_signup h1.title {
    font-size: 40px;
}

div#sib_embed_signup .sib-container .forms-builder-footer,
div#sib_embed_signup .sib-container .description,
div#sib_embed_signup .sib-container .fake-label,
div#sib_embed_signup .sib-container .row,
div#sib_embed_signup .sib-container #company-name {
    font-family: 'DM Sans Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div#sib_embed_signup .forms-builder-footer,
div#sib_embed_signup div.description,
div#sib_embed_signup .fake-label,
div#sib_embed_signup .row {
    font-size: 15px;
}

div#sib_embed_signup .sib-container .button {
    font-family: 'DM Sans Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div#sib_embed_signup .button {
    font-size: 12px;
}

div#sib_embed_signup .sib-containter h1 {
    color: #232323;
}

div#sib_embed_signup .sib-container {
    color: #343434;
}

div#sib_embed_signup .sib-container .button {
    color: #ffffff;
}

div#sib_embed_signup .sib-container .button {
    background: #f02c4a;
}

div#sib_embed_signup .forms-builder-wrapper {
    max-width: 350px;
}

div#sib_embed_signup .sib-container {
    padding: 25px 15px 15px;
}

div#sib_embed_signup .header {
    padding: 0 10px;
}

div#sib_embed_signup h1.title {
    line-height: 40px;
}

div#sib_embed_signup h3.company-name {
    line-height: 20px;
}

div#sib_embed_signup div.description {
    padding: 10px 15px;
}

div#sib_embed_signup div.row {
    padding: 10px;
}

div#sib_embed_signup input[type=text] {
    padding: 8px 4px;
    width: 100% !important;
    box-sizing: border-box;
}

div#sib_embed_signup input[type=number] {
    padding: 8px 4px;
    width: 100% !important;
    box-sizing: border-box;
}

div#sib_embed_signup .tooltip {
    left: 98%;
}

div#sib_embed_signup div.message_area {
    font-size: 12px;
    order: 3;
}

.sib-container input:focus {
    outline: #ddd auto 1px;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}


.hidden{
    display: none;
}

#step3-content{
    /*background-color: red;*/
}
.owl-oferte .item:last-of-type{
    margin-right: 0;
}
.owl-oferte .item{
    margin-right: 15px;
}
.owl-oferte{
    display: flex;
    flex-wrap: wrap;
    /*centrare oferte step3*/
    margin: auto;
}
.box-oferta:last-of-type{
    margin-right: 2px;
}
#step3-content .owl-theme .owl-nav [class*=owl-]{
    background: transparent;
}

.w-400{
    width: 400px;
}

.header-title {
    font-size: 25px;
    color: #F02D4B;
    margin-top: 0px;
}

@media screen and (max-width: 991px){
    .owl-carousel-cert .box-carousel div {
        flex: none !important;
    }
    .owl-carousel-cert .box-carousel .img-top {
        margin-left: auto;
        margin-right: auto;
    }
    .div-home-banner .col-md-5 {
        padding: 20px 0 7px 30px;
    }
}

#step7-content .box-header {
    padding-top: 50px
}

.offers-title {
    font-size: 28px;
    color: black;
}

input[id*='switch-kwh-mwh-gas-conversion']{
    background-color: #5BB4A4 !important;
}

input[id*='switch-kwh-mwh-energy-conversion']{
    background-color: #5BB4A4 !important;
}


span[class*="activeEnergyConversion-kwh"] {
    color: #F02D4B !important;
}

span[class*="activegasConversion-kwh"] {
    color: #F02D4B !important;
}


/* step4 modal*/

.text-align-center {
    text-align: center;
}

div#conversionModal.modal {
    position: relative !important;
    background-color: inherit !important;
}

.modal-backdrop {
    z-index: -1 !important;
}

.ml-150 {
    margin-left: 150px;
}

.modal-header {
    border-bottom: 0px !important;
}

.modal-footer {
    border-top: 0px !important;
}

.fw700 {
    font-weight: 700;
}

.m16 {
    margin-top: -10px;
}

.m40 {
    margin-right: 40px;
    margin-left: 40px;
}

.mb8 {
    margin-bottom: 4px !important;
}

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

.text-align-right {
    text-align: right;
}

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

.mauto {
    margin-top: auto;
    margin-bottom: auto;
}

.modal-footer {
    justify-content: center !important;
}

.border-button-0 {
    border: 0px !important;
}

.modal-cell {
    height: 10px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.color-grey {
    color: grey;
}

.background-color-grey {
    background-color: lightgrey;
}

.mt10 {
    margin-top: 10px;
}

.edit-convention-button {
    border: 0;
    background-color: white;
    font-size: 1.25rem;
}

.editable-input{
    color: black !important;
}

.deactivated-save-button{
    background-color: gray !important;
}

.activated-save-button{
    background-color: #F02D4B !important;
}

.tensiune-input {
    height: 20px;
    width: 20px;
    border: 2px solid grey;
    padding: 0.5em;
    -webkit-appearance: none;
}

.tensiune-label {
    font-size: 18px;
    margin-left: 25px;
    font-weight: bold;
}

input[name="tensiune"]:checked {
    background-color: #F02D4B;
    border: 2px solid #F02D4B;
}

@media screen and (min-width: 991px) {
    .mtop{
        margin-top: -20px;
    }
}

.modifications-needed {
    color: #F02D4B !important;
}

.bold-text-title {
    font-weight: 500 !important;
}
.switch-modal .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

.switch-modal .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-modal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-modal .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-modal input:checked + .slider {
    background-color: #5BB4A4;
}

.switch-modal input:focus + .slider {
    box-shadow: 0 0 1px #5BB4A4;
}

.switch-modal input:checked + .slider + span{
    color: #F02D4B;
}

.switch-modal input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.switch-modal .slider.round {
    border-radius: 34px;
}

.switch-modal .slider.round:before {
    border-radius: 50%;
}
.switch-modal .switch .toggleEnergyConversion-kwh-location,
.switch-modal .switch .togglegasConversion-kwh-location{
    position: absolute;
    right: 45px;
    top: -7px;
    font-size: 15px;
}
.switch-modal .switch span[class*='toggleEnergyConversion-mwh-location'],
.switch-modal .switch span[class*='togglegasConversion-mwh-location']{
    left: 45px;
    position: absolute;
    top: -7px;
    font-size: 15px;
}
.owl-carousel.owl-carousel-cert .owl-stage{
    display: flex;
    align-items: center;
}

/* start update */
@media screen and (min-width: 992px) {
    .navbar-nav {
    line-height: 85px;
}
.calculator .second-nav {
    display: none !important;
}
span.card-selection {
    font-size: 16px;
    font-family: 'DM Sans Medium';
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 5px;
    padding: 0px 40px;
    min-height: 40px;
}
.oferte .box-primary {
    margin-top:-50px;
    top:-50px;
    padding: 30px 40px 30px 20px;
}
.description-step {
color: #516074;
    letter-spacing: 0px;
    font-size: 16px;
    font-family: "DM Sans Medium";
    line-height: 20px;
}
.oferte .title-icon {
    margin-top:30px;
}
.oferte .box-primary .text-content2 {
    text-align:center !important;
    position:relative;
    color: #171619;
    font-size: 20px;
    font-family: "DM Sans Bold";
    line-height: initial;
    letter-spacing: 0;
    top: 5px;
}
.subbox-oferta .row {
    padding-top:0px;
}
.oferta img {
    position: relative;
    height:69px;
}
.box-oferta-gaz h3, .box-oferta-ee h3 {
        font-size: 30px;
    font-family: 'DM Sans Medium';
    letter-spacing: 0px;
}
.box-oferta-gaz p, .box-oferta-ee p {
    color: #516074;
    line-height: 24px;
    letter-spacing: 0px;
    font-size: 16px;
    font-family: 'DM Sans Medium';
}
.box-oferta-gaz p.bold-text, .box-oferta-ee p.bold-text {
    color: #171619;
    font-size: 20px;
    font-family: "DM Sans Bold";
    letter-spacing: 0px;
    line-height:initial;
}

.logo-nav {
    height: auto;
    width: 120px;
    margin-right: 10px;
}
.logo-footer {
    height: auto;
    width: 120px;
}
.top-nav .bottom-nav {
    display:none;
}
.text-icon {
    color: #516074;
    font-size: 16px;
    font-family: 'DM Sans Medium';
    letter-spacing: 0px;
}
.title-icon {
    letter-spacing: 0px;
    line-height:20px;
}
.title-section {
    font-size: 30px;
    font-family: 'DM Sans Medium';
    letter-spacing: 0px;
}
.subtitle-section {
    color: #516074;
    font-family: "DM Sans Medium";
    font-size: 16px;
    letter-spacing: 0px;
}
.text-box {
    font-family: "DM Sans Medium";
    letter-spacing: 0px;
}
.icon-footer-gaz {
    right: 50px;
}
.icon-footer-ee {
    bottom: -88px;
}
h3 {
    font-size: 20px;
    font-family: "DM Sans Bold";
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    margin-bottom:1rem;
}
.second-nav {
    background: #fff;
    display: block !important;
    height: 50px;
    border-bottom: 1px solid rgba(0,0,0,.15);
    position: relative !important;
}
.second-nav .bottom-nav {
    top: 0;
    display:block;
    height: 50px;
}
.second-nav .bottom-nav ul li a.nav-link {
    color: #171619;
}
.second-nav .bottom-nav .dropdown-menu {
    top: -2px !important;
    border-top-color: #fff;
    border-radius: 0px 0px .25rem .25rem;
}
.second-nav .nav-link {
    padding: 0.8rem 1rem;
}
.header-img:before {
    content: "";
    background: rgba(240, 45, 75, .3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    pointer-events: none;
}
.col-header .col-md-3 {
    padding: 33px 20px 23px 20px;
}
.hidden {
    display:none !important;
}
.pb-30 {
    padding-bottom:30px;
}
.text-icon2 {
    color: #516074;
    line-height:20px;
    letter-spacing:0px;
}
section {
    padding-top: 40px;
    padding-bottom: 40px;
}
.box-white {
    padding:50px 35px;
}
.text-section {
    color: #516074;
    letter-spacing: 0px;
    font-size: 16px;
    font-family: "DM Sans Medium";
    line-height: 20px;
}
.text-title-center .text-section {
    color: #516074;
    letter-spacing: 0px;
    font-size: 16px;
    font-family:"DM Sans Medium";
    text-align:center;
    padding:0px 60px;
    line-height:20px;
}
.text-title-center {
padding-bottom:0px;
}
.text-title-center + section {
    padding-top:20px;
}
.mai-multe-info {
    padding-top:0px;
}
.certificate-home {
    padding:15px 0px;
}
.certificate-home + section .text-icon2 {
    font-size:18px;
    color:#212529;
    line-height:30px;
    letter-spacing:0.38px;
}
footer {
    padding-top: 40px;
}
.percent-ee {
    margin-bottom:30px;
}
.text-info1 {
    color: #516074;
    font-size: 16px;
    font-family: 'DM Sans Medium';
    margin-bottom:20px;
    line-height: 20px;
    letter-spacing: 0px;
}
.mai-multe-info .secondary-button {
    padding: 10px 30px;
    display: inline-block;
    width: 200px;
}
.mai-multe-info p.text-info1 {
    height: 40px;
}
.parteneri .text3 {
    font-size:18px;
    color:#212529;
    line-height:30px;
    letter-spacing:0.38px;
}
.parteneri section ul li {
    font-size: 18px;
}
.parteneri .solutii-afacere {
    margin-top:110px;
}
.contact .numar {
    font-size: 18px;
    margin-bottom: 0px;
    text-align:center;
}
.contact .suport-div {
    margin-bottom: 22px;
    justify-content: center;
}
.contact .header-img h1 {
    line-height: 35px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.contact .text-section {
    padding: 0px 40px;
    text-align:center;
}
.contact .title-contact, .distributie-gaze-naturale .title-contact {
    line-height: 26px;
    margin-bottom: 15px;
    margin-top:0px;
}
.box-retele {
    padding: 20px;
}
.contact-retele a, .contact-retele p {
    line-height:20px !important;
}
.contact .mai-multe-info {
    padding-top: 30px;
}
.despre-nova .header-img, .distributie-energie-electrica .header-img, .distributie-ee .header-img, .consultanta-afaceri .header-img, .eficientizare-energetica .header-img, .info-liberarizare-piata-gas .header-img {
    background-position: center center;
}
.despre-nova .header-img h1 {
    margin-top:110px;
}
.distributie-gaze-naturale .numar, .oferte .numar {
    font-size: 18px;
    margin-bottom: 0px;
    text-align:center;
}
.distributie-gaze-naturale .suport-div {
    margin-bottom: 22px;
    justify-content: center;
}
.distributie-gaze-naturale .header-img, .blog .header-img, .oferte-asociatii-proprietari .header-img {
    background-position: center center;
}
.intrebare-faq {
    border: 2px solid #fff;
}
.box-primary {
    top: -10px;
}
.active-link-faq {
    background: none;
    border: 2px solid #f02d4b;
    color: #171619 !important;
    border-radius: 8px 0px 0px 8px;
    border-right: 4px solid #fff;
    left: -2px;
    z-index: 52;
    position: relative;
}
.mt-120 {
    margin-top:120px;
}
.text-faq {
    margin-bottom: 10px;
    color: #7D8287;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
}
.toggled-faq {
    min-height: initial;
}
body .active-faq .intrebare-faq {
    color: #171619;
    font-size: 22px;
    font-family: 'DM SANS MEDIUM';
    line-height: 23px;
    margin-bottom: 31px;
    cursor: pointer;
    padding: 10px 20px;
}
.toggled-faq {
    position: absolute;
    right: 15px;
    top: -10px;
    width: 50%;
    border: 2px solid #f02d4b;
    padding: 20px;
    border-radius: 8px;
}
.box-carousel h3 {
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size:20px;
    min-height:43px;
}
.box-carousel p {
    color: #516074;
    letter-spacing: 0px;
    font-size: 16px;
    font-family: "DM Sans Medium";
    line-height: 18px;
}
blog h1.font-size-30 {
    line-height:40px;
    margin-bottom:25px;
}

.blog p span{
    font-family: "DM Sans Regular" !important;
}
.blog p strong span,
.blog h3,
.blog h2{
    font-family: "DM Sans Medium" !important;
    font-weight: 700 !important;
}
.blog-text ol li, .blog-text ul li, .blog-text p, .text-content {
    color: #171619;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
}
.intrebari-frecvente-ee .open-answer {
    display:block !important;
}
.sub-banner {
    margin-top: -80px;
}
}
.bg-img2 {
    background-image: url(https://vreaulanova.ro/storage/Banner_HP_Oferte_EE+GN.webp);
		}
.calculator .title-box img {
    /*width: auto !important;*/
    margin: 0 auto 10px auto;
        width: 100%;
    height: auto;
}
.tab__content p {
    color: #516074;
    line-height: 20px;
    letter-spacing: 0px;
    font-family: 'DM Sans Medium';
    font-size: 16px;
}
.icon-gaz1 {
    font-size: 150px;
    position: absolute;
    left: 114px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    top: -54px;
    transform: translateX(-88px);
}
.icon-gaz1::before {
    color: #faead7 !important;
}
.tab__label,
.tab__close {
  display: flex;
    color: #171619;
    font-size: 20px;
    font-family: "DM Sans Bold";
    font-size: 18px;
  cursor: pointer;
	background:#faead7;
}
.img-faq-gaz {
    right: 55px;
    margin-top: -70px;
    font-size: 150px;
}
.img-faq-gaz i {
    display: block;
}
.img-faq-gaz i + i {
    margin-top: 80px;
}
.img-faq-gaz i {
    display: block;
}
.img-faq-gaz i + i {
    margin-top: 80px;
}
.img-faq-gaz i:before {
    color: #defaf6 !important;
}
.box-oferta-gaz .pret-total-subbox {
    margin-left: -20px;
}
.icon-footer-gaz {
    right: 50px;
}
.icon-footer-ee {
    bottom: -88px;
}
footer .new-icon-Electricitate:before, footer .new-icon-Gaz:before {
    color: #d72540 !important;
}
.date-article {
    color: #f02d4b;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    font-family: 'DM Sans Bold';
    text-align: center;
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 991px) {
    .second-nav {
        display:none !important;
    }
}
@media screen and (max-width: 2600px) and (min-width: 1440px) {
.header-img {
    background-position: center -65px;
    min-height: 420px;
}
}
/*.nav-link-white {*/
/*    color: #fff !important;*/
/*}*/
/* stop update */

@media screen and (max-width: 991px){
.blog-text h3{
	font-size: 20px;
}
}
 
 
.blog-text ul li {
    margin-bottom: 0;
}
.blog .blog-text h2:before {
    content: "s";
    color: #f02d4b;
    background: #f02d4b;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 10px;
}
    .blog .blog-text h2 {
            font-family: 'DM Sans Regular' !important;
    font-size: 24px !important;
    position: relative;
    }
    .blog .blog-text h3,
        .blog .blog-text h3 span{
        font-family: 'DM Sans Medium' !important;

    }
    
    #myModal.modal-hidden {
        display: none !important;
    }