.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

/* .pricetable-tag */
.pricetable-tag{
	height: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 2px;
	padding:5px;
}
.pricetable-tag.promo{
	content: "promo";
	background-color:#394753;
	background-color: var(--grey-blue);
	color: white;	
}
.pricetable-tag.top{
	content: "più venduto";
	background-color:#394753;
	background-color: var(--grey-blue);
	color: white;	
}
/* .pricetable-tag */

.pricetable-holder-4 {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px 20px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.pricetable-holder-4.border-right {
    border-right: 1px solid #e4e4e4;
}
.pricetable-holder-4 .price-circle {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 100%;
    height: 125px;
    margin: 0 auto;
	padding-top:30px;
    width: 125px;
}
.pricetable-holder-4 .price-circle .price {
    color: #242424;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}
.pricetable-holder-4 .price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}
.pricetable-holder-4 .price-circle .period {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.pricetable-holder-4 .title {
    color: #242424;
    padding: 0 0 10px;
    width: 100%;
	font-size:18px;
	font-weight: 700;
}
.pricetable-holder-4 .descr {
	font-size:14px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom:20px;
	min-height: 80px;
	font-style: italic;
}
.pricetable-holder-4 .features-list {
    margin: 10px 0 20px;
    padding: 0;
    width: 100%;
}
.pricetable-holder-4 .features-list li {
    border-bottom: 1px solid #e4e4e466;
    color: #727272;
    margin: 0;
    padding: 3px 0;
    width: 100%;
}
.pricetable-holder-4 .features-list li:last-child {
    border-bottom: medium none;
}
	/* .active */
	.pricetable-holder-4.active{
		color:#fff;
	}
	.pricetable-holder-4.active .price-circle {
		background-color: #fff;
		border: 1px solid #fff;
	}
	.pricetable-holder-4.active .price-circle .price {
		color: #242424;
	}
	.pricetable-holder-4.active .price-circle .period {
		color: #242424;
	}
	.pricetable-holder-4.active .title {
		color: #fff;
	}
	.pricetable-holder-4.active {
		background-color: #DC7258;
	}
	.pricetable-holder-4.active .features-list li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		color: #fff;
	}
	.pricetable-holder-4.active .features-list li:last-child {
		border-bottom: medium none;
	}
	.pricetable-holder-4.active .features-list a{
		color:lightyellow;
	}
	.pricetable-holder-4.active .features-list a:hover{
		text-decoration:  underline;
	}

	/* .active2 */
	.pricetable-holder-4.active2{
		color:#fff;
	}
	.pricetable-holder-4.active2 .price-circle {
		background-color: #fff;
		border: 1px solid #fff;
	}
	.pricetable-holder-4.active2 .price-circle .price {
		color: #242424;
	}
	.pricetable-holder-4.active2 .price-circle .period {
		color: #242424;
	}
	.pricetable-holder-4.active2 .title {
		color: #fff;
	}
	.pricetable-holder-4.active2 {
		background-color: #507328;
	}
	.pricetable-holder-4.active2 .features-list li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		color: #fff;
	}
	.pricetable-holder-4.active2 .features-list li:last-child {
		border-bottom: medium none;
	}

	/* .promo */
	.pricetable-holder-4.promo{
		color:#fff;
	}
	.pricetable-holder-4.promo .price-circle {
		background-color: #fff;
		border: 1px solid #fff;
	}
	.pricetable-holder-4.promo .price-circle .price {
		color: #242424;
	}
	.pricetable-holder-4.promo .price-circle .period {
		color: #242424;
	}
	.pricetable-holder-4.promo .title {
		color: #fff;
	}
	.pricetable-holder-4.promo {
		background-color: orange;
	}
	.pricetable-holder-4.promo .features-list li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		color: #fff;
	}
	.pricetable-holder-4.promo .features-list li:last-child {
		border-bottom: medium none;
	}

	/* .promo2 */
	.pricetable-holder-4.promo2{
		color:#fff;
	}
	.pricetable-holder-4.promo2 .price-circle {
		background-color: #fff;
		border: 1px solid #fff;
	}
	.pricetable-holder-4.promo2 .price-circle .price {
		color: #242424;
	}
	.pricetable-holder-4.promo2 .price-circle .period {
		color: #242424;
	}
	.pricetable-holder-4.promo2 .title {
		color: #fff;
	}
	.pricetable-holder-4.promo2 {
		background-color: #7cb33e;
	}
	.pricetable-holder-4.promo2 .features-list li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		color: #fff;
	}
	.pricetable-holder-4.promo2 .features-list li:last-child {
		border-bottom: medium none;
	}

.col-divider-margin-4 {
    float: left;
    margin-top: 40px;
    width: 100%;
}

/*
 * Shortcode: pricing-table
 * -----------------------------------------------
*/	
.pricing-table {
  	margin-bottom: 30px;
  	position: relative;
	border: 1px solid #eeeeee !important;
	padding: 0 !important;
	padding-bottom: 30px !important;
	text-align: center;
}
.pricing-table .package-head{
	background-color: #2A363F !important;
	overflow: hidden !important;
	position: relative !important;
	padding-top:15px;
	padding-bottom:20px;
	color: #fff !important;
}

.pricing-table .table-price {
  color: #111111;
  font-size: 45px;
}
.pricing-table .table-price span {
  font-size: 13px;
  vertical-align: middle;
}
.pricing-table.featured {
  border: 1px solid #111111;
}
.pricing-table .table-type {
  display: inline;
}
.pricing-table .btn-signup {
  margin-right: 0;
  width: 100%;
}
.pricing-table .text {
  	padding: 20px;
	color: #666666;
	font-size:14px;
}
.pricing-table .table-list {
  list-style: outside none none;
  padding: 10px 0 10px 20px;
	padding:0;
}
.pricing-table .table-list li {
  border-bottom: 0;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  padding: 10px 0;
	color: #666666;
}
.pricing-table .table-list li i {
  margin-right: 8px;
}
.pricing-table .table-list li:nth-child(2n+1) {
  background: #f8f8f8 none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.pricing-table .package-type span {
  position: relative;
  padding-left: 15px;
  margin-left: 10px;
}
.pricing-table .package-type span::after {
  background: #2d915b;
  content: "";
  height: 20px;
  left: -20px;
  position: absolute;
  top: 11px;
  width: 20px;
}
.package-icon {
  color: #fff;
  font-size: 60px;
  opacity: 0.15;
  position: absolute;
  right: 15px;
  top: -8px;
}
.price .currency {
  /*vertical-align: super;*/
}
		/* Pricing Tag */
.price-tag {
  border-radius: 50%;
  height: 124px;
  padding-top: 24px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: 124px;
  z-index: 0;
}
.price-tag p {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  margin: 0;
  text-transform: capitalize;
}
.price-tag p span {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin: 0;
  text-transform: lowercase;
}
.price-tag p span em {
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  vertical-align: top;
}


elemento {

}
.tab-slider .nav.nav-pills a:hover, .tab-slider .nav.nav-pills a.active, .custom-nav-tabs > li > a:hover, .widget .tags a:hover, .progress-item .progress-bar, .small-title .title::after, .title-icon::before, .title-icon::after, .testimonial .item::after, .drop-caps.colored-square p:first-child::first-letter, .drop-caps.colored-rounded p:first-child::first-letter, .list-icon.theme-colored.square li i, .list-icon.theme-colored.rounded li i, .working-process.theme-colored a, .widget.dark .tags a:hover, .blog-posts .post .entry-content .post-date.right, .horizontal-tab-centered .nav-pills > li > a:hover, .horizontal-tab-centered .nav-pills > li.active > a, .horizontal-tab-centered .nav-pills > li.active > a:hover, .horizontal-tab-centered .nav-pills > li.active > a:focus, .owl-theme.dot-theme-colored .owl-controls .owl-dot span, .pagination.theme-colored li.active a, .section-title .both-side-line::after, .section-title .both-side-line::before, .section-title .top-side-line::after, .section-title .left-side-line::before, .section-title .right-side-line::before, .product .tag-sale, .owl-theme .owl-dots .owl-dot.active span, .title-icon::after, .title-icon::before, .line-bottom-double-line-centered::after, .line-bottom-double-line-centered::before, .line-bottom::after, .line-bottom-no-border::after, .line-bottom-centered::after, .line-bottom-centered::before, .vertical-line::after, .vertical-line::before, .title-dots span, .project .hover-link i, .project:hover .project-details, .pricing-ribbon h5, .bx-controls .bx-controls-direction > a:hover, .price-tag, .specification tr:first-child td, .domain-price-table tr:first-child td, .vps-plan .title {

    background: #E66D00;

}
.pricing-ribbon h5 {

    color: #fff;
    left: -65px;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    top: 18px;
    transform: rotate(-45deg);
    width: 190px;
	font-size: 12px;

}
.package-icon {
    color: #fff;
    font-size: 60px;
    opacity: 0.15;
    position: absolute;
    right: 15px;
    top: 18px;
}



/****************************************************************************/
/* ======= PRICING ======= */
.bs-pricing-four {
    font-size: 16px;
}
.bs-pricing-four .col-md-2,
.bs-pricing-four .col-md-4{
	padding:5px;
}
.bs-pricing-four .col-md-2.active .bs,
.bs-pricing-four .col-md-4.active .bs{
	background-color:aliceblue;
}
.bs-pricing-four .btn {
    width:100%;
    margin: 10px 0px;
    text-transform: uppercase;
}
.bs-pricing-four .bs {
    color: #444;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.bs-pricing-four .bs:hover{
	background-color: #F1F1F1;
}
.bs-pricing-four .bs-prod {
    text-align: center;
	padding:15px;
}
.bs-pricing-four .bs-prod .bs-title {
    color: #4698d0;
}
.bs-pricing-four .bs-prod .bs-price {
    margin-top: 30px;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	white-space: nowrap;
}
.bs-pricing-four .bs-prod .bs-price .currency{
}
.bs-pricing-four .bs-prod .bs-price .int{
	font-size:32px;
}
.bs-pricing-four .bs-prod .bs-price .dec{
}
.bs-pricing-four .bs-prod .bs-price .period{
	display:block;
}
.bs-pricing-four .bs-prod .bs-price .original{
	display:block;
	color:#999;
	text-decoration: line-through;
}
.bs-pricing-four .bs-prod .bs-features {
    list-style: none;
    padding: 0;
    margin: 10px auto;
	color: rgb(51, 51, 51);
}
.bs-pricing-four .bs-prod .bs-features li {
    text-align: center;
    padding: 12px 0;
	border-top: 1px dotted rgba(0, 0, 0, 0.12);
	font-weight: 300;
}
.bs-pricing-four .bs-prod .bs-features li b{
	font-weight: 400;
}







/* price table*/
.pricetable-4 {
    background-color: #fff;
    border: 1px solid #eee;
    float: left;
    padding: 40px 20px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.pricetable-4 .price-circle {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 100%;
    height: 125px;
    margin: 0 auto;
    width: 125px;
}
.pricetable-4 .price-circle .price {
    color: #242424;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 45px 0;
    text-align: center;
}
.pricetable-4 .price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}
.pricetable-4 .price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.pricetable-4 .title {
    color: #333;
    padding: 0;
    width: 100%;
}
.pricetable-4 .features-list {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.pricetable-4 .features-list li {
    border-bottom: 1px solid #e4e4e4;
    color: #727272;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}
.pricetable-4 .features-list li:last-child {
    border-bottom: medium none;
}
.pricetable-4.active .price-circle {
    background-color: #fff;
    border: 1px solid #fff;
}
.pricetable-4.active .price-circle .price {
    color: #242424;
}
.pricetable-4.active .title {
    color: #fff;
}
.pricetable-4.active {
    background-color: #ccc;
}
.pricetable-4.active {
    background-color: #ff971c;
}
.pricetable-4.active .features-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}
.pricetable-4.active .features-list li:last-child {
    border-bottom: medium none;
}
.pricetable-4.active a{
	color:#FFF;
	text-decoration:underline;
}
.pricetable-4.active a:hover{
	text-decoration: none;
}
.pricetable-4:hover{
	background-color: #f1f1f1;
	cursor: pointer;
}
.pricetable-4 .fa
{
	color:#00C4FC;
	font-size: 72px;
}

.pricetable-5 {
    background-color: #fff;
    border: 1px solid #eee;
    float: left;
    padding: 40px 20px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.pricetable-5 .price-circle {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 100%;
    height: 125px;
    margin: 0 auto;
    width: 125px;
}
.pricetable-5 .price-circle .price {
    color: #242424;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 45px 0;
    text-align: center;
}
.pricetable-5 .price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}
.pricetable-5 .price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.pricetable-5 .title {
    color: #333;
    padding: 0;
    width: 100%;
}
.pricetable-5 .features-list {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.pricetable-5 .features-list li {
    border-bottom: 1px solid #e4e4e4;
    color: #727272;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}
.pricetable-5 .features-list li:last-child {
    border-bottom: medium none;
}
.pricetable-5.active .price-circle {
    background-color: #fff;
    border: 1px solid #fff;
}
.pricetable-5.active .price-circle .price {
    color: #242424;
}
.pricetable-5.active .title {
    color: #fff;
}
.pricetable-5.active {
    background-color: #ccc;
}
.pricetable-5.active {
    background-color: #ff971c;
}
.pricetable-5.active .features-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}
.pricetable-5.active .features-list li:last-child {
    border-bottom: medium none;
}
.pricetable-5.active a{
	color:#FFF;
	text-decoration:underline;
}
.pricetable-5.active a:hover{
	text-decoration: none;
}
.pricetable-5:hover{
	background-color: #f1f1f1;
	cursor: pointer;
}




