/*
Theme Name: Jirsong Asong
Theme URI: http://jirsongasong.in/
Description: Theme for Jirsong Asong website
Author:	Bestlife Consulting Services
Author URI: http://bestlife.in/
Template: virtue_premium
Version: 1.8
*/

@import url('../virtue_premium/style.css');

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,700);

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Top Bar */

.centreBox select{
color: #ffffff !important;
width: 100px !important;
padding: 3px !important;
font-size: 8px;
line-height: 1;
border: 2px #002060;
border-radius: 0;
height: 25px !important;
}

.phonecall{
text-align: left;
text-color: #ffffff !important;
margin-top: 7px;
}

.loginstatus {
	margin: 8px 9px 0 0;
	color: #ffffff !important;
}
a.loglink:link { color: #ffffff; text-decoration: none; }
a.loglink:visited { color: #ffffff; text-decoration: none; }
a.loglink:active { color: #ffffff; text-decoration: none; }
a.loglink:hover	{ color: #002060; text-decoration: underline; }

.langBox select{
width: 90% !important;
padding: 8px !important;
font-size: 14px;
line-height: 1;
border: 2px #002060;
border-radius: 0;
height: 35px !important;
}

.facebookOuter {
text-color: #ffffff;
margin: 10px auto;
}

.facebookInner {
overflow:hidden;
text-color: #ffffff;
}

.fb-like-box {
width: 245px;
padding: 5px 5px 5px 5px;
margin: 10px auto;
border: solid 1px #ffffff;
text-color: #ffffff;
}

.bbnet-ftext {
color: #ffffff !important;
}

.bbnet-flink a, .bbnet-flink a:visited {
color: #ffffff !important;
}

.bbnet-flink a:hover {
color: #1b98e0 !important;
}

.titleclass{
padding-left: 10px;
}
.boxed #content.container{
padding-left: 30px;
}
.boxed .footerclass{
padding-left: 15px;
padding-right: 15px;
}


.pricing-table-wrapper{
	margin: 0;
	padding: 0;
	border: solid 1px #f0f0f0;
	float: left;
}
/* PRICING TABLE
================================*/
.pricing-table{
	width: 19%;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	position: relative;
	background: #fff;
	position: relative;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.pricing-table li{
	width: 100%;
	float: left;
	color: #444;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}

/* PLAN
================================*/
.pricing-table .plan{
	padding: 18px 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

/* PRICE
================================*/
.pricing-table .table-price{
	padding: 5px 26px 10px;
	font-size: 40px;
	font-weight: 400;
	color: #fff;
	background: #666;
}
.pricing-table .table-price .month{
	font-size: 10px;
	float: right;
	width: 100%;
	font-weight: 400;	
	text-transform: uppercase;
}
.pricing-table .table-price .dollar{
	font-size: 14px;
}

/* DETAILS
================================*/
.pricing-table .detail{
	padding: 12px 26px;
	font-size: 13px;
	font-weight: 300;
	position: relative;
	border-bottom: solid 1px #f0f0f0;
}
.pricing-table .detail .first-line{
	float: left;
	width: 100%;
	font-weight: 700;
}
.pricing-table .detail .second-line{
	color: #999;
	font-weight: 400;
}

/* SIGN UP BUTTON
================================*/
.pricing-table .sign-up{
	font-size: 16px;
	height: 70px;
}
.pricing-table .sign-up a{
	margin: 15px 0;
	padding: 10px 30px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	background: #666;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}

/* HOVER EFFECT / ACTIVE STATE
================================*/
.pricing-table:hover,
.pricing-table.active{
	box-shadow: 0 1px 20px #555;
	z-index: 99;
}


/* STYLES
================================*/
/* blue */
.blue .table-price, .blue .sign-up a{ background: #00B4CC; color: #fff; }
/* green */
.green .table-price, .green .sign-up a{ background: #37bc9b; color: #fff; }
/* red */
.red .table-price, .red .sign-up a{ background: #F03C02; color: #fff; }
/* orange */
.orange .table-price, .orange .sign-up a{ background: #ff9900; color: #fff; }
/* yellow */
.yellow .table-price, .yellow .sign-up a{ background: #f1c40f; color: #fff; }
/* purple */
.purple .table-price, .purple .sign-up a{ background: #967adc; color: #fff; }
/* black */
.black .table-price, .black .sign-up a{ background: #111; color: #fff; }

/* RESPONSIVE DESIGN
================================*/
@media (max-width: 768px) {
	.pricing-table{
		width: 50%;
	}
}
@media (max-width: 480px) {
	.pricing-table{
		width: 100%;
		margin: 0 0 10px;
	}
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 0px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}