* {
  box-sizing: border-box;
  margin: 0;
  font-family: 'Montserrat', sans-serif !important;
}


a {
  text-decoration:none;
  color:black;
}

.nav {
  z-index:30;
  position:fixed;
  width:100%;
  padding:30px 0;
  font-family: 'Montserrat', sans-serif;
  transition:300ms ease;
  /* background: rgb(136,136,136);f.cat-item img
  background: linear-gradient(180deg, rgba(136,136,136,1) 27%, rgba(175,171,171,1) 58%, rgba(255,255,255,0) 100%);*/
}

.mobile {
  display:none ;
}




.prod-text {
  height:500px;
}

.mobile .menu {
  transition: 200ms ease-out;
  position: absolute;
  padding:60px 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: #BF9E67;
  overflow-y: scroll;
  display: flex;   
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1 0 auto;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items:center;
  right:100%;
  transition:300ms ease;
}


.burger-phone {
  display:flex;
  justify-content:space-between;
}

.burger-phone img {
  height:25px;
  transition:1000ms ease;
}



.slide {
  right:0 !important;
}

.slide-back {
  right:100%;
}

.mobile .menu a:not(:first-of-type) {
  text-transform:uppercase;
}

.close {
  position:absolute;
  top:5%;
  right:5%;
  transition:100ms ease;
}

.close:active {
  opacity:0;
}


.home-link > div {
  display:inline-block;
}

.home-link > div:nth-of-type(2) {
  padding-top:10px;
  vertical-align:top;
  margin-left:10px;
}

.home-link h1 {
  color:#EFB236;
  font-size:23px;
}

.home-link p {
  font-size:16px;
}

.swiper-pagination3 {
  margin-bottom:50px;
  width:35%;
  display:flex;
  justify-content:space-between;
}

.swiper-pagination3 .swiper-pagination-bullet {
  height:14px;
  width:14px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  opacity:0.4;
}

.swiper-pagination3 .swiper-pagination-bullet-active {
  background-color:white;
}

.mobile .lang {
  margin:0;
  margin-top:50px;
}

.greynav {
  background-color: #6c6b6b;
  box-shadow: -32px -27px 98px 0px #6c6b6b;
}

.container-1 {
  width:66%;
  margin:0 auto;
}

.container-3 {
  width:80%;
  margin:0 auto;
}

.nav > .container-1 {
  display:flex;
  justify-content:space-between;
}


.logo>img {
  height:70px;
  width:70px;
}

.logo div {
  display:inline-block;
  vertical-align:top;
  margin-left:20px;
}

.logo h1 {
  margin-top:10px;
  color:#EFB236;
  font-size:18px;
  text-shadow: 2px 3px 5px grey;
}

.logo p {
  margin-top:10px;
  color:white;
  text-shadow:1px 3px 10px #514f4f;
}

.menu {
  vertical-align:top;
  width:60%;
  display:flex;
  justify-content:space-around;
  align-items:center;
  color:white;
}

.menu a {
  /*text-shadow:2px 3px #867d7d;*/
  transition:200ms ease-in;
  cursor:pointer;
  color:white;

}

.desktop .menu a {
  text-transform:uppercase;
  text-shadow: 2px 2px grey;
}

.down {
  display:none;
  height:8px;
  transition:300ms ease;
  background-color:transparent !important;
}

.menu a:hover {
  color:#EFB236;
}

.lang {
  margin-left:30px;
}

.homepage-swp {
  width:100%;
  /* padding-top:90px;*/
  position: relative;
  height: fit-content;
}

.homepage-swiper {
  position:relative;
  width:100%;
  height:800px;
  overflow:hidden;
}

.homepage-swiper p {
  color:white;
  font-size:16px;
  text-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15);
}

.homepage-swiper h2 {
  color:white;
  font-size:72px;
  text-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15);
  margin:20px 0;
}

.homepage-swiper .swiper-wrapper {
  height:100%;
  width:100%;
}

.homepage-swiper .swiper-slide {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}

.homepage-swiper .swiper-slide > img{
  height:800px;
  width:100%;
  filter: brightness(0.7);
}

.swiper-block {
  padding-left:50px;
  padding-right:300px;
  display:flex;
  justify-content:space-between;
  height:100px;
  width:65%;
  background-color:white;
  position:absolute;
  z-index:10;
  bottom:0;
  right:0;
}

.swiper-block > div {
  height:100%;
  width:33%;
}

.tel, .mail {
  display:flex;
  align-items:center;
}

.tel img, .mail img {
  height:30px;
}

.tel p, .mail p {
  font-size:14px;
  margin-left:20px;
}

.swiper-block .swiper-button-prev:after,.swiper-block .swiper-button-next:after {
  font-size:30px !important;
  font-weight:1000;
}

.swiper-block .swiper-button-prev:after {
  color:#424242;
}

#serv {
  display:none;
}

.swiper-block .swiper-button-next:after {
  color:#EFB236;
}

.homepage-swiper .swiper-pagination-fraction, .swiper-pagination-custom, .homepage-swiper > .swiper-pagination-bullets {
  width:unset !important;
  right:7%;
  left:unset !important;
  transform: rotate(90deg);
  bottom: 70% !important;
}

.homepage-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background:none;
  border:1px solid white;
  opacity:1;
  box-shadow: 2px -2px 7px 0px grey;
}

.homepage-swiper .swiper-pagination-bullet-active {
  background-color:white;
}

.h-pag {
  padding: 25px 4%;
  position:relative;
  display:flex;
  justify-content:space-around;
  align-items:center;
}

.h-pag .swiper-button-prev,.h-pag .swiper-button-next {
  margin:0;
  outline:none;
}

.h-pag >div {
  position:unset;
}

.h-pag span {
  height:100%;
  width:3px;
  background-color:#E5E5E5;
}

.over-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  justify-content: left;
  align-items: center;
  padding-top:180px;
  height:100%;
}
.center {
  height: fit-content;
  max-width: 60%;
}

.general-orange-button {
  height: 40px;
  width: 160px;
  background-color: #EFB236;
  cursor: pointer;
  transition: 300ms ease;
  text-align: center;
  line-height: 40px;
}

.general-orange-button-news {
  font-size:14px;
  margin-top:30px;
  height: 40px;
  width: 160px;
  background-color: #EFB236;
  cursor: pointer;
  transition: 300ms ease;
  text-align: center;
  line-height: 40px;
}

.general-orange-button-news:hover {
  color:white;
}

.general-orange-button:hover {
  color:white;
  box-shadow: 2px 2px 16px 5px grey;
  transform:scale(1.2);
  border-radius:5px;
}

.homepage-swiper .general-orange-button{
  margin-top:30px;
  position:absolute;
}

.despre {
  padding-top:200px;
  display:flex;
  justify-content:space-between;
  overflow:hidden;
  height:1000px;
}

.despre >div {
  height:600px;
}

.picture {
  position:relative;
  height:90%;
  width:46%;
}

.picture .pic {
  user-select:none;
  position:relative;
  width:100%;
  height:100%;
}

.picture::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 3%;
  background-color: white;
}

.despre-text {
  height:100%;
  width:50%;
  padding-left:30px;
}

.despre-text h1 {
  font-size:36px;
}

.despre-text>div p {
  margin-top:30px;
  color:#666666;
  line-height:27px;
  font-size:16px;
}

.text-swiper {
  position: relative;
  overflow: hidden;
  color: white;
  background-color: #323232;
  width: 340px;
  height: 360px;
  bottom: 37%;
  right: -48%;
  transition: 300ms ease;
}

.text-swiper:hover {
  box-shadow: 11px 14px 15px 2px #ece2e2;
  transform: translateY(-10px) translateX(-5px);
}

.text-swiper .item {
  padding:35px;
  font-size:14px;
  font-weight:lighter;
}

.text-swiper .item p:first-of-type {
  margin-top:50px;
}

.text-swiper .item p:nth-of-type(2) {
  margin-top:40px;
}

.text-swiper .swiper-pagination {
  width:fit-content !important;
  left:35px !important;
  bottom:35px !important;
}

.text-swiper .swiper-pagination-bullet {
  height:12px;
  width:12px;
  background: #dadada;
}

.text-swiper .swiper-pagination-bullet-active {
  background-color:white !important;
}

.sub-menu {
  margin-top:50px;
}

.sub-menu-item {
  margin-top:20px;
  cursor:pointer;
}


.sub-menu-item a {
  display:inline-block;
  font-size:20px;
  transition:300ms;
}

.sub-menu-item .arrow {
  display:inline-block;
  height:18px;
  width:18px;
  border-bottom:3px solid #EFB236;
  border-right:3px solid #EFB236;
  border-left:3px solid white;
  border-top:3px solid white;
  transform: rotate(-45deg);
  margin-right:20px;
  transition:500ms;
}

.sub-menu-item:hover .arrow {
  transform:rotate(90deg);
  border-left:3px solid #EFB236;
  border-top:3px solid #EFB236;
  border-radius:50%;
}

.sub-menu-item:hover h2 {
  color:#EFB236;
}

.despre-noi {
  color:#EFB236;
  margin-top:50px;
  width:fit-content;
  border-bottom:2px solid white;
  transition:300ms;
  cursor:pointer;
}

.despre-noi:hover {
  border-bottom:2px solid #EFB236;
}

.produsele-noastre {
  margin-top:100px;
}

.prod-menu {
  margin-top:50px;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}

.p-menu div {
  display:inline-block;
  height:30px;
  margin-right:50px;
  transition:500ms ease;
  border-bottom:3px solid white;
  font-size:20px;
}

.p-menu a {
  transition:200ms;
  border-bottom:3px solid white;
}

.p-menu div:hover a {
  color:#EFB236;
  border-bottom:3px solid #EFB236;
}

.vezi {
  position:relative;
  font-size:20px;
}

.vezi::after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  height:3px;
  width:80%;
  background-color:#EFB236;
  transition:300ms ease;
}

.vezi span {
  font-size:20px;
}

.vezi:hover:after {
  width:0%;
}

.vezi:hover {
  color:#EFB236;
}

.prod-grid {
  margin-top:50px;
  height:1000px;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:space-between;
  margin-bottom:135px;
  display: grid;
  grid-template-columns: 50% 50%;
}


.prod-grid .first {
  display:flex;
  justify-content:space-between;
  width:100%;
  height:66%;
}

.prod-grid .second {
  width:100%;
  height:32%;
  display:flex;
  justify-content:space-between;
}

.prod-grid .first>div, .prod-grid .second>div {
  cursor:pointer;
}

.prod-item {
  flex: 0 50%;
  height:400px;
  position:relative;
}

.prod-item:hover img {
  transform:scale(1.2);
  filter:brightness(120%);
}

.prod-item p {
  position:absolute;
  z-index:10;
  bottom:5%;
  left:5%;
  font-size:26px;
}

.wide{
  width: 66.1%;
}

.narrow {
  width:calc(100%/3.09);
}

.prod-item img {
  z-index:20;
  width:100%;
  height:100%;
  transition:300ms ease;
  object-fit:contain;
}

.serviciile {
  margin-top:100px;
  padding:100px 0;
  background-color:#F7F7F7;
}

.serviciile h1 {
  font-size:36px;
}

.serv-list {
  display:flex;
  flex-wrap:wrap;
}

#serv .serv-list {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding: 30px 0;
  height:418px;
}

.serv-item {
  position:relative;
  flex-grow: 1;
  width: 25%;
  margin: 30px;
  background:white;
  border-radius:12px;
  padding:50px;
  transition:300ms ease;
}

.serv-item h2 {
  font-size:20px;
}

.serv-item p {
  margin-top:40px;
  color:#B7B7B7;
  font-size:16px;
}

.serv-item:hover {
  transform: translateY(-10px) translateX(-5px);
  box-shadow: 2px 2px 20px 2px #ddd9d9;
}

.number {
  position:absolute;
  height:55px;
  width:55px;
  line-height:55px;
  color:white;
  font-size:20px;
  background-color:#EFB236;
  text-align:center;
  border-radius:12px;
  left:-25px;
  top:13%;
}

.mai-multe {
  margin-top:40x;
  position:absolute;
  color:#EFB236;
  cursor:pointer;
}

.mai-multe::after {
  content:'';
  position:absolute;
  bottom:-10px;
  left:0;
  height:3px;
  width:30%;
  background-color:#EFB236;
  transition:300ms;
}

.mai-multe:hover::after {
  width:100%;
}

.noutati-swiper {
  overflow:hidden;
}

.noutati-swiper {
  height: 500px;
  width: 100%;
}

.text {
  position:absolute;
  bottom:-70px;
  padding:0 5%;
  color:white;
  transition:300ms ease;
}

.text h1 {
  margin-bottom:70px;
}

.text p {
  font-size:14px;
  height:30px;
  margin-bottom:20px;
  cursor:pointer;
  border-bottom:1px solid transparent;
  transition:200ms ease;
}

.text p:hover {
  border-bottom:1px solid white;
}

.noutati-swiper img {
  height:100%;
  width:100%;
}

.noutati-swiper .swiper-slide:hover .text {
  bottom:30px;
}

.top {
  display:flex;
  justify-content:space-between;
  margin-bottom:70px;
}

.top p {
  position:relative;
  color:#EFB236;
  font-size:18px;
}

.top p::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0;
  background-color: #EFB236;
  transition: 300ms ease;}

.top p:hover {
  color:black;
}

.top p:hover::after {
  width:80%;
}

.noutati {
  padding: 130px 0;
}

.noutati > .top > a {
    width:150px;
}

.footer {
  background-color:#1A1A1A;
  color:#B7B7B7;
  font-size:16px;
}

.footer a {
  display:block;
  color:#B7B7B7;
  line-height:30px;
  font-size:14px;
}

.footer>.container-1>div>h1 {
  color:white;
  margin-bottom:30px;
}

.footer .container-1 {
  display:flex;
  justify-content:space-between;
  padding:90px 0;
}

.contact{
  width:40%;
}

.contact p {
  margin-bottom:30px;
}

.meniu {
  width:20%;
}

.produse {
  width:20%;
}

.footer .logo {
  width:30%;
}

.logo-social {
  width:20%;
}

.footer .social {
  margin-top:30px;
  width:70%;
  display:flex;
  justify-content:space-between;
}

.footer .logo>img {
  height:50px;
  width:50px;
}

.copy {
  padding-top:30px;
  height:100px;
  background-color:#2C2C2C;
  color:#878787;
}

.copy .container-1 {
  display:flex;
  justify-content:space-between;
}

.copy a {
  color:#878787;
}

.breadcrumb-photo {
  position:relative;
  height:500px;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.breadcrumb-photo>div {
  padding-top: 90px;
  z-index:10;
  color:white;
  text-align:center;
}

.breadcrumb-photo h1 {
  font-size:58px;
}

.breadcrumb-photo p {
  margin-top:20px;
  font-size: 16px;
  opacity: 0.8;
}

.breadcrumb-photo span {
  text-transform:uppercase;
}

.top-img {
  position:absolute;
  width:100%;
  height:100%;
}

.half-offer {
  display:flex;
}

.half-offer>div {
  width:50%;
}

.our-services{
  padding:150px 0;
  padding-right:45px;
}

.our-services p {
  font-size:16px;
  margin-top:30px;
  color:#666666;
  line-height:30px;
}

.our-services h1 {
  font-size:36px;
}

.our-services div {
  margin:auto;
}

.ask-offer {
  padding: 100px 0;
  padding-left:45px;
}

.ask-offer>p {
  font-size:38px;
}

.enquiry .nume-email {
  margin-top:45px;
  display:flex;
  justify-content:space-between;
}

.enquiry>div input {
  width:47%;
  border: none;
  height:40px;
  border-bottom:1px solid #D3D3D3;
}

.mesaj {
  margin-top:50px;
}

.mesaj p {
  color:#666666;
  font-size:15px;
} 

.mesaj textarea {
  border:none;
  height:130px;
  width:100%;
  border-bottom:1px solid #D3D3D3;
  resize: none;
}

#trimite-formular {
  margin-top:36px;
  display:inline-block;
  color:white;
  padding: 15px 36px;
  background-color:#000000;
  transition:300ms ease;
  cursor:pointer;
}

#trimite-formular:hover {
  transform:scale(1.1);
  box-shadow: 11px 14px 15px 2px #ece2e2;
}

.contact-bar {
  background-color:#F7F7F7;
  height:150px;
  display:flex;
  align-items:center;
}

.contact-bar .container-1 {
  display:flex;
  justify-content:space-between;
}

.contact-bar div {
  display:flex;
  align-items:center;
}

.contact-bar span {
  margin-left:20px;
  font-size:16px;
  color:#666666;
}

.contact-page {
  padding:120px 0;
}

.contact-page>p {
  font-size:38px;
}

#map {
  height:500px;
  width:100%;
}

#luc {
  font-size:25px;
  color:#EFB236;
}

#prod {
  font-size:16;
  color:#666666;
  line-height:30px;
  padding-left:45px;
}

#prod, #prod1 {
  padding-top:100px;
  padding-bottom:80px;
}

.categories {
  display:flex;
  justify-content:space-between;
  overflow:hidden;
}

.categories > div {
  overflow-x:scroll;
  width:100%;
  white-space:nowrap;
  padding-bottom: 30px;
}

.categories>div::-webkit-scrollbar {
  width: 12px;
}

.categories>div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  border-radius: 10px;
}

.categories>div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.cat-item{
  display:inline-block;
  height:170px;
  width: 20%;
  border-radius:20px;
  background-color:#F7F7F7;
  padding:25px;
  transition:300ms ease;
  cursor:pointer;
  user-select:none;
  margin-right:10px;
}

.cat-item img {
  display:block;
  margin:0 auto;
  height:70px;
}

.cat-item p {
  margin-top:25px;
  text-align:center;
}

.cat-item:hover {
  background-color:#EFB236;
}

.cat-item:hover p {
  color:white;
}

.cat-item:hover img {
  filter: brightness(5);
}

.cat-selected {
  background-color:#EFB236;
}

.cat-selected p {
  color:white;
}

.cat-selected img {
  filter: brightness(5);
}



.subcategories {
  padding-top:45px;
  padding-bottom:45px;
  padding-left:20px;
  display:flex;
  flex-direction:column;
  background-color:white;
}

.sub-item {
  cursor:pointer;
  position:relative;
  padding:19px 30px;
  margin-right:20px;
  border-radius:20px;
  color:#323232;
  font-size:16px;
}

.sub-item::after {
  content:'';
  position:absolute;
  left:-5px;
  top:24px;
  width:10px;
  height:10px;
  background-color:#C4C4C4;
}

.sub-selected {
  color:#EFB236;
}

.sub-selected::after {
  background-color:#EFB236;
}

.products {
  margin-top:100px;
  background-color:#F7F7F7;
  min-height:800px;
  transition:200ms ease;
}

.products .container-1 {
  padding:70px 0;
  position:relative;
  display:flex;
}

.products .subcategories {
  margin-top:11px;
  width:30%;
  height:fit-content;
}

.products .wrapper {
  display:grid;
  grid-template-columns: 30% 30% 30%;
  width:70%;
}

.product-item-container {
  cursor:pointer;
  padding:10px 15px;
  height:300px;
}

.product-item {
  padding-top:30px;
  background-color:white;
  height:100%;
  width:100%;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
  transition:300ms ease;
  overflow:hidden;
}


.product-item img {
 padding: 25px;
  display:block;
  margin:0 auto;
  /*margin-bottom:20px;*/
  height:180px;
  width:100%;
  transition:300ms;
  
  object-fit: contain;
}

.product-item:hover img {
  filter:brightness(110%);
}
.product-item p {
  text-align:center;
}

.product-item span p, .product-item span {
  text-align: left;
  font-size: 14px;
}

.lucreaza {
  background-color:#EFB236;
  padding:60px 0;
}

.lucreaza h1{
  font-size:30px;
}

.lucreaza .container-1 {
  display:flex;
  justify-content:space-between;
}

.lucreaza .container-1 div {
  padding:20px 60px;
  background-color:black;
  color:white;
  transition:200ms ease;
}

.lucreaza .container-1 div:hover {
  transform:scale(1.1);
}

.ab-test {
  margin-top:130px;
  overflow:hidden;
  position:relative;
}

.ab-test .swiper-slide {
  padding:60px;
  background-color:#F7F7F7;
  border-radius:12px;
}

.ab-test .swiper-slide p {
  margin-top:30px;
  font-size:15px;
  color:#8a8686;
}

.about-testimonials {
  position:relative;
  padding-bottom:80px;
}

.about-testimonials>h1 {
  margin-top:150px;
}

.about-testimonials .swiper-button-prev, .about-testimonials .swiper-button-next{
  top:60%;
}

.about-testimonials .swiper-button-prev {
  left:-4%;
}

.about-testimonials .swiper-button-next {
  right:-4%;
}

.face-text div {
  padding-top:20px;
  padding-left:20px;
  display:inline-block;
  vertical-align:top;
}

.face-text div h1 {
  font-size:16px;
}

.face-text div span {
  font-size:14px;
  color:#666666;
}
.face-text img{
  height:80px;
  width:80px;
  border-radius:50%;
  object-fit:cover;
}

.about-testimonials .swiper-button-prev:after,.about-testimonials .swiper-button-next:after {
  color:#2C2B2B;
  font-size:30px;
  font-weight:bolder;
}

.support {
  display:none;
}

.support>h1 {
  margin-top:60px;
  font-size:36px;
}

.support h1, .support p {
  text-align:center;
}

.support p {
  color:#666666;
  margin-top:20px;
  margin-bottom:40px;
}

.support .general-orange-button {
  display: block;
  margin: 0 auto;
  width: fit-content;
  padding: 0 10px;
  color: white;
}

.files {
  margin-top:60px;
  padding-bottom:180px;
  display:flex;
  justify-content:space-around;
}

.single-product {
  margin-top:90px;
}

.desc-pics {
  display:flex;
  min-height: 600px;
}

.desc {
  width:55%;
}

.desc h1 {
  margin-top:10px;
}

.pics {
  padding-top:80px;
  width:45%;
}

.big-pic {
  height:300px;
  width:100%;
  padding:0 50px;
  object-fit:contain;
}

.product-swiper {
  position:relative;
  height:90px;

  width:80%;
  margin:0 auto;
  margin-top:70px;
}

.product-swiper .swiper-wrapper {
  overflow:hidden;
}

.product-swiper .swiper-button-next {
  right:-10%;
}

.product-swiper .swiper-button-prev {
  left:-10%;
}

.product-swiper .swiper-button-next:after, .product-swiper .swiper-button-prev:after {
  color:#EFB236;
  font-weight:800px;
}

.product-swiper .swiper-slide {
  cursor:pointer;
  border:1px solid #999999;
  object-fit:contain;
}

.desc1 {
  margin-top:30px;
  line-height:25px;
  color:#2C2B2B;
}

.info {
  cursor:pointer;
  margin-top:20px;
  background-color: #F7F7F7;
  padding: 20px;
  color:#333333;
  position:relative;
}

.info>div {
  user-select:none;
  position:absolute;
  right:25px;
  top:10px;
  cursor:pointer;
  padding:5px;
  height:37px;
  width:37px;
  transition:500ms ease;
}

.info> div img {
  height:100%;
  filter: brightness(0.7);
}

.info ul li {
  margin-top:20px;
}

.cont {
  padding:0;
  padding-top:30px;
  list-style:none;
  display:none;
  color: #555353;
}

.documents {
  margin-top:50px;
}

.doc-cont{
  margin-top:45px;
}

.doc {
  background-color:#F7F7F7;
  position:relative;
  padding:20px;
  height:50px;
  margin-top: 20px;
  transition:300ms;
}

.doc:hover {
  transform: translateY(-3px) translateX(-5px);
  box-shadow: 1px 1px 4px 1px #d5d0d0;
}

.doc p {
  position:absolute;
  left:20%;
}

.doc a {
  position:absolute;
  right:5%;
  top:15px;
  color:#EFB236;
}

.doc img {
  position:absolute;
  left:20px;
  top:10px;
}

.under-product-swiper {
  margin-top:80px;
  height:500px;
  position:relative;
  overflow:hidden;
}

.under-product-swiper img {
  height:100%;
  width:100%;
}

.under-product-swiper h1, .under-product-swiper p {
  color:white;
  text-align:center;
}

.under-product-swiper h1 {
  font-size:48px;
}

.under-product-swiper p {
  font-size:28px;
  max-width:35%;
  display:block;
  margin:15px auto;
}

.prod-reco {
  overflow:hidden;
  background-color:#F7F7F7;
  padding-bottom:60px;
}

.prod-reco .container-1 {
  display: grid;
  grid-template-columns: 30% 30% 30%;
}

.prod-reco h1 {
  font-weight:100;
  text-align:center;
  margin: 66px 0;
}

.under-pics {
  image-resolution: 50dpi; 
}

.article h1 {
  margin-top:60px;
  font-size:36px;
}

.article img {
  margin:70px 0;
  width:100%;
  height:700px;
}
.article p {
  margin-bottom:20px;
  color:#666666;
  line-height:23px;
}

.txt {
  color:#666666;
}

.politica {
  margin-bottom:100px;
}

.noutati-page .product-item p {
    max-height:50px;
    overflow:hidden;
    
}

.noutati-page .general-orange-button-news {
    margin-top:unset;
}
.somfy-footer {
  width: 100px;
  height: 100px;
  margin-left: 20px;
  margin-top: 20px;
}
.somfy-index {
  width: 100px;
  height: 100px;
  margin-right: 20px;
}
.somfy-index>img{
  object-fit: contain;
}
.full-width{
  width:100%;
  height:100%;
}