@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@import url('https://fonts.googleapis.com/css?family=Domine:700');
body{
	margin:0;
	padding: 0;
	font-family: "neuzeit-grotesk"; 
}

.price-sec{
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	padding: 100px 0px;
	background-color: ;
}

.price1{
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	padding: 100px 0px;
	background-color: ;
}


.price-sec .ptables-head{
  font-family: 'Domine', serif;
  box-shadow:0px 6px 14px rgba(0, 0, 0, 0.3);
  padding:50px 0;
  margin:0px 0px 50px 0px;
  border-radius:3px;
  background:linear-gradient(25deg,#feae3f 15%,transparent 0%),
    linear-gradient(-25deg, #f321d7 15%, transparent 0%),
    linear-gradient(-150deg, #64b5f6 15%, transparent 0%),
    linear-gradient(150deg, #f47 15%, transparent 0%);

}
@media all and (max-width:600px){
  .ptables-head h1{
     font-size:30px;
  }
}


.price-sec .price-table{
	margin:5px 0px;
}
.price-sec .price-table .card{
	position: relative;
	max-width:330px;
	height:auto;
	background: linear-gradient(-45deg, #fe0847, #feae3f);
	border-radius:15px;
	margin: 0 auto;
	padding: 40px 20px;
	box-shadow:0 10px 15px rgba(0,0,0,.5);
	transition: .5s;
	overflow: hidden;
}
.price-sec .price-table .card:hover{
	transform: scale(1.1);
}

.price-table:nth-child(1) .card,
.price-table:nth-child(1) .card .title i{
		background: linear-gradient(-45deg, #f403d1, #64b5f6);

}
.price-table:nth-child(2) .card,
.price-table:nth-child(2) .card .title i{
		background: linear-gradient(-45deg, #fe6c61, #f321d7);

}

.price-table:nth-child(3) .card,
.price-table:nth-child(3) .card .title i{
		background: linear-gradient(-45deg, #24ff72, #9a4eff);

}
.price-table .card:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: rgba(255, 255, 255, .1);
	z-index: 1;
	transform:skewY(-5deg) scale(1.5);

}
.price-table .title i{
	color:#fff;
	font-size: 60px;
	width: 100px;
	height:100px;
	border-radius: 50%;
	text-align:center;
	line-height: 100px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2)
}
.price-table .title h2{
	position: relative;
	margin:20px 0 0;
	padding: 0;
	color:#fff;
	font-size: 28px;
	z-index: 2;
}
.price-table .price{
	position: relative;
	z-index: 2;
}
.price-table .price h4{
	margin:0;
	padding: 20px 0;
	color:#fff;
	font-size: 60px;

}
.option {
	position: relative;
	z-index: 2;
}
.option ul{
	margin:0;
	padding: 0;
	
}
.option ul li{
	margin:0 0 10px;
	padding: 0px 15px;
	list-style: none;
	color:#fff;
	font-size: 16px;
}

.card a{
	position: relative;
	z-index: 2;
	background: #fff;
	color: #000;
	width:150px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align:center;
	margin:20px auto 0;
	font-size: 16px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 40px;
	box-shadow:0 5px 10px rgba(0, 0, 0, .2);

}
.card a:hover{
	text-decoration: none;
}


































































/*
ul{
	list-style: none;
	background-color: #eee;
	position: relative;
	width: 200px;
	height: 200px;
	animation: rotate-rose 3s infinite;
	
}
ul li{
	font-size: 190px;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	
}
ul li:nth-child(1){
	color: #FAE166;
	
}
ul li:nth-child(2){
	color: #EBC048;
	top:0px;
	transform: rotate(90deg);
	animation: 3s;

}
ul li:nth-child(3){
	color: #FF6600;
	transform: scale(.7,.7);
	animation: 4s.
}

@keyframes rotate-rose{
	25%{
		transform: rotate(45deg);
	}
	50%{
		transform: rotate(90deg);
	}
		75%{
		transform: rotate(180deg);
	}
		100%{
		transform: rotate(270deg);
	}
}
*/