@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,400italic,500italic,700,700italic,900,900italic);

#lite-pricing-table .no-padding{
	padding-left:0;
	padding-right:0;
}

#lite-pricing-table{
	padding:30px 0;
    font-family: 'Roboto', sans-serif;
}


#lite-pricing-table h1 span{
	font-size:0.6em;
}



/*PRICE BODY CODE START*/
#lite-pricing-table .price-content{
	perspective: 1700px;
    perspective-origin: 50%;
    position: relative;
	text-align:center;
}

#lite-pricing-table .price-content .popular-label {
    height: 65px;
    padding-top: 15px;
    position: absolute;
    right: 10px;
    width: 50px;
}

#lite-pricing-table .price-content .popular-label::after {
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

#lite-pricing-table .price-content .popular-label .fa {
    font-size: 22px;
    line-height: 24px;
}

#lite-pricing-table .price-content .popular-label.compair {
    height: 58px;
    padding-top: 12px;
    position: absolute;
    right: 5px;
    width: 34px;
}

#lite-pricing-table .price-content .popular-label.compair::after {
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

#lite-pricing-table .price-content .popular-label.compair .fa {
    font-size: 18px;
    line-height: 20px;
}


#lite-pricing-table .price-content:hover .popular-label::after {
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

#lite-pricing-table .price-content .head{
    display: block;
    margin-bottom: 0;
    margin-right: auto;
    position: absolute;
	width:60%;
}

#lite-pricing-table .price-content .price-details {
	height: 22%; 
	opacity: 0; 
	overflow: hidden; 
	position: absolute;
	transform: rotatex(-90deg); 
	transform-origin: 0 0 0; 
	opacity 0.1s ease 0.3s;    
	width: 100%;
}

#lite-pricing-table .price-content .head h3{
	font-size:22px; 
	font-weight:300; 
	height: 50px; 
	line-height: 2; 
	margin: 0;	
	padding: 4px 0;    
	text-transform: uppercase;
}

#lite-pricing-table .price-content .currency {
	margin: 0; 
	padding: 30px 0; 
	position: relative;
}

#lite-pricing-table .price-content .currency .sign {
	font-size: 24px; 
	font-weight: 300; 
	line-height: 35px;
}

#lite-pricing-table .price-content .currency .cost {
	font-size: 50px; 
	font-family:"roboto"; 
	font-weight: 100; 
	letter-spacing: -3px; 
	line-height: 50px;   
	vertical-align: top;
}

#lite-pricing-table .price-content .currency .month {
	font-size:16px;
	vertical-align:bottom;
}


#lite-pricing-table .price-content .currency p {
	font-size: 18px; 
	font-weight: 100; 
	letter-spacing:0; 
	margin: 0;
}

#lite-pricing-table .price-content .plan-list{
	margin-top:70px;
}

#lite-pricing-table .price-content .plan-list ul{
	list-style:none; 
	margin:0;	
	padding:0;
}

#lite-pricing-table .price-content .plan-list ul li{
	margin: 
	10px 0; 
	padding: 8px 0;
}

#lite-pricing-table .price-content .plan-list ul li a{
	display:block; 
	font-family:"roboto"; 
	font-size:18px; 
	font-weight:300;	
	outline:none; 
	text-decoration:none;
}

#lite-pricing-table .price-content .plan-list ul li strong{
	font-weight:500;
}

#lite-pricing-table .price-content .plan-list ul li .check{
	margin:0 8px 0 0;
}


#lite-pricing-table .price-content .plan-list ul li .times{
	margin:0 8px 0 0;
}

#lite-pricing-table .price-content .price-btn{
	padding: 10px 0 30px 0;
}

#lite-pricing-table .price-content .price-btn a{
	border-radius:0; 
	font-family:"roboto"; 
	font-size:16px; 
	font-weight:400;	
	padding:8px 20px; 
	text-transform:uppercase;
}


#lite-pricing-table .price-content .price-btn input{
	border-radius:0; 
	font-family:"roboto"; 
background-color:#2980b9 !important;
color:#fff;
font-size:1.2em;
	font-weight:400;
	padding-left:20px;
	padding-right:20px;
height:40px;
	text-transform:uppercase;
	border:none !important;
}


#lite-pricing-table .price-content .price-btn .btn .fa{
	color:#fff; font-size:18px;	
	margin: 0 10px 0 0;
}

#lite-pricing-table .price-content:hover .price-details,
#lite-pricing-table .price-content.active .price-details {
    opacity: 1;
    transform: rotatex(0deg);
}

#lite-pricing-table .price-content:hover .currency,
#lite-pricing-table .price-content.active .currency {
	margin: 0; 
	padding: 30px 0; 
	position: relative;
}

#lite-pricing-table .price-content:hover .head,
#lite-pricing-table .price-content.active .head{
	width:100%;
}

#lite-pricing-table .price-content .plan-list ul li:hover,
#lite-pricing-table .price-content .plan-list ul li.active{
	margin: 10px 0; 
	padding: 8px 0; 
	transform-origin:top;
}

#lite-pricing-table .price-content .price-btn a:hover,
#lite-pricing-table .price-content.active .price-btn a{
	border-radius:0; 
	font-size:16px; 
	padding: 8px 50px;
}

/*COMPARISON START*/
#lite-pricing-table .comparison{
	height: 410px;
	margin-top:111px;
	overflow:hidden;
	position:relative;
	text-align:center;
}

#lite-pricing-table .comparison .plan{
    display: block;
    margin-bottom: 0;
    margin-right: auto;
    position: absolute;
	width:70%;
}
#lite-pricing-table .comparison .plan h3{
	font-family:"roboto";
	font-size:22px;
	font-weight:300;
    height: 50px;
    line-height: 2;
    margin: 0;
	padding: 4px 0;
    text-transform: uppercase;
}

#lite-pricing-table .comparison:hover .plan h3{
	border: none;
}

#lite-pricing-table .comparison:hover .plan{
	width:100%;
}

#lite-pricing-table .comparison .plan-list{
	margin-top:70px;
}

#lite-pricing-table .comparison .plan-list ul{
	list-style:none;
	margin:0;
	padding:0;
}

#lite-pricing-table .comparison .plan-list ul li{
    margin: 10px 0;
    padding: 8px 0;
	
}

#lite-pricing-table .comparison .plan-list ul li:hover{
    margin: 10px 0;
    padding: 8px 0;
	transform-origin:top;
}

#lite-pricing-table .comparison .plan-list ul li a{
	font-family:"roboto";
	font-size:18px;
	font-weight:400;
  	text-decoration-line: none;
    text-decoration-style: solid;
    text-transform: uppercase;
}

#lite-pricing-table .comparison .plan-list ul li strong{
	font-weight:500;
}
/*COMPARISON CODE END*/

#lite-pricing-table .price-content .price-details,
#lite-pricing-table .price-content:hover .price-details,
#lite-pricing-table .price-content .popular-label,
#lite-pricing-table .price-content:hover .popular-label,
#lite-pricing-table .price-content .popular-label::after,
#lite-pricing-table .price-content:hover .popular-label::after,
#lite-pricing-table .price-content .head,
#lite-pricing-table .price-content:hover .head,
#lite-pricing-table .price-content .head h3,
#lite-pricing-table .price-content:hover .head h3,
#lite-pricing-table .price-content .currency,
#lite-pricing-table .price-content:hover .currency,
#lite-pricing-table .price-content .plan-list ul li,
#lite-pricing-table .price-content .plan-list ul li:hover,
#lite-pricing-table .price-content .plan-list ul li a,
#lite-pricing-table .price-content .plan-list ul li:hover a,
#lite-pricing-table .price-content .price-btn a,
#lite-pricing-table .price-content .price-btn a:hover,
#lite-pricing-table .comparison:hover .plan,
#lite-pricing-table .comparison .plan,
#lite-pricing-table .comparison .plan-list ul li:hover{
	transition:all 0.3s ease-in-out 0s;
}
/*PRICE BODY CODE END*/