@font-face {
    font-family: 'OpenSansCondensed';
    src: url('../font/OpenSansCondensed-Bold.ttf') format('ttf'), url('../font/OpenSansCondensed-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../font/OpenSans-VariableFont.ttf') format('ttf'), url('../font/OpenSans-VariableFont.woff') format('woff');
    font-display: swap;
}


/*----------------------------------------------------------------------------------------------------
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 'OpenSans', sans-serif;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

.padding-page {
    padding: 0 58px;
}


/*----------------------------------------------------------------------------------------------------
Topnav - hamburger
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
    #menuToggle {
        z-index: 1001;
        -webkit-user-select: none;
        user-select: none;
        background-color: #d2dbe0;
        position: fixed;
        top: 0;
        width: 100%;
        display: block;
        transition: top 0.3s;
        padding: 30px;
        opacity: 1;
        left: 0;
    }
    #menuToggle a {
        text-decoration: none;
        color: #232323;
        transition: color 0.3s ease;
    }
    #menuToggle a:hover {
        color: tomato;
    }
    #menuToggle input {
        display: block;
        width: 90px;
        height: 80px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
    }
    #menuToggle span {
        display: block;
        width: 55px;
        height: 10px;
        margin-bottom: 5px;
        position: relative;
        background: #000000;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
    }
    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }
    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }
    #menuToggle input:checked~span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #232323;
    }
    #menuToggle input:checked~span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menuToggle input:checked~span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }
    #menu {
        position: absolute;
        width: 315px;
        margin: -100px 0 0 -50px;
        padding: 95px;
        padding-top: 125px;
        background: #ededed;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }
    #menu li {
        font-size: 36px;
        margin: 10px 0 10px 0;
        padding: 10px 0px 10px 0px;
    }
    #menuToggle input:checked~ul {
        transform: none;
    }
    .topnav-home {
        display: none;
    }
}


/*----------------------------------------------------------------------------------------------------
Topnav
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 801px) {
    .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: 4px;
        background: url('../images/background.png') center no-repeat;
        margin: 0 auto;
        position: relative;
    }
    .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: 'OpenSansCondensed', sans-serif;
        font-weight: 100;
        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;
    }
    .navi-hide-checkbox {
        display: none;
    }
    .hidehome {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .topnav {
        margin-left: -12%;
    }
    .topnav-wrapeer-bottom {
        display: none
    }
}


/*----------------------------------------------------------------------------------------------------
Welcome
----------------------------------------------------------------------------------------------------*/

.welcome {
    position: relative;
    width: 950px;
    margin: 0 auto -250px auto;
}

@media only screen and (max-width: 950px) {
    .welcome {
        position: relative;
        width: 950px;
        margin: 0 auto -250px 10%;
        z-index: -1;
    }
}

.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-logos {
    position: absolute;
    top: 60px;
    width: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.welcome-logos a {
    z-index: 999;
    transition: filter 0.1s;
}

.welcome-logos a:hover {
    filter: drop-shadow(1px 2px 1px #000);
}

.welcome-logo {
    display: block;
    width: 409px;
    height: 223px;
    background: url('../images/logo.png') left top no-repeat;
}

.welcome-logo 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: 'OpenSansCondensed', sans-serif;
    font-weight: 100;
    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: 'OpenSansCondensed', sans-serif;
    color: #FFF;
    font-weight: 100;
    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: 'OpenSansCondensed', sans-serif;
    font-weight: 100;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    color: #FFF;
    z-index: 999;
	text-shadow: 2px 2px 2px #000000;
}

.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: 'OpenSansCondensed', sans-serif;
    font-weight: 100;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    color: #FFF;
    z-index: 999;
	text-shadow: 2px 2px 2px #000000;
}

.welcome-block2-info {
    position: absolute;
    left: 30px;
    top: 115px;
    font-family: 'OpenSansCondensed', sans-serif;
    font-weight: 100;
    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: 'OpenSansCondensed', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 36px;
    color: #808080;
}

.features-block-left {
    position: relative;
    width: 100%;
    height: 340px;
    z-index: 0;
}

.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: 'OpenSansCondensed', sans-serif;
    font-weight: 100;
    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;
    z-index: 0;
}

.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: 100;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: 'OpenSansCondensed', 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: 1;
}

.header_about {
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_about.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.header_buy {
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_buy.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.header_media {
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_media.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.header_others {
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_others.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.header_links {
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_links.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.header_privacy_download{
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_privacy_download.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.header_sitemap {
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_sitemap.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.header_support_update {
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_support_update.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.header_modding {
    position: relative;
    width: 950px;
    height: 467px;
    margin: 20px auto;
    background: url('../images/header_modding.jpg') left top no-repeat;
    z-index: 1;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

.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: 'OpenSansCondensed', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    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: 100;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: 'OpenSansCondensed', 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-block-media .with-text {
    display: inline-block;
}

.content-block-media .with-text a {
    color: #000;
}

.content-block-media .with-text a:hover {
    color: #9B9B9B;
}

.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: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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;
    width: 100%;
}

.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: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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: 'OpenSansCondensed', sans-serif;
    font-weight: 100;
    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;
    z-index: 998;
}

.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: 100;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: 'OpenSansCondensed', 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  {
    display:inline-block;
}

.content .buy .col {
    float: left;
    width: 210px;
    margin-right: 10px;
	margin-left: 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: 'OpenSansCondensed', sans-serif;
    color: #FFF;
    font-weight: 100;
    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-microsite {
    background: #2D7CB3 url('../images/icon-microsite.png') 8px 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;
}

@media only screen and (max-width: 950px) {
    .footer {
        padding-top: 45px;
        width: 1086px;
    }
}

.footer.footer-pt0 {
    padding-top: 0px;
}

.footer-bottom {
    width: 100%;
    background: #000;
}

.footer-socials {
    width: 950px;
    margin: 0 auto 12px auto;
    overflow: hidden;
}

.footer-socials a {
    float: left;
    display: block;
    width: 154px;
    height: 114px;
    margin-right: 5px;
    background: red;
    text-decoration: none;
    color: #FFF;
    font-family: 'OpenSansCondensed', sans-serif;
}

.footer-socials a:hover {
    opacity: .7;
}

.footer-socials a strong {
    display: block;
    margin: 40px 0 0 16px;
    font-size: 32px;
}

.footer-socials a span {
    display: block;
    font-weight: 100;
    margin: 5px 0 0 16px;
    font-size: 12px;
}

a.footer-steam {
    background: url('../images/steam.png') left top no-repeat;
}

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-x {
    background: url('../images/x.png') left top no-repeat;
}

a.footer-instagram {
    background: url('../images/instagram.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;
    padding: 10px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.footer-links {
    display: flex;
    justify-content: space-between;
}

.footer-menu {
    color: #FFF;
    line-height: 18px;
}

.footer-menu strong {
    display: block;
    padding: 22px 0 0 0;
    font-family: 'OpenSansCondensed', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.footer-menu strong a {
    color: #FFF;
    text-decoration: none;
}

.footer-menu strong a:hover {
    color: #CCC;
}

.footer-bottom .footer-brand-copy {
    color: #666;
    font-size: 13px;
    padding-top: 10px;
}

.footer-right a:hover {
    opacity: .7;
}

.footer-blogger {
    display: inline-block;
    width: 23px;
    height: 25px;
    background: url('../images/footer-icon1.png?v=2') left top no-repeat;
    margin-left: 10px;
}

.footer-comments {
    display: inline-block;
    width: 28px;
    height: 25px;
    background: url('../images/footer-icon2.png?v=2') 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: 'OpenSansCondensed', 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: 'OpenSansCondensed', sans-serif;
    font-size: 20px;
}

.content.modding h5 {
    padding: 10px 60px 5px 60px;
    text-transform: uppercase;
    font-family: 'OpenSansCondensed', 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: 'OpenSans', 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: 'OpenSansCondensed', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 27px;
    margin-bottom: 25px;
    margin-top: 77px;
}

.content p.trucks-carousel-values {
    font-family: 'OpenSansCondensed', sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 3px;
}

.content p.trucks-carousel-values-category {
    font-family: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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: calc(-114px * var(--position, 1)) -105px;
    float: left;
    display: block;
}

.content p.trucks-carousel-switcher:hover,
.content p.trucks-carousel-switcher.active {
    color: #000;
    background-position-y: 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: 100;
    font-family: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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: 1050px;
    position: relative;
    background: url('../images/map-bg.png?v=6') left top no-repeat;
}

.content p.map-info {
    position: relative;
    top: -160px;
    width: 500px;
    float: right;
    color: #fff;
    font-size: 13px;
    font-family: 'OpenSans', 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 input[type='radio'] {
    display: none;
}

.map .map-point {
    position: absolute;
}

.map .map-point>input+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 .map-point>input:checked+label {
    background-size: 20px;
    opacity: .7;
}

.map .detail h3,
.detail-pt h3,
.detail-tr h3,
.detail-es h3,
.detail-bg h3,
.detail-uk h3,
.detail-ro h3,
.detail-ru h3,
.detail-fin h3,
.detail-fin-n h3,
.detail-est h3,
.detail-lat h3,
.detail-lit h3,
.detail-no h3,
.detail-no-n h3,
.detail-swe h3,
.detail-swe-n h3,
.detail-al h3,
.detail-bs h3,
.detail-cr h3,
.detail-ko h3,
.detail-mn h3,
.detail-nm h3,
.detail-gr h3,
.detail-sl h3,
.detail-sr h3 {
    margin-top: 115px;
    padding: 0 10px;
    background: none;
    color: #FFF;
    height: 50px;
    width: 100%;
    left: 0px;
    font-size: 25px;
}

.map .detail p,
.detail-pt p,
.detail-tr p,
.detail-es p,
.detail-bg p,
.detail-uk p,
.detail-ro p,
.detail-ru p,
.detail-fin p,
.detail-fin-n p,
.detail-est p,
.detail-lat p,
.detail-lit p,
.detail-no p,
.detail-no-n p,
.detail-swe p,
.detail-swe-n p,
.detail-al p,
.detail-bs p,
.detail-cr p,
.detail-ko p,
.detail-mn p,
.detail-nm p,
.detail-gr p,
.detail-sl p,
.detail-sr p {
    width: 515px;
    height: auto;
    font-size: 13px;
    float: left;
    padding: 20px;
    text-align: justify;
    margin-bottom: 0px;
}

.map .detail .close,
.detail-pt .close,
.detail-tr .close,
.detail-es .close,
.detail-bg .close,
.detail-uk .close,
.detail-ro .close,
.detail-ru .close,
.detail-fin .close,
.detail-fin-n .close,
.detail-est .close,
.detail-lat .close,
.detail-lit .close,
.detail-no .close,
.detail-no-n .close,
.detail-swe .close,
.detail-swe-n .close,
.detail-al .close,
.detail-bs .close,
.detail-cr .close,
.detail-ko .close,
.detail-mn .close,
.detail-nm .close,
.detail-gr .close,
.detail-sl .close,
.detail-sr .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,
.detail-pt .close:hover,
.detail-tr .close:hover,
.detail-es .close:hover,
.detail-bg .close:hover,
.detail-uk .close:hover,
.detail-ro .close:hover,
.detail-ru .close:hover,
.detail-fin .close:hover,
.detail-fin-n .close:hover,
.detail-est .close:hover,
.detail-lat .close:hover,
.detail-lit .close:hover,
.detail-no .close:hover,
.detail-no-n .close:hover,
.detail-swe .close:hover,
.detail-swe-n .close:hover,
.detail-al .close:hover,
.detail-bs .close:hover,
.detail-cr .close:hover,
.detail-ko .close:hover,
.detail-mn .close:hover,
.detail-nm .close:hover,
.detail-gr .close:hover,
.detail-sl .close:hover,
.detail-sr .close:hover {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.map .detail .btn,
.detail-pt .btn,
.detail-tr .btn,
.detail-es .btn,
.detail-bg .btn,
.detail-uk .btn,
.detail-ro .btn,
.detail-ru .btn,
.detail-fin .btn,
.detail-fin-n .btn,
.detail-est .btn,
.detail-lat .btn,
.detail-lit .btn,
.detail-no .btn,
.detail-no-n .btn,
.detail-swe .btn,
.detail-swe-n .btn,
.detail-al .btn,
.detail-bs .btn,
.detail-cr .btn,
.detail-ko .btn,
.detail-mn .btn,
.detail-nm .btn,
.detail-gr .btn,
.detail-sl .btn,
.detail-sr .btn {
    float: right;
    margin-right: 25px;
}

.map .detail {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -245px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.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);
    position: absolute;
    bottom: -8px;
    left: 50%;
}

.map .detail-pt {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -120px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-pt .arrow {
    position: absolute;
    bottom: -26px;
    left: 24.8%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-tr {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-tr .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-es {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -200px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-es .arrow {
    position: absolute;
    bottom: -25px;
    left: 40.2%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-bg {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -304px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-bg .arrow {
    position: absolute;
    bottom: -26px;
    left: 61.6%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-uk {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -239px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-uk .arrow {
    position: absolute;
    bottom: -26px;
    left: 47.6%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-ro {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -290px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-ro .arrow {
    position: absolute;
    bottom: -25px;
    left: 57.6%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-ru {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -400px;
    left: -374px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-ru .arrow {
    position: absolute;
    bottom: 350px;
    left: 74.2%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-fin {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -415px;
    left: -260px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-fin .arrow {
    position: absolute;
    bottom: 368px;
    left: 51.8%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-fin-n {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -415px;
    left: -260px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-fin-n .arrow {
    position: absolute;
    bottom: 368px;
    left: 51.8%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-est {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -400px;
    left: -310px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-est .arrow {
    position: absolute;
    bottom: 350px;
    left: 61.7%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-lat {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -380px;
    left: -310px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-lat .arrow {
    position: absolute;
    bottom: 332px;
    left: 61.7%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-lit {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -275px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-lit .arrow {
    position: absolute;
    bottom: -25px;
    left: 54.8%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-no {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -360px;
    left: -275px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-no .arrow {
    position: absolute;
    bottom: 313px;
    left: 54.8%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-no-n {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -360px;
    left: -275px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-no-n .arrow {
    position: absolute;
    bottom: 313px;
    left: 54.8%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-swe {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -360px;
    left: -275px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-swe .arrow {
    position: absolute;
    bottom: 313px;
    left: 54.8%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-swe-n {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: -360px;
    left: -275px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-swe-n .arrow {
    position: absolute;
    bottom: 313px;
    left: 54.8%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #fff;
}

.map .detail-sl {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-sl .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-cr {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-cr .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-bs {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-bs .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-sr {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-sr .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-mn {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-mn .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-ko {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-ko .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-al {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-al .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-nm {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-nm .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map .detail-gr {
    background: #fff;
    background-size: contain !important;
    position: absolute;
    width: 515px;
    border: 2px solid #fff;
    height: auto;
    min-height: 200px;
    z-index: 1000;
    display: none;
    border-radius: 3px;
    opacity: 0.95;
    bottom: 10px;
    left: -328px;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
}

.map .detail-gr .arrow {
    position: absolute;
    bottom: -25px;
    left: 65.5%;
    height: 3px;
    width: 3px;
    border: 13px solid transparent;
    border-top-color: transparent;
    border-top-color: #fff;
}

.map-buy-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    bottom: 65px;
    width: 89%;
}

.map-buy-buttons .spacer {
    width: 243px;
    height: 33px;
}

.map-buy-buttons a {
    flex: 0 0;
    margin-bottom: 2px;
}

.map-buy-buttons a,
.map-buy-buttons a:hover {
    color: transparent;
}

.map-buy-btn {
    width: 243px;
    height: 33px;
    padding: 5px 0 0 60px;
    font-size: 16px;
    font-family: 'OpenSansCondensed', sans-serif;
    text-transform: uppercase;
}

.map-buy-btn:hover {
    opacity: .7;
}

.map-buy-btn,
.map-buy-btn:hover {
    color: #fff;
    text-decoration: none;
}

.map-buy-btn.originalgame {
    background: url('../images/mapbuy_originalgame.png');
}

.map-buy-btn.westbalkans {
    background: url('../images/mapbuy_westbalkans.png');
}

.map-buy-btn.greece {
    background: url('../images/mapbuy_greece.png');
}

.map-buy-btn.dlceast {
    background: url('../images/mapbuy_dlceast.png');
}

.map-buy-btn.dlcscandinavia {
    background: url('../images/mapbuy_dlcscandinavia.png');
}

.map-buy-btn.dlcvivelafrance {
    background: url('../images/mapbuy_dlcvivelafrance.png');
}

.map-buy-btn.dlcvitalia {
    background: url('../images/mapbuy_dlcitalia.png');
}

.map-buy-btn.dlcbalt {
    background: url('../images/mapbuy_dlcbalt.png');
}

.map-buy-btn.dlcblacksea {
    background: url('../images/mapbuy_dlcblacksea.png');
}

.map-buy-btn.dlciberia {
    background: url('../images/mapbuy_dlciberia.png');
}

.map-buy-btn.dlcnordic {
    background: url('../images/mapbuy_nordic.png');
}

.map .map-point input:checked~.detail,
input:checked~.detail-pt,
input:checked~.detail-tr,
input:checked~.detail-es,
input:checked~.detail-bg,
input:checked~.detail-uk,
input:checked~.detail-ro,
input:checked~.detail-ru,
input:checked~.detail-fin,
input:checked~.detail-fin-n,
input:checked~.detail-est,
input:checked~.detail-lat,
input:checked~.detail-lit,
input:checked~.detail-no,
input:checked~.detail-no-n,
input:checked~.detail-swe,
input:checked~.detail-swe-n,
input:checked~.detail-sl,
input:checked~.detail-nm,
input:checked~.detail-gr,
input:checked~.detail-mn,
input:checked~.detail-cr,
input:checked~.detail-bs,
input:checked~.detail-ko,
input:checked~.detail-al,
input:checked~.detail-sr {
    display: block;
}

a.map-button {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 10px 0 40px;
    text-decoration: none;
    font-family: 'OpenSansCondensed', sans-serif;
    color: #FFF;
    font-weight: 100;
    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.wishlist {
    background: #00BB5B url('../images/icon-wishlist.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: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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: 'OpenSansCondensed', 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;
}

.page-privacy ol {
    margin-left: 35px;
    margin-bottom: 20px;
}

.page-privacy ol>li {
    display: block;
}

.page-privacy ol>li:before {
    margin-left: -28px;
}

.page-privacy ol:not(.alphabet-counter) {
    counter-reset: item;
}

.page-privacy ol:not(.alphabet-counter)>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

.page-privacy ol.alphabet-counter {
    counter-reset: item-alphabet;
}

.page-privacy ol.alphabet-counter>li:before {
    content: counter(item-alphabet, lower-alpha) ") ";
    counter-increment: item-alphabet;
}

.page-buy .content-block-left .artwork-header img {
    object-fit: cover;
    object-position: bottom;
    clip-path: polygon(0 0, 100% 10%, 100% 80%, 0% 100%);
    height: 327px;
    width: 950px;
    -webkit-box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
}

.page-buy .content-block-left .artwork-header::after {
    position: absolute;
    height: 327px;
    width: 950px;
    content: "";
    clip-path: polygon(0 0, 100% 10%, 100% 80%, 0% 100%);
    -webkit-box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    left: -25px;
}

.page-buy .content-block-right .artwork-header img {
    object-fit: cover;
    object-position: bottom;
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 80%);
    height: 327px;
    width: 950px;
    -webkit-box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
}

.page-buy .content-block-right .artwork-header::after {
    position: absolute;
    height: 327px;
    width: 950px;
    content: "";
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 80%);
    -webkit-box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    box-shadow: inset 25px 0px 0px 0px rgba(255, 255, 255, 0.75), inset -25px 0px 0px 0px rgba(255, 255, 255, 0.75);
    left: -25px;
}

.page-buy .content .screenshot_buy_left {
    clip-path: polygon(0 13%, 100% 0, 100% 87%, 0% 100%);
	-webkit-clip-path: polygon(0 13%, 100% 0, 100% 87%, 0% 100%);
    width: 22%;
	height: 110px;
    display: flex;
    position: relative;
    margin-left: 12px;
    float: right;
    margin-top: 10px;
}

.page-buy .content .screenshot_buy_left:nth-child(1) {
    margin-top: -4px;
}

.page-buy .content .screenshot_buy_left:nth-child(3) {
    margin-top: 25px;
}

.page-buy .content .screenshot_buy_right {
	clip-path: polygon(0 0, 100% 13%, 100% 100%, 0 87%);
	-webkit-clip-path: polygon(0 0, 100% 13%, 100% 100%, 0 87%);
    width: 22%;
	height: 110px;
    display: flex;
    position: relative;
    margin-left: 12px;
    float: right;
    margin-top: 26px;
}

.page-buy .content .screenshot_buy_right:nth-child(1) {
    margin-top: 41px;
}

.page-buy .content .screenshot_buy_right:nth-child(3) {
    margin-top: 12px;
}


/**
 * 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: hidden;
        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;
}

.watermarkdiv {
    position: relative;
    display: inline-block;
}

.watermarkdiv:hover img.watermark {
    visibility: visible;
	opacity: 1;
}

.watermarkdiv img.watermark {
    position: absolute;
    bottom: 25%;
    right: 0;
    opacity: 0;
	transition: visibility 0s, opacity 0.3s linear;
    visibility: hidden;
	border: none;
}

.watermarkdiv:hover img.watermark_base {
    visibility: visible;
	opacity: 1;
}

.watermarkdiv img.watermark_base {
    position: absolute;
    bottom: 5%;
    right: 0;
    opacity: 0;
	transition: visibility 0s, opacity 0.3s linear;
    visibility: hidden;
	border: none;
}

.watermarkdiv:hover img.watermark_scand {
    visibility: visible;
	opacity: 1;
}

.watermarkdiv img.watermark_scand {
    position: absolute;
    bottom: 15%;
    right: 0;
    opacity: 0;
	transition: visibility 0s, opacity 0.3s linear;
    visibility: hidden;
	border: none;
}

.watermarkdiv:hover img.watermark_nordic {
    visibility: visible;
	opacity: 1;
}

.watermarkdiv img.watermark_nordic {
    position: absolute;
    bottom: 35%;
    right: 0;
    opacity: 0;
	transition: visibility 0s, opacity 0.3s linear;
    visibility: hidden;
	border: none;
}