/* --------------------------- */
/* Myriad Pro - Light */
/* --------------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-LightIt.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* --------------------------- */
/* Myriad Pro - Regular */
/* --------------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-It.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* --------------------------- */
/* Myriad Pro - Semibold */
/* --------------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-SemiboldIt.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* --------------------------- */
/* Myriad Pro - Bold */
/* --------------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-BoldIt.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* --------------------------- */
/* Myriad Pro - Black */
/* --------------------------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro/MyriadPro-BlackIt.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


@font-face {
  font-display: swap;
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fontawesome/fa-brands-400.eot");
  src: url("../fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.woff") format("woff"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/fontawesome/fa-light-300.eot");
  src: url("../fonts/fontawesome/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-light-300.woff2") format("woff2"), url("../fonts/fontawesome/fa-light-300.woff") format("woff"), url("../fonts/fontawesome/fa-light-300.ttf") format("truetype"), url("../fonts/fontawesome/fa-light-300.svg#fontawesome") format("svg"); }

.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/fontawesome/fa-regular-400.eot");
  src: url("../fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/fontawesome/fa-solid-900.eot");
  src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; }

.fa, .fas, .far, .fal, .fab, .far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    /*display: inline-block;*/
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-heart:before {
  content: "\f004"; }

.fa-envelope:before {
  content: "\f0e0"; }
.fa-phone-volume:before {
  content: "\f2a0"; }
.fa-clock:before {
  content: "\f017"; }
.fa-map-marker-alt:before {
  content: "\f3c5"; }
.fa-facebook-f:before {
  content: "\f39e"; }
.fa-twitter:before {
    content: "\f099";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-linkedin-in:before {
  content: "\f0e1"; }
.fa-times-circle:before {
  content: "\f057"; }
.fa-instagram:before {
  content: "\f16d"; }
.fa-angle-up:before {
  content: "\f106"; }
.fa-angle-left:before {
  content: "\f104"; }
.fa-youtube:before {
  content: "\f167"; }

  .fa-tiktok:before {
  content: "\e07b"; }

.fa-angle-right:before {
  content: "\f105"; }
.fa-dot-circle:before {
  content: "\f192"; }
.fa-comment:before {
  content: "\f075"; }
.fa-shopping-cart:before {
  content: "\f07a"; }
.fa-user:before {
  content: "\f007"; }
.fa-search:before {
  content: "\f002"; }
.fa-times:before {
    content: "\f00d";
}
.fa-bars:before {
  content: "\f0c9"; }
.fa-angle-down:before {
    content: "\f107";
}
.fa-home:before {
  content: "\f015"; }
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-check:before {
  content: "\f00c"; }
.fa-google:before {
  content: "\f1a0"; }
.fa-eye:before {
  content: "\f06e"; }
.fa-eye-slash:before {
  content: "\f070"; }
.fa-undo:before {
  content: "\f0e2"; }
.fa-window-close:before {
  content: "\f410"; }
.fa-minus:before {
  content: "\f068"; }
.fa-plus:before {
  content: "\f067"; }
.fa-phone:before {
  content: "\f095"; }
.fa-barcode:before {
    content: "\f02a";
}
.fa-paper-plane:before {
  content: "\f1d8"; }
.fa-certificate:before {
    content: "\f0a3";
}
.fa-angle-up:before {
  content: "\f106"; }
.fa-pinterest:before {
  content: "\f0d2"; }
.fa-hand-point-up:before {
  content: "\f0a6"; }
.fa-angle-double-right:before{content:"\f101"}
.fa-angle-double-left:before{content:"\f100"}
.fa-check:before { content: "\f00c"; }
.fa-file-edit:before { content: "\f31c"; }
.fa-thumbs-down:before { content: "\f165";font-size:30px; }
.fa-thumbs-up:before {  content: "\f164";font-size:30px; }
.fa-external-link-alt:before { content: "\f35d"; }
.fa-edit:before {content: "\f044"; }
.fa-trash-alt:before { content: "\f2ed"; }
.fa-comment:before { content: "\f075"; }
.fa-twitter:before {  content: "\f099"; }
.fa-linkedin:before {  content: "\f08c"; }
.fa-whatsapp:before {  content: "\f232"; }
.fa-box:before { content: "\f466"; }
.fa-truck:before {  content: "\f0d1"; }
.fa-file-pdf:before {  content: "\f1c1"; }
.fa-file-alt:before {
  content: "\f15c"; }
.fa-spinner:before {
  content: "\f110"; }
.fa-bell:before {
  content: "\f0f3"; }
.fa-play:before {
  content: "\f04b"; }
.fa-play-circle:before {
  content: "\f144"; }
.fa-arrow-right:before {
  content: "\f061"; }
.fa-whatsapp:before {
  content: "\f232"; }
.fa-angle-left:before {
  content: "\f104"; }
.fa-chevron-down:before {
  content: "\f078"; }
.fa-chevron-up:before {
  content: "\f077"; }
.fa-angle-right:before {
  content: "\f105"; }
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.fa-location-arrow:before{content:"\f124"}
.fa-location-arrow{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}

/************** COOKIES ****************/

button#ihavecookiesBtn {
    margin-left: 0px !important;
}
#gdpr-cookie-message {
    position: fixed;
    z-index: 999;
    left: 0px;
    bottom: 0px;
    background-color: #fff;
    padding: 10px 20px 10px 20px;
    box-shadow: 0 6px 6px 12px rgba(0,0,0,0.25);
}
#gdpr-cookie-message h4 {
    color: #404040;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #6A6A6A;
    font-size: 14px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0; 
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #404040;
    text-decoration: underline;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: #404040;
    border-bottom-color: #404040;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    /* background: var(--green); */
    background-color: #404040;
    color: white;
    font-size: 13px;
    padding: 7px;
    border-radius: 0px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
    /* color: #75601f; */
}

#gdpr-cookie-message button:hover {
    background: #404040;
    color: #fff;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    /* background:var(--info); */
    color: #fff;
    background-color: #595959;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
    border:1px solid #ccc;
}
/************** COOKIES ****************/
body{
	   font-family: 'Myriad Pro', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.75em;
  	color:#484745;
}
* {
    outline: none !important;
}
.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input:focus {
    box-shadow:none !important;
}

a{
    text-decoration: none;
    color: #232f3e;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .5px;
}
a:hover{
   text-decoration: none;
   color: #404040;
   transition: color 0.3s ease, color 0.3s ease;
}
* {
    outline: none !important;
}
.contentPage a, .contentPage a:hover{
    color:#d50303;
}
input:focus {
    box-shadow:none !important;
}
header{
	background-color:#F4F4F5;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}
header {
    background-color: #ffffff;
}
.samelivr{
    line-height: 1.5;
}
#cerereoferta-form .select2-container .select2-selection--single{
    height: 38px;
}
#cerereoferta-form .select2-container--default .select2-selection--single .select2-selection__rendered 
{
    line-height:36px;
}
.titlePort{
    font-weight: 600;
    line-height: 1.1;
}
.smallLine{
    border-top: 2px solid #504e4e;
}
.smallLineBottom{
    border-bottom: 2px solid #504e4e;
}
#portofoliuPage p,
#portofoliuPage ul li{
    font-size:18px;
}
#portofoliuPage p, 
#portofoliuPage h3,
#portofoliuPage ul li  {
    color:#5b5959;
}
.descriereProdus p, .descriereProdus a, .descriereProdus a:hover{
    font-size: 18px;
    line-height: 1.3;
}
.descriereProdus a{
    color:#d50303;
}
.fzsize24{
    font-size: 24px !important;
}
.mainmenu{
    display: flex;
    align-items: flex-end;
    position: relative; 
    overflow: visible;
}
.catTitle{
    font-size:22px !important;
}
.bgH{
    background-color:#e2e2e2
}
.fz20_28{
    font-size: clamp(1.25rem, 0.79rem + 1.28vw, 1.75rem);
}
.recW{
    background-color: #ebebeb; 
    border-radius: 6px;
    width:100%
}
.twoColumns{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) ;
}
.recW .content{
    -webkit-line-clamp: none !important;
    height: auto !important;
}
.nameServ{
    min-height:115px !important;
}
.descCat{
    color: #504e4e;
    font-weight: 700;
    font-size: clamp(1.25rem, 0.3875rem + 2.4vw, 2.1875rem);
}
/* Zona gri */
.angled-bg {
    position: relative;
    overflow: visible;
    width: 83%;
    z-index:2;
    padding-left: 28px;
}

.angled-bg::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    right: -55px; 
    bottom: 0;
    background-color: #e3e2e3;
    clip-path: polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%);
    z-index: 0; /* în spatele conținutului */
}
.grecaptcha-badge{
    opacity: 0;
}
/* Logo */
.angled-bg img {
  position: relative;
  z-index: 3;
}
 
/* Zona roșie */
.red-bg {
  flex-grow: 1;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d50303;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  position: relative;
  z-index: 1; /* mai mic decât griul, va sta sub el */
  width:17%;
}

.btnOffer{
    position: relative;
      z-index: 2; /* butonul peste tot */
      background-color: transparent;
      color: #fff;
      border: none;
      font-weight: bold;
      padding: 10px 25px;
      border-radius: 8px;
      cursor: pointer;
      font-weight:700;
      font-size: 24px;
      padding-left: 25%;
}
.btnOffer:hover, .btnOffer:active, .btnOffer:focus{
    color:#fff !important;
}
.fz18{
    font-size:18px;
}
header .social-media li .tiktok {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background-color: #dc0e0e;
    text-align: center;
    transition: .6s;
    padding: 5px 5px;
    margin-right: 7px;
    color: #fff; 
}
header .social-media li .facebook {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #dc0e0e;
    text-align: center;
    transition: .6s;
    padding: 10px 5px;
    margin-right: 7px;
    color: #fff;
    line-height: 0.8;
}
header .social-media li .prod {
    position: relative;
    display: block;
    border-radius: 50px;
    background-color: #dc0e0e;
    text-align: center;
    transition: .6s;
    padding: 5px 20px;
    margin-right: 7px;
    font-weight: 600;
    color: #fff;
}
header .social-media li .facebook:hover, 
header .social-media li .tiktok:hover,
header .social-media li .prod:hover {
    background-color: #c10707;
    color:#fff; 
}
header .social-media{
    padding-left: 40px;
}
header .mainmenu .nav-link{
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.linkTop{
    font-size: 16px;
    font-weight: 700;
}
.boxTelefon{
    line-height: 1.1;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: -25px;
}
.boxTelefon a{
    font-weight:700;
}
.boxTelefon span{
    font-size:18px;
}
header .logo{
	max-height: 145px;
    max-width:340px;
}
h2{
    font-size: 28px;
    font-weight: 600; 
}
footer .logo{
	max-height: 100px;
}
a {
	transition: color 0.3s ease;
}
@-webkit-keyframes heading-move {
  0% {
    transform:translateX(-1px)
  }
  50% {
    transform:translateX(85px)
  }
  100% {
    transform:translateX(-1px)
  }
}
@keyframes heading-move {
  0% {
    transform:translateX(-1px)
  }
  50% {
    transform:translateX(85px)
  }
  100% {
    transform:translateX(-1px)
  }
}
 
.back-to-top {
    z-index: 99999;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #d50303;
    font-size: 20px;
    line-height: 40px;
    top: auto;
    left: auto;
    right: 11px;
    bottom: 6px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #d50303;
    border-radius: 2px;
    text-align: center;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    display: none
}
.back-to-top:hover {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000
}
.help-block{
    color:#d50303;
}
.content_ct {
/*    min-height: 175px;*/
/*    width: 95%;*/
    position: relative;
    margin: 10% 9% 10% 9%;
}
.contentslider{
    color: #fff;
}
.contentslider h2{
    font-size: clamp(1.5rem, 1.155rem + 0.96vw, 1.875rem);
}
.contentslider p{
    font-size: clamp(1.375rem, 1.26rem + 0.32vw, 1.5rem);
    font-weight: 500;
    line-height:1.2;
}
.contentslider hr{
    max-width: 350px; 
}
.contact-menu{
    background-color: #f3be10;
    min-height: 52px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.txtShadow{
    text-shadow: 0 0px 33px #ffb983;font-size: 20px;
}
.carouseltop .owl-theme .owl-dots {
    margin-top: -50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.carouseltop .owl-theme .owl-dots .owl-dot.active span, .carouseltop .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffc300;
}
.carouseltop .owl-theme .owl-dots .owl-dot span, .carouseltop .owl-theme .owl-dots .owl-dot span {
    background: #fff;
}
.carouseltop .item{
    /* min-height:400px !important; */
  /* background-position:50% 50%; */
  background-position:100%;
  -webkit-background-size:cover;
  background-size:cover;
  -webkit-backface-visibility:hidden;
}
.carouseltop .fal{
    font-size: 24px;
    font-weight: 800;
}
.carouseltop .fa-angle-left {
  padding-top:0px !important; 
}
.carouseltop .fa-angle-right {
  padding-top:0px !important;
}
.carouseltop .owl-theme .owl-nav [class*="owl-"] {
  border-radius: 0px !important;
}
.carouseltop .owl-next{
  top:38%;
  position:absolute;
  right:15px;
  /* opacity: 0.8; */
  width: 42px;
  height: 42px;
  opacity: 0.9;
  background: #ffc300 !important;
  color:#fff;
  font-size:36px;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}
.carouseltop .owl-next:hover{
    background: #fff !important;
    color: #61594e !important;
}
.carouseltop .owl-prev:hover{
    background: #fff !important;
    color: #61594e !important;
}
.carouseltop .owl-prev{
    top:38%;
    width: 42px;
    height: 42px;
    opacity: 0.9;
    position:absolute;
    left:15px;  
    background: #ffc300 !important;
    color: #fff;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;

}
.carouseltop .owl-prev i,.owl-next i{
    margin-top:5px;
}
.carouseltop .owl-theme .owl-nav{
    margin-top:0px;
}
.customMargin{
  margin:0px 100px
}
.max-width-1{
    max-width:1200px;
}
.casa-circle .thumbnail_ico_casa {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*text-align: left;*/
    overflow: visible;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ed1c24;
    cursor:pointer;
}
.thumbnail_ico_casa {
    position: absolute;
    overflow: hidden;
    display: block;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    text-align: center;
    z-index: 1;
    color: inherit!important;
    text-decoration: none!important;
    background-color: #acacac;
}
#recenzii .content{
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 114px;
    word-break: break-word;
}
#recenzii .content p{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    color: #737171;
    margin-bottom:0px;
    font-style: italic;
}
.owl-dots .owl-dot:hover span {
    background: #ed1c24;
}
nav .dropdown-menu{
    background-color:#e3e2e3;
}

#recenzii .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #f3c6c9;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s 
ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
#recenzii .owl-nav{
    display:none;
}
#recenzii{
    text-align:center;
}
#recenzii .owl-dots{
    display: inline-flex
}
.casa-circle {
    border: 0 transparent;
}
.lh {
    line-height: 1.1;
}
.casa-circle .user-avatar-sm {
    width: 54px;
    font-size: 18px;
}
.casa-circle {
    display: inline-block;
    width: 85px;
    font-size: 14px;
    position: relative;
    z-index: 0;
    padding: 0;
    /* margin: 0; */
    line-height: 1.42857;
    color: #000;
    font-weight: bold;
    vertical-align: middle;
    margin: 0 auto;
    display: block;
}
.casa-circle:before {
    content: '';
    padding-bottom: 100%;
    display: block;
}
.casa-circle .thumbnail_ico_casa:hover {
    background-color: #ed1c24;
}
.thumbnail_ico_casa a img {
    transition: all 0.3s ease; /* efect de tranziție */
}
.boxcasa_app{
  max-width: 1165px;
    margin: 0 auto;
}
.boxcasa_app p{
  color:#5b5959;
  font-weight:700;
}
.lineAfteR{
  display: inline-block;
    border-bottom: 6px solid #d50303;
    padding-bottom: 5px;
    width: 135px;
    font-size: 22px;
    color: #d50303;
    font-weight: 700;
}
.boxServiciu{
    width: 30%; 
    flex: 0 0 auto;
    margin: 15px;
}
.btnRed{
  background-color: #d50303;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border-radius: 40px;
    max-width: 190px;
    line-height: 1;
}
.btnRed:hover,.btnRed:active, .btnRed:focus{
  background-color: #c10707;
    color: #fff;
}
.bg1{
  background-color: #f1f0f0;
}
.middle img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.middle {
    position: relative;
    height: 135px;
}
.square {
    margin: 0 auto;
    width: 135px;
    position: relative;
    overflow: hidden;
}
.badgeExp{
    background-color:#d50303;
    font-weight:900;
    color:#fff;
    line-height: 0.6;
    padding: 10px;
    font-size: 32px;
    max-width:177px;
    border-radius:7px;
    bottom: 32px;
    right: 15px;
}
.badgeExp span{
    font-size: 20px;
    font-weight:600;
}
.btnAllReview{
    background-color: #d50303;
    color:#fff;
     border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-weight: 600;
    font-size: 18px;
    max-width: 185px !important;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 56px;
    padding: 5px 16px;
    border:0px;
}
.btnAllReview:hover,.btnAllReview:active, .btnAllReview:focus{
    background-color:#c10707 !important;
    color:#fff !important;
}
.btnAllReview i{
    font-size:40px;
}
.customH2{
    color:#5b5959;
    font-size: clamp(22px, 0.6275rem + 2.08vw, 35px);
    font-weight:800;
}
.customH2 span{
    color:#d50303;
    font-size:clamp(1.5rem, 0.7525rem + 2.08vw, 2.3125rem);
}
.h1Red{
    font-size: clamp(22px, 0.34rem + 2.88vw, 40px);
    color:#d50303;
}
.recenzii{
    background-color:#ebebeb;
    border-radius: 6px;
}
.recenzii .name, .recenzii .function{
    color:#504e4e;
}
.recenzii .name{
    font-weight:800;
    font-size:25px;
}
.recenzii .function{
    font-weight:700;
    font-size:22px;
}
.boxServiciu .name{
      background-color: #d6d6d6;
      line-height: 1.2;
      transition: all 0.8s ease-in-out;
}
    .boxServiciu:hover::after {
      transform: scale(1, 1);
      visibility: visible;
      transform-origin: top center;
    }
.boxServiciu:hover .name {
        background-color: #d50303;          
}
.boxServiciu:hover .name a{
        color:#fff;
}
.boxServiciu .name a{
        font-size:clamp(0.875rem, 0.5114rem + 1.8182vw, 1.875rem);
        color:#504e4e;
        font-weight: 700;
        word-break: break-word;
}
.parteneri .owl-prev,
.certificate .owl-prev 
{
    top: 38%;
    opacity: 0.9;
    position: absolute;
    left: 0px;
    font-size: 22px;
    color: #d50505 !important;
    background: transparent !important;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    width: 35px;
    height: 35px;
    padding: 4px 9px;
    border: 2px solid #d50c0c;
    border-radius: 100%;
}
.parteneri .owl-next,
.certificate .owl-next {
    top: 38%;
    opacity: 0.9;
    position: absolute;
    right: 0px;
    font-size: 22px;
    color: #d50505 !important;
    background: transparent !important;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    width: 35px;
    height: 35px;
    padding: 4px 11px;
    border: 2px solid #d50c0c;
    border-radius: 100%;
}
.parteneri .owl-prev:hover,
.parteneri .owl-next:hover,
.certificate .owl-prev:hover,
.certificate .owl-next:hover{
    background:#d50c0c  !important;
    color:#faf9f9  !important;
}
.certificate .owl-item .item img {
    -webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
.certificate .owl-stage-outer{
    padding-top:25px;
    padding-bottom:35px;
}
.certificate .owl-item.center .item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.certificate .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #033aff !important;
}
.max-600{
    max-width:600px;
}
.container-certificate{
    max-width:650px;
}
.certificate .item img{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 20px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
}
.containerBoxC {
    background-color: #e4e1e1;
    width: 48%;
    max-width: 400px;
}
.titleC {
    color: #d50302;
    font-size: 22px;
}
.descriptionC a{
    color:#545353;
    font-weight:600;
}
.descriptionC{
    line-height: 1.2;
    font-weight: 600;
    color: #545353;
}
.imgContact {
    height: 80px;
}
.title2Contact{
    color: #d50303;
}
.paddingCc{
    padding-left: 50px;
    padding-right: 50px;
}
.generalF .form-control{
    border:2px solid #9f9e9e;
}
.generalF .form-control::placeholder {
    color: #9f9e9e !important;
    font-weight:600;
}
.generalF select {
    color: #9f9e9e !important;
    font-weight:600;
}

.generalF select:valid {
    color: #9f9e9e !important;
    font-weight:600;
}
.generalF input,
.generalF textarea {
    color: #9f9e9e;
    font-weight:600;
}
.generalF .custom-control-label {
    color: #9f9e9e;
    font-weight:600;
    line-height: 1.3;
}
.generalF .form-check-input {
    border: 2px solid rgba(0, 0, 0, .25);
}
.btn_p {
    background-color: #d50303;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 300px;
}
.btn_p:hover, .btn_p:active,.btn_p:focus,.btn_p:disabled{  
    color: #fff !important;
    background-color: #b70909 !important;
}
.generalF button{
    background-color:#d50303;
    color:#fff;
    font-size:20px;
    font-weight:600;
}
.custom-control-input-customize:checked~.custom-control-label::before {
    border-color: #d50303 !important;
    background-color: #d50303 !important;
}
.form-check-input:checked {
    background-color: #d50303;
    border-color: #d50303;
}

footer{
  background-color:#d6d6d6;
}
.footer-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.footer-copy {
  text-align: center;
  flex: 1;
  font-size: 18px;
  color: #504e4e;
}

.footer-logo { 
    right: 0; 
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
}
footer .widget{
    width:33.33%;
}
.borderTop{
    border-top:3px solid #504e4e;
}
.borderTopRed{
    
    border-top:3px solid #dc0e0e;
}
footer p, .txt{
    color:#504e4e;
    font-weight:700;
    font-size:16px;
    line-height:1.3;
}
.gap-1rem{
    gap:1rem;
}
.gap-1-3rem{
    gap:1.3rem;
}
footer a{
    color:#504e4e;
    font-weight:700;
    font-size:16px;
    line-height:1.3;
}
footer a:hover{
    color:#000;
}
.rightTop{
    margin-right:6%;
}
.nav-item:hover, .dropdown-item:hover, .dropdown-item:active, .dropdown-item:focus{
    background-color:#c6c4c5;
    color:#000;
}
.box-wrapper-about {
    position: relative;
    align-items: center;
    max-width: 1200px;
    margin:0 auto;
    margin-bottom:35px;
}

.icon-overlap {
    height: 85px;
    z-index: 2;
    margin-left: -61px;
    position: absolute;
    left:0;
}

.icon-overlap2 {
    height: 85px;
    position: absolute;
    z-index: 2;
    margin-right: -61px;
    right:0;
}

.box-skew {
    background-color: #f5f5f5;
    transform: skewX(18deg);
    padding: 30px 20px;
    position: relative;
    z-index: 1;
}

.box-skew2 {
    background-color: #f5f5f5;
    transform: skewX(-18deg);
    padding: 30px 20px;
    position: relative;
    z-index: 1;
}

.box-content-about {
    transform: skewX(-18deg);
    margin-left: 60px;
    margin-right:60px;
}
.box-content-about2 {
    transform: skewX(18deg);
    margin-left: 60px;
    margin-right:60px;
}
.box-content-about p, .box-content-about2 p{
    font-size: 18px;
    text-align: justify;
}
.navbar-nav .active{
    background-color: #c6c4c5;
    color: #000;
}
@media (min-width: 1200px) {
    .mainmenu .nav-item{
        height: 90px;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 1399.98px) {
    .btnOffer {
        font-size:20px;
    }
    .rightTop{
        margin-right:4%;
    }
    .containerBoxC{
        width: 47%;
    }
}
@media only screen and (max-width: 1199.98px) {
    .max-480{
        max-width:480px;
    }
    .paddingCc{
        padding:0px;
    }
    .customMargin {
        margin: 0px 0px;
    }
    .offcanvas
    {
        background-color:#e2e2e3 !important;
    }
    .offcanvas-body{
        padding-left:0px;
        padding-right:0px;
    }
    nav .dropdown-menu{
        margin-bottom:20px;
    }
    .offcanvas-header, 
    .offcanvas .btn-close{
        color:#000;
        font-size: 25px;
        font-weight: 600;
    }

    .offcanvas .btn-close{
        background: transparent 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 
        center/1em auto no-repeat;
    }

    .angled-bg{
        width:78%;
    }
    .angled-bg::before {
        right: -65px;
    }

    .box-wrapper-about{
        margin-left:60px;
        margin-right:60px;
    }
}

@media only screen and (max-width: 991.98px) {
    .max-480 {
        max-width: 480px;
        margin: 0 auto;
        margin-top: 45px !important;
    }
    footer .widget {
        width: 50%;
    }
    footer .widget3 {
        width: 100%;
    }
    .boxServiciu {
        width: 29%;
    }
    .angled-bg {
        width: 70%;
    }
    .container-certificate, .dCenter{
        margin: 0 auto;
    }

}

@media only screen and (max-width: 767.98px) {
    .boxServiciu {
        width: 42%;
    }

    header .social-media {
        padding-left: 15px;
    }
    .angled-bg {
        padding-left:0px;
        width:65%;
    }
    header .logo {
        max-width: 265px;
    }
    .angled-bg::before {
        right: -72px;
    }
    .red-bg {
        height:52px;
    }
    .btnOffer {
        padding-right:0px;
    }
    .box-skew, .box-skew2, .box-content-about, .box-content-about2 {
        transform:skewX(0deg);
    }
    .box-content-about,
    .box-content-about2,
    .box-wrapper-about,
    .box-wrapper-about2{
        margin-left:0px;
        margin-right:0px;
    }
    .icon-overlap{
        left: 50%;
        transform: translateX(-50%);
        top: -45px;
        margin-left: 0px;
    }
    .icon-overlap2{
        left: 50%;
        transform: translateX(-50%);
        top: -45px;
        margin-right: 0px;
    }
    .box-wrapper-about,
    .box-wrapper-about2{
        margin-bottom:70px;
    }
    .box-skew,
    .box-skew2{
        padding-top:60px;
    }
}

@media only screen and (max-width: 650.98px) {
    .footer-logo{
        display:none;
    }
    .footer-container{
        display:block;
        position: initial;
    }
    .dBlock{
        display:block !important;
    }
    .txt-right{
        text-align:right !important;
    }
}
@media only screen and (max-width: 575.98px) {
    .catTitle{
        font-size:18px !important;
    }
    .containerBoxC {
        width: 100%;
    }
    footer .widget {
        width: 100%;
    }
    .boxTelefon{
        margin-bottom:0px;
    }
    .rightTop{
        margin-right:0%;
    }
    .rightTop{
        width: 100%;
        justify-content: space-between;
        margin:15px;
    }
    .angled-bg, .red-bg {
        width:100%;
    }
    .angled-bg::before{
        clip-path: none;
        right:0px;
    }
    .mainmenu{
        display:block !important;
    }
    .btnOffer{
        padding-left:0px;
    }
    header .logo {
        max-width: 200px;
    }

    .twoColumns{
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 420.98px) {

    .boxServiciu {
        width: 39%;
    }
}

@media only screen and (max-width: 400.98px) {

    .emailTop {
        display:none;
    }
    .boxTelefon{
        margin:0 auto;
    }
}