* {
    box-sizing:border-box;
}

* { 
 margin: 0; 
 padding: 0; 
 box-sizing: border-box; 
} 

/* Fonts */

@font-face {
	font-family:star;
	src:url('/fonts/opensans.ttf') format('truetype'),
		 url('/fonts/opensans.eot');
}

@font-face {
	font-family:title;
	src:url('/fonts/montserrat.ttf') format('opentype'),
		 url('/fonts/montserrat.eot');
}

@font-face {
	font-family:title_bold;
	src:url('/fonts/title_bold.ttf') format('opentype'),
		 url('/fonts/title_bold.eot');
}

@font-face {
	font-family:titlebold;
	src:url('/fonts/titlebold.otf') format('opentype');
}

/* General */

body {
	margin:0px;
	background-color:#131416;
	animation:fadeIn ease 0.5s; 
    animation-iteration-count:1; 
    animation-fill-mode:forwards; 
}

p {
	padding-bottom:5px;
}

p, ul, input, textarea, select, #menu_dropdown, .status_message {
	font-family:star, serif;
	font-size:15px;
	font-stretch:extra-expanded;
	line-height:180%;
	color:#c8c8c8;
}

ul {
	list-style-position: inside;
}

table {
	min-width:100%;
	right:0px;
	padding:10px;
}

th, td {
  padding:10px;
}

th {
	padding-top:20px;
}

tr {
	font-family:star, serif;
	font-size:14px;
	font-stretch:extra-expanded;
	line-height:180%;
	color:#c8c8c8;
}

b, a {
	color:#fe3d41;	
}

a:hover {
	color:#27a9c5;
}

input, textarea, select {
	background-color:#0f0f11;
	border:0px;
	border-radius:10px;
	width:100%;
	padding:10px;
	resize:none;
	color:#FFF;
}

h1 {
	font-family:title, sans-serif;
	font-size:60px;
	font-stretch:extra-expanded;
	color:#FFF;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:30px;
}


h2 {
	font-family:title, sans-serif;
	font-size:36px;
	font-stretch:extra-expanded;
	color:#FFF;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:30px;
}


h3 {
	font-family:title, sans-serif;
	font-size:24px;
	font-stretch:extra-expanded;
	color:#FFF;
	font-weight:normal;
	padding-top:0px;
	margin-top:20px;
	margin-bottom:15px;
}

h4 {
	font-family:title, sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	padding-top:0px;
	margin-top:5px;
	margin-bottom:5px;
}

video {
	display:block
}

/* Basic */

.highlight  {
	color:#FFFFFF;
}

.padded {
	padding:10px;
}

.padded_horizontal {
	padding-left:10px;
	padding-right:10px;
}

/* Buttons */

.button {
	color:#FFFFFF;
	font-family:title_bold;
	text-decoration:none;
	border:2px solid #ff5155;
	padding:10px;
	border-radius:25px;
	width:auto;
	width:180px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	cursor:pointer;
}

.button:hover {
	background-color:#1c78a8;
	border:2px solid #19a9c6;
    cursor:pointer;
}

.button_link {
	text-decoration:none;
}

.button_right {
	background:url('/icons/ui/slate_right.png');
}

.button_down {
	background:url('/icons/ui/slate_down.png');
}

.button_right, .button_down {
	display:inline-block;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	font-family:title, sans-serif;
	padding:10px;
	padding-left:40px;
	margin-top:20px;
	margin-bottom:20px;
	background-size:30px 30px;
    background-repeat:no-repeat;
	background-position:0px 5px;
}

.button_right:hover, .button_down:hover {
	color:#1c78a8;
	cursor:pointer;
	background-size:30px 30px;
    background-repeat:no-repeat;
	padding-left:40px;
	background-position:0px 5px;
}

/* Icons */

.icon {
	width:50px;
	margin:35px;	
}

.icon_small {
	width:48px;
}

.icon_medium {
	width:75px;
}

.icon_header {
	width:40px;
	margin:25px;	
}

.icon_header_round {
	height:90px;
	width:90px;
	margin-left:auto;
	margin-right:auto;
	border-radius:45px;
	background-color:rgba(15,15,17,0.75);
	overflow:visible;
	 -webkit-mask-image:-webkit-radial-gradient(white, black);
}

.icon_large {
	width:80px;
	margin:20px;	
}

.icon_round {
	height:120px;
	width:120px;
	border-radius:60px;
	overflow:visible;
	background-color:rgba(15,15,17,0.75);
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	 -webkit-mask-image:-webkit-radial-gradient(white, black);
}

.icon_left {
	background-size: 45px 45px;
    background-repeat: no-repeat;
	padding:8px;
	padding-left:90px;
	background-position: 10px 40px;
	margin-bottom:-20px;
}

.icon_diagram {
	width:80%;
	max-width:275px;
}


/* Videos */

.video_container {
    border:1px solid #0f0f11;
	border-radius:10px;
    overflow:hidden;
}

.video_layout {
	position:relative;
	z-index:2;
	max-width:100%;
}

/* Lists */

.li_1 {
	 list-style-image:url('/icons/ui/list_1.png');
}

.li_2 {
	 list-style-image:url('/icons/ui/list_2.png');
}

.legend {
	text-decoration:none;
	color:#c8c8c8;
}

.legend:hover {
	text-decoration:underline;
}

.legend_title {
	cursor:pointer;
	padding-top:20px;
}

.legend_title:hover {
	cursor:pointer;
	padding-top:20px;
}

/* Heading */

.heading {
	padding-left:14px; padding-top:10px; padding-bottom:10px; border-left:5px solid #fa4047; border-bottom:0px solid #DDDDDD; margin-right:10px; scroll-margin-top:75px;
}

.heading_gradient {
	padding-left:14px; padding-top:10px; padding-bottom:10px; border-left:5px solid #fa4047; border-bottom:0px solid #DDDDDD; margin-right:10px; scroll-margin-top:75px; background-image:linear-gradient(to right, rgba(15,15,17,0.75), rgba(15,15,17,0));
}

.heading_underlined {
	padding-top:8px; padding-bottom:8px; border-bottom:3px solid #2a2d31; scroll-margin-top:75px;
}

.heading_spaced {
	margin-top:50px;
}

/* Form */

.button, .download, .validation {
	background-color:#fe3d41;
}

.validation {
	color:#FFF;
	padding:10px;
	border-radius:5px;
	border:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:star, serif;
	font-size:12px;
	font-stretch:extra-expanded;
	line-height:180%;
}

.validation_arrow {
	width:20px;
	margin-left:10px;

}

.license_right {
	padding:0px;
	padding-right:5px;
}

.license_left {
	padding:0px;
	padding-left:5px;
}

.license_middle {
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}

.license_right, .license_left, .license_middle {
	width:20%;
	float:left;
	text-align:left;
}

.license_panel {
	padding:50px;
}

.license_spacer_1 {
	height:120px;
}

.license_spacer_2 {
	height:180px;
}

/* Docs */

.docs_account {
	width:60px;
	height:60px;
	margin-bottom:25px;
}

.docs_account_container {
	background-color:#1c1f24;
	border:1px solid #0f0f11;
	border-radius:20px;
	margin:20px;
	padding:20px;
}

.download {
	color:#FFFFFF;
	padding-top:1px;
	padding-bottom:10px;
	border-radius:5px;
	width:auto;
	border:0px;
	width:300px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	text-decoration:none;
}


.download:hover {
	background-color:#43d4f1;
	cursor:pointer;
}

.download_image {
	height:20px;
	width:20px;
}

.download_container {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	color:#FFF;
	border:solid #1c1f24;
	border-width:1px 1px;
	background-color:#0f0f11;
	padding:20px;
	border-radius:20px;
	width:300px;
	margin:10px;
	text-decoration:none;
}

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

.download_container b {
	color:#FFFFFF;
}

.download_button {
	width:50px;
	height:50px;
	text-align:center;
	padding-top:10px;
	margin-top:10px;
	background-color:#fe3d41;
	border:2px solid #ff5155;
	border-radius:25px;
	cursor:pointer;
}

.download_button:hover {
	background-color:#1c78a8;
	border:2px solid #19a9c6;
    cursor:pointer;
}

.download_column {
	text-align:right;
}

.download_image {
	height:20px;
	width:20px;
	margin-top:4px;
}

.download_right {
	width:20%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

.download_left {
	width:80%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

/* Misc */

.transparent {
	background:#000;
	background:rgba(0, 0, 0, 0.25);
}

.description {
	font-size:12px;
}

.price_small {
	font-size:12px;
}

.price_medium {
	font-size:20px;
	color:#FFF;
}

.price_large {
	font-size:32px;
	color:#FFF;
}

.pricing_container {
	border:1px solid #0b0b0c;
	background-color:#0f0f11;
	padding:10px;
	margin:5px;
	margin-top:20px;
	border-radius:25px;
}

.pricing_subcontainer {
	border:1px solid #272b31;
	background-color:#1c1f24;
	padding:5px;
	margin:5px;
	border-radius:10px;
}

.pricing_title_1 {
	padding:10px;
	background-color:#c93748;
	border:1px solid #e03e51;
	border-radius:20px;
	text-shadow:1px 1px 0px #000;
}

.pricing_title_2 {
	padding:10px;
	background-color:#72b025;
	border:1px solid #87d12b;
	border-radius:20px;
	text-shadow:1px 1px 0px #000;
}

.pricing_title_3 {
	padding:10px;
	background-color:#326fc8;
	border:1px solid #3a7ee2;
	border-radius:20px;
	text-shadow:1px 1px 0px #000;
}

.pricing_title_4 {
	padding:10px;
	background-color:#7137c9;
	border:1px solid #8240e4;
	border-radius:20px;
	text-shadow:1px 1px 0px #000;
}

.pricing_info {
    margin:5px;
    padding:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:0px;
	font-size:12px;
	color:#DDD;
	text-align:left;
}

.mention {
	background-color:#DDDDDD;
	color:#000000;
	border-radius:25px;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	margin:5px;
	text-shadow:1px 1px 0px #CCC;
	white-space:nowrap;
	display:inline-block;
}

.inthebox {
	margin-left:8px;
	max-height:24px;
	display:inline-block;
}

.inthebox_span {
	display:inline-block;
}

.ask {
	cursor:pointer;
	background:url('/icons/ui/plus.png');
	margin:0px;
	background-size:20px 20px;
    background-repeat:no-repeat;
	padding-left:40px;
	padding-top:7px;
	background-position:10px 10px;
}

.answer {
    display:none;
	color:#FFF;
	background-color:#0f0f11;
	padding:20px;
	margin:10px;
	border:1px solid #0b0b0c;
	border-radius:10px;
}

.social {
	width:auto;
	text-align:center;
	margin:0px;
	width:100%;
}

.table_1 {
	background-color: #1c1f24;	
	width:200px;
}

.table_2 {
	background-color: #0f0f11;	
}

.compatibility {
	max-height:46px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:8px;
	margin-right:8px;
	display:inline-block;
}

.software_master {
	background-image:url('/images/software/software_master.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover; margin:0px auto;
	max-width:1200px;
	height:600px;
}

.editor_master {
	background-image:url('/images/software/software_editor_master.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover; margin:0px auto;
	max-width:1200px;
	height:600px;
}

.diagram_glove {
	width:280px;
	margin-top:50px;
}

.diagram_suit {
	width:200px;
	margin-top:20px;
}

.hardware {
	width:100%;
	max-width:1000px;
}

/* END */