.while_loading .page-content div.page-wrap {
    width: 730px;
}


body.download section.top h1::after { 
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAACaCAYAAACg9AqaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMDM1MUQ0MEIxNTExRTY5QUNBRDcwRTA1NDRFODExIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCMDM1MUQ1MEIxNTExRTY5QUNBRDcwRTA1NDRFODExIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkIwMzUxRDIwQjE1MTFFNjlBQ0FENzBFMDU0NEU4MTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkIwMzUxRDMwQjE1MTFFNjlBQ0FENzBFMDU0NEU4MTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6GLtTZAAAIQUlEQVR42uyd229URRzH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");
}


body.download section.top p { 

}

.page-content p.desc {
    font: 300 normal 24px/30px "PragmaticaC", sans-serif;
    color: #000000;
    padding:  0 30px 30px 100px;
}

ul.downloads {
    margin: 50px auto;
    background: white;
    width: 740px;
}

ul.downloads li {
    border-top: 5px solid #cccccc;
     padding-bottom: 40px;
    padding-top: 35px;
}
ul.downloads li:first-child {
    border-top: none;
}

ul.downloads li h2 {
    margin: 0 0 10px 0;
    font: bold 24px/50px "PT Sans", sans-serif;
    color: black;
    padding: 0 !important;  
}

ul.downloads li>div:not(.-x-ed) {
    text-align: center;
    margin: 30px 0 0 0;
}

ul.downloads li a.button {
    text-align: center;
    display: inline-block;
}

ul.downloads li p {
    margin: 0 0 15px 0;
    color: #000000;
    font: normal 18px/24px "PragmaticaC";
}

p.note {
    font-size: 16px;
    line-height: 22px;
}

.release {
    margin: 10px 0 40px 100px;
    color: #000000;
}

.release h3 {
    font: bold 16px/18px "PragmaticaC", sans-serif;
    margin: 0;
}
.release h4 {
    font: bold 16px/18px "PragmaticaC", sans-serif;
    margin: 20px 50px;
}

.release ul {
    margin: 0 0 0 50px;
}
.release ul li {
    font: normal 16px/18px "PragmaticaC", sans-serif;
}
div.archive {
    margin: 15px 0 50px 90px;
}

.dnld-wrap {
    white-space: nowrap;
    width: 800px;
    margin: 20px auto;
}

aside.dnld-list {
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 600px;
    margin-top: 15px;
    margin-right: 30px;
    padding-right: 40px;
}

aside.video {
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 300px;
    margin-top: -30px;
    padding-left: 20px;
}


aside.description {
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin-top: 15px;
    margin-right: 30px;
    background: white;
    padding: 30px 50px 50px 50px;
    color: #464646;
}

p.dnld-button {
    text-align: center;
    margin: 40px 0 35px 0;
}

p.dnld-button .button {
    font-size: 24px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: 300;
}

p.centered {
    text-align: center;
}

p.gr {
    color: #464646;
    line-height: 20px;
    font-size: 16px;
}

.dnld-wrap h2 {
    padding-top: 20px;
    font: 300 normal 24px/30px "PragmaticaC", sans-serif;
}

.dnld-wrap.l {
    padding-left: 40px;
}

.dnld-wrap.l h2 {
    font-size: 30px;
    padding-top: 40px;
}

.dnld-wrap table {
    background: white;
    width: 90%;
    border: none;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.dnld-wrap table td {
    padding: 10px 20px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    border-bottom: 3px solid #cccccc;
}

.dnld-wrap table td a {
    position: relative;
    
}

.dnld-wrap table td:nth-child(2), .dnld-wrap table td:nth-child(3) {
    padding-top: 20px;
}

.dnld-wrap table th {
    width: 170px;
    font: 300 24px/30px "PragmaticaC", sans-serif;
    white-space: nowrap;
    text-align: left;
    padding: 24px 20px;
    vertical-align: middle;
    border-bottom: 3px solid #cccccc;
}
.dnld-wrap table tr:last-child th,
.dnld-wrap table tr:last-child td {
    border-bottom: none;
}
.dnld-wrap table th p {
    font: normal 16px/20px "PragmaticaC", sans-serif;
    color: #000000;
    margin: 10px 0 0 0;
    padding: 0;
}

.dnld-wrap table td .hint {
    display: block;
    font: 400 16px/16px "PragmaticaC", sans-serif;
    padding-bottom: 4px;
    color: #000000;
}

.dnld-wrap table td .size {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    text-align: center;
    color: #000000;
    font-weight: 400;
}

.dnld-wrap table td .size.bottom{
    display: block;
    padding-top: 4px;
}
.dnld-wrap table td[colspan] { 
    text-align: left !important;
    line-height: 36px;
}

.dnld-wrap table td .button {
    font: 300 normal 24px/40px "PragmaticaC", sans-serif;
    padding: 0 20px;
}

.dnld-wrap table td .button.fx {
    position: relative;
    left: -8px;
}

p.info {
    color: #464646;
    font-size: 16px;
    line-height: 20px;
    padding: 25px 30px;
}

.licence-window {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 640px;
    height: 540px;
    margin: -270px 0 0 -320px;
    background: white;
}

.licence-window .contents {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 50px);
    height: 360px;
    background: #f1f1f1;
    font-size: 14px;
    line-height: 18px;
    color: black;
    overflow: auto;
    overflow-x: hidden;
    padding: 20px 20px 20px 30px;
    overflow-y: scroll;
}

.licence-window .panel {
    position: absolute;
    width: 100%;
    height: 140px;
    background: white;
    left: 0;
    bottom: 0;
}

.licence-window .contents header {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.licence-window .contents h1 {
    margin: 20px 0;
}

.licence-window .contents p {
    margin: 10px 0;
}

.licence-window .contents ol {
    list-style: decimal inside;
    margin: 10px 20px;
}
.licence-window .contents ul, .licence-window .contents ul>li {
    list-style: lower-roman outside;
    margin: 10px 0;
}
.licence-window .contents ol>li {
    list-style: decimal inside;
    margin: 10px 0;
}
.licence-window .contents ul {
    margin-left: 30px;
}

.licence-window .panel label {
    position: absolute;
    left: 30px;
    top: 25px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
}

.licence-window .panel .cancel {
    position: absolute;
    left: 35px;
    bottom: 30px;
}

.licence-window .panel .ok {
    position: absolute;
    left: 50%;
    bottom: 22px;
    width: 160px;
    font-size: 24px;
    line-height: 42px;
    font-weight: 200;
    text-align: center;
    margin-left: -80px;
}
.licence-window .panel .ok.disabled {
    opacity: .5;
    cursor: default;
    background: white;
    text-decoration: none !important;
}

.cloud-items {
    margin: 30px 0 150px 0;
    background: white;
    border-top: 5px solid #cccccc;
    width: 880px;
}

.cloud-items li {
    border-bottom: 5px solid #cccccc;
    padding: 20px 30px;
}

.cloud-items li>span {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

.cloud-items li>span.title {
    width: 340px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
}
.cloud-items li>span.info {
    width: 270px;
    font-size: 15px;
    line-height: 24px;
    color: #000000;
}

.cloud-items li>span.price {
    width: 190px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.cloud-items li>span.price strong {
    display: block;
    font-size: 24px;
    line-height: 32px;
    margin-top: 12px;
    font-weight: 300;
    color: black;
}

.cloud-items li.buy {
    text-align: center;
    padding: 40px 0;
}

.cloud-items li.buy .button {
    font-size: 24px;
    line-height: 42px;
    height: 42px;
    font-weight: 300;
    padding: 0 20px;
}

.while-loading {
    padding-top: 20px;
    font: 300 normal 24px/30px "PragmaticaC", sans-serif;
    color: #000000;
}

.while-loading p {
    margin: 0;
    padding: 0;
}

.while-loading ul li {
    margin-left: 35px;
    position: relative;
}

.while-loading ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #6c97cb;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 12px;
}

.while-form {
    padding: 50px 0 150px 250px;
    margin: 0;
}

.while-form .field {
    margin: 0 0 25px 0;
    position: relative;
    white-space: nowrap;
}

.while-form .field>span {
    position: absolute;
    margin-left: -150px;
    width: 140px;
    text-align: right;
    color: #000000;
    font: normal 16px/30px "PragmaticaC", sans-serif;

}

.while-form .field input {
    width: 280px;
    padding: 0 10px;
    height: 30px;
    font: normal 16px/30px "PragmaticaC", sans-serif;
    color: #000000;
    border: 1px solid #cccccc;
}
.while-form .field input[type=password] {
    width: 130px;
}

.while-form .field input:focus { border-color: #000000; }
.while-form .field input.error { border-color: #ff0000; background: #ffe0e0; }

.while-form .field>em {
    font-style: normal;
    display: inline-block;
    font: normal 16px/30px "PragmaticaC", sans-serif;
    color: #000000;
    padding-left: 15px;
}

.while-form .blue-button {
    margin-top: 20px;
}

.while-form input[type=submit] {
    position: relative;
    width: 0;
    height: 0;
    visibility: hidden;
}