/***************************************pricing*********************************************/


#pricing-table .plan {
  border-radius: 4px;
  list-style: none;
  margin: 0 0 20px;
  background: #333;
  text-align: center;
  padding: 30px 0;
}
#pricing-table .plan li {
  padding: 5px 0;
  color: #fff;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
#pricing-table .plan li.plan-name {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
#pricing-table .plan li.plan-name h3 {
  margin: 0;
}
#pricing-table .plan li.plan-price {
  margin-bottom: 10px;
}
#pricing-table .plan li.plan-price > div {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 24px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}
#pricing-table .plan li.plan-price > div sup {
  font-size: 10px;
  line-height: 10px;
}
#pricing-table .plan li.plan-price > div > small {
  display: block;
  font-size: 11px;
}
#pricing-table .plan li.plan-action {
  margin-top: 10px;
  border-top: 0;
}
#pricing-table .plan.featured {
  background-color: #D80018;
}
#title h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
}
.center {
  text-align: center;
}
div#pricing-table .plan-name h3{
    color: #fff;
}
/***************************************pricing end*********************************************/

.ccr-pricing-table {

	display: block;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

	margin: 50px 0;

	border:1px solid #ccc;

}

.ccr-pricing-table:hover {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	box-shadow: 0px 0px 13px 2px #d7d7d7;

}

.ccr-price-title {

	background: #ff7361;

	font-size: 28px;

	color: #fff;

	text-align: center;

	height: 120px;

	padding: 10px 0;

}

.ccr-price {

	position: relative;

	height: 75px;

}

.ccr-price-value {

	font-size: 54px;

	color: #504f4f;

	border-radius: 100%;

	width: 120px;

	height: 120px;

	line-height: 102px;

	text-align: center;

	position: absolute;

	left: 25%;

	top: -60px;

	border: 4px solid #fff;

	box-shadow: inset 0px 5px 13px -4px #585858;

	text-shadow: 1px 1px 0px #fff;

	background: #dedede; /* Old browsers */

	background: -moz-linear-gradient(top, #dedede 0%, #b4b4b4 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#b4b4b4)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #dedede 0%,#b4b4b4 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #dedede 0%,#b4b4b4 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #dedede 0%,#b4b4b4 100%); /* IE10+ */

	background: linear-gradient(to bottom, #dedede 0%,#b4b4b4 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#b4b4b4',GradientType=0 ); /* IE6-9 */

}

.ccr-pricing-table:hover .ccr-price-value {

	background: #ff7361; /* Old browsers */



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37d80', endColorstr='#e95a5e',GradientType=0 ); /* IE6-9 */

	color: #fff;

	text-shadow: none;

	text-shadow: 1px 1px 0px #e33a3f;

	box-shadow: inset 0px 5px 5px 0px #d95356;

}

.ccr-price-list li {

	list-style: none;

	text-align: center;

	border-top:1px solid #F1F1F1;

	color: #504f4f;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.ccr-price-list li:hover {

	background: #ff7361;

	color: #fff;

	border-top:1px solid #fff;

}

.ccr-price-list li {

	line-height: 50px;

	font-size: 16px;

	position: relative;

}

.ccr-price-host {

	background: #FF7361;

	border:0px;

	color: #fff;

	font-size: 20px;

	padding:5px 20px;

	text-align: center;

	margin: 10px auto 20px auto;

	display: table;

}

.ccr-price-host:hover {

	background: #F64D37;

}

.ccr-price-hover {

	display: inline-block;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;	

}

.ccr-price-list li:hover .bubble:after 

{

	content: '';

	position: absolute;

	border-style: solid;

	border-width: 10px 10px 0;

	border-color: #ff7361 transparent;

	display: block;

	width: 0;

	z-index: -100;

	left: -15px;

	top: 45px;

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}



.ccr-price-list li:hover .ccr-price-hover {

	position: absolute;

	width: 12px;

	height: 50px;

	background: #19c8a7;

	z-index: 100;

	left:-10px;

}

.ccr-price-list li:hover {

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.ccr-price-list li:hover:before {

	content:"";

	background: #ff7361;

	position: absolute;

	width: 12px;

	height: 50px;

	background: #ff7361;

	z-index: 100;

	left:-10px;

	border-color: #0d9077 transparent;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

/*pricing table 3*/

body, p, ul, li {

    padding: 0;

}

.pricing33 {

    background: #f5f5f5;

    padding-top: 50px;

    padding-bottom: 50px;

}

.ccr-pricing33-table {

    margin-bottom: 30px;

}

.ccr-pricing33-header {

    position: relative;

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

    background: #fff;

}

.ccr-pricing33-header:after

{

    content: '';

    position: absolute;

    border-style: solid;

    border-width: 5px 5px 0;

    display: block;

    width: 0;

    z-index: 1;

    bottom: 0px;

    left: 50%;

    margin-left: -5px;

}

p.ccr-price-title-3 {

    background: #78cfbf;

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

    color: #fff;

    font-size: 16px;

    line-height: 36px;

    text-align: center;

}

.ccr-price-value-3 {

    font-size: 64px;

    color: #fff;

    position: relative;

    text-align: center;

}

.ccr-price-value-3 sup {

    font-size: 24px;

    position: relative;

    top: -25px;

}

.ccr-price-value-3 span {

    font-size: 12px;

}

.ccr-price-quality-3 {

    font-size: 12px;

    color: #fff;

    text-align: center;

    position: relative;

    top:-5px;

    padding-bottom: 10px;

}



.ccr-pricing33-ul {

    top:0px;

    padding:20px 0 20px 0;

    background: #fff;

}

.ccr-pricing33-ul ul {

    display: table;

    margin: 0 auto;

}

.ccr-pricing33-ul ul li {

    list-style: none;

    color:#8b8b8b;

    font-size: 12px;

    line-height: 32px;

}

.ccr-pricing33-ul ul li i {

    list-style: none;

    color:#c8c8c8;

    font-size: 18px;

    position: relative;

    top: 1px;

    margin-right: 10px;

}

.ccr-pricing33-footer {

    position: relative;

}

.ccr-pricing33-footer:after {

    content: '';

    position: absolute;

    border-style: solid;

    border-width: 5px 5px 0;

    border-color: #fff transparent;

    display: block;

    width: 0;

    z-index: 1;

    bottom: 33px;

    left: 50%;

    margin-left: -5px;

}

.ccr-price-host-3 {

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    text-align: center;

    width: 100%;

    border:none;

}

button.ccr-price-host-3  {

    color: #fff;

    font-size: 14px;

    line-height: 36px;

    outline: none;

}



.green .ccr-pricing33-header:after {

    border-color: #81dac9 transparent;

}

.green p.ccr-price-title-3{

    background: #78cfbf;

}

.green .ccr-price-value-3, .green .ccr-price-quality-3 {

    background: #81dac9;

}

.green .ccr-price-host-3 {

    background: #81dac9;

    box-shadow:-1px 2px 0 0 #7cd1c1;

}



.blue .ccr-pricing33-header:after {

    border-color: #53cfe9 transparent;

}

.blue p.ccr-price-title-3{

    background: #3ec6df;

}

.blue .ccr-price-value-3, .blue .ccr-price-quality-3 {

    background: #53cfe9;

}

.blue .ccr-price-host-3 {

    background: #53cfe9;

    box-shadow:-1px 2px 0 0 #47c7e1;

}





.red .ccr-pricing33-header:after {

    border-color: #eb6378 transparent;

}

.red p.ccr-price-title-3{

    background: #e2536b;

}

.red .ccr-price-value-3, .red .ccr-price-quality-3 {

    background: #eb6378;

}

.red .ccr-price-host-3 {

    background: #eb6378;

    box-shadow:-1px 2px 0 0 #e05e72;

}



.yellow .ccr-pricing33-header:after {

    border-color: #f39c12 transparent;

}

.yellow p.ccr-price-title-3{

    background: #e67e22;

}

.yellow .ccr-price-value-3, .yellow .ccr-price-quality-3 {

    background: #f39c12;

}

.yellow .ccr-price-host-3 {

    background: #f39c12;

    box-shadow:-1px 2px 0 0 #e67e22;

}