/*GF form popup shortcode*/

.gf-form-popup {
	padding: 50px 0 25px;	
}

.gf-form-popup .t-f-title {
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: #000000;	
	margin-bottom:25px;
}

.gf-form-popup .open-popup {
    background: #000000;
	color:#fff;
	cursor:pointer;
	opacity:0.9;
    border-radius: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    padding: 25px;
    text-transform: uppercase;
    border: 0;
    outline: 0;
    margin: 0 auto;
    display: block;
}

.gf-form-popup .open-popup:hover {
	background: #000000;
	opacity:1;
}	

.gf-form-popup .open-popup:focus {
	box-shadow:none;
}

#AddTestimonialsModal {
	opacity:0;	
}	

.testimonial-modal {
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-sizing: border-box;	
	border-radius: 4px;	
}

.testimonial-modal .modal-title {
	color:#373A3C;
}

.testimonial-modal .gform_wrapper {
	margin-bottom:0;	
}	

.testimonial-modal .modal-dialog{
	max-width: 600px;
}	

.testimonial-modal .gform_wrapper label {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;	
	color: #373A3C;
}

.testimonial-modal .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0;
	color: #818A91;
	margin-bottom: 15px;
}

.testimonial-modal .gform_wrapper textarea{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	border-radius: 4px;	
	height: 135px !important;
    margin: 0;
    font-size: 14px !important;
    font-weight: normal;	
    padding: 10px !important;	
}

.testimonial-modal .gform_wrapper input[type="text"] {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	border-radius: 4px;		
    font-size: 14px !important;
    font-weight: normal;	
	padding: 10px !important;	
}	

.testimonial-modal .gform_wrapper .gfield_required {
    color: #373A3C;
    margin-left: 0;
}

.testimonial-modal .gform_wrapper .permission-check  {
    margin-bottom: 25px;	
}	

.testimonial-modal .gform_wrapper .permission-check .ginput_container_checkbox {
    margin-top: 10px;	
}	

.testimonial-modal .gform_wrapper .permission-check label.gfield_label{
	display:none;	
}	

.testimonial-modal .gform_wrapper .permission-check input[type='checkbox']{
	margin: 0 !important;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}

.testimonial-modal .gform_wrapper .permission-check input[type='checkbox']:before {
	font-family: "FontAwesome";
    content: "\f00c";
    font-size: 15px;
    color: transparent !important;
    background: #fff;
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #CCCCCC;
	cursor:poiner;
}

.testimonial-modal .gform_wrapper .gfield_error.permission-check input[type='checkbox']:before {
	border: 1px solid #ff0f0f;
}	

.testimonial-modal .gform_wrapper .permission-check input[type='checkbox']:checked:before {
    background-color: #CCCCCC;
}

.testimonial-modal .gform_wrapper .permission-check label{
	font-size:16px;
}

.testimonial-modal .gform_wrapper .gfield_error.permission-check label{
	color:#ff0f0f;
}

.testimonial-modal .btn-secondary {
    color: #373A3C;
    background-color: transparent;
    border-color: #CCCCCC;
}

.testimonial-modal .ginput_preview {
	font-size:12px;	
}	

body .testimonial-modal .gform_wrapper input.button.gform_button_select_files {
	padding:0 10px !important;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 13px;
	color: #373A3C;	
}	

body .testimonial-modal .gform_wrapper input.button.gform_button_select_files:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;	
}	

.testimonial-modal .gform_wrapper .top_label li.gfield,
.testimonial-modal .gform_wrapper .top_label li.gfield.gf_right_half {
    padding-right: 0;
}

.testimonial-modal  .modal-footer {
	padding:15px 0;	
}	

.testimonial-modal  .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
    background: transparent;
}

.testimonial-modal .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, 
.testimonial-modal .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half,
.testimonial-modal .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error, 
.testimonial-modal .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error {
	background: transparent;
	padding:0;
}	

.testimonial-modal .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, 
.testimonial-modal .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
    max-width: calc(50% - 16px);
    padding-right: 0;
}

.testimonial-modal .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.testimonial-modal .gform_wrapper li.gfield_error textarea {
    border: 1px solid #ff0f0f;
}

.testimonial-modal .gform_wrapper .gfield_error .gfield_label {
    color: #ff0f0f !important;
}

.testimonial-modal .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.testimonial-modal .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0;
}


.testimonial-modal button.close:focus {
	outline:none;	
}	

.testimonial-modal  .gform_confirmation_message {
    color: #373A3C;
}

/*----------*/

/*Single-testimonial*/

.testimonial-wrapper {
	padding:80px 0;
}

.testimonial-wrapper .testimonial-info .t-description,
.testimonial-wrapper .testimonial-info .label {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #000000;		
	margin-bottom:20px;
}

.testimonial-wrapper .testimonial-info .label {
	margin-bottom:15px;	
	display: block;
}

.testimonial-wrapper .testimonial-info p {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
}

.testimonial-wrapper .testimonial-info .m-info {
	margin:40px 0 100px 0;
}

.testimonial-wrapper .testimonial-info .m-info span {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;	
	display:block;
	width:100%;
}

.testimonial-wrapper .back-testimonials {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
	color: #0275D8;	
	margin-bottom:35px;
	display:inline-block;
}

.testimonial-wrapper .mobile.back-testimonials {
	display:none;
}

.testimonial-wrapper .testimonial-gallery .files-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;	
}

.testimonial-wrapper .testimonial-gallery .file {
	flex: 0 0 calc(50% - 20px);
	margin: 0 0 20px 20px;
	height: 180px;
}

.testimonial-wrapper .testimonial-gallery .file a {

}

.testimonial-wrapper .testimonial-gallery .file img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	display: block;
}

.testimonial-wrapper .testimonial-gallery .file:first-child {
    height: 300px;
	flex: 0 0 calc(100% - 20px);
}

.testimonial-wrapper .testimonial-gallery .file video {
	width:100%;
	height:100%;	
}


/*Testimonial filter*/

#testimonials-filter #industries {
    list-style: none;
    display: flex;
    justify-content: center;	
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

#testimonials-filter #industries li {
	margin:0 5px;
}

#testimonials-filter #industries li a {
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;	
	color:#a0a0a0;
}

#testimonials-filter #industries li a:hover,
#testimonials-filter #industries li a.active {
	color:#000000;	
}	

.filterable-testimonial {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
}	

.filterable-testimonial .testimonial-item {
	height:500px;
	width:calc(33.333333% - 30px);
	/* background: gray; */
	box-sizing: border-box;
	margin: 0 15px 30px 15px;
	border:solid 15px #EAEAEA;
	position:relative;
	background-size:cover;
}

.filterable-testimonial .testimonial-item .item-meta {
	display:none;	
	position:relative;
	z-index:9;
	width:calc(100% - 60px);
	height:100%;
	padding:0 30px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;	
}

.filterable-testimonial .testimonial-item .item-meta .tile-title,
.filterable-testimonial .testimonial-item .item-meta .read-more {
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	color: #FFFFFF;
}

.filterable-testimonial .testimonial-item .item-meta .read-more {
	text-transform:uppercase;
}

.filterable-testimonial .testimonial-item:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	left:0;
	top:0;
	display:none;
}

.filterable-testimonial .testimonial-item video {
	width: 100%;
    height: 100%;
    background: radial-gradient(black, transparent);
    position: absolute;	
	left:0;
	top:0;
}	

.filterable-testimonial .testimonial-item:hover .item-meta,
.filterable-testimonial .testimonial-item:hover:after  {
	display:flex;	
}	

@media screen and (max-width: 600px) {
	.testimonial-wrapper {
		padding: 0 0 80px 0;
	}
	.testimonial-wrapper .testimonial-gallery .files-wrap {
		margin-left:0; 
	}	
	.testimonial-wrapper .mobile.back-testimonials {
		display:inline-block;
		margin-bottom: 0;
		margin-top: 30px;
	}
	.testimonial-wrapper .testimonial-info .desktop.back-testimonials {
		display:none;
	}	
	.testimonial-wrapper .testimonial-gallery .file,
	.testimonial-wrapper .testimonial-gallery .file:first-child	{
		height: 240px;
		flex: 100%;
		margin: 0 auto 20px;
	}	
	.testimonial-wrapper .testimonial-info .m-info {
		margin:40px 0;
	}
}

@media screen and (max-width: 1366px) {
	.filterable-testimonial .testimonial-item {
		width:calc(50% - 30px);
	}	
}

@media screen and (max-width: 768px) {
	.filterable-testimonial .testimonial-item {
		height:250px;
	}	
}

@media screen and (max-width: 767px) {
	.filterable-testimonial .testimonial-item {
		width:100%;
		margin:0 auto 15px;
	}	
	.filterable-testimonial .testimonial-item .item-meta .tile-title, 
	.filterable-testimonial .testimonial-item .item-meta .read-more {
		font-size: 16px;
	}	
}

/*----------*/