* {margin:0; padding:0; outline:none;}
	
	
	#swiper-gallery{padding:30px 0;}
	#webPortfolioClient {display:block; text-align:center; color:white; margin-bottom:0; cursor:default;}
	#webPortfolioClient a {text-align:center; color:orange; margin-bottom:0; text-decoration:underline; transition:all .75s ease;}
	#webPortfolioClient a:hover {color:white;}
	#swiper-gallery p.h4 {font-size: 1.2em;}
	#swiper-gallery p {display:block; text-align:center; color:white !important; font-size: 1em; font-weight:bold;}
	#webPortfolioClientDesc p.small {color:white; text-align:center;}
	#gallery-slider {
		position:relative;
		transform-style: preserve-3d;
		perspective:1600px;
		margin:auto;
		padding-bottom:20px;
		overflow:hidden;
		max-width:100%;
		width:100% !important;
		list-style:none;
		z-index:1;	
		}
	.swiper-container {
		display:flex;
		position:relative;
		justify-content: center;
		transform-style: preserve-3d;
		width:100%;
		height:100%;
		z-index:1;
		box-sizing:content-box;
		transition: all .75s ease-out;
		}
.swiper-item {
    background-position: center;
    background-size: cover;
	background-repeat: no-repeat;
    position: relative;
    flex-shrink: 0;
    /*box-shadow: rgba(255, 255, 255, .7) 0 0 25px;*/
    border: 3px solid rgba(255,255,255,.4);
    transform-style: preserve-3d;
    width: 300px;
    height: 294px;
    margin: 0px;
	opacity:1;
    transition: all 0.75s ease-out;
	z-index:5;
}
  /*.swiper-item::before {transition: all 0.50s ease;}
  .swiper-item:hover {transform: scale(1.2);}
*/
/*.swiper-item.shadow-left, .swiper-item.shadow-right {opacity:.7;}*/

.swiper-item .shadow-left {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.9), transparent);
	z-index: 10;
	transition: all 3.5s ease;
	
}
.swiper-item .shadow-right {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, rgba(0, 0, 0, 0.9), transparent);
	z-index: 10;
	transition: all 3.5s ease;
}
	.numbers {display:inline-block;}
	.buttons {position:relative; display:block;  align-items: center; justify-content: center; width:100%;}
	#bulletNavigation {position:relative; display:inline-block; font-size:2em;}
	#bulletNavigation span {padding:0 1px; color:#666;}
	#bulletNavigation span.active {color:#09F; cursor:default; text-shadow:0 0 10px #FF0;}
	.center {display:block; text-align:center; margin:auto;}
	.number {display:flex; text-align:center;}
	.buttons {margin:-40px auto 0; transform:scale(.9); width:100%; text-align:center;}
	#swiper-gallery .btn {position:relative; display:inline-block; padding:1px 10px; border-radius:5px; font-weight:bold; width:30px !important; margin-top:-13px; transition:all 1s ease; }
	#swiper-gallery .btn:hover {cursor:pointer;}
	.disabled, #swiper-gallery .btn:hover.disabled {opacity:.5 !important; cursor:default;}

@media screen and (min-width: 400px) {
	#swiper-gallery p.h4 {font-size: 1.4em;}
	.buttons {display:flex;  align-items: center; justify-content: center; width:auto !important;}
}
@media screen and (min-width: 576px) {
	.swiper-item {
		width: 500px;
		height: 490px;
	}
	.buttons {margin:-40px 0 0; transform:scale(1); }
	
	#bulletNavigation span {padding:0 3px; color:#666;}
}