/* carousel.css */
/* Bootsrap 3.3 customized carousel */

@font-face {
	font-family: 'xlntcode';
	src:url('../fonts/xlntcode.eot?j0co6u');
	src:url('../fonts/xlntcode.eot?#iefixj0co6u') format('embedded-opentype'),
		url('../fonts/xlntcode.woff?j0co6u') format('woff'),
		url('../fonts/xlntcode.ttf?j0co6u') format('truetype'),
		url('../fonts/xlntcode.svg?j0co6u#xlntcode') format('svg');
	font-weight: normal;
	font-style: normal;
}
#section-testimonial li, #section-testimonial-alt li, #section-testimonial-alt-02 li {
   line-height:1.3;
}
.feedbacks {
   position:relative;
}
.feedbacks h1 { 
   margin-bottom:50px; 
   border:0; 
   padding-left:0
 }
.client-feedback { 
   position: relative;
   width:100%;
   font-size: 20px; 
   font-style: italic; 
   margin:0 auto 0 auto;
   padding: 0px 80px 40px 80px;
   margin-bottom:40px;
}
.client-feedback p { 
   line-height:30px; 
   margin-bottom:0;
   color:#666;
   font-size: 20px; 
}
.client-feedback:before { 
   content: "\e60a";
   font-family: "xlntcode";
   font-style:normal;
   position:absolute;
   left:42px;
   top:0px;
   margin-top: -9px;
   font-size:28px;
   color:#666
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
.client-feedback:before { 
   position:absolute;
   left:64px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.client-feedback:before { 
   position:absolute;
   left:46px;}
}
/* --- Carousel --- */
.carousel {
   position: relative;
}
.carousel-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   background: transparent;
   /*border: 2px dashed #ddd;*/
   border-radius:0px;
}
.carousel-inner-alt {
   position: relative;
   overflow: hidden;
   width: 100%;
   background: transparent;
  /* border: 2px dashed #ddd;*/
   border-radius:0px;
}
.carousel-inner > .item, .carousel-inner-alt > .item {
   display: none;
   position: relative;
   -webkit-transition: 0.6s ease-in-out left;
   -o-transition: 0.6s ease-in-out left;
   transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img, .carousel-inner-alt > .item > img,
.carousel-inner > .item > a > img, .carousel-inner-alt > .item > a > img {
   line-height: 1;

}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item, .carousel-inner-alt > .item { 
   -webkit-transition: -webkit-transform 0.6s ease-in-out;
   -o-transition: -o-transform 0.6s ease-in-out;
   transition: transform 0.6s ease-in-out;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-perspective: 1000;
   perspective: 1000;
}
.carousel-inner > .item.next, .carousel-inner-alt > .item.next,
.carousel-inner > .item.active.right, .carousel-inner-2 > .item.active.right {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
   left: 0;
}
.carousel-inner > .item.prev, .carousel-inner-alt > .item.prev,
.carousel-inner > .item.active.left, .carousel-inner-2 > .item.active.left {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
   left: 0;
}
.carousel-inner > .item.next.left, .carousel-inner-alt > .item.next.left,
.carousel-inner > .item.prev.right, .carousel-inner-alt > .item.prev.right,
.carousel-inner > .item.active, .carousel-inner-alt > .item.active {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   left: 0;
 }
}
.carousel-inner > .active, .carousel-inner-alt > .active,
.carousel-inner > .next, .carousel-inner-alt > .next,
.carousel-inner > .prev, .carousel-inner-alt > .prev {
   display: block;
}
.carousel-inner > .active, .carousel-inner-alt > .active {
   left: 0;
}
.carousel-inner > .next, .carousel-inner-alt > .next,
.carousel-inner > .prev, .carousel-inner-alt > .prev  {
   position: absolute;
   top: 0;
   width: 100%;
}
.carousel-inner > .next, .carousel-inner-alt > .next {
   left: 100%;
}
.carousel-inner > .prev, .carousel-inner-alt > .prev {
   left: -100%;
}
.carousel-inner > .next.left, .carousel-inner-alt > .next.left,
.carousel-inner > .prev.right, .carousel-inner-alt > .prev.right {
   left: 0;
}
.carousel-inner > .active.left, .carousel-inner-alt > .active.left {
   left: -100%;
}
.carousel-inner > .active.right, .carousel-inner-alt > .active.right {
   left: 100%;
}
.carousel-control {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 15%;
   opacity: 0.5;
   filter: alpha(opacity=50);
   font-size: 20px;
   color: #ffffff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
   left: auto;
   right: 0;
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
   outline: 0;
   color: #ffffff;
   text-decoration: none;
   opacity: 0.9;
   filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
   position: absolute;
   top: 50%;
   z-index: 5;
   display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
   left: 50%;
   margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
   right: 50%;
   margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
   width: 20px;
   height: 20px;
   margin-top: -10px;
   font-family: serif;
}
.carousel-control .icon-prev:before {
   content: '\2039';
}
.carousel-control .icon-next:before {
   content: '\203a';
}
.carousel-indicators {
   position: relative;
   bottom: 10px;
   left:0;
   z-index: 15;
   width: 100%;
   padding-left: 0;
   margin-left: 0%;
   text-align: center;
   list-style: none; 
}
.carousel-indicators li {
   width: 25%;
   height: auto;
   text-align:center;
   margin: 0px auto;
   cursor: pointer;
   opacity:.2;
   margin-top:20px;
   float:left;
}
.carousel-indicators .active {
   width: 25%;
   height: auto;
   margin:0px 0px 0px 0px;
   opacity:1;
   margin-top:20px;
}
.carousel-indicators li img {
   margin:0px auto;
   width:60px;
   height:60px; 
   margin-bottom:10px;
   border-radius:50%;
   border: 1px solid #ededed;
   padding: 2px;
   background: #fff;
}
.carousel-indicators li {
	margin-bottom:15px;
}
.carousel-indicators li span { 
   color: #666; 
   text-align:center; 
   display:block;
   font-weight:300;
   font-size:13px;
   text-transform:uppercase;
   font-style:italic;
}
.carousel-indicators li span b { 
   color:#666; 
   text-align:center; 
   display:block;
   font-weight:300;
   text-transform:uppercase;
   font-size:15px; 
   font-style:italic;
}
.carousel-caption {
   position: absolute;
   left: 15%;
   right: 15%;
   bottom: 20px;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #ffffff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
   text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
   width: 30px;
   height: 30px;
   margin-top: -15px;
   font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
   margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
   margin-right: -15px;
}
.carousel-caption {
   left: 20%;
   right: 20%;
   padding-bottom: 30px;
}
.carousel-indicators {
   bottom: 1px;
 }
}
@media screen and (max-width: 767px) {
.carousel-indicators li, .carousel-indicators .active {
	float:left; 
	padding-top:15px;
	margin-bottom:0px;
	width: 50%;
	margin-top:10px;
}
.carousel-indicators li img, .client-feedback:before, .client-feedback:after { 
   display:none;
}

.carousel-indicators .active { 
   background:none;
}
.client-feedback {
   padding: 40px 20px;
}
.carousel-indicators .active img  {
   -webkit-transform:none;
}
.carousel-indicators .active span b {
   margin-top:0px;	
 }
}