.lSSlideOuter, .lSSlideOuter .lSPager.lSGallery {
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	overflow: hidden
}
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider, ul {
	padding-left: 0;
	list-style: none
}
ul {
	margin: 0
}
.demo .item {
	margin-top: -130px
}
.content-slider li {
	background-color: #2b1c2b;
	text-align: center;
	color: #fff;
	position: relative
}/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideOuter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.gallery img {
	width: 100%;
	display: block;
	height: auto;
	transition: 555ms ease-in-out;
	
	
}
.lSAction>a, .testi-cell:before {
	width: 45px;
	height: 45px;
	position: absolute
}
.gallery li {
	position: relative;
	overflow: hidden;
	background-color: #333333;
	outline: solid 2px rgba(255,255,255,0.7);
	outline-offset: -42px;
}
.portfoliotext {
	position: absolute;
	left: 5%;
	z-index: 99;
	transition: 255ms ease-in-out;
	font-size: 21px;
	font-weight: normal;
	top: 83%;
	color: #000000;
	background-color: #e6ce02;
	width: 200px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 21px;
	text-align: left;
}
.gallery li:hover .portfoliotext {
	color: #fff;
	top: 80%;
	background-color: #009933;
}
.gallery li:hover img {
	opacity:0.7;
	transform: scale(1.2)
}
.wrap2 .demo .lSAction>a {
	display: none
}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before, .lightSlider:after, .lightSlider:before {
	content: " ";
	display: table
}
.testi-cell {
	min-height: 230px;
	width: 100%;
	
	font-size: 15px;
	line-height: 24px;
	position: relative;
	font-weight: 200;
	margin-bottom: 55px;
	
	color: #fff; border: solid 3px #fff; padding: 2em; border-radius: 21px; min-height: 400px
	
}

.testi-cell strong {
	padding-top: 21px;
	
	display: block;
	font-weight: 600;
	font-size: 21px;
	
}
.testi-cell section{
    display: block;
    font-size: 14px;
    margin-bottom: 21px;
    margin-top: 5px;
    color: #053851;	font-weight: 600;
    position: relative; padding-bottom: 17px;
}

.testi-cell section:before{position: absolute; width: 60px; height: 4px; background-color: #fff; content: ''; left:0;bottom:0; border-radius: 3px;}


.lSSlideOuter.vertical, .lSSlideWrapper, .lSSlideWrapper .lSFade {
	position: relative
}

.lightSlider {
	overflow: hidden;
	margin: 0
}
.lSSlideWrapper {
	max-width: 100%;
	overflow: hidden
}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper>.lightSlider:after {
	clear: both
}
.lSSlideWrapper .lSSlide {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 1s, height 1s;
	-moz-transition-property: -moz-transform, height;
	transition-property: transform, height;
	-webkit-transition-duration: inherit!important;
	transition-duration: inherit!important;
	-webkit-transition-timing-function: inherit!important;
	transition-timing-function: inherit!important
}
.lSSlideWrapper .lSFade>* {
	position: absolute!important;
	top: 0;
	left: 0;
	z-index: 9;
	margin-right: 0;
	width: 100%
}
.lSSlideWrapper.usingCss .lSFade>* {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: inherit!important;
	transition-duration: inherit!important;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: inherit!important;
	transition-timing-function: inherit!important
}
.lSSlideWrapper .lSFade>.active {
	z-index: 10
}
.lSAction>a:hover, .lSSlideOuter .media.active, .lSSlideWrapper.usingCss .lSFade>.active {
	opacity: 1
}
.lSSlideOuter .lSPager.lSpg {
	text-align:left;
	margin: 11px 0 0;
	padding: 0
}
.lSSlideOuter .lSPager.lSpg>li {
	cursor: pointer;
	display: inline-block;
	padding: 0 9px
}
.lSSlideOuter .lSPager.lSpg>li a {
	background-color: #FFFFFF;
	display: inline-block;
	height: 9px;
	overflow: hidden;
	text-indent: -999em;
	width: 9px;
	position: relative;
	z-index: 99;
	-webkit-transition: .5s linear;
	transition: .5s linear;
	margin-top: 33px; border-radius: 5px;
	
}
.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
	background-color: #006c9f;
	width: 25px
}
.lSSlideOuter .media {
	opacity: .8
}
.lSSlideOuter .lSPager.lSGallery {
	list-style: none;
	padding-left: 0;
	margin: 0;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none
}
.lSSlideOuter .lSPager.lSGallery li {
	overflow: hidden
}
.lSSlideOuter .lSPager.lSGallery img {
	display: block;
	width: 120px;
	height: 70px;
	object-fit: cover
}
.lSAction>a {
	background-image: url('../images/controls.png');
	cursor: pointer;
	z-index: 99;
	opacity: .5;
	bottom: 0;
	text-align: center;
	display: none
}
.lSAction>.lSPrev {
	background-position: 0 0;
	left: 50%;
	margin-left: -45px
}
.lSAction>.lSNext {
	background-position: -45px 0;
	left: 50%;
	margin-left: 8px
}
.lSAction>a.disabled {
	pointer-events: none
}
.cS-hidden {
	height: 1px;
	opacity: 0;
	overflow: hidden
}
.lSSlideOuter.vertical.noPager {
	padding-right: 0!important
}
.lSSlideOuter.vertical .lSGallery {
	position: absolute!important;
	right: 0;
	top: 0
}
.lSSlideOuter.vertical .lightSlider>* {
	width: 100%!important;
	max-width: none!important
}
.lSSlideOuter.vertical .lSAction>a {
	left: 50%;
	margin-left: -14px;
	margin-top: 0
}
.lSSlideOuter.vertical .lSAction>.lSNext {
	background-position: 31px -31px;
	bottom: 10px;
	top: auto
}
.lSSlideOuter.vertical .lSAction>.lSPrev {
	background-position: 0 -31px;
	bottom: auto;
	top: 10px
}
.lSSlideOuter.lSrtl {
	direction: rtl
}
.lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider {
	padding-right: 0
}
.lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider>* {
	float: left
}
.lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider>* {
	float: right!important
}
@-webkit-keyframes rightEnd {
0%, 100% {
left:0
}
50% {
left:-15px
}
}
@keyframes rightEnd {
0%, 100% {
left:0
}
50% {
left:-15px
}
}
@-webkit-keyframes topEnd {
0%, 100% {
top:0
}
50% {
top:-15px
}
}
@keyframes topEnd {
0%, 100% {
top:0
}
50% {
top:-15px
}
}
@-webkit-keyframes leftEnd {
0%, 100% {
left:0
}
50% {
left:15px
}
}
@keyframes leftEnd {
0%, 100% {
left:0
}
50% {
left:15px
}
}
@-webkit-keyframes bottomEnd {
0%, 100% {
bottom:0
}
50% {
bottom:-15px
}
}
@keyframes bottomEnd {
0%, 100% {
bottom:0
}
50% {
bottom:-15px
}
}
.lSSlideOuter .rightEnd, .lSSlideOuter.lSrtl .leftEnd {
	-webkit-animation: .3s rightEnd;
	animation: .3s rightEnd;
	position: relative
}
.lSSlideOuter .leftEnd, .lSSlideOuter.lSrtl .rightEnd {
	-webkit-animation: .3s leftEnd;
	animation: .3s leftEnd;
	position: relative
}
.lSSlideOuter.vertical .rightEnd {
	-webkit-animation: .3s topEnd;
	animation: .3s topEnd;
	position: relative
}
.lSSlideOuter.vertical .leftEnd {
	-webkit-animation: .3s bottomEnd;
	animation: .3s bottomEnd;
	position: relative
}
.lightSlider.lsGrab>*, .lightSlider.lsGrabbing>* {
	cursor: e-resize
}
@media(max-width:780px) {
.demo .item {
	margin-top: -140px
}
}
@media(max-width:490px) {
.lSSlideOuter .lSPager.lSGallery img {
	height: 50px
}

.gallery li {

	outline-offset: -22px;
}

.portfoliotext {
   
    left: 5%;
   
    font-size: 21px;
    
    top: 75%;
   
}



}