/*
| --------------------------------------------------------
| Theme Name : WebPanda
| Version : 1.2
| Theme Date : 07/08/2018
| Modified Date : 12/09/2018
| Platforms : HTML5, CSS3, Bootstrap4, JS, Jquery, Sass
| Theme Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation, html5, sass, support, yakneelife
| File : yit-testimonial.css
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| Testimonial Style CSS BOF
| Responsive Style CSS BOF
*/

/* Note:
	- yit is a standard prefix of our profile name (yankee infoweb theme)
	- This file include all testimonial with variation style
*/

/* Testimonial Style CSS BOF (.yit-portfolio)
================================================== */
.yit-testimonial .owl-carousel .owl-item img { width:auto; border-style:solid; padding:3px; border-width:2px; }
.yit-testimonial .yit-client-post { font-size:.9rem; font-weight:500; }
.yit-testimonial .yit-rating { margin-top:7px; margin-bottom:7px; }
.yit-testimonial .yit-rating li { padding:0 3px; }
.yit-testimonial .yit-testimonial-item { margin-top:30px; margin-bottom:30px; }
.yit-testimonial .yit-rating { display:inline-block; margin:3px auto; padding:0; list-style:none; }
.yit-testimonial .yit-rating li { display:inline-block; }
.yit-testimonial .yit-rating a { color:#ff8800; padding:0 2px }
.yit-testimonial .yit-rating a:hover, .yit-testimonial .yit-rating a:focus, .yit-testimonial .yit-rating a:active { color:#333; text-decoration:none; }

/*** Testimonial Style-1 CSS BOF ***/
.yit-testimonial.style-1 .yit-testimonial-thumb { padding:3px; margin:10px auto; }
.yit-testimonial.style-1 .yit-testimonial-item::before, .yit-testimonial.style-1 .yit-testimonial-item::after { color: rgba(0, 0, 0, 0.1); font-family:'fontawesome';
	font-size: 50px;  position: absolute; z-index:0; }
.yit-testimonial.style-1 .yit-testimonial-item::before { content: ""; left:0; top:-10px; }
.yit-testimonial.style-1 .yit-testimonial-item::after { content: ""; right:0; bottom:-10px; }

/*** YIT Style-2 CSS BOF ***/
.yit-testimonial.style-2 .yit-thumbnail { display: table; margin: 0 auto; position: relative; z-index: 0; }
.yit-testimonial.style-2 .yit-thumbnail img { margin:10px auto; }
.yit-testimonial.style-2 .yit-item { background: #ffffff; margin:40px 0 30px; padding: 15px;  position: relative; transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -moz-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); }
.yit-testimonial.style-2 .yit-item::after, .yit-testimonial.style-2 .yit-item::before { background: #e91e63; content: ""; height:3px;  left: 0; margin: 0 auto; position: absolute;
	right: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s; width: 100px; }
.yit-testimonial.style-2 .yit-item::after { bottom: 0; }
.yit-testimonial.style-2 .yit-item::before { top: 0; }
.yit-testimonial.style-2 .yit-item:hover::before, .yit-testimonial.style-2 .yit-item:hover::after { width: 100%; }
.yit-testimonial.style-2 .yit-item hr { -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; background-color:rgba(0, 0, 0, .2); }
.yit-testimonial.style-2 .yit-item:hover hr { width:50%; }

/*** Testimonial Style-3 CSS BOF ***/
.yit-testimonial.style-3 .item { position:relative; }
.yit-testimonial.style-3 .yit-item::before { bottom: 20px; color: rgba(0, 0, 0, 0.1); content: ""; font-family: fontawesome; font-size: 80px; opacity: 0.6;
	position:absolute; right:0; z-index: 0; }
.yit-testimonial.style-3 .yit-img { margin-right:20px; }

/*** YIT Style-4 CSS BOF ***/
.yit-testimonial.style-4 .yit-item { margin-bottom:20px; background-color:#fff; padding:25px; }
.yit-testimonial.style-4 .yit-client-name { margin-bottom:10px; font-size:1.3rem; }
.yit-testimonial.style-4 .yit-img { float:left; margin-right:20px; overflow:hidden; padding:3px; width:100px; height:100px; }
.yit-testimonial.style-4 .yit-info { float:left; }
.yit-testimonial.style-4 .yit-p .yit-icon { color: rgba(0, 0, 0, 0.1); display: block; font-size: 30px; }
.yit-testimonial.style-4 .yit-content { overflow: hidden; }

/*** YIT Style-5 CSS BOF ***/
.yit-testimonial.style-5 .item { padding: 100px 0 0; }
.yit-testimonial.style-5 .item::before { color: #2d3135; content:""; font-family: 'fontawesome'; font-size: 340px; left: 0; position: absolute; right: 0;
 	text-shadow:0 0 15px rgba(0, 0, 0, 0.2); top: -70px; z-index: -1; }
.yit-testimonial.style-5 .yit-testimonial-item { padding: 30px 0; position: relative; }
.yit-testimonial.style-5 .yit-testimonial-item p { font-size: 21px; font-family: playfair display; font-style: italic; }

/*** YIT Style-6 CSS BOF ***/
.yit-testimonial.style-6 .yit-img { padding:3px; border-style:solid; border-width:2px; }
.yit-testimonial.style-6 .yit-content { overflow: hidden; }
.yit-testimonial.style-6 .yit-item { margin-bottom: 20px; padding:20px;  position: relative; -moz-transition:all .5s ease-in-out 0s; border:1px dashed #E0B004;
	-webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; z-index: 0; }
.yit-testimonial.style-6 .yit-item::after { bottom: -11px; content: "";  right: -11px; }
.yit-testimonial.style-6 .yit-item::before, .yit-testimonial.style-6 .yit-item::after { content: "";  height: 20px; position: absolute; transition: all 0.5s ease-in-out 0s; width: 20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#5F9391}
.yit-testimonial.style-6 .yit-item::before { left: -10px; top: -10px; }
.yit-testimonial.style-6 .yit-item:hover:before { left:10px; }
.yit-testimonial.style-6 .yit-item:hover:after { right:10px; }

/*** YIT Style-7 CSS BOF ***/
.yit-testimonial.style-7 .yit-img { padding:3px; margin:10px auto; width:200px; height:200px; border:solid 2px #5F9391; }
.yit-testimonial.style-7 .yit-thumbnail { display: table; margin: 0 auto; position: relative; }
.yit-testimonial.style-7 .yit-quote { background:#e91e63; border: 3px solid #ffffff; color: #ffffff; font-size: 25px;  height: 60px; line-height: 55px; margin: 0 auto;
	position: absolute; right: -30px; text-align: center;  top: 50%; -moz-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -o-transform:
	translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); width: 60px; }

/*** YIT Style-8 CSS BOF ***/
.yit-testimonial.style-8 .yit-content { background:#fff; position:relative; margin-bottom:20px; -moz-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.3); box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.3); }
.yit-testimonial.style-8 .yit-img { padding:3px; margin:0 auto 5px; border:solid 1px #e91e63; width:70px; height:70px; }
.yit-testimonial.style-8 .yit-thumbnail { padding: 15px 20px 0; position:relative; }
.yit-testimonial.style-8 .yit-desc { padding: 10px 20px; }
.yit-testimonial.style-8 .yit-info { background: #ededed; padding: 15px 20px; position:relative; }
.yit-testimonial.style-8 .yit-info::after { bottom:0; color: rgba(0, 0, 0, 0.2); content:""; font-family:"fontawesome"; font-size:45px; position: absolute;
	right: 10px; }
.yit-testimonial.style-8 .yit-thumbnail::before { content: ""; height: 43px;left: 0;position: absolute;top: 27px;width: 5px; background:#e91e63; }
.yit-testimonial .owl-carousel .owl-item img { display:inline-block; }

/*** YIT Style-9 CSS BOF ***/
.yit-testimonial.style-9 .yit-icon { color: rgba(0, 0, 0, 0.1); display: block; font-size: 30px; }
.yit-testimonial.style-9 .yit-item { margin-bottom:20px; background:#fff; -moz-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); }
.yit-testimonial.style-9 .yit-content { padding:15px; position:relative; border-bottom:solid 1px rgba(0, 0, 0, 0.1); }
.yit-testimonial.style-9 .yit-content::before { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 30px 30px 0 0; content: ""; height: 0;
	left:0; right:0; margin:0 auto; position: absolute; bottom:-30px;  width: 0; z-index: 9; }
.yit-testimonial.style-9 .yit-img { width:100%; border:medium none !important; height:auto; }
.yit-testimonial.style-9 .yit-info { padding:15px; }
.yit-testimonial.style-9 .yit-thumbnail { overflow: hidden; position: relative; }
.yit-testimonial.style-9 .yit-thumbnail::before { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; width: 0; }
.yit-testimonial.style-9 .yit-item, .yit-testimonial.style-9 .yit-thumbnail::before { -moz-transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; }
.yit-testimonial.style-9 .yit-item:hover .yit-thumbnail::before { width: 100%; }
.yit-testimonial.style-9 .owl-carousel .owl-item .yit-img { padding:0; }

/*** YIT Style-10 CSS BOF ***/
.yit-testimonial.style-10 .yit-item { margin-bottom:20px; -moz-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); }
.yit-testimonial.style-10 .yit-content, .yit-testimonial.style-10 .yit-info { padding:15px; }
.yit-testimonial.style-10 .yit-img { width:150px; height:150px; margin-bottom:10px; border:solid 3px rgba(0, 0, 0, .2); padding:3px; }
.yit-testimonial.style-10 .yit-icon { background:#ffffff; display: table; font-size: 25px; height: 40px; line-height: 40px; margin: 0 auto 15px; width: 40px; }
.yit-testimonial.style-10 .yit-icon-wrap { position:relative; z-index:0; }
.yit-testimonial.style-10 .yit-icon-wrap::before { background: rgba(255, 255, 255, 0.3); content: ""; height: 1px; left: 0; position: absolute;  top: 19px; width: 100%; z-index: -1; }

/*** YIT Style-11 CSS BOF ***/
.yit-testimonial.style-11 .yit-item img { border:medium none; padding:0; }
.yit-testimonial.style-11 .yit-item h3 { position:relative; }
.yit-testimonial.style-11 .yit-item h3:before, .yit-testimonial.style-11 .yit-item h3:after { position:absolute; content:""; width:58px; height:40px; background-repeat:no-repeat; background-position:0 0; }
.yit-testimonial.style-11 .yit-item h3:before { left:0; background-image:url(../../images/quote1.png); }
.yit-testimonial.style-11 .yit-item h3:after { right:0; background-image:url(../../images/quote2.png); }
.yit-testimonial.style-11 .owl-theme .owl-nav.disabled + .owl-dots { position:absolute; right:0; top:40px; }
.yit-testimonial.style-11 .owl-theme .owl-dots .owl-dot span { width:15px; height:15px; border:2px solid #d6d6d6; background:none; -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }
.yit-testimonial.style-11 .owl-theme .owl-dots .owl-dot.active span, .yit-testimonial.style-11 .owl-theme .owl-dots .owl-dot:hover span { border:2px solid #e91e63; }

/***  Carousel Control CSS BOF ***/
.yit-testimonial .owl-theme .owl-nav [class*="owl-"] { -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; font-size:30px; line-height:40px;height:45px; width:45px; padding:0; }
.yit-testimonial .owl-theme .owl-nav [class*="owl-"]:hover { background:#333; color:#fff; }
.yit-testimonial .owl-dots-nav .owl-dots { text-align:right; }

/*** Responsive Testimonial CSS BOF ***/
@media (max-width:767px){
.yit-testimonial.style-4 .yit-img { float: none;  margin: 0 auto 15px; }
.yit-testimonial.style-4 .yit-info { float:none; text-align:center; }
.yit-testimonial.style-5 .item::before { display:none; }
.yit-testimonial.style-5 .item, .yit-testimonial.style-5 .yit-testimonial-item { padding:0 }
.yit-testimonial.style-11 .yit-item h3::before, .yit-testimonial.style-11 .yit-item h3::after { display:none; }
.yit-testimonial.style-11 .owl-theme .owl-nav.disabled + .owl-dots { position:relative; right:0; top:0; }
.yit-testimonial.style-11 .owl-theme.xs-owl-dot .owl-nav.disabled + .owl-dots { top:auto; }
.testimonial-carousel.yit-testimonial.style-11 .owl-theme.xs-owl-dot .owl-nav.disabled + .owl-dots { top:-25px; } /* override element testimonial page dot css */
}
@media (min-width:768px) and (max-width:980px) {
.yit-testimonial.style-11 .yit-item h3::before, .yit-testimonial.style-11 .yit-item h3::after { display:none; }
.yit-testimonial.style-11 .owl-theme .owl-nav.disabled + .owl-dots { top:-40px; }
}
@media (min-width:980px) and (max-width:1200px) {
.yit-testimonial.style-11 .yit-item h3::before, .yit-testimonial.style-11 .yit-item h3::after { display:none; }
}