.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }



@media (max-width: 1199px) {

		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-1200.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
	}
#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
	}
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
	}
#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
	}
.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
}
@media (min-width: 2200px) and (max-width: 2500px) {
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-2500.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
	.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}
		#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-2500-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-2500-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
	
}

@media (min-width: 1800px) and (max-width: 2200px) {
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-2200.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}

.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
		#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-2200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
			#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-2200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
			#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-2200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
}
@media (min-width: 1600px) and (max-width: 1800px) {
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-1800.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
	#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-1800-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
	#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-1800-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
	
	#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-1800-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
	
.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	

}
@media (min-width: 1400px) and (max-width: 1600px) {
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-1600.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}

#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-1600-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-1600-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-1600-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
}
@media (min-width: 1200px) and (max-width: 1399px) {
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-1399.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
}


@media (min-width: 992px) and (max-width: 1199px) {
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-1200.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
}


@media (max-width: 991px) {

		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-1200.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
}


@media (min-width: 768px) and (max-width: 991px) {
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-1200.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-1200-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
}


@media (max-width: 767px) {
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-780.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-780-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
	#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-780-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-780-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
}

@media (min-width: 480px) and (max-width: 767px) {
	.modalDialog > div {
		width: 300px!important;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}
	
		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-780.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-780-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-780-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
	#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-780-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
}




    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
		.modalDialog > div {
		width: 300px!important;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}
	
			#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-1400.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
		#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
		
		#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-1400-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
		
    }

    @media only screen and (min-device-width: 100px) and (max-device-width: 400px)  {
      /* For landscape layouts only */
		.modalDialog > div {
		width: 300px!important;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}
	
			#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-320.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
			#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-320-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
		#home-3 {
    background: #FFFFFF url(../demos/construction/images/slider/home-3-320-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
#home-4 {
    background: #FFFFFF url(../demos/construction/images/slider/3home-2-320-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
    }


@media only screen and (max-device-width : 320px) {
	/*modal*/
	
	.modalDialog > div {
		width: 300px!important;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}
	
	
/* Styles */		#home-empresa {
    background: #FFFFFF url(../demos/construction/images/slider/home-320.jpg)!important;
	  background-position: top top;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
}
		#home-2 {
    background: #FFFFFF url(../demos/construction/images/slider/home-2-320-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
	#home-3 {
    background: #FFFFFF url(/../demos/construction/images/slider/home-3-320-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 
	#home-4 {
    background: #FFFFFF url(/../demos/construction/images/slider/3home-2-320-min.jpg)!important;
	  background-position: center top!important;

	 /* Image doesn't repeat */
  background-repeat: no-repeat!important;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size:auto;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#000;
	overflow: visible;
} 

.contact-widget {
		position: absolute;
		width: 100%!important;
		max-width: 400px!important;
		right: 10px;
		
		top: 10px;
		bottom: 0px;
		height: 100%!important;

	}	
}