/* --------------------
   LEGATURI RAPIDE
    -------------------*/

.mainContainer {
	margin: 60px auto; max-width: 1280px; color: rgb(69, 69, 69); width: 100%; -ms-hyphens: auto !important; -webkit-hyphens: auto; hyphens: auto; -moz-hyphens: auto;
}
.marginetop{
margin-top:150px}

.class_group_home {
	min-width: 320px;
}
.class_group_home .external_link {
	background: none; padding: 0px;
}
.class_group_home .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager {
	width: 100%; text-align: center;
}
.class_group_home .bx-controls-auto {
	display: none;
}
.class_group_home h2 {
	color: rgb(162, 0, 50); text-transform: uppercase; line-height: 1.2em; letter-spacing: 0.05em; font-size: 1.5rem; margin-bottom: 20px; position: relative;
}

.class_group_home h3 {
	text-transform: uppercase; letter-spacing: 0.05em; font-size: 1.5rem; line-height:1.5rem
}
.class_group_home p {
	font-size: 1.2rem;
}
.class_group_home #zoom {
	width: 50%; padding-right: 10px; display: inline-block; float:left; margin-top:10px
}
.class_group_home #lilleView {
	width: 50%; padding-left: 20px; margin-top:10px;vertical-align: top; display: inline-block;
}
.class_group_home #lilleView2 {
	width: 100%; padding-left: 10px; margin-top:10px;vertical-align: top; display: inline-block;
}
.class_group_home #lilleView .galleryOverlayed {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; visibility: hidden; position: fixed; z-index: 10; background-color: rgba(0, 0, 0, 0.9);
}
.class_group_home #lilleView .galleryOverlayed ul {
	height: 100%;
}
.class_group_home #lilleView .galleryOverlayed li {
	background-position: center; height: 100%; text-align: center; white-space: nowrap; background-repeat: no-repeat; background-size: auto; background-color: rgb(249, 249, 249);
}
.class_group_home #lilleView .galleryOverlayed li::before {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.class_group_home #lilleView .galleryOverlayed li .video {
	vertical-align: middle; display: inline-block; max-height: 100%;
}
.class_group_home #lilleView .bxSliderOverlayed {
	z-index: 999999;
}
.class_group_home #lilleView .visu {
	height: 278px;
}
.class_group_home #lilleView .taR a {
	margin-top: 20px;
}
.line{margin-bottom:50px}
.class_group_home #lilleView .line {
	height: 50%; 
}
.class_group_home #lilleView .line li {
	background-position: center; width: 25%; height: 100%; vertical-align: top; display: inline-block; position: relative; cursor: pointer; background-size: cover;
}
.class_group_home #lilleView .line li img {
	max-width: 100%;
}

.class_group_home #lilleView2 .line {
	height: 50%; 
}
.class_group_home #lilleView2 .line li {
	background-position: center; width: 25%; height: 100%; vertical-align: top; display: inline-block; position: relative; cursor: pointer; background-size: cover;
}
.class_group_home #lilleView2 .line li img {
	max-width: 100%;
}


@media all and (max-width:1199px)
{
.class_group_home h2 {
	font-size: 2rem; margin-bottom: 15px;
}
.class_group_home h2::after {
	display: none;
}
.class_group_home #lilleView .line li {
	background-position: center; width: 50%; background-repeat: no-repeat; background-size: cover;
}
.class_group_home #lilleView2 .line li {
	background-position: center; width: 50%; background-repeat: no-repeat; background-size: cover;
}

}
@media all and (max-width:767px)
{

.class_group_home h2 {
	text-align: center; font-size: 2.4rem; margin-bottom: 10px;
}
.class_group_home {
	position: relative; 
}
.marginetop{
margin-top:120px}

.class_group_home #zoom {
	padding: 0px; width: 100%; 
}

.class_group_home #lilleView {
	padding: 0px; width: 100%; display: block;
}
.class_group_home #lilleView h2 {
	margin-top: 30px;
}
.class_group_home #lilleView .line {
	height: auto;
}
.class_group_home #lilleView .line li {
	padding-bottom: 50%;
}


.class_group_home #lilleView2 {
	padding: 0px; width: 100%; display: block;
}
.class_group_home #lilleView2 h2 {
	margin-top: 30px;
}
.class_group_home #lilleView2 .line {
	height: auto;
}
.class_group_home #lilleView2 .line li {
	padding-bottom: 50%;
}

.hiddemn {display:none}
.class_group_home h2 {
	color: rgb(162, 0, 50); text-transform: uppercase; line-height: 1.2em; letter-spacing: 0.05em; font-size: 1.3rem; margin-bottom: 20px; position: relative;
}
}


.class_group_home .hp-flexbox {
	display: inline-block;
}
@media only screen and (max-width:1199px) and (min-width:767px)
{
.class_group_home .hp-flexbox {
	align-items: flex-end;
}
}


.class_group_home #lilleView .hp-title-container {
	padding: 0px;
}

@media only screen and (max-width:1199px)
{
.class_group_home .hp-title-container {
	flex-direction: column; align-items: center;
}
}
.class_group_home .hp-title-container .filler {
	flex:1 1 0px;
}
.class_group_home .hp-title-container .filler .mainButton {
	display: none;
}
.class_group_home .hp-title-container .mainButton {
	margin-top: 10px; align-self: flex-start;
}
@media only screen and (max-width:1199px)
{
.class_group_home .hp-title-container .mainButton {
	margin-bottom: 20px; -ms-grid-row-align: center; align-self: center;
}
}

.class_group_home #lilleView .demarche__list {
	display: flex; flex-wrap: wrap;
}
.class_group_home #lilleView .demarche__item {
	padding: 10px; width: calc(25% - 4px); height: 138px; margin-bottom: 4px; display: inline-block; position: relative;float:left; text-align:center;background-color: rgb(162, 0, 50);
}
.class_group_home #lilleView .demarche__item:hover  {
background-color: rgb(0, 0, 0);
}
.class_group_home #lilleView .demarche__item > * {
	transition:0.25s; max-width: 100%;
}
.class_group_home #lilleView .demarche__item + .demarche__item {
	margin-left: 4px;
}
.class_group_home #lilleView .demarche__item + :nth-child(5).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView .demarche__item:hover .demarche__picto {
	opacity: 0.5; transform: translateY(-10px); 
}
.class_group_home #lilleView .demarche__item:focus .demarche__picto {
	opacity: 0; transform: translateY(-10px);
}
.class_group_home #lilleView .demarche__item:hover .demarche__text {
	transform: translateY(-20px);
}
.class_group_home #lilleView .demarche__item:focus .demarche__text {
	transform: translateY(-20px);
}
.class_group_home #lilleView .demarche__online {
	padding: 6px 0px; left: 0px; top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 1rem; position: absolute; z-index: 2; background-color: rgb(226, 0, 26);
}
.class_group_home #lilleView .demarche__picto {
	margin-bottom: 15px;
}
.class_group_home #lilleView .demarche__text {
	text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.2em; font-size: 1em;
}


.class_group_home #lilleView2 .demarche__list {
	display: flex; flex-wrap: wrap;
}
.class_group_home #lilleView2 .demarche__item {
	padding: 20px; width: calc(25% - 3px); height: 178px; margin-bottom: 4px; display: flex; position: relative; flex-direction: column; justify-content: center; align-items: center; background-color: rgb(162, 0, 50);
}
.class_group_home #lilleView2 .demarche__item:hover  {
background-color: rgb(0, 0, 0);
}
.class_group_home #lilleView2 .demarche__item > * {
	transition:0.25s; max-width: 100%;
}
.class_group_home #lilleView2 .demarche__item + .demarche__item {
	margin-left: 4px;
}
.class_group_home #lilleView2 .demarche__item + :nth-child(5).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 .demarche__item + :nth-child(9).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 .demarche__item + :nth-child(13).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 .demarche__item:hover .demarche__picto {
	opacity: 0.5; transform: translateY(-10px); 
}
.class_group_home #lilleView2 .demarche__item:focus .demarche__picto {
	opacity: 0; transform: translateY(-10px);
}
.class_group_home #lilleView2 .demarche__item:hover .demarche__text {
	transform: translateY(-20px);
}
.class_group_home #lilleView2 .demarche__item:focus .demarche__text {
	transform: translateY(-20px);
}
.class_group_home #lilleView2 .demarche__online {
	padding: 6px 0px; left: 0px; top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 1rem; position: absolute; z-index: 2; background-color: rgb(226, 0, 26);
}
.class_group_home #lilleView2 .demarche__picto {
	margin-bottom: 15px;
}
.class_group_home #lilleView2 .demarche__text {
	text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.2em; font-size: 1em;
}



.class_group_home #zoom .profil__list {
	display: flex; flex-wrap: wrap;
}
.class_group_home #zoom .profil__item {
	padding: 20px; border: 2px solid rgb(220, 220, 220); transition:0.25s; border-image: none; width: calc(33.33% - 3px); height: 138px; margin-bottom: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.class_group_home #zoom .profil__item > * {
	transition:0.25s; max-width: 100%;
}
.class_group_home #zoom .profil__item:hover {
	text-decoration: none;
}
.class_group_home #zoom .profil__item:focus {
	text-decoration: none;
}
.class_group_home #zoom .profil__item:hover .profil__icon {
	opacity: 0; transform: translateY(-10px);
}
.class_group_home #zoom .profil__item:focus .profil__icon {
	opacity: 0; transform: translateY(-10px);
}
.class_group_home #zoom .profil__item:hover .profil__text {
	transform: translateY(-25px);
}
.class_group_home #zoom .profil__item:focus .profil__text {
	transform: translateY(-25px);
}
@media only screen and (min-width:1200px)
{
.class_group_home #zoom :nth-child(3n+2).profil__item {
	margin-right: 4.5px; margin-left: 4.5px;
}
}
.class_group_home #zoom .profil__icon {
	margin-bottom: 15px;
}
.class_group_home #zoom .profil__text {
	text-align: center; color: rgb(69, 69, 69); text-transform: uppercase; line-height: 1.2em; font-size: 14px;
}
@media only screen and (max-width:768px)
{
.class_group_home #lilleView .line li {
	padding-bottom: 100%;
}
.class_group_home #lilleView2 .line li {
	padding-bottom: 100%;
}
.class_group_home #lilleView .demarche__item {
	width: calc(50% - 2px); 
}
.class_group_home #lilleView2 .demarche__item {
	width: calc(50% - 3px); 
}
.class_group_home #lilleView .demarche__item + :nth-child(3).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView :nth-child(5).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView :nth-child(7).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 .demarche__item + :nth-child(3).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 :nth-child(5).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 :nth-child(7).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 :nth-child(9).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 :nth-child(11).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 :nth-child(13).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 :nth-child(15).demarche__item {
	margin-left: 0px;
}
.class_group_home #lilleView2 :nth-child(17).demarche__item {
	margin-left: 0px;
}
}
@media only screen and (min-width:1600px)
{

.mainContainer {
	margin: 120px auto; width: 1410px; color: rgb(69, 69, 69); max-width: 100%; -ms-hyphens: auto !important; -webkit-hyphens: auto; hyphens: auto; -moz-hyphens: auto;
}}





/* --------------------
   PRELUAT DE PE OLD SITE PROIECTE SI TELEFOANE
    -------------------*/


.proiecte {
	width: 100%; float: left; position: relative;
}
.proiecte .first {
	width: 20%; height: 200px; float: left; position: relative;margin-top: 20px 
}
.jcarousel {
	width: 80%; overflow: hidden; position: relative;
}
.proiecte li {
	width: 196px; height: 200px; float: left;
}
.proiecte h3 {
	top: 70%; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 120%; padding-right: 15px; padding-left: 15px; font-size: 18px; position: absolute; z-index: 100; text-shadow: 0px 0px 1px #000;
}
.proiecte .first {
	background: rgb(109, 0, 42);
}
.proiecte .first h3 {
	top: 30%;
}
.proiecte li h3 a {
	color: rgb(255, 255, 255); text-decoration: none;
}
.jcarousel-wrapper {
	margin: 20px auto; position: relative;
}
.jcarousel ul {
	list-style: none; margin: 0px; padding: 0px; width: 20000em; position: relative;
}
.jcarousel li {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 200px; float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.jcarousel img {
	height: auto !important; display: block; max-width: 100%;
}
.jcarousel-control-prev {
	font: 22px/18px Arial, sans-serif; border: 1px solid #ffffff; border-image: none; top: 80%; width: 20px; height: 20px; text-align: center; color: #ffffff; text-decoration: none; position: absolute; z-index: 1000; font-size-adjust: none; font-stretch: normal;
}
.jcarousel-control-next {
	font: 22px/18px Arial, sans-serif; border: 1px solid #ffffff;; border-image: none; top: 80%; width: 20px; height: 20px; text-align: center; color: #ffffff; text-decoration: none; position: absolute; z-index: 1000; font-size-adjust: none; font-stretch: normal;
}
.jcarousel-control-prev {
	left: 15px;
}
.jcarousel-control-next {
	left: 39px;
}
.jcarousel-control-next:hover {color:#FFCC00}
.jcarousel-control-prev:hover {color:#FFCC00}



.MT30 {
	margin-top: 30px;
}

.telefone {
	width: 76%; float: left;
}
.telefone a {
	color: rgb(0, 0, 0);
}
.banner {
	width: 22%; text-align: right; float: right;
}
.telefone .tt {
	border-width: 1px 1px 2px 0px; border-style: solid solid solid none; border-color: rgb(242, 242, 244) rgb(242, 242, 244) rgb(242, 242, 244) currentColor; border-image: none; height: 44px;
}
.telefone .tt .titlu2 {
	background: url("tel_sgt.png") no-repeat right rgb(119, 18, 57); width: 230px; height: 42px; line-height: 40px; float: left; margin-top:0px
}
.telefone .tt .ci {
	background: url("tel_icon.png") no-repeat left; color: rgb(255, 255, 255); padding-left: 50px; font-size: 22px; font-weight: normal;
}
.telefone .tt .extra {
	line-height: 40px; padding-left: 35px; font-size: 13px; float: left;
}
.telefone ul {
	border-right-color: rgb(242, 242, 244); border-right-width: 2px; border-right-style: solid; float: left;list-style:none
}
.telefone ul li {
	padding: 2%; width: 25%; height: 125px; border-bottom-color: rgb(242, 242, 244); border-left-color: rgb(242, 242, 244); border-bottom-width: 2px; border-left-width: 2px; border-bottom-style: solid; border-left-style: solid; float: left; 
}
.telefone ul li h4 {
	color: rgb(119, 18, 57); line-height: 19px; font-size: 16px; font-weight: 600; margin-bottom: 8px;
}
.telefone ul li h5 {
	color: rgb(0, 0, 0); font-size: 17px; font-weight: normal; margin-bottom: 6px;
}

@media only screen and (max-width:768px)
{.proiecte .first {
	width: 30%;
}
.jcarousel {
	width: 70%;
}
.banner {
	width: 100%;float: left; margin:20px auto
}

.telefone {
	width: 100%; margin-bottom: 2em;
}
.telefone .tt .extra {
	font-size: 1.1em;
}
.telefone ul li {
	width: 50%; height: auto;
}
}
@media only screen and (max-width:480px)
{.proiecte .first {
	width: 50%;
}
.jcarousel {
	width: 50%;
}

.telefone ul li {
	width: 50%; height: auto;
}
.telefone .tt {
	height: auto; float: left;
}
.telefone .tt .extra {
	line-height: 125%; padding-top: 3%; padding-bottom: 3%; padding-left: 3%; font-size: 1em;
}}

.contur { border:1px solid #ccc;box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.5); padding:5px; margin-top:20px
}



.float-dr {
	float: right;
}
.radius3 {
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.buton-pps a {
	font-size: 1.2em;
}

.buton-pps a {
	padding: 7px 10px; border: 1px solid rgb(119, 18, 57); border-image: none; color: rgb(84, 10, 31); font-size: 12px; text-decoration: none; display: block;
}
.buton-pps a:hover {
	background: rgb(255, 255, 255);
}

.v_container {width: 100%; position: relative; height:282px; max-height:280px; overflow:hidden; background: #841836}


.titlu {
	color: rgb(162, 0, 50); text-transform: uppercase; line-height: 1.2em; letter-spacing: 0.05em; font-size: 1.5rem; margin-bottom: 20px; position: relative;
}