@font-face {
    font-family:  'Bariol';
    src:  url('bariol_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* CONTENT WEBSITE */
#content {
    background-color: #fff;    
}

.login-form {
    position: absolute;
    top: 25%;
    width: 100%;
}

#box-id-content ul {
    margin: 0 0 0 25px;
}

#loader {
    text-align: center;
    padding-top: 20px;
}

#loader > p {
    padding-bottom: 20px;
}

.container {
    background-color: #fff;   
}

.container,.pagebox , #content > .box {
    padding: 20px 10px;
    margin:0 auto;
    max-width: 990px;
}

h1.container {
    font-size: 2.1875rem;
    line-height: 1.68;
}

.message p {
    line-height: 1.68;
}

strong {
    font-weight: bolder !important;
}

.indentation {
    /*margin-top: 80px;*/
}

.x-panel-body {
    overflow: visible !important;
}

.x-btn button {
    font-weight: 400 !important;   
}

.product__desc {
    height: 60px;
}

.page__block-cont > .text--basic {
    grid-column: col1-start/col8-end;
    grid-column-start: col1-start;
    grid-column-end: col8-end;
}

.product__feature-list {
    min-height: 6rem;
}

.product__CTA {
    margin: 3rem 0 -0.125rem;
}

.product--top-choice a{
    color: #fff;
    text-decoration: underline;
}

#top-navigation {
    position: static;
}
.order-help{
    margin-left: 15px;
    float:right;
    top: -21px;
    position: relative;
    /*    cursor: pointer;*/
}

.total {
    font-size: 1.2em;
    text-align: center;
    padding: 5px;
}

.order-note{
    padding: 20px 10px 20px 10px;
    text-align: justify;
}

.box-contact{
    margin-top: 10px;
    text-align: center;
    font-size: 1em;
}

.contact {
    font-weight: bold;
    margin-top: 5px;


}
p.contact{
    font-size: 1em;
    margin-bottom: 10px;
}
h3.contact {
    padding: 5px 0px 5px 0px;
    font-size: 1em;
}

.product--top-choice {
    content: "";
}

.site-foot__nav {
    border-top: none;
}

#site-foot {
    margin: 0;
}

.success{color: #2C7635;background-color: #DFF0D4; border-left: #2C7635 solid 3px;}


@media only screen and (min-width: 480px) {
    .payment-icon {
        background-image: url('/crm/images/paygates.png');
        background-repeat: no-repeat;
        height: 32px;

    } 

    .commandment-cz{
        background-position: 228px -265px;
    }

    .commandment-sk{
        background-position: 228px -314px;
    }


    .commandment-en{
        background-position: 122px -114px;
    }


    .commandment-es{
        background-position: 122px -113px;
    }

    .paypal-en,.paypal-es{
        background-position: 122px -15px;
    }

    .paypal-cz, .paypal-sk{
        background-position: 122px -214px;
    }

    .csas-cz,.csas-sk,.csas-es,.csas-en,.csob-cz {
        background-position: 122px -65px;
    }

    .gopay-cz,.gopay-sk, .gopay-en {
        background-position: 122px -65px;
    }

    .braintree{
        background-position: 122px -108px;
    }

    .bitpay-cz,.bitpay-sk,.bitpay-en,.bitpay-es{
        background-position: 122px -163px;
    }
}