html, body { height:100%;overflow:auto;font-size:15px; }
body { padding:0;margin:0;color:#5b5e64;font-family:Tahoma, Arial, Helvetica, sans-serif;background:#F5F5F5; }

.c-black { color:BLACK; }
.c-red { color:#c80013; }
.c-green { color:#5da715; }
.c-purple { color:#7e298c; }

.fs-23px { font-size:23px !important; }
.fs-21px { font-size:21px !important; }
.fs-18px { font-size:18px !important; }

a { color:#00aeef;outline:none; }
a:hover { text-decoration:none; }
a img { border:0 none; }

.agreement-box { width:98%; }
.agreement-box .text  { overflow:auto;padding: 7px 7px 7px 7px;height:300px; }
.agreement-box .text h2 { color:black;font-size:16px;margin-top:0;text-shadow:none;padding-top:15px; }

p { margin:0; }
.normal-paragraphs p { margin:12px 0; }

.ta-center { text-align:center; }

textarea, input, select { color:#5b5e64;font:14px Verdana, Arial, Helvetica, sans-serif; }
textarea { resize:none; }
input {padding: 2px 10px;height: 22px;border-top: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
select {margin: 0 0 3px;height: 28px;border-top: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.clear { clear:both; }
.separator { overflow:hidden;margin:5px 0 4px;height:1px;border-top:1px solid #f1f1f1; }
.overflow { overflow:hidden; }

.fl-left { float:left !important; }
.fl-right { float:right !important; }

.page-box { margin:0 auto;}
.content-box { margin:10px auto;width:990px;padding:20px;background:WHITE;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; }
.footer-bar { text-align:center; }

.form-basic { font-size:14px; }
.form-basic .standart-box h2 { padding:5px 7px 9px 12px; }
.form-basic .standart-box h2 em { margin-left:5px;line-height:22px; }
.form-basic .standart-box .separator { margin-right:27px; }
.form-basic .fields-box { width: 700px;margin: auto; }
.form-basic label { padding:5px 0;overflow:hidden;display:block; }
.form-basic label input { margin:-3px 0 3px;width:233px; }
.form-basic label.check-radio input { float:left;margin:0 5px 17px 0;width:auto;border-right:0 none;background:none; }
.form-basic label textarea { margin:-3px 0 3px;width:233px; }
.form-basic label input.short { width:99px; }
.form-basic label.checkbox { margin-left:150px;padding:4px 0 3px; }
.form-basic label  input[type=checkbox] { width:25px; }
.form-basic label input.checkbox, .form-basic label.checkbox input { width:auto;height:auto;background:none; }
.form-basic .field-name { float:left;width:134px; }
.form-basic .field-name span { color:#de1c32; }
.form-basic .field-error { /*float:right;padding-right:7px;*//*width:243px;*/color:#A00 !important;font-weight:bold; }
.form-basic .field-error { margin:0 7px; }
.form-basic .checkboxes-holder { padding:5px 0; }
.form-basic sub {font-size:12px;}

.breadcrumb {margin-bottom:5px;box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.08);	overflow: hidden;	border-radius: 2px;	text-align:right;	counter-reset: flag; }

.breadcrumb a {	text-decoration: none;	outline: none;	display: block;	float: left;	font-size: 22px;	line-height: 46px;
	color:#333333;	padding: 0 60px 0 70px;		position: relative;}
.breadcrumb a:first-child {	border-radius: 5px 0 0 5px; }
.breadcrumb a:first-child:before {left: 14px;}
.breadcrumb a:last-child {	border-radius: 0 6px 5px 0; 	padding-right: 66px;  }

.breadcrumb a:after {
	content: '';	position: absolute;	top: 0; 	right: -24px; 	width: 46px; 	height: 46px;	
     -webkit-transform: scale(0.707) rotate(45deg);    -moz-transform: scale(0.707) rotate(45deg);    -ms-transform: scale(0.707) rotate(45deg);    transform: scale(0.707) rotate(45deg);
	z-index: 1;	box-shadow: 		2px -2px 0 2px rgba(0, 0, 0, 0.05), 		3px -3px 0 2px rgba(0, 0, 0, 0.05);	border-radius: 0 5px 0 50px;
}


.breadcrumb a:last-child:after {	content: none;}
.breadcrumb a, .breadcrumb a:after {	background: white;		transition: all 0.5s;}
.breadcrumb a:before {	background: white;	box-shadow: 0 0 0 1px #ccc;}
.breadcrumb a:hover, .breadcrumb a.active, .breadcrumb a:hover:after, .breadcrumb a.active:after{	background: #99d133; }
.breadcrumb a.deny-step, .breadcrumb a.deny-step:after {background: #dddddd; color:#777777; cursor:not-allowed;}
.breadcrumb.three-step-width { width: 657px;}


.top-plan-details {height:68px;padding:5px; padding-top: 8px;box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.08);overflow: hidden;border-radius: 2px;}
.top-plan-details .plan-icon {display: table-cell; border:3px solid #f0fce5;   width:50px; color:#06839b; font-size:40px; font-weight:bold; text-align:center;  vertical-align:middle; padding:5px;      
background-image:-moz-linear-gradient(top,rgba(163,216,48,1) 0%,rgba(115,183,59,1) 100%);background-image:-ms-linear-gradient(top,rgba(163,216,48,1) 0%,rgba(115,183,59,1) 100%);background-image:-o-linear-gradient(top,rgba(163,216,48,1) 0%,rgba(115,183,59,1) 100%);background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, rgba(163,216,48,1)),color-stop(100%, rgba(115,183,59,1)));background-image:-webkit-linear-gradient(top,rgba(163,216,48,1) 0%,rgba(115,183,59,1) 100%);background-image:linear-gradient(top,rgba(163,216,48,1) 0%,rgba(115,183,59,1) 100%); }
.top-plan-details .plan-name {display: table-cell;  height:50px; width:440px; color:#666; font-size:26px; padding-top:15px; padding-left:15px; }
.top-plan-details .plan-specs {display: table-cell;  width:180px; color:#666;  vertical-align:middle;}
.top-plan-details .plan-price {display: table-cell;   width:150px; color:#666; text-align:center;  vertical-align:middle; padding:5px; border-left:1px solid #7abc3a; }
.top-plan-details .trial-info {color:#7abc3a; font-size:16px;}
.cvv-info {font-size: 12px; text-align:center;}
.cvv-opener {color:#99d133;cursor:pointer; font-size:11px;}