/**** MAIN STYLES ****/
/* {
	box-sizing: border-box;
}
    	 
body {
	background-color: #ebf1f4;
	font-family: 'Roboto', arial, sans-serif;
	color: #444444;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
p {
	margin-bottom: 15px;
	line-height: 1.5;
}
a {
	color: #337ab7;
	/*-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
} */
/*a:hover {
	text-decoration: underline;
	color: rgb(71, 117, 156);
}
a:focus {
	text-decoration: none;
}*/
	 
.wrapper {
	padding-left: 1em;
	padding-right: 1em;
	margin-left: auto;
	margin-right: auto;
}
	 
	 
/*	 Trial stage 1 */
	 
#trial-stage1 {
}
#trial-stage1 small {
	color: #8e959c;
	font-size: 12px;
}
#t_app-req {
	padding: 0.5rem 0.75rem;
	font-size: .9rem;
	color: #555;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-top-color: #bbb;
	width: 100%;
	height: 100px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(37,46,53,0.15);
	-moz-box-shadow: inset 0 1px 2px rgba(37,46,53,0.15);
	box-shadow: inset 0 1px 2px rgba(37,46,53,0.15);
}
	 
#loader {
	display: none;
}

#sidebar {
	position: absolute;
	left: 75%;
	top: 300px;
	width:250px;
	opacity:1;
}
	 
#trial-info, #card-info, #quote, #trial-alert {
	color: #565656;
	font-size: 13px;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
	text-align: left;
    padding: 10px 20px;
    background: rgba(251,253,253,0.8);
    margin-bottom: 1.25rem;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 0 rgba(37,46,53,0.06);
    -moz-box-shadow: 0 2px 0 rgba(37,46,53,0.06);
    box-shadow: 0 2px 0 rgba(37,46,53,0.06);
}

#trial-alert {
    background: #e8f9d8;
}
	 
#trial-info ol {
	color: #545454;
	font-size: 13px;
	letter-spacing: 0.5px;
	padding: 0px 0px 0px 15px;
}
	 
#trial-info li {
	padding: 5px 0px;
}

#plan-details {
	color: #767A7D;
	font-size: 13px;
	letter-spacing: 0.5px;
	padding: 5px 0px;
}

.loader-container {
	margin-top: 20px;
	height: 16px;
}
	 
.signup {
	text-align: center;
	max-width: 31.25rem;
	margin: 0 auto;
}
.signup header {
	margin-top: 80px;
	margin-bottom: 1.25rem;
}
.signup header h1 {
	font-weight: 300;
	font-size: 2rem;
	margin-bottom: 20px;
	margin-top: 10px;
}
.signup header h2 {
	font-weight: 400;
	margin: 0;
	font-size: 1.125rem;
}
.money_back {
	overflow: hidden;
	margin-top: 0px;
}
.modal-body .widget-content .money_back .seal {
	float: left;
	vertical-align: middle;
	zoom: 1;
	width: 20%;
}
.modal-body .widget-content .money_back .seal img {
	width: 100%;
}
.modal-body .widget-content .money_back .info {
	float:right;
    margin-top: 20px;
	line-height: 1.7em;
	width: 65%;
}
.modal-body .widget-content .money_back .info .gold {
	font-weight: bold;
	color: #bfa80d;
}
.signup .trial .info {
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 0.9375rem;
	line-height: 1.2em;
	font-weight:500;
}
.signup form {
	text-align: left;
	padding: 0;
	background: white;
	margin-bottom: 1.25rem;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 0 rgba(37,46,53,0.06);
	-moz-box-shadow: 0 2px 0 rgba(37,46,53,0.06);
	box-shadow: 0 2px 0 rgba(37,46,53,0.06);
	overflow: hidden;
}
.signup form h2 {
	margin: 0;
}
.signup form p {
	margin-top: 0;
	margin: .5em 0;
}
    
.signup form .content {
	padding: 1.875rem;
}
.signup form .content.card-details {
	background: rgba(251,253,253,0.8);
	border-top: 1px solid #d9ecec;
}
.signup form .content.payment-option {
	background: rgba(251,253,253,0.8);
	border-bottom: 1px solid #d9ecec;
}
.signup form label {
	display: block;
	margin-bottom: 0.25rem;
}
.signup form input[type='text'],
.signup form select {
	padding: 0.5rem 0.75rem;
	font-size: .9rem;
	color: #555;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-top-color: #bbb;
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(37,46,53,0.15);
	-moz-box-shadow: inset 0 1px 2px rgba(37,46,53,0.15);
	box-shadow: inset 0 1px 2px rgba(37,46,53,0.15);
}
#service {
	padding: 5px 0px;
	font-weight: 600;
	background:rgba(239, 239, 239, 0.8);
	border: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	width: 100%;
/*	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';*/
}

#message {
	display:none;
}

#account_key strong {
	margin:20px 0px;
	font-weight:500px;
}

#account_key textarea {
	margin:2px 0px;
	border: 1px solid #cecece;
	padding:10px;
}

.red {
	color: #ff3333 !important;
	vertical-align: super;
	font-size: 12px;
}
	
.signup form span.info {
	font-size: 12px;
	color: #666;
}
.signup form .cc-expiration {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	vertical-align: top!important;
	max-width: 320px;
}
.signup form .cc-expiration .exp-year {
	width: 90px;
}
.signup form .cc-expiration .exp-month {
	width: 70px;
}
.signup form .cc-cvv {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	max-width: 80px;
	margin-left: 20px;
}
.signup form .cc-cvv select {
	width: 100%;
}
.signup form .submit-btn {
	margin-top: 1.25em;
	text-align: center;
}
.signup form .submit-btn input {
	font-size: 1.25rem;
	padding: 0.75rem 1.25rem 0.725rem 1.25rem;
	margin: 0;
	text-align: center;
	color: white;
	background: #80BF28;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	border: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	/*  -webkit-box-shadow: 0 2px 0 #217ea9;
	-moz-box-shadow: 0 2px 0 #217ea9;
	box-shadow: 0 2px 0 #217ea9;*/
}
.signup form .submit-btn input:hover {
	opacity: .8;
	/*	-webkit-box-shadow: 0 2px 0 #1b678b;
	-moz-box-shadow: 0 2px 0 #1b678b;
	box-shadow: 0 2px 0 #1b678b;*/
}
    
#vat_amount {
	margin: 1em 0;
}
    
.ui-widget {
	margin-top: 2em;
}
    
	
#confirmation {
	text-align: left;
	padding: 30px;
	background: white;
	margin-bottom: 1.25rem;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 0 rgba(37,46,53,0.06);
	-moz-box-shadow: 0 2px 0 rgba(37,46,53,0.06);
	box-shadow: 0 2px 0 rgba(37,46,53,0.06);
	overflow: hidden;
}
    
	
	
.pppro_footer {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	padding: 30px;
	font-size: 13px;
	color: #333;
	opacity: .8;
}

.clr {
	clear: both;
}
	
.planinfo {
	color: #767A7D;
	font-size: 13px;
	letter-spacing: 0.5px;
	padding: 5px 0px;
}

/**** PROCESSING PAGE (REDIRECTION) ****/
.wait_msg {
	font-size: 16px;
}

/******* HINT STYLING ********/
.hint {
	width: 450px;
	height: 300px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 10px;
}
.hint p {
	margin: 10px 0 10px 0;
	text-align: center;
}

.error {
	color: red;
	padding: 3px 0 0 5px;
	font-weight: bold;
	display: inline-block;
}
span .rightquestion{
    background: url(images/landing-img/payment-img/ico_question.jpg) top right no-repeat;
}
    
@media screen and (max-width: 480px) {
	.wrapper {
		padding-left: 0.2em;
		padding-right: 0.2em;
		margin-left: auto;
		margin-right: auto;
	}
        
	.signup form .content {
		padding: 0.875rem;
	}
        
	
     .modal-body.widget-content .money_back .info {
		margin-top: 0;
		width: 60%;
	}
    
	.pppro_footer {
		width: 100%;
	}
	
	#sidebar {
		display:none !important;
	}

}
    
@media screen and (max-width: 1000px) {
	#sidebar {
		display:none !important;
	}
}