/*==================================================================================
														subheading-goes css start
==================================================================================*/

.subheading-goes h2{ text-align:center;margin: 50px 0 30px;}
.subheading-goes p{ color: #545754;font-size: 21px;font-weight: 600;max-width: 636px; margin:0 auto; text-align:center; line-height:1.2; margin-bottom:65px;}

/*==================================================================================
														Case Study css start
==================================================================================*/

.case-study { 
  display: flex; 
  flex-wrap: wrap; 
  /* align-items: center; / /* Removed [08/08/19] */
  justify-content: center;
  max-width: 1080px;
  margin: 0 auto;
}

.case-study-img { 
  /* min-height: 600px; */ /* Removed [08/08/19] */
  background-repeat: no-repeat !important; 
  background-size: cover !important; 
  width: 50%; }

.case-study-content { 
  width: 50%; 
  background: #f6f6f6; 
  /* height: 600px; */ /* Removed [08/08/19] */
  display: flex; 
  flex-wrap: wrap; 
  align-items: center; 
  justify-content: center;
}
.case-study-img:after{ 
  content: '';
  display: block;
  padding-bottom: 100%;
}
.case-study-content p{ max-width:680px; margin:0 auto; color: #545754;font-size: 15px;text-align:left; }
.case-study-content a{ float:left; margin-top: 25px; font-weight:700; font-size: 18px;color: #545754;line-height: 1.22; letter-spacing: -0.4px; padding-bottom:5px;border-bottom: 3px solid #30c21b; display:inline-block;}
.case-study-content a:hover{ border-bottom:3px solid #545754; color:#30c21b; }
.case-study-right-img .case-study-img { order: 2; position:relative;}
.case-study-right-img .case-study-content{justify-content: center; background: #fff;}

.inner-case-studt-content { max-width: 680px; padding-left: 9%;padding-right: 20px; text-align:center;}
/* .inner-case-studt-content img { max-width: 200px;} */
.inner-case-studt-content h2 { margin: 25px 0 30px; text-align:left;}	

.grey-bg-content { background: #f6f6f6;}

/*=======================================================================================
 																Core content piece css start
======================================================================================*/

.case-study-img a.open-popup-link { position: absolute; left: 0; right: 0; text-align: center; top: 45%; }

.white-popup { position: relative; background: transparent; padding: 0px; width: auto; max-width: 707px; margin: 20px auto; }

.video-popup a.open-popup-link { display: block;}

.mfp-close-btn-in .mfp-close { color: #fff !important; background: #30c21b; font-size: 48px; opacity: 1; width: 41px;top: -40px; height: 41px;}
.mfp-auto-cursor .mfp-content{ padding:0 20px;}
iframe#wistia_embed { width: 100%; height: 396px;}
.mfp-content{ max-width:900px;}
.mfp-close{ right:50px !important;}

img.hover-arrow { position: absolute; right: 0; left: 0; text-align: center; margin: 0 auto; transition: all 0.5s ease; opacity: 0; }
.open-popup-link:hover img.hover-arrow { opacity: 1;}

/*==================================================================================
														Blog css start
==================================================================================*/

.main-blog { max-width: 906px; margin: 0 auto 71px;}

.blog-section h2{ text-align:center; margin: 55px 0;}

.post-item { width: 32.33%; float: left; margin-right:1.5%;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background:#fff;}
.post-item:last-child{ margin-right:0;}

.act-blog-featured-image { height: 180px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; }

.post-body { padding: 27px 20px 30px;}
.post-body p { font-family: 'Effra_Std_Rg'; font-size: 22px; color: #30c21b; line-height: 1.18; letter-spacing: -0.5px; }

a.primary-button.act-blog-more-button { color: #545754; font-size: 18px; letter-spacing: -0.4px; font-weight: 700; text-transform: uppercase; font-family: 'Effra_Std_Bd'; border-bottom: solid 3px #30c21b; display: inline-block; padding-bottom: 3px; }
a.primary-button.act-blog-more-button:hover{  color: #30c21b; border-bottom:3px solid #545754;}

/*==================================================================================
														Responsive css start
==================================================================================*/

@media(max-width:1200px){

	.inner-case-studt-content h2{ font-size:28px; margin:20px 0;}
/* 	.inner-case-studt-content img { max-width: 150px;} */
  
}

@media(max-width:980px){

	.mfp-close { right: 21px !important;}

}
  
@media(max-width:767px){
  
  .subheading-goes p{ font-size:18px;margin-bottom: 30px;}
  .subheading-goes h2{ margin: 30px 0 30px;}
  .case-study-img {width:100%; min-height: 300px;}
  .case-study-content { width: 100%;height: auto; padding:30px 0;}
  .inner-case-studt-content { max-width: 100%; padding:0 20px;}
  .case-study-content p { max-width: 100%;}
  .main-case-study span > div { margin-bottom: 30px;}
  .case-study-right-img .case-study-content{ order:2;}
  .blog-section h2{ margin: 0px 0 30px;}
  .post-item { margin-right: 0; width: 100%; margin-bottom:30px;}
  .main-blog{ margin: 0 auto 30px;}
  .inner-case-studt-content h2 { margin: 20px 0 20px;}
  
}

@media(max-width:640px){
  
/*   .inner-case-studt-content img { max-width: 150px;} */
    
}