.peppy-full-row {
    padding: 15px;
}
.peppy-case-banner{ float:left; width:100%; box-sizing:border-box; min-height:757px;background-size:60% !important; padding:100px 0 0 54px;}
.peppy-case-banner-box{ float:left; width:40%; padding:90px 0 0 0;}
.peppy-case-banner-box h1{ padding-bottom: 24px;font-family: 'exo_2bold'; font-weight: normal; color:#000000; font-size:44px; text-transform:none;line-height: 38px;}
.peppy-case-btn-row{ padding: 24px 0 0 0;}
.peppy-case-main-data{ float:left; width:100%;}
.peppy-case-data{ float:left; width:100%; padding: 0px 0 26px 0;}
.peppy-case-data h3{font-family: 'exo_2bold';  float:left; width:100%; color:#000000; font-size:36px; padding:0 0 30px 0; text-transform:uppercase;}
.peppy-case-data h3 span{ color:#52418a;}
.peppy-case-sec-space { padding: 0 0 62px 0;}
.request-btn { color: rgba(255,255,255,1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; overflow: hidden; background: #151515;}
.request-btn span { z-index: 2; display: block; position: absolute; width: 100%; height: 100%;}
.request-btn a:hover {color: rgba(255,255,255,1) !important;}
.pink_btn { background-color: #52418a;}
.peppy-banner-btn-row { float: left; width: 90%; box-sizing: border-box; padding: 28px 0 0 40px;}
.peppy-case-btn-row{ padding: 24px 0 0 0;}
.sim-button { line-height: 50px; height: 50px; width: 194px; cursor: pointer; border-radius: 4px; float: left;}
.peppy-btn { display: block; color: #FFF; font-size: 18px; text-align: center;}
.blog-list-col{ float:left; width: calc(100% - 300px); padding-right: 40px; box-sizing: border-box;}
.peppy-blog-list-loop{ float:left; width:100%; border-bottom:3px solid #e7e6e6; box-sizing:border-box; padding:40px 0;}
.peppy-blog-pic{ float:left; width:50%;}
.peppy-blog-pic img{ max-width:100%;height: 100%;}
.peppy-blog-info{ float:right; width:50%; box-sizing:border-box; padding:0 0 0 3%;}
.peppy-blog-info h2{ float:left; width:100%; color:#010101; font-family: 'exo_2bold'; font-size:26px; text-transform:none; line-height:120%; padding:0 0 10px 0;}
.peppy-blog-tag{padding-bottom: 10px;float:left; width:100%;}
.peppy-blog-tag li{ float:left; color:#52418a; font-size:15px; padding:0 10px 0 0; height:30px;list-style: none;}
.peppy-blog-tag li:last-child{ padding:0;}
.peppy-blog-tag li img{ border-radius:50%; float:left; width:30px; height:30px;}
.peppy-blog-tag li:first-child span{ float:left; font-size:15px; padding:7px 0 0 10px;}
.peppy-blog-tag li span{ float:left; font-size:15px; padding:7px 0 0 10px;}
.peppy-blog-tag li i{ float:left; font-size:15px; padding:12px 0 0 10px;}
.peppy-blog-info p{ font-size:16px; padding:10px 0 18px 0;}
.read-blog-btn{ float:left; width:100%;}
.peppy-case-detail-btn { background-color: #52418a; text-transform: none;}
.last-blog-loop{ border-bottom:none;}
.blog-sidebar-col{ float:right; width:300px; position:relative;}
.peppy-service-form-border{ float:left; width:100%; border:3px solid #e0e0e0; border-radius:6px; box-sizing:border-box; padding:20px;}
.peppy-service-form-border h5{ color:#52418a; width:100%; float:left; font-family: 'exo_2regular'; text-transform:none; padding:4px 0 0 0;}
.peppy-service-form-border p{ font-size: 14px;
    padding: 10px 0 0 0;
    color: #000;}
.peppy-service-form-main{ float:left; width:100%;}
.peppy-service-form-main .peppy-service-field{font-family: 'exo_2regular' !important;float:left; width:100%; border-bottom:1px solid #e0e0e0; border-top:0; border-left:0; border-right:0; outline:none; font-size:14px; color:#000000; padding-bottom:14px; margin:36px 0px 10px;}
.peppy-service-form-main .peppy-service-phone{font-family: 'exo_2regular' !important;float:left; width:100%; border-bottom:1px solid #e0e0e0; border-top:0; border-left:0; border-right:0; outline:none; font-size:14px; color:#000000; padding-bottom:4px; margin:36px 0px 10px;}
.peppy-service-form-main .peppy-service-field::-webkit-input-placeholder { color:#000000;}
.peppy-service-form-main .peppy-service-field::-moz-placeholder { color:#000000;}
.peppy-service-form-main .peppy-service-field:-ms-input-placeholder { color:#000000;}
.peppy-service-form-main .peppy-service-field:-moz-placeholder { color:#000000;}
.peppy-service-form-main .peppy-service-phone::-webkit-input-placeholder { color:#000000;}
.peppy-service-form-main .peppy-service-phone::-moz-placeholder { color:#000000;}
.peppy-service-form-main .peppy-service-phone:-ms-input-placeholder { color:#000000;}
.peppy-service-form-main .peppy-service-phone:-moz-placeholder { color:#000000;}
.peppy-service-form-main .peppy-service-none{ float:left; width:100%; border-bottom:1px solid #e0e0e0; border-top:0; border-left:0; border-right:0; outline:none; font-size:16px; color:#000000; padding-bottom:14px; margin-bottom:36px; font-family: 'exo_2regular'; font-size:16px; color:#000; max-height:70px;resize:none;margin:36px 0px 10px;}
.peppy-service-form-btn{ background:#52418a; border:none; color:#FFF; padding:16px 20px; border-radius:8px; font-family: 'exo_2regular'; font-size:18px; margin-top:20px; cursor:pointer;}
.peppy-blog-gray{ float:left; width:100%; background:#f0efef; box-sizing:border-box; padding:20px; margin:40px 0 0 0; border-radius:6px;}
.peppy-blog-gray h5{ width:100%; float:left; font-family: 'exo_2regular'; text-transform:none; font-size:24px; color:#010101; padding-bottom:10px;}
.peppy-blog-gray ul{ float:left; width:100%;}
.peppy-blog-gray ul li{ width:100%; float:left; padding:10px 0 10px 18px;box-sizing:border-box;}
.peppy-recent-post{ float:left; width:100%;}
.peppy-recent-post li{ width:100%; float:left; padding:10px 0 !important; background:none !important;}
.peppy-recent-post li span{ float:left; width:30%;}
.peppy-recent-post li p{ float:right; width:62%; font-size:16px; padding:0;}
.peppy-recent-post li a:hover p{color: #52418a;}
.social-side-box li{ float:left; width:32%; margin:0 1%;}
.social-side-box li.peppy-twitter-box{ float:left; width:31%; background:#00abf0; height:132px; border-radius:4px; padding:0; margin:1%;}
.social-side-box li.peppy-twitter-box a{ float:left; width:100%; padding:16px 0 10px 0;}
.peppy-tweet{ float:left; width:100%; text-align:center;}
.peppy-twithd{ font-size:15px; float:left; width:100%;}
.peppy-twitter-box a{ color:#FFF; font-family: 'exo_2regular'; text-align:center; padding:6px; font-size:16px; float:left; width:100%; box-sizing:border-box;}
.peppy-count-flv{ color:#FFF; font-family: 'exo_2regular'; text-align:center; padding:6px; font-size:14px; float:left; width:100%; box-sizing:border-box;}
.peppy-soc-flc{ float:left; width:100%; font-size:14px; font-family: 'exo_2regular';}
.social-side-box li.peppy-twitter-box.peppy-fb-box{background:#3a579a;}
.social-side-box li.peppy-pinterest-box{background:#cd1c1f;}
.social-side-box li.peppy-linkedin-box{background:#127bb6;}
.social-side-box li.peppy-rss-box{background:#f59038;}
.social-side-box li.peppy-like-box{background:#f95149;}
.peppy-gray-bot{ margin-bottom:40px;}
.peppy-cont-form{ position: fixed; width:300px; top:67px;}
.peppy-case-data h2 {
    font-family: 'exo_2bold';
    float: left;
    width: 100%;
    color: #000000;
    font-size: 36px;
    padding: 0 40px 30px 40px;
    text-transform: none;
    line-height: 140%;
    box-sizing: border-box;
}
h2.widget-title {
    font-size: 22px;
    padding-bottom: 20px;
    font-weight: 700;
}
li.cat-item {
    width: 100%;
    list-style: none;
}
.read-blog-btn a {
    background-color: #52418a;
    padding: 15px;
    color: #fff;
    border-radius: 5px;
}
.peppy-case-sec-space {
    padding: 0px 0 62px 0;
}
@media only screen and (min-width: 1660px) {
 .peppy-case-banner{background-size: 40% !important;}
}

@media only screen and (min-width: 1500px) {
 .peppy-case-banner{background-size: 46% !important;}
}

@media screen and (max-width: 1340px) {
.peppy-case-banner-box h1{ font-size:40px;}
.peppy-case-banner{min-height: 656px;} 
}

@media screen and (max-width: 1222px) {
.peppy-case-banner{padding: 100px 0 0 44px;}
.peppy-case-banner-box{padding: 30px 0 0 0;}
.peppy-case-banner-box h1{ font-size:36px;}
.peppy-case-banner { min-height: 596px;}
.peppy-container{ width:100%; padding:0 20px; box-sizing:border-box; margin:0;}
}

@media screen and (max-width: 1089px) {
.peppy-case-btn-row {padding: 0;}
.peppy-case-banner { min-height: 550px;}
.peppy-case-banner-box{ width: 46%;}
.peppy-case-banner-box h1{ padding-bottom: 14px;}
.peppy-blog-info h2{ font-size:30px;}
}

@media screen and (max-width: 978px) {
.peppy-case-banner-box p{ display:none;}
.peppy-case-btn-row{ display:none;}
.peppy-case-banner-box h1{ padding-top: 76px;}
.blog-list-col{ width:100%; padding-right:0;}
.blog-sidebar-col{ width:100%;}
#peppy-contact-form{ display:none;}
.peppy-recent-post li span{ width:148px;}
.peppy-recent-post li p{ width: calc(100% - 148px);} 
}

@media screen and (max-width: 946px) {
.peppy-case-banner { min-height: 462px;}
.peppy-case-pic{ width:100%; padding: 0 10px 0 10px; text-align:center;}
.peppy-case-info{ width: 100%; padding: 20px 0 60px 0; text-align:center;}
.peppy-case-detail-btn{ float:none;}
.peppy-case-algleft .peppy-case-detail-btn{ float:none;}
.peppy-blog-pic{ width:100%; text-align:center; margin-bottom:26px;}
.peppy-blog-info{ width:100%; padding:0;}
}

@media screen and (max-width: 845px) {
.peppy-case-banner { min-height: 400px;}
.peppy-case-banner-box h1 { padding-top: 56px;}  
}

@media screen and (max-width: 744px) {
.peppy-case-banner { min-height: 360px;}
.peppy-case-banner-box h1 { font-size: 30px;}
.peppy-case-data h3{    font-size: 32px; padding: 0 0 20px 0;} 
}



@media screen and (max-width: 623px) {
.peppy-case-banner{background-size: 54% !important;}
}

@media screen and (max-width: 576px) {
.peppy-case-banner{background-size: 58% !important;}
}

@media screen and (max-width: 528px) {
.peppy-case-banner{background-size: 60% !important; min-height: 300px; padding: 100px 0 0 24px;}
.peppy-case-banner-box h1{ padding-top: 16px;}
}

@media screen and (max-width: 466px) {
.peppy-case-banner{background-size: 65% !important; }  
}

@media screen and (max-width: 442px) {
.peppy-case-banner{background-size: 72% !important; }  
.peppy-case-banner-box{ width:100%;}
}

@media screen and (max-width: 398px) {
.peppy-case-banner{background-size: 76% !important; }  
}

@media screen and (max-width: 366px) {
.peppy-case-banner{background-size: 86% !important; }  
}

@media screen and (max-width: 336px) {
.peppy-case-banner{background-size: 92% !important; }  
}




/**************** ajax-loader css start here **************/


.alm-btn-wrap {
  display: block;
  text-align: center;
  padding: 10px 0 25px;
  }
  .alm-btn-wrap:after {
    display: table;
    clear: both;
    height: 0;
    width: 100%;
    content: ''; }
  .alm-btn-wrap .alm-load-more-btn {
    font-size: 15px;
    font-weight: 600;
    width: auto;
    height: 42px;
    line-height: 42px;
    background: #e53d5c;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin: 0 0 4px;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-top: 15px;
    }
    .alm-btn-wrap .alm-load-more-btn:hover, .alm-btn-wrap .alm-load-more-btn.loading {
      background-color:#e53d5c;
      color: #fff;
      text-decoration: none;
      margin-top: 15px; }
    .alm-btn-wrap .alm-load-more-btn:active {
      -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
              box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
      text-decoration: none; }
    .alm-btn-wrap .alm-load-more-btn.loading {
      cursor: default;
      outline: none;
      padding-left: 44px; }
    .alm-btn-wrap .alm-load-more-btn.done {
      cursor: default;
      opacity: 0.15;
      background-color: #444444;
      outline: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
       margin-top: 15px; }
    .alm-btn-wrap .alm-load-more-btn:before, .alm-btn-wrap .alm-load-more-btn.done:before {
      background: none;
      width: 0; }
    .alm-btn-wrap .alm-load-more-btn.loading:before {
      background: #fff url("../images/ajax-loader.gif") no-repeat center center;
      width: 30px;
      height: 30px;
      margin: 6px;
      border-radius: 3px;
      display: inline-block;
      z-index: 0;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      -webkit-transition: width 0.5s ease-in-out;
      transition: width 0.5s ease-in-out; 
    }

.alm-masonry {
  display: block;
  overflow: hidden;
  clear: both; 
}


/**************** ajax-loader css End here **************/



/* blog sidebar css */

.blog-sidebar-col .peppy-service-form-border h5 {
    color: #52418a;
    width: 100%;
    float: left;
    font-family: 'exo_2regular';
    text-transform: none;
    padding: 4px 0 0px 0;
}
.blog-sidebar-col .rpwwt-widget li {
    overflow: visible !important;
    width: 100%;
    float: left;
    padding: 10px 0 !important;
    background: none !important;
    margin: 0 !important
}
.blog-sidebar-col h5 {
    color: #000;
    width: 100%;
    float: left;
    font-family: 'exo_2regular';
    text-transform: none;
    padding: 4px 0 10px 0;
}
.blog-sidebar-col .rpwwt-post-title {
    float: right;
    width: 62%;
    font-size: 16px;
    padding: 0;
    color: #000000;
    line-height: 150%;
    font-family: 'exo_2regular';
}
.blog-sidebar-col .rpwwt-post-title:hover {
    color: #52418a;
}
.blog-sidebar-col .rpwwt-widget{
  float: left;
    width: 100%;
    background: #f0efef;
    box-sizing: border-box;
    padding: 20px;
    margin: 40px 0 0 0;
    border-radius: 6px;
}

.blog-sidebar-col .widget_categories{
  float: left;
    width: 100%;
    background: #f0efef;
    box-sizing: border-box;
    padding: 20px;
    margin: 40px 0 0 0;
    border-radius: 6px;
}
.blog-sidebar-col .widget_categories ul {
    float: left;
    width: 100%;
}
.blog-sidebar-col .widget_categories ul li a{
    width: 100%;
    float: left;
    padding: 7px 0 10px 18px;
    background: url(../images/blog-bullets.jpg) no-repeat left 15px;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
}
.blog-sidebar-col .widget_categories ul li a:hover{
    color: #52418a;
}
.rpwwt-widget ul li img {
    display: inline;
    float: left;
    margin: 0px;
}
.rc-anchor.rc-anchor-normal.rc-anchor-light {
    width: 254px;
}
.g-recaptcha {transform: scale(0.85); transform-origin: left top;}

.contact-field-captcha{
    border-bottom: 1px solid #e0e0e0;
    border-top: none;
    border-right: none;
    border-left: none;
    width: 95px;
    padding: 10px;
}

@media screen and (max-width: 678px) {
.peppy-case-banner { min-height: 321px;}
.peppy-case-banner-box h1 { font-size: 26px; padding-top: 28px;}
.peppy-case-data h3{    font-size: 32px; padding: 0 0 20px 0;} 
.blog-sidebar-col .rpwwt-post-title {
    width: 70% !important;
}
}

@media screen and (max-width: 350px){
.blog-sidebar-col .rpwwt-post-title {
    width: 63% !important;
}
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    float: left;
    font-size: 12px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-spam-blocked {
    float: left;
    font-size: 12px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-success {
    float: left;
    font-size: 12px;
}
span.wpcf7-not-valid-tip {
    float: left;
    font-size: 12px;
}
.peppy-archive-listing{
    padding: 120px 0 62px 0;
}
/* end sidebar css */

#custom_html-4 .textwidget{
    float: left;
    width: 100%;
    background: #f0efef;
    box-sizing: border-box;
    padding: 20px;
    margin: 40px 0 0 0;
    border-radius: 6px;
    font-size: 16px;
    color: #26292c !important;
}