/*
 * 3DEQUALIZER.COM
 * MAIN CSS
 * (c) 2015 by SCIENCE-D-VISIONS
 */
 
/*
 CONTENT
 
 > RESET
 > BODY, HTML
 > BASIC FORMATTING
 > MAIN NAV
 > SUB NAV
 > FOOTER
 > ELEMENTS
 	- LISTS
	- FORMS
	- TABLE
	- BUTTONS
	- TEXTFIELDS
	- SELECT
	- DATE
	- PLACEHOLDER
	- NOTIFICATION BANNER
	- SAVE BANNER
	- DIALOG
	- CARDS
 > SECTION DIVS
	- START
	- STORE
	- DOWNLOAD
	- TECH DOCS
	- TECH DOCS
	- SCRIPT DB
	- TUTORIALS
	- FREELANCER
	- DEVBLOG
	- CONTACT
	- LOGIN
	- USER AREA
	- UA FREELANCER
	- SPLASHSCREEN
> MISC / EXPERMIMENTAL STUFF
*/



/*
 INFO

 > Z-INDEX STRUCTURE
 	- CONTENT 				0-99
 	- MAIN NAV 				100
	- SUB NAV 				110
	- SAVE BANNER 			200
	- DIALOGS 				300
	- SPLASHSCREEN 			400
*/




/* ------------------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET */
/* ------------------------------------------------------------ */



/* ------------------------------------------------------------ */
/* FONTS */
/* ------------------------------------------------------------ */


@font-face
{
	font-family: proxima-nova;
	src: url("../fonts/proximanova/ProximaNova-Light.woff");
	font-weight: 100;
	font-style: normal;
	font-stretch: normal;
	font-display: auto;
}

@font-face
{
	font-family: proxima-nova;
	src: url("../fonts/proximanova/ProximaNova-Regular.woff");
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-display: auto;
}

@font-face
{
	font-family: proxima-nova;
	src: url("../fonts/proximanova/ProximaNova-Semibold.woff");
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	font-display: auto;
}

@font-face
{
	font-family: proxima-nova;
	src: url("../fonts/proximanova/ProximaNova-Bold.woff");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	font-display: auto;
}

@font-face
{
	font-family: proxima-nova;
	src: url("../fonts/proximanova/ProximaNova-ExtraBld.woff");
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	font-display: auto;
}

@font-face
{
	font-family: proxima-nova;
	src: url("../fonts/proximanova/ProximaNova-Black.woff");
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	font-display: auto;
}





/* ------------------------------------------------------------ */
/* BODY, HTML */
/* ------------------------------------------------------------ */

body
{
    width: 100%;
    height: 100%;
	background: #111;
	background: url("../graphics/backgrounds/r8_website_background.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	
	font-family: "proxima-nova", sans-serif;
	-webkit-font-smoothing: antialiased;
	/*text-rendering: optimizeLegibility;*/ /*EVENTUELL NUR GEZIEHLT EINSETZTEN!!*/
}

html
{
    width: 100%;
    height: 100%;
	
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.02em;
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */





/* ------------------------------------------------------------ */
/*BASIC FORMATTING */
/* ------------------------------------------------------------ */

.content-wrapper
{
    padding-top: 110px;
    text-align: center;
}

h1
{
	margin: 20px auto;
	font-size: 2.5em;
	color: #fff;
	font-weight: 500;
}

	h1 img
	{
		width: 80%;	
	}

h2
{
	margin: 15px auto;
	font-size: 1.2em;
	color: #fff;
	line-height: 1.2em;
}

h3
{
	margin: 10px auto;
	font-size: 1em;
	color: #fff;
	line-height: 1.1em;
}

h4
{
	margin: 30px auto;
	font-size: .9em;
	color: #fff;
	line-height: 1em;
}

.semibold-text
{
	font-weight: 500;
}

.bold-text
{
	font-weight: 900;
}

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

p
{
	margin: 15px 0;
	font-size: 1em;
	font-weight: 300;
	color: #fff;
	line-height: 1.1em;
}

a
{
	color: #f85e54;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: color 0.15s ease-out,  border-bottom 0.15s ease-out;
	-moz-transition: color 0.15s ease-out,  border-bottom 0.15s ease-out;
	-o-transition: color 0.15s ease-out,  border-bottom 0.15s ease-out;
	transition: color 0.15s ease-out,  border-bottom 0.15s ease-out;
}
	
	a:hover,
	a:focus,
	a:active
	{
		color: #f85e54;
		text-decoration: none;
	}

img
{
	width: 100%;
	height: auto;
}

pre
{
	padding: 10px;
	background: transparent;
    color: #f5f5f5;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
    font-size: 0.8em;
    border: solid 1px #333;
}

.invisible
{
	display: none !important;
}

.no-padding
{
	padding: 0;
}

.no-overflow
{
	overflow: hidden;
}

.visible
{
	display: block !important;	
}

.align-right
{
	text-align: right;
}

.white
{
	opacity: 0;
	color: #f5f5f5;
}

.red,
.yellow,
.green
{
	position: relative;
	top: 4px;
	color: #555;	
}
	
	.red:before
	{
		display: inline-block;
		font-family: FontAwesome;
		content: '\f05e';
		color: #D34F51;
	}
	
	.yellow:before
	{
		display: inline-block;
		font-family: FontAwesome;
		content: '\f251';
	}
	
	.green:before
	{
		display: inline-block;
		font-family: FontAwesome;
		content: '\f00c';
	}
	
	.red:after,
	.yellow:after,
	.green:after
	{
		position: absolute;
		bottom: 130%;
		right: -50%;
		background: #555;
		padding: 5px 15px;
		box-shadow: 0 1px 1px #444;
		font-family: "proxima-nova", sans-serif;
		color: #fff;
		white-space: nowrap;
		opacity: 0;
		visibility: hidden;
		z-index: 200;
		-webkit-transition: bottom 0.4s ease-out, opacity 0.4s ease-out;
		-moz-transition: bottom 0.4s ease-out, opacity 0.4s ease-out;
		-o-transition: bottom 0.4s ease-out, opacity 0.4s ease-out;
		transition: bottom 0.4s ease-out, opacity 0.4s ease-out;
	
	}
	
	.red:after
	{
		content: "Edits have been rejected";
	}
	
	.yellow:after
	{
		content: "Edits are pending";
	}
	
	.green:after
	{
		content: "Edits accepted";
	}
	  	
		.red:hover:after,
		.yellow:hover:after,
		.green:hover:after
		{
			bottom: 105%;
			opacity: 1;
			visibility: visible;
		}


.blurred
{
	-webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}

/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */





/* ------------------------------------------------------------ */
/* MAIN NAV */
/* ------------------------------------------------------------ */

.navbar-3de
{
	height: 50px;
	padding: 10px 0;
	background-color: rgba(20,20,20,0.9);
	font-weight: 300;
	letter-spacing: 1px;
	text-align: center;
	
	z-index: 100;
}
	
	@media (min-width: 1200px)
	{
		.navbar-3de > .container-fluid
		{
			width: 1170px;
		}
	}

	.navbar-3de a
	{
		color: #f5f5f5;
		font-size: 1em;
		font-weight: 300;
		text-rendering: optimizeLegibility;
		cursor: pointer;
		
		-webkit-transition: font .15s ease-out, padding .15s ease-out, color .15s ease-out;
		-moz-transition: font .15s ease-out, padding .15s ease-out, color .15s ease-out;
		-o-transition: font .15s ease-out, padding .15s ease-out, color .15s ease-out;
		transition: font .15s ease-out, padding .15s ease-out, color .15s ease-out;
	}
	
		.navbar-3de li a:hover
		{
			color: #1ABC9C;
		}
	
	@media (max-width: 991px)
	{
		.navbar-3de a
		{
			font-size: 0.85em;
			font-size: 1.4vw;
			margin-left: 0.3vw;
		}
		
		.navbar-3de a:last-of-type,
		{
			margin-left: 0;
		}
	}

	@media (max-width: 767px)
	{
		.navbar-3de a
		{
			font-size: 1em;
		}
	}

		.navbar-3de .navbar-nav li a:hover
		{
			background-color: transparent;
			color: #1ABC9C;
			text-decoration: none;
		}
		


@media(min-width:768px) {
	.navbar-header
	{
		display: none;
	}
}

@media (max-width: 767px)
{
	.navbar-content,
	#navbar_main_logo,
	#navbar_main_login
	{
		display: none;
	}
}

.navbar-header
{
	margin-right: 0 !important;
    margin-left: 0 !important;
	list-style: none;
	width: 100%;
	text-align: justify;
}
	
	.navbar-header:after
	{
		content: "";
		display: inline-block;
		width: 100%;
	}

	.navbar-header li
	{
		display: inline-block;
	}

.navbar-content
{
	width: 100%;
	height: 40px;
    padding: 6px 0;
	text-align: justify;
	/*backdrop-filter: blur(5px);*/
}
	
	.navbar-content:after
	{
		content: "";
		display: inline-block;
		width: 100%;
	}
	
	.navbar-content li
	{
		display: inline-block;
	}
	
	.navbar-content li:first-child
	{
		margin-right: 10px;	
	}
	
	.navbar-content li:last-child
	{
		margin-left: 20px;	
	}
	

.navbar-fixed-top
{
	border-width: 0;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.navbar-collapse
{
	text-align: center;
}


#navbar_3de_menu
{
	position: relative;
	top: 5px;
	left: 15px;
	width: 20px;
	height: 15px;
	margin: 0px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#navbar_3de_menu span
{
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #f5f5f5;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#navbar_3de_menu span:nth-child(1)
{
  top: 0px;
}

#navbar_3de_menu span:nth-child(2),#navbar_3de_menu span:nth-child(3)
{
  top: 6px;
}

#navbar_3de_menu span:nth-child(4)
{
  top: 12px;
}

#navbar_3de_menu.menu-close-icon span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
}

#navbar_3de_menu.menu-close-icon span:nth-child(2)
{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#navbar_3de_menu.menu-close-icon span:nth-child(3)
{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#navbar_3de_menu.menu-close-icon span:nth-child(4)
{
  top: 6px;
  width: 0%;
  left: 50%;
}

.collapsed-main-open
{
	position: fixed;
    display: block;
	width: 100%;
	height: 100%;
	height: 100vh;
	overflow: hidden;
	top: 50px !important;
	left: 0;
    opacity: 1 !important;
    z-index: 300 !important;
    background-size: 100% 2px !important;
	padding: 15px;
	text-align: center;
	background-color: rgba(0,0,0,0.85) !important;
    background-image: -moz-linear-gradient(transparent 50%, rgba(0,25,20,0.7) 50%) !important;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(0,25,20,0.7) 50%) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), color-stop(0.5, rgba(0,25,20,0.7))) !important;
    background-image: -o-linear-gradient(transparent 50%, rgba(0,25,20,0.7) 50%) !important;
    background-image: linear-gradient(transparent 50%, rgba(0,25,20,0.7) 50%) !important;
}
	
	.collapsed-main-open > li
	{
		display: block;
		margin: 15px 0;
		margin: 3vh 0;
		font-size: 1.6em;
	}

	@media (max-height: 480px)
	{
		.collapsed-main-open
		{
			-webkit-column-count: 2;
			   -moz-column-count: 2;
			        column-count: 2;
		}
		
		.collapsed-main-open > li:nth-child(8)
		{
			padding-top: 15px;
			padding-top: 10vh;
		}
	}


#navbar_social
{
    padding-left: 15px;
    border-left: solid 1px #aaa;
	text-align: center;
	
}
	
	#navbar_social a
	{
		display: inline;
		padding: 2px;
		font-size: 1.1em;
	}
	
	@media (max-width: 991px)
	{
		#navbar_social a
		{
			font-size: 1em;
		}
	}
	
	@media (max-width: 767px)
	{
		#navbar_social
		{
			padding-left: 0;
			border-left: none;
			margin-top: 30px;
		}
	}


.mainMenu-small
{
}


.navbar-logo img
{
	position: relative;
	top: 2px;
	width: auto;
	height: 1em;
}
	
	@media (max-width: 767px)
	{
		.navbar-logo img
		{
			top: 5px;
			width: auto;
			height: 1.4em;
		}	
	}

#navbar_login_icon
{
    position: relative;
    top: 3px;
	font-size: 1.6em;
	margin-right: 5px;
	margin-top: -6px;
}
	
#navbar_login_avatar
{
	display: inline-block;
	position: relative;
	top: 13px;
	width: 35px;
	height: 35px;
	margin-top: -35px;
	border: solid 2px;
	border-color: #eee;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
}


#navbar_login_name > span
{
	display: table-cell;
	max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.state-no-login #navbar_login_name
{
	font-size: 0.9em;
}

@media (max-width: 991px)
{
	#navbar_login_name
	{
		display: none;
	}
}

@media (max-width: 767px)
{
	#navbar_login_avatar
	{
		top: 14px;
		margin-top: -16px;
	}
}


.mainMenu_selected,
.submenu-selected
{
	color: #1ABC9C !important;
}



/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */





/* ------------------------------------------------------------ */
/* SUB NAV */
/* ------------------------------------------------------------ */

.submenu-container
{
	background-color: rgba(0,0,0,0.65);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	z-index: 110;
	
	-webkit-transition: background-color .15s ease-out;
	-moz-transition: background-color .15s ease-out;
	-o-transition: background-color .15s ease-out;
	transition: background-color .15s ease-out;
}

	.submenu-container a
	{
		padding: 0;
		font-size: 1em;
		font-weight: 300;
	}

@media (max-width: 767px)
{
	.mobile-scroll
	{
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}

.submenu-fixed-top
{
	position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
	border-top: solid 1px #555;
	background-color: rgba(40,40,40,0.9);
	background: rgba(40,40,40,0.8);
	background: -moz-linear-gradient(top,  rgba(40,40,40,1) 0%, rgba(40,40,40,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(40,40,40,1) 0%,rgba(40,40,40,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(40,40,40,1) 0%,rgba(40,40,40,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#cc282828',GradientType=0 );
    z-index: 110;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
	
	.submenu-fixed-top .submenu-container
	{
		background-color: transparent !important;	
	}

.submenu-push-right
{
    position: absolute;
    right: 15px;
    top: 10px;
}

.submenu-nav
{
	height: 40px;
}

@media (max-width: 991px)
{
	.submenu-nav
	{
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		scrollbar-width: none;
  		margin-bottom: 0;
  		padding-bottom: 0;
	}
	
	.submenu-nav::-webkit-scrollbar
	{
		display: none;
	}
	
}

	.submenu-nav li
	{
		display: inline-block;
		float: none;
		
		font-size: 1.1em;
		padding: 12px 8px 10px 8px;	
		
		cursor: pointer;
	}
		
		/*.submenu-nav li:last-child
		{
			margin-left: 15px;
		}*/
	
		.submenu-nav li a
		{
			color: #eee;	
			cursor: pointer;
			transform: scale(1);
			opacity: 1;
			
			-webkit-transition: color 0.15s ease-out;
			-moz-transition: color 0.15s ease-out;
			-o-transition: color 0.15s ease-out;
			transition: color 0.15s ease-out;
		}
			
			/*.submenu-nav li:last-child a
			{
				color: #f85e54;
			}*/

			.submenu-nav li a:hover
			{
				background-color: transparent;
				color: #1ABC9C;
				text-decoration: none;
			}
	
	@media (max-width: 991px)
	{
		.submenu-nav li
		{
			position: relative;
			/*animation: horizontal-bounce 2s;
			animation-delay: 1s;*/
		}
		
		@keyframes horizontal-bounce
		{
			0% { left: 0px; }
			65% { left: -80px; }
			85% { left: 20px; }
			100% { left: 0; }
		}
	}

.submenu-nav-item-selected
{
	color: #1ABC9C !important;
}

	
#submenu_btn_search
{
	position: absolute;
	top: 7px;
	right: 45px;
	margin-left: 10px;
	padding: 4px 6px;
	border-radius: 5px;
	font-size: 1.2em;
	color: #fff;
}

	.submenu-btn-search-active
	{
		color: #1abc9c !important;
	}
		
		.submenu-btn-search-active:before
		{
			content: "\f00d" !important;
		}


@media (max-width: 767px)
{
	#submenu_btn_search
	{
		position: inherit;
	}
}
		
#submenu_btn_search:before
{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f002";
}
		
	#submenu_btn_search:hover
	{
		color: #1ABC9C;
	}

.submenu-search
{
	visibility: hidden;
	position: fixed;
    top: 85px;
	left: 0;
	opacity: 0;
	background: #222;
	padding: 4px 0;
	border: solid 1px #aaa;
	
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
	
	.submenu-search input
	{
		width: 70% !important;
		border-bottom: 0 !important;
		color: #fff;
		text-align: left;
		margin-right: 30px !important;
	}
		
		.submenu-search input:hover
		{
			background: none !important;
		}

.submenu-search-show
{
	visibility: visible;
	top: 95px;
	opacity: 1;
}



.submenu-btn-back
{
	color: #f85e54 !important;
}
	.submenu-btn-back:before
	{
    	position: relative;
    	top: 1px;
		margin-right: 7px;
		font-family: FontAwesome;
		content: "\f053";
		color: #f85e54 !important;
	}


.submenu-icon
{
	display: inline-block;
	font-family: "proxima-nova", sans-serif;
	font-size: .95em !important;
}

	.sub-icon-all
	{
	}
	
		.sub-icon-all:before
		{
			display: inline-block;
			width: 30px;
			font-family: FontAwesome;
			content: "\f00a";
		}



/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */





/* ------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------ */

.footer
{
	margin-top: 100px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: rgba(0,0,0,.9);
}
	
	.footer img
	{
		width: 60px;
		height: auto;
		margin-bottom: 15px;	
	}

	.footer span
	{
		display: inline;
		padding: 0 8px;
		color: #fff;
		font-size: 0.9em;
	}

.footer-sticky
{
	position: fixed;
	bottom: 0;
	width: 100%;	
}



#legal_dlg
{
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 1px #111;
	text-align: center;
	z-index: 500;
}

#legal_dlg_inner
{
	display: table-cell;
	vertical-align: middle;
}

#legal_dlg_closebar
{
	margin-bottom: 15px;
	text-align: right;
	z-index: 10 /* put above language buttons */
}

#legal_dlg_closebar span
{
	font-size: 2em;
	color: #f85e54;
	cursor: pointer;
}

#legal_dlg_content
{
	padding: 15px;
	color: #111;
	background-color: #f5f5f5;
}

#legal_dlg_legaltext_container
{
	height: 600px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
	
	#legal_dlg_legaltext_container h1,
	#legal_dlg_legaltext_container h2
	{
		color: #111;
	}

	#legal_dlg_legaltext_container h3
	{
		color: #272727;
	}

.legal-content
{
	background: #f5f5f5;
	color: #111;
	text-align: left;
}

	.legal-content h1,
	.legal-content h2
	{
		color: #111;
		margin: 30px 0px 0px 0px;
	}
		
	.legal-content h3
	{
		color: #272727;
	}
	
	.legal-content ul
	{
		list-style: none;
		padding: 10px 15px 10px 30px;
	}

		.legal-content ul li:before
		{
		  content: "\2022";
		  color: #444;
		  font-weight: bold;
		  display: inline-block;
		  width: 1em;
		  margin-left: -1em;
		}
	
 	.legal-header-date
	{
		font-size: 0.9em;
		padding-bottom: 15px;
		border-bottom: solid 1px #555;
	}


#privacy_languages
{
	position: fixed;
	width: 90%;
	margin: 0 auto;
	margin-top: -70px;
	padding: 20px;
	background-color: #f5f5f5;
	text-align: center;
}

@media (min-width: 768px)
{
	#privacy_languages
	{
		width: 563px;
	}
}

@media (min-width: 992px)
{
	#privacy_languages
	{
		width: 746px;
	}
}

@media (min-width: 1200px)
{
	#privacy_languages
	{
		width: 915px;
		margin-top: -35px;
	}
}

#privacy_languages span
{
	padding: 8px;
	border: solid 1px #f5f5f5;
	color: #f85e54;
	cursor: pointer;
}

.privacy-languages-active
{
	border-color: #f85e54 !important;
	border-radius: 4px;
}


/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */





/* ------------------------------------------------------------ */
/* ELEMENTS */
/* ------------------------------------------------------------ */

/* LISTS */

ul
{	
}

	ul li
	{
	}

.menuitem-selected
{
	color: #1ABC9C !important;
}



/* FORMS */



/* TABLE */

.table > thead > tr
{
    border-bottom: 2px solid #aaa;
}



.table > thead > tr > th
{
    color: #444;
    font-size: 0.85em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-bottom: 0px solid #ddd;
    padding: 0px 5px 5px 5px;
}

.table > tbody > tr > td
{
	padding: 3px 5px;
	border-top: 0;
	vertical-align: middle;
}

	.table > tbody > tr:first-child td
	{
		padding-top: 10px;	
	}

.table-hover > tbody > tr:hover
{
	background-color: #eee;
}


/* LABEL */

label
{
	position: relative;
	padding: 6px 0;
}

.small-label
{
	font-size: 0.85em;
}

.xs-label
{
	padding-top: 0;
	font-size: 0.75em;
}





/* BUTTONS */

button,
.btn,
.btn-default
{
	display: inline;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: auto;
	padding: 6px 14px 4px 14px;
	border: solid 1px #f85e54;
	border-radius: 10px;
	background: none;
	color: #f85e54;
	text-align: center;
	font-size: 0.9em;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: color 0.3s ease-out, background 0.3s ease-out, border 0.3s ease-out;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-out, border 0.3s ease-out;
	-o-transition: color 0.3s ease-out, background 0.3s ease-out, border 0.3s ease-out;
	transition: color 0.3s ease-out, background 0.3s ease-out, border 0.3s ease-out;
}
	
	button:hover,
	.btn:hover,
	.btn-default:hover
	{
		border: solid 1px #f85e54;
		color: #fff;
		background: #f85e54;
		text-decoration: none;
	}

	button:focus,
	.btn:focus,
	.btn-default:focus,
	button:active,
	.btn:active,
	.btn-default:active
	{
		outline: none;
		border: solid 1px #f85e54;
		color: #fff;
		background: #f85e54;
	}

.btn-xs
{
	padding: 3px 11px;
	font-size: 0.75em;
}

.btn-small
{
	padding: 4px 13px 3px 13px;
	font-size: 0.84em;
}

.btn-big
{
	display: inline-block;
	width: 110px;
	margin: 0 5px;
	padding: 8px 18px;
	font-size: 1.15em;
	border-radius: 6px;
}

.btn-cancel
{
	border: solid 1px #777;
	color: #777;
}
	
	.btn-cancel:hover
	{
		border: solid 1px #777;
		color: #fff;
		background: #777;
	}

.btn-alt
{
	border: solid 1px transparent;	
}

.btn-white-filled
{
	color: #f85e54;
	background: #fff;
}
	
	.btn-white-filled:hover
	{
		border-color: #782E29;
		color: #fff;
		background: #782E29;
	}

.btn-light
{
	color: #ccc;
	border-color: #ccc;	
}
	
	.btn-light:hover
	{
		color: #555;
		border-color: #ccc;
		background-color: #ccc;
	}

.btn-naked
{
	border: none;
}
	
	.btn-naked:hover
	{
		border: none;
	}

.btn-inactive
{
	border: solid 1px #ccc;
	color: #ccc;
	pointer-events: none;
}
	
	.btn-inactive:hover
	{
		border: solid 1px #ccc;
		color: #ccc;
		pointer-events: none;
	}

.btn-bold
{
	border: solid 2px #f85e54;
    font-weight: 700;
}

	.btn-bold:hover
	{
		border: solid 2px #f85e54;
	}
	

.buttonset-bottom
{
	margin-top: 15px;
}
	
	/*.buttonset-bottom button
	{
		margin-right: 5px;
	}
	
		.buttonset-bottom button:last-child
		{
			margin-right: 0;
		}*/


.btn-file
{
	display: inline-block;
    position: relative;
	cursor: pointer;
	overflow: hidden;
}

	.btn-file input[type=file]
	{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 22px;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: pointer;
	}
	



/* TEXT/SELECT GENERAL */

input[type="text"],
input[type="password"],
input[type="number"],
select
{
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	border-radius: 0;
	border: 0;
	border-bottom: solid 1px #888;
	padding: 2px 3px 1px 3px;
	margin: 2px 0;
	background: none;
}

	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="password"]:hover
	{
		border-bottom: solid 1px #f85e54;
		background: url(../graphics/icons/ui/edit.png) 98% / 14px no-repeat transparent;
	}
	
	select:hover
	{
		border-bottom: solid 1px #f85e54;
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="password"]:focus,
	select:focus
	{
		outline: none;
		border-bottom: solid 1px #f85e54;
	}



/* TEXTFIELDS */

.input-sub-infotext
{
	margin-top: 5px;
	font-size: 0.8em;	
}

input[readonly]
{
	border-bottom: solid 1px transparent;
	cursor: default;
}
	
	input[readonly]:hover,
	input[readonly]:focus
	{
		border-bottom: solid 1px transparent;
		background: none;
	}
	

.input-anim
{
    display: inline-block;
    width: 100%;
	margin: 0.6em 0;
}

.input-anim label
{
	position: absolute;
	top: 0.9em;
	left: 18px;
	display: block;
	padding: 0;
	text-align: left;
	font-weight: 300;
	color: #aaa;
	pointer-events: none;
	-webkit-transition: color 0.15s ease-out, top 0.15s ease-out, font-size 0.15s ease-out;
	-moz-transition: color 0.15s ease-out, top 0.15s ease-out, font-size 0.15s ease-out;
	-o-transition: color 0.15s ease-out, top 0.15s ease-out, font-size 0.15s ease-out;
	transition: color 0.15s ease-out, top 0.15s ease-out, font-size 0.15s ease-out;
}

.input-anim input:focus + label,
.input-anim-filled + label
 {
	color: #999;
	top: -0.1em;
	font-size: 0.8em;
}




/* TEXTAREA */

textarea
{
    width: 100%;
	padding: 5px;
    background: transparent;
    border: solid 1px #888;
	border-radius: 3px;
    min-height: 100px;
	resize: vertical;
}
	
	textarea:hover
	{
		border: solid 1px #f85e54;
	}
	
	textarea:focus
	{
		outline: none;
		border: solid 1px #f85e54;
	}

	textarea::placeholder
	{
		font-style: italic;
	}




/* SELECT */

select
{
	padding: 4px 0 1px 3px;
	background: url(../graphics/icons/ui/arrow_down.png) 98% / 14px no-repeat transparent;
	cursor: pointer;
}

	select:focus
	{
		background: url(../graphics/icons/ui/arrow_up.png) 98% / 14px no-repeat transparent;
	}

.select-anim
{
    display: inline-block;
    width: 100%;
	margin: 1em 0;
}

.select-anim label
{
	position: absolute;
	top: -0.2em;
	left: 18px;
	display: block;
	text-align: left;
	font-size: 0.8em;
	font-weight: 300;
	color: #aaa;
	pointer-events: none;
}




/* DATE */

.datefield input
{
	background: url(../graphics/icons/ui/icon_date.png) 98% / 14px no-repeat transparent;
	cursor: pointer;
}
	
	.datefield input:hover
	{
		background: url(../graphics/icons/ui/icon_date.png) 98% / 14px no-repeat transparent;
	}





/* PLACEHOLDER */

::-webkit-input-placeholder
{
	position: relative;
	top: 2px;
	font-size: 1em;
	color: #bbb;
	font-weight: 300;
}

:-moz-placeholder
{ /* older Firefox*/
 position: relative;
 top: 2px;
 font-size: 1em;
 color: #bbb;
 font-weight: 300;
}

::-moz-placeholder
{ /* Firefox 19+ */
 position: relative;
 top: 2px; 
 font-size: 1em;
 color: #bbb;
 font-weight: 300;
} 

:-ms-input-placeholder
{ 
 position: relative;
 top: 2px;
 font-size: 1em;
 color: #bbb;
 font-weight: 300;
}



/* CHECKBOX */

.checkbox-container
{
	display: inline-block;
	margin: 15px 0;
	font-size: 0.95em;
}
 
input[type=checkbox]
{
	-webkit-appearance :none;
	position: relative;
	top: 0;
	width:18px;
	height:18px;
	margin-right: 10px;
	display: inline-block;
	cursor: pointer;
	outline: none;
	
	background: rgba(255,255,255,0);
	border: solid 1px #bbb;
	border-radius: 3px;
}
	
	input[type=checkbox]:hover
	{
		border: solid 1px #79BD8F;	
	}

	input[type=checkbox]:active
	{
		color: #fff;
		background: #f85e54;
	}
	
	input[type=checkbox]:focus
	{
		outline: none;
	}
	
	input[type=checkbox]:checked::before
	{
		position: absolute;
		top: 3px;
		left: 2px;
		width: 10px;
		height: 6px;
		
		margin-top: 1px;
		-webkit-margin-start: 1px;
		-moz-margin-start: 1px;
		-ms-margin-start: 1px;
		-o-margin-start: 1px;
		margin-start: 1px;
		
		border-left: 3px solid #f85e54;
		border-bottom: 3px solid #f85e54;
		
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		
		content: '';
		display: inline-block;
		vertical-align: top;
		font-size: 1em;
		font-weight: 800;
		
		opacity: 1;
	}





/* CSS- DESIGNED */

.arrow-down {
    border-right: 12px solid #f4f4f4;
    border-bottom: 12px solid #f4f4f4;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    margin: 0 auto;
    margin-top: 15px;
    /*opacity: 0.8;*/
	cursor: pointer;
	
	-webkit-transition: margin-top 0.15s ease-out;
	-moz-transition: margin-top 0.15s ease-out;
	-o-transition: margin-top 0.15s ease-out;
	transition: margin-top 0.15s ease-out;
}

	.arrow-down:hover
	{
		margin-top: 20px;
	}




/* NOTIFICATION BANNER */

.notification-container
{
	margin-bottom: 10px;
	padding: 15px;
	box-shadow: 0 1px 1px #222;
	font-size: 1.4em;
	color: #fff;
}
	
	.notification-container .fa
	{
		margin-right: 10px;
	}

.notification-error
{
	background: #D05E60;
}
	
	.notification-error a
	{
		color: #111;
		font-weight: 700;
	}

.notification-success
{
	background: #26BD8C;
}

.notification-info
{
	background: #75BEDE;
}


/* SAVE BANNER */

#save_banner
{
    position: fixed;
    bottom: -200px;
    width: 100%;
    display: block;
    padding: 10px;
	box-shadow: 0 -1px 3px #222;
    background-color: #DC4139;
    text-align: right;
    z-index: 200;
    -moz-transition: bottom .4s ease-out;
    -webkit-transition: bottom .4s ease-out;
    -o-transition: bottom .4s ease-out;
    transition: bottom .4s ease-out;
}
	
	#save_banner form
	{
		text-align: center;
	}
		
		#save_banner form > div
		{
			padding: 10px 0;
		}
	
		#save_banner form span
		{
			display: inline-block;
			width: 100%;
			margin-bottom: 20px;
			font-size: 1.5em;
			font-weight: 700;
			color: #fff;	
		}
		
		/*#save_banner form label
		{
			-webkit-animation: button-wiggle 3s infinite;
			-moz-animation:    button-wiggle 3s infinite;
			-o-animation:      button-wiggle 3s infinite;
			animation:         button-wiggle 3s infinite;
		}
			
			#save_banner form label:hover
			{
				-webkit-animation: none;
				-moz-animation:    none;
				-o-animation:      none;
				animation:         none;
			}*/

@-webkit-keyframes button-wiggle {
	0%
	{
		transform: scale(1.0) rotate(0deg);
	}
	
	30%
	{
		transform: scale(1.0) rotate(0deg);
	}
	
	35%
	{
		transform: scale(1.08) rotate(4deg);
	}
	
	40%
	{
		transform: scale(1.08) rotate(-4deg);
	}
	
	45%
	{
		transform: scale(1.0) rotate(4deg);
	}
	
	50%
	{
		transform: scale(1.0) rotate(0deg);
	}
	
	100%
	{
		transform: scale(1.0) rotate(0deg);
	}
}




/* DIALOG */

.ua-dialog
{
	display: none;	
}
	
	#ua_account_payment_editpw_dialog_error_msg,
	#dl_dialog_lic_agree_error_msg,
	#ua_account_payment_cc_dialog_cc_error
	{
		display: none;
		margin-bottom: 15px;
		text-align: center;
		font-size: 1.1em;
		color: #CF4036;
	}
		
		#ua_account_payment_editpw_dialog_error_msg .fa,
		#dl_dialog_lic_agree_error_msg .fa,
		#ua_account_payment_cc_dialog_cc_error .fa
		{
			display: inline-block;
			width: 100%;
			margin-bottom: 5px;
		}
	
	.ua-dialog-header
	{
		margin: 0 0 20px 0;
	}
	
	.ua-dialog-header span
	{
		font-size: 0.9em;
		color: #888;
		font-weight: 300;
	}

.dialog-button-set
{
	margin-top: 25px;	
}




/* CARDS */

.new-article-card
{
	position: relative;
	top: -270px;
	left: 0px;
	width: 55px;
	height: 55px;
	margin-top: -2px;
	margin-left: -2px;
	background-image: url(../../sys_daten/graphics/icons/badge_new.png);
	background-repeat: no-repeat;
	background-size: contain;
}

@media (min-width: 1200px)
{
	.new-article-card
	{
		top: -1px;
	}
}









/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */





/* ------------------------------------------------------------ */
/* SECTION DIVS */
/* ------------------------------------------------------------ */

/* ARTICLES */

.article-content
{
	background-color: rgba(0,0,0,.85);
	text-align: left;
	color: #fff;
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
	border-radius: 15px;
}

	.article-content img
	{
		width: 100%;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	
	.article-content iframe
	{
		width: 100%;
		max-width: 975px;
		max-height: 548px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	
	.article-content-cover-double iframe
	{
		width: 50%;
		max-width: 471px;
		max-height: 266px;
		border: solid 1px #555;
		margin: 10px 0 0 10px;
	}
	
	.article-content .fa
	{
		width: 18px;
	}
	
	.article-content a:hover
	{
		border-bottom: solid 3px #f85e54;
	}

.article-header
{
	padding-top: 30px;
	padding-bottom: 10px;
	border-bottom: solid 1px #eee;
	text-align: left;
	color: #fff;
}

	.article-header ul
	{
		display: table;
	}
	
	.article-header li
	{
		display: table-cell;
		vertical-align: middle;
	}
	
	.article-header-title
	{
		display: block;
		padding: 0;
		font-size: 1.7em;
		font-weight: 500;
		line-height: 1.1em;
	}
	
	.article-header-author
	{
		padding: 0;
		font-size: 0.9em;
		font-weight: 500;	
	}
	
	.article-header-icon img
	{
		position: relative;
		top: 2px;
		width: 40px;
		height: 40px;
		margin-right: 10px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	
	@media (max-width: 479px)
	{
		.article-header ul
		{
			width: 100%;
			text-align: center;
		}
		
		.article-header li
		{
			display: inline-block;
			width: 100%;
		}
		
		.article-header-icon img
		{
			margin-right: 0;
			margin-bottom: 10px;
		}
	}

.article-topbar
{
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: solid 1px #555;
}

.article-topbar li
{
	display: inline;
	margin-right: 25px !important;
}

.article-content-article
{
	padding-top: 20px;
	padding-bottom: 40px;
}

.article-content-description ul
{
	list-style: square;
	padding-left: 30px;
}

.article-content-description h2
{
	margin: 30px 0 15px 0;
	font-weight: 500;
}

.article-content-description h3
{
	margin: 20px 0;
}

.article-content-description h3:first-child
{
	margin-top: 0;
}

.article-sidebar ul li
{
	margin: 2px 0;
	padding: 2px 0;
	font-size: 0.9em;
}
	
	.article-sidebar ul li span:before,
	.article-sidebar ul li a:before
	{
		display: inline-block;
		position: relative;
		top: 1px;
		width: 23px;
		font-family: FontAwesome;
	}
	
	.article-content-download span
	{
		font-size: 1.1em;
	}
	
		.article-content-download span:before
		{
			content: "\f063";
		}
	
	.article-content-difficulty span:before
	{
		content: "\f005";
	}
	
	.article-content-minversion span:before
	{
		content: "\f108";
	}
	
	.article-content-update span:before
	{
		content: "\f017";
	}
	
	.article-content-changelog a:before
	{
		width: 18px;
		content: "\f0f6";
	}
	
	.article-content-instructions a:before
	{
		content: "\f16a";
	}
	
	.article-content-url span
	{
		font-size: 1.1em;
	}
	
		.article-content-url span:before
		{
			content: "\f0ac";
		}
	
	.article-content-video span
	{
		font-size: 1.1em;
	}
	
		.article-content-video span:before
		{
			content: "\f16a";
		}
	
	.article-content-version span:before
	{
		content: "\f108";
	}
	
	.article-content-dldcount span:before
	{
		content: "\f0ed";
	}
	
	.article-content-select select
	{
		width: 150px;
		font-size: 1.1em;
	}
		
		.article-content-select select option
		{
			color: #fff;
			background-color: #111;
		}
	

.article-content-share span
{
	padding: 3px 9px;
	border: solid 1px;
	border-radius: 3px;
	cursor: pointer;
	
	-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
	-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
	-o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
	transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
}
	
	.article-content-share span:before
	{
		display: inline-block;
		width: 25px;
		font-family: FontAwesome;
		content: "\f064";
		
	}
	
	.article-content-share span:hover
	{
		background-color: #f85e54;
		border-color: #f85e54;
	}

@media (max-width: 767px)
{
	.article-sidebar
	{
		margin-bottom: 30px;
		padding-bottom: 15px;
		border-bottom: solid 1px #333;
	}
}	
	

.article-sidebar-lower
{
	margin-top: 20px !important;
}

.article-sidebar-header
{
	display: block;
	margin: 30px 25% 15px 0;
	padding: 5px 0;
	border-bottom: solid 1px #555;
}
	
	@media (max-width: 767px)
	{
		.article-sidebar-header
		{
			margin: 30px 0 5px 0;
		}
	}

.article-description
{
	font-size: 1em;
	text-align: justify;
}

#share_modal_box
{
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 1px #111;
	text-align: center;
	z-index: 300;
}

.share-modal-inner
{
	display: table-cell;
	vertical-align: middle;
}

.share-modal-closebar
{
	text-align: right;
}

.share-modal-closebar span
{
	font-size: 1.4em;
	color: #f85e54;
	cursor: pointer;
}

.share-modal-content
{
	padding: 15px;
	color: #111;
	background-color: #f5f5f5;
}

.share-modal-header h3
{
	color: #111;
	font-weight: 300;
}
	
	#share_modal_article_title
	{
		display: inline-block;
		padding-top: 5px;
		font-size: 1.2em;
		font-weight: 500;
	}

.share-modal-options
{
	padding: 20px 0;
}

.share-modal-options > a
{
	display: inline-block;
	width: 40px;
	margin: 0 4px;
	padding: 4px 8px;
	border: solid 1px;
    border-radius: 3px;
	font-size: 1.6em;
	color: #888;
	
	-webkit-transition: transform 0.15s ease-out;
	-moz-transition: transform 0.15s ease-out;
	-o-transition: transform 0.15s ease-out;
	transition: transform 0.15s ease-out, color 0.15s ease-out;
}
	
	.share-modal-options > a:hover
	{
		transform: scale(1.1);
		color: #f85e54;
	}
	
	



/* START */

#start_content h1
{
	margin: 40px auto;
}

#start_content_headline h1:
{
	margin: 20px auto;
}

#start_submenu_trial
{
	position: absolute;
    right: 15px;
    top: 10px;
}



.news-card
{
	display: table;
	height: 120px;
	margin-bottom: 30px;
}

#news_card_row
{
    margin-bottom: 30px;
}
	
	/*@media (max-width: 991px)
	{
		.news-card
		{
			height: 145px;
			margin: 10px 0;
		}
	}
	
	@media (max-width: 991px)
	{
		.news-card
		{
			height: 105px;
			margin: 5px 0;
		}
	}*/

.start-news-tweets-list img
{
	display: none;
}


.news-card-inner
{
	display: table-cell;
    width: 100%;
    height: 100%;
    padding: 10px;
    vertical-align: middle;
	background: rgba(0,3,5,0.44);
    color: #f4f4f4;
    word-break: break-word;
    font-size: 1.1em;
	font-weight: 500;
	overflow: hidden;
	border-radius: 15px;
}

#news_card_content
{
	position: absolute;
	left: 0;
	top: 15px;
	padding: 5px 0px;
	line-height: 1.3em;
	text-align: left;
}	
	#news_card_content a
	{
		color: #f85e54;
	}

#news_card_footer
{
	position: absolute;
	left: 0;
	bottom: 15px;
	padding: 5px 15px;
	font-size: 0.80em;
	text-align: right;
	background: rgba(10,10,10,0.5);
}

	#news_card_footer:before
	{
		font-family: FontAwesome;
		content: "\f099";
		font-size: 1.1em;
		position: relative;
		top: 1px;
		padding-right: 5px;
	}



.start-news-tweet-tweet
{
	display: inline-block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	
	transition: all 0.25s ease-out;
}

	.tweet-small
	{
		font-size: 0.9em;
	}

.start-news-tweet-date
{
	/*position: absolute;
    bottom: 10px;
    right: 35px;*/
	display: none;
}

	.start-news-tweet-date a
	{
		color: #999;	
		font-size: 0.8em;
	}
		
		.start-news-tweet-date:before
		{
			font-family: FontAwesome;
			content: "\f099";
			font-size: .95em;
			margin-right: 5px;
			position: relative;
			top: 1px;
		}




.start-content-container
{
	margin-bottom: 80px;
	padding-bottom: 40px;
	background-color: rgba(0,0,0,.85);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
	
	.start-content-container p
	{
		font-size: 1.1em;
		text-align: justify;
	}

#start_content_headline
{
	margin-top: 20px;
}

	#start_content_headline span
	{
		display: inline-block;
		position: relative;
		top: -5px;
		font-size: .5em;
		letter-spacing: .4em;
	}



.start-image-divider
{
	margin: 30px 0;
	text-align: right;
}
	
	.start-image-divider > .row
	{
		overflow: hidden;
	}
	
	.start-image-divider span
	{
		position: absolute;
		bottom: -20px;
		right: 10px;
		color: rgba(255,255,255,0.33);
		font-size: 0.70em;
	}



@keyframes display
{
	  0% {
		transform: translateX(100px);
		opacity: 0;
	  }
	  10% {
		transform: translateX(0);
		opacity: 1;
	  }
	  20% {
		transform: translateX(0);
		opacity: 1;
	  }
	  30% {
		transform: translateX(-100px);
		opacity: 0;
	  }
	  100% {
		transform: translateX(-100px);
		opacity: 0;
	  }
}

.start-film-carousel
{
	width: 100%;
	height: 330px;
}

	.start-film-carousel > div
	{
		position: absolute;
		top: 0;
		left: 0px;
		width: 100%;
		height: 300px;
		opacity: 0;
		animation: display 40s infinite;
		background-position: center;
		background-size: cover;
	}

	div:nth-child(2)
	{
		animation-delay: 8s;
	}
	div:nth-child(3)
	{
		animation-delay: 16s;
	}
	div:nth-child(4)
	{
		animation-delay: 24s;
	}
	div:nth-child(5)
	{
		animation-delay: 32s;
	}

		@media(min-width: 992px)
		{
			.start-film-carousel
			{
				height: 430px;
			}
			
			.start-film-carousel > div
			{
				height: 400px;
			}
		}

		@media(min-width: 1200px)
		{
			.start-film-carousel
			{
				height: 435px;
			}
			
			.start-film-carousel > div
			{
				height: 405px;
			}
		}





.start-download-ple > p
{
	text-align: center !important;
	margin: 20px 0 10px 0;
}

.start-download-ple > span
{
	text-align: center !important;
	font-size: 0.75em !important;
	color: #888;
}

.start-feature-container
{
	height: auto;
	margin: 30px 0;
	color: #fff;
}
	
	@media(min-width: 768px)
	{
		.start-feature-container
		{
			height: 250px;
		}
	}
	
	@media(min-width: 992px)
	{
		.start-feature-container
		{
			height: 200px;
		}
	}
	
	@media(min-width: 1200px)
	{
		.start-feature-container
		{
			height: 250px;
		}
	}

.start-feature-header
{
	display: table;
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: 500;
	text-align: left;
}

	.start-feature-header li
	{
		display: table-cell;
		vertical-align: top;
	}
	
		.start-feature-header li:first-child
		{
			width: 30px;	
		}
	

.start-feature-text
{
	text-align: justify;
}



#start_pricing_row
{
	margin-bottom: 40px;
	padding: 0 15px;
}

#start_pricing_subscription_container
{
	padding: 15px 15px 45px 15px;
	border-bottom: solid 1px #aaa;
	color: #fff;
}

#start_pricing_permanent_container
{
	padding: 45px 15px 15px 15px;
	color: #fff;
}

#start_pricing_header_subscription
{
	height: 60px;
	font-size: 1.8em;
}

#start_pricing_header_permanent
{
	height: 45px;
	font-size: 1.3em;
}

.start-pricing-item
{
	padding: 10px 0;
}
	
	@media (max-width: 479px)
	{
		.start-pricing-item
		{
			display: block;
			width: 100%;
		}
	}

	.start-pricing-item span
	{
		display: block;
		width: 100%;
		color: #f5f5f5;
		font-size: .9em;
	}
		
		.start-pricing-item span:first-child
		{
			margin-bottom: 3px;
			font-size: 1.32em;
			font-weight: 500;
		}
		
		.start-pricing-item .start-item-pricing-duration
		{
			color: #aaa;
		}
		
		.start-pricing-item button
		{
			margin-top: 15px;
		}

.start-ffcredits-container
{
	margin-bottom:80px;
	color:#aaa;
}


	.start-ffcredits-container li
	{
		display: inline-block;
		padding: 3px 6px;
		top: -2px;
		
		transition: all 0.15s ease-out;
	}
		
		.start-ffcredits-container li:hover
		{
			color: #fff;
			cursor: default;
			transform: scale(1.15,1.15) translateY(-3px);
			background: #0a0a0a;
		}
	
	.start-ffcredits-container span
	{
		display: block;
		margin-top: 12px;
		color: #888;
	}


#start_quotes_container
{
	width: 100%;
    /*margin: 40px 0 30px 0;*/
	
	overflow: hidden;
}

#start_quotes_container_inner
{
	
    width: 100%;
    height: 100%;
    background: rgba(0,3,5,0.44);
    color: #f4f4f4;
    word-break: break-word;
    font-size: 1.1em;
    font-weight: 500;
    overflow: hidden;
    border-radius: 15px;
}

	/*#start_quotes_container_inner:before,
	#start_quotes_container_inner:after
	{
		display: block;
		position: absolute;
		font-family: FontAwesome;
		color: rgba(255,255,255,0.33);
		font-size: 0.75em;
	}
	
	#start_quotes_container_inner:before
	{
		content: "\f10e";
		top: 25px;
		left: 25px;
	}
	
	#start_quotes_container_inner:after
	{
		content: "\f10d";
		bottom: 20px;
		right: 25px;
	}*/

.start-quotes-quote-card .row
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    width: 100%;
	height: 220px;
}



.start-quotes-inner-quote
{
	width: 100%;
	position: relative;
	text-align: left;
	line-height: 1.1em;
}
	
	.start-quotes-inner-quote span:before,
	.start-quotes-inner-quote span:after
	{
		content: "\f10e";
		display: inline;
		position: relative;
		margin: 0 8px;
		font-family: FontAwesome;
		color: rgba(255,255,255,0.33);
		font-size: 0.75em;
	}
	
	.start-quotes-inner-quote span:before
	{
		top: -6px;
	}
	
	.start-quotes-inner-quote span:after
	{
		bottom: -6px;
	}


	/*.start-quotes-inner-quote span:before,
	.start-quotes-inner-quote span:after
	{
		content: '"';
		display: inline;
		margin: 0 6px;
		color: rgba(255,255,255,0.33);
		font-size: 1.3em;
		font-weight: 700;
	}*/

	.start-quotes-inner-quote h3
	{
		display: inline;
		font-size: 1.3em;
	}

	.start-quotes-inner-quote b
	{
		font-weight: 900;
	}

	.start-quotes-inner-quote i
	{
		font-style: italic;
	}

	.start-quotes-inner-quote u
	{
		text-decoration: underline;
	}

	.start-quotes-inner-quote tar
	{
		display: inline-block;
		width: 95%;
		text-align: right;
	}

	@media (max-width: 992px)
	{
		.start-quotes-inner-quote h3
		{
			display: inline;
			font-size: 1.2em;
		}
		
		.start-quotes-inner-quote tar
		{
			display: inline;
			width: 90%;
		}
	}
	
	/*.start-quotes-inner-quote p
	{
		text-align: center;
	}*/

/*.start-quotes-inner-quote > p > span > span:before,
.start-quotes-inner-quote > p > span > span:after
{
    position: relative;
    color: rgba(255,255,255,1);
	font-size: 1.1em;
}

.start-quotes-inner-quote > p > span > span:before
{
    content: "“";
    top: 0px;
    left: -5px;
}

.start-quotes-inner-quote > p > span > span:after
{
    content: "“";
    top: 0px;
    right: -5px;
}*/


.start-quotes-inner-author
{
	width: 100%;
	margin-top: 15px;
	color: #ccc;
	text-align: right;
	font-size: 0.9em;
	font-weight: 700;
}

.start-quotes-inner-divider
{
	width: 66%;
	height: 1px;
	border-top: solid 1px #444;
}

.start-quotes-inner-logo
{
	text-align: center;
}

	.start-quotes-inner-logo img
	{
		width: auto;
		height: 40px;
		margin-top: 15px;
	}

.carousel-control.left,
.carousel-control.right
{
	width: 100%;
	background: none !important;
}


/*OVERWRITE CAROUSEL.LESS*/
.fa-angle-left,
.fa-angle-right
{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: inline-block;
}

.fa-angle-left
{
	left: 50%;
    margin-left: -10px;
}

.fa-angle-right
{
    right: 50%;
    margin-right: -10px;
}

@media(min-width: 768px)
{
	.fa-angle-left,
	.fa-angle-right
	{
      font-size: 2em;
    }
	
    .fa-angle-left
	{
      margin-left: 0;
    }
	
    .fa-angle-right
	{
      margin-right: 0;
    }
}



.specs-content
{
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.specs-content ul
{
	float:left;
	width:100%;
	list-style:none;
	margin:0px;
	padding:10px;
}

	.specs-content ul > li
	{
		float:left;
		width:100%;
		margin:60px 0px 10px 0px;
		padding: 10px 0;
		border: solid 1px #555;	
		font-size:20px;
		text-align: left;
		padding-left: 20px;
	}

.specs-content ul ul
{
	float:left;
	border: 0;
}

	.specs-content ul ul li
	{
		float: left;
		width: 100%;
		height: 25px;
		margin: 0;
		padding: 4px;
		padding-left: 40px;
		border: 0;
		font-weight: normal;
		font-size: 14px;
		
		-webkit-transition: background 0.1s ease-out;
		-moz-transition: background 0.1s ease-out;
		-o-transition: background 0.1s ease-out;
		transition: background 0.1s ease-out;
	}
		.specs-content ul ul li:hover
		{
			background: rgba(240,240,240,0.05);
		}
	
		.specs-content ul ul li:last-of-type
		{
			margin: 0px;
		}
	
	.specs-content ul ul li topic
	{
		float: left;
		width: 100%;
		height: 25px;
		/*padding-right: 50px;*/
		text-align: left;
		display: table;
	}
	
	.specs-content ul ul li content
	{
		display: none;
		float: right;
		width: 30%;
		min-width: 210px;
		height: 20px;
		text-align: left;
	}
	
	.specs-content ul ul li versions
	{
		float: right;
		width: 210px;
		height: 100%;
		margin-right: 5%;
		overflow: hidden;
		line-height: 25px;
	}

	@media (max-width: 767px)
	{
		.specs-content ul ul li
		{
			margin: 0 0 20px 0;
		}
		
		.specs-content > ul > ul:first-of-type li
		{
			margin: 0;
		}
		
		.specs-version-header
		{
			display: none;
		}
		
		.specs-content ul ul li topic
		{
			width: 100%;
			padding-right: 0;
			text-align: center;
		}
		
		.specs-content ul ul li content
		{
			float: left;
			width: 100%;
			display: none;
		}
		
		.specs-content ul ul li versions
		{
			float: left;
			width: 100%;
			margin-right: 0;
		}
	}


.specs-topic-inner
{
	height: 25px;
	display: table-cell;
	vertical-align: middle;	
}

.specs-icons
{
	float: left;
	width: 25px;
	height: 25px;
	margin: 5px 10px 0px 0px;
	background-repeat: no-repeat;
	background-size: contain;
}

	@media (max-width: 767px)
	{
		.specs-icons
		{
			float: none;
			display: inline-block;
		}
		
		.specs-content versions span:last-of-type
		{
			margin: 5px 0 0 0;
		}
	}

.specs-version-header
{
	color: #999;
	display: none;
}

.specs-r1-yes
{
	background-image:url(../graphics/icons/3de4_r1.png);
}

.specs-r2-yes
{
	background-image:url(../graphics/icons/3de4_r2.png);
}

.specs-r3-yes
{
	background-image:url(../graphics/icons/3de4_r3.png);
}

.specs-r4-yes
{
	background-image:url(../graphics/icons/3de4_r4.png);
}

.specs-r5-yes
{
	background-image:url(../graphics/icons/3de4_r5.png);
}

.specs-r6-yes
{
	background-image:url(../graphics/icons/3de4_r6.png);
}

.specs-r1-no
{
	background-image:url(../graphics/icons/3de4_r1.png);
	opacity:0.15;
}

.specs-r2-no
{
	background-image:url(../graphics/icons/3de4_r2.png);
	opacity:0.15;
}

.specs-r3-no
{
	background-image:url(../graphics/icons/3de4_r3.png);
	opacity:0.15;
}

.specs-r4-no
{
	background-image:url(../graphics/icons/3de4_r4.png);
	opacity:0.15;
}

.specs-r5-no
{
	background-image:url(../graphics/icons/3de4_r5.png);
	opacity:0.15;
}

.specs-r6-no
{
	background-image:url(../graphics/icons/3de4_r6.png);
	opacity:0.15;
}

.specs-text-latest
{
	color: #18da78;
}

.specs-absatz
{
	margin: 0px 0px 0px 0px !important;
}



#start_content_quotes
{
	text-align: justify;	
}
	
	#start_content_quotes h1
	{
		margin-bottom: 45px;
		text-align: center;
	}

h3 quotesLogo
{
    float: right;
    margin: 0px 0px 0px 20px;
}

h3 quotesName
{
    display: table;
    margin: 10px 0px 60px 0px;
    font-weight: bold;
}
	
	h3 quotesName img
	{
		width: 80px;
		height: auto;	
	}
	
	h3 quotesName span
	{
		display: table-cell;
		vertical-align: middle;
		padding-left: 20px;
	}


/* Temporalily - Events */

/*  Anniversary */
#start_anniversary_logo
{
	display: block;
	width: 300px;
	margin: 0px auto 15px auto;
}

#start_content_3delogo
{
	padding-top: 25px;
	/*border-top: solid 1px #eee;*/
}



/*  Start Screen R8 */
.start-r8
{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
	opacity: 1;
	
	background-size: cover;
    background-position: center;
	
	cursor: pointer;
	
	z-index: 1;
	
	/*animation: background-fade-in 4s ease-in-out .5s normal forwards;*/
}

.version-r8
{
	display: block;
    position: absolute;
    bottom: 40px;
    right: 20px;
    width: 80%;
    height: 8%;
	max-width: 700px;
    max-height: 70px;
	
	opacity: 0;
	
	background-size: contain;
    background-position: center;
	background-repeat: no-repeat;
	
	cursor: pointer;
	
	z-index: 2;
	
	animation: version-fade-in 3s ease-in-out .5s normal forwards;

}




@keyframes version-fade-in
{
	0%
	{
		scale: .89;
		opacity: 0;
	}
	
	100%
	{
		scale: .9;
		opacity: .33;
	}
}



/* End Temporariliy */


	
	
	



/* STORE */

	
.store-submenu-cart span
{
	font-weight: 700;
}

.store-submenu-cart:before
{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f291";
	margin-right: 10px;
	color: #f85e54;
}

.store-cart-empty
{
	color: #aaa;
	cursor: default;
}

#store_cart_overview
{
	padding: 30px 15px;
	color: #fff;
}

	#store_cart_overview .article-content
	{
		margin: 20px 0;
		padding: 30px 15px;
		border-radius: 15px;
	}

	.store-cart-content-container
	{
		background-color: rgba(0,0,0,0);
		color: #fff;
		padding: 0 15px;
	}

		.store-cart-content-container select option
		{
			background: #111;
		}

	#store_cart_overview .ua-top-gap:first-child
	{
		margin: 0 !important;
		padding: 0;
	}

	#store_cart_overview .ua-header
	{
		display: none;
	}

	#store_cart_overview .cart-mandatory
	{
		font-weight: 700;
		z-index: 1;
	}

		#store_cart_overview .cart-mandatory:before
		{
			background-color: #d74932;
			opacity: .8;
			content: "";
			position: absolute;
			width: calc(100% + 4px);
			height: 60%;
			left: -2px;
			bottom: 0;
			z-index: -1;
			transform: rotate(-2deg);
		}

	#store_cart_infotext
	{
		margin-top: 50px;
		font-style: italic;
	}



.store-cart-header
{
	width: calc(100% - 60px);
	margin: 0px 30px;
	margin-bottom: 30px;
	padding: 0px;
	padding-bottom: 15px;
	border-bottom: solid 1px #999;
	font-size: 1.6em;
}
	
	.store-cart-header i
	{
		margin-right: 15px;
	}

.store-cart-item
{
	display: table;
	width: 100%;
	margin-bottom: 30px;
	padding: 0 15px;
}

@media (max-width: 991px)
{
	.store-cart-item
	{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: solid 1px #555;
	}
	
	.store-cart-item:last-child
	{
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
}

@media (max-width: 767px)
{
	.store-cart-item > div
	{
		padding: 0;
	}
}

	.store-cart-item > div
	{
		display: table;
	}
	
	.store-cart-item li
	{
		display: table-cell;
		vertical-align: middle;
	}
	
	#store_cart_content li span
	{
		display: block;
	}

@media (max-width: 991px)
{
	.store-cart-item-title
	{
		padding-bottom: 10px;
	}	
}

	
	.store-cart-item-title > div
	{
		display: table-cell;
		vertical-align: middle
	}
	
		.store-cart-item-title img
		{
			width: 35px;
			margin-right: 10px;
			position: relative;
			top: 2px;
			border-radius: 0px;
		}
		
		.store-cart-item-title-title
		{
			font-size: 1.3em;
			font-weight: 500;
		}
		
		.store-cart-item-title-subtitle
		{
			font-size: 0.9em;
			padding-top: 2px;
		}

.store-cart-item-quantity
{
	width: 150px;
	font-size: 2em;
}
	
	.store-cart-item-quantity span
	{
		display: inline-block !important;
		width: 20px;
		text-align: center;
	}

	.store-cart-item-quantity button
	{
		position: relative;
		top: -3px;
		font-size: 0.5em;
	}
	
	@media (max-width: 479px)
	{
		.store-cart-item-quantity
		{
			width: auto;
			font-size: 1.6em;
		}
		
		.store-cart-item-quantity button
		{
			padding: 0;
		}
	}

.store-cart-item-payoption
{
	text-align: center;
}

	.store-cart-item-payoption select
	{
		display: block;
		width: 120px;
		margin: 0 auto;
		border-bottom: 0;
		font-size: 0.8em;
	}
		
		.store-cart-item-payoption select:hover
		{
			border-bottom: 0;
		}
		
		.store-cart-item-payoption select option
		{
			background: #111;
		}
	
	.store-cart-item-payoption span
	{
		display: block;
		padding-top: 5px;
		font-size: 1em;
	}

.store-cart-item-payoption-itemprice
{
	display: inline !important;
	font-weight: 500;
}

	.store-cart-item-payoption-itemprice span
	{
		display: inline !important;
		font-size: 0.7em;
	}


.store-cart-item-subtotal
{
	width: 115px;
	padding-right: 0;
	text-align: right;
	font-size: 1.2em;
	font-weight: 500;
}

	.store-cart-item-subtotal-price
	{
		font-size: 1.2em;
	}
	
	.store-cart-item-subtotal-subline
	{
		font-size: 0.7em;
		font-weight: 300;
	}
	
	@media (max-width: 479px)
	{
		.store-cart-item-subtotal
		{
			width: 105px;
		}
			
			.store-cart-item-subtotal-price
			{
				font-size: 1.1em;
			}
	}


.store-cart-item-remove
{
	width: 100px;
	text-align: center;
	font-weight: 500;
	font-size: 1.3em;
}
	
	@media (max-width: 767px)
	{
		.store-cart-item-remove
		{
			width: 30px;
			text-align: right;
		}
		
			.store-cart-item-remove button
			{
				padding: 0;
			}
	}


#store_cart_total
{
	/*margin-top: 30px;
	padding-top:30px;
	border-top: solid 1px #fff;*/
	font-size: 1.2em;
	text-align: right;
	font-weight: 500;
}
	
	@media (max-width: 767px)
	{
		#store_cart_total > div
		{
			padding: 0;
		}
	}
	
	#store_cart_totalprice,
	#store_cart_btn_buy
	{
		display: inline-block;
		vertical-align: middle;
	}
	
	#store_cart_totalprice_price
	{
		display: block;
		font-size: 1.2em;
	}
	
	#store_cart_totalprice_subline
	{
		display: block;
		font-size: 0.7em;
		font-weight: 300;
	}
	
	@media (max-width: 767px)
	{
		#store_cart_totalprice
		{
			width: 100%;
			padding-right: 30px;
		}
	}
	
	#store_cart_btn_buy
	{
		width: 95px;
		text-align: center;
	}
	
	@media (max-width: 767px)
	{
		#store_cart_btn_buy
		{
			margin: 15px 30px 0 0;
    		text-align: right;
		}
	}
	
	#store_cart_btn_buy input
	{
		color: #fff;
		background: #f85e54;
		font-size: 1em;
		padding: 8px 16px;
	}
		
		#store_cart_btn_buy input:hover
		{
			background: #1ABC9C;
			border: solid 1px #1ABC9C;
			color: #000;
		}

#store_cart_infolines
{
	margin: 0px 15px;
	margin-top: 10px;
	text-align: right;
	color: #ccc;
}
	
	#store_cart_infolines span
	{
		display: block;
		padding: 5px 0;
	}

	#store_cart_infolines_main
	{
		font-size: 0.9em;
	}
	
	#store_cart_infolines_sub
	{
		font-size: 0.7em;
		line-height: 1.1em;
	}


#store_cart_finish
{
	padding: 30px 15px;
}
	
	#store_cart_finish span
	{
		display: block;
	}

#store_cart_finish_header
{
	margin-bottom: 45px;
}

	#store_cart_finish_header span
	{
		display: block;
		font-size: 1.6em;
		text-align: center;
		font-weight: 500;
	}

		#store_cart_finish_header i
		{
			margin-bottom: 10px;
			color: #6BC491;
			font-size: 2.2em;
		}

#store_cart_finish_header-failed
{
	margin-bottom: 45px;
}
#store_cart_finish_header-failed span
{
	display: block;
	font-size: 1.6em;
	text-align: center;
	font-weight: 500;
}
#store_cart_finish_header-failed i
{
	margin-bottom: 10px;
	color: #f85e54;
	font-size: 2.2em;
}

#store_cart_finish_content i
{
	width: 25px;
}

.store-cart-finish-steps
{
	margin: 15px 0;
	font-size: 1em;
}
	
	.step1
	{
		color: #6bc491;
	}
	
	.step1-failed
	{
		color: #f85e54;
		text-align: center;
	}	
	.step2
	{
		padding: 15px 0;
		font-size: 1.1em;
	}
	
	.step3,
	.step4
	{
		color: #ccc;
	}
	
	.step3 iframe
	{
		width: 100%;
		height: 192px;
	}
		
		@media (max-width: 991px)
		{
			.step3 iframe
			{
				height: 224px;
			}
		}
		
		@media (max-width: 767px)
		{
			.step3 iframe
			{
				width: 405px;
				height: 226px;
				margin-left: 25%;
			}
		}
		
		@media (max-width: 480px)
		{
			.step3 iframe
			{
				width: 100%;
				height: 220px;
				margin-left: 0;
			}
		}


.store-reseller-list {
	float:left;
	width:100%;
	margin:40px 0px 0px 0px;
	text-align:center;
}

.store-reseller-list:first-of-type {
	margin:0px;
}

.store-reseller-list span {
	float:left;
	width:100%;
	font-size:14px;
	font-weight:900;
	margin:0px 0px 10px 0px;
}

.store-reseller-list a {
	font-size:12px;
	font-weight:900;
	/*text-shadow:0px 0px 0px rgba(10,10,10,0);*/
}

.reseller_continent
{
	width:100%;
	margin-bottom: 40px;
	padding:0px;
}

.reseller_continent p
{
	width:100%;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	color: #111;
	font-size:22px;
}

.reseller_countylist
{
	padding:1px 19px;	
	border-radius:10px;
}

.reseller_county
{
	display:table;
	width:100%;
	padding:0px;
	margin:20px 0px;
	border: solid 1px #aaa;
	text-align:center;
}

.reseller_left
{
	width:20%;
	display:table-cell;
	vertical-align:middle;
}

.reseller_left img
{
	width:35px;
	height:35px;
	
	padding:0px;
	margin:4px auto;
	
	border-radius: 60px;
	
	cursor:default;
}

.reseller_left span
{
	font-size:12px;
}


.reseller_right
{
	width:100%;
	
	display:table;
	vertical-align:middle;
	
	padding:10px 0px;
	
}

.reseller_right_logo
{
	width:30%;
	
	display:table-cell;
	vertical-align:middle;
	
	padding:5px 15px;
}

.reseller_right_data
{
	width:45%;
	
	display:table-cell;
	vertical-align:middle;
	
	padding:5px;
}

.reseller_right_data span
{
	font-size:16px;
}

.reseller_right_logo img
{
	width:90%;
	max-width:120px;
	height:auto;
}


/* TEMPORAER BIS CE- TEMPLATES- CSS WIEDER FUNKTIONIEREN */
/*store_sub_item_week:after
{
	content: 'NEW';
    position: absolute;
    top: 0;
    left: 50%;
	width: 100px;
    margin-left: -50px;
	padding: 5px;
	background-color: rgba(143, 195, 232, 0.5);
    border-radius: 50px;
    color: #222;
    text-align: center;
    font-weight: 700;
}*/

	
	
	





/* DOWNLOAD */

.article-dl-item
{
	margin-bottom: 15px;
	padding: 15px;
	text-align: center;
	font-size: 1.2em;
	background-position: center;
	background-size: cover;
}
	
	.article-dl-item span
	{
		display: inline-block;
		width: 100%;
		margin: 5px 0;
		padding: 5px;
	}


.dl-download-link
{
	margin-bottom: 30px;
}

	.dl-download-link > div
	{
		display: inline-block;
		padding: 50px 5px;
		border: solid 1px #fff;
		border-radius: 3px;
		text-align: center;
	}
	
		.dl-download-link > div span
		{
			display: inline-block;
			width: 100%;	
		}
	
.dl-download-plattform
{
	font-family: FontAwesome;
	font-size: 2em;
}

	.dl-download-linux:before
	{
		content: "\f17c";
	}
	
	.dl-download-win:before
	{
		content: "\f17a";
	}
	
	.dl-download-osx:before
	{
		content: "\f179";
	}

.dl-download-title
{
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 1.2em;
}

.dl-download-bit
{
	font-size: 0.9em;
}

.dl-download-link > div a
{
	display: inline-block;
	margin-top: 20px;
}
	
	.dl-download-link > div a:before
	{
		display: inline-block;
		margin-right: 5px;
		font-family: FontAwesome;
		content: "\f063";	
	}
	
	.dl-download-link > div a:hover
	{
		border-bottom: solid 1px #f85e54;
	}

#dl_dialog_licagree_legaltext
{
	height: 200px;
	margin-bottom: 15px;
	padding: 10px;
	border: solid 1px #aaa;
	overflow-x: hidden;
	overflow-y: auto;
}
	
	#dl_dialog_licagree_legaltext h1
	{
		font-size: 1.05em;
		color: #555;
	}
	
	#dl_dialog_licagree_legaltext h2
	{
		font-size: 0.95em;
		color: #555;
	}
	
	#dl_dialog_licagree_legaltext h3
	{
		font-size: 0.85em;
		color: #555;
	}
	
	#dl_dialog_licagree_legaltext ul
	{
		list-style: square;
		padding-left: 15px;
		font-size: 0.85em;
	}
	
	#dl_dialog_licagree_legaltext .col-lg-12,
	#dl_dialog_licagree_legaltext .col-lg-8
	{
		width: 100%;
		padding: 0;
	}
	
	#dl_dialog_licagree_legaltext .col-lg-offset-2
	{
		margin-left: 0;
	}
	
	#dl_dialog_licagree_legaltext .article-content
	{
		background-color: transparent;
		color: #555;
	}







/* TECH DOCS */

.td-icon-py
{
}
	
	.td-icon-py:before
	{
		display: inline-block;
		width: 30px;
		height: 15px;
		background: url(../graphics/icons/ui/icon_python.png) no-repeat;
		background-size: 15px;
		background-position: center;
		content: "";
		top: 2px;
		position: relative;
	}

.td-icon-doc
{
}
	
	.td-icon-doc:before
	{
		display: inline-block;
		width: 30px;
		font-family: FontAwesome;
		content: "\f0f6";
	}

.td-icon-c-plus
{
}
	
	.td-icon-c-plus:before
	{
		display: inline-block;
		width: 30px;
		font-family: FontAwesome;
		content: "\f121";
	}

.td-icon-howto
{
}
	
	.td-icon-howto:before
	{
		display: inline-block;
		width: 30px;
		font-family: FontAwesome;
		content: "\f0e5";
	}

.td-icon-help
{
}
	
	.td-icon-help:before
	{
		display: inline-block;
		width: 30px;
		font-family: FontAwesome;
		content: "\f128";
	}

.techdocsHowToPictures
{
	width:100%;
	text-align:center;
	margin:40px 0px 40px 0px;
	
}
	
	.techdocsHowToPictures h4
	{
		margin: 2px 0;
		text-align: right;
		font-size: 0.8em;
		color: #aaa;
	}


.td-article-table
{
	table-layout: fixed;
	color: #ddd;
}

	.td-article-table thead > tr> th
	{
		margin-bottom: 5px;
		padding: 5px 0;
		border-bottom: solid 1px #aaa;
	}
	
	.td-article-table tbody > tr > td
	{
		padding: 3px;
	}

		.td-article-table tbody > tr:nth-child(even) > td
		{
			background-color: #111;
		}
	
	.td-article-table thead > tr > th:nth-child(even),
	.td-article-table tbody > tr > td:nth-child(even)
	{
		padding: 0 15px;
	}





/* SCRIPT DB */

.sdb-icon-video
{
}
	
	.sdb-icon-video:before
	{
		font-family: FontAwesome;
        content: "\f16a";
		padding-right: 5px;
	}

.sdb-icon-myscripts
{
}
	
	.sdb-icon-myscripts:before
	{
		font-family: FontAwesome;
        content: "\f0f6";
		padding-right: 5px;
	}



.sdb-card-container
{
    box-sizing: border-box;
    height: 240px;
    margin-bottom: 20px;
    padding: 0 10px;
    font-family: 'Raleway', sans-serif;
    color: #111;
    text-align: left;
    text-rendering: optimizeLegibility;
}

.sdb-card-container-inner
{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0 1px 1px #111;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    
	-webkit-transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
	-moz-transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
	-o-transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
    transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
}

    .sdb-card-container-inner:hover
    {
        box-shadow: 0 4px 20px #111;
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
		transform: scale(1.03);
    }

.sdb-card-header-container
{
    height: 80px;
}

.sdb-card-info-container
{
    height: 160px;
	background: rgba(23,23,23,0.8);
    background: -moz-linear-gradient(top,  rgba(23,23,23,0) 0%, rgba(23,23,23,0.98) 36%);
	background: -webkit-linear-gradient(top,  rgba(23,23,23,0) 0%,rgba(23,23,23,0.98) 36%);
	background: linear-gradient(to bottom,  rgba(23,23,23,0) 0%,rgba(23,23,23,0.98) 36%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00171717', endColorstr='#fa171717',GradientType=0 );
    color: #fff;
    font-weight: 300;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
    
.sdb-card-info-container-inner
{
    padding: 15px 15px;
}
	
	.sdb-card-info-container-inner .row > div
	{
		display: block;
		width: 100%;
		text-align: center;
	}


.sdb-card-name
{
    height: 66px;
    padding: 5px 0;
    /* border-bottom: solid 1px #555; */
    font-size: 1.1em;
    font-weight: 500;
	letter-spacing: 0.05em;
	text-shadow: 0 0 5px #111;
}

    .sdb-card-name p
    {
        position: absolute;
        bottom: 0;
		width: 100%;
		margin: 0;
    }
	
	.sdb-card-name span
    {
		display: block;
		font-weight: 500;
    }
	
		.sdb-card-name span + span
		{
			font-size: 0.75em;
			font-weight: 100;
		}

.sdb-card-user
{
    font-size: .8em;
    padding: 10px 0 3px 0;
    color: #fff;
}

.sdb-card-rating
{
    padding: 3px 0 15px 0;
    font-size: 0.7em;
    font-weight: 300;
}
	
	.sdb-card-rating > span > *
	{
		display: inline-block;
	}
	
	.sdb-card-rating ul
	{
		margin-right: 2px;
	}
	
		.sdb-card-rating li
		{
			display: inline;
			padding: 0 1px;
		}

.sdb-card-date
{
	float: left;
    display: inline-block;
    font-size: 0.75em;
    font-weight: 300;
}

    .sdb-card-date:before
    {
        font-family: FontAwesome;
        content: "\f017";
		padding-right: 5px;
    }

.sdb-card-dld-count
{
	float: right;
    display: inline-block;
    font-size: 0.75em;
    font-weight: 300;
}

    .sdb-card-dld-count:before
    {
        font-family: FontAwesome;
        content: "\f0ed";
		padding-right: 5px;
    }


#sdb_instructions_dlg
{
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 1px #111;
	text-align: center;
	z-index: 300;
}

#sdb_instructions_dlg_inner
{
	display: table-cell;
	vertical-align: middle;
}

#sdb_instructions_dlg_closebar
{
	text-align: right;
}

#sdb_instructions_dlg_closebar span
{
	font-size: 2em;
	color: #f85e54;
	cursor: pointer;
}

#sdb_instructions_dlg_content
{
	padding: 15px;
	color: #111;
	background-color: #f5f5f5;
}
	
	#sdb_instructions_dlg_content iframe
	{
		width: 100%;
		margin-top: 10px;
	}




@media (max-width: 479px)
{
	#scriptdb_article_view .article-header-author
	{
		display: block;
		padding-top: 4px;
	}
}


.sdb-header-rating
{
	margin: 0;
	text-align: center;
	font-size: 1.1em;
}
	
	.sdb-header-rating > *
	{
		display: inline-block;
	}

#sdb_header_rating_info
{
	display: block;
	padding: 10px 0;
	font-size: 0.85em;
}
	
	.sdb-rate-green
	{
		color: #26BD8C;
	}
	
	.sdb-rate-red
	{
		color: #D05E60;
	}

.sdb-script-rating
{
	position: relative;
	top: 12px;
	margin-left: 10px;
	border: none;
}

.sdb-script-rating > input
{
	display: none;
} 

.sdb-script-rating > label:before
{ 
	margin: 2px;
	font-size: 1.1em;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.sdb-script-rating > .half:before
{ 
	content: "\f005";
	position: absolute;
}

.sdb-script-rating > label
{ 
	color: #555; 
	float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.sdb-script-rating > input:checked ~ label, /* show gold star when clicked */
.sdb-script-rating:not(:checked) > label:hover, /* hover current star */
.sdb-script-rating:not(:checked) > label:hover ~ label { color: #FFDA53;  } /* hover previous stars in list */

.sdb-script-rating > input:checked + label:hover, /* hover current star when changing rating */
.sdb-script-rating > input:checked ~ label:hover,
.sdb-script-rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.sdb-script-rating > input:checked ~ label:hover ~ label { color: #E8A511;  }

/* ************ */





#sdb_sidebar_average_rating_container
{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 0.85em;
}

	#sdb_sidebar_average_rating_container > *
	{
		display: inline-block;
	}
	
	#sdb_sidebar_average_rating_container > span:last-child
	{
		letter-spacing: 0.05em;
	}
	
	.sdb-expand-rating
	{
		visibility: hidden;
		position: relative;
		top: 6px;
		margin-left: 15px;
		font-size: 2em;
		
		transition: transform 0.15s ease-out;
	}
		
		@media (max-width: 767px)
		{
			.sdb-expand-rating
			{
				visibility: visible;
			}
		}
	
	#sdb_sidebar_average_rating_container ul
	{
		padding: 0 2px 0 10px;
	}
	
		#sdb_sidebar_average_rating_container ul > li
		{
			display: inline;
			padding: 0 1px;
		}
	

@media (max-width: 767px)
{
	.sdb-all-rating-container
	{
		display: none;
	}
}


.sdb-all-rating-container li
{
	display: inline-block;
	margin: 0 !important;
	color: #FFDA53;
	font-size: 0.75em !important;
}

.sdb-all-rating-star:before,
.sdb-star-full:before,
.sdb-star-empty:before
{
	font-family: FontAwesome;
	width: 12px !important;
	content: "\f005";
}
	
	.sdb-star-full:before
	{
		color: #FFDA53;
	}
	
	.sdb-star-empty:before
	{
		color: #555;
	}


.sdb-all-rating-container
{
	width: 100%;
}
	
	.sdb-all-rating-item
	{
		width: 100%;
	}

		.sdb-all-rating-item > span
		{
			display: inline-block;
		}

		.sdb-all-rating-bar-bg
		{
			position: relative;
			top: -1px;
			width: 100px;
			height: 5px;
			margin: 0 5px;
			background-color: #333;
		}
		
			.sdb-all-rating-bar
			{
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				background-color: #fff;
			}
		
		.sdb-all-rating-star-count
		{
			color: #fff;
		}

.star-hidden
{
	opacity: 0;
}






.article-content-warning a
{
	color: #fffdab;
}

	.article-content-warning a:hover
	{
		border-bottom: solid 3px #fffdab;
	}

	.article-content-warning a:before
	{
		display: inline-block;
		width: 23px;
		font-family: FontAwesome;
		content: "\f071";
	}
	

#sdb_article_description h3
{
	margin-top: 60px;
	font-weight: 500;
}

#sdb_article_script_container
{
	margin-top: 30px;
    padding-top: 15px;
    border-top: solid 1px #333;
}
	
	#sdb_article_script_container button
	{
		display: block;
		margin: 0 auto;
	}
	
	#sdb_toggle_scriptview:before
	{
		display: inline-block;
		font-family: FontAwesome;
		content: "\f121";
		padding-right: 5px;
	}

#sdb_article_script
{
	max-height: 600px;
	margin-top: 15px;
	border: solid 1px #555;
	overflow: auto;
}




#sdb_view_warnings_dlg
{
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 1px #111;
	text-align: center;
	z-index: 300;
}

#sdb_view_warnings_dlg_inner
{
	display: table-cell;
	vertical-align: middle;
}

#sdb_view_warnings_dlg_closebar
{
	text-align: right;
}

#sdb_view_warnings_dlg_closebar span
{
	font-size: 2em;
	color: #f85e54;
	cursor: pointer;
}

#sdb_view_warnings_dlg_content
{
	padding: 15px;
	color: #111;
	background-color: #f5f5f5;
}
	
	#sdb_view_warnings_dlg_content h2
	{
		margin-top: 0;
		color: #111;
	}

#sdb_view_warnings_dlg_warninglist_container
{
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
	
	#sdb_view_warnings_dlg_warninglist li
	{
		padding: 10px 0;
	}
	
	#sdb_view_warnings_dlg_warninglist li:before
	{
		display: block;
		padding-bottom: 5px;
		font-family: FontAwesome;
	}


	






#scriptdb_mylist p:first-child
{
	margin: 0 0 30px 0;
	color: #555;
	font-size: 0.9em;
}

.scriptdb-mylist-btnpane
{
	text-align: right;
}
	
	.scriptdb-mylist-btnpane a
	{
		margin-left: 3px;
	}

#scriptdb_upload label > span
{
	font-size: 0.85em;
	color: #aaa;
}
	
	@media (max-width: 510px)
	{
		#scriptdb_upload label > span
		{
			display: block;
		}
	}
	
	#scriptdb_upload .btn-file
	{
		position: relative;
		top: 4px;
	}

@media (max-width: 480px)
{
	#scriptdb_upload .ua-status-display
	{
		padding: 0;
		text-align: center;
	}
}

.scriptdb-red-info,
.scriptdb-green-info
{
	display: block;
	padding: 5px;
	text-align: center;
	font-size: 0.85em;
	font-weight: 500;
}

	.scriptdb-red-info
	{
		color: #D05E60;
	}
		
		.scriptdb-red-info:before
		{
			font-family: FontAwesome;
			content: "\f071";
			padding-right: 5px;
		}
	
	.scriptdb-green-info
	{
		color: #26BD8C;
	}
		
		.scriptdb-green-info:before
		{
			font-family: FontAwesome;
			content: "\f00c";
			padding-right: 5px;
		}
	
	@media (max-width: 480px)
	{
		.scriptdb-red-info:before,
		.scriptdb-green-info:before
		{
			display: block;
			padding-right: 0;
			padding-bottom: 5px;
		}
	}

.sdb-upload-container
{
	display: table;
}
	
	.sdb-upload-container > *
	{
		display: block;
		vertical-align: middle;
	}
	
	.sdb-upload-container > span
	{
		width: 100%;
		margin-bottom: 5px;
		padding: 6px;
		border: solid 1px #ccc;
		text-align: center;
		font-size: 0.85em;
		font-style: italic;
	}	
		
	.sdb-upload-container > div
	{
		text-align: right;
	}
		
		.sdb-upload-container > div > h4
		{
			margin: 10px 0;
    		color: #888;
			font-size: 0.8em;
		}
	
		.sdb-upload-container > div > span,
		.sdb-upload-container > div > label
		{
			width: 49%;
			min-width: 128px;
			font-style: normal;
		}
		
		.sdb-upload-container #scriptdb_upload_doc a
		{
			font-style: normal;
			font-weight: 500;
		}
			
			.sdb-upload-container #scriptdb_upload_doc a:before
			{
				font-family: FontAwesome;
				content: "\f063";
				padding-right: 5px;
			}
		
		.sdb-upload-container #screenshot_file
		{
			width: 100%;
			height: 100%;
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
		}
		
#scriptdb_upload_versionselect_buttons
{
	text-align: right;
}

	#scriptdb_upload_versionselect_buttons span
	{
		width: 80px;
		margin-left: 3px;
	}


#sdb_upload_version_warning_container li
{
	display: block;
	margin-bottom: 20px;
	text-align: center;
}
	
	#sdb_upload_version_warning_container li:last-child
	{
		margin-bottom: 0;
	}
	
	#sdb_upload_version_warning_container li:before
	{
		font-family: FontAwesome;
		padding-right: 5px;
	}
	
		@media (max-width: 480px)
		{
			#sdb_upload_version_warning_container li:before
			{
				display: block;
				padding-right: 0;
				padding-bottom: 5px;
			}	
		}


.sdb-warning-green
{
	color: #26BD8C;
}
	
	.sdb-warning-green:before
	{
		content: "\f00c";
	}

.sdb-warning-yellow
{
	color: #C28B18;
}
	
	.sdb-warning-yellow:before
	{
		content: "\f071";
	}

.sdb-warning-red
{
	color: #D05E60;
}
	
	.sdb-warning-red:before
	{
		content: "\f071";
	}


#sdb_upload_warnings_dlg .ua-dialog-header span
{
	display: block;
	padding: 5px 0;
	text-align: center;
}
	
	#sdb_upload_warnings_dlg .ua-dialog-header span:first-child
	{
		color: #D05E60;
		font-weight: 500;
		font-size: 1.1em;
	}

#sdb_upload_warnings_dlg_content
{
	max-height: 500px;
	overflow: auto;
}

	#sdb_upload_warnings_dlg_content li
	{
		padding: 10px 0;
		text-align: center;
	}
		
		#sdb_upload_warnings_dlg li:before
		{
			display: block;
			padding-bottom: 5px;
			font-family: FontAwesome;
			content: "\f05e";
		}
	






/* TUTORIALS */

.tutorial-article-opentut span:before
{
	display: inline-block;
	width: 25px;
	font-family: FontAwesome;
	content: "\f08e";
}

.tutorial-article-youtube span:before
{
	display: inline-block;
	width: 25px;
	font-family: FontAwesome;
	content: "\f16a";
}


.tut-icon-basic
{
}

	.tut-icon-basic:before
	{
		display: inline-block;
		width: 30px;
		font-family: FontAwesome;
		content: "\f006";
	}

.tut-icon-advanced
{
}

	.tut-icon-advanced:before
	{
		display: inline-block;
		width: 30px;
		font-family: FontAwesome;
		content: "\f123";
	}

.tut-icon-exercise
{
}

	.tut-icon-exercise:before
	{
		display: inline-block;
		width: 30px;
		font-family: FontAwesome;
		content: "\f005";
	}





/* FREELANCER */

/* GENERIC */

.article-card-subtitle
{
    font-size: .8em;
    padding: 15px 0 5px 0;
    color: #fff;
}

.article-card-date
{
    font-size: .75em;
    padding: 0;
    color: #ccc;
}
    
    .article-card-date span:before
    {
        display: inline-block;
        width: 15px;
        font-family: FontAwesome;
        content: "\f017";
    }







/* FREELANCER */

.fl-icon-available
{
}

	.fl-icon-available:before
	{
		display: inline-block;
		width: 30px;
		font-family: FontAwesome;
		content: "\f058";
	}



.fl-card-container
{
    box-sizing: border-box;
    height: 240px;
    margin-bottom: 20px;
    padding: 0 10px;
    font-family: 'Raleway', sans-serif;
    color: #111;
    text-align: left;
    text-rendering: optimizeLegibility;
}

.fl-card-container-inner
{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0 1px 1px #111;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    
	-webkit-transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
	-moz-transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
	-o-transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
    transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
}

    .fl-card-container-inner:hover
    {
        box-shadow: 0 4px 20px #111;
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
		transform: scale(1.04);
    }

.fl-card-header-container
{
    height: 120px;
}

.fl-card-info-container
{
    height: 120px;
	background: rgba(23,23,23,0.8);
    background: -moz-linear-gradient(top,  rgba(23,23,23,0) 0%, rgba(23,23,23,0.98) 50%);
	background: -webkit-linear-gradient(top,  rgba(23,23,23,0) 0%,rgba(23,23,23,0.98) 50%);
	background: linear-gradient(to bottom,  rgba(23,23,23,0) 0%,rgba(23,23,23,0.98) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00171717', endColorstr='#fa171717',GradientType=0 );
    color: #fff;
    font-weight: 300;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
    
.fl-card-info-container-inner
{
    padding: 15px 15px;
}


.fl-card-name
{
    display: inline-block;
    height: 46px;
    padding: 0 0 15px 0;
    font-size: 1.2em;
    font-weight: 300;
	letter-spacing: 0.05em;
}

    .fl-card-name span
    {
        position: absolute;
        bottom: 0;
    }

.fl-card-place
{
    font-size: .8em;
	margin-top: 5px;
    padding: 10px 0 5px 0;
    color: #fff;
}
    
    .fl-card-place span:before
    {
        display: inline-block;
        width: 15px;
		padding-left: 1px;
        font-family: FontAwesome;
        content: "\f041";
    }

.fl-card-available
{
    font-size: .8em;
    padding: 0;
    color: #fff;
}
    
    .fl-card-available span:before
    {
        display: inline-block;
        width: 15px;
        font-family: FontAwesome;
    }
		
		.fl-card-available span.available:before
		{
			content: "\f058";
		}
		
		.fl-card-available span.available:after
		{
			content: "Available from " attr(data-date);
		}
		
		.fl-card-available span.not-available:before
		{
			content: "\f1db";
		}
		
		.fl-card-available span.not-available:after
		{
			content: "Not looking for job";
		}

.fl-certified
{
	position: relative;
    top: -232px;
    left: 8px;
    width: 60px;
    height: 60px;
	background-image: url(../graphics/icons/freelancer_certificate_icon_03.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

@media (min-width: 768px)
{
	.fl-certified
	{
		top: -242px;
		left: 101px;	
	}
}

@media (min-width: 992px)
{
	.fl-certified
	{
		top: -242px;
		left: 157px;	
	}
}

@media (min-width: 1200px)
{
	.fl-certified
	{
		top: 0px;
		left: 157px;	
	}
}




/* Freelancer Article*/

#fl_user
{
	margin-top: 60px;
}

.fl-article-header
{
	text-align: center;
	margin-bottom: 40px;
}
	
	.fl-article-header span
	{
		display: inline-block;
	}
	
	#fl_article_header_avatar
	{
		position: relative;
		top: -60px;
		margin-bottom: -40px;
	}
	
		#fl_article_header_avatar > div
		{
			width: 120px;
			height: 120px;
			margin: 0 auto;
			border: solid 2px #ccc;
			border-radius: 60px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
	
	#fl_article_header_name span
	{
		margin-bottom: 15px;
		font-size: 1.6em;
		font-weight: 700;
		letter-spacing: 0.06em;
	}
	
	#fl_article_header_place span
	{
		margin-bottom: 10px;
		font-size: 1.1em;	
	}
	
	#fl_article_header_place span:before
	{
		display: inline-block;
		margin-right: 5px;
		font-family: FontAwesome;
		content: "\f041";
	}
	
	#fl_article_header_available_state
	{
		display: inline-block;
		width: 100%;
		margin-bottom: 3px;
		font-size: 1em;
		text-transform: uppercase;
	}
	
		#fl_article_header_available .available:before
		{
			content: "AVAILABLE FOR HIRE";
			color: #71BD9B;	
		}
		
		#fl_article_header_available #fl_article_header_available_starting
		{
			color: #ccc;
		}
			
			#fl_article_header_available .available + #fl_article_header_available_starting:before
			{
				content: "STARTING ";
			}
		
		#fl_article_header_available .not-available:before
		{
			content: "NOT LOOKING FOR A JOB";
			color: #888;
			font-size: 0.8em;	
		}
		
	#fl_article_header_available_starting
	{
		display: inline-block;
		width: 100%;
		font-size: .85em;
	}

#fl_aboutme,
#fl_cv_workplaces,
#fl_cv_projects
{
	padding: 0 30px;
}

@media (max-width: 767px)
{
	#fl_aboutme,
	#fl_cv_workplaces,
	#fl_cv_projects
	{
		padding: 0 15px;
	}
}

.fl-header
{
	margin-bottom: 10px;
	padding: 5px 0 2px 0;
	border-bottom: solid 2px #f5f5f5;
	text-transform: uppercase;
}

	.fl-header span
	{
		line-height: 26px;
		font-size: 1.2em;
		margin-right: 10px;
	}
	
	.fl-header span + span
	{
		position: relative;
		top: 0px;
		line-height: 26px;
		font-size: 1.2em;
	}
	
.fl-content
{
	padding: 10px 0;	
}

	.fl-content > .row
	{
		margin: 0;
		margin-bottom: 20px;
	}
	
	@media (min-width: 768px)
	{
		.fl-content > .row > div
		{
		  padding-left: 0;
		}
		
		.fl-content > .row > div + div
		{
		  padding-right: 0;
		}
	}
	
	@media (max-width: 767px)
	{
		#fl_software_skills
		{
			margin-top: 15px;
		}
	}
	
	#fl_contact_options
	{
		padding: 0;
	}
	
	#fl_contact_options ul
	{
		text-align: center;
		margin: 10px 0 0 0;
	}
	
		#fl_contact_options li
		{
			display: inline-block;
			margin: 0 4px;
			padding: 10px 0;
		}
			
			#fl_contact_options li a
			{
				display: inline-block;
				padding: 0;
				border: solid 1px transparent;
				border-radius: 3px;
				color: #f585e54;
				font-size: 1.1em;
				transition: transform 0.15s ease-out, background-color 0.15s ease-out;
			}
			
				#fl_contact_options li a:hover
				{
					transform: scale(1.15);
					color: #fff;
					background-color: #f85e54;
				}
			
			#fl_contact_options li a:before
			{
				display: inline-block;
				font-family: FontAwesome;
			}
			
				#fl_contact_options li a:after
				{
					display: inline-block;
					width: 100%;
					margin-top: 5px;
					font-size: 0.85em;	
				}
			
			
			#fl_contact_options li a.email:before
			{
				content: "\f003";
			}
			
				#fl_contact_options li a.email:after
				{
					content: "eMail";
				}
			
			#fl_contact_options li a.website:before
			{
				content: "\f0ac";
			}
			
				#fl_contact_options li a.website:after
				{
					content: "Web";
				}
			
			#fl_contact_options li a.reel:before
			{
				content: "\f008";
			}
			
				#fl_contact_options li a.reel:after
				{
					content: "Reel";
				}
			
			#fl_contact_options li a.linkedin:before
			{
				content: "\f0e1";
			}
			
				#fl_contact_options li a.linkedin:after
				{
					content: "LinkedIn";
				}
			
			#fl_contact_options li a.imdb:before
			{
				content: "\f03d";
			}
			
				#fl_contact_options li a.imdb:after
				{
					content: "imdb";
				}
			
			#fl_contact_options li a.twitter:before
			{
				content: "\f099";
			}
			
				#fl_contact_options li a.twitter:after
				{
					content: "Twitter";
				}
			
			#fl_contact_options li a.youtube:before
			{
				content: "\f16a";
			}
			
				#fl_contact_options li a.youtube:after
				{
					content: "Youtube";
				}
	
	#fl_user .fl-certified
	{
		display: table;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		background-position: top left;
	}
	
		#fl_user .fl-certified:after
		{
			content: "This user has proven great skills and is certified by Science-D-Visions to be a well experienced 3DEqualizer freelancer.";
			display: table-cell;
			vertical-align: middle;
			padding-left: 95px;
			font-size: 0.9em;
		}
			
  
	.fl-content .fl-category-name
	{
	  display: inline-block;
	  width: 100%;
	  padding: 4px 0;
	  font-style: italic;
	  font-weight: 600;
	  color: #aaa;
	}
	
	.fl-content .fl-category-content
	{
	  display: inline-block;
	  width: 100%;
	  font-weight: 300;
	  color: #f5f5f5;
	  word-break: break-word;
	}
		
		.fl-content .fl-category-content .row
		{
			padding: 2px 0;
		}
		
		.fl-content .fl-category-content span
		{
			line-height: 1.1em;
		}
	
	.fl-skill-rating
	{
		padding-left: 10px;
	}
	
		.fl-skill-rating li
		{
		  display: inline-block;
		  width: 10px;
		  height: 10px;
		  padding: 0 2px;
		  border-radius: 5px;
		}
		
		.fl-rating-circle-full
		{
			background-color: #ccc;
		}
		
		.fl-rating-circle-empty
		{
			background-color: #555;
		}
	
	#fl_description
	{
	  margin-top: 20px;
	  line-height: 1.1em;
	}
	
	#fl_workplaces,
	#fl_projects
	{
    	overflow: hidden;
	}
	
	.fl-cvgroup span
	{
	  display: inline-block;
	  width: 100%;
	}
		
		.fl-cv-workplace-date,
		.fl-cv-workplace-company,
		.fl-cv-projects-date,
		.fl-cv-projects-job
		{
			font-size: 0.85em;
			color: #ccc;
		}
		
		.fl-cv-workplace-job,
		.fl-cv-projects-title
		{
			padding: 3px 0;
			font-size: 1.2em;
			font-weight: 500;
		}
		
		#fl_projects .fl-cvgroup,
		#fl_workplaces .fl-cvgroup
		{
			margin: 10px 0;
		}
			
			#fl_projects .fl-cvgroup:fist-child,
			#fl_workplaces .fl-cvgroup:fist-child
			{
				margin-top: 0;
			}
		
		#fl_expand_workplaces,
		#fl_expand_projects
		{
			margin-top: 5px;
			cursor: pointer;
		}
		
			#fl_expand_workplaces .fa,
			#fl_expand_projects .fa
			{
				-webkit-transition: transform 0.15s ease-out;
				-moz-transition: transform 0.15s ease-out;
				-o-transition: transform 0.15s ease-out;
				transition: transform 0.15s ease-out;
			}
		
		.fl-cv-expanded
		{
			height: auto !important;
			padding-bottom: 10px;
		}




/* DEVBLOG */

.devblog-version-container
{
	padding: 15px;
	border: solid 1px #555;
	border-radius: 10px;
}
	
	.devblog-version-container ul
	{
		list-style: square;
		padding-left: 30px;
	}

.devblog-version-name
{
	margin-bottom: 10px;
	padding: 10px 0;
    font-size: 1.8em;
    display: inline-block;
    border-bottom: solid 1px #fff;
}

.devblog-signature
{
	margin-bottom: 30px;
	padding: 30px 0 30px 15px;
    border-bottom: solid 1px #fff;
}






/* CONTACT */

#contact_about
{
	text-align: center;
}

@media (min-width: 480px)
{
	#contact_about,
	#contact_form
	{
		padding: 30px;
	}
}


#contact_logo
{
	width: 60px;
	height: auto;
}

#contact_about_description
{
	text-align: justify;
}


#contact_form_header
{
	text-align: center;
	font-size: 3em;
}

#contact_form_header .fa
{
	width: auto;
}

	#contact_form_header_text
	{
		text-align: center;
		margin: 15px 0;
	}

	#contact_form_header_text h2
	{
		margin: 30px auto 0 auto;
	}

#contact_form_header_text span
{
	display: block;
	margin: 15px 0;
}

#contact_contactform_text
{
	border: solid 1px #333;
    border-radius: 3px;
	background: rgba(0,0,0,0.4);
}

	#contact_contactform_text h3
	{
		font-weight: 700;
		line-height: 1.8em;
		text-align: left;
	}
	
	#contact_contactform_text input
	{
		width: 208px;
		margin: 0 8px;
		border-bottom: solid 2px #888;
		color: #82C39A;
		line-height: 1em;
	}
	
	.contact-contactform-field-medium
	{
		width: 140px !important;
	}
	
	.contact-contactform-field-short
	{
		width: 100px !important;
	}
	
	#contact_contactform_text select
	{
		width: 110px;
		margin: 0 6px;
		padding-left: 2px;
		border-bottom: solid 2px #888;
		color: #82C39A;
	}
		
		#contact_contactform_text select option
		{
			color: #111;
			background-color: #f5f5f5;
		}
	
	#contact_contactform_support_checkbox
	{
		margin: 10px 0;
	}
	
	#contact_support_toggle
	{
		position: relative;
		top: 4px;
	}
	
	#contact_contactform_comment
	{
		margin-top: 15px;
		padding: 6px;
	}
	
	#contact_contactform_buttonpane
	{
		margin-top: 30px;
	}
		
		#contact_contactform_buttonpane button
		{
			margin-right: 5px;
		}
		
			#contact_contactform_buttonpane button:last-child
			{
				margin-right: 0;
			}








/* LOGIN */

.login-content-container
{
	background-color: rgba(250,250,250,.95);
	box-shadow: 0 1px 1px #111;
	color: #111;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

	.login-content-container .input-anim
	{
		margin: 0.9em 0;
	}
		
		.login-content-container .input-anim label
		{
			top: 0.9em;
		}

		.login-content-container .input-anim input:focus + label,
		.login-content-container .input-anim-filled + label
		 {
			top: 0.2em;
			font-size: 0.8em;
			color: #999;
		}
		
		.login-content-container .input-anim input:-webkit-autofill + label
		{
			color: #999;
			top: 0.3em;
			font-size: 0.8em;
		}
	
	.login-content-container h2,
	.login-content-container h3
	{
		color: #111;
	}
	
	.login-content-container h3
	{
		font-weight: 300;
	}


.login-header
{
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}
	
	.login-header span
	{
		display: inline;
		margin: 0 5px;
		padding: 0 0 3px 0;
		color: #f85e54;
		font-size: 2em;
		font-weight: 500;
	}

.login-benefits
{
	margin: 0;
	margin-bottom: 15px;
	color: #111;
	font-size: .9em;
}

.login-content ul li
{
	width: 100%;
}
	
	.login-content ul li .glyphicon
	{
		margin-right: 10px;
		color: #529178;
		font-weight: 100;
		font-size: .9em;
	}





#login_signup
{
	margin-top: 20px;
}

#login_signup .login-content form
{
	margin: 15px 0 5px 0;	
}

#login_signup .checkbox-container span
{
	position: relative;
	top: -5px;
	font-size: .9em;
}

#login_login .checkbox-container span
{
	position: relative;
	top: -4px;
}

#login_signup form button,
#login_login form button
{
	width: 100%;
	margin-top: 5px;
}

#login_signup form input[type=checkbox],
#login_login form input[type=checkbox]
{
	margin-top: 0;
}



#signup_verification .login-content-container
{
	padding: 30px;
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
}

#signup_verification p
{
	width: 80px;
	margin: 0 auto 20px auto;
	border: solid 2px #57c195;
	border-radius: 100px;
	padding: 15px;
	text-align: center;
	font-size: 2em;
	color: #57c195;
}

#signup_verification img
{
	width: 40px;
}

#login_forgotpw p
{
	margin: 15px 0 15px 0;
	text-align: center;
	font-size: 1.6em;
	color: #555;
}

#login_forgotpw h2
{
	text-align: center;
	margin-bottom: 30px;
	font-weight: 500;
}

#login_forgotpw i
{
	padding: 15px 19px;
    border: solid 2px #555;
    border-radius: 40px;
	color: #555;
}



	

/* USER AREA */

.ua-submenu-logout
{
	margin-left: 40px;
}

.ua-header
{
	margin-bottom: 10px;
	padding: 5px 0 2px 0;
	border-bottom: solid 2px #111;
	text-transform: uppercase;
}

	.ua-header span
	{
		line-height: 26px;
		font-size: 1.2em;
		margin-right: 10px;
	}
	
	.ua-header span + span
	{
		position: relative;
		top: 0px;
		line-height: 26px;
		font-size: 1.2em;
	}
	
	.ua-header-btn
	{
		float: right;
	}
	
.ua-content
{
	padding: 10px 0;	
}

	.ua-content > .row
	{
		margin: 0;
	}
	
	  .ua-content > .row > div
	  {
		  padding-left: 0;
	  }
	  
	  .ua-content > .row > div + div
	  {
		  padding-right: 0;
	  }

.ua-top-gap
{
	margin-top: 15px !important;
	padding: 15px 0 0 0;
}

.ua-top-gap-small
{
	margin-top: 5px !important;
	padding: 5px 0 0 0;
}

.ua-submenu-item-freelancer
{
	margin-left: 16px; /* 3x padding li item */
}

.ua-notification-container
{
	height: 60px;
	visibility: hidden;
	font-size: 2em;
	color: #68D879;
}

.ua-content-container
{
	background-color: rgba(250,250,250,.95);
	box-shadow: 0 1px 1px #111;
	color: #111;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 15px;
}

.ua-overview-header
{
	margin-bottom: 40px;
	text-align: center;
	font-size: 2em;
}
	
	#ua_overview_header_avatar
	{
		position: relative;
		top: -70px;
		width: 110px;
		height: 110px;
		margin: 0 auto -50px auto;
		border-radius: 50%;
		border: solid 4px rgba(250,250,250,0.95);
		background-size: cover;
		background-position: center;
		backgound-repeat: no-repeat;
		
	}
	
	.ua-overview-header-name span
	{
		font-weight: 300;
	}

.ua-overview-account .ua-content > .row
	{
		margin: 6px 0;
	}

.ua-account-avatar
{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
}

.ua-table-container
{
	table-layout: auto;
	max-height: 300px;
	padding: 10px !important;
	border: solid 1px #ccc;
	border-radius: 3px;
	overflow: auto;
}
	
	.ua-table-container table
	{
		table-layout: auto;
	}

#ua_overview,
#ua_corporate_overview
{
    margin-top: 60px;
}
	
	@media (max-width: 991px)
	{
		.ua-overview-purchases
		{
			margin-top: 2em;
		}
	}

#ua_account_photo_label
{
	padding: 14px 0;
}

.ua-account-account textarea[name=address]
{
	margin-top: 5px;
}

#ua_payment_fields_container
{
	margin-top: 1em;
}

.ua-payment-fields
{
	padding: 10px;
    border: solid 1px #ddd;
}

#ua_account_payment_afterpwchange .ua-dialog-header p
{
	text-align: center;
	font-size: 1em;
	color: #333;
}
	
	#ua_account_payment_afterpwchange .ua-dialog-header p:last-child
	{
		padding-top: 15px;
		border-top: solid 1px #888;
		font-size: 1.15em;
		font-weight: 500;
	}

#ua_payment_fields_creditcard,
#ua_payment_fields_paypal,
#ua_payment_fields_wire
{
	display: none;	
}

#ua_payment_vatnumber
{
	margin-bottom: 2em;
}

#ua_account_payment_expiryfields input
{
	display: inline;
	width: 28px;
}



#ua_account_payment_cc_dialog_select_cc
{
	margin-bottom: 10px;
	text-align: center;
}

	#ua_account_payment_cc_dialog_select_cc span
	{
		display: inline;
		padding: 2px;
		font-size: 2.3em;
		color: #ccc;
	}
	
	#ua_account_payment_cc_dialog_select_cc span:first-child
	{
		display: inline-block;
		width: 100%;
		margin-bottom: 5px;
		font-size: 0.9em;
		color: #888;
	}

.ua-cc-dialog-cc-detected
{
	color: #555 !important;
}


#ua_payment_cc_expiry_fields
{
	margin: 0.75em 0 0.45em 0;
    padding: 0;
	border-bottom: solid 1px #888;
}
	
	#ua_payment_cc_expiry_fields:hover
	{
		border-bottom: solid 1px #f85e54;
		background: url(../graphics/icons/ui/edit.png) 98% / 14px no-repeat transparent;
	}
	
	#ua_payment_cc_expiry_fields input
	{
		margin: 0;
		border-bottom: 0;
	}
	
		#ua_payment_cc_expiry_fields input:hover
		{
			background: none;	
		}
	
	#ua_payment_cc_expiry_fields .input-anim
	{
		width: 30px;
		margin: 0;	
	}
	
		#ua_payment_cc_expiry_fields .input-anim:last-child label
		{
			left: 62px;	
		}
	
	#cc_dialog_expiry_divider
	{
		position: relative;
		top: 2px;
		font-size: 1.3em;	
	}

#ua_account_payment_cc_dialog_overlay
{
	position: absolute;
	display: none;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 2.4em;
	text-align: center;
	background: #f5f5f5;
	opacity: 0.8;
	pointer-events: none;
	z-index: 300;
}
	
	#ua_account_payment_cc_dialog_overlay > div
	{
		display: table;
		width: 100%;
		height: 100%;
	}
		
		#ua_account_payment_cc_dialog_overlay > div > div
		{
			display: table-cell;
			vertical-align: middle;
		}

#ua_payment_cover
{
	position: absolute;
	display: none;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 56%;
	background: rgba(255,255,255,0.5);
	z-index: 300;
}

#ua_accountpayment_avatar_container
{
	display: table;
}
	
	#ua_accountpayment_avatar_container > *
	{
		display: table-cell;
		vertical-align: middle;
	}
	
	#ua_accountpayment_avatar_image_container
	{
		width: 70px;
	}
	
	#ua_accountpayment_avatar_container .btn-cancel
	{
		position: relative;
		top: 0;
	}

		@media (min-width: 470px)
		{
			#ua_accountpayment_avatar_container .btn-cancel
			{
				position: relative;
				top: -6px;
			}
		}




.ua-purchases-licenses
{
	margin-top: 30px;
}


.ua-overview-purchase-item-icon img
{
	width: 34px;
	height: auto;
}

.ua-overview-purchase-item-title
{
    padding: 0;
}

.ua-overview-purchase-item-title span
{
    font-weight: 700;
}

.ua-overview-purchase-item-subinfo
{
    padding: 3px 0;
}

.ua-overview-purchase-item-subinfo span
{
    font-size: 0.85em;
}
	
	.ua-overview-purchase-item-subinfo .ua-purchase-bold
	{
		margin-left: 5px;
		font-weight: 500;
	}
		
		.ua-overview-purchase-item-subinfo .ua-purchase-bold:first-child
		{
			margin-left: 0;
		}



.ua-overview-purchase-item
{
    margin-bottom: 5px;
}


.ua-purchase-item td
{
	padding-bottom: 6px !important;
}

.ua-purchase-item span
{
	display: inline-block;
	vertical-align: top;
}

.ua-purchase-item-product-icon
{
	padding-right: 0;	
}
	
	.ua-purchase-item-product-icon img
	{
		width: 28px;
		height: auto;
		padding: 0;
	}

.ua-purchase-item-product-text
{
	padding-left: 0;	
}
	
	.ua-purchase-item-product-text span
	{
		display: block;
		font-weight: 500;
		line-height: 1.2em;
	}
	
		.ua-purchase-item-product-text #ua_purchase_item_product_text_product
		{
			font-size: 0.8em;
			font-weight: 900;
		}

		.ua-purchase-item-product-text #ua_purchase_item_product_text_name
		{
			font-size: 0.9em;
		}

		.ua-purchase-item-product-text #ua_purchase_item_product_text_serial
		{
			display: none;
			margin-top: -4px;
			font-size: 0.9em;
		}

.ua-purchase-item-state
{
	padding: 0;	
}
	.ua-purchase-state-monthly,
	.ua-purchase-state-paid
	{
		color: #2FAF7D;
	}
	
	.ua-purchase-state-waiting
	{
		color: #E6922C;
	}
	
	.ua-purchase-state-monthly:before,
	.ua-purchase-state-waiting:before,
	.ua-purchase-state-paid:before
	{
		display: inline-block;
		width: 15px;
		font-family: FontAwesome;
		font-size: 0.8em;
	}
	
	.ua-purchase-state-monthly:before
	{
		content: "\f017";
		
	}
	
	.ua-purchase-state-waiting:before
	{
		padding-left: 2px;
		content: "\f12a";	
	}
	
	.ua-purchase-state-paid:before
	{
		content: "\f00c";	
	}

.ua-purchase-item-state1
{
	display: block !important;
	font-weight: 500;
}

.ua-purchase-item-state1 span + span,
.ua-purchase-item-state2
{
	font-size: 0.9em;
	font-weight: 300;
}
	
	.ua-purchase-item-state1 span + span:before,
	.ua-purchase-item-state2:before
	{
		display: inline-block;
		width: 15px;
		font-family: FontAwesome;
		content: "\f274";
		font-size: 0.8em;
	}





.ua-purchase-item-cancel
{
	text-align: center;
}



.btn-renewal:before
{
	font-family: FontAwesome;
	content: "\f00d";
}

.btn-renewal
{
	content: "";
}


.ua-corporate-emailgroup
{
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #ccc;
}

.ua-corporate-email-rm
{
	padding-top: 5px;
}

.ua-corporate-email-status
{
	padding-top: 5px;
	text-align: right;
}
	
	.ua-corporate-email-status .fa
	{
		padding: 3px 0;
	}

.ua-status-display
{
	text-align: right;
}
	
	.ua-status-display .fa
	{
		padding: 6px 0;
	}

.btn-dlic
{
	display: inline-block;
	margin: 5px 0;
}
	
	.btn-dlic:before
	{
		font-family: FontAwesome;
		content: "\f063";
	}

.mandatory{
    width:20px;
    display:block;
    height:20px;
    background:url(../graphics/icons/ui/edit.png) 98% / 14px no-repeat transparent;
    color:white;
    text-decoration:none;
    padding-left:20px;
}

/* UA FREELANCER */

.ua-freelancer-topicgroup
{
	padding: 15px 0;
	border-bottom: solid 1px #ccc;	
}

	.ua-freelancer-topicgroup .row
	{
		margin: 2px 0;	
	}
	
	.ua-freelancer-topicgroup:last-child
	{
		border-bottom: none;
	}

@media (max-width: 614px)
{
	#ua_freelancer_contact_options_list .ua-status-display
	{
		padding: 0px;
	}
}

.ua-freelancer-skillgroup .ua-status-display
{
	padding: 3px 0;
}

.ua-freelancer-cvgroup
{
	margin-bottom: 15px;
	padding: 15px;
	border: solid 1px #aaa;
	border-radius: 3px;
}

.ua-freelancer-cv-buttonpane
{
	text-align: center;
}
	
	@media (max-width: 991px)
	{
		.ua-freelancer-cv-buttonpane
		{
			text-align: left;
		}
	}

	.ua-freelancer-cv-buttonpane > div
	{
		display: inline-block;
		padding: 10px;
	}
		
		@media (max-width: 991px)
		{
			.ua-freelancer-cv-buttonpane > div
			{
				width: 49%;
				padding: 0;
			}
		}
	
		.ua-freelancer-rm-cv-item
		{
			padding-top: 5px;
		}
		
		.ua-freelancer-cv-status
		{
			padding-top: 5px;
			text-align: right;
		}
			
			.ua-freelancer-cv-status .fa
			{
				padding: 3px 0;
			}

#ua_freelancer_status
{
	margin: 15px 0;
	text-align: center;
	color: #555;
}
	
	#ua_freelancer_status .fa
	{
		margin-right: 10px;
		color: #4DBF88;	
	}


#ua_freelancerprofile
{
	padding-top: 0;
}

#ua_freelancer_header
{
	margin: 0 0 30px 0;
	border-bottom: solid 1px #444;
	border-top-left-radius: 16px; /* +1px zu ".ua-content-container" */
    border-top-right-radius: 16px; /* +1px zu ".ua-content-container" */
	text-align: center;
	background: #555;
}

	#ua_freelancer_header li
	{
		display: inline;
		padding: 5px 10px;
		margin: 0px 5px;
		border-radius: 3px;
		font-size: 1.3em;
		color: #fff;
		background: transparent;
		cursor: pointer;
		-webkit-transition: color 0.15s ease-out;
		-moz-transition: color 0.15s ease-out;
		-o-transition: color 0.15s ease-out;
		transition: color 0.15s ease-out;
	}
	
		#ua_freelancer_header li:hover
		{
			color: #1ABC9C;
		}
		
		@media (max-width: 510px)
		{
			#ua_freelancer_header li
			{
				display: block;
				margin: 5px 0;
			}
		}
	
	#ua_freelancer_header .fa
	{
		margin-right: 10px;
		font-size: .9em;
	}



#ua_availability_container
{
	margin-top: 10px;
}
	
	#ua_availability_container .col-xs-4 > label
	{
		top: 12px;
	}
	
	#ua_availability_container input[type=checkbox]
	{
		top: 12px;
	}


#ua_availability_moreoptions
{
	opacity: 0.2;
	pointer-events: none;
	
	-webkit-transition: opacity 0.15s ease-out;
	-moz-transition: opacity 0.15s ease-out;
	-o-transition: opacity 0.15s ease-out;
	transition: opacity 0.15s ease-out;
}

.ua-availabilty-moreoptions-show
{
	opacity: 1 !important;
	pointer-events: auto !important;
}


.ua-freelancer-contact-options-container > div > label
{
	padding: 16px 0;
}

.ua-freelancer-contact-options-container .input-anim label
{
	left: 3px;
}

.ua-freelancer-contact-options-container .fa
{
	width: 20px;	
}

#ua_freelancer_contact_options_list > .row > div:first-child
{
	padding-left: 0;
}

.ua_freelancer_rm_rating i
{
	color: #f85e54;	
	font-size: 1.1em;
	cursor: pointer;
}
  

.ua-freelancer-rating { 
  border: none;
  float: left;
}

.ua-freelancer-rating > input { display: none; } 
.ua-freelancer-rating > label:before { 
  margin: 2px;
  font-size: 1.1em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f111";
}

.ua-freelancer-rating > .half:before { 
  content: "\f111";
  position: absolute;
}

.ua-freelancer-rating > label { 
  color: #ccc; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.ua-freelancer-rating > input:checked ~ label, /* show gold star when clicked */
.ua-freelancer-rating:not(:checked) > label:hover, /* hover current star */
.ua-freelancer-rating:not(:checked) > label:hover ~ label { color: #888;  } /* hover previous stars in list */

.ua-freelancer-rating > input:checked + label:hover, /* hover current star when changing rating */
.ua-freelancer-rating > input:checked ~ label:hover,
.ua-freelancer-rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.ua-freelancer-rating > input:checked ~ label:hover ~ label { color: #555;  }


#ua_freelancer_certified_header
{
	margin: 10px 0 20px 0;
	text-align: center;
	font-size: 0.9em;
}

	#ua_freelancer_certified_header img
	{
		display: inline-block;
		width: 90px;
		height: auto;
	}
	
	#ua_freelancer_certified_header span
	{
		display: inline-block;
		width: 100%;
	}

#ua_freelancer_certificate_pending,
#ua_freelancer_certificate_approved,
#ua_freelancer_certificate_rejected
{
	padding: 5px 0;
	color: #aaa;
}

	#ua_freelancer_certificate_approved
	{
		color: #74CB89;	
	}




#ua_freelancer_select_cc
{ 
  border: none;
  float: left;
  padding: 0 77px;
}

#ua_freelancer_select_cc > input
{
	display: none;
} 

#ua_freelancer_select_cc > label:before
{ 
  margin: 2px;
  font-size: 2.3em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f1f1";
  cursor: pointer;
}
	
	#ua_freelancer_select_cc > label:last-child:before
	{
		content: "\f1f0";
	}
	
	/*#ua_freelancer_select_cc #cc_mastercard:before
	{
		
	}
	
	#ua_freelancer_select_cc #cc_visa:before
	{
		content: "\f1f0";
	}*/

#ua_freelancer_select_cc > label
{ 
	color: #ccc; 
	float: left;
	padding: 3px;
}

#ua_freelancer_select_cc > label:hover
{
	color: #f85e54;	
}

#ua_freelancer_select_cc > input:checked > label
{
	color: #9AAAE9;
}




/* SPLASHSCREEN */


#splashscreen_container
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #111;
	z-index: 400;
}
/*
.layout
{
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	overflow: hidden;
	padding: 6px;
}


.splashtiles-container
{
	width: 100%;
	height: 100%;
	margin: auto;
}

.tile-3de
{
	display: inline-block;
	background-color: #111;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
		
	transition: transform 0.15s ease-out, opacity 0.25s ease-out;	
	cursor: pointer;
}
	.tile-3de:hover,
	.tile-hover
	{
		transform: scale(1.05,1.05);
		box-shadow: 1px 0 20px #111;
		z-index: 451 !important;
	}
	
	.tile-3de div
	{
		width: 100%;
    	height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	

@keyframes start
{
	from
	{
		-webkit-transform: translate(0,-10px);
		transform: translate(0,-10px);
	}
	to
	{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@-webkit-keyframes start
{
	from
	{
		-webkit-transform: translate(100px,0);
		transform: translate(100px,0);
	}
	to
	{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

.splashtiles-container .tile-3de[data-state="init"]
{
	display: none;
}

.splashtiles-container .tile-3de[data-state="start"] 
{
	display: block;
	animation: start 0.05s;
	-webkit-animation: start 0.05s;
}

.splashtiles-container .tile-3de[data-state="move"] 
{
	transition: top 0.1s, left 0.1s, width 0.1s, height 0.1s;
	-webkit-transition: top 0.1s, left 0.1s, width 0.1s, height 0.1s;
}
	
#splashscreen_copyright_container
{
	position: fixed;
	bottom: -40px;
	left: 0;
	width: 100%;
	height: auto;
	padding: 5px;
	color: #efefef;
	font-size: 12px;
	text-align: center;
	z-index: 460;
	
	transition: bottom 0.15s ease-out;
}
	
	#splashscreen_copyright_container span
	{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 8px;
		background-color: rgba(17,17,17,0.85);
	}

.hide-tile
{
	opacity: 0 !important;
	pointer-events: none;
}

.splashscreen_3detile,
.splashscreen_3detile div
{
	position: absolute;
	top: 0;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#fulltile_container
{
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 470;
}
	
	#fulltile_container button
	{
		padding: 10px;
		border-radius: 6px;
		border: none;
		text-align: center;
		font-size: 1.4em;
		cursor: pointer;
		transition: background-color 0.15s ease-out;
	}
		
		#fulltile_container button:before
		{
			font-family: FontAwesome;
		}

#fulltile_inner
{
	display: table-cell;
	vertical-align:middle;
}


#fulltile_movietitle
{
	position: fixed;
	top: 30px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.6em;
	z-index: 471;
}

#fulltile_image
{
	text-align: center;
}
	
	#fulltile_image_img
	{
		transition: all 0.15s ease-out;
	}
	
	#fulltile_image img,
	#fulltile_image iframe
	{
		width:100%;
		height:auto;
		border:solid 3px #111;
		transition: margin-top 0.25s ease-out;
	}
	
	#fulltile_image_nav_left,
	#fulltile_image_nav_right
	{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	#fulltile_image_nav_left
	{
		left: 15px;
	}
	
	#fulltile_image_nav_right
	{
		right: 15px;
	}
	
	#fulltile_image_nav_left button,
	#fulltile_image_nav_right button,
	#fulltile_close
	{
		margin: 0;
		padding: 8px 32px;
		font-size: 5em;
		line-height: 0.5em;
    	font-weight: 100;
		cursor: pointer;
	}
		
		@media(max-width: 991px)
		{
			#fulltile_image_nav_left button,
			#fulltile_image_nav_right button,
			#fulltile_close
			{
				padding: 0;
			}
		}
	
	#fulltile_prev,
	#fulltile_next
	{
		transform: scale(0.5,1);
	}
	
	#fulltile_close
	{
		position: absolute;
		top: -40px;
		right: 5px;
		padding: 8px 4px 8px 5px !important;
		font-size: 3.5em !important;
		line-height: 0.4em;
	}
	
	#fulltile_image_copyright
	{
		margin-top: 5px;
		color: #aaa;
		font-size: 0.85em;
	}
	
	@media(max-width: 479px)
	{
		#fulltile_image_img
		{
			display: block;
			width: 100%;
		}
		
		#fulltile_image_nav_left,
		#fulltile_image_nav_right
		{
			display: inline-block;
			top: 45px;
		}
		
		#fulltile_image_nav_left button:hover,
		#fulltile_image_nav_right button:hover,
		#fulltile_close button:hover
		{
			color: #ccc;
			background-color: transparent;
		}
	}

#fulltile_proceed_container
{
	position: fixed;
	bottom: 30px;
	width: 100%;
	z-index: 471;
}

	#fulltile_proceed:before
	{
		content: '\f061';
		margin-right: 15px;
	}

.fulltile_transition
{
	opacity: 0;
}

	
.splashscreen-anim
{
	transition: all 0.15s ease-out;
}

.splashscreen-blur
{
	-webkit-filter: blur(8px) brightness(40%) grayscale(40%);
	-moz-filter: blur(8px) brightness(40%) grayscale(40%);
	-ms-filter: blur(8px) brightness(40%) grayscale(40%);
	filter: blur(8px) brightness(40%) grayscale(40%);
}


*/




	
	



/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */




/* ------------------------------------------------------------ */
/* JQUERY UI                                                    */
/* ------------------------------------------------------------ */


/*! jQuery UI - v1.11.4 - 2015-05-27
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, button.css, dialog.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 300;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-resizable {
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 300;
	border: 1px dotted black;
}

.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: none;
}

.ui-dialog .ui-dialog-titlebar
{
	/*padding: .45em 1em;
	position: relative;
	background-color: rgba(247,93,84,0.8);
	margin-bottom: 5px;
	height: 10px;*/
	padding: .35em 1em;
	position: relative;
	background-color: rgba(247,93,84,0.8);
	height: 24px;
	color: #f5f5f5;
}

.ui-dialog .ui-dialog-title
{
	/*float: left;*/
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close
{
	position: absolute;
	right: 0.2em;
	top: 39%;
	/*width: 20px;*/
	margin: -10px 0 0 0;
	padding: 4px;
	/*height: 20px;*/
}

.ui-dialog .ui-dialog-content
{
	float: left;
	position: relative;
	padding: 1em;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #f5f5f5;
	box-shadow: 0 1px 2px 0 #333;
}

.ui-draggable .ui-dialog-titlebar
{
	cursor: move;
}

.no-close .ui-dialog-titlebar-close
{
	display: none;
}


/* Datepicker */

.ui-datepicker
{
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	background: #fff;
  	border-radius: 3px;
  	box-shadow: 0 1px 1px 0 #777;
}

.ui-datepicker .ui-datepicker-header
{
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
	display: none;
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover
{
	top: 1px;
}

.ui-datepicker .ui-datepicker-prev
{
	left: 2px;
}

.ui-datepicker .ui-datepicker-next
{
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover
{
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover
{
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span
{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title
{
	margin: 0;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker-calendar
{
	display: none;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year
{
	width: 40%;
	margin: 0 5%;
}

.ui-datepicker table
{
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th
{
	padding: .7em .3em;
	text-align: center;
	font-weight: 500;
	border: 0;
}

.ui-datepicker td
{
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a
{
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
	color: #555;
	border: solid 1px transparent;
	border-radius: 4px;
	cursor: pointer;
}
	
	.ui-datepicker td a:hover
	{
		background: transparent;
		border: solid 1px #f85e54;
	}

	.ui-datepicker td a.ui-state-active
	{
		background: #f85e54;	
		color: #fff;
	}

.ui-datepicker .ui-datepicker-buttonpane
{
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button
{
	float: right;
	margin-bottom: 5px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
	float: left;
	margin-left: 2.5%;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close
{
	margin-right: 2.5%;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi
{
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group
{
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table
{
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group
{
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group
{
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group
{
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header
{
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane
{
	clear: left;
}

.ui-datepicker-row-break
{
	clear: both;
	width: 100%;
	font-size: 0;
}


/* RTL support */

.ui-datepicker-rtl
{
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev
{
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next
{
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover
{
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover
{
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane
{
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button
{
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group
{
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header
{
	border-right-width: 0;
	border-left-width: 1px;
}




















/* ------------------------------------------------------------ */
/* MISC / EXPERMIMENTAL STUFF */
/* ------------------------------------------------------------ */


/* COMING SOON */

#site_comingsoon
{
	padding: 30px;
	text-align: center;
}
	
	#site_comingsoon h1 > img
	{
		width: 300px;
		height: auto;	
	}
	
	#site_comingsoon h2 > img
	{
		width: 100px;
		height: 100px;	
	}






/* NO JAVASCRIPT */

#noscript_container
{
	position: absolute;
	display: table;
	width: 100%;
	height: 100%;
	z-index: 600;
}

	#noscript_inner
	{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 1.2em;
		color: #f5f5f5;
	}
		
		@media (min-width: 769px)
		{
			#noscript_inner
			{
				font-size: 2.5em;
				font-size: 2vw;
			}
		}
		
		#noscript_inner span
		{
			display: block;
			margin-top: 20px;
		}
		
		#noscript_inner img
		{
			display: block;
			width: 700px;
			max-width: 80%;
			height: auto;
			margin: 0 auto;
		}