/* ----------------- Start TT - CMS testimonial ------------------- */

#ttcmstestimonial {
	float: left;
	margin: 0 0 80px;
	position: relative;
	width: 100%;
	background:#958b89;
}
#ttcmstestimonial .testimonial-block {
	float: left;
	width: 100%;
}
#ttcmstestimonial .testimonial-block .testimonial-img{
  border-right: 1px solid rgba(255,255,255,.1);
  position:relative;
  padding:20px 15px;
  text-align:center;
}
#ttcmstestimonial .testimonial-block ul {
	padding:70px 50px;
	margin:0;
	float:left;
}
#ttcmstestimonial .twentytwenty-wrapper.twentytwenty-horizontal {
  margin: -28% 0 0;
}
#ttcmstestimonial #beforeafter {
  max-width: 100%;
  margin: 0 auto;
}
#ttcmstestimonial #beforeafter .tt-before-images-label, #ttcmstestimonial #beforeafter .tt-after-images-label {
	color: var(--secondary-text-color);
	font: 400 16px/18px var(--primary-font);
	float: left;
	margin: 0;
	position: absolute;
	top: 10px;
	right: auto;
	bottom: auto;
	left: 10px;
	background: var(--secondary-bg-color);
	padding: 10px;
}
#ttcmstestimonial #beforeafter .tt-after-images-label {
  left: auto;
  right: 10px;
  z-index: 20;
}
#ttcmstestimonial .testimonial-block .testimonial-img .image {
	display: inline-block;
	float: none;
	text-align: center;
	vertical-align: top;
	width: auto;
}
#ttcmstestimonial .testimonial-block .testimonial-img .testimonial-user {
  float: right;
  text-align: left;
  margin:35px 60px 35px 0;
}
#ttcmstestimonial .testimonial-content{
	text-align: left;
	padding:45px 65px;
}
#ttcmstestimonial .testimonial-block .testimonial-img img {
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%;
	border:3px solid #fff;
}
#ttcmstestimonial .testimonial-block .testimonial-img .testimonial-user .testimonial-usertitle {
	color: #fff;
	font: 400 20px/22px var(--primary-font);
	text-transform: uppercase;
	padding: 0 0 10px;
}
#ttcmstestimonial .testimonial-block .testimonial-content .testimonial-desc {
	font: 500 14px/24px var(--secondary-font);
	color: #f5f5f5;
	margin:0;
}
#ttcmstestimonial .testimonial-block .testimonial-img .testimonial-user .testimonial-subtitle {
	color: #fff;
	font: 600 13px/16px var(--secondary-font);
	text-transform: capitalize;
}
#ttcmstestimonial .owl-dots {
  float: left;
  text-align: center;
  width: 100%;
}
#ttcmstestimonial .owl-dots .owl-dot {
  display: inline-block;
  height: 12px;
  width: 12px;
  background:#e5e5e5;
  transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
  -khtml-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  border: 1px solid #e5e5e5;
  vertical-align: middle;
  margin: 0 8px 0 0;
  cursor: pointer;
  border-radius:50px;
  padding:0;
}
#tttestimonial-carousel .owl-numbers {
  display: none;
}
#ttcmstestimonial .owl-dots .owl-dot.active {
  height: 15px;
  width: 15px;
  background: var(--secondary-bg-color);
  border:1px solid  var(--secondary-bg-color);
  transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
  -khtml-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  border-radius:50px;
  opacity:1;
  -moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1; 
}
#ttcmstestimonial .owl-dots .owl-dot:hover {
  background: var(--secondary-bg-color);
  border:1px solid  var(--secondary-bg-color);
  opacity:1;
  -moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1; 
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }
.twentytwenty-overlay{
	display:none;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }
.large-8.columns {
	margin: 0 0 -12% 0;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }
.large-8.columns {
	margin: 0 0 -12% 0;
	float: left;
	width: 100%;
	z-index: 2;
	position: relative;
}
.twentytwenty-wrapper.twentytwenty-horizontal {
	text-align: center;
	float: left;
	width: 100%;
}
.twentytwenty-container {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 0;
	overflow: hidden;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border: 10px solid #fff;
	width: 1030px;
	display: inline-block;
	float: none;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: col-resize; 
  background: #fff;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid #ee2d7a;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid #ee2d7a;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }
.tt-before-images-label {
  	z-index: 20;
}
@media (max-width: 1301px) {
  .header_style1 .twentytwenty-container{
	width: 870px; 	 
  }
}
@media (max-width: 1199px) {
  .twentytwenty-container{
	width: 920px; 
  }
  .header_style1 .twentytwenty-container {
		width: 670px;
	}
}
@media (max-width: 991px) {
	.twentytwenty-container, .header_style1 .twentytwenty-container {
		width: 690px;
	}
	.twentytwenty-container img{
		height: 400px;	
	}
	.tt-after-images-label, .tt-before-images-label{
		font-size:14px;
		line-height:16px;	
	}
}
@media (max-width: 767px) {
	.twentytwenty-container, .header_style1 .twentytwenty-container {
		width: 480px;
	}
	.twentytwenty-container img{
		height: 300px;	
	}
}
@media (max-width: 543px) {
	.twentytwenty-container, .header_style1 .twentytwenty-container {
		width: 420px;
	}
	.twentytwenty-container img{
		height: 250px;	
	}
	.tt-after-images-label, .tt-before-images-label {
		font-size: 13px;
		line-height: 14px;
	}
}
@media (max-width: 480px) {
	.twentytwenty-container, .header_style1 .twentytwenty-container{
		width: 270px;
	}
	.twentytwenty-container img{
		height: 170px;	
	}
	.tt-after-images-label, .tt-before-images-label {
		font-size: 13px;
		padding: 5px;
	}
	
}
@media (min-width: 992px) {
	#ttcmstestimonial .testimonial-block .testimonial-img::after {
	  bottom: 68px;
	  content: "\e244";
	  left: auto;
	  margin: auto;
	  position: absolute;
	  right: -15px;
	  top: auto;
	  font-family: material icons;
	  font-size: 25px;
	  transform: rotateZ(180deg);
	  color:#111;
	}
	#ttcmstestimonial .testimonial-block .testimonial-img::before {
	  border: 1px solid #fff;
	  border-radius: 50px;
	  bottom: 0;
	  content: "";
	  height: 50px;
	  left: auto;
	  margin: auto 0;
	  position: absolute;
	  right: -27px;
	  top: 0;
	  width: 50px;
	  background: #fff;
	}
}
@media (max-width: 1600px) {
  #ttcmstestimonial .twentytwenty-wrapper.twentytwenty-horizontal {
    margin: -24% 0 0;
  }
}
@media (max-width: 1449px) {
	#ttcmstestimonial .testimonial-block ul {
		padding:50px 0;
	}
}
@media (max-width: 1199px) {
	#ttcmstestimonial #beforeafter .tt-before-images-label, #ttcmstestimonial #beforeafter .tt-after-images-label {
		font-size: 14px;
		line-height: 16px;
		padding: 5px;
	}
	#ttcmstestimonial{
		margin: 20% 0 40px;
	}
	#ttcmstestimonial .testimonial-block .testimonial-img .testimonial-user {
		display: inline-block;
		float: none;
		margin: 35px 18px;
		text-align: center;
		vertical-align: top;
	}
	#ttcmstestimonial .testimonial-content {
		padding: 43px 0 43px 65px;
	}
	#ttcmstestimonial .testimonial-block .testimonial-content .testimonial-desc {
		margin: 0;
	}
}
@media (max-width:991px) {
	#ttcmstestimonial .testimonial-block .testimonial-img {
		width:100%;
		text-align:center;
		float:left;
	}
	#ttcmstestimonial .testimonial-block .testimonial-img {
		padding: 0;
		border:none;
	}
	#ttcmstestimonial .testimonial-content {
		width: 100%;
		text-align: center;
		float: left;
		padding:20px 0;
	}
	#ttcmstestimonial .testimonial-block .testimonial-img .testimonial-user {
	  margin: 15px 0 0;
	  width: 100%;
	}
	#ttcmstestimonial .testimonial-block .testimonial-img .image {
	  margin: 0;
	}
}
@media (max-width:543px) {
	#ttcmstestimonial{
		margin: 24% 0 30px;
	}
	#ttcmstestimonial .testimonial-block .testimonial-content .testimonial-desc {
		line-height:22px;
		font-size:13px;
	}
	#ttcmstestimonial .testimonial-block ul {
		padding:30px 0;
	}
}
/* ------------------------------------ End TT - CMS testimonial ------------------------------- */