﻿.testimonial-pager {
  background-color: #FAFAFA
}

.owl-carousel .owl-item img {
  display: inline;
}

#sync2 .item{
    padding: 10px 0px;
    margin: 5px;
    text-align: left;
    cursor: pointer;
    margin-left: 15%;
}

#sync2 .item .logo-inactive {
  display: block;
}
#sync2 .item .logo-active {
  display: none;
}

#sync2 .synced .item .logo-inactive {
  display: none;
}
#sync2 .synced .item .logo-active {
  display: block;
  background-color: #FAFAFA /* work-around for Chrome */
}


.testimonial-pager .owl-theme .owl-controls .owl-nav [class*="owl-"] {
  position: absolute;
  background-color: transparent;
  width: 30px;
  height: 56px;
  background-image:url('/pub/_images/ui-nav.png');
  background-repeat: no-repeat;
  -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
 
.testimonial-pager .owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 10px;
  top: 200px; 
  font-size: 0;
  background-position: 0 0;
}
 
.testimonial-pager  .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 10px;
  top: 200px;
  font-size: 0;
  background-position: -35px 0;
}



.table {
	display: table;
}

.table-cell {
	display: table-cell;
}

.max-width {
	max-width: 480px;
	display: block;
	margin: 0 auto;
  margin-bottom: 33px;
  /*position: relative;
	top: -16px;*/
}

.table-cell-logo {
	vertical-align: middle;
}

.testimonial-pager {
	overflow: hidden;
	margin: 0;
  position: relative;
}

.testimonial-pager .column {
	width: 50%;
	display: block;
	height: 533px;
	float: left;
}

.testimonial-pager .column.right {
	padding: 0;
	height: 500px;
}

.testimonial-pager .column.left {
	left: 1px;
}

/* Left column defaults */

.slide .left .blockquote {
  vertical-align: middle;
  text-align: center;
  width: 100.1%;
  height: 100%;
  margin: 0 auto;
}


.slide p {
			color: #fff;
			font-size: 28px;
			font-size: 2.8rem;
			line-height: 46px;
			line-height: 4.6rem;
			margin-bottom: 1.22em;
			font-weight: 400;
		}

.slide p:before,
.slide p:after {
	content: '“';
	display: inline-block;
	font-style: normal;
}

	.slide p:after {
		content: '”';
	}


.slide cite {
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 20px;
	line-height: 2rem;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: .015em;
}

.slide .cite-name {
	display: block;
	margin-bottom: .5em;
}

.slide .cite-position {
	margin-bottom: 2.5em;
}


.slide hr {
				width: 7%;
				height: 1px;
				border: none;
				background: none;
				border-top: solid 3px rgba(255,255,255,.25);
				margin-bottom: 2.1em;
}


.slide .photo-bg {
	width: 100%;
	height: 100%;
	background-size: cover;
	text-align: center;
}


.photo-bg {
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

	@media only screen and (-webkit-min-device-pixel-ratio: 2), 
	only screen and (min-device-pixel-ratio: 2) {

		.photo-bg {
			background-repeat: no-repeat;
      background-position: center left;
		}

	}



	/* Media queries */

	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    /* navigation stuff? */
	
	}

	@media only screen and (min-width: 768px) and (max-width: 991px) {

		.testimonial-pager .column {
			width: 100% !important;
			height: 405px;
		}

		.testimonial-pager .column.right {
			height: 300px;
		}

		.slide p {
			color: #fff;
			font-size: 22px;
			line-height: 1.25em;
		}

		
		.slide .left blockquote {
			margin: 0 !important;
			width: 100% !important;
		}

	}

	@media only screen and (max-width: 767px) {

		.testimonial-pager .column {
			width: 100% !important;
			height: 405px;
		}

		.testimonial-pager .column.right {
			height: 250px;
		}

		.slide p {
			font-size: 2rem;
			line-height: 2.6rem;
		}

		.slide .left .blockquote {
			margin: 0 !important;
			width: 100% !important;
		}

		.max-width {
			max-width: 310px !important;
		}

	}
	
@media only screen and (min-width: 320px) and (max-width: 480px) { 

	.slide .blockquote {
		margin: 0 !important;
		width: 100% !important;
	}

	.slide .max-width {
		max-width: 310px !important;
	}

}

.testimonial-pager .left {
	position: relative;
	overflow: hidden;
}

.testimonial-pager .right {
	overflow: hidden;
}



/* Active Arrow */


.slider-active-arrow {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 33px;
	overflow: hidden;
}

	.slider-active-arrow .container {
		height: 33px;
		background: url('/pub/_images/testimonials/active-arrow.png') no-repeat -59px 0;
		position: relative;
	}


	@media (min-width: 1600px) {

		.slider-active-arrow .container {
			background-position: 0; /*-32px 0;*/
		}

	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

		.slider-active-arrow .container {
			background-position: -79px 0;
		}

	}

	@media only screen and (min-width: 768px) and (max-width: 991px) {

		.slider-active-arrow .container {
			background-position: -83px 0;
		}

	}

	@media only screen and (max-width: 767px) {

		.slider-active-arrow .container {
			background-position: -96px 0;
		}

		

	}