/* Pricing css start */
.pricePlanWrap {

}
.pricePlanWrap .mainHeading {
  color: #727376;
  font-size: 30px;
  margin: 40px 0 15px;
}
.pricePlanWrap .subHeading {
  color: #727376;
  margin-bottom: 30px;
}
.pricePlanWrap .tabWrap {
  text-align: center;
  position: relative;
  margin: 0 auto;
  top: 3px;
  z-index: 999;
  background: #fff;
  line-height: 1;
}
.pricePlanWrap .nav-tabs {
  position: relative;
}
.pricePlanWrap .nav-tabs:before,
.pricePlanWrap .nav-tabs:after {
  bottom: 0;
  border-width: 1.1em 1em 1em 1.1em;
  z-index: -1;
  content: '';
  position: absolute;
  border-style: solid;
}
.pricePlanWrap .nav-tabs:before {
  left: -2em;
  border-color: #ED3237 #ED3237 #ED3237 transparent;
}
.pricePlanWrap .nav-tabs:after {
  right: -2em;
  border-color: #ED3237 transparent #ED3237 #ED3237;
}
.pricePlanWrap .nav-tabs {
  display: inline-block;
}
.pricePlanWrap .nav-tabs>li>a {
  border: 2px solid #ED3237 !important;
  color: #ED3237;
  margin: 0;
  /*Added by Ranjit Pasale 15 Feb 2019*/
  font-weight: 700;
  border-radius: 0;
  padding: 10px 30px;
} 
.pricePlanWrap .nav-tabs>li:hover>a, 
.pricePlanWrap .nav-tabs>li.active>a, 
.pricePlanWrap .nav-tabs>li.active>a:focus, 
.pricePlanWrap .nav-tabs>li.active>a:hover {
  background: #ED3237 !important;
  color: #fff;
}
.pricePlanWrap .tab-content {
  border: 0;
  position: relative;
}
.pricePlanWrap .otherPlans {
  text-align: center;
  margin: 0 auto;
}
.pricePlanWrap .otherPlansLeft {
  margin-top: 20px;
}
.pricePlanWrap .otherPlansRight {
  margin-bottom: 20px;
}
.pricePlanWrap .otherPlans img {
  margin: 0 auto 10px;
  max-width: 50%;
}
.pricePlanWrap .otherPlanTbl {
  display: table;
  width: 93%;
  margin: 0 auto 10px;
}
.pricePlanWrap .otherPlanCol {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 2px;
}
.pricePlanWrap .otherPlans .price {
  font-size: 28px;
  color: #ED3237;
  font-weight: 700;
}
.pricePlanWrap .otherPlansLeft .price {
  margin-right: 10px;
}
.pricePlanWrap .otherPlansRight .price {
  margin-left: 10px;
}
.pricePlanWrap .otherPlans .price span {
  font-size: 14px;
}
.pricePlanWrap .planGrid {
  -webkit-box-shadow: 0 0 25px #ccc;
  -moz-box-shadow: 0 0 25px #ccc;
  box-shadow: 0 0 25px #ccc;
  margin-bottom: 30px;
  margin-top: 15px;
}
.planGrid.premiumPlan {
  margin-top: 0;
  border-color: #ED3237;
}
.planGrid.premiumPlan .planList {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  padding-left: 25px;
}
.planGrid.premiumPlan .planList>li {
  position: relative;
  margin-bottom: 5px;
}
.planGrid.premiumPlan .planList>li:before {
  content: '';
  background: #ED3237;
  position: absolute;
  left: -20px;
  top: 7px;
  display: inline-block;
  width: 10px;
  height: 10px;
}
.planGrid.premiumPlan .panel-body {
  color: #ED3237;
}
.planGrid.premiumPlan .panel-body .btn {
  margin-top: 50px;
}
.planGrid .panel-heading {
  background: transparent;
}
.planGrid .panel-heading img {
  margin: 0 auto 10px;
  max-width: 75%;
  height: 80px;
}
.planGrid .cloudLimit {
  color: #A9ABAE;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.planGrid .panel-body {
  padding: 15px 30px 40px;
}
.planGrid .pricePlanName {
  background: #ED3237;
  color: #fff;
  margin: 0;
  text-align: center;
  padding: 10px;
}
.planGrid .planName {
  text-align: center;
  color: #4B4B4D;
  margin: 0;
  font-weight: 700;
}
.planGrid .planPrice {
  color: #ED3237;
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  line-height: 44px;
  position: relative;
  display: inline-block;
  margin: 0 0 15px;
}
.planGrid .planPrice span {
  font-size: 14px;
  position: absolute;
  left: -12px;
}
.planGrid .planInfoList {
  padding-left: 20px;
}
.planGrid .planInfoList>li {
  margin-bottom: 3px;
}
.planGrid .planInfoHeading {
  position: relative;
  font-weight: 700;
}
.planGrid .planInfoHeading:before {
  content: "\f005";
  position: absolute;
  left: -20px;
  top: 2px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  color: #ED3237;
}
.planGrid hr {
  border-color: #ED3237;
}
/* Pricing css end */

@media only screen and (min-width: 768px) {
  .pricePlanWrap .otherPlans {
    width: 300px;
  }
  .pricePlanWrap .otherPlansLeft {
    margin: 30px auto;
  }
}
@media only screen and (min-width: 1024px) {
  .pricePlanWrap .otherPlans {
    width: 200px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pricePlanWrap .otherPlansLeft {
    left: -200px;
    margin: 0;
  }
  .pricePlanWrap .otherPlansRight {
    right: -220px;
  }
  .pricePlanWrap .otherPlans img {
    margin: 0 auto;
  }
}