@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,300,700);

body
{
	margin : 0 auto;
    padding : 0;
    font : 100%/1.4;
	@font-face: MyriadPro, 'Myriad Pro', sans-serif; 
	text-align: left; 
	background-color:#072556;
	color:#ffffff;
} 


img 
{
    border : 0;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


#grey_top_line
{   z-index:100;
    position:relative;
    top:0px;
	width:100%;
	height:8px;
	background-color:#000000;
}


#container
{
     z-index:100;
	 position:relative;
	 width:84%;
	 margin-right:auto;
	 margin-left:auto;
	 top:20px;
}

#container_2
{
     z-index:100;
	 position:relative;
	 width:100%;
	 left:0px;
	 top:85px;
	 background-color:#dad6cc;
	 border-top: 5px solid #cdc8bc;
	 border-bottom: 8px solid #cdc8bc;
}


#slide_show
{
     top:40px;	
}


#logo
{
	padding-top:4px;
	cursor:pointer;
}


.logo_2
{
	cursor:pointer;
	display:none;
	left:0px;
}

#social
{
	position:relative;
	font-family: Lato, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	float:right;
	cursor:pointer;	
}

#social li
{
	display:inline-block;
	margin-right:20px;
	top: auto;
}

.fb_social:hover
{
	opacity:0.5;
}

#service24
{
	animation: blink 3s;
    animation-iteration-count: infinite;
	vertical-align:super;
}

@keyframes blink 
{
    0% { opacity: 1;}

    50% {opacity: 0.2;}
	
    100% {opacity: 1;}
}


#white_line
{
	width:100%; 
	height:2px; 
	background-color:#ffffff;
	float:right;
	margin-top:12px;
}


ol, ul
{
    list-style-type:none;
    display: inline-block;
    margin:0;
    padding:0;
}

.span_9_of_bottomlist a:hover
{
	opacity:0.5;
}

/*  meniu ============================================================================= */

#meniu
{
	z-index:210;
	position:relative;
	font-family: 'Raleway', sans-serif;
	top:10px;
	float:right;
}


#meniu li
{
    display:inline;
}


#meniu li a 
{
	position: relative;
	display: inline-block;
	margin-right:70px;
	outline: none;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 14px;
	color: #ffffff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}



.link a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.link a:hover::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

#meniu .link a:hover {
	color: #949495;
}


/*  meniu 2 ============================================================================= */

#meniu_2
{
	z-index:210;
	position:relative;
	font-family: 'Raleway', sans-serif;
	top:10px;
	float:right;
	display:none;
}


#meniu_2 li
{
    display:inline;
}


#meniu_2 li a 
{
	position: relative;
	display: inline-block;
	margin-right:45px;
	outline: none;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 14px;
	color: #ffffff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

#meniu_2 .link a:hover {
	color: #949495;
}


/*  meniu 3 ============================================================================= */

#meniu_3
{
	z-index:210;
	position:relative;
	font-family: 'Raleway', sans-serif;
	float:left;
	top:20px;
	padding-bottom:35px;
	display:none;
}


#meniu_3 li
{
    display:block;
}


#meniu_3 li a 
{
	position: relative;
	display: inline-block;
	margin-right:45px;
	outline: none;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 14px;
	color: #ffffff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

#meniu_3 .link a:hover {
	color: #949495;
}


#responsive_meniu
{
	float:right;
	margin-right:10px;
	display:none;
	cursor:pointer;
}


#responsive_meniu:hover
{
	opacity:0.5;
}


/*   responsive meniu ============================================================================= */	
	

#responsive_meniu .icon {
    display: inline-block;
	position: relative;
    width: 25px;
    height: 3px;
    left: 4px;
    top: 8px;
	margin: 10px 0px;
    background: none repeat scroll 0% 0% #FFF;
}

#responsive_meniu .icon:after {
    top: 7px;
}
#responsive_meniu .icon:before {
    top: -7px;
}

#responsive_meniu .icon:before, #responsive_meniu .icon:after {
    content: "";
    width: 100%;
    height: 3px;
    background: none repeat scroll 0% 0% #FFF;
    position: absolute;	
}

#responsive_meniu .icon, #responsive_meniu .icon:before, #responsive_meniu .icon:after {
    transition: all 0.3s ease 0s;
}



#responsive_meniu.close span:after {
    top: 0px !important;
    background-color: #FFF;
    transform: rotate(45deg);
}

#responsive_meniu.close span:before {
    top: 0px !important;
    background-color: #FFF;
    transform: rotate(-45deg);
}


#responsive_meniu.close span {
    background: none repeat scroll 0px center transparent;
}

/*  responsive ============================================================================= */


@media only screen and (max-width: 1300px) {  #meniu li a { margin-right:60px; } }

@media only screen and (max-width: 1235px) {  #meniu li a { margin-right:50px; } }

@media only screen and (max-width: 1170px) {  #meniu li a { margin-right:40px; } }

@media only screen and (max-width: 1110px) {  #meniu li a { margin-right:30px; } }

@media only screen and (max-width: 1050px) {  #meniu li a { margin-right:20px; } }

@media only screen and (max-width: 990px) {  #meniu li a { margin-right:10px; } }

@media only screen and (max-width: 930px) {  #meniu li a { margin-right:5px; } }



@media only screen and (max-width: 905px) {  #meniu { display:none; }
                                             #logo {padding-top:15px;}
											 #meniu_2 { display:block; }}

@media only screen and (max-width: 895px) {  #meniu_2 li a { margin-right:35px; }}

@media only screen and (max-width: 850px) {  #meniu_2 li a { margin-right:25px; }}

@media only screen and (max-width: 800px) {  #meniu_2 li a { margin-right:15px; }}

@media only screen and (max-width: 750px) {  #meniu_2 li a { margin-right:5px; }}


@media only screen and (max-width: 710px) {  #meniu_2 {display:none; }
											 #responsive_meniu {display:block;}
											 #slide_show { top:10px;}
											 #container_2 {top:55px;} }
											 
								 
@media only screen and (min-width: 555px) and (max-width: 710px)  {  #logo {display:none;}
											                         .logo_2 {display:block; }
																	 #social {float:left;}}

@media only screen and (min-width: 710px) {#meniu_3 ul{display:none;}}															 

/*   ============================================================================= */

#footer
{   z-index:100;
    position:relative;
	margin-left:auto;
	margin-right:auto;
    top:80px;
	width:100%;
	height:55px;
	padding-top:5px;
	background-color:#a1a09d;
	font-family: Lato, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	border-bottom: 8px solid #000000;
}


/*   pop-ups ============================================================================= */


#service24_page
{ 
    z-index:600;
	position:fixed;
    top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	display:none;
}


#desprenoi_page
{ 
    z-index:600;
	position:fixed;
    top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	display:none;
}



#servicesimentenanta_page
{ 
    z-index:600;
	position:fixed;
    top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	display:none;
}


#cumcomand_page
{ 
    z-index:600;
	position:fixed;
    top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	display:none;
}

.close_button
{
	z-index:601;
    position:absolute;
	float:right;
	top:10px;
	right:20px;
	cursor:pointer;
}

.close_button:hover
{
    opacity:0.5;
}


.right_arrow
{
	z-index:601;
    position:absolute;
	float:right;
	bottom:10px;
	right:16px;
	border-bottom: 150px solid #072556; 
	border-left: 150px solid transparent;	
}


.right_arrow_2
{
	z-index:601;
    position:absolute;
	float:right;
	bottom:0px;
	right:0px;
	border-bottom: 130px solid #072556; 
	border-left: 130px solid transparent;	
}

.right_arrow_img
{   
   z-index:650;
   position:absolute;
   float:right;
   bottom:10px;
   right:25px;
   cursor:pointer;
}

.right_arrow_img:hover
{
    opacity:0.5;
}

.triangle {
    position:relative;
	z-index:100;
	height: auto;
    width: auto\9;
	left:0px;
	top:0px;
}

.triangle_2 {
    position:relative;
	z-index:100;
	height: auto;
    width: auto\9;
	left:0px;
	top:0px;
}

.triangle_3 {
    position:relative;
	z-index:100;
	height: 60px;
    width: auto\9;
	left:0px;
	top:0px;
	background-color:#072556;
	display:none;
}


.triangle_4 {
    position:relative;
	z-index:100;
	height: auto;
    width: auto\9;
	left:0px;
	top:0px;
}


.text_sus
{
  position:relative;
  margin-top:120px;
  margin-bottom:20px;
  left:-20px;
  color: #424242;
  font-family: Myriad Pro, Helvetica, Arial, sans-serif;
  font-size:15px;
  text-align:justify;
}

.text_page
{
   margin-top:10px;  
   border-bottom: 4px solid #cdc8bc; 
   background-color:#ffffff; 
   height:460px;	
}

.text_page_2
{
   margin-top:10px;  
   border-bottom: 4px solid #cdc8bc; 
   background-color:#ffffff; 
   height:auto;	
}

.text_container_2
{
   height:200px;
   margin-top:35px;
   overflow:hidden;
}


.text_container
{
   height:380px;
   margin-top:35px;
   overflow:hidden;
}


.text_sus_2
{
  position:relative; 
  margin-top:20px;
  margin-right:-20px;
  margin-bottom:20px;
  padding-right:10px;
  left:0px;
  color: #424242;
  font-family: Myriad Pro, Helvetica, Arial, sans-serif;
  font-size:15px;
  height:380px;
  overflow-y:scroll;
  text-align:justify;
   
}


.bottom_line
{
  position:relative;
  width:100%;
  height:30px;
  bottom:5px;
  background-color:#072556;
}

.grey_arrow_scroll
{
   position:absolute;
   bottom:0px;
   right:45%;
}
@media only screen and (max-width: 700px) {  .text_sus{ margin-bottom:80px;}
                                             .text_sus_2 {margin-bottom:30px;}
                                             .text_page{ height:auto;}
											 .text_container {margin-bottom:50px; }
											 .text_container_2 {margin-bottom:25px; }
											 .right_arrow_2{border-bottom: 100px solid #072556; border-left: 100px solid transparent;}}
											 
@media only screen and (max-width: 480px) {  .text_sus {margin-top:10px; margin-bottom:100px; left:0px; padding-right:50px; padding-left:15px; }
                                             .text_sus_2 {left:20px; padding-right:40px; margin-top:0px; }
                                             .close_button {top:40px; right:5px;}
											 .text_container {margin-bottom:45px; }
											 .text_container_2 {margin-top:0px; margin-bottom:45px; }
											 .right_arrow_2{border-bottom: 80px solid #072556; border-left: 80px solid transparent;}
											 .triangle_2 {display:none;}
											 .triangle_3 {display:block;}}
											 
											 
											 
											 
/*  pagina_contact  ============================================================================= */

#formular_contact
{
     position:relative;
	 margin-left:auto;
	 margin-right:auto;
	 z-index:270;
	 border-left: 2px solid #ffffff;
}

#contact
{
	margin-left:45px;
	margin-right:15px;
	font-family:MyriadPro, 'Myriad Pro', sans-serif;
	color:#616363;
}

#user-details {
	float: left;
	width: 40%;
	border:none;
	}
	
#user-message 
{
	float: right;
	width: 40%;
	border:none;
	}
	
#formular_contact input, textarea { 		
		padding: 8px; 
		margin: 4px 0 8px 0; 
		background: #dad6cc; 
		width: 90%; 
		font-size: 14px; 
		color: #555; 
		border: 2px #ffffff solid;	
		-webkit-transition: background 0.3s linear;							
	}
	
#formular_contact textarea {		
		width: 90%; 
		height: 100%; 		 		
	}
	
#formular_contact input:hover, textarea:hover {
	background: #eee;
	color: #000000;
	}
		
#formular_contact input.submit { 	
		width: 110px; 
		color: #eee; 
		text-transform: uppercase;
		font-size:16px;
		font-weight:bold; 
		margin-top: 50px;
		border: 2px #ffffff solid;
		float:right;
		margin-right:5px;
		background-color:#072556;	
	} 
	
#formular_contact input.submit:hover { 	
        background-color:#a1a09d;	
		cursor:  pointer; 
	} 

@media only screen and (max-width: 800px) {  #user-message { float:left; width:100%;}
											 #user-details {width: 100%;}}
											 
@media only screen and (max-width: 483px) {  #arrow_contact { display:none;}
											 #formular_contact { border-left:none; border-top: 4px solid #cdc8bc; padding-top:20px; top:20px;}}

.rulouri_down_1
{
	margin-right:20px;
}


.usidegaraj_down_1
{
	margin-right:26.5px;
}


.copertine_down_1
{
	margin-right:24px;
}


.bariere_down_1
{
	margin-right:19px;
}


.automatizari_down_1
{
	margin-right:24.5px;
}


.sistemeparcare_down_1
{
	margin-right:34px;
}

.pergole_down_1
{
	margin-right:20.5px;
}

.grilaje_down_1
{
	margin-right:14.5px;
}


@media only screen and (max-width: 1350px) {  .rulouri_down_1 { margin-right:15px}
                                              .usidegaraj_down_1 { margin-right:19px}
											  .copertine_down_1 { margin-right:18px}
											  .bariere_down_1 { margin-right:14px}
											  .automatizari_down_1 { margin-right:18px}
											  .sistemeparcare_down_1 { margin-right:26px}
											  .pergole_down_1 { margin-right:15px}
											  .grilaje_down_1 { margin-right:11px}}
											  
											  
@media only screen and (max-width: 1050px) {  .rulouri_down_1 { margin-right:10px}
                                              .usidegaraj_down_1 { margin-right:13px}
											  .copertine_down_1 { margin-right:12px}
											  .bariere_down_1 { margin-right:9px}
											  .automatizari_down_1 { margin-right:12px}
											  .sistemeparcare_down_1 { margin-right:17px}
											  .pergole_down_1 { margin-right:10px}
											  .grilaje_down_1 { margin-right:7px}}
											  
											  
											  
@media only screen and (max-width: 700px) {  .rulouri_down_1 { margin-right:5px}
                                             .usidegaraj_down_1 { margin-right:8px}
											 .copertine_down_1 { margin-right:7px}
											 .bariere_down_1 { margin-right:4px}
											 .automatizari_down_1 { margin-right:7px}
											 .sistemeparcare_down_1 { margin-right:10px}
											 .pergole_down_1 { margin-right:5px}
											 .grilaje_down_1 { margin-right:2px}}
/*  pagina_multumim  ============================================================================= */