@font-face {
    font-family: 'DM Sans Regular';
    src: url(/themes/vreaulanova-md/assets/fonts/DMSans-Regular.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'DM Sans Medium';
    src: url(/themes/vreaulanova-md/assets/fonts/DMSans-Medium.ttf);
    font-weight: normal;
}
@font-face {
    font-family: 'DM Sans Bold';
    src: url(/themes/vreaulanova-md/assets/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: #f16722;
}
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, 0.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: #f16722 !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: #f16722;
    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: #f16722;
    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: #f16722;
    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, #f16722, #f16722);
    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); */
}
.bg-border {
    border: 1px solid rgba(241, 103, 34, 0.2); /* #F16722 at 20% opacity — subtle line */
}

.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: #f16722;
    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: #f16722;
    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(/themes/vreaulanova-md/assets/img/new/img-home2.png);
    transform: scaleX(1) !important;
}
.bg-img2 {
    background-image: url(/themes/vreaulanova-md/assets/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: #eaece9;
    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(/themes/vreaulanova-md/assets/img/recomanda-nova.jpg);
    transform: none;
}
.shadow-0 {
    box-shadow: none;
}
.header-img {
    background-image: url(/themes/vreaulanova-md/assets/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(/themes/vreaulanova-md/assets/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(/themes/vreaulanova-md/assets/img/new/PozaDistributie.png);
}
.bg-libertatea {
    background-image: url(/themes/vreaulanova-md/assets/img/new/PozaLibertatea.png);
}
.bg-img-pj {
    background-image: url(/themes/vreaulanova-md/assets/img/new/pozaHomebageB2B@3x.png);
}
.bg-misiune {
    background-image: url(/themes/vreaulanova-md/assets/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: #eaece9;
}
.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(/themes/vreaulanova-md/assets/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: #f16722;
    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 #f16722;
    color: #f16722;
    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: #f16722;
}
.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: #f16722;
    /*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: #f16722;
    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: #f16722;
    /*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 #f16722;
}
.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: #f16722;
    border: 2px solid #f16722;
}
.btn-slider:hover {
    color: #fff;
    text-decoration: none;
}
.btn-slider {
    padding: 10px 64px;
    color: #fff;
    background-color: #f16722;
}
.mr-20 {
    margin-right: 20px;
}
.error-email,
.error {
    color: #f16722;
    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: #f16722;
    /* 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(241, 103, 34, 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(241, 103, 34, 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: #f16722;
}
#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: #f16722;
    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: #f16722;
    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: #f16722;
    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: #f16722;
    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: #f16722;
}
.link-contract {
    text-decoration: none;
    color: #f16722;
    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: #f16722 !important;
}

.active7-kwh {
    color: #f16722 !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: #f16722;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
}
.link-Sesizare {
    color: #f16722;
    font-weight: bold;
    letter-spacing: 0.34px;
    line-height: 24px;
}
.link-p3:hover {
    color: #f16722;
}
.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: #f16722;
    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: #f16722;
}
.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: #f16722;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.27px;
}
span.active-text-after + span.arrow-bar {
    color: #f16722;
    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: #f16722;
    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: #f16722;
}

.download-doc span.icond-Descarca {
    color: #f16722;
    font-size: 45px;
    display: flex;
    float: left;
    position: relative;
}
.download-doc .text-icon-descarca {
    color: #f16722;
    font-size: 18px;
    font-family: 'DM Sans Bold';
    letter-spacing: 0.34px;
    line-height: 24px;
    position: relative;
    top: 10px;
}
.download-doc {
    color: #f16722;
    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: #f16722;
}
.download-draft {
    color: #f16722;
    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: #f16722;
}
.adaugare-locatie {
    padding: 10px;
    cursor: pointer;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 21px;
    color: #f16722;
}
.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: #f16722;
    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: #f16722;
}
.after-sidebar:after {
    content: '';
    position: absolute;
    height: calc(100% - 175px);
    background-color: #f16722;
    width: 2px;
    top: 60px;
    left: 0;
    opacity: 0.3;
}

.text-sidebar-blog {
    margin-bottom: 0;
    height: 40px;
    font-size: 24px;
    text-align: center;
    color: #f16722;
    position: relative;
    top: -10px;
}
a.text-sidebar-blog i {
    position: relative;
    top: -5px;
}
a.text-sidebar-blog:hover {
    color: #f16722;
}
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: #f16722;
    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(/themes/vreaulanova-md/assets/img/new/PozaSolutiiEficientizare.png);
}
.bg-parteneri {
    background-image: url(/themes/vreaulanova-md/assets/img/new/parteneri.png);
}
.bg-energie-verde {
    background-image: url(/themes/vreaulanova-md/assets/img/new/pozaEnergieVerde.png);
}
.bg-oferte {
    background-image: url(/themes/vreaulanova-md/assets/img/new/pozaOferte.png);
}
.bg-contact {
    background-image: url(/themes/vreaulanova-md/assets/img/new/pozaContact.png);
}
.bg-suport {
    background-image: url(/themes/vreaulanova-md/assets/img/new/PozaSuport.png);
}
.bg-costuri {
    background-image: url(/themes/vreaulanova-md/assets/img/new/PozaIntelegeCosturile.png);
}
.bg-index {
    background-image: url(/themes/vreaulanova-md/assets/img/new/PozaIndex.png);
}
.bg-despre {
    background-image: url(/themes/vreaulanova-md/assets/img/new/pozaDespreNoi.png);
}
.bg-asociatii {
    background-image: url(/themes/vreaulanova-md/assets/img/new/pozaAsociatii.png);
}
.bg-compensare {
    background-image: url(/themes/vreaulanova-md/assets/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: #f16722;
    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: #f16722;
    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: #f16722;
    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: #f16722;
}
.download-contract {
    color: #f16722;
    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: #f16722;
}

.download-contract span.icond-Descarca {
    color: #f16722;
    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: #f16722;
    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: #f16722;
    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: #f16722;
}
.text-icon-descarca {
    color: #f16722;
    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: #f16722;
    outline: 0;
}
.btn-save-email,
.btn-save-sig {
    color: #f16722;
    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: #f16722;
}
.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: #f16722;
}
.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: #f16722;
    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: #f16722;
    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: #f16722 !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: #f16722 !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: #f16722 !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: #f16722;
    opacity: 0.4;
    font-size: 40px;
}
.btn-read-more {
    cursor: pointer;
}

ul.pagination li {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    position: relative;
    display: block;
    padding: 0.5rem 0.5rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #f16722;
    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: #f16722;
    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: #f16722;
}
.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: #f16722;
    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: #f16722;
    font-size: 24px;
    text-align: center;
    font-family: 'DM Sans Bold';
    margin-bottom: 0;
}
.friday2-p3 span {
    color: #f16722;
    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: #f16722;
    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: #f16722;
    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: #f16722;
    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: #f16722;
}
.link-account {
    color: #f16722;
    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, 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, 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: #f16722;
}
.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: #f16722;
}
.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('/themes/vreaulanova-md/assets/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: #f16722;
        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: #f16722;
        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: #f16722;
        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: #f16722;
    }

    .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: #f16722;
        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: #f16722;
    }
    .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: #f16722 !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, 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, 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: #f16722;
    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: #f16722 !important;
}

span[class*='activegasConversion-kwh'] {
    color: #f16722 !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: #f16722 !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: #f16722;
    border: 2px solid #f16722;
}

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

.modifications-needed {
    color: #f16722 !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: 0.4s;
    transition: 0.4s;
}

.switch-modal .slider:before {
    position: absolute;
    content: '';
    height: 21px;
    width: 21px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.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: #f16722;
}

.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, 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 0.25rem 0.25rem;
    }
    .second-nav .nav-link {
        padding: 0.8rem 1rem;
    }
    .header-img:before {
        content: '';
        background: rgba(241, 103, 34, 0.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 #f16722;
        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 #f16722;
        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(/themes/vreaulanova-md/assets/img/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: #f16722 !important;
}
.date-article {
    color: #f16722;
    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;*/
/*}*/

/* Fix navbar responsiveness la ecrane medii (992px-1399px) */
@media screen and (min-width: 992px) and (max-width: 1399px) {
    /* Top nav - prevent wrapping */
    .navbar-collapse {
        flex-wrap: nowrap;
    }
    .navbar-nav {
        flex-wrap: nowrap;
        white-space: nowrap;
        line-height: 65px;
    }
    nav.navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 6px;
        font-size: 16px;
    }
    .navbar-brand {
        margin-right: 8px;
    }
    .logo-nav {
        width: 100px;
        margin-right: 5px;
    }
    .color1-m {
        padding: 3px 8px !important;
        margin-left: 10px;
        font-size: 16px !important;
    }
    .nav-item a i.icond-Casnici {
        margin-right: 5px;
    }
    /* Active item - proportional */
    .nav-item.active {
        display: flex;
        align-items: center;
        align-self: stretch;
    }
    /* Second nav (submeniu) - prevent overflow */
    .second-nav .nav-link {
        padding: 0.8rem 0.5rem;
        font-size: 16px;
    }
    .second-nav .bottom-nav ul {
        margin-left: 0;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .second-nav .bottom-nav ul li a.nav-link {
        font-size: 16px;
    }
    .bottom-nav ul {
        margin-left: 0;
    }
}
@media screen and (min-width: 1400px) {
    nav.navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 12px;
    }
}
#mobileapp .app-store-logo + br + .app-logo {
    display: none;
}

/* stop update */
@media screen and (max-width: 600px) {
    .app-store-logo + br + .app-logo {
        margin-bottom: 20px;
    }
    .blog-listing {
        display: block;
    }
}

@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: #f16722;
    background: #f16722;
    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;
}
/* Redesign 2026 — homepage overrides */
/* Hero: match banner aspect (1920x550) on desktop so full image shows (was 70vh, cropped on wide screens) */
@media (min-width: 769px) {
    #hero-slider,
    #hero-slider .hero-slider-item {
        height: 28.65vw !important;
    }
}
/* Hero mobile: match mobile banner aspect (550x600) so full image shows (was 70vh, cropped) */
@media (max-width: 768px) {
    #hero-slider,
    #hero-slider .hero-slider-item {
        height: 109.09vw !important;
    }
}
/* "Semnează contractul" section — gray #EAECE9 background (design) + orange #F16722 accents (aligned to PROD) */
.section-blue {
    background-color: #eaece9;
}
.section-blue .title-section {
    color: #f16722;
}
.section-blue .primary-button {
    background-color: #f16722;
    border-color: #f16722;
}
.section-blue .primary-button:hover {
    background-color: #d4541a;
}
.section-blue .box-white {
    box-shadow: 0 0 10px 4px rgba(85, 99, 119, 0.1);
}
/* "Energie verde" section — orange #F16722 (was teal #5BF0D5) */
.bg-img33 .icond-Energie-verde:before {
    color: #f16722;
}
.bg-img33 .percent-ee,
.bg-img33 .percent-ee-m {
    color: #f16722;
}
.bg-img33 .percent-ee span {
    border-left-color: #f16722;
}
/* Top action icons — orange circle #F16722 + white symbol #FFF (aligned to LIVE) */
.col-header .icond-Plateste .path1:before,
.col-header .icond-Descarca .path1:before,
.col-header .icond-Consum .path1:before,
.col-header .icond-Index .path1:before {
    color: #f16722;
    opacity: 1;
}
.col-header .icond-Plateste .path2:before,
.col-header .icond-Descarca .path2:before,
.col-header .icond-Descarca .path3:before,
.col-header .icond-Consum .path2:before,
.col-header .icond-Consum .path3:before,
.col-header .icond-Index .path2:before {
    color: #fff;
}
/* "Vrei să afli mai multe" secondary buttons — orange #F16722 (was teal #45BFAE) */
.mai-multe-info .secondary-button {
    border-color: #f16722;
    color: #f16722;
}
.mai-multe-info .secondary-button:hover {
    background-color: #f16722;
    color: #fff;
}
/* Blog cards section — orange background matching the footer (was bg-gray1) */
.bg-orange {
    background-color: #f16722;
}
/* "Citește toate articolele" link — white on the orange section (was orange, invisible) */
.bg-orange .link-contract {
    color: #fff;
}
/* "Descoperă ofertele" banner — track image aspect (1371x750) so the full image shows at any width (was fixed 500px, cropped on desktop & mobile) */
.bg-img2.min-height-500 {
    min-height: 0;
    height: auto;
    aspect-ratio: 1371 / 750;
}
/* Blog listing sections — gray #EAECE9 (aligned to PROD) */
.blog .bg-gray1 {
    background-color: #eaece9;
}
.blog-categ .bg-gray1 {
    background-color: #eaece9;
}
/* Contact: "Unde ne poți contacta" maps section — gray #EAECE9 (was cream bg-gray1) */
.contact .bg-gray1 {
    background-color: #eaece9;
}
/* Transmitere index: "Vrei să afli mai multe" section — gray #EAECE9 (was cream bg-gray1) */
.transmitere-index .bg-gray1 {
    background-color: #eaece9;
}
/* Transmitere index hero: dedicated mobile banner (square 600x600) */
@media (max-width: 768px) {
    .transmitere-index .header-img {
        background-image: url(/themes/vreaulanova-md/assets/img/new/PozaIndex-mobile.png);
    }
}
/* Plata online — blue accents #1700FF per mockup (EuPlătesc form is an external iframe, unstyleable) */
.plata-online .bg-green1 {
    background-color: #fff;
}
.plata-online .btn-read-more {
    background-color: #1700ff;
    border-color: #1700ff;
}
.plata-online .row-box-plata .col-lg-2 {
    border: 1.5px solid #eaece9;
    box-shadow: 0 0 10px 4px rgba(85, 99, 119, 0.1);
}
.plata-online .link-c1 {
    color: #1700ff;
}
/* Homepage video — responsive 16:9 YouTube embed (aligned to PROD) */
.video-frame {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 10px;
    overflow: hidden;
}
.video-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* Contact hero: dedicated mobile banner (square 600x600) */
@media (max-width: 768px) {
    .bg-suport {
        background-image: url(/themes/vreaulanova-md/assets/img/new/PozaSuport-mobile.png);
    }
}