/*!
 * Avance Mechanical v1.0
 * Homepage: http://azensay.com
 * Copyright 2012-2016 Dionis Trelea
*/

body {
	background: #060606;
	color:white;
}

a{ outline : none; }

fieldset legend{
	color:white;
}

h3 {color: white;}
#logo {
		margin-bottom:-20px;
}
#logo a {
	outline :none;
	padding:20px 40px;
	background:black;
	display:block;
	z-index:10;
	position: relative;
	max-width:500px;
}

#shout a {color:#fff;}#shout {
	display:block;
	color :white;
	margin-top:60px;
}

.ava-links a {
	margin-left: 25px;
}



#menu {
	margin-top:-80px;
	width:100%;
	display: block;
}

#menu .navbar-nav a{ text-transform: uppercase; font-size:20px; }
#menu .navbar-nav
{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        width:800px;
}

.navbar-collapse {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
#menu .navbar-collapse {
	background: rgba(0,0,0,0);
}

#menu.navbar-default
 {
	background : rgba(0,0,0,.6);
	border:none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover {
	background: #2098f5 none repeat scroll 0 0 !important; 
}

.navbar-nav > li > a, .navbar-brand {
    padding-top:30px !important; padding-bottom:0 !important;
    height: 80px;
}
.navbar {min-height:80px !important;}


#menu li a, #menu li a:hover { transition: background .2s; }


footer {
	background : #151515;
	display:block;
	height: 200px;

}

.footer-content {
	margin-top: 50px;
}

#sendEmail label {
	padding-right: 0px;
}


/* Slider Fix */
.soliloquy-pager.soliloquy-default-pager{display:none !important;}


.btn, .btn:hover {
	transition: background .3s, border .3s;
}



.wp-post-image:hover {
	opacity: .7;
}

.projects-listing .project {
	height: 240px;
	overflow: hidden;
	position: relative; 
   width: 100%; /* for IE 6 */
}

.projects-listing .project:hover .title{
	transition: opacity 0.3s;
	opacity: 1;
}

.projects-listing .project .title {
	position: absolute; 
   top: 0px; 
   left: 0; 
   width: 100%; 
   height:100%;
   background: rgba(32, 152, 245, 0.8);
   opacity:0;
   display:block;
   transition: opacity 0.3s;
}

.projects-listing .project .title .project-text {
	margin-top:100px;
	text-align: center;
}

.avance-center {
	margin: 0 auto;
	display:block;
}

/* WordPress Gallery 
------------------------------------------ */

.gallery {
	margin-left: -0.5em;
	margin-right: -0.5em;
}

.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
}

.gallery-item img {
	/* width: 100%; */
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba(32, 152, 245, 0.9);
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}


/* Large desktops and laptops */
@media (min-width: 1200px) {
	
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.ava-phone, .ava-links { 
		font-size: 21px;
		text-align:center;
	}

	#logo {
		display:block;
		width:500px;
		margin: 0 auto;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	#menu .navbar-nav a { font-size: 17px; }
	#services h4 {text-align: center;}
	#services img {display:block; margin:0 auto;}
	.background-a {height:auto;}

	.ava-phone, .ava-links { 
		
		text-align:center;
	}

	#logo {
		display:block;
		width:500px;
		margin: 0 auto;
	}

	#menu {
		width: 100% !important;
	}



}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	#main-menu {display:none;}
	#services h4 {text-align: center;}
	#services img {display:block; margin:0 auto;}
	.background-a {height:auto;}

	.ava-phone, .ava-links { 
		
		text-align:center;
	}

	#logo {
		display:block;
		width:500px;
		margin: 0 auto;
	}

	#menu {
		width: 100% !important;
		margin-top: 0px;
	}
	
	.services-title {
		text-align : center;
	
	}

	.wp-post-image {
		display:block;
		margin: 0 auto;
	}
}

@media (max-width: 501px) {
#logo {
		display:block;
		width:auto;
		margin: 0 auto;
		margin-top: 50px;
	}

	#menu {
		width: 100% !important;
		margin-top: 0px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	#main-menu {display:none;}
	#services h4 {text-align: center;}
	#services img {display:block; margin:0 auto;}
	form {font-size: 20px;}
	.background-a {height:auto;}

	.ava-phone, .ava-links { 
		
		text-align:center;
		font-size: 22px;
	}

	#logo {
		display:block;
		width:auto;
		margin: 0 auto;
		margin-top: 50px;
	}

	#menu {
		width: 100% !important;
		margin-top: 0px;
	}

}