/* RESET */
h1, h2, h3, h4, h5, h6, ul, ol, li , dl, dd, dt {margin: 0;padding: 0;}
ul, ul li {list-style: none;}
img {border: 0 none;}
a {text-decoration: none; transition: all 0.5s;}
p {margin: 0 0 20px 0;padding: 0;line-height: 1.5;}
.clear {clear: both;}
* {box-sizing: border-box;}
/* end reset */

@font-face {font-family: "openlight"; src: url("../fonts/Open_Sans/OpenSans-Light.ttf");}
@font-face {font-family: "open"; src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");}
@font-face {font-family: "open"; src: url("../fonts/Open_Sans/OpenSans-Regular.woff");}
@font-face {font-family: "openbold1"; src: url("../fonts/Open_Sans/OpenSans-Semibold.ttf");}
@font-face {font-family: "openbold2"; src: url("../fonts/Open_Sans/OpenSans-Bold.ttf");}
@font-face {font-family: "openbold2"; src: url("../fonts/Open_Sans/OpenSans-Bold.woff");}
@font-face {font-family: "openbold3"; src: url("../fonts/Open_Sans/OpenSans-ExtraBold.ttf");}

@font-face {font-family: "opencondbold"; src: url("../fonts/Open_Sans_Condensed/OpenSansCondensed-Bold.ttf");}


@font-face {
      font-family: 'awesome-entypo';
      src: url('../font/awesome-entypo.eot?22577642');
      src: url('../font/awesome-entypo.eot?22577642#iefix') format('embedded-opentype'),
           url('../font/awesome-entypo.woff?22577642') format('woff'),
           url('../font/awesome-entypo.ttf?22577642') format('truetype'),
           url('../font/awesome-entypo.svg?22577642#awesome-entypo') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
.demo-icon {
      font-family: "awesome-entypo";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.codesOn .i-name {display: none;}
.codesOn .i-code {display: inline;}
.i-code {display: none;}



/* luat din bootstrap */
@media (min-width: 576px) {
	.container {
		width: 100%; margin: auto;
		max-width: 540px; text-align: left;
	}
}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1320px;}}

:root {
	--albastru: #377ca3; /* 55 124 163 */
}

body {
	background: #fff;
	font-family: open;
	font-size: 14px;
	text-align: center;
	color: #000;
	margin: 0px 0;
	padding: 0;
	}
#mobil-menu {display: none;}
.topmenu {
	position: fixed; top: 0px; left: 0;	z-index: 510;
	width: 100%; background: #fff;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .10);
	border-bottom: 2px solid rgba(0, 0, 0, .2);
	}
.topmenu-cont {
	position: relative;
	height: 80px;
	margin: 0 auto;
	/*background: #aaa;*/
	}
.sigla {position: absolute; top: 3px; left: 0px;}
.sigla img {
	width: 240px;
	position: absolute; top: 3px; left: 2px; z-index: 110;
	}
.sigla-border {
	display: block; width: 240px; height: 40px;
	position: absolute; top: 78px; left: 0px; z-index: 100;
	border: 2px solid rgba(0, 0, 0, .2); border-top: none;
	border-radius: 0 0 5px 5px;
	background: #fff;
	}



.cautare {
	display: block;
	position: absolute;	top: 0px; left: 405px;
	overflow: hidden; transition: all 0.5s;
	}

.cautare input[type="text"] {
	border: 1px solid rgba(19, 94, 94, .2); border-top: none;
	border-radius: 0 0 5px 5px;
	padding: 6px 20px;
	font: bold 14px open; line-height: 14px;
	width: 250px;
	background: #fff;
	background-size: 25px;
	transition: all 0.5s;
	}
.cautare i {
	position: absolute;	top: 0px; right: 0px;
	transform: rotate(270deg);
	font-size: 30px;
	color: #999;
	transition: all 0.5s;
	}
.cautare input:hover {background-color: #f4f4f4; color: #333;}
.cautare:hover i {color: blue;}

.cautare input[type="text"]::-webkit-input-placeholder {color: #999;}
.cautare input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #999;}
.cautare input[type="text"]::-moz-placeholder {  /* Firefox 19+ */color: #999;}
.cautare input[type="text"]:-ms-input-placeholder {color: #999;}







#cautare_avans2 {position: absolute;	top: 62px; left: 400px;	z-index: 300;}
#cautare_avans {
	position: relative;
	border: 4px solid #ddd; border-top: none;
	border-radius: 0 0 3px 3px;
	width: 275px;
	background: #fff;
	padding: 0 10px 10px 10px;
	text-align: left;
	}
#cautare_arrow {
	position: absolute;	top: -8px;
	right: 50px;
	display: block;
	width: 25px;
	height: 15px;
	background: url(../assets/cautare_arrow.png) no-repeat 0 0;
	}
#cautare_avans h2 {
	font: 14px open;
	background: #eee;
	text-shadow: 1px 0px #fff;
	margin: 20px 0 5px 0;
	padding: 5px 10px 5px 10px;
	border-radius: 2px 2px 0 0;
	}
#cautare_avans h2 span {
	font: 12px open;
	padding: 0 0 0 5px;
	}

.cautare_txt {
	display: block;
	text-decoration: none;
	color: #555;
	background: url(../assets/li.png) no-repeat 0 4px;
	padding: 0 0 0 14px;
	margin: 0 0 3px 0;
	}
.cautare_txt:hover {
	background: #eee url(../assets/li.png) no-repeat 0 4px;
	}
a#cautare_vezi, #cautare_avans input {
	display: block;
	background: #777 url(../assets/lupa2.png) no-repeat 20px 3px;
	color: #fff;
	font: bold 14px open;
	border-radius: 2px;
	padding: 10px 0;
	margin: 10px 0 0 0;
	text-align: center;
	text-decoration: none; text-shadow: none;
	border: 0 none;
	width: 100%;
	cursor: pointer; transition: all 0.5s;
	}
a#cautare_vezi:hover, #cautare_avans input:hover {
	display: block;
	opacity: 0.7;
	}

.cautare_txt2 {
	display: block;
	text-decoration: none;
	color: #135484;
	background: url(../assets/arrow7.png) no-repeat 0 4px;
	padding: 0 0 0 14px;
	margin: 0 0 6px 0;
	line-height: 14px;
	}
.cautare_txt2:hover {
	background: #eee url(../assets/arrow7.png) no-repeat 0 4px;
	}



.cautare_raspuns {
	margin: 0 0 20px 0;
	}
.cautare_raspuns p {
	margin: 0 0 0px 0;
	padding: 0;
	}






.social-media {position: absolute; top: 0px; right: 330px;}
.social-media a {display: inline-block;font-size: 22px; color: #777; margin: 0 5px 0 0px;}
.social-media .demo-icon {margin: 0;}
.social-media a:nth-child(1):hover {color: var(--albastru);}
.social-media a:nth-child(2):hover {color: #0177b5;}


.minimenu {position: absolute; top: 5px; right: 0px;}
.minimenu ul li {display: inline-block;position: relative;}
.minimenu ul li a {
	position: relative;
	display: inline-block;
	color: #999;
	margin: 0 0px 0 16px;	
	text-transform: uppercase;
	font: bold 12px open; line-height: 14px; letter-spacing: 0px;
	}
.minimenu ul li a:hover {opacity: 0.7;}



#smoothmenu2 {position: absolute; bottom: 0px; right: 0px;}
/* nu pune bottom: 0; la ul ! */

#smoothmenu2 ul li {display: inline-block; margin: 0; position: relative;}
#smoothmenu2 ul li a {
	display: inline-block;
	position: relative;
	background: #fff; color: #333;
	padding: 7px 10px;	margin: 0 1px 0 0;	
	border-radius: 4px 4px 0 0; 
	text-transform: uppercase;
	font: 14px/1 openbold2;
	/*box-shadow: inset 0px -30px 30px 0px rgba(0, 0, 0, .1);*/
	}
#smoothmenu2 ul li a i {opacity: 0.8; margin: 0 5px 0 0;}

#smoothmenu2 ul li a:hover {background: var(--albastru);color: #fff; text-shadow: none; opacity: 0.7;}
#smoothmenu2 ul li a:hover i {opacity: 1;}

#smoothmenu2 ul li a img {
	display: block;
	position: absolute;	bottom: -9px; left: 50%;	margin-left: -7px;
	z-index: 100;
	}
	
#smoothmenu2 ul li a.selected {
	background: var(--albastru);
	color: #fff; text-shadow: none;
	}
	
#smoothmenu2 ul li a.stop-top {background-color: var(--albastru); color:#fff;}
#smoothmenu2 ul li a.stop-top i {opacity: 1;}
#smoothmenu2 ul li a.stop-top:after {
	content: "";
	display: block;
	width: 0px; height: 0px; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--albastru);
	position: absolute;	left: 50%; bottom: -7px; margin-left: -10px;
	z-index:110;
	}

	
#smoothmenu2 ul ul {
	display: none !important; /* inchis din 2025.12.09 */
	position: absolute; z-index: 105;
	margin: 0px 0 0 0;padding: 10px;
	width: 200px;
	text-align: left;
	background: #fff; border-radius: 0 0 7px 7px;
	border: 2px solid rgba(19, 94, 94, .3); border-top: 1px solid #fff;
	}
#smoothmenu2 ul ul i {display: none;}
#smoothmenu2 ul li:last-child ul {width: 110px;}

#smoothmenu2 li li {
	background: none; padding: 0;
	display: block; vertical-align: top;
	}
#smoothmenu2 ul li li a {
	color: #333;
	background: #fff url(../assets/li.png) no-repeat 6px 9px !important;
	font: bold 12px open; line-height: 15px; letter-spacing: 0px;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 20px !important;
	border: none;
	}


#smoothmenu2 ul li li a:hover {
	box-shadow: inset 0 100px 0px 0px rgba(0, 0, 0, .06);
	border-radius: 0; color: #000; opacity: 1;
	}
	
.ddsmoothmenu ul li ul {
	position: center;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	}
	
	
.header-icon {
	display: inline-flex; align-items: center;
	font: 14px/1 openbold2;
	color: #333;
	margin: 0 0 0 25px;
	transition: all 0.5s;
}
.header-icon:hover {color: var(--albastru);}
.header-icon:before {
    content: "";
    display: inline-flex; width: 20px; height: 20px;
    margin: 0px 7px 0px 0px;
    background: #000;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;   
	transition: all 0.5s;
}
.header-email:before {
	-webkit-mask-image: url(/assets/mail_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg);
}
.header-tel:before {
	-webkit-mask-image: url(/assets/phone_forwarded_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg);
}
.header-icon:hover:before {background: var(--albastru);}
	
.vezi-meniumobil {display: none;}
	
	
.global {
	display: block;background: #fff; min-height: 500px; padding: 130px 0 30px 0;
	/*box-shadow: 0px 15px 0px 0px rgba(0, 0, 0, .1);*/
	}
.global-cont {position: relative; margin: 0 auto; text-align: left;}


/* RIGHT */

.rightside {
	display: none;
	float: right; width: 230px; margin: 120px 0 0 0;}
.calc-right {
	position: fixed; top: 270px; right: 50%; margin-right: -640px;
	display: block; width: 200px;
	background: linear-gradient(90deg, #7b80be, var(--albastru)); color: #fff;
	border-radius: 5px;
	padding: 20px 15px 60px 15px;
	min-height: 80px;
	}
.calc-right:hover {background: linear-gradient(90deg, var(--albastru), var(--albastru));}

.calc-right span {
	position: absolute; top: -130px; left: 5px;
	display: block;color: var(--albastru);
	font: 40px lobster;	line-height: 40px;
	transform: rotate(-19deg) skewX(-10deg);
	}
/*.calc-right:hover span {color: #0011cb;}*/
.calc-right i.icon-calc {
	position: absolute; top: 10px; right: 10px;
	font-size: 50px; opacity: 0.7;
	transition: all 0.5s;
	}
.calc-right:hover i.icon-calc {
	top: -40px; opacity: 1; transform: scale(1.2,1.2);
	text-shadow: 0px 0px 10px rgba(69, 75, 154, 1);
	}
.calc-right i.icon-angle-circled-left {
	position: absolute; top: 40px; right: 20px;
	font-size: 35px; opacity: 0;
	transition: all 0.5s;
	}
.calc-right:hover i.icon-angle-circled-left {opacity: 0.8;}

.calc-right p {
	font: 20px open; line-height: 26px;
	padding: 0 20px 0 0;
	}
.calc-right p strong {font: 20px openbold2;}

.calc-right em { /*ascuns*/
	position: absolute; bottom: 0px; left: 0px;
	display: none; width: 200px; background: linear-gradient(90deg, #333, #000);
	padding: 10px 15px;
	border-radius: 0 0 5px 5px;
	font: 13px open; text-align: center; text-transform: uppercase;
	border-top: 5px solid rgba(255,255,255,0.5);
	}
.calc-right:hover em {background: #000;}


	
.right-nou {
	display: block;
	color: #555;
	border: 1px solid #e3e3e3; border-radius: 3px;
	padding: 10px 15px 25px 15px; margin: 10px 0;
	background: linear-gradient(90deg, #fff, #eee);
	transition: all 0.5s;
	}
.right-nou strong {
	display: block;
	color: var(--albastru);
	font: bold 18px open; line-height: 21px;
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	border-bottom: 1px dashed #999;
	}
.right-nou span {
	text-transform: uppercase;
	font: bold 12px open; line-height: 12px;
	float: right;
	}
.right-nou span i {font-size: 14px;}
.right-nou:hover span {color: #000;}
.right-nou:hover {background: #fff;}

/* end right */



.content {position: relative;float: left; width: 100%; margin: 30px 0 0 0;}

.banner {
	display: block; overflow: hidden;width: 100%; height: 350px; margin: 0 0 40px 0;border-radius: 3px;
	background-position: 0 -200px;	background-size: cover;
	animation-name: b200; animation-duration: 4s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	}
@keyframes b200 {
    0%  {background-position: 0 -150px;}
    100% {background-position: 0 -300px;}
	}


h1 {font: bold 24px open; color: var(--albastru); margin: 0 0 20px 0;}
h1 span {color: #777;}
h1 i {font-size: 18px; opacity: 0.7;}
h2 {font: bold 20px open; margin: 0 0 15px 0;}
.content p {font: 14px open; line-height: 1.5; margin: 0 0 18px 0;}
.content p a {color: var(--albastru); border-bottom: 1px solid var(--albastru);}
.content p a:hover {color: #333; border-bottom: 1px solid #999;}

.emblema {
	position: absolute; top: -60px; right: 0;
	font-size: 60px; padding: 10px;
	border: 1px solid #ddd; border-radius: 300px;
	}
.emblema i {opacity: 0.5;}
/*
.content li {
	background: url(../assets/li.png) no-repeat 0 4px; padding: 0 0 0 12px;
	margin: 0 0 3px 0;
	}*/


/* HOME */

.home-banner-2025 img {
	width: 100%; height: 600px;
	object-fit: cover;
}
.home-banner-2025 .container {position: relative;}
.swiper-textul {
    position: absolute; top: -462px; left: 0px;
    z-index: 20;
    width: 450px; padding: 30px;
	background: rgba(37 73 93 / 90%); color: #fff;
	border-radius: 10px;
	
}
.swiper-textul p {font: 24px/1.3 open;}
.swiper-textul li {
	position: relative;
	padding: 0 0 7px 30px;
	font: 16px/1.3 open;
}
.swiper-textul li:before {
    content: "";
	position: absolute; top: 3px; left: 0;
    display: inline-flex; width: 20px; height: 20px;
    background: #fff;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;   
	-webkit-mask-image: url(/assets/arrow_outward_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg);
	transition: all 0.5s;
}


.body-home .calc-right {
	position: absolute; top: 550px !important; z-index: 500;
	text-align: left;
	}
.calc-right-alb {
	display: block; width: 250px; height: 480px;
	background: #fff; opacity: 0.8; 
	position: absolute; top: 350px; right: 50%; margin-right: -650px; z-index: 490;
	border: 1px solid #ddd; border-radius: 150px 150px 5px 5px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
	}
	
.ht {
	display: block; width: 100%; height: auto;
	background: #fff;padding: 30px 0 0 0;
	}
.home-text {
	margin: 0 auto; padding: 0;
	text-align: left;
	}
.home-text h2 {
	font: bold 40px openlight; line-height: 44px;
	color: var(--albastru);
	margin: 0 auto 20px auto;
	}
.home-text h2 i {margin: 0 10px 0 -3px; opacity: 0.7;}
.home-text .divtext {border: none; padding: 0; margin: 10px auto;}
.home-text h3 {font: bold 18px open; margin: 0 0 10px 0;}

.home-text ul {margin: 0 0 20px 0;}
.home-text li {margin: 0 0 8px 0;}
.home-text li i {opacity: 0.6; margin: 0 0 0 -2px;}
.home-text li strong {color: var(--albastru); font: 14px openbold2; letter-spacing: -0.3px;}
.mm {
	display: inline-block;
	text-transform: uppercase;
	font: bold 14px open;
	color: #fff; background: var(--albastru);
	padding: 7px 20px; margin: 10px 0;border-radius: 5px;
	}
.mm:hover {opacity: 0.7;}

.banner-home {
	width: 100%; height: 400px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: 0 0;
	background-size: cover;
	text-align: left;
	}
.banner-home .container {position: relative;}
.banner-home.bh2 {background-position: 0 -100px;}

.bh-text {
	position: absolute; top: 2px; left: 0;
	background: #fff; border-radius: 300px; opacity: 0.7;
	width: 280px; height: 220px;
	text-align: left; vertical-align: middle;
	padding: 90px 0 0 30px;
	box-shadow: 20px 20px 0 0 rgba(0, 0, 0, 0.6);
	transition: all 0.5s;
	zoom: 1.3;
	}
.bh-text li a {font: bold 18px open; color: #000; letter-spacing: -0.5px;}
.bh-text:hover {opacity: 0.9;}
.bh-text li a:hover {color: var(--albastru);}

.bh2 .bh-text  {left: 50%; margin-left: 190px;padding: 50px 0 0 40px;width: 270px; height: 260px;}
.bh2 .bh-text li a {font: bold 14px open;}

/* end home */


.topmenu ul {margin: 0;}
.topmenu ul li {padding: 0;}
ul {margin: 0 0 20px 0;}
ul li {padding: 0 0 5px 0;}


/*.content ul {margin: 0 0 20px 0;}
.content li {
	background: url(../assets/li.png) no-repeat 0 7px; padding: 0 0 3px 14px;
	font: 14px open; line-height: 18px;
	}
.content p.imp {font: bold 18px open; border-bottom: 1px solid #ccc; padding: 0 0 15px 0;}*/
.divtext {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 40px;
	margin: 25px 0 30px 0; padding: 0 0 20px 0;
	
	}
.divtext h3 {
	grid-column: 1/-1;
	font: 28px/1.2 open;
	margin: 20px 0 10px 0;
}
.lat {grid-column: 1/-1;}
.divtext li {position: relative; padding: 0 0 10px 24px;}
.divtext ul li:before {
	position: absolute; top: 3px; left: 0;
	content: "\f138";
	font: 15px "awesome-entypo";
	margin: 0 7px 0 0;
	color: #777;
}
.divtext ul li li:before {
	color: #aaa;
	padding: 0 0 0 20px;
}
.divtext ul ul {margin: 5px 0 10px 0;}
.divtext li li {padding-left: 40px;}

.produse {width: 1030px;}
.produs {
	display: inline-block; vertical-align: top; width: 490px; margin: 20px 20px 20px 0;
	position: relative;
	}
.produs strong {
	display: block;
	font: bold 20px open; line-height: 20px; color: #333;
	text-transform: uppercase; margin: 0 0 10px 0;
	letter-spacing: -1px;
	}
.produs img {width: 100%; border-radius: 5px;}
.produs span {
	display: block; text-align: center;
	text-transform: uppercase;
	position: absolute; top: 117px; left: 50%; margin-left: -81px; z-index: 10;
	background: #000; color: #fff; opacity: 0;
	font: bold 20px open; line-height: 20px;
	padding: 28px 30px 48px 30px; border-radius: 300px;
	transition: all 0.5s;
	border: 13px solid rgba(255, 255, 255, 0.6);
	}
.produs span i {margin: 0 0 10px 0; font-size: 30px; opacity: 0.7;}
.produs em {font: 21px openbold3;}

.produs:hover span {opacity: 0.7;}


.portofoliu {border-spacing: 5px; width: 1010px; margin: 30px 0 20px -5px;}
.portofoliu th {
	background: #777; color: #fff;
	border: 1px solid #777; border-radius: 3px; 
	padding: 10px 20px;
	font: bold 16px open; line-height: 18px;
	}
.portofoliu th:first-child {background: #333; text-transform: uppercase;}
.portofoliu th i {float: right; font-size: 22px; opacity: 0.5;}
.portofoliu td {
	background: #fff; color: #333;
	border: 1px solid #ddd; border-radius: 3px; 
	padding: 10px 20px;
	font: bold 13px open; line-height: 16px;
	}
.portofoliu td:first-child {
	background: #eee;
	text-transform: uppercase; text-shadow: 1px 1px #fff;
	}

	
.noutati {width: 1030px; margin: 40px 0;}
.noutate {
	position: relative;
	display: inline-block; vertical-align: top; width: 295px; min-height: 200px;
	color: #555;
	margin: 0 25px 40px 0; padding: 0 0 0 15px;
	border-left: 4px solid #ddd;
	transition: all 0.5s;
	}
.noutate strong {
	display: block;
	font: bold 14px open; line-height: 16px;
	color: var(--albastru);
	margin: 0 0 10px 0;
	}
.noutate span {position: absolute; bottom: 0px; left: 15px;}
.noutate span i {opacity: 0.5;}

.noutate:hover strong {color: #333;}
.noutate:hover {border-left: 4px solid #999;}
.noutate:hover span {color: #000;}

img[alt="Echipa"] {width: 100%;}

/* CALCULATOR */

.calc-form {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	text-align: justify;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
	margin: 25px 0 30px 0; padding: 0 0 20px 0;
	border-bottom: 1px dashed #999;
	}
.calc-form p {margin: 0 0 10px 0;}
.calc-form p.captcha input {margin: 0 5px 0 -5px}
.calc-form p.captcha img {}

.calc-form span {
	display: inline-block; vertical-align: top; width: 150px;
	}
.calc-form select {
	-webkit-appearance: none;
	background: #fff url(../assets/arrow10.png) no-repeat right;
	background-size: 13px;
	width: 200px; border: 1px solid #ccc; border-radius: 3px;
	font: 14px open; line-height: 18px; color: #555;
	padding: 7px 10px; margin: 0 0 0 -5px;
	transition: all 0.5s;
	}
.calc-form input[type="text"] {
	-webkit-appearance: none;
	background: #fff;
	background-size: 13px;
	width: 120px; border: 1px solid #ccc; border-radius: 3px;
	font: 14px open; line-height: 18px; color: #555;
	padding: 7px 10px; 
	transition: all 0.5s;
	}
.calc-form select:hover, .calc-form input:hover {border: 1px solid #777;}
.calc-form input[type="text"]::-webkit-input-placeholder {color: #aaa;}
.calc-form input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #aaa;}
.calc-form input[type="text"]::-moz-placeholder {  /* Firefox 19+ */color: #aaa;}
.calc-form input[type="text"]:-ms-input-placeholder {color: #aaa;}
	
.evalueaza {
	display: inline-block; vertical-align: top;
	background: var(--albastru); color: #fff;
	font: 18px openbold2; line-height: 20px;
	text-align: center; border: none; border-radius: 5px;
	cursor: pointer;
	padding: 15px 0; width: 350px; margin: 10px 0 20px 0;
	text-transform: uppercase;
	box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, .2);
	text-shadow: 2px 2px 8px #000;
	transition: all 0.5s;
	}
.evalueaza i {font-size: 25px; margin: 0 15px 0 0;}
.evalueaza:hover {background: #23296b;}

.comanda {
	display: inline-block; vertical-align: top;
	background: #555; color: #fff;
	font: 18px openbold2; line-height: 20px;
	text-align: center; border: none; border-radius: 5px;
	cursor: pointer;
	padding: 15px 0; width: 350px; margin: 10px 0 20px 0;
	text-transform: uppercase;
	box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, .2);
	text-shadow: 2px 2px 8px #000;
	transition: all 0.5s;
	}
.comanda i {font-size: 25px; margin: 0 15px 0 0;}
.comanda:hover {background: #333;}

.calc-output {
	/*position: absolute; top: 480px; right: 0;*/
	display: inline-block; vertical-align: top; width: 560px; float:right;
	border: 1px solid #ccc; border-radius: 5px;
	padding: 10px 20px; margin: 10px 0 10px 0px;
	}
.total {
	display: inline-block; vertical-align: top;
	font: 20px open; line-height: 25px;
	background: #ddd; letter-spacing: -0.5px;
	border-radius: 5px;
	padding: 10px 20px; margin: 10px 20px 50px 0;
	}
.total strong {
	font: 30px openbold2; line-height: 30px; letter-spacing: -1px;
	text-shadow: 1px 1px #fff; color: #212b9b;
	margin: 0 0 0 10px;
	}
.totalmp {
	display: inline-block; vertical-align: top;
	font: 20px open; line-height: 25px;
	background: #ddd; letter-spacing: -0.5px;
	border-radius: 5px;
	padding: 10px 20px; margin: 10px 20px 10px 0;
	}
.totalmp strong {
	font: 30px openbold2; line-height: 30px; letter-spacing: -1px;
	text-shadow: 1px 1px #fff; color: #212b9b;
	margin: 0 0 0 10px;
	}

.cum-funct {border-top: 1px dashed #999; padding: 20px 0 0 0;}

.h3-content {font: bold 16px open; margin: 0 0 10px 0;}

.finisaje tr:first-child td {
	background: #555; color: #fff; border: none;
	text-align: center;
	font: 14px openbold2; line-height: 14px;
	text-transform: uppercase;
	padding: 10px 20px; border-radius: 3px;
	}
.finisaje td {
	width: 25%;
	border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;
	padding: 10px 20px; border-radius: 0 0 3px 0; vertical-align: top;
	}
.finisaje td:first-child {
	border-left: 1px solid #aaa; border-radius: 0 0 3px 3px;
	}
	
/* end calculator */
.inapoi {
	text-transform: uppercase;
	color: #fff;
	font: 14px openbold2; line-height: 14px;
	position: absolute; top: 30px; right: 190px;
	background: #bbb; border-radius: 3px 3px 0 0;
	padding: 5px 10px;
	}
.inapoi:hover{opacity: 0.7;}

.parteneri {margin: 50px 0 0 0; text-align: center;}
.parteneri h4 {
	grid-column: 1/-1;
	font-size: 14px; font-weight: 500;
	text-align: left;
}
.parteneri a {
	display: inline-block; vertical-align: top; width: 280px;
	margin: 10px 20px 30px 20px;
	}
.parteneri a span {
	display: none; margin: 0 0 7px 0; padding: 0 0 3px 0;
	font: 16px open; line-height: 25px;
	color: #777;
	border-bottom: 1px dashed #ddd;
	}
.parteneri a img {width: 70%; max-height: 100px; object-fit: contain;}
.parteneri a:hover {opacity: 0.7;}

.oameni {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	margin: 40px 0;
}
.om {
    border: 1px solid #aaa;
    border-radius: 20px;
    padding: 40px;
}
.om h3 {
    display: block;
    font: bold 18px/1 open;
    color: var(--albastru);
    margin: 0 0 5px 0;
}
.om h3 span {
	color: #777;
	font: 16px open; line-height: 20px;
	display: block;
	}
.om h4 {
	font: 12px/1 openbold2;
	text-transform: uppercase;
	margin: 8px 0 25px 30px;
}
.content .om p {
	margin: 0 0 5px 0;
}
.content .om a {
	display: inline-flex; align-items: center;
	color: #333; 
	border: 0;
	}
.om a:hover {opacity: 0.7;}
.om-content {
    min-height: 60px;
    padding: 0 0 0 20px;
    border-left: 10px solid #ddd;
    margin: 0 0 20px 0;
}
.om .email:before {
    content: "";
    display: inline-flex; width: 20px; height: 20px;
    margin: 0px 7px 0px 0px;
    background: #555;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url(/assets/mail_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg);
    transition: all 0.5s;
}
.om .tel:before {
    content: "";
    display: inline-flex; width: 20px; height: 20px;
    margin: 0px 7px 0px 0px;
    background: #555;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url(/assets/phone_forwarded_24dp_1F1F1F_FILL1_wght400_GRAD0_opsz24.svg);
    transition: all 0.5s;
}

.coldoi {display: inline-block; vertical-align: top; width: 235px;}

.contact-form {
	position: relative;
	display: inline-block; vertical-align: top; 
	width: 760px; 
	}
	
.contact-form i {position: absolute; font-size: 20px; opacity: 0.5; color: blue;}

.contact-form .icon-user-1 {top: 3px; left: 235px;}
.contact-form .icon-mail-1 {top: 40px; left: 235px;}
.contact-form .icon-phone-squared {top: 79px; left: 235px;}
.contact-form .icon-pencil-squared {top: 5px; left: 490px;}

.contact-form input[type="text"], .contact-form textarea {
	border: none; border-radius: 3px;
	background: #fff; padding: 5px 7px; margin: 0 0px 7px 0;
	font: 13px open; line-height: 13px;
	width: 100%; transition: all 0.5s;
	border: 1px solid #ddd; border-radius: 4px;
	}

	
.contact-form textarea {min-height: 91px;}
.cf-col {display: inline-block; vertical-align: top; width: 215px; margin: 0 0 0 35px;}
.captcha {}
.contact-form .captcha input[type="text"] {display: inline-block; vertical-align: top;width: 65px; margin: 0px 10px 7px 0;}
.captcha img {
	border-radius: 3px; /*filter: hue-rotate(270deg);*/ width: 120px;
	filter: grayscale(100%);
	}	
.trimite {
	-webkit-appearance: none; appearance: none;
	background: #000 url(../assets/trimite.png) no-repeat -20px 10px;
	background-size: 70px;
	color: #ddd; border: none; border-radius: 3px;
	font: 18px openbold2; line-height: 14px;
	text-transform: uppercase; text-align: left;
	width: 100%; padding: 23px 0 23px 75px; margin: 5px 0 0 0;
	cursor: pointer;
	transition: all 0.5s;
	}
/*.trimite i {font-size: 20px; margin: 0 5px 0 0;}*/
.trimite:hover {background-color: #252a60;}
	
.contact-form input[type="text"]::-webkit-input-placeholder {color: #555;}
.contact-form input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #555;}
.contact-form input[type="text"]::-moz-placeholder {  /* Firefox 19+ */color: #555;}
.contact-form nput[type="text"]:-ms-input-placeholder {color: #555;}

.contact-form textarea::-webkit-input-placeholder {color: #555;}
.contact-form textarea:-moz-placeholder { /* Firefox 18- */color: #555;}
.contact-form textarea::-moz-placeholder {  /* Firefox 19+ */color: #555;}
.contact-form textarea:-ms-input-placeholder {color: #555;}

.contact-form input[type="text"]:hover, .contact-form textarea:hover {border: 1px solid #777;}



.email {color: blue;}
.email:hover {color: #555;}


.harta {
	width: 1000px; height: 450px;
	border-radius: 5px;
	margin: 20px 0;
	}

/* FORUMASH */
.intreaba {
	margin: 0 0 15px 0; padding: 0 0 5px 0;
	border-bottom: 5px solid #eee;
	}
.intreaba h2 {
	font: 26px open; line-height: 26px;
	color: var(--albastru);
	margin: 30px 0 20px 0; padding: 0 0 15px 0;
	text-align: center;
	border-bottom: 5px solid #eee;
	}
.intreaba form {
	display: flex; justify-content: space-between; 
	margin: 0 0 15px 0;
	}
.intreaba0 {
	width: 33.333%; box-sizing: border-box;
	}
.intreaba0:nth-child(1) {padding: 0 5% 0 0;}
.intreaba0:nth-child(2) {padding: 0; }
.intreaba0:nth-child(3) {padding: 0 0 0 5%;}

.intreaba label {
	display: block;
	text-transform: uppercase;
	font: 14px open; line-height: 14px;
	margin: 0 0 5px 0;
	}
.intreaba label em {
	display: block;
	font: 10px open; line-height: 12px;
	margin: 5px 0 5px 0;
	}
.intreaba input[type="text"], .intreaba input[type="email"] {
	width: 100%;
	border: 1px solid #ccc; border-radius: 4px;
	font: 14px open; line-height: 18px;
	padding: 8px 10px; margin: 0 0 10px 0;
	}
.intreaba textarea {
	width: 100%; min-height: 150px;
	border: 1px solid #ccc; border-radius: 4px;
	font: 14px open; line-height: 18px;
	padding: 5px 10px;
	}
.amluat {
	position: relative; text-align: left;
	padding: 0 0 0 35px;
	}
.amluat input[type="checkbox"] {
	position: absolute; top: 0px; left: 0;
	width: 20px; height: 20px;
	}
.trimite {
	-webkit-appearance: none; appearance: none;
	background: var(--albastru);
	color: #ddd; border: none; border-radius: 5px;
	font: 18px openbold2; line-height: 18px;
	text-transform: uppercase; text-align: center;
	width: 100%; padding: 23px 0; margin: 25px 0 0 0;
	cursor: pointer; transition: all 0.5s;
	}
.trimite:before {
	content: "\f2b6"; font: 20px awesome-entypo;
	margin: 0 10px 0 0;
	}
.trimite:hover {background: #252a60;}

.stela {display: block; margin: 30px 0; color: var(--albastru);}

.intrebari-raspunsuri {
	display: flex; justify-content: space-between; 
	flex-wrap: wrap; margin: 25px 0 15px 0;
	}
.intrebare-raspuns {
	box-sizing: border-box;
	width: 48%; margin: 0 0 30px 0;
	}
.intrebare {
	position: relative;
	font: 18px open; line-height: 20px;
	color: var(--albastru);
	margin: 0 0 10px 0; padding: 0 0 0 40px;
	}
.intrebare:before {
	position: absolute; top: 0; left: 0;
	content: "\e816"; font: 25px awesome-entypo;
	opacity: 0.8;
	}
.raspuns {position: relative; padding: 0 0 0 40px;}
.raspuns p {text-align: justify;}
.raspuns:before {
	position: absolute; top: 0; left: 0;
	content: "\e816"; font: 25px awesome-entypo;
	opacity: 0.35;
	}
/* end forumash */






.bottom {background: #111;}
.bottom-cont {
	position: relative;
	min-height: 80px; margin: 0 auto;
	text-align: left;
	}	
.bottom-menu {
	display: block; vertical-align: top; width: 750px; padding: 12px 0 5px 0;
	border-bottom: 1px dashed #444;
	}
.bottom-menu li {display: inline-block; vertical-align: top; margin: 0 15px 0px 0;}
.bottom-menu li a {
	display: inline-block; vertical-align: top; color: #fff;font: 12px open; text-transform: uppercase;
	opacity: 0.7;
	}
.bottom-menu li a:hover {opacity: 1;}
.bottom-menu li a img {width: 12px;}

.bottom-minimenu {display: block; vertical-align: top; width: 600px; padding: 12px 0 0 0;}
.bottom-minimenu li {display: inline-block; vertical-align: top; margin: 0 9px 0px 0;}
.bottom-minimenu li a {
	display: inline-block; vertical-align: top; color: #fff;font: 11px open; text-transform: uppercase;
	opacity: 0.4;
	}
.bottom-minimenu li a:hover {opacity: 1;}

	
	
.bottom-contact {
	position: absolute; top: 10px; right: 0;
	display: flex; flex-wrap: wrap;
	justify-content: space-between;
	width: 500px;
	color: #999;
	text-align: right;
	font: 11px open;
	text-transform: uppercase;
	}
.bottom-contact span {width: 30%; text-align: left;}
.bottom-sigla {
	display: block;
	position: absolute; top: -3px; right: 330px;
	opacity: 0.5;
	}
.bottom-sigla img {width: 120px;}
.bottom-contact a {color: #999; text-transform: none;}
.bottom-contact a:hover {opacity: 0.7;}
.bottom-contact h3 {
    display: inline-block;
    width: 30%;
    font: 18px/1.2 openbold2;
    margin: 0 0 10px 0;
}

.copy {
	text-align: center;
	background: #000; clear: both;text-transform: uppercase;font: 10px open; padding: 5px 0;color: #999;
}
.copy a {color: #999;opacity: 0.8;} .copy a:hover {opacity: 1;}