section.pricing {
  #background: #007bff;
  #background: linear-gradient(to right, #0062E6, #33AEFF);
    font-family:Exo2-SemiBold, Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.pricing{
    background-color: #eee;
    font-family:Exo2-Light, Arial, Helvetica, sans-serif;
    text-align: center;
	 margin: 0 auto 30px;
	 border-radius: 0.3rem;
    position: relative;
    z-index: 1;
}
.red{
color:blue;
}

.pricing .destaquebg{
  border: none;
  background: linear-gradient(to top, #245, #7D0A17);
  border-radius: 0.3rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  color:#fff;
}
.pricing .destaquebg:hover{color:#000;}
.pricing .destaque{
    color: #fff;
    background: #E30F26;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 0px;
    display: inline-block;
    position: relative;
    top: -87px;
    transition: all 0.3s;
	 width: 68%;
}

.pricing .destaque:before,
.pricing .destaque:after{
    content: '';
    background: linear-gradient(to left top, #a10903 49%, transparent 50%);
    height: 100%;
    width: 24%;
    position: absolute;
    left: -24%;
    top: 0;
    z-index: 1000;
}
.pricing .destaque:after{
    transform: rotateY(180deg);
    left: auto;
    right: -24%;
}
.pricing .pricingBGimageDestaque{
	overflow: hidden;
	border-radius: 0;
	height: 280px;
    margin-top:-44px;
	z-index: 1;
}

.pricing .pricingBGimageDestaque img {
	width: 100%;
	height: auto;
	display: block;
}
.pricing .pricingBGimage{
	overflow: hidden;
	border-radius: 0;
	height: 280px;
    margin-top:-22px;
	z-index: 1;
}
.pricing .pricingBGimage img {
	width: 100%;
	height: auto;
	display: block;
}
.pricing:before,
.pricing:after{
    content: '';
    background: linear-gradient(to left bottom, #a10903 45%, transparent 50%);
    height: 40px;
    #width: 15px;
    position: absolute;
    top: 50px;
    #left: -15px;
    z-index: -1;
}
.pricing:after{
    transform: rotateY(180deg);
    left: auto;
    right: -15px;
}
.pricing .pricing-header{
    color: #fff;
    background: #f53c25;
    padding: 15px 0 25px;
    #margin: 0 -15px;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
}
.pricing .title{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}
.pricing .price-value{
    color: #000;
    font-size: 20px;
    font-weight: 500;
	text-align:left;
    border-bottom:px solid #999;
	padding-top: 10px;
    display: inline-block;
}
/*
.pricing .pricing-content{
    padding: 5px 0;
    #margin: 0 -13px;
    border-right: 2px solid #f53c25;
    border-left: 2px solid #f53c25;
}
*/
.pricing .pricing-content-destaque ul{
    text-align: left;
    padding: 0 ;
    margin: 0;
    list-style: none;
    display: inline-block;
	margin-bottom:30px;
	
}
.pricing .pricing-content-destaque li{
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 5px;
    padding-left: 5px;
	margin-bottom: 0.3rem;
    position: relative;
}
.pricing .pricing-content ul{
    text-align: left;
    padding: 0 ;
    margin: 0;
    list-style: none;
    display: inline-block;
	margin-bottom:30px;
}
.pricing .pricing-content li{
    color: #404040;
    font-size: 13px;
    font-weight: 500;
    letter-spacing:0px;
    line-height: 5px;
    padding-left: 5px;
	 margin-bottom: 0.3rem;
    position: relative;
}
/**
.pricing .pricing-content li:before{
    content: "";
    background: #f53c25;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    position: absolute;
    top:7px;
    left: 0;
}
**/
.pricing .pricing-signup button{
    color: #fff;
    background: #f53c25;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 10px;
    display: inline-block;
    position: relative;
    bottom: -19px;
    transition: all 0.3s;
}
.pricing .pricing-signup button:hover{
    background: #a10903;
    text-shadow: 0 0 5px #000;
}
.pricing .pricing-signup a{
    color: #fff;
    background: #f53c25;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 10px;
    display: inline-block;
    position: relative;
    bottom: -19px;
    transition: all 0.3s;
}
.pricing .pricing-signup a:hover{
    background: #a10903;
    text-shadow: 0 0 5px #000;
}
/*
.pricing .pricing-signup button:before,
.pricing .pricing-signup button:after{
    content: '';
    background: linear-gradient(to left bottom, #a10903 48%, transparent 50%);
    height: 50%;
    width: 25%;
    position: absolute;
    left: -25%;
    bottom: 0;
    z-index: -1;
}
*/
.pricing .pricing-signup button:after{
    transform: rotateY(180deg);
    left: auto;
    right: -25%;
}
.pricing .pricing-signup a:after{
    transform: rotateY(180deg);
    left: auto;
    right: -25%;
}
.pricing.red:before,
.pricing.red:after{
    background: linear-gradient(to left bottom, #C51162 45%, transparent 50%);
}
.pricing.red .pricing-header{ background: #000; }
.pricing.red .pricing-content{ border-color: #F50057; }
.pricing.red .pricing-content li:before,
.pricing.red .pricing-signup button{
    background:#309E01;
	top:-22px;
	font-weight:bold;
}
.pricing.red .pricing-signup a{
    background:#309E01;
	top:-22px;
	font-weight:bold;
}
.pricing.red .pricing-signup button:before,
.pricing.red .pricing-signup button:after{
    background: linear-gradient(to left bottom, #C51162 48%, transparent 50%);
}
.pricing.red .pricing-signup button:hover{ background:#48872C; }
.pricing.purple:before,
.pricing.purple:after{
    background: linear-gradient(to left bottom, #512DA8 45%, transparent 50%);
}
.pricing.purple .pricing-header{ background: #000; }
.pricing.purple .pricing-content{ border-color: #8e44ad; }
.pricing.purple .pricing-content li:before,
.pricing.purple .pricing-signup button{
    background: #000;
	top:-22px;
	font-weight:bold;
}
.pricing.purple .pricing-signup button:before,
.pricing.purple .pricing-signup button:after{
    background: linear-gradient(to left bottom, #512DA8 48%, transparent 50%);
}
.pricing h2 {
    margin: 0;
    padding: 6px;
    color: #fff;
    text-align: center;
    font-size: 1.6em;
    font-weight: normal;
}
.pricing.purple .pricing-signup button:hover{ background: #808080; }
.text-level--pc{color:#fff;font-size:1.75rem;font-weight:400;line-height:1.25em;}
.oui-title-pc:not(.oui-title--larger){border-bottom:1px solid #ccc;}
@media only screen and (max-width: 990px){
      .col-md-3 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .pricing{ margin: 0 auto 60px; }
  .pricing .pricingBGimageDestaque{
	overflow: hidden;
	border-radius: 0;
	height: 260px;
    margin-top:-44px;
	z-index: 1;
}

.pricing .pricingBGimageDestaque img {
	width: 100%;
	height: auto;
	display: block;
}
.pricing .pricingBGimage{
	overflow: hidden;
	border-radius: 0;
	height: 260px;
    margin-top:-22px;
	z-index: 1;
}
.pricing .pricingBGimage img {
	width: 100%;
	height: auto;
	display: block;
}
}
@media only screen and (max-width: 776px){
      .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .pricing{ margin: 0 auto 60px; }
}
@media only screen and (max-width: 576px){
      .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
      .pricing{
        margin: 0 auto 60px;
        width: 100%;
    }
	
	.pricing .pricing-content li{
    color: #404040;
    font-size: 16px;
    font-weight: 500;
    letter-spacing:0px;
    line-height: 20px;
    padding-left: 5px;
    position: relative;
}
}
.plan-price {
  font-weight: 600;
  font-size: 3em;
}
.plan-type {
  position:absolute;
  opacity: 0.8;
  font-size: 0.9em;
  margin-top:52px;
  margin-left:-40px;

}
.plan-brl {
  position:absolute;
  opacity: 0.8;
  font-size: 1.1em;
  font-weight: 600;
  margin-top:15px;
  margin-left:-20px;
  text-transform: uppercase;
}
.plan-price_old{
  opacity: 0.8;
  font-size: 1.1em;
  font-weight: 600;
  text-transform: uppercase;
}
.plan-cor-default{color:#fff;}
.plan-cor{color:#000;}
.plan-cor-rec{color:#fff;}
strike{ font-size: 1.1em;}