@charset "utf-8";

/* CSS Document */



#loopedSlider {

	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	padding: 0px;
	overflow: hidden;
	box-sizing: border-box;

}

.slidercontainer {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	margin: 0;
}
/*.slidercontainer:after{
	content: '';
	width: 80px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: rgb(29,21,51);
	background: linear-gradient(90deg, rgba(29,21,51,0) 0%, rgba(0,0,0,0.468207351299895) 50%, rgba(0,0,0,0.6670869031206232) 100%);
	z-index: 5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	visibility: hidden;
	opacity: 0;
}
.slidercontainer:before{
	content: '';
	width: 80px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgb(29,21,51);
	background: linear-gradient(270deg, rgba(29,21,51,0) 0%, rgba(0,0,0,0.468207351299895) 50%, rgba(0,0,0,0.6670869031206232) 100%);
	z-index: 5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	visibility: hidden;
	opacity: 0;
}

.slidercontainer:hover:after,
.slidercontainer:hover:before{
	visibility: visible;
	opacity: .2;
}*/


.slides {

	position:absolute;

	top:0;

	left:0;

}

.slides div {

	position:absolute;

	top:0;
	left:0;
	width:870px;

	display:none;

	height:500px;

}

.slides > div{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

div.slide-0222 {background-image:url(../portfolio/carbonicinternational.jpg);}
div.slide-0223 {background-image:url(../portfolio-new/5.png);}
div.slide-0224 {background-image:url(../portfolio/falcon_drones.png);}
div.slide-0225 {background-image:url(../portfolio/petersage.jpg);}
div.slide-0226 {background-image:url(../portfolio/Ingrid.jpg);}
div.slide-0227 {background-image:url(../portfolio/BraZebra.jpg);}
div.slide-0228 {background-image:url(../portfolio/first_global.png);}
div.slide-01 {background-image:url(../portfolio/myanglemylove.jpg);}
div.slide-02 {background-image:url(../images/kc.jpg);}
div.slide-03 {background-image:url(../images/20-ps-home-portfolio.jpg);}
div.slide-04 {background-image:url(../images/18-ps-home-portfolio.jpg);}
div.slide-05 {background-image:url(../portfolio-new/2.png);}
div.slide-06 {background-image:url(../images/15-ps-home-portfolio.jpg);}
div.slide-07 {background-image:url(../images/14-ps-home-portfolio.jpg);}
div.slide-08 {background-image:url(../images/11-ps-home-portfolio.jpg);}
div.slide-09 {background-image:url(../images/01-ps-home-portfolio.jpg);}
div.slide-10 {background-image:url(../images/04-ps-home-portfolio.jpg);}
div.slide-11 {background-image:url(../images/07-ps-home-portfolio.jpg);}
div.slide-12 {background-image:url(../portfolio-new/1.png);}
div.slide-13 {background-image:url(../images/dc.jpg);}
div.slide-20 {background-image:url(../portfolio-new/4.png);}
div.slide-21 {background-image:url(../portfolio-new/3.png);}





.previous {
	text-indent: -9999px;
	position:absolute;
	z-index:10;
	display:block;
	border:none;
	outline:none;
	cursor:pointer;
	padding:0;
	top:50%;
	left:45px;
	/*background:url(../images/left_arrow.jpg) no-repeat;
    behavior:url("images/iepngfix.htc");*/
	width:40px;
	height:40px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0,.7);
	border-radius: 50%;
}
.previous:before{
	content: '';
	width:8px;
	height:8px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

.next {
	text-indent: -9999px;
	position:absolute;
	z-index:10;
	display:block;
	border:none;
	outline:none;
	cursor:pointer;
	padding:0;
	top:50%;
	right:40px;
	/*background:url(../images/right_arrow.jpg) no-repeat;*/
	width:40px;
	height:40px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #000000;
	border-radius: 50%;
}
.next:before{
	content: '';
	width:8px;
	height:8px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
.previous:hover { background-position:bottom;}

.next:hover { background-position:bottom;}

.previous:active { background-position:bottom;}

.next:active {background-position:bottom;}







.title {

	float:left;

	margin:436px 0 0 20px;

	font-size:14px;

	color:#FFF;



	}

	

.title a {

	font-size:16px;

	color:#FFF;

	text-decoration:none;

	}

	

.title a:hover {

	text-decoration:underline;}