body {

	padding: 0px;  /* For WebKit (Safari, Google Chrome etc) */  
	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#cccccc));  /* For Mozilla/Gecko (Firefox etc) */  
	background: -moz-linear-gradient(top, #777777, #cccccc);  /* For Internet Explorer 5.5 - 7 */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777, endColorstr=#cccccc);  /* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777, endColorstr=#cccccc)";
	background-attachment:fixed;
 
	/*background-color: #0000F1;*/
	margin:50px 0px; padding:0px;
	text-align:center;	
}

H2 {
	font-family: Verdana;
	font-size: 18px;
}
H3 {
	font-family: Verdana;
	font-size: 16px;
}
H4 {
	font-family: Verdana;
	font-size: 14px;
}
p, li {
	font-family: Verdana;
	font-size: 12px;
}

a {
	color: #ff5100;
}
	
a:link {
	text-decoration: none;
	/*color: green;*/
}
a:visited {
	text-decoration: none;
	/*color: green;*/
}
A:link {
	text-decoration: none;
	color: #ff5100;
	/*color: blue; */
}
A:visited {
	text-decoration: none;
	/*color: blue;*/
} 

a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	/*color: #ff5100;*/
}
A.a:link {
	text-decoration: none;
	color: #ff5100;
	/*color: green;*/
}
A.a:visited {
	text-decoration: none;
	/*color: green;*/
}
A.a:hover {
	text-decoration: none;
}
A.a:active {
	text-decoration: none;
	color: #666666;
}
A.sela:link {
	text-decoration: none;
	color: #fff;
}
A.sela:visited {
	text-decoration: none;
	color: #fff;
}
A.sela:hover {
	text-decoration: none;
}
A.sela:active {
	text-decoration: none;
	color: #fff;
}
.main {
	background-color: #FFFFFF;
	width: auto;
	margin: 0px;
	padding: 5px 15px;
}
.dltext {
	font-family: Verdana;
	font-size: 12px;
}
.buydl {
	height: 100px;
	width: 400px;
	font-family: Verdana;
	overflow: hidden;
	float: right;
}
.logo {
	position: relative;
	left: 20px;
	top: 10px;
	width: 220px;
}
.menu {
	position: relative;
	left: 350px;
	top: 20px;
	text-align: left;
	width: 522px;
	height: 20px;
	cursor:hand;
}
/*Vald meny-knapp*/
.selmi {
	font-family: Verdana;
	color: #FFFFFF;
	background-color: #ff5100; 
	text-align: center;
	font-size: 1em;
	height: 2em;
	cursor:hand;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #000;	
}
/*Ej vald meny-knapp*/
.mi {
	font-family: Verdana;
	color: #000000;
	background-color: #FEFEFE;
	text-align: center;
	font-size: 1em;
	height: 2em;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #000;	
}
/*Vald meny-knapp. Länk*/
.mi a{
	color: #000000;
}
/*Ej vald meny-knapp. Länk*/
.selmi a{
	color: #FFFFFF;
}

/*  Variabler  */
:root {
	--menubg_gradient_color1: rgba(236,236,236,1);
	--menubg_gradient_color2: rgba(241,241,241,1);
	--menubg_gradient_color3: rgba(255,255,255,1);
	--menubg_gradient_color4: rgba(255,255,255,1);
	
	--headerbg_gradient_color1: rgba(220,220,220,1);
	--headerbg_gradient_color2: rgba(236,236,236,1);
	--headerbg_gradient_color3: rgba(255,255,255,1);
	--headerbg_gradient_color4: rgba(255,255,255,1);
}
/* DIV Hela sidan  */
.main_content{
	box-sizing: border-box;
	/*max-width: 976px;*/
	min-width: 310px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	overflow:auto;
	box-shadow: 1px 1px 3px #000;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}
/* DIV Topp-rad med bilden som inhehåller app-loggan  */
.main_header {
	box-sizing: border-box;
	background: linear-gradient(#DCDCDC, #F1F1F1); 
	min-height: 50px;
    padding: 10px;
	padding-top: 15px;
	border-radius: 5px 5px 0px 0px;
	display: flex;
}
/*  Bilden som utgör topp-loggan  */
.main_header img {
	box-sizing: border-box;
	padding-left: 10px;
	padding-top: 10px;
	min-width: 208px;
	min-height: 10px;
	/*max-height: 44px;*/
}
/* DIV Innehåller topp-meny   */
.main_topmenu{
	box-sizing: border-box;
	background-color: white; 
    padding: 15px;
	padding-top: 0;
	display: flex;
	align-content: flex-start;
	flex-direction: row;
    justify-content: right;

}
/*  Tabellen som utgör topp-meny  */
.main_topmenu_table{
	width: 100%;
	height: 27px;
	max-width: 600px;
	/*padding: 3px;*/
	/*Funkar som align right. 2 rader.*/
    margin-right: 0px;
    margin-left: auto;
	border-spacing: 2px;
	border-collapse: separate;
}
/*  Knapparna i menyn  */
.main_topmenu_table td{
	
}
/*  DIV Innehåller allt mellan meny till footer  */
.main_main{
	box-sizing: border-box;
	background-color: white;
	padding: 15px;
	float: left;
	width: 100%;
}
.main_main h1{
	font-family: Verdana;
	font-size: 18px;
	padding-top: 0px;
	margin-top: 0px;
}
/*  COL Vänstra huvud kolumnen. Den som innehållet text  */
.main_col_left{
}
/*  COL Högra huvud kolumnen. Den som innehåller bilder  */
.main_col_right{ 
}
.main_col_right img{ 
}
/*  DIV Footer som innehåller copy right mm */
.main_footer{
	box-sizing: border-box;
	padding: 15px;
	float: left;
	width: 100%;
	height: 85px;
	text-align: center;
	border-radius: 0px 0px 5px 5px;
	background: linear-gradient(#DCDCDC, #F1F1F1); 
}
/*  Texten i footer  */
.main_footer p{
	font-family: Verdana;
	font-size: 12px;
}
.main_menu_button_link{
	/*color: #ffffff;*/
}
.main_topmenu_gradientbg
{
    background: -moz-linear-gradient(top, var(--menubg_gradient_color1) 0%, var(--menubg_gradient_color2) 40%, var(--menubg_gradient_color3) 40%, var(--menubg_gradient_color4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--menubg_gradient_color1)), color-stop(40%,var(--menubg_gradient_color2)), color-stop(40%,var(--menubg_gradient_color3)), color-stop(100%,var(--menubg_gradient_color4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* IE10+ */
    background: linear-gradient(to bottom, var(--menubg_gradient_color1) 0%,var(--menubg_gradient_color2) 40%,var(--menubg_gradient_color3) 40%,var(--menubg_gradient_color4) 100%); /* W3C */
}
.main_header_gradientbg
{
    background: -moz-linear-gradient(top, var(--headerbg_gradient_color1) 0%, var(--headerbg_gradient_color2) 100%, var(--headerbg_gradient_color3) 100%, var(--headerbg_gradient_color4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--headerbg_gradient_color1)), color-stop(40%,var(--headerbg_gradient_color2)), color-stop(100%,var(--headerbg_gradient_color3)), color-stop(100%,var(--headerbg_gradient_color4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, var(--headerbg_gradient_color1) 0%,var(--headerbg_gradient_color2) 100%,var(--headerbg_gradient_color3) 100%,var(--headerbg_gradient_color4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, var(--headerbg_gradient_color1) 0%,var(--headerbg_gradient_color2) 100%,var(--headerbg_gradient_color3) 100%,var(--headerbg_gradient_color4) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, var(--headerbg_gradient_color1) 0%,var(--headerbg_gradient_color2) 100%,var(--headerbg_gradient_color3) 100%,var(--headerbg_gradient_color4) 100%); /* IE10+ */
    background: linear-gradient(to bottom, var(--headerbg_gradient_color1) 0%,var(--headerbg_gradient_color2) 100%,var(--headerbg_gradient_color3) 100%,var(--headerbg_gradient_color4) 100%); /* W3C */
}

.sum_sum {
	font-size: 24px;
}
.sum_tax {
	font-size: 24px;
}

.sum_total {
	font-size: 28px;
}

.sum_product {
	font-size: 18px;
}

.sum_tax {
}

.product_box {
	width: 100%;
	box-shadow: 0px 0px 3px silver;

	border: 1px solid #ff5100;
	height: 200px;
	padding: 10px;
	text-align: center;
}

.product_box_checked {
	width: 100%;
	box-shadow: 0px 0px 3px silver;

	border: 3px solid #ff5100;
	height: 200px;
	padding: 10px;
	text-align: center;
	background-color: #eee;
}

.product_box_new {
	width: 30%;
	box-shadow: 0px 0px 3px silver;
	cursor: pointer;

	border: 1px solid #ff5100;
	height: 220px;
	padding: 10px;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}

.product_box_new_checked {
	width: 30%;
	box-shadow: 0px 0px 3px silver;
	cursor: pointer;
	
	border: 3px solid #ff5100;
	height: 220px;
	padding: 10px;
	text-align: center;
	background-color: #eee;
	margin-left: 5%;
	margin-right: 5%;
}

.product_header {
	/*! background-color: #aaa; */
	font-size: 20px;
}
.product_subheader {
	/*! background-color: #aaa; */
}
.product_footer {
	/*! background-color: #aaa; */
}

.product_image {
	/*! background-color: #aaa; */
	height: 100px;
}

.product_price {
	/*! background-color: #aaa; */
	font-size: 30px;
}

.product_checked {
	position: absolute;
	top: -16px;
	left: -16px;
	margin: 0;
	color: #fff;
	background: #627F15;
	border: 3px solid #f4f4f4;
	border-radius: 50%;
}

.product_box_newest {
	width: 100%;
	box-shadow: 0px 0px 3px silver;

	border: 1px solid #ddd;
	background-color: #eee;
	/*height: 200px;*/
	padding: 10px;
	text-align: center;
}
.product_box_filled_newest {
	width: 100%;
	box-shadow: 0px 0px 3px silver;
	background-color: #ddd;
	border: 1px solid #ddd;
	/*height: 200px;*/
	padding: 10px;
	text-align: center;
}


input[type=submit] {
  width: 100%;
  background-color: #009999;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #00aaaa;
}

input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/*
input[type=image] 
{
  width: 300px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  background: #ffc439;
  height: 50px;
  text-align: center;
}
*/

.paypalbtn
{
  width: 200px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  background: #ffc439;
  height: 50px;
  text-align: center;
}

.stripebtn
{
  width: 200px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  background: #635bff;
  height: 50px;
  text-align: center;
}

.content_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-orient: horizontal; 
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    flex-direction: row;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    /*align-items: center;*/
}

.content_left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; 

    padding: 10px;
    margin: 10px;

    border: 0px;
    text-align: left;
}

.content_right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; 

    padding: 10px;
    margin: 10px;

    border: 0px;
    text-align: center;
}

/* Modern visual proposal */
body {
	background: #eef2f5;
	color: #1f2933;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.55;
	margin: 28px 0;
	text-align: center;
}

h1,
h2,
h3,
h4,
p,
li {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

p,
li {
	font-size: 15px;
}

a,
a:link,
a:visited {
	color: #ff5100;
}

a:hover,
a:focus {
	color: #d94400;
	text-decoration: underline;
}

.container {
	width: 100%;
	max-width: 1180px;
	padding-left: 16px;
	padding-right: 16px;
}

.main_content {
	background: #fff;
	border: 1px solid #d9e2e8;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(31, 41, 51, .14);
	overflow: hidden;
}

.main_header,
.main_header_gradientbg {
	align-items: center;
	background: #ffffff;
	border-bottom: 1px solid #e3e9ee;
	border-radius: 0;
	min-height: 82px;
	padding: 18px 28px;
}

.main_header img {
	max-width: 260px;
	min-height: 0;
	min-width: 0;
	padding: 0;
	width: 100%;
}

.language_selector {
	align-items: center;
	display: flex;
	gap: 6px;
	margin: 0 0 0 auto;
}

.language_selector a {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-flex;
	font-size: 20px;
	height: 30px;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	width: 30px;
}

.language_selector a:hover,
.language_selector a:focus {
	background: #fff4ef;
	border-color: #ffb18f;
	text-decoration: none;
}

.language_selector a.active {
	background: #ff5100;
	border-color: #ff5100;
	box-shadow: 0 2px 6px rgba(255, 81, 0, .24);
}

.main_topmenu,
.main_topmenu_gradientbg {
	align-items: center;
	background: #f8fafb;
	border-bottom: 1px solid #e3e9ee;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
	padding: 10px 22px;
}

.main_topmenu a {
	border-radius: 4px;
	color: #314150;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	padding: 10px 13px;
	text-decoration: none;
	transition: background-color .15s ease, color .15s ease;
}

.main_topmenu a:hover,
.main_topmenu a:focus {
	background: #fff0e8;
	color: #d94400;
	text-decoration: none;
}

.main_topmenu a.active {
	background: #ff5100;
	color: #fff;
}

.main_main {
	background: #fff;
	padding: 28px;
}

.main_main h1 {
	color: #17232f;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin-bottom: 18px;
}

.main_main h2 {
	color: #22313f;
	font-size: 21px;
	font-weight: 700;
}

.main_col_left {
	padding-right: 24px;
}

.main_col_right img {
	border: 1px solid #d8e1e7;
	border-radius: 6px;
	box-shadow: 0 8px 22px rgba(31, 41, 51, .12);
	margin-bottom: 18px;
}

.main_footer {
	background: #f8fafb;
	border-top: 1px solid #e3e9ee;
	border-radius: 0;
	color: #516171;
	height: auto;
	min-height: 78px;
	padding: 20px 24px;
}

.main_footer p {
	font-size: 13px;
	margin: 0;
}

input[type=submit] {
	background-color: #0f6f8f;
	border-radius: 4px;
	font-weight: 700;
}

input[type=submit]:hover {
	background-color: #0a5f78;
}

.product_box,
.product_box_checked,
.product_box_new,
.product_box_new_checked,
.product_box_newest,
.product_box_filled_newest {
	border-radius: 6px;
	box-shadow: 0 6px 18px rgba(31, 41, 51, .08);
}

.home_hero {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.home_intro {
	color: #34495a;
	font-size: 19px;
	line-height: 1.45;
	margin-bottom: 16px;
}

.home_actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 24px 0 10px;
}

.btn_primary,
.btn_secondary {
	border-radius: 4px;
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	padding: 13px 18px;
	text-decoration: none;
}

.btn_primary,
.btn_primary:link,
.btn_primary:visited {
	background: #ff5100;
	color: #fff;
}

.btn_primary:hover,
.btn_primary:focus {
	background: #d94400;
	color: #fff;
	text-decoration: none;
}

.btn_secondary,
.btn_secondary:link,
.btn_secondary:visited {
	background: #eef2f5;
	color: #314150;
}

.btn_secondary:hover,
.btn_secondary:focus {
	background: #dfe7ec;
	color: #17232f;
	text-decoration: none;
}

.home_features {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 28px 0;
}

.home_feature {
	background: #f8fafb;
	border: 1px solid #e0e7ec;
	border-radius: 6px;
	padding: 18px;
}

.home_feature h2 {
	font-size: 17px;
	margin: 0 0 9px;
}

.home_feature p {
	margin: 0;
}

.home_note {
	background: #fff7f2;
	border: 1px solid #ffd7c2;
	border-radius: 6px;
	padding: 18px;
}

.home_note p:last-of-type {
	margin-bottom: 8px;
}

.features_intro {
	border-bottom: 1px solid #e3e9ee;
	margin-bottom: 24px;
	padding-bottom: 18px;
}

.features_intro p {
	color: #34495a;
	font-size: 18px;
	line-height: 1.45;
	margin: 0;
	max-width: 820px;
}

.feature_list {
	display: grid;
	gap: 14px;
	margin-bottom: 20px;
}

.feature_item,
.feature_panel {
	background: #f8fafb;
	border: 1px solid #e0e7ec;
	border-radius: 6px;
	padding: 18px;
}

.feature_item h2,
.feature_panel h2 {
	font-size: 18px;
	margin: 0 0 9px;
}

.feature_item p,
.feature_panel p {
	margin-bottom: 0;
}

.feature_panel {
	margin-top: 16px;
}

.control_grid {
	display: grid;
	gap: 8px 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.control_grid li {
	background: #fff;
	border: 1px solid #dfe7ec;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 10px;
}

.feature_note {
	color: #586775;
	font-size: 13px;
	margin-top: 12px;
}

.feature_requirements ul {
	margin-bottom: 0;
	padding-left: 20px;
}

.screenshot_stack a {
	display: block;
}

.screenshot_stack img {
	background: #fff;
	margin-bottom: 18px;
}

.page_intro {
	border-bottom: 1px solid #e3e9ee;
	margin-bottom: 24px;
	padding-bottom: 18px;
}

.page_intro p {
	color: #34495a;
	font-size: 18px;
	line-height: 1.45;
	margin: 0;
	max-width: 820px;
}

.download_card {
	align-items: center;
	background: #f8fafb;
	border: 1px solid #e0e7ec;
	border-radius: 6px;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-bottom: 16px;
	padding: 22px;
}

.download_card h2 {
	font-size: 22px;
	margin: 0 0 6px;
}

.download_card p {
	margin-bottom: 0;
}

.download_meta {
	color: #586775;
	font-weight: 700;
}

.download_terms {
	background: #fff7f2;
	border: 1px solid #ffd7c2;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 18px;
}

.download_terms p:last-child {
	margin-bottom: 0;
}

.change_list {
	margin-bottom: 0;
	padding-left: 20px;
}

.side_panel {
	background: #f8fafb;
	border: 1px solid #e0e7ec;
	border-radius: 6px;
	margin-bottom: 16px;
	padding: 18px;
}

.side_panel h2 {
	font-size: 18px;
	margin: 0 0 9px;
}

.side_panel p:last-child {
	margin-bottom: 0;
}

.side_panel_accent {
	background: #fff7f2;
	border-color: #ffd7c2;
}

.support_grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support_card {
	background: #f8fafb;
	border: 1px solid #e0e7ec;
	border-radius: 6px;
	padding: 20px;
}

.support_card h2 {
	font-size: 19px;
	margin: 0 0 10px;
}

.support_card p:last-child {
	margin-bottom: 0;
}

.support_links {
	margin-bottom: 0;
	padding-left: 20px;
}

.checkout_page .checkout_intro {
	margin-bottom: 22px;
}

.checkout_page > .row {
	margin-left: 0;
	margin-right: 0;
}

.checkout_page .paypal {
	margin: 0;
}

.checkout_page .content_row {
	align-items: flex-start;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .8fr);
	justify-content: stretch;
}

.checkout_page .content_left,
.checkout_page .content_right {
	background: #f8fafb;
	border: 1px solid #e0e7ec;
	border-radius: 6px;
	box-shadow: 0 6px 18px rgba(31, 41, 51, .07);
	box-sizing: border-box;
	margin: 0;
	padding: 22px;
	text-align: left;
}

.checkout_page .content_left {
	max-width: none !important;
}

.checkout_page .content_right {
	position: sticky;
	top: 18px;
}

.checkout_page .content_left h1,
.checkout_page .content_right h1 {
	border-bottom: 1px solid #dfe7ec;
	font-size: 22px;
	margin: 8px 0 18px;
	padding-bottom: 12px;
}

.checkout_page .content_left p:first-child,
.checkout_page .content_left p:nth-child(2) {
	background: #fff;
	border: 1px solid #dfe7ec;
	border-radius: 4px;
	display: inline-block;
	margin: 0 8px 14px 0;
	padding: 9px 12px;
}

.checkout_page input[type=text],
.checkout_page select {
	background: #fff;
	border: 1px solid #cfd9e0;
	border-radius: 4px;
	box-shadow: none;
	font-size: 15px;
	margin: 6px 0 12px;
	padding: 10px 12px;
	width: 100%;
}

.checkout_page input[type=text]:focus,
.checkout_page select:focus {
	border-color: #ff5100;
	box-shadow: 0 0 0 3px rgba(255, 81, 0, .13);
	outline: none;
}

.checkout_page .product_box,
.checkout_page .product_box_newest,
.checkout_page .product_box_filled_newest {
	background: #fff;
	border: 1px solid #dfe7ec;
	border-radius: 6px;
	box-shadow: none;
	height: auto;
	margin-bottom: 12px;
	padding: 16px;
	text-align: center;
	width: 100%;
}

.checkout_page .product_box_filled_newest {
	background: #fff7f2;
	border-color: #ffd7c2;
}

.checkout_page .product_header {
	color: #17232f;
	font-size: 20px;
	font-weight: 700;
}

.checkout_page .product_subheader {
	color: #586775;
	font-size: 14px;
}

.checkout_page .checkout_quantity {
	margin-top: 8px;
}

.checkout_page .checkout_quantity label {
	color: #314150;
	display: block;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 6px;
}

.checkout_page .checkout_quantity select {
	margin: 0 auto;
	max-width: 220px;
	text-align: center;
}

.checkout_page .product_image {
	height: auto;
}

.checkout_page .product_image img {
	max-height: 95px;
	max-width: 100%;
}

.checkout_page .sum_sum,
.checkout_page .sum_tax,
.checkout_page .sum_total {
	color: #17232f;
	font-size: 20px;
	line-height: 1.35;
	margin: 8px 0;
}

.checkout_page .sum_total,
.checkout_page #sum,
.checkout_page #update_sum,
.checkout_page #total {
	font-weight: 800;
}

.checkout_page .paypalbtn,
.checkout_page .stripebtn {
	border: 0;
	border-radius: 4px;
	display: block;
	height: 50px;
	margin: 10px 0;
	object-fit: contain;
	max-width: 100%;
	padding: 12px 20px;
	width: 100%;
}

.checkout_page .stripebtn {
	background: #635bff;
}

.checkout_page .paypalbtn {
	background: #ffc439;
}

.checkout_page br + br {
	display: none;
}

@media (max-width: 767px) {
	body {
		margin: 0;
	}

	.container {
		padding-left: 0;
		padding-right: 0;
	}

	.main_content {
		border-left: 0;
		border-radius: 0;
		border-right: 0;
		box-shadow: none;
	}

	.main_header {
		justify-content: center;
		padding: 18px;
	}

	.language_selector {
		justify-content: center;
		margin: 14px 0 0;
		width: 100%;
	}

	.main_topmenu {
		justify-content: center;
		padding: 10px;
	}

	.main_topmenu a {
		font-size: 13px;
		padding: 9px 10px;
	}

	.main_main {
		padding: 22px 16px;
	}

	.main_main h1 {
		font-size: 23px;
	}

	.main_col_left {
		padding-right: 15px;
	}

	.home_hero {
		display: block;
	}

	.home_features {
		grid-template-columns: 1fr;
	}

	.control_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home_actions {
		display: block;
	}

	.download_card {
		align-items: flex-start;
		display: block;
	}

	.download_card .btn_primary {
		margin-top: 16px;
	}

	.support_grid {
		grid-template-columns: 1fr;
	}

	.checkout_page .content_row {
		display: block;
	}

	.checkout_page .content_left,
	.checkout_page .content_right {
		margin-bottom: 16px;
		padding: 18px;
	}

	.checkout_page .content_right {
		position: static;
	}

	.btn_primary,
	.btn_secondary {
		margin-bottom: 10px;
		text-align: center;
		width: 100%;
	}
}