
/* CONTAINERS */

.container {width: 100%; margin: 0;}
.two { width: 48%; max-width: 48%; left:0px; margin: 1% 0 1% 1.6%;}

.four { width: 23%; max-width: 23%; left:1px; margin: 1% 0 1% 1.6%;}


.four:nth-first-child(2) {
}


/* COLUMNS */

.col {
  display: block;
  float:left;
  
}



.col:first-of-type { margin-left:4px; }

/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* FORM */

.form .plan input, .form .payment-plan input, .form .payment-type input{
	display: none;
}

.form label{
	position: relative;
	color: #fff;
	background-color: #E9E9E9;
	font-size: 12px;
	text-align: center;
	height: 40px;
	line-height: 37px;
	display: block;
	cursor: pointer;
	border: 1px solid #AFAFAF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000000;
	
}


.form .plan input:checked + label, .form .payment-plan input:checked + label, .form .payment-type input:checked + label{
	border: 1px solid #434343;
	background-color: #B1B1B1;
	color: #FFFFFF;
}

.form .plan input:checked + label:after, form .payment-plan input:checked + label:after, .form .payment-type input:checked + label:after{
	content: "\2713";
	font-size:9px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	border-radius: 100%;
	border: 1px solid #000000;
	background-color: #2fcc71;
	z-index: 999;
	position: absolute;
	top: 11px;
	right: 2px;
	
}

.form .btnDisabled {
	background-color:#ffffff;
	cursor:default;
	border: 1px solid #AFAFAF;
	color:#830002;
	text-decoration:line-through;
}











/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}







.submitBtn {
 color: #FFFFFF;
 font-size: 14px;
 width: 305px;
 height: 40px;
 border: none;
 margin: 0;
 padding: 0;
 background: #090; 
 
 
 
	text-align:center;
	cursor:pointer;
 
 
 
}