@import url('font.css');

html{
  scroll-behavior: smooth;
}

@media(max-width:991px){
	h1{margin-top: unset;}
}

@media(min-width:577px) and (max-width:991px){
	h1{
    margin-left: 10px;
    font-size: clamp(4rem, 7vw, 5.75rem);
    line-height: 50px;
  }
}

@media(min-width:326px) and (max-width:576px){
	h1{
	  line-height: 33px;
    margin-left: 10px;
    margin-top: -20px;
    margin-bottom: 10px;
    padding-bottom:20px!important;
    line-height: 46px;
  }
}
h1{
	font-size: clamp(2.72rem, 7vw, 5.75rem);
  padding-bottom: 13px;
  margin-bottom: -7px;
}
h1 span{color:#1098F7;}

h2{
  color: var(--basic);
  font-size: calc(23px + (24 - 2) * ((50vw - 100px) / (1689 - 80)));
  text-align: left;
  letter-spacing: unset;
  font-weight:bold;
}
h3{
	letter-spacing: unset !important;
  text-align: unset !important;
  text-transform: unset !important;
  color: var(--basic);
  font-size: 43px;
  font-weight: 800;
  margin: unset;
  padding: 0 68px 74px 0;
}
@media(max-width:991px){
 	h3{
 	  padding: 0 0 0 20px;
    position: absolute;
    top: 15%;
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    width: 461px;
    color: #fff;
    font-weight: 800;
    font-size: 2.5rem;
  }
}
h6{
  font-size: 23px;
  font-weight: 600;
  text-transform:unset;
  margin:10px 0;
}

@media(min-width:394px) and (max-width:566px){
  h2{line-height:46px;padding-bottom:20px;}
}


body, button, input, textarea{
	font-family:"Montserrat", sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	margin:0px;
  padding:0px;
  -webkit-font-smoothing: antialiased;
  box-sizing:border-box;
}

a:hover{text-decoration: underline;}
.black{color:#000;}
.w-100{width:100%;}
.fw-bold{font-weight:bold;}
img{border-radius:14px;}

		header.scrolled{
			position:fixed;
			top:0px;
			left:0px;
			right:0px;
			z-index:9999999;
			background-color: #fff;
      border-bottom: 1px solid #e6e5e3a8;
		}
		header.scrolled ~ main{
			margin-top:138px;
		}
		


header .thiner{border-bottom: 1px solid #00000012;}
header .container-fluid {padding:0;}

header .block-language label[for="lang-status-desktop"]:after {
	border: 1px solid #fff;
  border-width: 0 0.12rem 0.12rem 0;
  display: inline-block;
  content: "";
  padding: 2px;
  transform: rotate(45deg);
  margin-left: 1px;
  position: relative;
  margin-bottom: 3px;
}

.menu.head input[type="checkbox"]:checked ~ ul{ display:block;}

 .menu.head .subcategorii{
	 list-style-type:none;
	 overflow:hidden;
	 padding:unset;
	 border:1px solid #E5E5E7;
	 background-color:#F8F9FB;
	 border-radius:3px;
	 display:none;
 }
 .menu.head .subcategorii li a{
  padding: 10px 5px 4px 10px !important;
  display: inline-block;
  position: absolute;
  top: 74px;
 }

 .menu.head li a:hover,
 .menu.head li label:hover{
 	 color:#003d62;
 }
  
.main-menu ul li a,
.main-menu  ul li label {
	font-size: 14px;
	transition: all .3s;
	padding: 0 20px;
}

.main-menu ul li.active a {color: var(--linkHover);}

@media(max-width:576px){
	
	.main-menu.footer ul li a{
	  margin: 7px;
    line-height: 37px;
	}
	
	header .logo{
	 padding:15px 90px 20px;
	}
	 
  .footer-main > .row > a {
    padding: 18px 15px 6px!important;
  }
  
  .footer-main p{
  	font-size: 15px;
    white-space: normal;
    text-align: center;
  }
  	
}

header label.submenu:hover:after{
	border-color:#576e5b;
}

.button-primary{
  margin-top: 33px;
  line-height: 23px;
  padding: 13px 64px;
  border-width: 1px;
  -moz-transition: all .3s linear;
  font-family: "Montserrat";
  background-color: #f0eded;
  color: var(--basic);
  font-size: 14px;
  text-transform: uppercase;
}
@media(max-width:991px){
	.button-primary {
	  position: absolute!important;
	  top: 107%!important;
	  margin: 0 0 0 20px;
	}
}
.button-primary:hover{opacity:0.75;}

.button-primary span svg {display:flex;align-items:center;justify-content:center;margin-left:5px;padding:2px;}

 .button-secondary{
	background-color: transparent;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  border: 1px solid #596574;
  padding: 13px 25px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.65px;
  margin-top: 32px;
  font-weight: 500;
 }
 .button-secondary a{
   display: block;
   padding: 13px 25px;
   color:var(--basic);
 }
  
  .button-secondary a:hover{
  	background-color:#E5E4E0;  	
	  color:#003D62;
	  border-right: 1px solid #e6e0e0;
    border-left: 1px solid #e6e0e0;
  }
  .button-secondary.first a:hover{border-top-left-radius:10px;border-bottom-left-radius:10px;}
 
  .button-secondary.last a:hover{border-top-right-radius:10px;border-bottom-right-radius:10px;}

@media(min-width:992px) and (max-width:1199px){
  	.sliderTopItem .cont-text {  margin-top: 36px!important;}
}

@media(max-width:991px){
	 header .hrow{height:97px;}
	 
  .block-language{display:none;}
  
	#MainMenu .menu.head>li{line-height:42px;}

	#MainMenu .menu.head li.collection-menu:hover  ul.collectie_slider{padding:0;}
	
	.despre .row p{text-align:center!important;}
	
	header .mm-span{width: 7%;}
	
 	#MainMenu-hamburger{
		display:block;
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 60 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1.00)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 10h100M4 20h100M4 30h100'/%3E%3C/svg%3E");
	  width: 24px;
    height: 24px;
    background-size: cover;
	}
	
	#MainMenu-status:checked ~ span label{
	  background:url('data:image/svg+xml,<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><circle cx="12" cy="12" r="10" stroke="%23000000" stroke-width="1.5"></circle><path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5" stroke="%23000000" stroke-width="1.5" stroke-linecap="round"></path></g></svg>');
    display:block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:center center;
  }
	
	#MainMenu label[for="MainMenu-status"]{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 28px;
		height:28px;
		font-size: 33px;
	}
	#MainMenu{
		position:absolute;
		top:90px;
		height:auto;
		background-color:#fff;
		width:100%;
		max-height:0px;
		overflow:hidden;
		left:-25px;
		opacity:0;
	}
		
	#MainMenu-status:checked ~ #MainMenu{
		opacity:1;
		max-height:100%;
		overflow:unset;
		left:0px;
		box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3);
		position: absolute;
    z-index: 3;
    transition: height 0.4s ease-out;
    padding: 0;
	}
	
	#MainMenu-status:checked + label[for="MainMenu-status"]{display:block;}
	
	#MainMenu>ul{	display:block;background-color: #fff;border-bottom: 1px solid #e6e5e3a8;}
	
	#MainMenu ul li{
		position: relative;
		padding-left: 20px;
		padding-top: 0;
		margin-bottom: 10px;
		display: inline-block;
		width: 100%;
		float: none;
		line-height: 20px;
  }
	
	#MainMenu ul li a,
	#MainMenu ul li a.submenu{
		font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
		line-height: 20px;
		padding: 0;
	}
			
	#MainMenu .menu.head ul.submenu{
	  display:block;
	  flex-direction:column;
	  align-items:center;
	  padding-top: unset;
  }
  
	#MainMenu ul.submenu li{
	  list-style-type: none;
	  display:block !important;
  }
  
	#MainMenu ul.submenu a{
		font-size: 14px;
		line-height: 12px;
		text-transform:capitalize !important;
		color: #5d7975;
		text-align:left;
	}
	
	#MainMenu ul.submenu .img, 
	#MainMenu ul ul ul{display:none;}
	
	header #MainMenu .menu.head ul.submenu{position:unset;}
	#MainMenu ul.submenu a {color:unset;}
		
	.menu.head li:first-child{position:relative}
	.menu.head li .collectie-arrows{
		position:absolute;
		top:50%;
		width: 48%;
	}
	
	.menu.head li .collectie-arrows .control-next {right:1%!important;}

 	.button-primary.reverse{
 		width: unset;
    height: 53px;
    font-size: 17px;
 	}
	
	.any-problem{padding-bottom:unset;}
 .img-team-every{margin-left:auto;margin-right:auto;}
 .team-info{max-width:308px;margin-left: auto;  margin-right: auto;}

 	#MainMenu ul.submenu li {
	 	display:inline-block !important;
	}
	
    #MainMenu .menu.head > li {line-height: 52px!important;}
    .button-secondary{margin-bottom:30px;}
    .button-primary:hover {opacity:unset;}
    #about-images img{max-height:424px!important;}
    .about-us h2{text-align:center;}
    .about-us>div>div>div{padding-right:unset!important;}
    .about-us .text-detailed {text-align: justify;}
    .grid-servicii-item {font-size: 16px!important;font-weight:500!important;}
    .grid-servicii-item { padding: 24px 27px!important;}
    .contacte .text-contacts .borders{border: none !important;}
    .contacte .dar-mail {margin-top:40px;}
    footer .menu.head a {padding:0 12px!important;}
    footer .row>.row>span{text-align:center;}
    .padd {  padding-top: 48px!important;  padding-bottom: 48px!important;}
    .overlay-text {
		  position:absolute;
		  top: 8px;
		  left: 0;
		  z-index: 9;
		  width: 440px;
		  background-color: rgba(0,0,0,0.6);
		  background-position: center;
		  background-size: cover;
		  height: 160px;
		}
		  .contacte .dar-mail {margin-top:unset!important;}
		  h2{padding-bottom:unset!important;}
		  #sliderProiecte p {padding: 0px 51px!important;}
		  .slick-slide img {min-height:217px!important;}
		   #clienti-images span img{ padding:70px!important;}

}
/*********END of media 992px ***********/ 

.block-language{position:relative;align-self: center;margin-left:auto;}
.block-language input{display:none;}
.block-language input:checked ~ nav{
  display: block !important;
  position: absolute;
  top: 31px;
  left: 18px;
  background-color: #F0EDED;
  padding: 0px 14px 5px 6px;
  border-radius: 3px;
  z-index: 37;
}
.block-language nav{display:none;flex-direction:column;}
.block-language nav a{
	display:flex; align-items:center;
	font-size:14px;text-transform: uppercase;padding: 5px 0;
	font-weight: normal;
  }
.block-language label{
  background-color: #00004f;
  color: #fff;
  border-radius: 5px;
  padding: 4px 7px;
} 
header nav, header .block-language{padding-left:0;padding-right:0;}
.block-language img{margin-right:8px;width: 23px; height: 18px;border-radius: unset;}

/*** for mobile version***/
#MainMenu .block-language{margin-bottom:10px;}
#MainMenu .block-language nav{position:relative !important;display:flex;flex-direction:row;}

.block-language.mobile{position:relative;}
.block-language.mobile nav{display:none!important;}
.block-language.mobile input:checked ~ nav{
	display: block !important;
  position: absolute;
  top: 50px;
  left: 8px;
  background-color: #FFF;
  border-radius: 3px;
  border: 1px solid #ecebeb;
  height: 58px;
 }
.block-language.mobile label{
	margin-left: 26px;
  margin-top: 50px;
}
.contact-us.d-block a{width: 300px;margin-bottom:20px;}

#MainMenu ul.submenu{
	z-index:9;
	position:absolute;
	top:100px;
	left:0;
	right:0;
	background-color:#fff;
	color:#000;
	width:100%;
	transition: all .2s ease;
	height:auto;
	opacity:1;
}

#MainMenu ul.submenu li{list-style-type:none;justify-content: flex-start;flex-direction:column;align-items: center;text-align: center;}
#MainMenu ul.submenu {max-height:0px;overflow:hidden;}
#MainMenu a.submenu {position:relative !important;}
#MainMenu .menu.head>li{line-height:72px;margin:0;}
#MainMenu .menu.head li.collection-menu:hover  ul.collectie_slider{max-height:500px;transform:scaleY(1);transition: all .5s ease;transform-origin:top;padding-bottom: 20px;padding-left: 3rem;padding-right: 3rem;}
#MainMenu .menu.head li.collection-menu  ul.collectie-arrows{display:none!important;}
#MainMenu .menu.head li.collection-menu:hover  ul.collectie-arrows{display:block !important;transition: all .5s ease;transform-origin:top;}
#MainMenu .menu.head li.collection-menu:hover  ul.collectie-arrows .arrowb{top:8%;z-index:99;}
#MainMenu ul ul ul{padding-top:20px;padding-left: 0;}
#MainMenu ul ul ul li a{	padding-top:8px;	font-size: 21px;}

#MainMenu label[for="MainMenu-status"]{display:none;}


@media (max-width: 585px) {
   header .mm-span{width: unset!important;}
   header .logo img {max-width: unset;}
     h3{top: 0% !important; font-size: 2rem;}
    .button-primary{ top: 62% !important;}
    .grid-servicii {grid-template-columns: repeat(2, 1fr)!important;}
    .contacte .text-contacts {padding:unset!important;}
    footer .cookies span {display:block;margin-top: 20px;}
    .grid-servicii-item {    padding: 23px 22px !important;  }
     #clienti-images span img {   padding: 61px 32px !important;}
   
}
/******END media 585px**********/

@media(max-width:474px){
	h3{font-size: 1.4rem!important;width: 271px;}
	.button-primary {top: 39%!important;}
   header .header-darion{font-size:17px!important;padding-left:0!important;padding-right:0!important;}
   a.logo svg>image{width: 54px !important;}
   h2 {    line-height: 38px;     font-size: 29px;    padding-bottom: 20px;  margin-bottom: 8px!important;}
   .padd {    padding-top: 26px !important;    padding-bottom: 38px !important;  }
   #FooterMainMenu .menu.head{flex-direction:column!important;}
   #FooterMainMenu .menu.head > li {  line-height: 47px!important; text-align:center!important;}
    .grid-servicii-item {  padding: 18px 15px !important; }
    #sliderProiecte p {padding: 0px 36px!important;}
    footer .cookies {width:100%;}
     #clienti-images span img {   padding: 61px 32px !important;}

}
/******END media 412px**********/

@media (max-width:742px){
	footer {min-height:150px;}
	footer a{ font-size:14px;}
}
 
.scrollUpPage {
  position: fixed;
  bottom: 30px;
  right: 60px;
  width: 80px;
  height: 30px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  z-index: 15;
}


header .header-darion, footer .header-darion{color:#00004F;text-transform:uppercase;font-size:25px;font-weight:900; display:inline-block;}
header #MainMenu, header .block-language{display:inline-block;}

.padd{padding-top:70px;padding-bottom:70px;}
.sliderTopItem{display:block!important;}
.sliderTopItem .cont-text{float:left;margin-top:79px;}
.sliderTopItem .cont-ima{float:right;}

.about-us{background-color:#edefe9;}
.about-us img[alt="hale"]{max-width: 326px;}
.about-us .text-detailed{
	color: #8f8f8f;
  line-height: 24px;
  font-weight: 500;
}
 .about-us #about-images{display:inline-block; float:right;margin-left:0;}
					 #about-images .slick-dots {
					  display: inline-flex;
					  justify-content: start;
					  padding-left: 0;
					  position: absolute;
					  top: 90%;
					  left: 53%;
					  transform: translateX(-53%);
					 }
					 #about-images .slick-dots .slick-active{  background-color: #fff; opacity:1;}
					 #about-images .slick-dots li { background-color: #fff; opacity:0.55; }
 
 .servicii{text-align:center;border-bottom:1px solid #edefe9;}
 .grid-servicii{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1rem;
  list-style-type:none;	
  padding-left: 0;
 }
 
 .grid-servicii-item{
  padding: 24px 35px;
  font-weight: 700;
  text-align: center;
  background-color: #edefe9;
  border-radius: 6px;
  color: var(--basic);
  font-size: 18px;
  letter-spacing: 0.65px;
  line-height: 21px;
 }
 
 #sliderProiecte .card{
  border:none;	
  display:inline-block;
 }
 .servicii .text-detailed{color:#8f8f8f;}
  #sliderProiecte h5{
  text-align: center;
  font-size: 18px;
  color: var(--basic);
  font-weight: 500;
  text-transform: none;
  max-width: unset;
  letter-spacing: 0.1px;
  padding: 0 40px;
  min-height:40px;
  white-space: normal;
 }
   #sliderProiecte p {
   text-align: center;
	  padding: 0px 75px;
	  font-size: 14px;
	  color: #9e9e9e;
	  min-height:78px;
	  white-space: normal;
  }
   #sliderProiecte .slick-slide{margin-left:10px!important;}
   #clienti-imgaes .slick-slide{margin-left:39px!important;}
    
  
   .clienti{background-color:#edefe9;}

   #clienti-images span{background-color:#fff;max-width:385px; height:140px;position:relative; margin: 0 12px;  border-radius: 5px;}
   #clienti-images span img{ position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
   
   .contacte{background-color:#062e4d;}
   .contacte h2, .contacte h6,.contacte span,.contacte a{color:#fff;margin:10px auto;text-align: center;}
   .contacte a{text-decoration:underline;display:block;}
      .contacte a:hover{text-decoration:none;}
      .contacte a:first-child{margin-top: 41px;}
   .contacte span{display:block;}
   .contacte h6{text-transform:uppercase;font-size: 16px;}
   .contacte .text-contacts{padding:0 100px;}
   .contacte .text-contacts .borders{border-right:1px solid #285679;border-left:1px solid #285679;}
   .construim-slider .slick-dots{position:static!important;padding-left: revert-layer!important;}
   
   footer {position:relative;padding-bottom:100px!important;}
   footer .menu.head > li {  line-height: 90px; }
   footer .menu.head a{font-size:16px;padding: 0 42px;}
   footer div>span{color:var(--basic);font-size:13px;}
    .cookies{
		  background-color: var(--basic);
		  padding: 15px 35px;
		  color: #fff;
		  border-radius: 6px;
		  border: unset;
		  margin: 0 auto;
		  display: block;
		  margin-top: 40px;
		  position: fixed;
		  left: 50%;
		  transform: translate(-50%);
		  bottom: 0px;
		  z-index: 9999999;
		  font-size: 18px;
   }
   .cookies button{border: 1px solid #fff;  color: #fff;  padding: 15px 27px;  border-radius: 27px;  margin-left: 10px;background-color: var(--basic);font-size: 18px;}
   @media(max-width:991px){
   	.cookies, .cookies button{font-size:15px;}
   	.cookies {padding: 15px 24px;text-align: center;min-width: 318px;}
   	.cookies button {margin-top:20px;}
   }
   
   footer .alltime{text-decoration:underline;}
      footer .alltime:hover{text-decoration:unset;}
    
      

#FooterMainMenu .contact-us.d-block a{width: 300px;margin-bottom:20px;}

#FooterMainMenu .menu.head>li{line-height:72px;margin:0;}
#FooterMainMenu .menu.head li.collection-menu:hover  ul.collectie_slider{max-height:500px;transform:scaleY(1);transition: all .5s ease;transform-origin:top;padding-bottom: 20px;padding-left: 3rem;padding-right: 3rem;}
#FooterMainMenu .menu.head li.collection-menu  ul.collectie-arrows{display:none!important;}
#FooterMainMenu .menu.head li.collection-menu:hover  ul.collectie-arrows{display:block !important;transition: all .5s ease;transform-origin:top;}
#FooterMainMenu .menu.head li.collection-menu:hover  ul.collectie-arrows .arrowb{top:8%;z-index:99;}
#FooterMainMenu ul ul ul{padding-top:20px;padding-left: 0;}
#FooterMainMenu ul ul ul li a{	padding-top:8px;	font-size: 21px;}

#FooterMainMenu label[for="MainMenu-status"]{display:none;}

#FooterMainMenu .menu.head{display:flex;flex-direction:row;}