@media screen, projection {

    body {
        #background: url("/images/bg-page.png") repeat;
        font-family: Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        font-size: 103%;
        line-height: 1.6875em;
        margin: 0;
        padding: 0;
        color: #505050;

        -webkit-user-drag: none;
        user-drag: none;
        -webkit-touch-callout: none;
    }

    div {
        -webkit-user-drag: none;
        user-drag: none;
        -webkit-touch-callout: none;
    }

    a {
        color: #505050;
    }

    a img {
        border: none;
    }

    hr {
        clear: both;
        margin: 30px 0;
        border: 1px solid #eee;
    }

    table {
        margin-top: 10px;
        border-collapse: collapse;
    }

    table, table td, table th {
        border: 0px solid #eee;
    }

    table td, table th {
        padding: 5px;
        text-align: left;
    }

    table tr.even, #admin table tr.even td {
        background-color: #eee;
    }

    table th {
        background-color: #f7931b;
        color: #fff;
        text-align: center;
    }

    table th a {
        color: #fff;
    }

    table.lightborder th {
        background-color: #fff;
        color: #666;
    }

    table.lightborder th a {
        color: #fff;
    }

    table.lightborder td {
        color: #999;
    }

    table.lightborder td, table.lightborder th {
        border: 1px solid #eee;
        padding: 0.2em 0.5em;
    }

    .clearer {
        clear: both;
    }

    .no_visible {
        opacity: 0.5
    }

    .no_margin {
        margin: 0 !important;
        color: darkred
    }

    .hidden {
        display: none;
    }

    .reset {
        margin: 0;
        padding: 0;
        background: none;
    }

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

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

    .left {
        text-align: left !important;
    }

    .clear {
        clear: both;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    .clear-left {
        clear: left;
    }

    .clear-right {
        clear: right;
    }

    .clear-both {
        clear: both;
    }

    .fl {
        float: left;
        clear: left;
    }

    .fr {
        float: right;
    }

    .fullwidth {
        width: 100%;
    }

    .noborder {
        border: none;
    }

    .big {
        font-size: 120%;
    }

    .small {
        font-size: 70%;
    }

    .smallest {
        font-size: 60%;
    }

    .hidden {
        display: none;
    }

    .page {
        width: 100%;
        margin: 0;
    }

    .box {
        width: 1000px;
        margin: auto;
        overflow: hidden;
    }

    .fullwidth {
        width: 100%;
        min-width: 100%;
    }

    #header {
        width: 100%;
        margin: 0px;
        display: flex;
        flex-wrap: wrap;
        background: url("/images/header-top.png") no-repeat center top;
    }

    #header .box {

        text-decoration: none;
    }

    #header .box p {
        padding-top: 30px;
    }

    .form-header {
        text-align: center;
        margin: 10px;
    }

    .form-header-text {
        display: inline-block;
        vertical-align: middle;
    }

    .form-header-image {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        line-height: 0px;
    }

    .div-with-gradient {
        display: block;
        position: relative;
        width: 100%;
        background: url("/images/bg-form.jpg") no-repeat;
        padding-bottom: 30px;
        background-size: 100% 100%
    }

    .form-full {
        margin: 0 0px;
        padding: 0;
        width: 100%;
        float: left;
        overflow: hidden;
    }

    .form-full-kvota {
        display: inline;
        float: left
    }

    .form-full-odbiorca {
        float: left;
        margin-left: 40px
    }

    .form-bottom-sendto {
        float: left;
        margin-top: 0px
    }

    .form-bottom-banklist {
        margin-left: 35px;
        margin-bottom: 15px
    }

    #form .form-bottom {
        width: 100%;
        clear: both;
        padding-bottom: 20px
    }

    #form .in {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 20px;
        margin-bottom: 5px
    }

    #form .form-full .in {
        margin-top: 20px;
    }

    #form .switched .switch_btc {
        font-weight: normal;
        color: #747474
    }

    #form input {
        font-size: 150%;
    }

    #form .form-right input {
        font-size: 120%;
        line-height: 140%;
        text-align: left;
    }

    #form #address {
        margin-top: 3px;
    }

    .linux #form .form-right label {
    }

    #form .form-right label .hint {
        position: absolute;
        left: 0px;
        top: 17px;
        font-size: 13px;
        font-style: italic;
        color: #aaa
    }

    #form .tos {
        color: #f7931b;
        font-style: italic;
        font-size: 15px;
        margin-bottom: 0;
        padding-top: 10px;
        line-height: 1.2em;
        text-align: left
    }

    #form .form-bottom {
        overflow: hidden;
        background: url("/images/form-hsplitter.png") no-repeat 50% 0;
    }

    #form .form-bottom .in {
        margin-right: 20px;
        padding: 0;
        height: 100%;
    }

    #form .buy {
        position: relative;
        top: 10px;
    }

    #form .buyandsell {
        position: relative;
        top: 10px;
        color: darkred;
        font-weight: bold;
        font-size: 1.1em
    }

    #form #submit {
        float: right;
        border: 0;
        cursor: pointer;
    }

    #form .form-part {
        float: left;
        width: 48%;
        display: inline-block;
    }

    #form .form-part table td {
        text-align: right;
    }

    #form .form-part input {
        font-size: 100%;
        width: 100%;
        text-align: left;
    }

    #reasons {
        width: 100%;
        #background: url("/images/bg-module.png") repeat-y center;
    }

    #reasons h2 {
        font-size: 40px;
        text-align: center;
        margin: 40px 0 10px 0;
    }

    #reasons h3 {
        color: #f7931b;
        font-size: 21px;
        text-align: center;
        margin: 30px 0 5px 0;
    }

    #reasons ul {
        margin-top: 45px;
        padding: 0px;
    }

    #reasons ul li {
        list-style: none;
        display: block;
        float: left;
        width: 250px;
        height: 300px;
        text-align: center;
        background: url("/images/reasons-vsplitter.png") no-repeat
    }

    #reasons ul li.first {
        background: none;
    }

    #reasons ul li p {
        line-height: 1.1em;
        margin: 10px 30px;
    }

    #reasons img {
        margin: auto;
    }

    #live {
        width: 100%;
        #background: url("/images/bg-module.png") repeat-y center;
    }

    #live .box {
        #background: url("/images/live-vsplitter.png") no-repeat 0;
        padding: 40px 0;
        position: relative;
    }

    #live .chartbox {
        float: left;
        width: 60%;
    }

    #live .latestbox {
        float: right;
        width: 35%;
    }

    #live .tablebox {
        width: 99%;
        height: 260px;
        position: relative;
    }

    #live table {
        width: 303px;
        margin: 10px;
        position: relative;
        top: 10px;
    }

    #live table td, #live table th {
        padding: 0.2em 0.5em;
        line-height: 1.4em;
    }

    #common {
        width: 100%;
        padding: 0 0 40px 0;
        #background: url("/images/bg-module.png") repeat-y center;
    }

    #common h2 {
        color: #f7931b;
        font-size: 21px;
        text-align: left;
        margin: 0 0 0 0;
        padding-top: 10px
    }

    #common a {
        color: #f7931b
    }

    #common .w50 {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
    }

    #common .w33 {
        width: 33%;
        float: left;
        margin: 0;
        padding: 0;
    }

    #transaction_verification .submit {
        font-size: 100%;
        width: 150px;
        text-align: center;
    }

    #transaction_verification .transaction_id_envelope {
        margin-bottom: 10px;
    }

    #transaction_verification .transaction_submit_envelope {
        margin-top: 10px;
    }

    #transaction_verification #transaction_id {
        width: 99%;
        font-size: 150%;
    }

    #footer {
        width: 100%;
        #background: url("/images/footer-top.png") no-repeat center top;
    }

    .headerBox {
        width: 1000px;
        margin: auto;
        display: flex;
        overflow: visible;
        flex-direction: row;
        #background: url("/images/bg-module.png") repeat-y center;
    }

    .headerBox span {
        display: flex;
        flex-direction: column;
        flex-flow: column nowrap;
        flex-shrink: 0;
        margin: auto;
        padding: 1em;
    }

    .headerBox a {
        display: inline-block;
    }

    #chart {
        width: 540px;
        height: 260px;
        margin: 0 0 0 20px;
    }

    .rightLink {
        float: right;
        display: block;
        text-align: right;
        margin-left: 5px
    }

    .ie #form #address {
        margin-top: 5px;
    }

    .ie #form .form-right label {
        margin-top: 5px;
    }

    input {
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        border: 1px none;
        padding: 5px;
    }

    .cancelbutt {
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        background-color: #d9262d;
        border-color: #d9262d;
        color: whitesmoke;
        font-size: 25px;
        padding: 15px;
        border: 0px none;
    }

    .fileDiv {
        display: inline-block;
        margin-right: 20px;
        margin-left: 40px;
    }

    .cancelledOrder {
        background: #F0F0F0;
        padding: 30px;
        border-radius: 15px;
    }

    .wtsImportant {
        font-size: large;
        color: #0a701d;
        font-weight: bold;
    }

    .transaction_verification {
        margin-bottom: 25px;
    }

    .contactIcon {
        width: 24px;
        height: 22px;
        margin-right: 10px
    }

    .focusPainted :focus {
        background-color: #70AD47;
    }

    .cancelbutt {
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        background-color: #d9262d;
        border-color: #d9262d;
        color: whitesmoke;
        font-size: 25px;
        padding: 15px;
        border: 0px none;
    }

    .buysellbutt {
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        background-color: deepskyblue;
        border-color: deepskyblue;
        color: whitesmoke;
        font-size: 25px;
        padding: 15px;
        border: 0px none;
    }

    .stretchedToMargin {
        display: block;
        height: auto;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    .logoDiv {
        display: flex;
        margin-right: 15px;
    }
}