/*----------------------------------------------------------------------------------------------------
HTML Reset
----------------------------------------------------------------------------------------------------*/
* { box-sizing: border-box }
address, blockquote, body, button, caption, cite, code, dd, dfn, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, label, legend, li, object, ol, p, pre, span, table, td, th, ul {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: transparent;
	font-size: 100%;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}
button, input, optgroup, option, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
}
/*----------------------------------------------------------------------------------------------------
HTML 5 Reset
----------------------------------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}
/*----------------------------------------------------------------------------------------------------
Universal CSS styles
----------------------------------------------------------------------------------------------------*/
.noscreen {
	display: none;
}
.clear {
	clear: both;
}
.clear.h10 {
	height: 10px;
}
.clear.h15 {
	height: 15px;
}
.clear.h20 {
	height: 20px;
}
.clear.h30 {
	height: 30px;
}
.center, .aligncenter {
	text-align: center !important;
}
.right {
	text-align: right !important;
}
.middle {
	vertical-align: middle;
}
.larger {
	font-size: larger;
}
.smaller {
	font-size: smaller;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.invisible {
	visibility: hidden;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
}
.nowrap {
	white-space: nowrap;
}
.nomargin {
	margin: 0 !important;
}
.noborder {
	border: none !important;
}
/*----------------------------------------------------------------------------------------------------
Global
----------------------------------------------------------------------------------------------------*/
body {
	padding-top: 60px;
	background: #D1DBE0;
	color: #000000;
	font: 14px/1.6em 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
/*----------------------------------------------------------------------------------------------------
Topnav
----------------------------------------------------------------------------------------------------*/
.topnav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 32px;
	background: url('../images/topnav.png') left top repeat-x;
	z-index: 99999;
}
.topnav-wrapper {
	width: 950px;
	margin: 0 auto;
	padding-top: 6px;
	text-align: center;
	position: relative;
}
.topnav-wrapeer-bottom {
	width: 992px;
	height: 33px;
	position: absolute;
	top: 32px;
	left: -45px;
	background: url('../images/background.png') center no-repeat;
}
.topnav ul li {
	display: inline-block;
	padding: 0 32px;
	border-right: 1px solid #999;
}
.topnav ul li.last {
	border-right: none;
}
.topnav ul li a {
	padding: 0 10px;
	text-decoration: none;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	opacity: .4;
}
.topnav ul li a:hover, .topnav ul li a.active {
	opacity: 1;
}
.topnav-home a {
	position: relative;
	top: 2px;
	display: inline-block;
	width: 16px;
	height: 14px;
	background: url('../images/icon-home.png') center bottom no-repeat;
}
.topnav-home a span {
	display: none;
}
/*----------------------------------------------------------------------------------------------------
Welcome
----------------------------------------------------------------------------------------------------*/
.welcome {
	position: relative;
	width: 950px;
	margin: 0 auto -250px auto;
}

.welcome-slider {
	position: relative;
	width: 950px;
	height: 683px;
}
.slider-prev a {
	position: absolute;
	left: 20px;
	top: 260px;
	display: block;
	width: 75px;
	height: 75px;
	background: url('../images/slider-prev.png') center center no-repeat;
	z-index: 999;
	opacity: 0.5;
}
.slider-prev a span {
	display: none;
}
.slider-prev a:hover {
	opacity: 1;
}
.slider-next a {
	position: absolute;
	right: 20px;
	top: 260px;
	display: block;
	width: 75px;
	height: 75px;
	background: url('../images/slider-next.png') center center no-repeat;
	z-index: 999;
	opacity: 0.5;
}
.slider-next a span {
	display: none;
}
.slider-next a:hover {
	opacity: 1;
}
.welcome-logo a {
	position: absolute;
	left: 280px;
	top: 60px;
	display: block;
	width: 409px;
	height: 223px;
	background: url('../images/logo.png') left top no-repeat;
	z-index: 999;
}
.welcome-logo a span {
	display: none;
}

.welcome-text {
	position: absolute;
	right: -72px;
	top: 455px;
	width: 412px;
	height: 710px;
	background: url('../images/home-text-welcome.png') left top no-repeat;
	z-index: 999;
}
.welcome-text-title {
	width: 305px;
	height: 206px;
	position: relative;
	padding-left: 39px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 33px;
	line-height: 36px;
	text-transform: uppercase;
	color: #000;
	letter-spacing: -1px;
}
.welcome-text-title h1 {
	position: absolute;
	bottom: 0;
}
.welcome-text-content {
	width: 305px;
	margin: 40px 0 0 40px;
}
.welcome-text-content p {
	margin-bottom: 30px;
	font-size: 13px;
	line-height: 16px;
}
.welcome-text-content ul li a.btn {
	display: block;
	width: 230px;
	margin: 0 0 10px 0;
	padding: 0 10px 0 40px;
	text-decoration: none;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: red;
}
.welcome-text-content ul li a.btn span {
	display: inline-block;
	padding: 5px 10px;
	border-left: 2px solid #FFF;
}
.welcome-text-content ul li a.btn-buy {
	background: #00BB5B url('../images/icon-buy.png') 10px center no-repeat;
}
.welcome-text-content ul li a.btn-download {
	background: #2D7CB3 url('../images/icon-download.png') 10px center no-repeat;
}
.welcome-text-content ul li a.btn:hover {
	opacity: .7;
}

.welcome-block1 {
	position: relative;
	left: -17px;
	top: -120px;
	width: 1033px;
	height: 360px;
	z-index: 100;
}
.welcome-title1 h2 {
	position: absolute;
	left: 30px;
	bottom: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	color: #FFF;
	z-index: 999;
}
.welcome-block1 img {
	position: absolute;
	left: -50px;
	top: 0;
}
.welcome-block1:hover {
	filter: brightness(110%);
	-webkit-filter: brightness(110%);
}

.welcome-block2 {
	position: relative;
	left: -16px;
	top: -130px;
	width: 1033px;
	height: 360px;
	z-index: 888;
}
.welcome-title2 h2 {
	position: absolute;
	left: 30px;
	top: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	color: #FFF;
	z-index: 999;
}
.welcome-block2-info {
	position: absolute;
	left: 30px;
	top: 115px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	z-index: 999;
}
.welcome-block2 img {
	position: absolute;
	left: -50px;
	top: 0;
}
.welcome-block2:hover {
	filter: brightness(110%);
	-webkit-filter: brightness(110%);
}

.welcome-block3 {
	position: relative;
	top: -270px;
	left: -25px;
	width: 996px;
	height: 562px;
	background: url(../images/home-awards-bg.png) center top no-repeat;
}
.welcome-block3 p.text1 {
	position: absolute;
	left: 350px;
	top: 130px;
	width: 500px;
	font-size: 15px;
}
.welcome-award {
	position: absolute;
	left: 30px;
	top: 40px;
	z-index: 999;
}

.welcome-block3 p.text2 {
	position: absolute;
	left: 90px;
	top: 445px;
	width: 540px;
	font-size: 15px;
	text-align: center;
}
.welcome-awards {
	position: absolute;
	left: 650px;
	top: 205px;
	z-index: 999;
}

/*----------------------------------------------------------------------------------------------------
Features
----------------------------------------------------------------------------------------------------*/
.features {
	width: 1000px;
	min-height: 100px;
	margin: 0 auto 50px auto;
	overflow: hidden;
}
.features-wrapper {
	margin: 0 auto;
	padding-bottom: 30px;
	width: 900px;
	background: #FFFFFF url('../images/textblock-bottom.png') center bottom no-repeat;
}
.features h2 {
	padding: 75px 0 50px 0;
	text-align: center;
	background: url('../images/textblock-top.png') center top no-repeat;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 36px;
	color: #808080;
}

.features-block-left {
	position: relative;
	width: 100%;
	height: 340px;
}
.features-block-left:hover {
	filter: brightness(110%);
	-webkit-filter: brightness(110%);
}
.features-block-left img {
	position: absolute;
	left: -25px;
}
.features-title-left {
	position: absolute;
	left: -50px;
	top: -40px;
	width: 413px;
	height: 220px;
	background: url('../images/title-left.png') left top no-repeat;
	z-index: 999;
}
.features-title-left h3 {
	margin: 42px 0 0 32px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	color: #000;
}
.features-block-left p {
	position: absolute;
	left: 350px;
	top: 50px;
	width: 490px;
	color: #FFF;
	font-size: 13px;
	line-height: 17px;
	z-index: 999;
}

.features-block-right {
	position: relative;
	width: 100%;
	height: 340px;
}
.features-block-right:hover {
	filter: brightness(110%);
	-webkit-filter: brightness(110%);
}
.features-block-right img {
	position: absolute;
	left: -25px;
}
.features-title-right {
	position: absolute;
	right: -50px;
	top: -40px;
	width: 413px;
	height: 220px;
	background: url('../images/title-right.png') left top no-repeat;
	z-index: 999;
}
.features-title-right h3 {
	margin: 42px 32px 0 0;
	text-align: right;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
}
.features-block-right p {
	position: absolute;
	left: 40px;
	top: 50px;
	width: 490px;
	color: #FFF;
	font-size: 13px;
	line-height: 17px;
	z-index: 999;
}
/*----------------------------------------------------------------------------------------------------
Header
----------------------------------------------------------------------------------------------------*/
.header {
	position: relative;
	width: 950px;
	height: 467px;
	margin: 20px auto;
	background: url('../images/header.png') left top no-repeat;
	z-index: 888;
}
.header-logo a {
	position: absolute;
	left: 280px;
	top: 60px;
	display: block;
	width: 409px;
	height: 223px;
	background: url('../images/logo.png');
}
.header-logo a span {
	display: none;
}
/*----------------------------------------------------------------------------------------------------
Content block
----------------------------------------------------------------------------------------------------*/
.content-block {
	position: relative;
	width: 950px;
	margin: 30px auto;
	background: url('../images/content-block.png') left top repeat-y;
}
.content-block-top {
	width: 950px;
	background: url('../images/content-block-top.png') left top no-repeat;
}
.content-block-top2 {
	width: 950px;
	background: url('../images/content-block-top2.png') left top no-repeat;
}
.content-block-bottom {
	width: 985px;
	padding-bottom: 100px;
	background: url('../images/content-block-bottom.png') left bottom no-repeat;
}
.content-block.notitle .content-block-bottom {
	padding-top: 70px;
}
.content-block-bottom2 {
	width: 950px;
	padding-bottom: 100px;
	background: url('../images/content-block-bottom2.png') left bottom no-repeat;
}

.content-block.simple {
	background: url('../images/content-block-simple.png') left top repeat-y;
}
.content-block-top.simple {
	background: url('../images/content-block-simple-top.png') left top no-repeat;
}
.content-block-bottom.simple {
	padding-bottom: 50px;
	background: url('../images/content-block-simple-bottom.png') left bottom no-repeat;
}

.content-block.toheader {
	position: relative;
	top: -100px;
	margin-bottom: -100px;
}
.content-block.toheader.mb {
	position: relative;
	top: -100px;
	margin-bottom: -50px;
}

.content-block h2 {
	padding: 65px 0 0 0;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 36px;
	color: #808080;
}
.content-block h3 {
	position: relative;
	left: -25px;
	top: 0;
	width: 413px;
	height: 220px;
	padding: 42px 0 0 32px;
	background: url('../images/title-left.png') left top no-repeat;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	z-index: 999
}

.content-block-media {
	width: 910px;
	margin: 0 auto;
	padding: 0 0 25px 0;
}
.content-block-media img {
	display: inline-block;
	margin: 0px;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);
	width: 216px;
}

.content-divider {
	position: relative;
	right: 18px;
	width: 900px;
	height: 80px;
	margin: 0 auto;
	background: url('../images/content-divider.png') center top no-repeat;
}

.content {
	width: 850px;
	margin: 0 auto;
	padding-bottom: 30px;
	position: relative;
 	right: 18px;
}
.content.mapalign {
 	position: static;
}
.content.topcontent {
	position: relative;
	top: -60px;
	margin-bottom: -60px;
	z-index: 999;
}
.content.topcontent2 {
	position: relative;
	top: -190px;
	margin-bottom: -190px;
	z-index: 999;
}
.content-title {
	padding: 10px 60px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 20px;
}
.content-title span {
	display: block;
	color: #A1A1A1;
	font-size: 17px;
	line-height: 20px;
}
.content-title.title-right {
	text-align: right;
}
.content-wrapper {
	width: 730px;
	margin: 0 auto;
}

.content h5 {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 16px;
}
.content p {
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 18px;
}
.content a {
	color:#000;
}
.content a:hover {
	color: #626262;
}
.content ul {
	margin-bottom: 40px;
	margin-left: 20px;
}
.content .table-requirements ul {
	margin-bottom: 20px;
}
.content ul li {
	padding: 0 0 0 16px;
	background: url('../images/li.png') left 7px no-repeat;
	font-size: 13px;
	line-height: 20px;
}
.content ul li a {
	color: #000;
}
.content ul li a:hover {
	color: #626262;
}
.content ul li li {
	padding: 0 0 0 35px;
	background-position: 20px 7px;
	margin-right: 20px;
}
.content ul li li li {
	margin-right: 55px;
}
.content .alignright {
	position: relative;
	top: -40px;
	float: right;
	margin-left: 12px;
}
.content .qa-question {
	background: #626262;
	padding: 10px 20px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 0px;
}
.content .qa-answer {
	background: #EDEDED;
	padding: 15px 20px 20px;
	margin-bottom: 30px;
}

.content table.table-updates th, .content table.table-requirements th {
	width: 240px;
	padding: 0 20px 10px 0;
	text-align: right;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 20px;
}
.content table.table-updates th span, .content table.table-requirements th span {
	display: block;
	font-size: 15px;
	color: #808080;
}
.content table.table-updates td {
	width: 160px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 20px;
	display: inline-block;
	padding-bottom: 15px;
}
.content table.table-updates td a {
	padding: 0 0 0 26px;
	background: url('../images/icon-download2.png') left center no-repeat;
	color: #000;
	text-decoration: none;
}
.content table.table-updates td a:hover {
	opacity: .5;
}

.content table.table-deals th, .content table.table-deals th a {
	width: 330px;
	padding: 0 55px 10px 0;
	text-align: right;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 20px;
	vertical-align: top;
	text-decoration: none;
}
.content table.table-deals th.buy-bg {
	background: url('../images/buy_cart.png') 289px 2px no-repeat;
}
.content table.table-deals th.buy-bg:hover {
	opacity: .7;
}
.content table.table-deals th span, .content table.table-deals th span a {
	display: block;
	font-size: 15px;
	color: #808080;
	text-decoration: none;
	position: relative;
  	top: -4px;
}
.content table.table-deals td {
	width: 130px;
	text-align: center;
}
.content table.table-deals td.value {
	padding-top: 7px;
}
.content table.table-deals th a.scroll {
  padding-right: 45px;
  display: inline-block;
}
.content table.table-deals td.table-deals-image {
	padding-bottom: 50px;
}
.content table.table-deals td.table-deals-image img {
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);
}

.content.content-update-history ul {
	margin: 0;
	padding: 0;
}
.content.content-update-history>.content-wrapper>ul {
	margin-bottom: 40px;
	margin-left: 20px;
}

.content-block-left {
	position: relative;
	left: 25px;
	width: 100%;
	height: 340px;
	margin-top: 30px;
}
.content-block-left img {
	position: absolute;
	left: -25px;
}
.content-title-left {
	position: absolute;
	left: -50px;
	top: -30px;
	width: 413px;
	height: 220px;
	background: url('../images/title-left.png') left top no-repeat;
	z-index: 999;
}
.content-title-left h3 {
	margin: 44px 0 0 60px;
	padding: 0;
	background: none;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
}
.content-block-left p {
	position: absolute;
	left: 375px;
	top: 50px;
	width: 490px;
	color: #FFF;
	font-size: 13px;
	line-height: 17px;
	z-index: 999;
}

.content-block-right {
	position: relative;
	left: 25px;
	width: 100%;
	height: 340px;
	margin-top: 30px;
}
.content-block-right img {
	position: absolute;
	left: -25px;
}
.content-title-right {
	position: absolute;
	right: 0px;
	top: -30px;
	width: 413px;
	height: 220px;
	background: url('../images/title-right.png') left top no-repeat;
	z-index: 999;
}
.content-title-right.ge-buy {
	right: 30px;
	top: -30px;
}
.content-title-right h3 {
	margin: 42px 32px 0 0;
	padding: 0;
	background: none;
	text-align: right;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}
.content-block-right p {
	position: absolute;
	left: 50px;
	top: 60px;
	width: 490px;
	color: #FFF;
	font-size: 13px;
	line-height: 17px;
	z-index: 999;
}
.content-block-id {
	position: relative;
	top: -100px;
}
.content .buy .col {
	float: left;
	width: 210px;
	margin-right: 10px;
}
.content .buy .col.last {
	margin-right: 0;
}
.content .buy .pricetag, .content .buy  a {
	display: block;
	margin-bottom: 5px;
	padding: 0 10px 0 40px;
	text-decoration: none;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.content .buy .pricetag {
	padding: 3px 5px;
	text-align: right;
	border: 2px solid #7F7F7F;
	color: #7F7F7F;
}
.content .buy a.btn span {
	display: inline-block;
	padding: 5px 0 5px 10px;
	border-left: 2px solid #FFF;
}
.content .buy a.btn-buy {
	background: #00BB5B url('../images/icon-buy.png') 10px center no-repeat;
}
.content .buy a.btn-download {
	background: #2D7CB3 url('../images/icon-download.png') 10px center no-repeat;
}
.content .buy a.btn-steam {
	background: #000000 url('../images/icon-steam.png') 7px center no-repeat;
}
.content .buy a.btn:hover {
	opacity: .7;
}
.content .buy-gallery-images {
	display: none;
}
/*----------------------------------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------------------------------*/
.footer {
	padding-top: 45px;
}
.footer.footer-pt0 {
	padding-top: 0px;
}
.footer-bottom {
	width: 100%;
	height: 64px;
	background: #000;
}

.footer-socials {
	width: 950px;
	margin: 0 auto 12px auto;
	overflow: hidden;
}
.footer-socials a {
	float: left;
	display: block;
	width: 182px;
	height: 114px;
	margin-right: 10px;
	background: red;
	text-decoration: none;
	color: #FFF;
	font-family: 'Open Sans Condensed', sans-serif;
}
.footer-socials a:hover {
	opacity: .7;
}
.footer-socials a strong {
	display: block;
	margin: 23px 0 0 16px;
	font-size: 40px;
}
.footer-socials a span {
	display: block;
	font-weight: 700;
	margin: 5px 0 0 16px;
	font-size: 15px;
}
a.footer-steam {
	background: url('../images/steam.png') left top no-repeat;
}
a.footer-steam strong {
	margin-left: 0;
	text-align: center;
}
a.footer-steam span {
	margin: 16px 0 0 90px;
	text-transform: uppercase;
	line-height: 18px;
}
a.footer-facebook {
	background: url('../images/facebook.png') left top no-repeat;
}
a.footer-youtube {
	background: url('../images/youtube.png') left top no-repeat;
}
a.footer-twitter {
	background: url('../images/twitter.png') left top no-repeat;
}
a.footer-worldoftrucks {
	float: right;
	margin-right: 0;
	background: url('../images/worldoftrucks.png') left top no-repeat;
}


.footer-wrapper {
	position: relative;
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
.footer-left {
	float: left;
	color: #FFF;
	line-height: 18px;
}
.footer-left strong {
	display: block;
	padding: 13px 0 0 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
.footer-left strong a {
	color: #FFF;
	text-decoration: none;
}
.footer-left strong a:hover {
	color: #CCC;
}
.footer-left span {
	font-size: 13px;
}
.footer-right {
	float: right;
	position: relative;
	width: 182px;
	height: 64px;
	background: #FFF;
}
.footer-right a:hover {
	opacity: .7;
}
.footer-blogger {
	position: absolute;
	left: 55px;
	top: 22px;
	width: 23px;
	height: 25px;
	background: url('../images/footer-icon1.png') left top no-repeat;
}
.footer-comments {
	position: absolute;
	left: 101px;
	top: 22px;
	width: 28px;
	height: 25px;
	background: url('../images/footer-icon2.png') left top no-repeat;
}


/*----------------------------------------------------------------------------------------------------
Modding
----------------------------------------------------------------------------------------------------*/
.content.modding p {
	width: 730px;
	margin: 0 auto;
}
.content.modding .content-title {
	margin: 20px 0 10px;
}
.content.modding p.code {
	background: #EDEDED;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content.modding ul {
	width: 730px;
	margin: 10px auto;
}
.content.modding ol {
	width: 730px;
	margin: 10px auto;
	list-style-type: decimal;
	font-size: 13px;
}
.content.modding pre {
	background: #EDEDED;
	padding: 10px;
	width: 100%;
	max-width: 730px;
	margin: 10px auto;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	white-space: pre-line;
}
.content.modding img {
	margin: 10px auto;
	max-width: 730px;
}
.content.modding p a.ybg, .content.modding p a.ybg:hover{
	background: #000;
	padding: 1px 5px;
	color: #FFF;
	text-decoration: none;
}
.content.modding h2 {
	margin-bottom: 30px;
}
.content.modding h3 {
	padding: 10px 60px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 20px;
	display: block;
	-webkit-margin-before: 1.33em;
	-webkit-margin-after: 1.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	position: relative;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	background: none;
}
.content.modding h4 {
	padding: 10px 60px 5px 60px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
}
.content.modding h5 {
	padding: 10px 60px 5px 60px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	color: #808080;
}
.content.modding table {
	margin: 10px 0px 10px 60px;
	font-size: 13px;
}
/*----------------------------------------------------------------------------------------------------
About - carousel
----------------------------------------------------------------------------------------------------*/
.content p.trucks-info {
	position: relative;
	top: -143px;
	width: 500px;
	float: right;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.trucks-carousel {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	position: relative;
	top: -130px;
}
.trucks-carousel-leftbox {
	width: 260px;
	height: 499px;
	padding-right: 20px;
	float: left;
	text-align: right;
	background: url('../images/trucks-carousel-lbg.png') no-repeat 0px -11px;
}
.trucks-carousel-rightbox {
	max-width: 590px;
	float: right;
	cursor: move;
}
.trucks-carousel.no-truck-selected .trucks-carousel-rightbox {
	cursor: default;
}
.content p.trucks-carousel-truckname {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 27px;
	margin-bottom: 25px;
	margin-top: 77px;
}
.content p.trucks-carousel-values {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 3px;
}
.content p.trucks-carousel-values-category {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #999999;
	margin-bottom: 25px;
}
.trucks-carousel.no-truck-selected .trucks-carousel-values-category {
	display: none;
}
.trucks-carousel-colors {
	width: 100%;
	height: 15px;
	margin-bottom: 3px;
}
.trucks-carousel-color {
	width: 15px;
	height: 15px;
	margin-left: 6px;
	float: right;
}
.trucks-carousel-switcher-wrapper {
	width: 798px;
	margin: 0 auto;
}
.trucks-carousel-switcher-wrapper.row2{
	width: 684px;
	margin: 0 auto;
}
.content p.trucks-carousel-switcher {
	cursor: pointer;
	width: 114px;
	height: 105px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	color: #808080;
	padding-top: 100px;
	margin-bottom: 30px;
	text-align: center;
	background: url('../images/trucks-carousel-icons.jpg');
	background-position: 0 -105px;
	float: left;
	display: block;
}
.content p.trucks-carousel-switcher#truck-daf-xf-euro-6 {
	background-position: 0 -105px;
}
.content p.trucks-carousel-switcher#truck-volvo-fh16-2012 {
	background-position: 114px -105px;
}
.content p.trucks-carousel-switcher#truck-volvo-fh16-2009 {
	background-position: 228px -105px;
}
.content p.trucks-carousel-switcher#truck-scania-streamline {
	background-position: 342px -105px;
}
.content p.trucks-carousel-switcher#truck-scania-rcab-2009 {
	background-position: 456px -105px;
}
.content p.trucks-carousel-switcher#truck-renault-premium {
	background-position: 570px -105px;
}
.content p.trucks-carousel-switcher#truck-renault-magnum {
	background-position: 684px -105px;
}
.content p.trucks-carousel-switcher#truck-mercedes-actros-2014 {
	background-position: 798px -105px;
}
.content p.trucks-carousel-switcher#truck-mercedes-actros-2009 {
	background-position: 912px -105px;
}
.content p.trucks-carousel-switcher#truck-man-tgx {
	background-position: 1026px -105px;
}
.content p.trucks-carousel-switcher#truck-iveco-stralis {
	background-position: 1140px -105px;
}
.content p.trucks-carousel-switcher#truck-iveco-stralis-hi-way {
	background-position: 1254px -105px;
}
.content p.trucks-carousel-switcher#truck-daf-xf-105 {
	background-position: 1368px -105px;
}
.content p.trucks-carousel-switcher:hover, .content p.trucks-carousel-switcher.active {
	color: #000;
}
.content p.trucks-carousel-switcher#truck-daf-xf-euro-6:hover, .content p.trucks-carousel-switcher#truck-daf-xf-euro-6.active {
	background-position: 0 0;
}
.content p.trucks-carousel-switcher#truck-volvo-fh16-2012:hover, .content p.trucks-carousel-switcher#truck-volvo-fh16-2012.active {
	background-position: 114px 0;
}
.content p.trucks-carousel-switcher#truck-volvo-fh16-2009:hover, .content p.trucks-carousel-switcher#truck-volvo-fh16-2009.active {
	background-position: 228px 0;
}
.content p.trucks-carousel-switcher#truck-scania-streamline:hover, .content p.trucks-carousel-switcher#truck-scania-streamline.active {
	background-position: 342px 0;
}
.content p.trucks-carousel-switcher#truck-scania-rcab-2009:hover, .content p.trucks-carousel-switcher#truck-scania-rcab-2009.active {
	background-position: 456px 0;
}
.content p.trucks-carousel-switcher#truck-renault-premium:hover, .content p.trucks-carousel-switcher#truck-renault-premium.active {
	background-position: 570px 0;
}
.content p.trucks-carousel-switcher#truck-renault-magnum:hover, .content p.trucks-carousel-switcher#truck-renault-magnum.active {
	background-position: 684px 0;
}
.content p.trucks-carousel-switcher#truck-mercedes-actros-2014:hover, .content p.trucks-carousel-switcher#truck-mercedes-actros-2014.active {
	background-position: 798px 0;
}
.content p.trucks-carousel-switcher#truck-mercedes-actros-2009:hover, .content p.trucks-carousel-switcher#truck-mercedes-actros-2009.active {
	background-position: 912px 0;
}
.content p.trucks-carousel-switcher#truck-man-tgx:hover, .content p.trucks-carousel-switcher#truck-man-tgx.active {
	background-position: 1026px 0;
}
.content p.trucks-carousel-switcher#truck-iveco-stralis:hover, .content p.trucks-carousel-switcher#truck-iveco-stralis.active {
	background-position: 1140px 0;
}
.content p.trucks-carousel-switcher#truck-iveco-stralis-hi-way:hover, .content p.trucks-carousel-switcher#truck-iveco-stralis-hi-way.active {
	background-position: 1254px 0;
}
.content p.trucks-carousel-switcher#truck-daf-xf-105:hover, .content p.trucks-carousel-switcher#truck-daf-xf-105.active {
	background-position: 1368px 0;
}
/*----------------------------------------------------------------------------------------------------
About - Truck customization + personal career
----------------------------------------------------------------------------------------------------*/
.block-customization {
	height: 450px;
	padding-top: 205px;
	margin-bottom: 200px;
	background: url('../images/company-management-bg.png') -25px top no-repeat;
}
.block-customization p {
	color: #222;
}
.block-customization ul.options-left {
	position: static;
	float: left;
	width: 205px;
	margin: 20px 0 0 40px;
	z-index: 999;
}
.block-customization ul.options-left li {
	text-align: right;
}
.block-customization .content-title-right, .block-customization .content-title-right h3 {
	height: 215px;
}
.content-block .block-customization .content-title-right h3 {
	height: 150px;
}
.block-customization li {
	color: #666;
	margin-bottom: 6px;
}
.block-customization li {
	position: relative;
	display: block;
	width: 173px;
	height: 25px;
	padding: 0;
	color: #9B9B9B;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
}
.block-customization ul.options-left li:hover {
	color: #000000;
}
.block-customization ul.options-left li.active {
	color: #FFFFFF;
	background: url('../images/truck-customization/_bar-left.gif') left center no-repeat;
}
.block-customization ul.options-left li span {
	display: block;
	padding: 2px 30px 2px 0;
}
.block-customization ul.options-list li {
	cursor: pointer;
}
.block-customization ul.options-left li.opt1, .block-customization ul.options-left li.opt11 {
	left: 32px;
}
.block-customization ul.options-left li.opt2, .block-customization ul.options-left li.opt10 {
	left: 25px;
}
.block-customization ul.options-left li.opt3, .block-customization ul.options-left li.opt9 {
	left: 18px;
}
.block-customization ul.options-left li.opt4, .block-customization ul.options-left li.opt8 {
	left: 12px;
}
.block-customization ul.options-left li.opt5, .block-customization ul.options-left li.opt7 {
	left: 7px;
}
.block-customization ul.options-right {
	float: right;
	width: 205px;
	margin: 20px 60px 0 0;
	z-index: 999;
}
.block-customization ul.options-right li:hover {
	color: #000000;
}
.block-customization ul.options-right li.active {
	color: #FFFFFF;
	background: url('../images/truck-customization/_bar-right.gif') left center no-repeat;
}
.block-customization ul.options-right li span {
	display: block;
	padding: 1px 0 2px 30px;
}
.block-customization ul.options-right li.opt1, .block-customization ul.options-right li.opt11 {
	right: 32px;
}
.block-customization ul.options-right li.opt2, .block-customization ul.options-right li.opt10 {
	right: 25px;
}
.block-customization ul.options-right li.opt3, .block-customization ul.options-right li.opt9 {
	right: 18px;
}
.block-customization ul.options-right li.opt4, .block-customization ul.options-right li.opt8 {
	right: 12px;
}
.block-customization ul.options-right li.opt5, .block-customization ul.options-right li.opt7 {
	right: 7px;
}
.block-customization .customized {
	position: relative;
	float: left;
	width: 400px;
	text-align: center;
}
.block-customization .customized img {
	position: relative;
	left: 15px;
	margin: 0 auto;
}

.block-career {
	height: auto;
	padding-top: 150px;
	background: url('../images/personal-career-bg.png') -25px top no-repeat;
}
.block-career p {
	color: #222;
}
.block-career-content {
	margin: 0 90px 0 40px;
}
.block-career h4 {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 20px;
}

.block-career .skills {
	float: left;
	width: 483px;
}
.block-career .skill {
	position: relative;
	width: 483px;
	height: 64px;
	margin-bottom: 4px;
	overflow: hidden;
}
.block-career .skill .image {
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 5px;
}
.block-career .skill .image span {
	display: none;
}
.block-career .skill-adr-training .image {
	background: url('../images/skills_icons.jpg') left top no-repeat;
}
.block-career .skill-long-distance .image {
	background: url('../images/skills_icons.jpg') -64px top no-repeat;
}
.block-career .skill-high-value-cargo .image {
	background: url('../images/skills_icons.jpg') -128px top no-repeat;
}
.block-career .skill-fragile-cargo .image {
	background: url('../images/skills_icons.jpg') -192px top no-repeat;
}
.block-career .skill-just-in-time .image {
	background: url('../images/skills_icons.jpg') -256px top no-repeat;
}
.block-career .skill-ecodriving .image {
	background: url('../images/skills_icons.jpg') -320px top no-repeat;
}
.block-career .skill .nr {
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 5px;
}
.block-career .skill .nr1 {
	background: url('../images/skills_icons.jpg') left -186px no-repeat;
}
.block-career .skill .nr1:hover, .block-career .skill .nr1.active {
	background-position: left -122px;
	cursor: pointer;
}
.block-career .skill .nr2 {
	background: url('../images/skills_icons.jpg') -64px -186px no-repeat;
}
.block-career .skill .nr2:hover, .block-career .skill .nr2.active {
	background-position: -64px -122px;
	cursor: pointer;
}
.block-career .skill .nr3 {
	background: url('../images/skills_icons.jpg') -128px -186px no-repeat;
}
.block-career .skill .nr3:hover, .block-career .skill .nr3.active {
	background-position: -128px -122px;
	cursor: pointer;
}
.block-career .skill .nr4 {
	background: url('../images/skills_icons.jpg') -192px -186px no-repeat;
}
.block-career .skill .nr4:hover, .block-career .skill .nr4.active {
	background-position: -192px -122px;
	cursor: pointer;
}
.block-career .skill .nr5 {
	background: url('../images/skills_icons.jpg') -256px -186px no-repeat;
}
.block-career .skill .nr5:hover, .block-career .skill .nr5.active {
	background-position: -256px -122px;
	cursor: pointer;
}
.block-career .skill .nr6 {
	background: url('../images/skills_icons.jpg') -320px -186px no-repeat;
}
.block-career .skill .nr6:hover, .block-career .skill .nr6.active {
	background-position: -320px -122px;
	cursor: pointer;
}

.block-career .skills-description {
	float: right;
	width: 320px;
}
.block-career .skills-description h5 {
	margin-bottom: 15px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000;
	font-size: 16px;
}
.block-career .skills-description p {
	position: static;
	width: auto;
	margin-bottom: 15px;
}



/*----------------------------------------------------------------------------------------------------
About - Map
----------------------------------------------------------------------------------------------------*/
.map {
	width: 950px;
	height: 945px;
	position: relative;
	background: url('../images/map-bg.png?v=2') left top no-repeat;
}
.content p.map-info {
	position: relative;
	top: -142px;
	width: 500px;
	float: right;
	color: #fff;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.map h2 {
	position: relative;
	top: -60px;
	background: #d49a07;
	display: inline-block;
	padding: 0 15px;
}
.map .line {
	position: absolute;
	width: 3px;
	height: 580px;
	top: 80px;
	right: 240px;
	background: #494949;
}
.map .secmenu {
	position: absolute;
	right: 45px;
	width: 210px;
	height: 55px;
	padding-top: 15px;
	font-family: 'Oswald', sans-serif, Arial;
	color: #000;
	font-size: 26px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: right 0.3s;
	transition: right 0.3s;
}
.map .secmenu:hover {
	right: 50px;
}
.map .secmenu span {
	position: relative;
	top: -43px;
	left: 119px;
	width: 70px;
	height: 27px;
	padding-top: 3px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.map .secmenu.original {
	top: 250px;
	background: #d49a07;
}
.map .secmenu.original span{
	background: #BA8605;
}
.map .secmenu.east {
	top: 330px;
	background: #4ea2f0;
}
.map .secmenu.east span{
	background: #4185c5;
}
.map .secmenu.scandinavia {
	top: 410px;
	background: #e8606c;
}
.map .secmenu.scandinavia span{
	background: #b04c55;
}
.map input[type='radio'] {
	display: none;
}
.map input[type="radio"]+label {
	background: url('../images/map-plus.png') center center no-repeat;
	background-size: 20px;
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	z-index: 3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.map input[type="radio"]:checked+label {
	background-size: 20px;
	opacity: .7;
}
.map .detail h3 {
	margin-top: 104px;
	padding: 0 0 0px 20px;
	background: none;
	border-bottom: 0px solid #D49A07;
	color: #FFF;
	height: 60px;
	width: 660px;
	left: 0px;
	font-size: 36px;
}
.map .detail.no h3,
.map .detail.swe h3,
.map .detail.den h3 {
	border-bottom: 0px solid #e8606c;
}
.map .detail.hu h3,
.map .detail.sk h3,
.map .detail.pl h3 {
	border-bottom: 0px solid #4Ea2f0;
}
.map .detail p {
	width: 515px;
	height: auto;
	font-size: 13px;
	float: left;
	padding: 20px;
	text-align: justify;
	margin-bottom: 0px;
}
.map .detail .close {
	background: url('../images/map-close.png') center center no-repeat;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 3px;
	right: 3px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.map .detail .close:hover {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.map .detail .btn {
	float: right;
	margin-right: 25px;
}
.map .detail {
	background: #fff;
	background-size: contain !important;
	position: absolute;
	width: 515px;
	border: 2px solid #fff;
	height: 330px;
	z-index: 1000;
	display: none;
	border-radius: 3px;
	opacity: 0.95;
}
.map .detail .arrow {
	width: 15px;
	height: 15px;
	background: #fff;
	border-bottom: 2px solid #fff;
  	border-right: 2px solid #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 205px 0 0 225px;
}
.map-buy-btn {
	position: absolute;
	width: 243px;
	height: 33px;
	padding: 5px 0 0 60px;
	color: #FFF;
	font-size: 20px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
}
.map-buy-btn:hover {
	opacity: .7;
}
.map-buy-btn.originalgame {
	background: url('../images/mapbuy_originalgame.png');
	top: 640px;
	left: 665px;
}
.map-buy-btn.dlceast {
	background: url('../images/mapbuy_dlceast.png');
	top: 445px;
	left: 665px;
}
.map-buy-btn.dlcscandinavia {
	background: url('../images/mapbuy_dlcscandinavia.png');
	top: 210px;
	left: 665px;
}
.map-buy-btn.dlcvivelafrance {
	background: url('../images/mapbuy_dlcvivelafrance.png');
	top: 750px;
	left: 665px;
}
/* Point on map position */
.map #cz+label {top: 519px;left: 527px;}
.map #de+label {top: 500px;left: 447px;}
.map #fr+label {top: 570px;left: 360px;}
.map #it+label {top: 645px;left: 457px;}
.map #au+label {top: 578px;left: 541px;}
.map #pl+label {top: 470px;left: 615px;}
.map #uk+label {top: 455px;left: 237px;}
.map #be+label {top: 495px;left: 351px;}
.map #lu+label {top: 524px;left: 377px;}
.map #ne+label {top: 440px;left: 383px;}
.map #sw+label {top: 599px;left: 425px;}
.map #sk+label {top: 552px;left: 604px;}
.map #hu+label {top: 596px;left: 587px;}
.map #no+label {top: 240px;left: 397px;}
.map #den+label {top: 333px;left: 430px;}
.map #swe+label {top: 295px;left: 518px;}
.map #vivefr+label {top: 660px;left: 300px;}

/* Map detail box position */
.map .detail.cz {background: url('../images/gallery-map/cz.jpg') center top no-repeat #fff;top: 174px;left: 310px;}
.map .detail.cz .arrow {margin: 7px 0 0 229px;}
.map .detail.de {background: url('../images/gallery-map/de.jpg') center top no-repeat #fff;top: 155px;left: 229px;}
.map .detail.de .arrow {margin: 7px 0 0 229px;}
.map .detail.fr {background: url('../images/gallery-map/fr.jpg') center top no-repeat #fff;top: 235px;left: 140px;}
.map .detail.fr .arrow {margin: 7px 0 0 229px;}
.map .detail.it {background: url('../images/gallery-map/it.jpg') center top no-repeat #fff;top: 300px;left: 239px;}
.map .detail.it .arrow {margin: 7px 0 0 229px;}
.map .detail.au {background: url('../images/gallery-map/au.jpg') center top no-repeat #fff;top: 233px;left: 323px;}
.map .detail.au .arrow {margin: 7px 0 0 229px;}
.map .detail.pl {background: url('../images/gallery-map/pl.jpg') center top no-repeat #fff;top: 125px;left: 397px;}
.map .detail.pl .arrow {margin: 7px 0 0 229px;}
.map .detail.uk {background: url('../images/gallery-map/uk.jpg') center top no-repeat #fff;top: 110px;left: 19px;}
.map .detail.uk .arrow {margin: 7px 0 0 229px;}
.map .detail.be {background: url('../images/gallery-map/be.jpg') center top no-repeat #fff;top: 150px;left: 133px;}
.map .detail.be .arrow {margin: 7px 0 0 229px;}
.map .detail.lu {background: url('../images/gallery-map/lu.jpg') center top no-repeat #fff;top: 179px;left: 159px;}
.map .detail.lu .arrow {margin: 7px 0 0 229px;}
.map .detail.ne {background: url('../images/gallery-map/ne.jpg') center top no-repeat #fff;top: 95px;left: 165px;}
.map .detail.ne .arrow {margin: 7px 0 0 229px;}
.map .detail.sw {background: url('../images/gallery-map/sw.jpg') center top no-repeat #fff;top: 257px;left: 208px;}
.map .detail.sw .arrow {margin: 7px 0 0 229px;}
.map .detail.sk {background: url('../images/gallery-map/sk.jpg') center top no-repeat #fff;top: 207px;left: 386px;}
.map .detail.sk .arrow {margin: 7px 0 0 229px;}
.map .detail.hu {background: url('../images/gallery-map/hu.jpg') center top no-repeat #fff;top: 252px;left: 369px;}
.map .detail.hu .arrow {margin: 7px 0 0 229px;}
.map .detail.no {background: url('../images/gallery-map/no.jpg') center top no-repeat #fff;top: -105px;left: 179px;}
.map .detail.no .arrow {margin: 7px 0 0 229px;}
.map .detail.den {background: url('../images/gallery-map/den.jpg') center top no-repeat #fff;top: -11px;left: 212px;}
.map .detail.den .arrow {margin: 7px 0 0 229px;}
.map .detail.swe {background: url('../images/gallery-map/swe.jpg') center top no-repeat #fff;top: -50px;left: 300px;}
.map .detail.swe .arrow {margin: 7px 0 0 229px;}
.map .detail.vivefr {background: url('../images/gallery-map/vivefr.jpg') center top no-repeat #fff;top: 325px;left: 80px;}
.map .detail.vivefr .arrow {margin: 7px 0 0 229px;}

.map input[value="cz"]:checked ~ .cz,
.map input[value="de"]:checked ~ .de,
.map input[value="fr"]:checked ~ .fr,
.map input[value="it"]:checked ~ .it,
.map input[value="au"]:checked ~ .au,
.map input[value="pl"]:checked ~ .pl,
.map input[value="uk"]:checked ~ .uk,
.map input[value="be"]:checked ~ .be,
.map input[value="lu"]:checked ~ .lu,
.map input[value="ne"]:checked ~ .ne,
.map input[value="sw"]:checked ~ .sw,
.map input[value="sk"]:checked ~ .sk,
.map input[value="hu"]:checked ~ .hu,
.map input[value="no"]:checked ~ .no,
.map input[value="den"]:checked ~ .den,
.map input[value="swe"]:checked ~ .swe,
.map input[value="vivefr"]:checked ~ .vivefr {
	display: block;
}
a.map-button {
display: inline-block;
margin-bottom: 5px;
padding: 0 10px 0 40px;
text-decoration: none;
font-family: 'Open Sans Condensed', sans-serif;
color: #FFF;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 235px;
height: 32px;
margin-left: 20px;
}
a.map-button:hover {
opacity: .7;
color: #fff;
}
a.map-button.buy {
background: #00BB5B url('../images/icon-buy.png') 10px center no-repeat;
}
a.map-button.trial {
  background: #2D7CB3 url('../images/icon-download.png') 10px center no-repeat;
  margin-left: 10px;
}
a.map-button span {
display: inline-block;
padding: 5px 0 5px 10px;
border-left: 2px solid #FFF;
}


/*----------------------------------------------------------------------------------------------------
About - Track your history
----------------------------------------------------------------------------------------------------*/
.track-history {
width: 950px;
height: 625px;
position: relative;
background: url('../images/track-history-bg.png') left top no-repeat;
}
.track-history h4 {
padding: 50px 0 0px 50px;
text-transform: uppercase;
font-family: 'Open Sans Condensed', sans-serif;
color: #000;
font-size: 20px;
}
.track-history-point {
background: url('../images/track-history-textbg.png') -10px -115px no-repeat;
width: 172px;
height: 50px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
color: #fff;
text-align: center;
line-height: 17px;
padding-top: 3px;
position: absolute;
padding-bottom: 87px;
cursor: pointer;
}
.track-history-point:hover, .track-history-point.active {
background-position: -10px -5px;
}
.track-history-point.small {
background: url('../images/track-history-textbg.png') -202px -113px no-repeat;
width: 112px;
height: 29px;
padding-top: 2px;
}
.track-history-point.small:hover, .track-history-point.small.active {
background-position: -202px -3px;
}
.track-history-point.p1 {
top: 436px;
left: 105px;
}
.track-history-point.p2 {
top: 368px;
left: 242px;

}
.track-history-point.p3 {
top: 279px;
left: 280px;
}
.track-history-point.p4 {
top: 211px;
left: 482px;
}
.track-history-point.p5 {
top: 76px;
left: 551px;
}
.track-history-point.p6 {
top: 4px;
left: 690px;
}
.track-history-infotext {
  font-size: 13px;
  line-height: 16px;
  width: 320px;
  position: absolute;
  top: 335px;
  left: 565px;
}
/*----------------------------------------------------------------------------------------------------
About - Company management
----------------------------------------------------------------------------------------------------*/
.company-management {
width: 950px;
height: 510px;
position: relative;
background: url('../images/company-management-bg.png') left top no-repeat;
}
.company-management-infotext {
font-size: 13px;
line-height: 16px;
width: 460px;
position: absolute;
top: 60px;
left: 75px;
}
.company-management-icons {
width: 950px;
height: 270px;
background: url('../images/company-management-icons.png') bottom no-repeat;
}
.company-management-bar-wrapper {
height: 47px;
width: 826px;
margin: 0 auto;
}
.company-management-bar {
background: url('../images/company-management-bar.png') 0 0 no-repeat;
height: 47px;
width: 165px;
float: left;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
color: #fff;
text-align: center;
line-height: 17px;
padding-top: 6px;
cursor: pointer;
}
.company-management-bar.middle {
background: url('../images/company-management-bar.png') -217px 0px no-repeat;
padding-top: 13px;
}
.company-management-bar.end {
background: url('../images/company-management-bar.png') -433px 0px no-repeat;
}
.company-management-bar:hover, .company-management-bar.active {
  background-position: 0 -46px;
}
.company-management-bar.middle:hover, .company-management-bar.middle.active {
background: url('../images/company-management-bar.png') -217px -46px no-repeat;
padding-top: 13px;
}
.company-management-bar.end:hover, .company-management-bar.end.active {
background: url('../images/company-management-bar.png') -433px -46px no-repeat;
}
.company-management-headline {
padding: 20px 0 20px 65px;
text-transform: uppercase;
font-family: 'Open Sans Condensed', sans-serif;
color: #000;
font-size: 20px;
}
.company-management-p {
padding: 0 0 0 65px;
font-size: 13px;
line-height: 16px;
width: 500px;
}
.company-management .content-title-right {
  right: -25px;
}

/*----------------------------------------------------------------------------------------------------
About - Modding and community
----------------------------------------------------------------------------------------------------*/
.modding-community {
width: 950px;
height: 765px;
position: relative;
background: url('../images/modding-community-bg.png') left top no-repeat;
}
.modding-community.active {
background: url('../images/modding-community-bg-content.png') left top no-repeat;
}
.modding-community-infotext {
font-size: 13px;
line-height: 16px;
width: 460px;
position: absolute;
top: 63px;
left: 75px;
color: #fff;
}
.modding-community .content-title-right {
  right: -25px;
  top: -20px;
}
.modding-community-point {
background: url('../images/modding-community-textbg.png') -10px 0px no-repeat;
width: 180px;
height: 50px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
color: #fff;
text-align: center;
line-height: 17px;
padding-top: 18px;
position: absolute;
padding-bottom: 74px;
cursor: pointer;
}
.modding-community-point:hover, .modding-community-point.active {
background-position: -10px -90px;
color: #0c8aba;
}
.modding-community-point.br {
padding-top: 11px;
}
.modding-community-point.p1 {
top: 150px;
left: 384px;
}
.modding-community-point.p2 {
top: 246px;
left: 44px;
}
.modding-community-point.p3 {
top: 246px;
left: 270px;
}
.modding-community-point.p4 {
top: 246px;
left: 498px;
}
.modding-community-point.p5 {
top: 246px;
left: 724px;
}
.modding-community-point.p6 {
top: 341px;
left: 156px;
}
.modding-community-point.p7 {
top: 341px;
left: 384px;
}
.modding-community-point.p8 {
top: 341px;
left: 611px;
}
.modding-community-point.p9 {
top: 341px;
left: 656px;
}
.modding-community-text {
  font-size: 13px;
  line-height: 16px;
  width: 500px;
  position: absolute;
  text-align: center;
  top: 510px;
  left: 225px;
  color: #FFF;
}
.about-anchor {
	position: relative;
}
.about-anchor#trucks {
	top: 20px;
}
.about-anchor#map {
	top: -70px;
}
.about-anchor#personal-career {
	top: -70px;
}
.about-anchor#company-management {
	top: -90px;
}
.about-anchor#truck-customization {
	top: -70px;
}
.about-anchor#modding-and-community {
	top: -90px;
}



/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.2.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
 **/
 @media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{width:980px;border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}

/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.2.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
 **/
 @media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous{display:none}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}
.featherlight-next span, .featherlight-previous span {font-size: 15px;}

/* Next/previous arrows */

.featherlight-next span, .featherlight-previous span {
	opacity: 0.5;
	width: 75px;
	height: 75px;
	display: none;
}

.featherlight-content:hover .featherlight-next span, .featherlight-content:hover .featherlight-previous span {
	display: block;
}

.featherlight-next:hover span, .featherlight-previous:hover span {
	opacity: 1;
}

.featherlight-next span {
	background: url('../images/slider-next.png') center center no-repeat;
}

.featherlight-previous span {
	background: url('../images/slider-prev.png') center center no-repeat;
}