@-webkit-keyframes myanimation {
    from {
        left: 0%;
    }

    to {
        left: 50%;
    }
}

@media print {


    .Display div {
        padding: 7px;
        width: 200px;
        float: left;
    }

    .panel-heading {
        border-radius: 0px !important;
        background: #3a7e93 !important;
        color: #fff !important;
    }

    .resp_once {
        width: 50% !important;
        padding: 10px;
    }

    .checkout-wrap {
        margin: 20px 0 70px auto;
    }

    ul.checkout-bar li {
        width: 22%;
    }
}

.Display div {
    padding: 7px;
    width: 200px;
    float: left;
}

.panel-heading {
    border-radius: 0px !important;
    background: #3a7e93 !important;
    color: #fff !important;
}

.resp_once {
    width: 50% !important;
    padding: 10px;
}

.checkout-wrap {
    margin: 20px 0 70px auto;
}

ul.checkout-bar li {
    width: 22%;
}

.checkout-wrap {
    /*width:94%;*/
    margin: 0px auto !important;
    padding: 50px 0px 90px 0px !important;
    background: #f5f5f5;
    /*border-bottom:1px solid #f9f9f9;*/
}


h1 {
    text-align: center;
    font-family: 'PT Sans Caption', sans-serif;
    font-weight: 400;
    font-size: 20px;
    padding: 20px 0;
    color: #777;
}

.checkout-wrap {
    color: #444;
    font-family: 'PT Sans Caption', sans-serif;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
    padding-bottom: 30px;
}

ul.checkout-bar li {
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
}

    ul.checkout-bar li:before {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background: #ddd;
        border: 2px solid #FFF;
        border-radius: 50%;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        left: 20px;
        line-height: 37px;
        height: 35px;
        position: absolute;
        text-align: center;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        top: 4px;
        width: 35px;
        z-index: 999;
    }

    ul.checkout-bar li.active {
        color: #8bc53f;
        font-weight: bold;
    }

        ul.checkout-bar li.active:before {
            background: #8bc53f;
        }

    ul.checkout-bar li.visited {
        /*background: #ECECEC;*/
        color: #000000;
        z-index: 99999;
    }

        ul.checkout-bar li.visited:before {
            background: #8bc53f;
            z-index: 99999;
        }

    ul.checkout-bar li:nth-child(1):before {
        content: "1";
    }

    ul.checkout-bar li:nth-child(2):before {
        content: "2";
    }

    ul.checkout-bar li:nth-child(3):before {
        content: "3";
    }

    ul.checkout-bar li:nth-child(4):before {
        content: "4";
    }

    ul.checkout-bar li:nth-child(5):before {
        content: "5";
    }

    ul.checkout-bar li:nth-child(6):before {
        content: "6";
    }

ul.checkout-bar a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

@media all and (min-width: 800px) {
    .checkout-bar li.active:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #8bc53f;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        width: 100%;
        left: 50%;
        position: absolute;
        top: -50px;
        z-index: 0;
        border-radius:7px;
    }

    .checkout-wrap {
        margin: 20px 0 100px auto;
    }

    ul.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background-size: 35px 35px;
        background-color: #EcEcEc;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        border-radius: 15px;
        height: 15px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 99%;
        margin-left: 5px;
    }

        ul.checkout-bar:before {
            background-size: 35px 35px;
            background-color: #8bc53f;
            background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            content: " ";
            height: 15px;
            left: 0;
            position: absolute;
            width: 15%;
        }

        ul.checkout-bar li {
            display: inline-block;
            margin: 50px 0 0;
            padding: 0;
            text-align: center;
            width: 24%;
        }

            ul.checkout-bar li:before {
                height: 45px;
                left: 40%;
                line-height: 45px;
                position: absolute;
                top: -65px;
                width: 45px;
                z-index: 99;
            }

            ul.checkout-bar li.visited {
                background: none;
            }

                ul.checkout-bar li.visited:after {
                    background-size: 35px 35px;
                    background-color: #8bc53f;
                    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    content: "";
                    height: 15px;
                    left: 50%;
                    position: absolute;
                    top: -50px;
                    width: 100%;
                    z-index: 99;
                }

        ul.checkout-bar li.w-33 {
            width: 33%;
        }
}


.view_1 {
    /*background: #E0B064;*/
    padding: 15px;
    /*border: 1px solid #ccc;*/
    margin-bottom: 20px;
}

.detailpage {
    /*background: #E0B064;*/
    padding: 15px;
    /*border: 1px solid #ccc;*/
    margin-bottom: 20px;
}

    .detailpage .shoping_pannel {
        background: #5f4523 !important;
    }


.shoping_pannel {
    padding: 10px;
    background: #5f4523;
    border: 1px solid rgba(74, 65, 13, 0.8);
    border-radius: 6px;
    margin-bottom: 15px;
}

    .shoping_pannel .thumbnail {
        margin: 0px;
        padding: 0px;
        border: none;
    }

.text_shoping_cart .Tittle_name {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    width: 60%;
    display: block;
    float: left;
}

.price_shoping {
    color: #F6F6F6;
    font-size: 24px;
    font-weight: 700;
}

.text_shoping_cart {
    padding: 0px 0px 0px 15px;
}

    .text_shoping_cart p {
        /*float: left;*/
        color: #f9f9f9;
        margin-top: 0px;
    }

    .text_shoping_cart .btn_shoping {
        background-color: #917500 !important;
        border: solid rgba(255, 255, 255, 1) 2px !important;
        color: #fff !important;
    }

        .text_shoping_cart .btn_shoping:hover {
            background: rgba(191, 168, 33, 1) !important;
        }

    .text_shoping_cart .btn_shoping {
        margin-right: 0px !important;
        margin-left: 5px;
        float: left !important;
    }

.date_icon {
    border: 4px solid #fff;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(0,0,0,0.3);
}

    .date_icon ul {
        padding: 0px;
    }

        .date_icon ul li {
            list-style-type: none;
            display: block;
            line-height: 20px;
            color: #fff;
            text-align: center;
            font-size: 12px;
            font-weight: 600;
        }

            .date_icon ul li span {
                font-weight: 100;
                font-size: 20px;
            }

.detail_icon {
    padding: 0px;
}

    .detail_icon .date_icon {
        position: relative;
        top: 0px;
        left: 0px;
        background: rgba(0,0,0,0.3);
    }

.Ticket_img {
    width: 100%;
    padding-top: 20px;
    float: left;
}

    .Ticket_img img {
        width: 100%;
    }

.View1 {
    overflow: hidden;
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    background: #f9f9f9;
}

.View2 {
    overflow: hidden;
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    background: #f9f9f9;
}


    .View2 .checkout-wrap {
        background: transparent;
    }

#cart {
    float: left;
    margin-left: 0px;
    margin-bottom: 10px;
    background-color: #E0B064;
    color: #fff;
    padding: 10px;
}



.partial_check {
    overflow: hidden;
    padding: 15px;
    /*border: 1px solid #ccc;*/
    /*background: #E0B064;*/
}

    .partial_check .checkout-wrap {
        background: transparent;
    }

    .partial_check .checkout-wrap {
        background: transparent;
    }

.bg_partial {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
    background: #5f4523;
    border: 1px solid rgba(74, 65, 13, 0.8);
}

    .bg_partial ul.checkout-bar li {
        width: 24% !important;
        color: #fff;
    }

        .bg_partial ul.checkout-bar li.active {
            color: #8bc53f;
        }

    .bg_partial label {
        color: #fff;
    }


.table_box {
    padding: 15px;
    background: #E0B064;
}

    .table_box table tr td {
        color: #fff;
    }

    .table_box .table-striped > tbody > tr:nth-of-type(odd) {
        background: transparent;
    }

    .table_box .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) {
        background: transparent;
    }


.btans_three {
    padding: 0px 0px;
    text-align: right;
}








@media (max-width:1369px) and (min-width:1239px) {
    .text_shoping_cart .btn_shoping {
        float: left;
        font-size: 12px !important;
        margin-left: 5px;
        margin-right: 0 !important;
        width: 190px !important;
    }
}









@media (max-width:1239px) and (min-width:999px) {
    .text_shoping_cart {
        padding: 15px 0px 0px 0px;
        width: 100%;
    }

    .btans_three {
        text-align: left;
    }
}


@media (max-width:1100px) {
    .partial_check {
        width: 85%;
    }
}

@media (max-width:992px) {
    .detailpage .btans_three {
        text-align: left;
    }

    .detailpage .btn_shoping {
        float: left !important;
    }

    .detailpage .text_shoping_cart .col-sm-12 {
        float: left;
        width: 100%;
    }

    .detailpage .Tittle_name {
        width: 100%;
    }
}


@media (max-width:768px) {
    .shoping_pannel {
        overflow: hidden;
        width: 100%;
    }



    .detail_icon {
        width: 60px;
        float: left;
    }

    .table_box {
        padding: 15px !important;
        background: #E0B064;
        overflow: auto;
        width: 100%;
        margin-bottom: 10px;
    }


    .partial_check {
        width: 100%;
    }

    .bg_partial .col-sm-12 {
        float: left;
    }

    .view_1 {
        width: 100%;
        float: left;
        overflow: hidden;
    }

    .shoping_pannel .thumbnail {
        width: 400px;
        padding: 0px !important;
    }

    .text_shoping_cart {
        overflow: hidden;
    }

    .btans_three {
        float: left;
        text-align: left;
    }

    .detailpage {
        width: 100%;
        float: left;
    }

    .bg_partial ul.checkout-bar li {
        width: 100% !important;
    }

    .footer .column {
        width: 100%;
        border-bottom: 2px solid #fff;
    }

        .footer .column .BorderBottom {
            border-right: 0px;
        }
}



@media (max-width:564px) {

    .btans_three a {
        margin-right: 10px !important;
    }

    .table_box table tr td {
        font-size: 12px;
        padding: 3px;
    }

    .table_box table tr th {
        font-size: 12px;
        padding: 3px;
    }
}

@media (max-width:464px) {
    .shoping_pannel .thumbnail {
        width: 100%;
        padding: 0px !important;
    }

    .btans_three {
        width: 100%;
    }

        .btans_three .btn_shoping {
            width: 100% !important;
            float: none !important;
            margin-top: 10px;
        }

    .price_shoping {
        display: block;
        width: 100%;
    }

    .bg_partial {
        padding: 0px;
    }

        .bg_partial .col-sm-12 {
            padding-left: 0px !important;
        }

    .table_box table tr td {
        font-size: 10px;
        padding: 3px;
    }


    .table_box table tr th {
        font-size: 10px;
        padding: 3px;
    }
}



@media (max-width:400px) {

    .shoping_pannel .thumbnail {
        width: 100%;
    }

    .qtyselect select {
        width: 55px !important;
    }


    .table_box table tr td {
        font-size: 10px;
        padding: 3px;
    }


    .table_box table tr th {
        font-size: 10px;
        padding: 3px;
    }

    .table_box {
        padding: 5px !important;
    }

    .bg_partial {
        padding: 0px;
    }

    .check_out {
        font-size: 12px;
        margin-bottom: 10px;
    }


    .price_shoping {
        width: 100%;
        float: left !important;
        margin-top: 10px;
    }

    .text_shoping_cart .Tittle_name {
        width: 100%;
    }
}


@media (max-width:369px) {

    .detailpage .date_icon {
        width: 80px;
        height: 80px;
    }

        .detailpage .date_icon ul li {
            line-height: 30px;
            font-size: 16px;
        }


            .detailpage .date_icon ul li span {
                font-size: 33px;
            }

    .detailpage .text_shoping_cart {
        width: 100%;
    }

    .table_box table tr td {
        font-size: 9px;
        padding: 2px;
    }


    .table_box table tr th {
        font-size: 8px;
        padding: 2px;
    }

    .qtyselect select {
        padding: 6px 6px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}

@media (max-width:320px) {
    .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding: 0px !important;
    }
}

.dropdownquantity {
    display: none !important;
}

.text_shoping_cart p {
    float: left;
}

div[data-type="Ticket"] p {
    float: none !important;
}

.cardType img {
    width: 45px;
    float: left;
}

.dankort-img {
    width: 40px;
    margin-right: 3px;
}

.cardType .box {
    border: 1px solid #cacaca;
}

.cardType .box {
    width: 100%;
    float: left;
    background: #fff;
    padding: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .cardType .box:focus, .cardType .box:hover, .cardType .box.active-box {
        border: 1px solid #6ea700;
    }

h6.green-heading {
    color: #6ea700;
    text-transform: none;
    font-size: 18px;
    font-weight: bold;
}