#ip-testimonials {

}
	#ip-testimonials .ip-heading {

	}
		#ip-testimonials .ip-heading .col-md-6:first-child {
			padding-right: 0;
		}
		#ip-testimonials .page-title {
			text-align: center;
			position: relative;
		}
		#ip-testimonials .page-title::after {
			content: '';
			display: block;
			position: absolute;
			width: calc( (100vw - 1320px) + 100% );
			height: 100%;
			top: 0;
			right: 0;
			background: #f6f6f6;
			z-index: -1;
		}
			#ip-testimonials .page-title-before {
				height: 102px;
			}
			.ip-testi-cta {
				text-align: right;
			}
				.ip-testi-cta > a, 
				.ip-testi-cta > div {
					width: calc( 33% - 5px );
					height: 80px;
					margin-right: 10px;
					border-top-left-radius: 0;
					border-top-right-radius: 0;
					overflow:visible;
				}
				.ip-testi-cta > a:last-child {
					margin-right: 0;
				}
					.ip-testi-cta > a i, .ip-testi-cta > div i {
						margin-right: 8px;
					}
					.icon-reviews-cta-01 {
						width: 31px;
						height: 36px;
					}
						.icon-reviews-cta-01::before,
						.icon-reviews-cta-01::after {
							background-image: url(/app/themes/sueadler.com/assets/frontend/images/ip-reviews-cta-01-sprite.png);
						}
						.icon-reviews-cta-01::before {
							background-position: -5px -5px;
						}
						.icon-reviews-cta-01::after {
							background-position: -46px -5px;
						}
					.icon-reviews-cta-02 {
						width: 33px;
						height: 35px;
					}
						.icon-reviews-cta-02::before,
						.icon-reviews-cta-02::after {
							background-image: url(/app/themes/sueadler.com/assets/frontend/images/ip-reviews-cta-02-sprite.png);
						}
						.icon-reviews-cta-02::before {
							background-position: -5px -5px;
						}
						.icon-reviews-cta-02::after {
							background-position: -48px -5px;
						}
					.icon-reviews-cta-03 {
						width: 35px;
						height: 35px;
					}
						.icon-reviews-cta-03::before,
						.icon-reviews-cta-03::after {
							background-image: url(/app/themes/sueadler.com/assets/frontend/images/ip-reviews-cta-03-sprite.png);
						}
						.icon-reviews-cta-03::before {
							background-position: -3px -4px;
						}
						.icon-reviews-cta-03::after {
							background-position: -43px -4px;
						}
					.icon-reviews-cta-04 {
						width: 32px;
						height: 37px;
					}
						.icon-reviews-cta-04::before,
						.icon-reviews-cta-04::after {
							background-image: url(/app/themes/sueadler.com/assets/frontend/images/ip-reviews-cta-04-sprite.png);
						}
						.icon-reviews-cta-04::before {
							background-position: 0 0;
						}
						.icon-reviews-cta-04::after {
							background-position: -33px 0;
						}
		#ip-testimonials .ip-heading .col-md-6:last-child {
			position: relative;
		}
		#ip-testimonials .ip-heading .col-md-6:last-child::before {
			content: '';
			display: block;
			position: absolute;
			width: calc( 100% - 15px );
			height: 155px;
			top: 0;
			left: 0;
			background: #f6f6f6;
			border-top-right-radius: 15px;
			z-index: 3;
            display: none;
		}
		#ip-testimonials .ip-heading .col-md-6:last-child::after {
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 170px;
			top: 0;
			left: 0;
			background: #ffffff;
			z-index: 2;
            display: none;
		}
			.ip-testi-img {
				position: relative;
				width: calc( (100vw - 1320px) / 2 + 100% );
				margin-top: 85px;
			}
				.ip-testi-img::after {
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					background: rgba(8,108,157,0.74);
				}
					.ip-testi-img canvas {
						display: block;
						width: 100%;
						background: url(../../images/ip-testimonials-img.jpg) #cccccc no-repeat center center / cover;
					}
	.ip-testi-items {
        padding: 0 25px;
	}
		.ip-testi-items > div {
			/*display: none;*/
		}
		.ip-testi-items > div.active {
			display: block;
		}
		.ip-testi-items .row {

		}
		.ip-testi-items .col-md-6:first-child {
			/*margin-top: -308px;*/
			margin-top: 99px;
		}
		.ip-testi-items .col-md-6:last-child {
			margin-top: 40px;	
		}
		.ip-testi-box {
			background: #ffffff;
			border-radius: 10px;
			-webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);
			box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);
			padding: 46px 66px 78px;
			margin-bottom: 20px;
		}
			.ip-testi-title {
				font-size: 36px;
				font-weight: 600;
				color: #07628e;
				line-height: 1.2;
				margin-bottom: 18px;
			}
			.ip-testi-stars-wrap {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
			.ip-testi-stars {

			}
				.ip-testi-stars i {
					display: inline-block;
					vertical-align: middle;
					font-size: 25px;
					color: #abd26a;
					margin-right: 5px;
				}
				.ip-testi-stars i:last-child {
					margin-right: 0;
				}
			.ip-testi-content {
				font-size: 16px;
				font-weight: 300;
				color: #787878;
				line-height: 1.5;
				margin: 38px 0 0;
			}
			.ip-testi-content::before {
				content: '';
				display: block;
				width: 100%;
				height: 4px;
				background: url(/app/themes/sueadler.com/assets/frontend/images/line-accent-fl.png) no-repeat right center / 200% 100%;
			}
				.ip-testi-content p {
					margin: 25px 0;
				}
			.ip-testi-name {
				font-size: 16px;
				font-weight: 600;
				color: #07628e;
				line-height: 1;
				margin: 28px 0 8px;
			}
			.ip-testi-position {
				font-size: 16px;
				font-weight: 300;
				color: #787878;
				line-height: 1;
			}

#sort-tab,
#sort-tab-agent {
    width: 280px;
    /* max-height: 412px; */
    background: #FFF;
    z-index: 999;
    position: absolute;
    top: calc(100%);
    left: 0;
    /* border: 1px solid #abd26a; */
    border-radius: 15px;
    overflow: hidden;
    display: none;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);
	padding-top: 10px;
}

#sort-tab {
   /*  left: calc(((100% / 4) * 2) + 5px); */
	left: 50%;
	transform: translate(-50%);
}

body .sort-wrap:hover > div {
	display: block !important;
}

#sort-tab-agent {
    /* left: calc(((100% / 4) * 3) + 5px); */
	left: 50%;
	transform: translate(-50%);
}

.sort-select ul {
	padding: 7px 0 10px;
}

.sort-select ul li {
	padding: 0 22px;
    border-top: 1px solid rgba(57, 57, 57, 0.06);
}

.sort-select ul li:nth-child(1) {
    border-top: none;
}

.sort-select li a {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 2.87;
    color: #07628e;
}

.page-id-90 .custom-breadcrumbs {
    background: transparent;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    color: #666666;
    margin-top: 11px;
}

.page-id-90 .custom-breadcrumbs a {
    color: #a7a7a7;
}

.page-id-90 .custom-breadcrumbs .custom-container,
#ip-testimonials .ip-heading .custom-container {
    width: auto !important;
    padding: 0 140px 0 135px !important;
}

#ip-testimonials .custom-container {
    width: 100% !important;
}

#ip-testimonials .ip-heading {
    position: relative;
}

#ip-testimonials .ip-heading:before {
    content: '';
    position: absolute;
    z-index: -2;
    bottom: -47px;
    right: 140px;
    width: calc(100% - 140px);
    height: calc(100% + 86px);
    background: #f6f6f6;
    border-top-right-radius: 10px;
}

#ip-testimonials .ip-heading:after {
    content: '';
    position: absolute;
    z-index: -2;
    bottom: -47px;
    right: 140px;
    width: calc(50% - 132px);
    height: 147px;
    background: #fff;
}

#ip-testimonials .ip-heading .ip-heading-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 30px;
}

#ip-testimonials .ip-heading .ip-heading-left,
#ip-testimonials .ip-heading .ip-heading-right {
    width: 50%;
    max-width: 700px;
    position: relative;
}

#ip-testimonials .ip-heading .ip-heading-left {
    padding-right: 88px;
}

#ip-testimonials .ip-heading .ip-heading-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.ip-testi-rating {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    position: relative;
    top: 3px;
}

.ip-testi-rating strong {
    display: block;
    font-size: 60px;
    font-weight: 500 !important;
    line-height: 1;
    color: #07628e;
}

.ip-testi-rating span,
.ip-testi-rating em {
    display: block;
    font-size: 15px;
    font-weight: 500 !important;
    line-height: 1;
    text-transform: uppercase;
    color: #616161;
}

.ip-testi-rating span {
    margin-top: 6px;
}

.ip-testi-rating em {
    font-style: normal !important;
    font-weight: 400 !important;
    text-transform: none;
    color: #abd26a;
    margin-top: 3px;
}

#ip-testimonials .page-title .entry-title {
    font-size: 50px;
    line-height: 1;
}

.ip-heading-right .ip-testi-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ip-heading-right .ip-testi-cta > a, .ip-heading-right .ip-testi-cta > div {
    display: block;
    width: calc(100% / 4);
    margin: 0 0 0 5px !important;
    background: -webkit-gradient(linear, left bottom, left top, from(#086fa1), color-stop(96%, #07628e));
    background: linear-gradient(to top, #086fa1 0%, #07628e 96%);
}

@media only screen and (max-width: 1440px) {
	#ip-testimonials .page-title {
	    /* padding: 170px 0 92px; */
	}
    
	.ip-testi-items .col-md-6:first-child {
	    /* margin-top: 45px; */
	}
    
    .page-id-90 .custom-breadcrumbs .custom-container,
    #ip-testimonials .ip-heading .custom-container {
        padding: 0 100px !important;    
    }
    
    #ip-testimonials .ip-heading:before {
        right: 100px;
        width: calc(100% - 100px);
    }

    #ip-testimonials .ip-heading:after {
        right: 100px;
        width: calc(50% - 95px);
    }
    
    .ip-cta-btn > a span, .ip-cta-btn > div span {
        font-size: 20px;
    }
    
    #sort-tab-agent {
		left: auto;
		transform: none;
		right: 0;
    }
}

@media only screen and (max-width: 1365px) {
	#ip-testimonials .page-title {
	    /* padding: 170px 0 92px; */
	}

	#ip-testimonials .page-title::after {
		/* width: calc( (100vw - 1140px) + 100% ); */
	}
    
	.ip-testi-items .col-md-6:first-child {
	    /* margin-top: 40px; */
	}
    
	.ip-testi-img {
		/* width: calc( (100vw - 1140px) / 2 + 100%); */
	}
    
    #ip-testimonials .ip-heading .ip-heading-left {
        padding-right: 50px;
    }
    
    .page-id-90 .custom-breadcrumbs .custom-container,
    #ip-testimonials .ip-heading .custom-container {
        padding: 0 65px !important;
    }
    
    #ip-testimonials .ip-heading:before {
        right: 65px;
        width: calc(100% - 65px);
    }

    #ip-testimonials .ip-heading:after {
        right: 65px;
        width: calc(50% - 60px);
    }
    
    .ip-testi-box {
        padding: 46px 50px 78px;
    }
    
    #ip-testimonials .page-title .entry-title {
        font-size: 40px;
    }
    
    .ip-testi-rating strong {
        font-size: 45px;
    }
    
    .ip-testi-rating span, .ip-testi-rating em {
        font-size: 13px;
    }
    
    .ip-testi-items {
        padding: 0 15px;
    }
    
    .ip-cta-btn > a span, .ip-cta-btn > div span {
        font-size: 17px;
    }
    
    .ip-testi-cta > a i {
        transform: scale(0.8);
    }
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	#ip-testimonials .page-title::after {
		/* width: calc( (100vw - 940px) + 100% ); */
	}
	.ip-testi-img {
		/* width: calc( (100vw - 940px) / 2 + 100%); */
	}
    
    .page-id-90 .custom-breadcrumbs .custom-container,
    #ip-testimonials .ip-heading .custom-container {
        padding: 0 25px !important;
    }
    
    #ip-testimonials .ip-heading:before {
        right: 25px;
        width: calc(100% - 25px);
    }

    #ip-testimonials .ip-heading:after {
        right: 25px;
        width: calc(50% - 20px);
    }
    
    #ip-testimonials .ip-heading .ip-heading-left {
        padding-right: 30px;
    }
    
    #ip-testimonials .page-title .entry-title {
        font-size: 30px;
    }
    
    .ip-testi-rating strong {
        font-size: 35px;
    }
    
    .ip-testi-rating span, .ip-testi-rating em {
        font-size: 11px;
    }
    
    .ip-cta-btn > a span, .ip-cta-btn > div span {
        font-size: 14px;
    }
    
    .ip-testi-cta > a i {
        transform: scale(0.7);
        margin-right: 3px;
    }
    
    .ip-testi-cta > a {
        /* height: 70px; */
    }
    
    .ip-testi-box {
        padding: 26px 30px 48px;
    }
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	#ip-testimonials .ip-heading .col-md-6:first-child {
		padding-right: 15px;
	}
	#ip-testimonials .ip-heading .col-md-6:last-child::before,
	#ip-testimonials .ip-heading .col-md-6:last-child::after {
		display: none;
	}
	#ip-testimonials .page-title {
		background: #f6f6f6;
	}
	#ip-testimonials .page-title::after {
		display: none;
	}

	.ip-testi-img {
		width: 100%;
		margin-bottom: 20px;
	}

	.ip-testi-items .col-md-6:first-child,
	.ip-testi-items .col-md-6:last-child {
	    margin-top: 0;
	}
    
    .ip-testi-items {
        margin-top: 50px;
        padding: 0;
    }
    
    #ip-testimonials .ip-heading .ip-heading-inner {
        flex-direction: column;
    }
    
    #ip-testimonials .ip-heading .ip-heading-left, 
    #ip-testimonials .ip-heading .ip-heading-right {
        padding: 0;
        width: 725px;
        max-width: 100%;
        margin: 0 auto;
    }
    
    #ip-testimonials .ip-heading .ip-heading-right {
        margin-top: 30px;
    }
    
    #ip-testimonials .ip-heading:before,
    #ip-testimonials .ip-heading:after {
        display: none;
    }

    .ip-testi-stars-wrap{
    	position: relative;
    }

    /* .ip-testi-sm-icon {
	    top: 50%;
	    transform: translateY(-50%);
	} */
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
	.ip-testi-cta > a,
	.ip-testi-cta > div {
		display: block;
		width: 100%;
		margin: 10px 0;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}

	/* .ip-testi-sm-icon img {
		right: 20px;
	} */
}

@media only screen and (max-width: 576px) {
    
    .ip-heading-right .ip-testi-cta,
    #ip-testimonials .ip-heading .ip-heading-left {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .ip-heading-right .ip-testi-cta > a {
        width: 320px !important;
        max-width: 100%;
        margin: 0 0 10px 0 !important;
    }
    
    .ip-testi-cta > a i {
        transform: scale(1);
        margin-right: 15px;
    }
    
    .ip-cta-btn > a span, .ip-cta-btn > div span {
        font-size: 20px;
    }
    
    #sort-tab {
        left: calc(50% - 140px);
        right: auto;
        top: calc(100% + 10px);
        transform: none;
    }
    
    #sort-tab-agent {
        left: calc(50% - 140px);
        right: auto;
        top: 100%;
    }
    
    .ip-testi-title {
        font-size: 28px;
    }

    .ip-heading-right .ip-testi-cta > a, .ip-heading-right .ip-testi-cta > div {
		width: 100%!important;
		max-width: 320px!important;
	}

	.ip-heading-right .ip-testi-cta > div {
		margin-bottom: 10px!important;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	#ip-testimonials .page-title {
		padding: 20px 0 22px;
	}
	.ip-testi-box {
		padding: 45px 15px;
	}

	.ip-testi-sm-icon img {
	    /* right: 0;
	    bottom: 0; */
	    max-width: 135px;
	}

	.ip-testi-stars i{
		font-size: 19px;
	}
}
 