.rev_gradient {
    background: -webkit-linear-gradient(90deg, #48459f, #8a2a5d);
    background: -webkit-gradient(linear, left top, right top, color-stop(#48459f), color-stop(#8a2a5d));
    background: -webkit-linear-gradient(left, #48459f, #8a2a5d);
    background: -o-linear-gradient(left, #48459f, #8a2a5d);
    background: -webkit-gradient(linear, left top, right top, from(#48459f), to(#8a2a5d));
    background: linear-gradient(90deg, #48459f, #8a2a5d);
}

.modal-backdrop {
    display: none;
    visibility: hidden;
    position: relative
}

.modal {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.e404 ul.social-icons li a, .white ul.social-icons li a, .rev_gradient ul.social-icons li a {
    background-color: transparent;
    color: #fff;
}

.e404 .copyrights, .white .copyrights, .rev_gradient .copyrights {
    color: #fff;
}

#cart_content *, .side-menu p {
    color: #fff;
}

#cart_content input {
    background: transparent;
    width: 30px;
    text-align: center;
    font-size: 13pt;
    border: 0px;
    border-bottom: 1px solid #fff;
}

#cart_content .preview {
    max-height: 30px;
    border-radius: 3px;
}

.side-menu .btnsecondary:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #643094 !important;
}

.side-menu .inner-wrapper {
    padding: 20px;
    padding-top: 70px;
}

#cart_content.navbar-nav .nav-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 20px !important;
    margin-bottom: 10px !important;
}

#cart_content.navbar-nav .nav-item:last-child {
    border: 0px;
}

.bgturquoise {
    background: #00bcd4;
}

.table {
    border: 1px solid #f6f3f3;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
}

.contact .form-group label, .contact .checkbox label {
    font-size: 12pt;
}

label span {
    color: #e52757;
    font-weight: bold;
}

.btnblue {
    background: #233ea7;
    color: #fff;
}

.btnblue:hover, .btnblue:focus {
    background: #1c258c;
}

.btnset {
    display: inline-block;
    height: 25px;
    line-height: 16px;
    background: #631547;
    color: #fff !important;
    font-size: 13pt;
    padding: 5px 8px;
    border-radius: 3px;
    margin: 0px;
    cursor: pointer;
    top: 1px;
    position: relative;
}

.btnsmall {
    font-size: 14px;
}

.form-wrapper {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.form-group {
    position: relative;
    margin-top: 15px;
}

.form-group + .form-group {
    margin-top: 30px;
}

.form-label {
    position: absolute !important;
    left: 0;
    top: 7px;
    color: #999;
    background-color: transparent;
    z-index: 10;
    transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    padding-left: 0px !important;
}

.focused .form-label {
    -webkit-transform: translateY(-125%);
    transform: translateY(-125%);
    font-size: 14px;
}

.form-input {
    position: relative;
    padding: 5px;
    width: 100%;
    outline: 0;
    border: 0;
    /*box-shadow: 0 1px 0 0 #e5e5e5;*/
    border-bottom: 1px solid #e5e5e5;
    transition: box-shadow 150ms ease-out;
    font-size: 13pt;
}

.form-input:focus {
    /*box-shadow: 0 2px 0 0 #8a2a5d;*/
    border-bottom: 2px solid #8a2a5d;
}

.form-input.filled {
    /*box-shadow: 0 2px 0 0 #48459f;*/
    border-bottom: 2px solid #48459f;
}

.text-label {
    font-size: 14px;
    margin-top: -4px;
}

.page-header .page-titles {
    margin-top: 0px !important;
    margin-bottom: 50px;
}

.hide {
    display: none !important;
}

.claim {
    font-size: 16pt;
}

.set-size, .checkbox, .radio, [data-style="fancy-checkbox"] {
    cursor: pointer;
    padding: 2px 10px;
    padding-left: 20px;
    background-image: url("/editor/icon/check.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px;
    font-size: 11pt;
}

.set.active, .checkbox.active, .radio.active, [data-style="fancy-checkbox"].active {
    background-image: url("/editor/icon/check-active.png");
}

.empty {
    border-top: 1px solid #540f79;
    margin-top: 20px;
    margin-bottom: 20px;
}

.input-short {
    width: 35px;
    text-align: center;
    font-size: 12pt;
    border: 0px;
    margin: 0px 2px;
}

input[readonly] {
    color: #5e41b8;
}

.font-size-10 {
    font-size: 10pt;
}

.font-size-13 {
    font-size: 13pt;
}

.font-size-14 {
    font-size: 14pt;
}

.pointer {
    cursor: pointer;
}

.hidden-checkbox {
    display: none;
}

html,
body {
    height: 100%;
    text-align: center;
}

body.login {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

body.login #site-footer * {
    color: #ededed;
}

.form-sign {
    width: 100%;
    max-width: 330px;
    padding: 45px 25px;
    margin: 0 auto;
    border-radius: 5px;
}

.shadow {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
}

.shadow-small {
    -webkit-box-shadow: 0px 1px 5px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 5px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 5px -3px rgba(0, 0, 0, 0.5);
}

.navbar-brand {
    width: 250px;
}

.modal-content {
    border-radius: 0px;
    border: 0px;
}

.modal-header {
    background: #643094;
    color: #fff;
    border-radius: 0px;
}

.modal-header h5 {
    font-size: 16pt;
    font-weight: normal;
}

.modal-header span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    color: #643094;
    line-height: 22px;
    text-align: center;
}

.modal-footer button, .modal-content button {
    background: #643094;
    color: #fff;
    border: 0px;
}

.bg-purple {
    background-color: #8a2a5d;
}

.nav-tabs .nav-link {
    border: 0px;
    border-radius: 0px;
    font-size: 20px;
}

.search {
    padding: 20px;
    margin-bottom: 20px;
    font-size: 18px;
}

.search input {
    border: 0px;
    box-shadow: 0 2px 0 0 #8a2a5d;
}

.heading-title > span {
    text-transform: none;
}

.gradient_bg_default {
    background: #423f9c;
}

#funfacts .fa {
    color: #00bcd4;
}

.back-top {
    background: #fc2394;
}

.form-group label, .checkbox label {
    font-weight: normal;
}

.free-delivery {
    display: inline-block;
    position: relative;
    margin-top: -20px;
    /*margin-bottom: -10px;*/
    margin-left: -25px;
    z-index: 90;
}

.description {
    color: #fff;
    font-size: 14px;
}

.description .price, .btn.cart {
    display: inline-block;
    font-size: 18px;
    padding: 5px 15px;
    background-color: #fc2394;
    border-radius: 5px;
    margin-top: 10px;
    font-weight: bold;
}

.btn.cart {
    border-radius: 30px;
}

.price-table.active .ammount .h2 {
    color: #643094;
}

.price-table .ammount .h2 {
    line-height: 1;
    font-size: 24pt;
    font-weight: normal;
}

#contactus h3 {
    font-size: 18px;
}

#contact a, #terms a {
    text-decoration: underline;
    color: #643094;
}

#contact select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    margin-top: 10px;
    padding: 3px;
    width: 100%;
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url("/theme/default/images/ico-dropdown.png");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-color: #f9f9f9;
    background-size: 12px;

    outline: 0px;

}

#contact select:focus {
    background-color: #f9f9f9;
    box-shadow: 0;
    color: #222;
    outline: none;
}

#contact select option {
    background-color: #f9f9f9;

}

#contact .form-input {
    font-size: 11pt;
}

#contact .focused .form-label {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    font-size: 12px;
}

#contact .form-group label, #contact .checkbox label {
    min-height: 18px;
}


.page-header .page-titles {
    text-transform: none;
}

#terms h2 {
    font-size: 18pt;
    margin-bottom: 5px;
    margin-top: 10px;
}

#cart {
    color: #fff;
}

.text-white {
    color: #fff;
}

.cart h2 {
    font-weight: normal;
    font-size: 24pt;
    padding-bottom: 20px;
}

.price-table {
    min-height: 680px;
}

.ammount .defaultcolor {
    font-size: 28pt;
}

h1 {
    font-size: 40pt;
}

#set, #set .form-group label, #set .checkbox label {
    color: #333 !important;
}

.bg-grey {
    background-color: #fc2394;
    color: #fff;
}

.row.bg-grey {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#orders {
    background-color: #ededed;
}

.col-groups {
    font-size: 17px;
}

.col-groups .nav-tabs .nav-link {
    font-size: 18px;
}

.col-groups .container {
    background-color: #fff;
    margin-bottom: 20px;
    /*border-radius: 3px;*/
}

.col-groups .nav-tabs {
    background-color: #3c0050;
    color: #fff;
    border-top: 1px solid #3c0050;
}

.tl-item {
    display: block;
}

.b-success {
    border-color: #6cc788;
}

.tl-wrap {
    display: block;
    margin-left: 6em;
    padding: 15px 0 15px 20px;
    border-style: solid;
    border-color: rgba(120, 130, 140, .13);
    border-width: 0 0 0 2px;
}

.tl-wrap:before {
    top: 15px;
    margin-left: -26px;
    width: 10px;
    height: 10px;
    border-color: inherit;
    border-width: 3px;
    border-style: solid;
    background: #f8f8f8;
    box-shadow: 0 0 0 4px #fff;
}

.tl-wrap:before, .ui-switch i:after {
    border-radius: 50%;
    content: "";
}

.tl-date {
    top: 7px;
    margin-left: -7.5em;
    display: block;
    width: 4.5em;
    text-align: right;
    font-size: 16px;
    line-height: 1;
}

.tl-date, .tl-wrap:before {
    float: left;
    position: relative;
}

.tl-item::after {
    content: "";
    display: table;
    clear: both;
}

.text-muted {
    opacity: .6;
}

.tl-content {
    display: inline-block;
    position: relative;
    padding-top: 5px;
    padding-bottom: 10px;
}

.b-success {
    border-color: #6cc788;
}

.b-info {
    border-color: #fc2394;
}

.order-summary {
    color: #111;
    line-height: 1;
}

.order-summary .fa {
    color: #fc2394;
    opacity: 1;
}

#gopay-payment-button button {
    font-size: 16pt;
    background-color: #fc2394;
    color: #fff;
}

#logos img {
    padding: 0px 5px;
    margin-bottom: 10px;
}

#logos {
    background-color: #fff;
    border-radius: 5px;
}

.error {
    color: #da0000;
    font-weight: bold;
    font-size: 15px;
}

#cart_content .error, #cart_content .error i {
    color: #da0000;
}

.confirm {
    color: #6cc788;
    font-size: 15px;
}

.account .breadcrumb-item + .breadcrumb-item::before {
    content: '';
}

.account .breadcrumb-item {
    font-size: 18px;
}

.dropzone {
    /*margin: 50px 0px; */
    /*border-color: #00bcd4 !important;*/
    border: 0px !important;
    background-color: #fc2394 !important;
    color: #fff;
}

.dz-message {
    font-size: 22px;
}

.card {
    border-radius: 0px;
    background-color: #fefefe !important;
    border: 0px !important;
}

.card-body {
    padding: 5px;
}

.card-text {
    font-size: 14px;
    vertical-align: middle;
}

.card-info {
    background-color: #fc2394 !important;
    color: #fff;
    right: 0px;
    font-size: 12px;
    text-align: right;
    padding: 5px;
}

.micro {
    font-size: 12px;
}

.order-summary .micro {
    display: inline-block;
    margin-bottom: 5px;
}

.order-summary .badge {
    font-size: 15px;
    font-weight: normal;
    padding: 5px 14px !important;
}

.order-summary .nav-link {
    text-decoration: none;
}

.col-groups .tab-content {
    font-size: 14px !important;
}

.color_status_100 {
    background-color: #b50000;
    color: #fff;
}

#cart_content .voucher input {
    width: 100%;
    text-align: left;
}

#cart_content .voucher input::placeholder {
    color: #fff;
    opacity: 0.7;
}

.bg-cart {
    background-image: url("/theme/default/images/bg-cart.png");
    background-repeat: repeat-y;
    background-position: center center;
}

.status.button {
    font-size: 24pt;
}

#orders .order-summary {
    line-height: 1.25;
}

#confirm-delete {
    padding-right: 0px !important;
}

body.modal-open {
    padding-right: 0px !important;
}

.detail-order img {
    height: 40px;
    margin-right: 20px;
    margin-top: 10px;
}

a.pdf {
    text-decoration: underline;
    color: #b50000;
}

.nav-orders .logo {
    max-width: 250px;
}

.deutsche_post, .czech_post {
    background-color: #fcc40f;
    border-radius: 3px;
    padding: 10px;
    padding-left: 85px;
    background-image: url("/theme/default/images/logo-deutsche-post.png");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: auto 35px;
    color: #231f20;
    font-size: 14px;
}

.czech_post {
    background-image: url("/theme/default/images/logo-ceska-posta.png");
    background-color: #08316d;
    color: #f3ba22;
    padding-left: 65px;
}

.deutsche_post a:hover, .czech_post a:hover {
    color: #fff;
}

.btn i, .btn.bg-secondary {
    color: #fff !important;
}

.post-icon {
    height: 40px;
    border-radius: 3px;
    margin-top: 10px;
}

.services {
    margin-top: 8px;
}

.status {
    font-weight: 500;

}

.status a {
    text-decoration: underline;
}

.status .bg-warning {
    color: #000;
}

.store .breadcrumb .breadcrumb-item:hover {
    color: #fff;
}

.store .breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline;
}

.store .breadcrumb-item + .breadcrumb-item::before {
    content: '';
    padding-left: 0px;
    padding-right: 0px;
}

.bg-player {

    /*
    background: url("/theme/default/images/player.png") no-repeat left bottom, -webkit-linear-gradient(90deg, #48459f, #8a2a5d);
    background: url("/theme/default/images/player.png") no-repeat left bottom, -webkit-gradient(linear, left top, right top, color-stop(#48459f), color-stop(#8a2a5d));
    background: url("/theme/default/images/player.png") no-repeat left bottom, -webkit-linear-gradient(left, #48459f, #8a2a5d);
    background: url("/theme/default/images/player.png") no-repeat left bottom, -o-linear-gradient(left, #48459f, #8a2a5d);
    background: url("/theme/default/images/player.png") no-repeat left bottom, -webkit-gradient(linear, left top, right top, from(#48459f), to(#8a2a5d));
    background: url("/theme/default/images/player.png") no-repeat left bottom, linear-gradient(90deg, #48459f, #8a2a5d);
    */

    background-image: url("/theme/default/images/bg-main_2.jpg");
    background-color: #000000;
    background-position: left bottom;
    background-size: cover !important;
    background-repeat: no-repeat;

}

.bg-bicycle {
    background-image: url("/theme/default/images/bg-bicycle.jpg");
    background-color: #000000;
    background-position: left bottom;
    background-size: cover !important;
    background-repeat: no-repeat;

}

#stickers {
    background-image: url("/theme/default/images/bg-ice_1.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content a {
    text-decoration: underline;
}

.btn-wire {
    border: 1px solid #fff;
    color: #fff;
    margin-top: -5px;
    margin-left: 10px;
}

footer .small {
    font-size: 11px;
}

#cart_toggle {
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fc2394;
    font-size: 22px;
    line-height: 40px;
    position: absolute;
    right: 0px;
    top: 16px;
}

.navbar-toggler {
    top: -6px;
    right: 70px;
}

.navbar-toggler.collapsed {
    top: 0px;
}

.navbar.bg-white {
    position: absolute;
}

.lang {
    position: absolute;
    right: 28px;
    top: 20px;
    font-size: 13px;
}

.navbar.bg-white.fixedmenu {
    position: fixed;
}

.navbar-brand {
    max-width: 50%;
    min-height: 40px;
}

#main__editor {
    margin-top: 60px;
}

.preview {
    position: relative;
}

#loader, #fullpage_loader {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #666;
    opacity: 0.95;
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle;
}

#fullpage_loader {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    opacity: 0.50;
}

#fullpage_loader img {
    opacity: 1;
}

.flag {
    height: 17px !important;
}

.iti {
    width: 100% !important;
}

#btn-voucher {
    margin-top: -5px;
    font-size: 9pt;
    padding: 0.75rem 0.75rem;
}

@media only screen and (min-width: 1024px) {

    #main__editor {
        position: relative;
    }

    #decription {
        position: absolute;
        right: 50%;
        bottom: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .customize_form .col-lg-4, .customize_form .col-lg-3, .customize_form .col-lg-2, .customize_form .col-lg {
        /*
                padding: 5px !important;
                margin: 0px !important;*/
    }
}

@media only screen and (max-width: 768px) {

    .btnsmall {
        margin-bottom: 5px;
    }
}

.fixpreview {
    position: absolute !important;
}

@media only screen and (max-width: 425px) {

    #main__editor {
        margin-top: 80px;
    }

    .bg-white-fixed {
        background-color: #fff;
        padding-bottom: 20px;
        padding-top: 20px;
        border-radius: 5px 5px 0px 0px;
    }

    .bg-white-fixed + .bg-white-fixed {
        padding-top: 0px;
        border-radius: 0px 0px 5px 5px;
    }

    .bg-white-fixed .result, .bg-white-fixed .number {
        /*border: 1px solid #000;*/
    }

    #main__editor .preview {
        width: calc(100vw - 36px);
        position: fixed;
        top: 70px;
        left: 0px;
        z-index: 100;
        -webkit-animation-name: animationFade;
        -o-animation-name: animationFade;
        animation-name: animationFade;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;

        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    }

    .editor {
        margin-top: 130px !important;
    }

    .editor .col-6 {
        margin-bottom: 15px;
    }

    #cart_content .preview {
        max-height: 25px;
    }

    #btn-voucher {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 320px) {


}

@media (max-width: 767px) {
    .side-menu {
        width: 90%;
    }

    .cart .container {
        max-width: 100%;
    }

    .bg-cart {
        background-image: none;
        background-color: #00bcd4;
    }
}

@media only screen and (min-width: 768px) {
    .modal-lg {
        width: 90%;
    }
}

.image_item {
    margin-bottom: 15px;
}

.image_item .short {
    font-size: 11pt;
}


.promo {
    font-size: 10pt;
    padding: 10px;
    background: #b50000;
    color: #fff;
}

.bg-black {
    background-color: #000 !important;
}

body.login {
    padding-top: 0px;
}

body.login .promo {
    margin-bottom: 40px;
}

@media only screen and (max-width: 320px) {
    #main__editor .preview {
    }
}

.modal-backdrop {
    z-index: 1050;
}

.modal {
    z-index: 1060;
}

.underline {
    text-decoration: underline;
}

.logo_circle {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .9);
    margin-bottom: 20px;
}

.logo_circle img {
    height: 40px;
    padding-top: 25px;
    box-sizing: content-box;
}

.short.small {
    font-size: 8pt;
}

.click {
    cursor: pointer;
}

.payment_alert {
    max-width: 600px;
    font-size: 13pt;
    padding: 10px;
    background: #b50000;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

#view {
    margin-top: 80px;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
    left: 0px;
    top: 20%;
}

.claim--center {
    background-color: #fc2394;
    color: #fff;
    font-size: 14pt;
    padding: 15px;
}

@media only screen and (max-width: 425px) {
    .pos-absolute {
        top: 37%;
    }

    .navbar-brand {
        margin: 10px 0px;
    }

    .navbar-brand {
        min-height: 23px;
    }

    #view {
        margin-top: 45px;
    }

    .lang {
        top: 7px;
    }

    #cart_toggle {
        top: 4px;
    }
}

@media only screen and (max-width: 320px) {
    .pos-absolute {
        top: 30%;
    }
}

@media only screen and (max-width: 425px) {
    .bg-white-fixed + .bg-white-fixed {
        border-radius: 5px 5px 0px 0px !important;
        padding-top: 12px !important;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: #dee2e6;
    }

    #tab__stickers {
        margin-top: -1px;
    }

    #tab__stickers .navs .nav-tabs {
        border: 0px;
    }

    #tab__stickers .nav-item {
        margin-bottom: 0px;
    }
}

/* big device */
@media (min-width: 767px) {
    #preview .tab-content > .tab-pane {
        display: block;
    }

    #tab__stickers {
        display: none;
    }
}

.navs {
    background-color: #fff;
    border-radius: 0px 0px 5px 5px;
}

.navs .nav-tabs {
    border-bottom: 0px;
}

.price_before {
    display: block;
    font-size: 10pt;
    padding-bottom: 5px;
    font-weight: normal;
    font-style: italic;
    text-decoration: line-through;
}

.payment-logos img {
    padding-left: 10px;
    max-height: 17px;
    margin-bottom: 10px;
}

.payment-logos img:first-child {
    padding-left: 0px;
}

.bg-color {
    /*background-color:rgba(0, 0, 0, 0.75);*/
    padding: 10px 20px;
    margin-top: 50px;
}

.svg-container {
    display: inline-block;
    margin-right: 30px;
}

.svg-container embed {
    height: 50px;
}

.col.detail-order {
    display: flex;
    align-items: top;
    flex-wrap: wrap;
}