/* ================================================================ */
/* ========================= INIT PART ============================ */
/* ================================================================ */
html, body, div, span, h1, h2, h3, h4, p, a, img, small, ul, li, table, tbody, tr, td, nav {
	margin: 0;
	padding: 0;
	border: 0;	
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height:100%;
}
body {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #191A1C;
	background-color: #efefef;
	font-family: 'OpenSansLight', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	height:100%
}
a:hover {
	text-decoration: underline;
}
li {
	line-height: 20px;
}
ol, ul {
	list-style: none;
}
img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
strong {
	font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
	font-weight: 300;
}
h1 {
	font-size: 40px;
	line-height: 45px;
}
h2 {
	font-size: 31px;
	line-height: 34px;
}
h3 {
	font-size: 28px;
	line-height: 32px;
}
h4 {
	font-size: 24px;
	line-height: 28px;
}
h5 {
	font-size: 18px;
	line-height: 22px;
}
p {
	font-size: 18px;
	font-weight: 400;
	color: #777;
	line-height: 24px;
	text-align:justify;
}
.clear {
	clear: both;
}
.divide5 {
	width: 100%;
	height: 5px;
}
.divide15 {
	width: 100%;
	height: 15px;
}
.divide20 {
	width: 100%;
	height: 20px;
}
.divide25 {
	width: 100%;
	height: 25px;
}
.divide30 {
	width: 100%;
	height: 30px;
}
.divide40 {
	width: 100%;
	height: 40px;
}
.divide45 {
	width: 100%;
	height: 45px;
}
.one_half {
	width: 49%;
	position: relative;
}
.one_third {
	width: 32%;
	position: relative;
}
.two_third {
	width: 66%;
	position: relative;
}
.three_fourth {
	width: 74%;
	position: relative;
}
.four_fifth {
	width: 78%;
	position: relative;
}
.one_fourth {
	width: 23.5%;
	position: relative;
}
.one_fifth {
	width: 18.2%;
	position: relative;
}
.two_fifth {
	width: 37.6%;
	position: relative;
}
.three_fifth {
	width: 58.3%;
	position: relative;
}
.one_sixth {
	width: 13.33%;
	position: relative;
}
.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .three_fourth, .one_sixth, .four_fifth, .two_fifth, .three_fifth {
	margin-right: 2%;
	margin-bottom: 0px;
	float: left;
}
.lastcolumn {
	margin-right: 0!important;
	clear: right;
}
/* container styles */
.container {
	padding: 0px 20px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.container.withverticalpadding {
	padding-top: 36px;
	padding-bottom: 36px;
}
.bgcolor {
	background: #efefef;
}
.bgcolor p {
	color: #191a1c;
}
.bgcolor.white {
	background-color: #fff;
}
.bgcolor.white p {
	color: #777;
}
.bgcolor.white p.black {
	color: #000;
}
.bgcolor.green {
	background-color: #65ca60;
}
.bgcolor.green p {
	color: #fff;
}
.bgcolor.green h1, .bgcolor.green h2, .bgcolor.green h3, .bgcolor.green h4, .bgcolor.green h5, .bgcolor.green h6 {
	color: #fff;
}
/* ------------------- */
/* ================================================================ */
/* ========================= TOP PART  ============================ */
/* ================================================================ */
.top_bar {
	background: none repeat scroll 0 0 #FFF;
	width: 100%;
	z-index: 999;
	box-shadow: 1px 0px 2px #000;
	padding: 4px 0px 4px 0px;
}
/* logo */
#logo
{
	display:inline-block;
	height:95px;
	width:150px;
	background-color:#FFF;
	background:url(../images/logo/kontrollis_logo.jpg) no-repeat center center;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	float:left;
}
/* menu - navgation */
.nav_toggle
{
	display:none;
}
nav {
	display: inline-block;
	float:left;
	padding-left:100px;
}
.navigation ul {
	float: left;
	margin-bottom: 0px;
}
.navigation ul li {
	float: left;
	margin: 0;
	position: relative;
	text-align: center;
}
.navigation ul li a {
	color: #3A3A3A;
	display: block;
	font-family: 'OpenSansLight';
	font-size: 34px;
	height: 35px;
	margin-left: 4px;
	padding: 30px 16px 30px 16px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 1;
	white-space:nowrap;
}
.navigation > ul > li:hover > a, .navigation ul li a.active {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	color: #FFFFFF !important;
}
.navigation > ul > li:hover > a span, .navigation ul li a.active span, .navigation > ul > li:hover > a {
	color: #FFFFFF;
}
.navigation ul li a span {
	color: #AEAEAE;
	display: block;
	font-family: 'OpenSansLight';
	font-size: 15px;
	padding-top: 10px;
	text-transform: none;
}
.navigation > ul > li:hover > a, .navigation ul li a.active {
	background: none repeat scroll 0 0 #80B600;
}
/* ================================================================ */
.start_trial
{
	width:180px;
	height:180px;
	background-image:url(../images/icons/StartYourFreeTrial2.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-size: 200% auto;
	position:absolute;
	right:10px;
	margin-top:-13px;
	z-index:999;
	cursor:pointer;
}
.start_trial:hover
{
	background-image:url(../images/icons/StartYourFreeTrial2.png);
	background-position:top left;
}

.hover_right
{
	width:365px;
	height:75px;
	background-image:url(../images/portfolio/affiliate_button.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-size: contain;
	position:absolute;
	right:10px;
	margin-top:0px;
	z-index:0;
	cursor:pointer;
}
.hover_right:hover
{
	background-image:url(../images/portfolio/affiliate_button_hover.png);
	background-position:top right;
}

/* ================================================================ */
/* ================================================================ */
/* ========================= MAIN PART ============================ */
/* ================================================================ */
.main_content {
	min-height: calc(100% - 153px);
}
a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
a:hover {
	outline: 0;
}
a.text-warning:hover {
	color: #a47e3c;
}
a.text-error:hover {
	color: #953b39;
}
a.text-info:hover {
	color: #2d6987;
}
a.text-success:hover {
	color: #356635;
}
h4.gray {
	color: #777;
}
.hiddenatstart {
	display: none;
}
.extrabig {
	font-size: 29px;
	font-weight: 600;
}
.nomargin {
	margin-bottom: 0px;
	margin-top: 0px;
}
a:hover, a {
	text-decoration: none;
	color:#000;
}
.content a {
	color:#000;
	cursor:pointer;
}
a:hover {
	color: #6A9600 !important;
}
a.invert:hover {
	color: #6A9600 !important;
	text-decoration: underline !important;
}
p.big {
	font-size: 23px;
	line-height: 32px;
	font-weight: 300;
	color: #999;
}
p.black {
	color: #000;
}
.txt-center, .centered {
	text-align: center;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
.rightfloat {
	float: right !important;
}
.btn, input[type="submit"] {
	background: #80B600;
	color: #EFEFEF;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 0px 40px;
	line-height: 42px;
	font-family: 'OpenSansLight';
	font-size: 17px;
	font-weight: 600;
	text-shadow: none;
}
.btt:hover {
	background: #6A9600;
	color: #FFFFFF;
}
.btn.green {
	background: #80B600;
	color: #FFFFFF;
}
.btn.green:hover {
	background: #6A9600;
	color: #FFFFFF;
}
.btn.blue:hover {
	background: #32a0d2;
	color: #FFFFFF;
}
.btn.red:hover {
	background: #cb3825;
	color: #FFFFFF;
}
.btn.purple:hover {
	background: #D435DE;
	color: #FFFFFF;
}
.fullwidthcontent {
	background: #fff;
	padding: 50px 0px;
}
input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{
	border: 1px solid #d9d8d6;
	background-color: #f0efed;
	line-height: 40px;
	font-family: 'OpenSansLight';
	font-size: 16px;
	font-weight: 600;
	padding:0px 5px 0px 5px;
	color: #555;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: :0px;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 40px;
}
input:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	border: 1px solid #80B600;
	outline: none !important;
}
input.invalid
{
	border:1px solid #FFA084 !important;
}
textarea
{
	width:100%;
	height:80px;
	line-height:25px;
}
select {
    padding:8px 0px 0px 3px;
    margin: 0;
	border:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color:#555;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	font-size: 18px;
	height: 16px;
	height:40px;
	width: 100%;
	background:transparent;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select {padding-right:18px}
}

label
{
    border:1px solid #d9d8d6;
    background: #f0efed;
	position:relative;
	overflow:hidden;
}
label:hover
{
    border:1px solid #80B600;
}
label:after {
    content:'<>';
    font:16px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:2px; top:8px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
	
	background-color: #F0EFED;
	width:40px;
	right:-8px;
	text-align:center;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    position:absolute;
    pointer-events:none;
    display:block;
}
/* - - - - */
.fullwidthbanner-container {
	width: 100% !important;
	position: relative;
	padding: 0;
	max-height: 500px !important;
	overflow: hidden;
}
.fullwidthbanner ul {
	visibility: hidden;
}
.nav.nav-tabs li a:hover {
	background-color: #e5e4e2;
	color: #000;
}
.nav-tabs > .active > a:hover {
	border-color: #e5e4e2
}
.green .nav.nav-tabs li a:hover {
	background: #65ca60;
	color: #fff;
	border-color: #65ca60
}
.blue .nav.nav-tabs li a:hover {
	background: #62cdfe;
	color: #fff;
	border-color: #62cdfe
}
.red .nav.nav-tabs li a:hover {
	background: #ff541f;
	color: #fff;
	border-color: #ff541f
}
/* ------ counter ------ */
.counter {
    font-size: 60px;
	line-height:60px;
    text-shadow: 0 0 3px #FFFFFF;
	text-align:center;
	padding: 0px 10px 0 px;	
}
.counter b {

	background-color:#9E8D55;
 	color:#FFFFFF;
	font-weight:bold;
	padding:0px 2px 2px 2px;
	margin:0px;
	text-align:center;
	display:inline-block;
	overflow:hidden;
	
}
.counter b:nth-last-child(3n) {
    margin-left: 4px;
}
/* ============== PRICE TABLE ============= */
.pricetable
{
	display:inline-block;
	margin:0px 0px 0px 0px;
	width:100%;
}
.pricetable > div
{ 
 	display:inline-block; 
 	width:19.8%;
	margin:20px 0px 20px 0px;
	float:left;
	text-align:center;
	background-color:#EFEFEF;
	z-index:1;
	position:relative;
}
.pricetable > div:nth-child(1)
{
    background-color: #FFFFFF;
    box-shadow: -5px 1px 20px rgba(0, 0, 0, 0.1);
	margin-top:71px;
}
.pricetable > div:not(:nth-child(1)) span
{
	display:none;
}
.pricetable > div:nth-child(1) li:not(:nth-last-child(1))
{
	border-bottom:1px solid rgba(0,0,0,0.3);
}
.pricetable > div
{
	border-top:1px solid rgba(0,0,0,0.2);
	border-left:1px solid rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.pricetable > div:nth-last-child(1)
{
	border-right:1px solid rgba(0,0,0,0.2);
}
.pricetable > div:nth-child(n+2) li
{
	border-bottom:1px solid rgba(0,0,0,0.3);
	font-weight:600;
	font-size:18px;
}
.pricetable > div:not(:nth-child(1)) li:nth-child(1)
{
	font-family:'OpenSansSemibold';
	font-size:24px;
}

.pricetable li span
{
	display:inline-block;
	vertical-align:middle;
	line-height:24px;
}
.pricetable > div > h2
{
	line-height:50px;
	height:50px;
	margin:0px 1px 1px 0px;
}
.pricetable li
{
	height:50px;
	line-height:50px;
	font-size:16px;
}
.pricetable > div > h4
{
	background-image:url(../images/icons/morearrow_dark.png);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    padding: 0px 36px 0px 0px;
	margin:0px;
	line-height:50px;
	white-space:nowrap;
}
.pricetable > div > h4:hover
{
	font-size:25px;
}
/* ============== SIGN UP PART ============= */
.regdiv > h4
{
	display:inline-block;
	float:left;
	width:49%;
	height:40px;
	line-height:40px;
	padding:0px;
	margin:0px;
}
.regdiv > input
{
	display:inline-block;
	float:right;
	width:50%;
}
.regdiv > label
{
	display:inline-block;
	float:right;
	width:49.75%;
}

.regdiv > .clear
{
	margin-bottom:4px;
	height:4px;
}

.summary_table
{
	width:100%;
	border:0px;
	border-spacing:0px;
	padding:0px;
	border:1px solid #D2D1CF;
	margin:5px 0px 10px 0px;
}
.summary_table th
{
	background-color:#80B600;
	color:#FFF;
	font-size:20px;
	font-weight:100;
	padding:10px 0px 10px 0px;
}
.summary_table td:nth-child(1)
{
	font-size:18px;
	font-weight:500;
	line-height:40px;
	padding-left:15px;
}
.summary_table td:not(:nth-child(1))
{
	font-size:18px;
	font-weight:600;
	text-align:center;
}
.summary_table td input[type="number"]
{
	width:70px;
	text-align:center;
	height:35px;
	line-height:35px;
}
.summary_table tfoot
{
	background-color:#F0EFED;
}
.summary_table tfoot td
{
	font-size:22px !important;
	font-weight:bold !important;
	border-top:1px solid #D2D1CF;
}
/*  -- side notes --  */

.right_notes{
}

.right_notes > .note{
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);

	margin-bottom:150px;
	background-color:#FFF;
	box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
	padding: 20px;
}

.right_notes > .note:not(:nth-of-type(2)) > h3{
	color:#259800;
	font-weight:600;
	border-bottom:2px solid #80B600;
	line-height:25px;
}

.right_notes > .note > p{
	color:#80B600;
}

.right_notes > .note:nth-of-type(2){
	background-color:#80B600;
	color:#FFF;
	font-weight:600;
}

.right_notes > .note:nth-of-type(3){
	margin-bottom:0px;
}


/* ============== CONTACT PART ============= */
.contactdiv > h4
{
	display:inline-block;
	float:left;
	width:39%;
	height:40px;
	line-height:40px;
	padding:0px;
	margin:0px;
}
.contactdiv > input
{
	display:inline-block;
	float:right;
	width:60%;
}
.contactdiv > label
{
	display:inline-block;
	float:right;
	width:59.75%;
}
.contactdiv textarea
{
	height:200px;
}
.contactdiv > .clear
{
	margin-bottom:4px;
	height:4px;
}
/* ============== CONTACT PART ============= */
.terms_content h4 {
	margin:25px 0px 5px 0px;
	color:#000;
}
.terms_content ul {
	list-style:decimal;
}
.terms_content ul > li {
	margin:10px 0px 0px 20px;
	font-size:16px;
}
/* ======================================= FOOTER PART ============= */
.subfooter {
	background-color: #191a1c
}
.subfooter p {
	line-height: 24px;
	margin:13px 0px 13px 0px;
	color: #bbb;
	font-size:90%;
}

.subfooter a {
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 0px;
	text-decoration:none;
	cursor:pointer;
	text-transform:uppercase;
	color:#BBBBBB;
	font-weight:normal;	
	white-space:nowrap;
	float:left;
}
.subfooter a:not(:nth-last-child(1)) {
	border-right:1px solid #2D2D2D;
}
.subfooter a:hover {
	color:#80B600 !important;
}
/* ======================================= RESPONSIVE ============= */
@media screen and (min-width: 1200px) {
	.container {
		width: 1170px;
	}
	/*--------------------*/
	.pricetable:not(:hover) > div.highlighted,
	.pricetable:hover > div:not(:nth-child(1)):hover
	{
		margin:0px;
		padding:20px 0px 20px 0px; 
		background-color:#80B600;
		box-shadow:0px 0px 20px rgba(0,0,0,0.2);
		z-index:2;
		color:#FFF !important;
		border:1px solid #80B600;
	}
	.pricetable:not(:hover) > div.highlighted + div,
	.pricetable:hover > div:not(:nth-child(1)):hover + div
	{
		border-left:0px;
	}
	.pricetable:not(:hover) > div.highlighted h4,
	.pricetable:hover > div:not(:nth-child(1)):hover h4
	{
		background-image:url(../images/icons/morearrow.png);
	}
}
/* ================================================================ */
@media screen and (min-width: 980px) and (max-width: 1199px) {
	.container {
		width: 940px;
	}
	.main_content {
	}
	/*--------------------*/
	#logo{
		width:140px;
		height:80px;
	}
	/*--------------------*/
	.navigation ul li a {
		font-size: 26px;
		height: 35px;
		margin-left: 4px;
		padding: 20px 12px 25px;
	}
	.navigation ul li a span {
		font-size: 14px;
	}
	/*--------------------*/
	.pricetable > div > h4
	{
		font-size:18px;
	}
	.pricetable > div > h4:hover
	{
		font-size:18.5px;
	}
	.pricetable:not(:hover) > div.highlighted,
	.pricetable:hover > div:not(:nth-child(1)):hover
	{
		margin:0px;
		padding:20px 0px 20px 0px; 
		background-color:#80B600;
		box-shadow:0px 0px 20px rgba(0,0,0,0.2);
		z-index:2;
		color:#FFF !important;
		border:1px solid #80B600;
	}
	.pricetable:not(:hover) > div.highlighted + div,
	.pricetable:hover > div:not(:nth-child(1)):hover + div
	{
		border-left:0px;
	}
	.pricetable:not(:hover) > div.highlighted h4,
	.pricetable:hover > div:not(:nth-child(1)):hover h4
	{
		background-image:url(../images/icons/morearrow.png);
	}
}
/* ================================================================ */
@media screen and (min-width: 741px) and (max-width: 979px) {
	/*--------------------*/
	.container {
		width: 724px;
	}
	.main_content {
	}
	/*--------------------*/
	#logo{
		width:130px;
		height:73px;
	}
	.start_trial
	{
		width:140px;
		height:140px;
	}
	.hover_right
	{
		width:245px;
		height:50px;
	}
	/*--------------------*/
	.navigation ul {
		margin-bottom: 0px;
	}
	.navigation ul li a {
		font-size: 19px;
		height: 35px;
		margin-left: 4px;
		padding: 20px 8px 18px;
	}
	.navigation ul li a span {
		font-size: 12px;
	}
	/*--------------------*/
	.pricetable > div > h2
	{
		font-size:24px;
	}
	.pricetable > div > h4
	{
		font-size:14px;
	}
	.pricetable > div > h4:hover
	{
		font-size:14.5px;
	}
	.pricetable:not(:hover) > div.highlighted,
	.pricetable:hover > div:not(:nth-child(1)):hover
	{
		margin:0px;
		padding:20px 0px 20px 0px; 
		background-color:#80B600;
		box-shadow:0px 0px 20px rgba(0,0,0,0.2);
		z-index:2;
		color:#FFF !important;
		border:1px solid #80B600;
	}
	.pricetable:not(:hover) > div.highlighted + div,
	.pricetable:hover > div:not(:nth-child(1)):hover + div
	{
		border-left:0px;
	}
	.pricetable:not(:hover) > div.highlighted h4,
	.pricetable:hover > div:not(:nth-child(1)):hover h4
	{
		background-image:url(../images/icons/morearrow.png);
	}
	/*--------------------*/
}
/* ================================================================ */
@media screen and (max-width: 740px) {
	/*--------------------*/
	.container {
		width: auto;
	}
	.main_content {
	}
	.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth, .two_fifth, .three_fifth {
		width: 100%;
		margin-bottom: 40px;
	}
	.lastcolumn {
		margin-bottom: 0px;
	}
	/*--------------------*/
	#logo{
		width:120px;
		height:60px;
		background-image:url(../images/logo/kontrollis_logo_.jpg);
	}
	.start_trial
	{
		width:120px;
		height:120px;
	}
	.hover_right
	{
		width:170px;
		height:35px;
		margin-top:0px;
	}
	/*--------------------*/
	.navigation ul li a {
		font-size: 17px;
		height: 35px;
		margin-left: 0px;
		margin-right: 2px;
		padding: 10px 5px 15px;
	}
	.navigation ul li a span {
		font-size: 9px;
		padding-top:0px;
	}
	.navigation ul {
		float: left;
		text-align: left;
	}
	/*--------------------*/
	.subfooter .one_half
	{
		width:49%;
	}
	/*--------------------*/
	.pricetable
	{
		display:inline-block;
		margin:0px 0px 0px 0px;
		width:100%;
	}
	.pricetable > div
	{ 
		display:block; 
		width:100%;
		margin:20px 0px 20px 0px;
		text-align:center;
		background-color:#80B600;
		z-index:1;
		position:relative;
		border:1px solid #A7A7A7;
		box-shadow:0px 6px 40px rgba(0,0,0,0.3);
	}
	.pricetable > div:nth-child(1)
	{
		display:none;
	}
	.pricetable > div:not(:nth-child(1)) span
	{
		display:inline;
		padding: 0px 0px 2px 4px;
		font-size:80%;
		font-weight:normal;
	}
	.pricetable > div:nth-child(n+2) li
	{
		border-bottom:1px solid rgba(0,0,0,0.3);
		font-weight:600;
		font-size:18px;
	}
	.pricetable > div:not(:nth-child(1)) li:nth-child(1)
	{
		font-family:'OpenSansSemibold';
		font-size:24px;
	}
	.pricetable > div:nth-last-child(1)
	{
		border-right:1px solid #A7A7A7;
	}
	.pricetable li span
	{
		display:inline-block;
		vertical-align:middle;
		line-height:24px;
	}
	.pricetable > div > h2
	{
		line-height:50px;
		height:50px;
		margin:0px 0px 0px 0px;
		background-color:#FFF;
	}
	.pricetable li
	{
		height:50px;
		line-height:50px;
		font-size:16px;
		background-color:#FFF;
	}
	.pricetable > div > h4
	{
		background-image:url(../images/icons/morearrow.png);
		background-position: right center;
		background-repeat: no-repeat;
		cursor: pointer;
		display: inline-block;
		padding: 0px 36px 0px 0px;
		margin:0px;
		line-height:70px;
		color:#FFFFFF;
	}
	.pricetable > div > h4:hover
	{
		font-size:25px;
	}
	.right_notes > .note{
		margin-bottom:50px;
	}
}
/* ================================================================ */
@media screen and (max-width: 639px) {
	#logo{
		width:85px;
		height:40px;
		margin-top:17px;
	}
	.start_trial
	{
		width:90px;
		height:90px;
	}
	.top_bar{
		position:relative;
		display:inline-block;
		min-width:480px;
	}
	.main_content
	{
		min-width:480px;
	}
	.subfooter
	{
		min-width:480px;		
	}
	.subfooter .one_half
	{
		width:49%;
	}
	nav
	{
		width:351px;
		float:right;
	}
	.navigation ul li a {
		font-size: 14px;
		line-height:40px;
		padding:10px 3px 15px;
		
	}
	.navigation ul li a span {
		display:none;
	}
/*	.navigation ul {
		float: none;
		text-align: center;
		margin: 0px;
	}
	.navigation ul li {
		float: none;
		display: block;
	}
	.navigation ul li a:not(.active){
		display:none;
	}
		height: 60px;
		line-height:60px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
	}
	.navigation ul li a span {
		display:none;
	}
	.nav_toggle
	{
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		top:9px; 
		right:25px;
		background-color:rgba(255,255,255,1);
		border-radius:1px;
		z-index:1;
		cursor:pointer;
		box-shadow:2px 0px 1px grba(0,0,0,0.5);
	}
*/

}