/* ~/Content/piranya/default.css */
p, h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin: 0px;
}

p {
    font-size: 0.8em;
}

body {
    line-height: 1.15;
}

input[type=checkbox] {
    margin: 0px;
}

input[type=submit] {
    margin: 0px;
}

input[type="email"],
input[type="tel"],
input[type="text"] {
    margin: 0px;
}

textarea {
    margin: 0px;
    overflow: auto;
}

.piranya-view, 
.piranya-view-content {
    width: 100%;
    position: relative;
}

.piranya-view .piranya-view-headline,
.piranya-view .piranya-view-description {
    float: left;
    clear: both;
}

.piranya-view .piranya-view-description-text {
    margin: 10px 0px;
    clear: both;
}

div.negative p,
p.negative {
    color: red;
}

div.positive p,
p.positive {
    color: #208220;
}

/*Start Views*/
.piranya-view-cookies .piranya-view-content h2, .piranya-view-cookies .piranya-view-content p
{
    margin-bottom: 10px;
}
/*End views*/
.piranya-align-children-center {
    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: flex;
    box-pack: center;
    box-align: center;
     align-items: center;
    justify-content: center;
}

.piranya-no-user-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.piranya-icon-text {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hide,
.loaded .hide-after-ancestor-loaded,
.loaded > .hide-after-parent-loaded,
.loaded.hide-after-loaded {
    display: none;
}

.hide-under {
    position: absolute;
    z-index: -9999;
}

.p-loading {
    background-image: url('/content/v1.0.6946.265571/piranya/images/loading.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    min-height: 32px;
}

p .horizontal-ruler {
    width: 100%;
    border-bottom: 1px solid black;
    display: block;
    margin: 10px 0;
    float: left;
}

/* ~/Content/piranya/default-animations.css */
.fadeIn {
    animation-name: fadeIn;
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Add fallback for legacy fadein (without correct capitalization) */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fadeInBounce {
    animation-name: fadein;
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes fadeInBounce {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }

    60% {
        transform: scale(1.1);
    }

    80% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* ~/Content/piranya/media-queries.css */
/* Landscape phones and down */
@media (max-width: 480px) {
    .piranya-ltw480-show {
        display: block !important;
    }

    .piranya-ltw480-hide {
        display: none !important;
    }

    .piranya-ltw480-full-width {
        width: 100% !important;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .piranya-ltw767-show {
        display: block !important;
    }

    .piranya-ltw767-hide {
        display: none !important;
    }

    .piranya-ltw767-full-width {
        width: 100% !important;
    }
}
@media (max-width: 640px) {
    .piranya-ltw640-show {
        display: block !important;
    }

    .piranya-ltw640-hide {
        display: none !important;
    }

    .piranya-ltw640-full-width {
        width: 100% !important;
    }
}
@media (max-width: 979px) {
    .piranya-ltw979-show {
        display: block !important;
    }

    .piranya-ltw979-hide {
        display: none !important;
    }

    .piranya-ltw979-full-width {
        width: 100% !important;
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .piranya-gtw768-ltw979-show {
        display: block !important;
    }

    .piranya-gtw768-ltw979-hide {
        display: none !important;
    }

    .piranya-gtw768-ltw979-full-width {
        width: 100% !important;
    }
}

@media (min-width: 481px) {
    .piranya-gtw481-show {
        display: block !important;
    }

    .piranya-gtw481-hide {
        display: none !important;
    }

    .piranya-gtw481-full-width {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .piranya-gtw768-show {
        display: block !important;
    }

    .piranya-gtw768-hide {
        display: none !important;
    }

    .piranya-gtw768-full-width {
        width: 100% !important;
    }
}
/* Large desktop */
@media (min-width: 980px) {
    .piranya-gtw980-show {
        display: block !important;
    }

    .piranya-gtw980-hide {
        display: none !important;
    }

    .piranya-gtw980-full-width {
        width: 100% !important;
    }
}

/* ~/Content/piranya/default-menu.css */
.piranya-menu {
    padding: 0px;
    margin: 0px;
    list-style: none;
    margin: 0 auto 0 auto;
    width: auto;
    display: inline-block;
}

    .piranya-menu > li {
        float: left;
    }

        .piranya-menu > li > a {
            display: inline-block;
            width: 100%;
            text-decoration: none;
        }

/*Piranya breadcrumb default style*/

.piranya-breadcrumb-wrapper {
    width: 100%;
    margin-bottom: 10px;
    font-size: 0.8em;
}

.piranya-breadcrumb-wrapper > * {
    float: left;
    line-height: 1em;
    font-size: 1em;
    text-decoration: none;
    width: auto;
    padding: 0.1em 0;
}

.piranya-breadcrumb-wrapper > .separator {
    padding: 0.15em 5px;
    width: auto;
    margin: 0;
}

/* ~/Content/piranya/default-form.css */
.piranya-input-container {
    width: 100%;
    margin-bottom: 10px;
}

.piranya-input-container:last-of-type {
    margin-bottom: 0;
}

.piranya-validation-container {
    width: 100%;
}

.piranya-btn {
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    background-color: black;
    color: white;
    white-space: normal;
    -webkit-appearance: none;
}

.piranya-btn-disabled,
.piranya-btn.disabled,
.piranya-btn[disabled]
{
    cursor: pointer;
    opacity: 0.5;
}

button.piranya-btn > p {
    color: inherit;
    font-size: 1em;
    line-height: 1em;
}

.btn {
    cursor: pointer;
    transition: color 0.2s ease;
}

.piranya-input-container > label {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.piranya-input-container.p-checkbox > label,
.piranya-input-container.p-radio > label {
    margin-bottom: 0;
}

.piranya-input-container.p-checkbox > .description {
    padding-left: 28px;
    width: calc(100% - 28px);
}

input.piranya-checkbox {
    margin-right: 5px;
}

.piranya-select,
.piranya-select:focus {
    padding: 6px 5px;
    margin: 0;
    font-size: 1em;
    border-radius: 0;
    box-sizing: border-box;
    width: 100%;
}

.piranya-txt,
.piranya-textarea {
    box-sizing: border-box;
    font-size: 1em;
    padding: 2px;
}

    .piranya-txt.disabled,
    .piranya-textarea.disabled {
        background-color: rgb(235, 235, 228);
        pointer-events: none;
    }

.piranya-textarea {
    height: 100px;
}

.piranya-error-container {
    width: 100%;
    margin-bottom: 10px;
}

.piranya-label-must-be-filled {
    color: red;
}

.validation-message {
    color: red;
}

/* Search box */

div.piranya-searchbox {
    position: relative;
}

div.piranya-searchbox > input {
    padding: 3px 10% 3px 3px;
    font-size: inherit;
    color: inherit;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ececec;
    border-radius: 3px;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

div.piranya-searchbox > .button-wrapper {
    position: absolute;
    right: 0;
    height: 100%;
}

div.piranya-searchbox button {
    height: 100%;
    padding: 0 15%;
    font-size: inherit;
    color: inherit;
    border: 0;
    background: none;
    cursor: pointer;
}

div.piranya-searchbox > input:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}

div.piranya-searchbox > .button-wrapper > button:hover {
    color: #66afe9;
}

/* End of search box */

/* p-radio and p-checkbox */

div.p-radio > input[type="radio"],
input.p-radio[type="radio"],
div.p-checkbox > input[type="checkbox"],
input.p-checkbox[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

div.p-radio > input[type="radio"] + label,
input.p-radio[type="radio"] + label,
div.p-checkbox > input[type="checkbox"] + label,
input.p-checkbox[type="checkbox"] + label {
    position: relative;
    padding-left: 28px;
    padding-top: 2px;
    width: calc(100% - 28px);
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    cursor: pointer;
}

div.p-radio > input[type="radio"] + label:before,
input.p-radio[type="radio"] + label:before,
div.p-checkbox > input[type="checkbox"] + label:before,
input.p-checkbox[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    border: 1px solid #c3c3c3;
}

div.p-radio > input[type="radio"] + label:before,
input.p-radio[type="radio"] + label:before {
    border-radius: 100%;
}

div.p-radio > input[type="radio"] + label:after,
input.p-radio[type="radio"] + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #709bc5;
    position: absolute;
    top: calc(50% - 5px);
    left: 4px;
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.2s ease;
}

div.p-radio > input[type="radio"]:checked + label:after,
input.p-radio[type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

div.p-checkbox > input[type="checkbox"] + label:after,
input.p-checkbox[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    opacity: 0;
    left: 7px;
    top: calc(50% - 6px);
    width: 4px;
    height: 10px;
    border: solid #709bc5;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: all 0.2s ease;
}

div.p-checkbox > input[type="checkbox"]:checked + label:after,
input.p-checkbox[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

/* end of p-radio and p-checkbox */

/* p-toggle-boxes */

ul.p-toggle-boxes {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.p-toggle-boxes > li,
div.p-toggle-box {
    float: left;
    width: 100%;
    margin: 0;
    border: 1px solid #ececec;
    border-radius: 2px;
    padding: 7px 9px;
    box-sizing: border-box;
    transition: all 0.5s ease;
    max-height: 45px;
    overflow: hidden;
}

ul.p-toggle-boxes > li p,
div.p-toggle-box p {
    line-height: 1.15;
}

ul.p-toggle-boxes > li:not(:first-child),
div.p-toggle-box:not(:first-child) {
    margin-top: 5px;
}

ul.p-toggle-boxes > li:not(.has-content),
div.p-toggle-box:not(.has-content) {
    display: flex;
    align-items: center;
}

ul.p-toggle-boxes > li:not(.disabled),
ul.p-toggle-boxes > li:not(.disabled) > div.p-radio,
ul.p-toggle-boxes > li:not(.disabled) > div.p-radio > input[type="radio"],
ul.p-toggle-boxes > li:not(.disabled) > div.p-checkbox,
ul.p-toggle-boxes > li:not(.disabled) > div.p-checkbox > input[type="checkbox"],
div.p-toggle-box:not(.disabled),
div.p-toggle-box:not(.disabled) > div.p-radio,
div.p-toggle-box:not(.disabled) > div.p-radio > input[type="checkbox"],
div.p-toggle-box:not(.disabled) > div.p-checkbox,
div.p-toggle-box:not(.disabled) > div.p-checkbox > input[type="checkbox"] {
    cursor: pointer;
}

ul.p-toggle-boxes > li > div.p-radio,
ul.p-toggle-boxes > li > div.p-checkbox,
div.p-toggle-box > div.p-checkbox {
    float: left;
}

ul.p-toggle-boxes > li > .content,
div.p-toggle-box > .content {
    padding: 0;
}

ul.p-toggle-boxes > li > .right,
div.p-toggle-box > .right {
    float: right;
    margin-left: auto;
    padding: 0;
}

ul.p-toggle-boxes > li.selected:not(.disabled),
div.p-toggle-box.selected:not(.disabled) {
    border-color: #709bc5;
    max-height: 160px;
}

ul.p-toggle-boxes > li.selected:not(.disabled) > .content,
ul.p-toggle-boxes > li.selected:not(.disabled) > .right,
div.p-toggle-box.selected:not(.disabled) > .content,
div.p-toggle-box.selected:not(.disabled) > .right {
    color: #709bc5;
}

ul.p-toggle-boxes > li > *,
ul.p-toggle-boxes > li > .content .choice,
ul.p-toggle-boxes > li > .right.choice,
ul.p-toggle-boxes > li > .right .choice,
div.p-toggle-box > *,
div.p-toggle-box > .content .choice,
div.p-toggle-box > .right.choice,
div.p-toggle-box > .right .choice {
    opacity: 1;
    transition: all 0.5s ease;
}

ul.p-toggle-boxes > li.disabled > *,
div.p-toggle-box.disabled > * {
    opacity: 0.3;
}

ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .right,
div.p-toggle-box:not(.selected):not(.disabled) > .right {
    opacity: 0.7;
}

ul.p-toggle-boxes > li:not(.selected) > .content,
ul.p-toggle-boxes > li:not(.selected) > .content .choice,
ul.p-toggle-boxes > li:not(.selected) > .right .choice,
div.p-toggle-box:not(.selected) > .content,
div.p-toggle-box:not(.selected) > .content .choice,
div.p-toggle-box:not(.selected) > .right.choice,
div.p-toggle-box:not(.selected) > .right .choice {
    opacity: 0;
    display: none;
}

ul.p-toggle-boxes > li > .content,
ul.p-toggle-boxes > li > .content > .choice,
div.p-toggle-box > .content,
div.p-toggle-box > .content > .choice {
    width: 100%;
    float: left;
}

ul.p-toggle-boxes > li.selected > .content,
ul.p-toggle-boxes > li.selected > .content > :not(:first-child):not(.empty),
div.p-toggle-box.selected > .content,
div.p-toggle-box.selected > .content > :not(:first-child):not(.empty) {
    margin-top: 10px;
}

ul.p-toggle-boxes > li input[type="text"],
div.p-toggle-box input[type="text"] {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

/* end of p-toggle-boxes */

/* ~/Content/piranya/styles/localization.css */
body.language-da .language-da-hide,
body.language-de .language-de-hide,
body.language-en .language-en-hide,
body.language-nl .language-nl-hide
{
    display: none;
}

body.language-da .language-da-show,
body.language-de .language-de-show,
body.language-en .language-en-show,
body.language-nl .language-nl-show
{
    display: block;
}

/* ~/Content/dynamic/fonts */
@font-face {
 font-family: 'Brugsen';
 src: url('/File/5405/CPH_Signs_Regular.otf?ticks=636445274260000000') format('truetype');
}

@font-face {
 font-family: 'Frutiger';
 src: url('/File/5406/frutiger.ttf?ticks=636445276840000000') format('truetype');
}

/* ~/Content/Piranya/WebViews/Users/PiranyaUserAdministration.css */
#piranya-select-birthdate-day {
    width: 22%;
    margin-right: 2%;
    float: left;
}

#piranya-select-birthdate-month {
    width: 50%;
    margin-right: 2%;
    float: left;
}

#piranya-select-birthdate-year {
    width: 24%;
    float: left;
}

.piranya-profile-picture-container > input {
    width: 100%;
}

/*User actions*/
.piranya-user-actions
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.piranya-view-users-saved-addresses .piranya-view-content > * {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.piranya-view-users-saved-addresses h3,
.piranya-view-users-saved-addresses a {
    float: left;
    margin-right: 10px;
}

.piranya-view-users-saved-addresses .piranya-btn {
    margin-top: 5px;
}

.piranya-view-users-saved-addresses h3 {
    width: 100%
}

.piranya-view-users-saved-addresses .piranya-address-container {
    width: 100%;
}

.piranya-view-users-saved-addresses .piranya-address-container div {
    margin-top: 5px;
}

/* ~/Content/Piranya/WebViews/Users/PiranyaLogin.css */

.piranya-user-login-view-seperator {
    left: 50%;
    top: 0%;
    height: 100%;
    position: absolute;
    border-left: 1px dotted black;
}

.piranya-user-login-view-seperator > p {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    left: -32px;
    background-color: white;
    width: 60px;
    text-align: center;
    margin-top: -15px;
}

.piranya-view-users-login {
    display: flex;
    justify-content: center;
}

    .piranya-view-users-login .reason + .piranya-view-content {
        margin-top: 10px;
    }

.piranya-login-group {
    width: 100%;
    max-width: 340px;
    background: white;
    box-sizing: border-box;
    padding: 20px;
    display: inline-block;
}

    .piranya-login-group h1.piranya-view-headline,
    .piranya-login-group label,
    .piranya-login-group a {
        color: black;
    }

    .piranya-login-group h1 {
        width: 100%;
    }

.piranya-user-login-view-container .piranya-txt {
    width: 100%;
    box-sizing: border-box;
}

.piranya-user-login-view:not(.register) .register {
    display: none;
}

.piranya-social-media-login-wrapper .piranya-facebook-link {
    background-size: cover;
    background-position: center;
}

.piranya-social-media-login-wrapper .separator {
    height: 25px;
    text-align: center;
    position: relative;
    margin-top: 8px;
    width: 100%;
}

.piranya-social-media-login-wrapper .separator .text {
    display: inline-block;
    font-size: 1em;
    overflow: hidden;
    text-align: center;
	width: 100%;
    color: black;
}

.piranya-social-media-login-wrapper .separator .text:before,
.piranya-social-media-login-wrapper .separator .text:after {
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    background-color: #333;
}
.piranya-social-media-login-wrapper .separator .text:before {
    right: 0.5em;
    margin-left: -50%;
}
.piranya-social-media-login-wrapper .separator .text:after {
    left: 0.5em;
    margin-right: -50%;
}

.piranya-user-login-view > * {
    float: left;
    clear: both;
}

.piranya-user-login-view > :not(:last-child) {
    margin-bottom: 10px;
}

.piranya-user-login-view-remember-container {
    width: 100%;
}

.piranya-user-login-view-action-container a {
    clear: both;
    float: left;
}

.piranya-user-login-view .forgot-password {
    font-size: .9em;
    margin-bottom: 10px;
    float: left;
    clear: both;
}

    .piranya-user-login-view .forgot-password:hover {
        text-decoration: underline;
    }

.piranya-btn-login-wrapper {
    width: 100%;
}

.piranya-btn-login-wrapper > input {
    float: left;
}

.piranya-user-login-view-login, .piranya-user-login-view-guest {
    display: block;
}


@media only screen and (max-width: 979px) {
    .piranya-user-login-view-seperator {
        display: none;
    }

    .piranya-view-users-login .piranya-view-content .piranya-grid .piranya-col {
        width: 100%;
    }

    .piranya-user-login-view-inner-container {
        float: left;
    }
}

/* /content/dynamic/1.css */
.box-wrapper p
{
    text-align:center;
    color:white;
    font-size:2em;
   
    
}

body .box-wrapper
{
  display:flex;
  align-items:center;
  justify-content:center;
    background-color:#b41522;
    
}
body .piranya-grid > .p-layout-container
{
       min-height:200px;
       width:100%;
}

.header-text
{
    padding:20px 0px;
}

section
{
    padding-top:60px;
    padding-bottom:60px;
}

.piranya-shop-checkout-await-audit, .piranya-view.piranya-shop-checkout-success-container {
    min-height: 300px;
    margin-top: 80px;
    text-align: center;
}

.section-headline-wrapper
{
    width: 100%;
    padding-bottom: 40px;
    margin-bottom: 10px;
    text-align: center;
}
.section-headline-wrapper:after {
    background: url('/File/4355') 50% no-repeat;
    display: block;
    text-align: center;
    content: "";
    margin-top: 10px;
    height: 2px;
}

.capitalize {
    text-transform: capitalize;
}

#login-wrapper
{
    float:right;
    margin-top:4px;
}
#sm-wrapper
{

    margin-top:4px;
}
#sm-wrapper .fa
{
color:white;
float:right;
margin-top:3px;
margin-right:10px;

} 
#sm-wrapper .fa:hover
{
color:#88be4b;

} 
#login-wrapper a, #login-wrapper p
{
     color:#86b64d;
     display: inline-block;
}

#login-wrapper .fa
{
color:#86b64d;
float:left;
margin-top:2px;
margin-right:5px;

} 
@-webkit-keyframes fadein {
    0% { -webkit-opacity: 0; }
    100% { -webkit-opacity: 1; }
}
@keyframes fadein {
    0% {opacity: 0}
    100% {opacity: 1;}
}


body, html
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-family: opensans;
}

body.piranya-page-home {
    background-color:white; 
}

body:not(.piranya-page-home) #deal-wrapper {
    display: none;
}

ul
{
    padding: 0;
    margin: 0;
}

#main-wrapper
{
    width: 100%;
    min-height: 100%;
  background-color: #EAE2D2;
}
#main
{
    width: 100%;
    height: 100%;

}
div
{
    float: left;
}
.menu-wrapper
{
    width: 100%;
    top: 0;
    z-index: 100;
    left: 0;
    background-color:black;

}
#piranya-page
{
    width: 100%;
    position: relative;
    max-width: 1200px;
    width: calc(100% - 20px);
    float: none;
    margin: 20px auto;
}
.center
{
    position: relative;
    max-width: 1200px;
    width: calc(100% - 20px);
    float: none;
    margin: 0px auto;
}

#mini-top
{
    /*width: 100%;*/
    height:115px;
    background-color:black;
    float: right;
}

#header-wrapper {
    width: 100%;
}

#header-wrapper.subpage-header {
margin-top:-145px;
}
.top-image
{
    width: 100%;

    left: 0;
    position: absolute;
}
#logo
{
    margin-top:15px;
    float: left;
    max-width: 364px;
    margin-bottom: 15px;
}

/*Frontpage forms*/
#deal-wrapper
{
    margin: 10px 0px;
}
#deal-wrapper, #deal-wrapper img
{
    width: 100%;
    float: left;
}
#deal-form-wrapper
{
    width: 100%;
    margin: 20px 0px;
}
#deal-form-wrapper div[data-field="Navn"], #deal-form-wrapper div[data-field="Telefon"], #deal-form-wrapper div[data-field="Email"]
{
    width: calc(33.333% - 7px);
    clear: none;
    margin: 0 0 16px 0;
}
#deal-form-wrapper div[data-field="Telefon"]
{
    margin: 0px 10px 16px 10px;
    width: calc(33.333% - 6px);
}
#deal-form-wrapper input[input="submit"]
{
    margin-top: 10px;
}

#logos
{
    text-align:center;
}
#logos img
{
    max-width: 100%;
}

@media (max-width: 767px)
{
    #deal-form-wrapper div[data-field="Navn"], #deal-form-wrapper div[data-field="Telefon"], #deal-form-wrapper div[data-field="Email"]
    {
        width: 100%;
        clear: none;
        margin: 0 0 10px 0;
    }

    #header-wrapper {
        min-height: 0;
    }
}

@media (max-width: 979px)
{
    .menu-wrapper {
       
        height: 100px;
    }
    #logo {
        height: 60px;
        margin-top:20px;
    }
    #page-header-text {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-left: 20px;
    }
    #front-elements {
        margin-top: 40px;
    }
}
    
@media (min-width: 980px)
{
    #page-header-text {
        margin-left: 70px;
        margin-top: auto;
        margin-bottom: 20px;
    }
    
     body.isReady #slider-wrapper {
        display: block;
     }
}

#about-wrapper #left
{
background-image: url('/File/16678');
    min-height:500px;
}
#about-wrapper #right
{
    background-color: rgba(29,41,73,0.8);
    background-image: url('/File/16681');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: static;
    min-height:500px;
    
}
#about-wrapper
{
    margin:40px 0px;
}

.owl-carousel.owl-drag .owl-item  .right_image
{

    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display:inline-block;
   width:80px; 
    
}


#right
{

    text-align: center;
    margin: 0 auto;
}


#right h3
{
    font-size:1.5em;
    color:white;
    font-weight:normal;
}
#right h3:nth-of-type(2) {
    margin-top: 20px;
    margin-bottom: 0;
}
#right p {
    font-size: 1.2em;
    line-height: 1;
    color: white;
    text-align:center;
}

#right .owl-carousel .item 
{
    width:100%;
}

html { width:100%; height:100%; font-family: "Libre Baskerville",Baskerville Old Face,Times New Roman,serif;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

ul {list-style: none; padding:0;}



.container {
  width:100%;
  max-width:400px;
  height:auto;
  padding:17px;
  box-sizing: border-box;
  margin: auto;
  background:white;
}

.content-frame {
  width:100%;
  height:auto;
  padding: 22px 22px 15px 22px;
  box-sizing: border-box; 
}





#faktabox {
  position: relative;
  width:100%;
  height:auto;
  float:left;
  text-align:left;
  box-sizing: border-box;
  border-radius:4px;
  margin: 50px 0px 50px 0px;
}

.container label {
  cursor:s-resize;
  position:absolute; 
  display:block;
  top:0;right:0;bottom:0;left:0;
}

.fade {
  position: absolute;
  margin: auto;
  height:40px;

  width:100%;
  left:0px;
  text-overflow:fade;
  z-index:5;
  transition: 1.2s;
  -webkit-transition: 1.2s;
  -moz-transition: 1.2s;
  -ms-transition: 1.2s;
  -o-transition: 1.2s;
  background: linear-gradient(to bottom, rgba(128,185,62,.0), rgba(128,185,62,.5) 40%, rgba(128,185,62,1) 100%);
}

#faktabox #more-content h3 {
  color:black;
  font-size: 22px;
  font-weight: 200;
  margin:0px;
}

#faktabox #more-content p {
  font-size: 16px;
  line-height: 1.2rem;
  color:black;
  font-weight: 200;
}


#more-content {
    width:100%;
  max-height: 75px;
  box-sizing: border-box;
  font-family: Helvetica;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
  -webkit-transition: max-height 0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
  -moz-transition: max-height 0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
  -ms-transition: max-height 0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
  -o-transition: max-height 0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
}


.fakta-tricker {
  position: absolute;
  bottom: -60px; 
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 40px; 
  height: 40px;
  border-radius:100%;
  background:white;
  overflow: hidden;
  z-index:7;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

.fakta-tricker:before {
  content: "";
  position: absolute;
  width: 40px; 
  height: 40px;
  background-image: url('/File/16668');
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center center;
  background-position: 0 1px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

[id="fakta-check"]:checked ~ #more-content { max-height: 1000px;}
[id="fakta-check"]:checked ~ .img-frame { height: 200px; background-size:100%;}
[id="fakta-check"]:checked ~ .fade { opacity:0;}
[id="fakta-check"]:checked ~ .fakta-tricker:before { 
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.img-frame {
  position: relative;
  height: 90px;
  width:100%;
  margin-bottom:0px;
  border-radius: 4px 4px 0px 0px;
  background-image: url('/File/16723');
  background-repeat: no-repeat;
  background-size:100%;
  background-position:center;
  transition:  0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
  -webkit-transition:  0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
  -moz-transition:  0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
  -ms-transition:  0.5s cubic-bezier(1,-0.01, 0.46, 0.99);
  -o-transition:  0.6s cubic-bezier(1,-0.01, 0.46, 0.99);
}

/* piranya/shop */
.piranya-must-be-filled {
    color: red;
    width: 10px;
    float: left;
    margin-left: 5px;
}
/*Piranya shop tables*/
.piranya-first-row {
    text-align: left;
}

.piranya-shop-order-items-container > table th > p,
.piranya-shop-order-items-container > table td > p,
#piranya-shopping-cart-table th > p,
#piranya-shopping-cart-table td > p,
table#piranya-shop-orders th > p,
table#piranya-shop-orders td > p {
    float: left;
    width: 100%;
}

.piranya-shop-order-items-container > table .piranya-first-column,
#piranya-shopping-cart-table .piranya-first-column,
table#piranya-shop-orders .piranya-first-column {
    width: 80%;
}

.piranya-shop-order-items-container > table .piranya-intermediate-column,
#piranya-shopping-cart-table .piranya-intermediate-column,
table#piranya-shop-orders .piranya-intermediate-column {
    width: 10%;
    text-align: center;
}

.piranya-shop-order-items-container > table .piranya-last-column,
#piranya-shopping-cart-table .piranya-last-column,
table#piranya-shop-orders .piranya-last-column {
    width: 10%;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .piranya-shop-product-price > .product-price-header {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .piranya-shop-order-items-container > table .piranya-first-column,
    #piranya-shopping-cart-table .piranya-first-column,
    table#piranya-shop-orders .piranya-first-column {
        width: 60%;
    }

    .piranya-shop-order-items-container > table .piranya-intermediate-column,
    #piranya-shopping-cart-table .piranya-intermediate-column,
    table#piranya-shop-orders .piranya-intermediate-column {
        width: 20%;
    }

    .piranya-shop-order-items-container > table .piranya-last-column,
    #piranya-shopping-cart-table .piranya-last-column,
    table#piranya-shop-orders .piranya-last-column {
        width: 20%;
    }
}

@media (max-width: 767px) {
    .piranya-shop-order-items-container > table .piranya-first-column,
    #piranya-shopping-cart-table .piranya-first-column,
    table#piranya-shop-orders .piranya-first-column {
        width: 50%;
    }

    .piranya-shop-order-items-container > table .piranya-intermediate-column,
    #piranya-shopping-cart-table .piranya-intermediate-column,
    table#piranya-shop-orders .piranya-intermediate-column {
        width: 25%;
    }

    .piranya-shop-order-items-container > table .piranya-last-column,
    #piranya-shopping-cart-table .piranya-last-column,
    table#piranya-shop-orders .piranya-last-column {
        width: 25%;
    }
}

.piranya-shop-order-items-container > table,
#piranya-shopping-cart-table,
table#piranya-shop-orders {
    border: 1px solid white;
    width: 100%;
}

    .piranya-shop-order-items-container > table th,
    #piranya-shopping-cart-table th,
    table#piranya-shop-orders th {
        border-bottom: 1px solid white;
        border-right: 1px solid white;
    }

    .piranya-shop-order-items-container > table td,
    #piranya-shopping-cart-table td,
    table#piranya-shop-orders td {
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        vertical-align: middle;
    }

    .piranya-shop-order-items-container > table .piranya-last-column,
    #piranya-shopping-cart-table .piranya-last-column,
    table#piranya-shop-orders .piranya-last-column {
        border-right: none;
    }

    .piranya-shop-order-items-container > table tr.piranya-last-row td,
    #piranya-shopping-cart-table tr.piranya-last-row td,
    table#piranya-shop-orders tr.piranya-last-row td {
        border-bottom: none;
    }

/*Piranya cart and order details*/
.piranya-cart-wrapper {
    width: 100%;
}

.piranya-shopping-cart-container {
    width: 100%;
}

.piranya-product-cart-image {
    float: left;
    margin-right: 10px;
}

.piranya-shop-product-stock-wrapper {
    clear: both;
}

.piranya-shop-product-stock-wrapper > .label {
    display: none;
}

.piranya-shop-product-stock-wrapper > .value.negative {
    color: red;
}

#piranya-shopping-cart-table td, table#piranya-shopping-cart-table th {
    padding: 10px;
}

#piranya-shopping-cart-table tr.exchange-rate > td {
    font-size: 0.8em;
    text-align: right;
}

.piranya-shop .highlight,
.piranya-shop tr.highlight h3,
.piranya-shop tr.highlight p {
    color: #658db3;
    font-weight: bold;
}

#piranya-shopping-cart-table tr.vat > td[colspan="2"]:first-child > p,
#piranya-shopping-cart-table tr.total > td[colspan="2"]:first-child > p,
#piranya-shopping-cart-table tr.order-total > td[colspan="2"]:first-child > p, 
#piranya-shopping-cart-table tr.payment-total > td[colspan="2"]:first-child > h3 {
    text-align: right;
}

.piranya-shopping-cart-container .piranya-cart-product.piranya-first-column p {
    font-size: 0.8em;
}

.piranya-shopping-cart-container .piranya-cart-product .variant {
    width: 100%;
    display: block;
}

.piranya-shopping-cart-container .piranya-cart-product input.count,
.piranya-shopping-cart-container .piranya-cart-product input.update,
.piranya-shopping-cart-container .piranya-cart-product a.remove {
    float: left;
    background-size: contain;
    font-size: 1em;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    text-align: center;
    word-wrap: break-word;
}

.piranya-cart-product input.update {
    margin: 10px 0;
}

.piranya-btn-to-checkout {
    float: right;
    margin-top: 10px;
    font-size: 1.4em;
}

#piranya-shopping-cart-table .piranya-first-row .piranya-first-column p {
    text-align: left;
}

.piranya-product-quantity {
    width: 100%;
    text-align: center;
}

.piranya-view-shop-cart .piranya-btn-redeem-code,
.piranya-view-shop-checkout-confirm .piranya-btn-redeem-code {
    float: left;
    margin-top: 10px;
}

.piranya-view-shop-cart > .piranya-view-content > .piranya-btn {
    float: left;
    margin-top: 20px;
}

.piranya-view-shop-cart > .piranya-view-content > .piranya-btn-continue {
    float: right;
}

.piranya-shop .totals > p {
    width: 100%;
    background-color: #ececec;
    margin-top: 10px;
    padding: 1.25em;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1em;
}

.piranya-shop .totals .value {
    float: right;
}

/*End cart*/

/* Checkout login */
.checkoutlogin .piranya-social-media-login-wrapper, 
.checkoutlogin .facebook.piranya-login-provider, 
.checkoutlogin .piranya-facebook-link {
    width: 100%;
}

.checkoutlogin.loggedin {
    max-width: 400px;
}

.piranya-view-shop-checkoutlogin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.piranya-view-shop-checkoutlogin .piranya-shop.checkoutlogin {
    max-width: 340px;
    background: white;
    box-sizing: border-box;
    padding: 20px;
    display: inline-block;
}

.checkoutlogin .step-wrapper {
    position: relative;
    /*padding-bottom: 50px;*/
}

.checkoutlogin .step-wrapper:not(:last-child) {
    margin-bottom: 0;
}

.checkoutlogin .step-wrapper .piranya-btn {
    /*position: absolute;
    bottom: 2%;
    left: 2%;
    right: 2%;*/
    display: block;
    width: 96%;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
    text-align: center;
}

.checkoutlogin .step-wrapper > .step-content > .description-text {
    margin-bottom: 10px;
}

.checkoutlogin a.piranya-facebook-link {
    display: block;
    margin: 5px 0 5px 0;
}

.checkoutlogin .reason {
    color: orange;
    margin-bottom: 10px;
    font-size: 0.8em;
}

@media (min-width: 980px) {
    .checkoutlogin > .piranya-grid {
        display: flex;
        flex-direction: row;
    }
}

.piranya-shop-checkout-data-address,
.piranya-shop-checkout-data-address > .invoicing,
.piranya-shop-checkout-data-address > .delivery,
.piranya-shop-checkout-data-profile {
    width: 100%;
}

.piranya-shop-checkout-data-address-invoicingaddress {
    margin-bottom: 10px;
}

.piranya-shop-checkout-data-address-deliveryaddress,
.piranya-shop-checkout-data-profile-delivery {
    display: none;
}

.piranya-shop-checkout-data-address > .p-checkbox.show-delivery:not(.selected) {
    margin-bottom: 0;
}

/*User details*/
.piranya-view-shop-checkoutdata .piranya-shop-checkout-data-profile, .piranya-view-shop-checkoutdata .piranya-shop-checkout-data-address {
    width: 50%;
}

.piranya-btn-to-checkout-confirm-wrapper {
    width: 100%;
}

.piranya-btn-to-checkout-confirm {
    float: right;
}

.piranya-shop-checkout-data-profile > h3, .piranya-shop-checkout-data-address > h3 {
    margin: 20px 0 10px 0;
}

/*User details end*/

/*Piranya product browser*/
.piranya-shop-product-list, 
.piranya-filter-wrapper {
    width: 100%;
}

.piranya-shop.browser.products > .piranya-view-headline,
.piranya-shop.browser.products .piranya-filter-wrapper {
    display: none;
}

    .piranya-filter-wrapper > form {
        float: left;
        width: 100%;
        height: 100%;
    }

    .piranya-filter-wrapper p {
        float: left;
    }

.piranya-pagination input {
    background: none;
    color: black;
    padding: 0;
}

/*Product wrapper*/
.piranya-shop-product-list .piranya-shop-product-wrapper {
    text-align: center;
    min-height: 400px;
    position: relative;
    width: 100%;
}

.piranya-shop-product-wrapper-image, .piranya-shop-product-wrapper-details {
    width: 100%;
    position: absolute;
}

.piranya-shop-product-wrapper-image {
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.piranya-shop-product-wrapper-details {
    bottom: 20px;
    z-index: 2;
}

.piranya-shop-product-wrapper p, .piranya-shop-product-wrapper div {
    position: absolute;
    width: 100%;
    z-index: 2;
}

.piranya-shop-product-wrapper img {
    display: table-cell;
    vertical-align: middle;
}

.piranya-shop-product-wrapper a {
    width: 100%;
    float: left;
    z-index: 2;
}

.piranya-shop-product-wrapper-product-price {
    font-size: 0.9em;
    bottom: 55px;
}

    .piranya-shop-product-price > .product-price-before-header,
    .piranya-shop-product-price > .product-price-before,
    .piranya-shop-product-wrapper .price > .before,
    .piranya-shop-product-wrapper-product-price > .before {
        text-decoration: line-through;
    }

.piranya-shop-product-price > .product-price-before-header,
.piranya-shop-product-price > .product-price-before,
.piranya-shop-product-price > .product-price-header,
.piranya-shop-product-price > .product-price {
    float: left;
}

.piranya-shop-product-price > .product-price-header {
    clear: left;
}

.piranya-shop-product-price > .vat {
    clear: both;
    float: left;
    font-size: 0.3em;
    line-height: 1em;
    padding-top: 0.3em;
}

.piranya-product-is-on-discount > .price-reduction-header,
.piranya-product-is-on-discount > .price-reduction {
    display: none;
}

/* Product details */

.piranya-view-shop-product-detail .piranya-product-is-new,
.piranya-view-shop-product-detail .piranya-product-is-on-discount,
.order-create.product .product-is-on-discount {
    display: none;
}

.piranya-shop-product-wrapper .piranya-product-is-on-discount,
.piranya-view-shop-product-detail .piranya-product-is-on-discount,
.order-create.product .product-is-on-discount {
    position: absolute;
    padding: 10px;
    text-align: center;
    width: 30px;
    height: 30px;
    color: white;
    top: 10px;
    right: 10px;
}
@supports (display: grid) {
    .piranya-view.piranya-view-shop.piranya-view-shop-product-detail form.add-to-basket {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr));
    }

    .piranya-view-shop-product-detail.has-choices.has-description .buy-wrapper {
        grid-row-start: 1;
        grid-row-end: 3;
    }

    .piranya-view-shop-product-detail:not(.has-choices) .buy-wrapper:first-child,
    .piranya-view-shop-product-detail .add-to-basket > .children,
    .piranya-view-shop-product-detail .add-to-basket > .go-to-checkout,
    .piranya-view-shop-product-detail .add-to-basket > .choices.spacious {
        grid-column: 1 / span 2;
    }
}

@supports not (display: grid) {
    .piranya-view-shop-product-detail .images, .piranya-view-shop-product-detail .buy-wrapper {
        width: calc(50% - 10px);
    }
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .piranya-view-shop-product-detail .images, .piranya-view-shop-product-detail .buy-wrapper {
        width: calc(50% - 10px);
    }
}

.piranya-view-shop-product-detail .images, 
.piranya-view-shop-product-detail .buy-wrapper {
    float: left;
    box-sizing: border-box;
}

    .piranya-view-shop-product-detail .images {
        position: relative;
    }

@supports not (display: grid) {
    .piranya-view-shop-product-detail .buy-wrapper {
        margin-left: 20px;
    }

    .piranya-view-shop-product-detail .buy-wrapper:first-child {
        width: 100%;
    }
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .piranya-view-shop-product-detail .buy-wrapper {
        margin-left: 20px;
    }

    .piranya-view-shop-product-detail .buy-wrapper:first-child {
        width: 100%;
    }
}

    .piranya-view-shop-product-detail .buy-wrapper > .title, 
    .piranya-view-shop-product-detail .buy-wrapper .highlighted-text-wrapper, 
    .piranya-view-shop-product-detail .buy-wrapper > .choices,
    .piranya-view-shop-product-detail .description .title {
        margin-bottom: 20px;
    }

    .piranya-view-shop-product-detail .buy-wrapper .highlighted-text-wrapper {
        width: 100%;
        border-bottom: 1px solid black;
        padding-bottom: 10px;
    }

.piranya-view-shop-product-detail .images > .large {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

    .piranya-view-shop-product-detail .images > .large > img {
        max-width: 100%;
        box-sizing: border-box;
    }

.piranya-view-shop-product-detail .images img {
    opacity: 1;
    transition: opacity 0.4s ease;
}

.piranya-view-shop-product-detail .images a > img:hover {
    opacity: 0.8;
}

.piranya-view-shop-product-detail .add-to-cart-wrapper {
    width: 100%;
}

.piranya-view-shop-product-detail .choices {
    width: 100%;
}

    .piranya-view-shop-product-detail .choices.spacious {
        background: none;
        padding: 0;
        box-sizing: border-box;
    }

    .piranya-view-shop-product-detail .choices > .header {
        display: none;
    }

.piranya-view-shop-product-detail p.piranya-shop-product-price {
    width: 100%;
    float: left;
    margin: 0.25em 0;
    font-size: 2.5em;
    line-height: 1em;
}

.piranya-view-shop-product-detail p.piranya-shop-product-price .product-price-before-header, 
.piranya-view-shop-product-detail p.piranya-shop-product-price .product-price-before {
    text-decoration: line-through;
    font-weight: normal;
}

.piranya-view-shop-product-detail p.piranya-shop-product-price .product-price-before,
.piranya-view-shop-product-detail p.piranya-shop-product-price .product-price {
    padding-left: 5px;
}

.piranya-view-shop-product-detail .piranya-product-amount-wrapper {
    width: 100%;
    max-width: 80px;
    margin-right: 20px;
}

.piranya-product-amount-wrapper > .item-count {
    display: flex;
}

.piranya-view-shop-product-detail .piranya-product-amount-wrapper > p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: .9em;
}

.piranya-view-shop-product-detail .piranya-product-amount-wrapper > input {
    width: 100%;
    margin: 5px 0 0 0;
    font-size: 1.3em;
    text-align: center;
    -moz-appearance: textfield;
}

    .piranya-view-shop-product-detail .piranya-product-amount-wrapper > input[type="number"]::-webkit-outer-spin-button,
    .piranya-view-shop-product-detail .piranya-product-amount-wrapper > input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.piranya-view-shop-product-detail input.piranya-btn.add-to-cart {
    font-size: 1.3em;
    margin-top: 1em;
    padding: 13px 30px;
}

.piranya-view-shop-product-detail ul.tabs {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    list-style-type: none;
    border-bottom: 3px solid lightgrey;
    float: left;
}

.piranya-view-shop-product-detail ul.tabs li:only-child{
    display: none
}

.piranya-view-shop-product-detail ul.tabs li {
    float: left;
    margin: initial;
    margin-right: 20px;
    width: initial;
    cursor: pointer;
}

.piranya-view-shop-product-detail ul.tabs li h2 {
     color: black;
     font-weight: bold;
     padding: 5px 10px 0px 10px;
     margin-bottom: 5px;
     font-size: 20px;
     float: left;

}

.piranya-view-shop-product-detail ul.tabs li.active, .piranya-view-shop-product-detail ul.tabs li:hover {
    background-color: lightgrey;  
}

.piranya-view-shop-product-detail ul.tabs li.active h2, .piranya-view-shop-product-detail ul.tabs li:hover h2 {
    color: white;
}

.piranya-view-shop-product-detail ul.tabs ~ div:not(.active) {
    display: none;
}

.piranya-view-shop-product-detail .description,
.piranya-view-shop-product-detail .reviews {
    width: 100%;
}

.piranya-view-shop-product-detail:not(.has-choices) .tabs,
.piranya-view-shop-product-detail:not(.has-choices) .description,
.piranya-view-shop-product-detail:not(.has-choices) .reviews {
    grid-column-start: 1;
    grid-column-end: 3;
}

@supports not (display: grid) {
    .piranya-view-shop-product-detail .description,
    .piranya-view-shop-product-detail .reviews {
        margin-top: 20px;
    }
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .piranya-view-shop-product-detail .description,
    .piranya-view-shop-product-detail .reviews {
        margin-top: 20px;
    }
}


.piranya-shop .eyecatcher, .product-acquisition .products .product .eyecatcher {
    background: black;
    padding: 0 10px;
    height: 29px;
    position: absolute;
    right: 0;
    top: 40px;
    text-align: center;
    z-index: 10
}

    .piranya-shop .eyecatcher p, .product-acquisition .products .product .eyecatcher p {
        color: white;
        padding-top: 5px;
    }

        .piranya-shop .eyecatcher p::before, .product-acquisition .products .product .eyecatcher p::before {
            right: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-right-color: black;
            border-width: 15px;
            top: 0;
        }

@media (min-width: 741px) {
    .piranya-view-shop-product-detail.has-choices .buy-wrapper {
        grid-column: 2;
    }
}

@media (max-width: 740px) {
    .piranya-view-shop-product-detail .images,
    .piranya-view-shop-product-detail .buy-wrapper {
        width: 100%;
    }

    @supports (display: grid) {
        .piranya-view-shop-product-detail .add-to-basket > div {
            grid-column-start: 1;
            grid-column-end: 3;
        }

        .piranya-view-shop-product-detail .images {
            grid-row-start: 1;
            grid-row-end: 1;
        }

        .piranya-view-shop-product-detail .buy-wrapper, .piranya-view-shop-product-detail.has-choices.has-description .buy-wrapper {
            grid-row-start: 2;
            grid-row-end: 2;
        }
    }

    .piranya-view-shop-product-detail .buy-wrapper {
        margin-left: 0;
    }
}

@media (orientation: portrait) {
    .piranya-view-shop-product-detail .images > .large > img {
        max-height: 50vh;
    }
}


/* end of product details */

/* Grouped products */

.piranya-shop.product .add-to-basket div.go-to-checkout {
    align-self: flex-end;
    margin-top: auto;
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: background-color 0.6s ease;
}

.piranya-shop.product .add-to-basket > div.go-to-checkout {
    padding: 20px;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
}

.piranya-shop.product .add-to-basket div.go-to-checkout > * {
    display: block;
    margin: 0;
}

.piranya-shop.product .add-to-basket div.go-to-checkout > *:not(:empty) {
    width: auto;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.piranya-shop.product .add-to-basket div.go-to-checkout > .piranya-shop-product-price {
    margin-left: auto;
}

.piranya-shop.product .add-to-basket div.go-to-checkout > .add-to-cart-wrapper {
    margin-right: 0;
}

.piranya-shop.product .add-to-basket div.go-to-checkout .piranya-btn {
    margin: 0;
}

.piranya-shop.product .add-to-basket div.go-to-checkout .piranya-btn > p {
    white-space: nowrap;
}

.piranya-shop.product .add-to-basket > div.go-to-checkout.negative > p {
    color: #a94442;
}

/* end of Grouped products */

/* Product children (legacy) */

.piranya-shop.product .add-to-basket .children {
    background: none;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

    .piranya-shop.product .add-to-basket .children > .product {
        padding: 10px;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px;
        transition: background-color 0.6s ease;
    }

        .piranya-shop.product .add-to-basket .children > .product > .text:first-child {
            padding-left: 10px;
        }

        .piranya-shop.product .add-to-basket .children > .product.has-amount > div.price-wrapper {
            margin-left: auto;
            padding: 20px 10px;
        }

        .piranya-shop.product .add-to-basket .children > .product.in-cart {
            background-color: rgba(128, 185, 62, 0.4);
        }

    .piranya-shop.product .add-to-basket .children .price {
        margin-right: 10px;
    }

    .piranya-shop.product .add-to-basket .children .price > .header {
        display: none;
    }

    .piranya-shop.product .add-to-basket .children .price > .value > .currency {
        padding-right: 5px;
    }

@media screen and (max-width: 480px) {
    .piranya-shop.product .add-to-basket .children > .product {
        flex-direction: column;
        align-items: stretch;
    }
    
        .piranya-shop.product .add-to-basket .children > .product.has-amount > div.price-wrapper {
            padding: 10px;
            justify-content: space-between;
            margin-left: 0;
        }
}

/* end of product children (legacy) */

.piranya-shop-product-wrapper a.piranya-btn {
    width: auto;
    float: none;
    margin: 0px auto;
}

.piranya-shop-product-wrapper-title {
    top: 20px;
    font-size: 1em;
}

.piranya-pagination {
    float: right;
    height: 30px;
}

    .piranya-pagination > p {
        margin-right: 5px;
    }

.piranya-filter-container {
    margin-right: 5px;
}

    .piranya-filter-container > p {
        margin-right: 5px;
    }

.piranya-pagination button, .piranya-pagination input {
    display: block;
    float: left;
}

.piranya-page-nav-btn-next {
    margin-left: 5px;
}

.piranya-page-nav-btn-prev {
    margin-right: 5px;
}

/* Rebates */

.piranya-shop-redeem .piranya-btn-redeem-code {
    transition: opacity 0.6s ease-in-out;
}

/*Checkout confirm*/
.piranya-view-shop-checkout-confirm .rebate.wrapper {
    margin-top: 10px;
}

.piranya-view-shop-checkout-confirm .piranya-cart-container {
    width: 100%;
}

.piranya-sales-and-delivery-conditions-link {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.piranya-shop-acceptterms-checkbox,
.label-checkbox.is-invoice-desired {
    margin-top: 10px;
}

.piranya-shop-btn-confirm-wrapper {
    width: 100%;
}

.piranya-shop-btn-confirm {
    float: right;
}

.piranya-cart-text {
    margin-top: 20px;
}

.piranya-shop-product-is-in-stock {
    color: #3e9b4b;
}

.piranya-shop-product-is-not-in-stock {
    color: red;
}

/* Department picker */

.department-wrapper,
.department-wrapper > div {
    width: 100%;
}

.department-wrapper select {
    padding: 6px 5px;
    margin: 0;
    border-radius: 0;
}

/* Department search */

.piranya-shop-departments.search {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.piranya-shop-departments.search > .results {
    width: 100%;
}

.piranya-shop-departments.search > .piranya-searchbox {
    font-size: 2em;
    margin: 20px auto;
}

.piranya-shop-departments.grid {
    width: 100%;
    display: grid;
    grid-auto-rows: 1fr;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.piranya-shop-departments.grid .item,
.piranya-shop-departments.grid .item > .details,
.piranya-shop-departments.grid .item > .details > *,
.piranya-shop-departments.grid .item > .stock {
    width: 100%;
    float: left;
}

.piranya-shop-departments.grid .item > .stock {
    color: #208220;
}

.piranya-shop-departments.grid .item > .stock.negative {
    color: red;
}

.piranya-shop-departments.grid .item > .stock,
.piranya-shop-departments.grid .item > button {
    margin-top: 20px;
}

/* Shipping */

.piranya-shop-checkout-data-shippingmethod,
.piranya-shop-checkout-data-shippingmethod,
.piranya-shop-checkout-data-shippingmethod > div[data-view-name="Shop.Checkout.DesiredDeliveryTimeField"],
.piranya-shop-checkout-data-shippingmethod > .shipping-methods-wrapper,
.piranya-shop-checkout-data-shippingmethod .desired-delivery-time {
    width: 100%;
}

.piranya-shop .shipping-methods-wrapper .right span.price + span.duration {
    display: none; /* not enough space */
}

.piranya-shop .shipping-methods-wrapper + div[data-view-name="Shop.Checkout.DesiredDeliveryTimeField"] {
    margin-top: 10px;
}

.piranya-shop .shipping-methods-wrapper > p.header,
.piranya-shop .desired-delivery-time > p {
    text-align: center;
}

.piranya-shop .desired-delivery-time > p:first-child {
    margin-bottom: 10px;
}

.piranya-shop .desired-delivery-time > p.validation-message {
    float: left;
    width: 100%;
}

.piranya-shop .desired-delivery-time li:only-child {
    border: none;
    padding: 0;
}

.piranya-shop .desired-delivery-time li:only-child > .p-radio {
    display: none;
}

.piranya-shop .desired-delivery-time ul.p-toggle-boxes > li:only-child > .content {
    margin-top: 0;
}

/* Radio boxes in shop */

.piranya-shop div.p-checkbox > input[type="checkbox"] + label:after {
    border-color: #34b257;
}

.piranya-shop div.p-radio > input[type="radio"] + label:after {
    background: #34b257;
}

.piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled),
.piranya-shop div.p-toggle-box.selected:not(.disabled) {
    border-color: #34b257;
}

.piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled) > .right,
.piranya-shop div.p-toggle-box.selected:not(.disabled) > .right {
    color: #34b257;
}

.piranya-shop ul.p-toggle-boxes > li.selected .choice > .unavailable,
.piranya-shop div.p-toggle-box.selected .choice > .unavailable {
    color: #b23434;
}

.piranya-shop .p-toggle-boxes.disabled {
    cursor: initial;
}

.piranya-shop .piranya-shop-checkout-data-paymentmethod .p-toggle-boxes > li > p.right,
.piranya-shop .piranya-shop-checkout-data-paymentmethod .p-toggle-boxes > li > div.right > p,
.piranya-shop .piranya-shop-checkout-data-shippingmethod .p-toggle-boxes > li > p.right,
.piranya-shop .piranya-shop-checkout-data-shippingmethod .p-toggle-boxes > li > div.right > p {
    font-size: 0.8em;
    text-align: right;
}

/*One step checkout*/
.step-wrapper {
    width: 100%;
    border: 1px solid #eceef1;
}

.step-wrapper:not(:last-child) {
    margin-bottom: 20px;
}

.step-anchor {
    width: 100%;
    float: left;
}

.step-header {
    box-sizing: border-box;
    width: 100%;
    padding: 2%;
    background-color: black;
}

.step-headline {
    color: white;
}

.step-content {
    box-sizing: border-box;
    width: 100%;
    padding: 2%;
}

.step-content .piranya-txt, 
.step-content .piranya-textarea,
.step-content .label-checkbox,
.step-content select {
    width: 100%;
    box-sizing: border-box;
    float: left;
    max-width: unset;
}

.step-content .label-checkbox > input[type="checkbox"] {
    margin-right: 5px;
}

.step-content .piranya-btn {
    float: left;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.step-content #piranya-shopping-cart-table .piranya-first-column {
    width: 55%;
    box-sizing: border-box;
}

.step-content #piranya-shopping-cart-table .piranya-intermediate-column {
    width: 15%;
    text-align: center;
    box-sizing: border-box;
}

.step-content #piranya-shopping-cart-table .piranya-last-column {
    width: 30%;
    text-align: center;
    box-sizing: border-box;
}

.step-content #piranya-shopping-cart-table .piranya-product-cart-image {
    display: none;
}

.step-content #piranya-shopping-cart-table td, .step-content table#piranya-shopping-cart-table th {
    padding: 2px 4px;
}

.step-content > div[data-view-name="Shop.Checkout.Basket"],
.step-content > div[data-view-name="Shop.Checkout.PaymentProviders"],
.step-content > div[data-view-name="Shop.Checkout.ShippingMethods"],
.step-content > div[data-view-name="Shop.Department.Select"],
.step-content .shipping-method,
.step-content .shipping-method > .extra-fields,
.step-content .shipping-method > .extra-fields > *,
.step-content .piranya-shop-departments,
.step-content .piranya-shop-departments > select,
.step-content .piranya-shop-redeem {
    width: 100%;
}

.piranya-view-order-details {
    position: relative;
}

.piranya-view-order-details .actions {
    position: absolute;
    right: 0;
    top: 0;
}

.piranya-shop-order-address-container,
.piranya-shop-order-status-container,
.piranya-shop-order-items-container,
.piranya-shop-order-items-container > table {
    width: 100%;
    margin-top: 20px;
}

    .piranya-shop-order-items-container > table tr.total {
        font-weight: bold;
    }

    .piranya-shop-order-items-container > table th,
    .piranya-shop-order-items-container > table td {
        padding: 10px;
    }

        .piranya-shop-order-items-container > table th:first-child,
        .piranya-shop-order-items-container > table td:first-child {
            text-align: left;
        }

        .piranya-shop-order-items-container > table th:not(:first-child),
        .piranya-shop-order-items-container > table td:not(:first-child) {
            text-align: center;
        }

.piranya-view-shop-product-browser .piranya-view-content > .short-description {
    margin-top: 20px;
}

.piranya-view-shop-product-browser .piranya-view-content > .empty + .short-description {
    display: none;
}

.piranya-view-shop-product-browser .item.product a.add-to-cart {
    display: none;
}

.piranya-shop .amount-picker {
    display: flex;
    flex-direction: row;
}

.piranya-shop .amount-picker > * {
    box-sizing: border-box;
    padding: 4px 7px;
    margin: 0;
    font-size: 0.8em;
    display: inline-block;
    opacity: 1;
    transition: opacity 0.4s ease;
}

.piranya-shop .amount-picker > input[type="number"] {
    text-align: center;
    flex-grow: 1;
    margin: 0 10px;
    -moz-appearance: textfield;
}

    .piranya-shop .amount-picker > input[type="number"]::-webkit-outer-spin-button,
    .piranya-shop .amount-picker > input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.piranya-shop .amount-picker > .value {
    line-height: 1em;
}

.piranya-shop .amount-picker > .disabled {
    opacity: 0.4;
}

.piranya-shop.dialog.product.add-to-basket > form > * {
    float: left;
    clear: left;
    width: 100%;
}

.piranya-shop.dialog.product form > .item-count,
.piranya-shop.dialog.product form > button {
    margin-top: 10px;
}

.piranya-shop.dialog.product form > .item-count > .amount-picker {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 8px;
}

    .piranya-shop.dialog.product form > .item-count > .amount-picker > * {
        font-size: 1.2em;
        padding: 4px 13px;
        text-align: center;
    }

.piranya-shop.dialog.product .totals > p {
    padding: 0.6em;
}

/* Orders (list) */

#piranya-shop-orders .user-action-entity .piranya-btn {
    display: inline-block;
}

    #piranya-shop-orders .user-action-entity .piranya-btn:first-of-type:not(:last-of-type) {
        margin-right: 10px;
    }

    #piranya-shop-orders .user-action-entity p {
        line-height: 1.3em;
    }

    #piranya-shop-orders .user-action-entity p:first-of-type {
        border-top: 1px solid black;
        margin-top: 10px;
        padding-top: 5px;
    }

    #piranya-shop-orders .user-action-entity p:not(:last-of-type) .value {
        margin-left: 10px;
        width: 100%;
        display: block;
    }

    #piranya-shop-orders .user-action-entity p:last-of-type {
        margin-top: 10px;
        border-top: 1px dotted black;
    }

/* Redeem */

.piranya.shop.ticket.redeem {
    padding: 20px;
    background-color: white;
    width: calc(100% - 40px);
    max-width: 600px;
    color: black;
    text-align: center;
    float: none;
    margin: 0px auto;
}

    .piranya.shop.ticket.redeem > * {
        width: 100%;
        max-width: 400px;
        border: 1px solid #c6c6c6;
        margin: 0px auto;
        float: none;
    }

    .piranya.shop.ticket.redeem > .info {
        border-bottom: none;
        background-image: url('/content/v1.0.6946.265571/module/shop/images/ticket_top.png');
        background-repeat: repeat-x;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .piranya.shop.ticket.redeem.request-claim > .info {
        padding-bottom: 0;
        font-size: 0.8em;
    }

    .piranya.shop.ticket.redeem > .separator {
        background-image: url('/content/v1.0.6946.265571/module/shop/images/ticket_separator.png');
        background-size: 100% 54px;
        height: 54px;
        border: none;
    }

    .piranya.shop.ticket.redeem > .redeem-wrapper {
        border-top: none;
    }

    .piranya.shop.ticket.redeem h3,
    .piranya.shop.ticket.redeem h4,
    .piranya.shop.ticket.redeem p {
        color: black;
    }

    .piranya.shop.ticket.redeem a:not(.k-button) {
        color: #8c8c8c;
    }

    .piranya.shop.ticket.redeem > .info > * {
        clear: left;
        float: none;
        margin: 0 auto 1.2em auto;
        width: 100%;
    }

    .piranya.shop.ticket.redeem > .info > *:empty {
        margin: 0;
    }

    .piranya.shop.ticket.redeem > .info > .ticket-image {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .piranya.shop.ticket.redeem > .info > .rebates > .item {
        width: 100%;
        margin-bottom: 20px;
    }

        .piranya.shop.ticket.redeem > .info > .rebates > .item > .guide {
            margin-top: 10px;
        }

        .piranya.shop.ticket.redeem > .info > .items > .item.claimed,
        .piranya.shop.ticket.redeem > .info > .rebates > .item.claimed > p.code {
            text-decoration: line-through;
        }

    .piranya.shop.ticket.redeem > .info > .customer {
        max-width: 250px;
        background-color: #c6c6c6;
        margin-bottom: 0;
        padding: 20px;
        width: calc(100% - 40px);
    }

    .piranya.shop.ticket.redeem.request-claim > .info > .customer {
        padding: 5px;
    }

    .piranya.shop.ticket.redeem > .info .terms {
        font-size: 1em;
        margin-top: 10px;
        float: initial;
    }

    .piranya.shop.ticket.redeem > .info .terms p {
        font-size: 0.8em;
    }

    .piranya.shop.ticket.redeem.request-claim > .info .terms {
        display: none;
    }

    .piranya.shop.ticket.redeem > .redeem-wrapper > .message {
        padding: 30px 0 50px 0;
        font-size: 2em;
    }

        .piranya.shop.ticket.redeem > .redeem-wrapper > .message.negative {
            color: red;
        }

        .piranya.shop.ticket.redeem > .redeem-wrapper > .message.positive {
            color: #3e9b4b;
        }

    .piranya.shop.ticket.redeem > .redeem-wrapper {
        padding-top: 1px; /* Minor work-around to avoid missing borders when the ticket has no products to claim */
    }

        .piranya.shop.ticket.redeem > .redeem-wrapper > form {
            width: 98%;
            text-align: left;
            margin: 0 1% 0 1%;
        }

            .piranya.shop.ticket.redeem > .redeem-wrapper > form > table {
                width: 100%;
                border-spacing: 0.8em;
                text-align: center;
            }
            
                .piranya.shop.ticket.redeem > .redeem-wrapper > form > table th:last-child,
                .piranya.shop.ticket.redeem > .redeem-wrapper > form > table td:last-child {
                    text-align: left;
                }

                .piranya.shop.ticket.redeem > .redeem-wrapper > form > table th > p {
                    font-weight: bold;
                }

                .piranya.shop.ticket.redeem > .redeem-wrapper > form input.p-checkbox + label {
                    margin-left: calc(50% - 10px);
                    padding-left: 0;
                }

                .piranya.shop.ticket.redeem > .redeem-wrapper > form > input[type="submit"] {
                    float: none;
                    margin: 20px auto;
                    display: block;
                }

        .piranya.shop.ticket.redeem > .redeem-wrapper > .redeem-code {
            width: 256px;
            margin: 0px auto;
            float: none;
        }

        .piranya.shop.ticket.redeem > .redeem-wrapper > .guide {
            width: 100%;
            text-transform: uppercase;
        }

/* End of redeem */

/* Event tickets */

.event-tickets,
.event-tickets > .event-ticket-product,
.event-tickets > .event-ticket-product .variants {
    width: 100%;
}

    .event-tickets > *,
    .event-tickets > .event-ticket-product > * {
        width: 100%;
        float: left;
        clear: left;
        box-sizing: border-box;
    }

    .event-tickets > .buy-ticket, 
    .event-tickets > .event-ticket-product > .choices {
        margin-top: 10px;
    }

    .event-tickets > .event-ticket-product > .choices > .header {
        display: none;
    }

/* End of event tickets */

/* Payment providers */

.piranya-shop-checkout-data-paymentmethod,
.piranya-shop-checkout-data-paymentmethod > .payment-providers {
    width: 100%;
}

.piranya-shop-checkout-data-paymentmethod > label {
    float: left;
    width: 100%;
}

.piranya-shop-checkout-data-paymentmethod > label > input {
    float: left;
}

/* Payment provider subscriptions */

.piranya-shop-payment-provider-subscriptions td {
    text-align: center;
}

.piranya-shop-payment-provider-subscriptions .piranya-btn {
    float: left;
    margin-right: 10px;
}

/* End of payment provider subscriptions */

/* Subscriptions */

.piranya-shop-subscriptions td {
    text-align: center;
}

.piranya-shop-subscriptions .piranya-btn {
    float: left;
    margin-right: 10px;
}

/* End of subscriptions */

/* Audit */
.piranya-shop-checkout-await-audit {
    text-align: center;
    width: 100%;
}

.piranya-shop-checkout-await-audit > .indicator,
.piranya-shop-checkout-await-audit > .department {
    margin: 0 auto;
    float: none;
    margin-top: 20px;
    display: inline-block;
}

.piranya-shop-checkout-await-audit > .department {
    width: 100%;
}

/* Checkout success */

.piranya-shop-checkout-success-container {
    position: relative;
}

    .piranya-shop-checkout-success-container .actions {
        position: absolute;
        right: 0;
        top: 0;
    }

.piranya-shop-checkout-success-container > h3, .piranya-shop-checkout-success-container .audit-message {
    margin-top: 20px;
}

.piranya-shop-checkout-success-container .audit-message {
    width: 100%;
    margin-bottom: 20px;
}

/* end of Checkout success */

/* piranya/shop */
.piranya-shop-order-create .category-bar {
    width: 100%;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.piranya-shop-order-create .category-bar .category:first-child {
    margin-left: 0;
}

.piranya-shop-order-create .category-bar .category-tab {
    cursor: pointer;
}

.piranya-shop-order-create .category-bar .category-tab:not(:first-of-type) {
    margin-left: 10px;
}

.piranya-shop-order-create .category-bar.tabs {
    border-bottom: 2px solid whitesmoke;
}

.piranya-shop-order-create .category-bar.tabs .category-tab {
    padding: 10px;
    margin-bottom: -2px;
    margin-bottom: -2px;
    height: calc(100% + 2px);
}

.piranya-shop-order-create .category-bar.tabs .category-tab.active {
    border-radius: 7px 7px 0 0;
    border-bottom: 0;
    background: whitesmoke;
}

.piranya-shop-order-create .category-bar.grow {
    height: 2.5em;
    margin-bottom: 15px;
}

.piranya-shop-order-create .category-bar.grow .category-tab {
    line-height: 100%;
    transition: font-size .2s linear;
}

.piranya-shop-order-create .category-bar.grow .category-tab.active {
    font-size: 2.5em;
}

.piranya-shop-order-create .panels,
.piranya-shop-order-create .panels > .panel,
.piranya-shop-order-create .panel > .content {
    width: 100%;
}

.piranya-shop-order-create .panels .category.disabled {
    opacity: 0.3;
}

.piranya-shop-order-create .panels,
.piranya-shop-order-create .panels > .panel {
    overflow: hidden;
}

.piranya-shop-order-create .panel > .heading {
    width: 100%;
    cursor: pointer;
    clear: both;
    position: relative;
    box-sizing: border-box;
    z-index: 2;
}

.piranya-shop-order-create .panel > .heading > .cover {
    width: 100%;
}

.piranya-shop-order-create .panels.foldable > .panel > .heading h1:after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "\f103";
    right: 15px;
    font-family: fontawesome;
}

.piranya-shop-order-create .panels.foldable > .panel.active > .heading h1:after {
    content: "\f102";
}

.piranya-shop-order-create .panel .category > .heading.has-image {
    background-color: #6f6f6f;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    width: 100px;
    height: 90px;
    padding-top: 10px;
    margin-bottom: 20px;
}

.piranya-shop-order-create .panel .category > .heading.has-image > img {
    order: 1;
    margin-bottom: auto;
    max-height: 50px;
    max-width: 50px;
}

.piranya-shop-order-create .panel .category > .heading.has-image > .title {
    font-size: 0.8em;
    margin-top: auto;
    color: white;
}

.piranya-shop-order-create .panels .category.disabled .add-btn {
    background-color: gray !important;
    border: none;
}

.piranya-shop-order-create .panels .products {
    width: 100%;
    box-sizing: border-box;
}

.piranya-shop-order-create .panels .products .product, .piranya-shop-product-list .product {
    box-sizing: border-box;
    position: relative;
}

    .piranya-shop-order-create .panels .products .product.incompatible, .piranya-shop-product-list .product.incompatible {
        pointer-events: none;
    }

        .piranya-shop-order-create .panels .products .product.incompatible > *, .piranya-shop-product-list .product.incompatible > * {
            filter: grayscale(100%);
        }

        .piranya-shop-order-create .panels .products .product.incompatible:before, .piranya-shop-product-list .product.incompatible:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.4);
            z-index: 100;
            animation: fadeIn 0.8s;
        }

        .piranya-shop-order-create .panels .products .product.incompatible:after, .piranya-shop-product-list .product.incompatible:after {
            position: absolute;
            top: 40%;
            left: 17%;
            width: 66%;
            text-align: center;
            content: 'Kan ikke kombineres med varerne i din kurv';
            font-size: 1.2em;
            padding: 10px;
            box-sizing: border-box;
            background-color: #F2DFDF;
            color: #770009;
            border: 1px solid #ebccd1;
            box-shadow: -5px 5px 20px 0 #9e9999;
            z-index: 101;
            animation: fadeIn 0.8s;
        }

        .piranya-shop-order-create .panels .products.piranya-grid .product.incompatible:after, , .piranya-shop-product-list .product.incompatible:after {
            top: 50%;
            left: 50%;
            transform:  translateX(-50%) translateY(-50%) rotate(-45deg);
        }

.piranya-shop-order-create .panels .products .product:not(.piranya-col) {
    margin-top: 10px;
    width: 100%;
}

.piranya-shop-order-create .panels .products .product:not(.piranya-col):first-child {
    margin-top: 0;
}

.piranya-shop.product .children > .product,
.piranya-shop-order-create .panels .product {
    background-color: white;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}

.piranya-shop-order-create .panels .products.show-images .product:not(.piranya-col) {
    padding: 0 10px;
}

.piranya-shop-order-create .panels .products .product .price-wrapper {
    text-align: center;
}

.piranya-shop-order-create .panels .products .product .title,
.piranya-shop-order-create .panels .products .product .price {
    color: black;
}

.piranya-shop-order-create .panels .products .product .price .header {
    margin-right: 5px;
}

.piranya-shop.product .children > .product > .text,
.piranya-shop-order-create .panels .products .product .text {
    clear: left;
    margin-top: 8px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.piranya-shop.product .children > .product > .image + .text,
.piranya-shop-order-create .panels .products .product .image + .text {
    width: calc(100% - 145px);
}

.piranya-shop.product .children > .product > .text > div,
.piranya-shop-order-create .panels .products .product .text > div:not(.eyecatcher) {
    display: flex;
    flex-direction: column;
}

.piranya-shop.product .children > .product .title,
.piranya-shop-order-create .panels .products .product .title {
    float: left;
}

.piranya-shop-order-create .text .price {
    float: right;
    margin-left: auto;
    margin-right: 10px;
}

.order-create .price-wrapper > p.price {
    white-space: nowrap;
}

.piranya-shop-order-create .price > .value > .currency {
    margin-right: 5px;
}

.piranya-shop-order-create .panels .products.piranya-grid .product .text {
    width: 100%;
}

.piranya-shop-order-create .panels .products.piranya-grid .product.has-amount.has-details-page .price-wrapper {
    width: 100%;
    margin: 10px 0;
}

.piranya-shop-order-create .panels .products.piranya-grid .product.has-amount.has-details-page .read-more,
.piranya-shop-order-create .panels .products.piranya-grid .product.has-amount.has-details-page .actions {
    width: calc(50% - 20px);
    margin: 10px;
    margin-top: auto;
}

.piranya-shop-order-create .panels .products.piranya-grid .product.has-amount.has-details-page .read-more p span {
    display: none;
}

.piranya-shop-order-create .panels .products .product .description {
    float: left;
    clear: left;
    width: 100%;
}

.piranya-shop-order-create .panels .products.piranya-grid .product .description {
    margin-bottom: 10px;
}

.piranya-shop-order-create .panels .products .product .read-more {
    text-decoration: none;
}

.piranya-shop-order-create .panels .products.piranya-grid .product .read-more {
    margin-top: 10px;
    width: 100%;
}

    .piranya-shop-order-create .panels .products .product .read-more span::before {
        right: 100%;
        content: " ";
        position: absolute;
        pointer-events: none;
        top: 0;
        border: 19px solid transparent;
        border-right: 12px solid gray;
    }
    .piranya-shop-order-create .panels .products .product .read-more p {
        float: right;
    }


    .piranya-shop-order-create .panels .products .product .read-more p span {
        position: relative;
        margin-left: 20px;
        background: gray;
        padding: 5px 6px;
        color: white;
        font-family: inherit;
        font-size: 1.5em;
    }

.piranya-shop-order-create .panels .products .product .add-btn:not(.add-price) {
    display: inline-block;
    background-color: grey;
    font-family: 'lato-light-webfont';
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    float: right;
    text-align: center;
    clear: right;
    padding: 4px 10px;
    cursor: pointer;
    margin-left: auto;
    border: none;
}

.piranya-shop-order-create .panels .products .product .add-btn:not(.add-price):hover {
    background-color: #585858;
}

.piranya-shop-order-create .panels .category, 
.piranya-shop-order-create .piranya-shop-product-wrapper {
    width: 100%;
    min-height: auto;
    margin-top: 20px;
}

.piranya-shop-order-create .panels .category:first-child, 
.piranya-shop-order-create .panels.foldable .category {
    margin-top: 0;
}

.piranya-shop-order-create .piranya-shop-product-wrapper div.image {
    display: none;
}

.piranya-shop.product .children > .product div.image,
.piranya-shop-order-create .panels .products.show-images .product div.image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: auto;
    float: left;
    align-self: stretch;
    margin: 0 10px 0 0;
}

.piranya-shop-order-create .panels .products:not(.piranya-grid) .product div.image,
.piranya-shop.product .children div.image {
    min-height: 100px;
}

.piranya-shop .products .product.has-details-page div.image {
    cursor: pointer;
}

.piranya-shop-order-create .panels .products:not(.piranya-grid) .product .price-wrapper,
.piranya-shop-order-create .panels .products:not(.piranya-grid) .product .text + .actions {
    margin-left: auto;
}

.piranya-shop.product .children > .product > .text,
.piranya-shop-order-create .panels .products.show-images .product .text {
    clear: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Product grid */

.piranya-shop-order-create .panels .products .product.piranya-col {
    padding: 20px;
    flex-direction: column;
    flex-flow: wrap;
}

.piranya-shop-order-create .panels .products.show-images .product.piranya-col div.image {
    height: 300px;
    width: 100%;
    max-width: none;
    margin: 0;
}

.piranya-shop-order-create .panels .products .product.piranya-col .title {
    float: left;
    font-size: 1.1em;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.piranya-shop-order-create .panels .products .product.piranya-col .text {
    margin: auto 0 0 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

/* Amount */

.piranya-shop.product .children > .product.has-amount .text,
.piranya-shop-order-create .panels .products .product.has-amount .text {
    display: block;
}

.piranya-shop.product .children > .product.has-amount > div.price-wrapper,
.piranya-shop-order-create .panels .products .product.has-amount > div.price-wrapper {
    flex-direction: row;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
}

.piranya-shop.product .children > .product.has-amount > div.price-wrapper > *,
.piranya-shop-order-create .panels .products .product.has-amount > div.price-wrapper > * {
    flex: 1;
}

.piranya-shop.product .children > .product .amount,
.piranya-shop-order-create .panels .products .product .amount {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.piranya-shop.product .children > .product .amount > *,
.piranya-shop-order-create .panels .products .product .amount > * {
    flex: 1;
    padding: 5px 10px;
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    margin: 0;
}

.piranya-shop.product .children > .product .amount > input[type="number"],
.piranya-shop-order-create .panels .products .product .amount > input[type="number"] {
    margin: 0 5px;
}

/* end of Amount */

/* End of product grid */

/* Bundles */

.piranya-shop-order-create .panel > .content > .bundle + .categories {
    display: flex;
    flex-wrap: wrap;
}

.piranya-shop-order-create .panel > .content > .bundle + .categories .category {
    width: auto;
}

.piranya-shop-order-create .panel > .content > :not(:first-child) {
    margin-top: 20px;
}

.piranya-shop-order-create .panel > .content > .bundle > .levels {
    margin-top: 20px;
    width: 100%;
}

.piranya-shop-order-create .panel > .content > .bundle .level {
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.piranya-shop-order-create .panel > .content > .bundle .level:not(:last-child) {
    margin-right: 20px;
}

.piranya-shop-order-create .panel > .content > .bundle .level .amount > span {
    float: left;
    clear: both;
    width: 100%;
}

.piranya-shop-order-create .panel > .content > .bundle .level .amount .number,
.piranya-shop-order-create .panel > .content > .bundle .level .price .number{
    font-size: 2em;
}

.piranya-shop-order-create .panel > .content > .bundle .level p:not(:last-child) {
    margin-bottom: 10px;
}

.piranya-shop-order-create .panel > .content > .bundle .level .amount + p {
    margin-top: auto;
}

.piranya-shop-order-create .panel > .content > .bundle .piranya-btn.pick {
    margin-bottom: 0;
}

.piranya-shop-order-create .panel > .content .product div.bundle-info {
    display: none;
}

    .piranya-shop-order-create .panel > .content .product div.bundle-info.applicable:not(:empty) {
        display: flex;
    }

/* End of Bundles */

/* Start of Acquisitions */

.product-acquisition {
    box-sizing: border-box;
}

.product-acquisition .product {
    background: white;
}

.product-acquisition .product .amount > input[type="number"] {
    max-width: 70px;
    box-sizing: border-box;
}

.product-acquisition .product .amount > * {
    padding: 14px 20px;
}

.product-acquisition .product .headline {
    position: absolute;
    top: 0;
    right: 0;
}

.product-acquisition .product .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-acquisition .product .text {
    margin: 0;
}

.product-acquisition .product .text .number {
    text-align: center;
}

.product-acquisition .product > .title, 
.product-acquisition .product > .text > div {
    padding: 11px;
    box-sizing: border-box;
}

.product-acquisition .product {
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}

.product-acquisition .product > .text > div:first-of-type {
    height: calc(100% - 120px);
    padding-top: 0;
}

.product-acquisition .product > .title {
    border-bottom: 1px solid #eeeeee;
    text-align: left;
    margin: 10px;
    box-sizing: border-box;
    padding: 0 0 10px 0;
    width: calc(100% - 20px);
}

.product-acquisition .product .description {
    font-size: 1em;
    width: 50%;
}

.product-acquisition .product .price-wrapper {
    clear: left;
}

    .product-acquisition .product .price-wrapper .header {
        margin-right: 5px;
    }

.product-acquisition .product .actions {
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
}

.product-acquisition .product .actions .item-count {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-acquisition .product .actions > .piranya-btn:first-of-type {
    margin-left: auto;
    margin-right: 10px;
    background-color: #504f4f;
}

/* End of Acquisitions */

@media screen and (min-width: 600px) {
    .piranya-shop-order-create .panels .products.show-images .product:not(.piranya-col) .text {
        width: calc(100% - 200px);
    }

    .piranya-shop-order-create .panels .products.show-images .product:not(.piranya-col) .price-wrapper {
        margin: 0 10px;
    }

    .piranya-shop-order-create .panels.foldable > .panel > .heading:not(.has-cover) {
        display: none;
    }

    .piranya-shop-order-create .panels.foldable > .panel.active {
        transition-property: visibility, opacity;
        transition-duration: 0s, 1s;
    }

    .piranya-shop-order-create .panels.foldable > .panel:not(.active) {
        opacity: 0;
        visibility: hidden;
        transition-property: opacity, visibility;
        transition-duration: 1.125s, 0s;
        transition-delay: 0s, 1.125s;
        height: 0;
    }

    .product-acquisition {
        width: 600px;
    }

    .product-acquisition .product .actions .piranya-btn {
        width: auto;
    }
    
    .product-acquisition .product > div.image {
        z-index: 0;
        height: calc(100% - 139px);
        width: 50%;
        position: absolute;
        right: 10px;
        top: 66px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .product-acquisition .product > div.text {
        width: calc(50% - 20px);
        margin-right: 20px;
    }
}


.piranya-shop.piranya-shop-order-create .panels > .panel > .content > .bundle:not(.selected) ~ div {
    height: 0;
    overflow: hidden;
}


@media screen and (max-width: 599px) {
    .piranya-shop-order-create .category-bar.foldable  {
        display: none;
    }

    .piranya-shop-order-create .panel > .heading {
        padding: 10px;
        background-color: white;
        z-index: 2;
    }

    .piranya-shop-order-create:not([data-foldable-initialized="true"]) .panel:not(.active) > .content {
        display: none;
    }

    .piranya-shop-order-create .panel > .content > .cover {
        display: none;
    }

    .piranya-shop-order-create .panel > .content > .description {
        display: none;
    }

    .piranya-shop-order-create .panel > .content > .panels {
        margin-bottom: 20px;
    }

    .piranya-shop-order-create .panels.foldable .products.piranya-grid, 
    .piranya-shop-order-create .panels.foldable .panel.active .products.piranya-grid {
        display: block;
    }

    .piranya-shop-order-create .panels.foldable .products.piranya-grid .product:not(:last-child) {
        margin-bottom: 10px;
    }

    .piranya-shop-order-create .panels .products.show-images .product:not(.piranya-col) div.image {
        display: none;
    }

    .piranya-shop-order-create .panels .products.show-images .product {
        padding: 0 10px;
    }

    .piranya-shop-order-create .panels .products.show-images h4 {
        font-size: 1em;
    }

    .piranya-shop-order-create .panels .products.show-images h3 {
        font-size: 1em;
    }

    .piranya-shop-order-create .panels .products.show-images p {
        font-size: 0.7em;
    }
    
    .piranya-shop-order-create .panels .products.show-images p.price {
        font-size: 1.5em;
    }

    .product-acquisition {
        width: calc(100% - 40px);
    }
    
    .product-acquisition .image {
        display: none;
    }    
    
    .product-acquisition .product .actions {
        flex-direction: column;
    }
    
    .product-acquisition * {
        width: 100%;
    }
    
    .product-acquisition .actions > button {
        padding: 10px;
    }
    
    .product-acquisition .actions > button:first-of-type {
        margin: 10px 0;
    }
}

/* piranya/shop */
.mobile-cart-btn {
    display: none;
    background: white;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    float: right;
}

.mobile-cart-btn.show {
    display: flex;
}

    .mobile-cart-btn .price-wrapper {
        display: flex;
        justify-content: center;
        cursor: pointer;
    }

        .mobile-cart-btn .price-wrapper i.fa.fa-shopping-cart {
            margin-right: 10px;
        }

.piranya-shop-order-create {
    width: 100%;
}

.piranya-shop-order-create .basket-wrapper {
    position: fixed;
    top: 0;
    right: -100%; /* Cannot use calc function with negative values here as it does not work in iOS 11.2, so we have to use -100% */
    width: 80%;
    height: 100%;
    color: black;
    border: 1px solid #f5f5f5;
    transition: right 0.5s ease;
    z-index: 10000;
    max-width: 448px;
    background: white;
    box-sizing: border-box;
    box-shadow: 0 0 20px #888888;
}

    .piranya-shop-order-create .basket-wrapper.open {
        right: 0;
    }

    .piranya-shop-order-create .basket-wrapper .basket {
        width: 100%;
        height: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

.piranya-shop-order-create .basket .cart {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .piranya-shop-order-create .basket .cart .add-remove .fa,
    .piranya-shop-order-create .basket .cart .delete .fa {
        float: left;
        border: 1px solid gray;
        padding: 7px;
        font-size: 8px;
        color: gray;
        margin-left: 10px;
        cursor: pointer;
    }

.piranya-shop-order-create .basket .cart .add-remove .fa:hover, 
.piranya-shop-order-create .basket .cart .delete .fa:hover {
    background: gray;
    color: white;
}

.piranya-shop-order-create .cart > .header, 
.piranya-shop-order-create .cart .product, 
.piranya-shop-order-create .cart .separator-bottom, 
.piranya-shop-order-create .cart .no-items,
.piranya-shop-order-create .cart .shipping.has-pickable-delivery-time .shipping-methods {
    border-bottom: 1px dashed #cecece;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
}

.piranya-shop-order-create .cart .shipping.has-pickable-delivery-time > .piranya-shop-checkout-data-shippingmethod,
.piranya-shop-order-create .cart .shipping.has-pickable-delivery-time > .piranya-shop-checkout-data-shippingmethod > div[data-view-name="Shop.Checkout.DesiredDeliveryTimeField"],
.piranya-shop-order-create .cart .shipping.has-pickable-delivery-time > .piranya-shop-checkout-data-shippingmethod .desired-delivery-time{
    width: 100%;
}

.piranya-shop-order-create .cart > .items {
    width: 100%;
    overflow-y: auto;
}

.piranya-shop-order-create .cart > .header {
    font-size: 1.3em;
    text-align: center;
    padding-bottom: 5px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.piranya-shop-order-create .basket.empty .currency-wrapper, 
.piranya-shop-order-create .cart:not(.has-currencies) .currency-wrapper {
    display: none;
}

.piranya-shop-order-create .basket:not(.empty) > .cart.has-currencies .currency-wrapper {
    animation: fadeIn 0.8s;
}

.piranya-shop-order-create .cart.has-departments > .header {
    padding-bottom: 0;
    border-bottom: 0;
}

    .piranya-shop-order-create .basket.empty .department-wrapper, 
    .piranya-shop-order-create .cart:not(.has-departments) .department-wrapper {
        display: none;
    }

.piranya-shop-order-create .basket:not(.empty) > .cart.has-departments .department-wrapper {
    animation: fadeIn 0.8s;
}

.piranya-shop-order-create .cart .title {
    font-size: 1.1em;
    margin-bottom: 5px;
}

.piranya-shop-order-create .cart p.unavailable {
    font-size: 0.8em;
    margin-bottom: 5px;
}

.piranya-shop-order-create .cart .variant {
    font-size: 0.9em;
    margin-bottom: 5px;
    margin-left: 10px;
    clear: left;
}

.piranya-shop-order-create .cart .count {
    float: left;
    clear: left;
    margin-top: 2px;
}

.piranya-shop-order-create .cart .variant span.single-variant {
    width: 100%;
    display: block;
    float: left;
}

.piranya-shop-order-create .cart .variant:empty,
.piranya-shop-order-create .cart .variant .separator {
    display: none;
}

.piranya-shop-order-create .cart .no-items {
    display: flex;
    justify-content: center;
}

.piranya-shop-order-create .cart .product .price {
    font-size: 1em;
    margin-top: 2px;
    float: right;
    clear: right;
}

.piranya-shop-order-create .cart .product > a.delete {
    margin-bottom: 5px;
}

.piranya-shop-order-create .cart .product a.delete {
    color: #191919;
    float: right;
}

.piranya-shop-order-create .cart .product > .subtitle {
    float: left;
    margin-bottom: 10px;
}

.piranya-shop-order-create .cart .product.parent > .count,
.piranya-shop-order-create .cart .product.parent > .add-remove,
.piranya-shop-order-create .cart .product.locked > .add-remove,
.piranya-shop-order-create .cart .product.locked > a.delete {
    display: none;
}

.piranya-shop-order-create .cart .product > .content {
    width: 80%;
    margin: 0 10%;
}

.piranya-shop-order-create .cart .product > .content > .separator-bottom:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.piranya-shop-order-create .cart .product > .content .title {
    font-size: 0.9em;
}

.piranya-shop-order-create .cart .product > .content .count {
    font-size: 0.9em;
    margin-top: 3px;
}

.piranya-shop-order-create .cart .product > .content .variant {
    font-size: 0.6em;
}

.piranya-shop-order-create .cart .product > .content .price,
.piranya-shop-order-create .cart .product > .content a.delete {
    display: none;
}

.piranya-shop-order-create .basket .cart .product > .content .add-remove .fa, 
.piranya-shop-order-create .basket .cart .product > .content .delete .fa {
    font-size: 0.5em;
    padding: 6px;
}

.piranya-shop-order-create .basket.empty > .cart > .shipping,
.piranya-shop-order-create .basket > .cart > .items:empty + .shipping,
.piranya-shop-order-create .basket > .cart > .shipping:not(.has-shipping-methods):not(.has-pickable-delivery-time) {
    display: none;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper {
    position: relative;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper > p.header {
    display: inline-block;
    width: 100%;
    transition: width 1s ease;
    margin-bottom: 0;
    white-space: nowrap;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper.expandable:not(.expanded) > p.header {
    width: 10%;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper.expandable > .piranya-btn {
    max-width: 50%;
    position: absolute;
    top: -5px;
    right: 0;
    padding: 5px 10px;
    transition: opacity 0.6s ease;
    opacity: 1;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper.expandable:not(.expanded) > .piranya-btn {
    opacity: 0;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper > .shipping-methods {
    clear: both;
    padding-bottom: 10px;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper.expandable > .shipping-methods {
    max-height: 300px;
    overflow: hidden;
    transition: max-height 0.8s ease, padding 0.8s ease;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper.expandable:not(.expanded) > .shipping-methods {
    max-height: 0;
    padding-bottom: 0;
}

.piranya-shop-order-create .basket .shipping .shipping-methods-wrapper + .desired-delivery-time {
    margin-top: 0;
}

.piranya-shop-order-create .cart .totals {
    margin-top: auto;
}

.piranya-shop-order-create .cart > .actions {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
    width: 100%;
    align-self: flex-end;
}

.piranya-shop-order-create .cart  > .actions > .piranya-btn.continue {
    width: 100%;
    margin: 0;
}

.piranya-shop-order-create .cart > .actions > .return-to-shop {
    margin: 0 20px 0 0;
}

.piranya-shop-order-create .cart > .actions > .piranya-btn.return-to-shop,
.piranya-shop-order-create .cart > .actions > .piranya-btn.return-to-shop + .piranya-btn.continue {
    width: calc(50% - 10px);
    font-size: 0.8em;
}

.piranya-shop-order-create .cart .close {
    font-size: 41px;
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 1px;
    cursor: pointer;
    padding: 0 0 0 2px;
    background: none;
    border: none;
    color: black;
    transition: color 0.2s ease;
}

    .piranya-shop-order-create .cart .close:hover {
        color: #353535;
    }

.piranya-shop p.value-editable > .edit {
    padding-left: 5px;
    cursor: pointer;
}

@media (min-width: 981px) {
    .piranya-shop-order-create:not(.sidecart):not(.no-basket):not(.only-list) > .panels {
        width: calc(70% - 10px);
    }

    .piranya-shop-order-create:not(.sidecart) .basket-wrapper {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        margin-left: 20px;
        width: calc(30% - 10px);
        z-index: 0;
        max-width: none;
        box-shadow: none;
    }

    .piranya-shop-order-create:not(.sidecart) .cart > .header {
        margin-top: 0;
    }

    .piranya-shop-order-create:not(.sidecart) .basket .cart {
        height: auto;
    }

    .piranya-shop-order-create:not(.sidecart) .cart .totals {
        margin-top: 0;
    }

    .piranya-shop-order-create:not(.sidecart) .cart .totals > p {
        padding: 10px;
    }

    .piranya-shop-order-create:not(.sidecart) .cart .close {
        display: none;
    }
}
 
@media (max-width: 980px) {
    .mobile-cart-btn {
        background: white;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .mobile-cart-btn i.fa.fa-shopping-cart {
        margin-right: 10px;
    }
}

@media (max-width: 599px) {
    .piranya-shop-order-create .cart .shipping {
        display: none;
    }

    .piranya-shop-order-create .basket .cart .add-remove .fa, .piranya-shop-order-create .basket .cart .delete .fa {
        padding: 5px;
    }

    .piranya-shop-order-create .basket .cart .add-remove .fa {
        margin-top: 5px;
    }

    .piranya-shop-order-create .cart > .header:after {
        content: none;
    }
}

/* piranya/shop */
.piranya-shop .choices > .variants,
.piranya-shop .variants > *,
.piranya-shop .variants > .group > * {
    float: left;
    clear: left;
    width: 100%;
}

.piranya-shop .variants > .group:not(:first-child) {
    margin-top: 10px;
}

.piranya-shop .variants > .group > *:last-child {
    margin-bottom: 0;
}

.piranya-shop .variants > .group > .header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .piranya-shop .variants > .group > .header > .status {
        margin-left: auto;
        font-size: 0.9em;
    }

.piranya-shop .choices:not(.spacious) .variants > .group > .header + .property {
    margin-top: 5px;
}

.piranya-shop .variants > .group > select:not(:last-child) {
    width: calc(100% - 35px);
}

.piranya-shop .variants > .group > button.description {
    float: right;
    display: block;
    clear: none;
    width: auto;
    border: none;
    background: transparent;
    line-height: 1.7em;
    font-size: 1.3em;
    margin: 0;
    color: #666;
    cursor: pointer;
    transition: color 0.2s ease;
}

    .piranya-shop .variants > .group > button.description:hover {
        color: black;
    }

    .piranya-shop .variants > .group > button.description:before {
        content: "\f05a"
    }

.piranya-shop .variants > .group > .property {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.piranya-shop .variants > .group > .property > div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.piranya-shop .variants > .group > .property div.image {
    background-image: url('/content/v1.0.6946.265571/piranya/images/NoPicture.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
    min-width: 70px;
    height: 70px;
}

.piranya-shop .variants > .group > .property > div > label {
    font-size: 1em;
}

.piranya-shop .variants > .group > .property label > h4 {
    text-align: left;
}

/* Amount picker */

.piranya-shop .variants > .group > .property .stock + .amount {
    margin-left: 10px;
}

.piranya-shop .variants > .group > .property .amount {
    align-items: stretch;
}

.piranya-shop .variants > .group > .property .amount > input[type="number"] {
    flex-grow: unset;
    max-width: 45px;
}

.piranya-shop .variants > .group > .property.p-toggle-box > .amount > .disabled {
    opacity: 0;
}

/* end of amount picker */

.piranya-shop .variants p.price {
    margin-left: auto;
}

.piranya-shop .variants > .group > .property .price:not(.keep) {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.piranya-shop .variants > .group > .property.has-price .price {
    opacity: 1;
}

.piranya-shop .variants > .group > .property > .p-checkbox > label {
    flex: 2;
}

    .piranya-shop .variants > .group > .property > .p-checkbox > label > .price {
        float: right;
    }

.piranya-shop .variants > .group[data-picker="file"] label {
    display: none;
}

.piranya-shop .variants > .group[data-picker="file"] > .property .image-upload-editor {
    width: 100%;
}

.piranya-shop .variants > .group[data-picker="file"] > .property .image-wrapper:not(.no-picture) {
    width: 100%;
    margin-bottom: 10px; 
}

.piranya-shop .variants > .group[data-picker="file"] > .property .image-wrapper.no-picture {
    display: none;
}

.piranya-shop .variants > .group[data-picker="file"] > .property .remove-btn {
    margin-bottom: 10px;
    float: left;
}

.piranya-shop .variants > .group[data-picker="file"] > .property input {
    clear: both;
    float: left;
}

/* Explicit amounts (for group type 'products' and 'variation') */

.piranya-shop .choices:not(.spacious) .variants > .group[data-picker="amounts"] > .header + .property {
    margin-top: 10px;
}

.piranya-shop .variants > .group[data-picker="amounts"] > .property:not(:last-child) {
    margin-bottom: 10px;
}

.piranya-shop .variants .group[data-picker="amounts"] input[type="checkbox"] {
    display: none;
}

.piranya-shop .choices.spacious > .variants > .group[data-picker="amounts"] > .property:not(:last-child) {
    margin-bottom: 20px;
}

.piranya-shop .choices.spacious > .variants > .group[data-picker="amounts"] > .property.selected {
    background-color: rgba(128, 185, 62, 0.4);
}

.piranya-shop .choices.spacious .variants > .group:not([data-picker="amounts"]),
.piranya-shop .choices.spacious .variants > .group[data-picker="amounts"] > * {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    background-color: white;
    transition: background-color 0.6s ease;
}

    .piranya-shop .choices.spacious .variants > .group:not([data-picker="amounts"]):not(:last-child),
    .piranya-shop .choices.spacious .variants > .group[data-picker="amounts"] > *:not(:last-child) {
        margin-bottom: 20px;
    }

@media screen and (max-width: 480px) {
    .piranya-shop .variants > .group[data-picker="amounts"] > .property {
        flex-direction: column;
        align-items: initial;
    }

    .piranya-shop .variants > .group[data-picker="amounts"] > .property:not(:last-child) {
        margin-bottom: 20px;
    }

    .piranya-shop .variants > .group[data-picker="amounts"] > .property p.price,
    .piranya-shop .variants > .group[data-picker="amounts"] > .property .amount {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

/* end of explicit amounts picker */

/* Text variants */

.piranya-shop .variants > .group[data-picker="text"] label {
    display: none;
}

.piranya-shop .variants > .group[data-picker="text"] > .property > div,
.piranya-shop .variants > .group[data-picker="text"] > .property textarea {
    width: 100%;
}

/* end of text variants */

.piranya-shop .choices.spacious .group > .header > .title {
    margin-left: auto;
    font-size: 2em;
}

.piranya-shop .choices.spacious .variants > .group > .property div.image {
    margin-right: 20px;
    min-width: 100px;
    height: 100px;
}

.piranya-shop .choices.spacious .variants > .group > .property > div > label {
    font-size: 1.1em;
}

/* piranya/shop */
.piranya-shop-currencies.select, .piranya-country.select {
    display: flex;
    align-items: center;
    width: 100%;
}

    .piranya-shop-currencies.select .currency-flag, .piranya-country.select .country-flag {
        height: 50px;
        width: 50px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: inherit;
    }

    .piranya-country.select .country-flag {
        margin-right: 10px;
    }

/* piranya/grid-responsive */


.piranya-grid
{
    width: 100%;
}

.piranya-grid > .p-layout-container {
    min-height: 1px;
}

.piranya-section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.piranya-group:before,
.piranya-group:after {
    content: "";
    display: table;
}

.piranya-group:after {
    clear: both;
}

.piranya-group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.piranya-col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.piranya-col:first-child {
    margin-left: 0;
}

.piranya-col.align {
    text-align: center;
}

.piranya-col > .align {
    margin: 0 auto;
    float: none;
    text-align: initial;
}

/* all browsers except IE6 and lower */

/*Grid*/
/*  GRID OF ONE   ============================================================================= */
.span_1_of_1 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_1_of_2 {
    width: 49.2%;
}

/*  GRID OF THREE   ============================================================================= */
.span_3_of_3 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_2_of_3 {
    width: 66.1333333333333%;
}

.span_1_of_3 {
    width: 32.2666666666667%;
}

/*  GRID OF FOUR   ============================================================================= */
.span_4_of_4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_3_of_4 {
    width: 74.6%;
}

.span_2_of_4 {
    width: 49.2%;
}

.span_1_of_4 {
    width: 23.8%;
}

/*  GRID OF FIVE   ============================================================================= */
.span_5_of_5 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_4_of_5 {
    width: 79.68%;
}

.span_3_of_5 {
    width: 59.36%;
}

.span_2_of_5 {
    width: 39.04%;
}

.span_1_of_5 {
    width: 18.72%;
}

/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_5_of_6 {
    width: 83.0666666666667%;
}

.span_4_of_6 {
    width: 66.13333333333333%;
}

.span_3_of_6 {
    width: 49.2%;
}

.span_2_of_6 {
    width: 32.2666666666667%;
}

.span_1_of_6 {
    width: 15.3333333333333%;
}

/*  GRID OF SEVEN   ============================================================================= */
.span_7_of_7 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_6_of_7 {
    width: 85.4857142857143%;
}

.span_5_of_7 {
    width: 70.9714285714286%;
}

.span_4_of_7 {
    width: 56.4571428571429%;
}

.span_3_of_7 {
    width: 41.9428571428572%;
}

.span_2_of_7 {
    width: 27.4285714285714%;
}

.span_1_of_7 {
    width: 12.9142857142857%;
}

/*  GRID OF EIGHT   ============================================================================= */
.span_8_of_8 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_7_of_8 {
    width: 87.3%;
}

.span_6_of_8 {
    width: 74.6%;
}

.span_5_of_8 {
    width: 61.9%;
}

.span_4_of_8 {
    width: 49.2%;
}

.span_3_of_8 {
    width: 36.5%;
}

.span_2_of_8 {
    width: 23.8%;
}

.span_1_of_8 {
    width: 11.1%;
}

/*  GRID OF NINE   ============================================================================= */
.span_9_of_9 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_8_of_9 {
    width: 88.7111111111111%;
}

.span_7_of_9 {
    width: 77.4222222222222%;
}

.span_6_of_9 {
    width: 66.1333333333333%;
}

.span_5_of_9 {
    width: 54.8444444444444%;
}

.span_4_of_9 {
    width: 43.5555555555556%;
}

.span_3_of_9 {
    width: 32.2666666666667%;
}

.span_2_of_9 {
    width: 20.9777777777778%;
}

.span_1_of_9 {
    width: 9.68888888888889%;
}

/*  GRID OF TEN   ============================================================================= */
.span_10_of_10 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_9_of_10 {
    width: 89.84%;
}

.span_8_of_10 {
    width: 79.68%;
}

.span_7_of_10 {
    width: 69.52%;
}

.span_6_of_10 {
    width: 59.36%;
}

.span_5_of_10 {
    width: 49.2%;
}

.span_4_of_10 {
    width: 39.04%;
}

.span_3_of_10 {
    width: 28.88%;
}

.span_2_of_10 {
    width: 18.72%;
}

.span_1_of_10 {
    width: 8.56%;
}

/*  GRID OF ELEVEN   ============================================================================= */
.span_11_of_11 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_10_of_11 {
    width: 90.7636363636364%;
}

.span_9_of_11 {
    width: 81.5272727272727%;
}

.span_8_of_11 {
    width: 72.2909090909091%;
}

.span_7_of_11 {
    width: 63.0545454545455%;
}

.span_6_of_11 {
    width: 53.8181818181818%;
}

.span_5_of_11 {
    width: 44.5818181818182%;
}

.span_4_of_11 {
    width: 35.3454545454545%;
}

.span_3_of_11 {
    width: 26.1090909090909%;
}

.span_2_of_11 {
    width: 16.8727272727273%;
}

.span_1_of_11 {
    width: 7.63636363636364%;
}

/*  GRID OF TWELVE   ============================================================================= */
.span_12_of_12 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.span_11_of_12 {
    width: 91.5333333333333%;
}

.span_10_of_12 {
    width: 83.0666666666667%;
}

.span_9_of_12 {
    width: 74.6%;
}

.span_8_of_12 {
    width: 66.1333333333333%;
}

.span_7_of_12 {
    width: 57.6666666666667%;
}

.span_6_of_12 {
    width: 49.2%;
}

.span_5_of_12 {
    width: 40.7333333333333%;
}

.span_4_of_12 {
    width: 32.2666666666667%;
}

.span_3_of_12 {
    width: 23.8%;
}

.span_2_of_12 {
    width: 15.3333333333333%;
}

.span_1_of_12 {
    width: 6.86666666666667%;
}

.span_1_of_1 > .align, .span_2_of_2 > .align, .span_3_of_3 > .align, .span_4_of_4 > .align, .span_5_of_5 > .align, .span_6_of_6 > .align, .span_7_of_7 > .align, 
.span_8_of_8 > .align, .span_9_of_9 > .align, .span_10_of_10 > .align, .span_11_of_11 > .align, .span_12_of_12 > .align  {
    margin: 0;
    float: left;
    clear: both;
}

@media (min-width: 980px) {
    .span_1_of_2:nth-child(-n+2), .span_1_of_3:nth-child(-n+3), .span_1_of_4:nth-child(-n+4),
    .span_1_of_5:nth-child(-n+5), .span_1_of_6:nth-child(-n+6), .span_1_of_7:nth-child(-n+7), .span_1_of_8:nth-child(-n+8),
    .span_1_of_9:nth-child(-n+9), .span_1_of_10:nth-child(-n+10), .span_1_of_11:nth-child(-n+11), .span_1_of_12:nth-child(-n+12) {
        margin-top: 0;
    }

    .span_1_of_2:nth-last-child(-n+2), .span_1_of_3:nth-last-child(-n+3), .span_1_of_4:nth-last-child(-n+4),
    .span_1_of_5:nth-last-child(-n+5), .span_1_of_6:nth-last-child(-n+6), .span_1_of_7:nth-last-child(-n+7), .span_1_of_8:nth-last-child(-n+8),
    .span_1_of_9:nth-last-child(-n+9), .span_1_of_10:nth-last-child(-n+10), .span_1_of_11:nth-last-child(-n+11), .span_1_of_12:nth-last-child(-n+12) {
        margin-bottom: 0;
    }

    .span_1_of_2:nth-child(2n+1), .span_1_of_3:nth-child(3n+1), .span_1_of_4:nth-child(4n+1),
    .span_1_of_5:nth-child(5n+1), .span_1_of_6:nth-child(6n+1), .span_1_of_7:nth-child(7n+1), .span_1_of_8:nth-child(8n+1),
    .span_1_of_9:nth-child(9n+1), .span_1_of_10:nth-child(10n+1), .span_1_of_11:nth-child(11n+1), .span_1_of_12:nth-child(12n+1) {
        clear: both;
        margin-left: 0;
    }

    .span_1_of_2:nth-child(2n+1) > .align, .span_1_of_3:nth-child(3n+1) > .align, .span_1_of_4:nth-child(4n+1) > .align,
    .span_1_of_5:nth-child(5n+1) > .align, .span_1_of_6:nth-child(6n+1) > .align, .span_1_of_7:nth-child(7n+1) > .align, .span_1_of_8:nth-child(8n+1) > .align,
    .span_1_of_9:nth-child(9n+1) > .align, .span_1_of_10:nth-child(10n+1) > .align, .span_1_of_11:nth-child(11n+1) > .align, .span_1_of_12:nth-child(12n+1) > .align {
        margin: 0;
        float: left;
    }

    .span_1_of_2:nth-child(2n) > .align, .span_1_of_3:nth-child(3n) > .align, .span_1_of_4:nth-child(4n) > .align,
    .span_1_of_5:nth-child(5n) > .align, .span_1_of_6:nth-child(6n) > .align, .span_1_of_7:nth-child(7n) > .align, .span_1_of_8:nth-child(8n) > .align,
    .span_1_of_9:nth-child(9n) > .align, .span_1_of_10:nth-child(10n) > .align, .span_1_of_11:nth-child(11n) > .align, .span_1_of_12:nth-child(12n) > .align {
        margin: 0;
        float: right;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 481px) and (max-width: 980px) {
    .span_1_of_2 {
        width: 100%;
    }
    
    .span_1_of_2 {
        margin: 1% 0 1% 0%;
    }
    
    .span_1_of_3, .span_1_of_4, .span_1_of_5, .span_1_of_6, .span_1_of_7, .span_1_of_8, .span_1_of_9, .span_1_of_10, .span_1_of_11, .span_1_of_12 {
        width: 49.2%;
    }

    .span_1_of_3:nth-child(-n+2), .span_1_of_4:nth-child(-n+2), .span_1_of_5:nth-child(-n+2), 
    .span_1_of_6:nth-child(-n+2), .span_1_of_7:nth-child(-n+2), .span_1_of_8:nth-child(-n+2),
    .span_1_of_9:nth-child(-n+2), .span_1_of_10:nth-child(-n+2), .span_1_of_11:nth-child(-n+2), .span_1_of_12:nth-child(-n+2) {
        margin-top: 0;
    }

    .span_1_of_3:nth-last-child(-n+2), .span_1_of_4:nth-last-child(-n+2), .span_1_of_5:nth-last-child(-n+2), 
    .span_1_of_6:nth-last-child(-n+2), .span_1_of_7:nth-last-child(-n+2), .span_1_of_8:nth-last-child(-n+2),
    .span_1_of_9:nth-last-child(-n+2), .span_1_of_10:nth-last-child(-n+2), .span_1_of_11:nth-last-child(-n+2), .span_1_of_12:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    .span_1_of_3:nth-child(2n+1), .span_1_of_4:nth-child(2n+1), .span_1_of_5:nth-child(2n+1), 
    .span_1_of_6:nth-child(2n+1), .span_1_of_7:nth-child(2n+1), .span_1_of_8:nth-child(2n+1),
    .span_1_of_9:nth-child(2n+1), .span_1_of_10:nth-child(2n+1), .span_1_of_11:nth-child(2n+1), .span_1_of_12:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }

    .span_1_of_2 > .align, .span_1_of_3:nth-child(2n+1) > .align, .span_1_of_4:nth-child(2n+1) > .align,
    .span_1_of_5:nth-child(2n+1) > .align, .span_1_of_6:nth-child(2n+1) > .align, .span_1_of_7:nth-child(2n+1) > .align, .span_1_of_8:nth-child(2n+1) > .align,
    .span_1_of_9:nth-child(2n+1) > .align, .span_1_of_10:nth-child(2n+1) > .align, .span_1_of_11:nth-child(2n+1) > .align, .span_1_of_12:nth-child(2n+1) > .align {
        margin: 0;
        float: left;
    }

    .span_1_of_3:nth-child(2n) > .align, .span_1_of_4:nth-child(2n) > .align,
    .span_1_of_5:nth-child(2n) > .align, .span_1_of_6:nth-child(2n) > .align, .span_1_of_7:nth-child(2n) > .align, .span_1_of_8:nth-child(2n) > .align,
    .span_1_of_9:nth-child(2n) > .align, .span_1_of_10:nth-child(2n) > .align, .span_1_of_11:nth-child(2n) > .align, .span_1_of_12:nth-child(2n) > .align {
        margin: 0;
        float: right;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {
        width: 100%;
    }

    .span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_1, .span_1_of_11 {
        width: 100%;
    }

    .span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10 {
        width: 100%;
    }

    .span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9 {
        width: 100%;
    }

    .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 {
        width: 100%;
    }

    .span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7 {
        width: 100%;
    }

    .span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 {
        width: 100%;
    }

    .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 {
        width: 100%;
    }

    .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {
        width: 100%;
    }

    .span_3_of_3, .span_2_of_3, .span_1_of_3 {
        width: 100%;
    }

    .span_2_of_2, .span_1_of_2 {
        width: 100%;
    }

    .piranya-col {
        margin: 1% 0 1% 0%;
    }

    .piranya-col:first-child {
        margin-top: 0;
    }

    .piranya-col:last-child {
        margin-bottom: 0;
    }

    .piranya-col.align > .align {
        margin: 0;
        float: left;
    }
}

@supports (display: grid) {
    .piranya-grid[data-column-count]:not([data-auto-position]):not([data-auto-align-columns="True"]):not([data-positioned="true"]) {
        display: grid;
        grid-gap: 15px;
    }

    .piranya-grid[data-column-count="1"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .piranya-grid[data-column-count="2"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
        grid-template-columns: repeat(2, 1fr);
    }

    .piranya-grid[data-column-count="3"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
        grid-template-columns: repeat(3, 1fr);
    }

    .piranya-grid[data-column-count="4"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
        grid-template-columns: repeat(4, 1fr);
    }

    .piranya-grid[data-column-count="5"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
        grid-template-columns: repeat(5, 1fr);
    }

    .piranya-grid[data-column-count="6"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
        grid-template-columns: repeat(6, 1fr);
    }

    .piranya-grid[data-column-count]:not([data-auto-position]):not([data-auto-align-columns="True"]) > .piranya-col {
        width: 100%;
        margin: 0;
    }

    @media only screen and (max-width: 980px) {
        .piranya-grid[data-column-count="2"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
            grid-template-columns: 1fr;
            grid-auto-rows: auto;
        }

        .piranya-grid[data-column-count="3"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
            grid-template-columns: repeat(2, 1fr);
        }

        .piranya-grid[data-column-count="4"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
            grid-template-columns: repeat(3, 1fr);
        }

        .piranya-grid[data-column-count="5"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
            grid-template-columns: repeat(4, 1fr);
        }

        .piranya-grid[data-column-count="6"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media only screen and (max-width: 480px) {
        .piranya-grid[data-column-count]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
            grid-template-columns: 1fr;
            grid-auto-rows: auto;
        }
    }
}

/* /content/dynamic/16.css */
.piranya-btn
{
    background-color: #b41522;
    font-family: 'Frutiger';
    font-size: 1.2em;
    letter-spacing: 1px;
      -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
  float: left;
  text-align: center;
  clear: both;
  padding:20px 10px;
width:100%;
margin-top:20px;
box-sizing: border-box;

}
a.piranya-btn
{
    text-decoration: none;
}
.piranya-btn:hover
{
    background-color: #910d18;
}
input[type="text"], input[type="password"], textarea, textarea.piranya-txt
{
    width: 100%;
    font-family: 'lato-light-webfont';
    font-weight: bold;

    box-sizing: border-box;
}
.piranya-view-form-wrapper input[type="submit"]
{
    width: 100%;
}
input[type="submit"]
{
    -webkit-appearance: none;
}
textarea
{
    min-height: 100px;
}

/* /content/dynamic/17.css */
@font-face {
    font-family: 'Bitter_bold';
    src: url('/file/5332');
    src: url('/file/5332?#iefix') format('embedded-opentype'),
         url('/file/5335') format('woff'),
         url('/file/5334') format('truetype'),
         url('/file/5333#Bitter_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bitter_regular';
    src: url('/file/5336');
    src: url('/file/5336?#iefix') format('embedded-opentype'),
         url('/file/5339') format('woff'),
         url('/file/5338') format('truetype'),
         url('/file/5337#Bitter_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Trajan_Regular';
    src: url('/file/5301');
    src: url('/file/5301?#iefix') format('embedded-opentype'),
         url('/file/5304') format('woff'),
         url('/file/5303') format('truetype'),
         url('/file/5302#Trajan_Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
p 
{
    font-family:'frutiger';
    font-size: .9em;
}
.caption .tp-caption .very_big_white p
{
    font-family:'Trajan_Regular';
}
a 
{
    font-family:'Myriadpro_regular';
    text-decoration: none;
    color: #ff7f40;
}

ul
{
    list-style-type: none;
}
li > p
{
    background: url('/image/1339') center left no-repeat;
}
li > p
{
    padding-left: 15px;
}

h1
{
    font-size:2.5em;
    font-family:'Brugsen';
    text-transform:uppercase;
    font-weight:normal;
}
h2
{
    font-size:1.7em;
    font-family:'Bitter_bold';
    text-transform:uppercase;
}

/* /content/dynamic/35.css */
div.piranya-shop.book .section-wrapper:not(:last-child) {
    margin-bottom: 40px;
}

div.piranya-shop.book .section-wrapper > .title
{
    margin-bottom: 10px;
}

.piranya-shop.book .grid-section > .schedule-variants .title {
    font-size: 1em;
    font-family: 'Bitter_bold';
    text-transform: uppercase;
}

.piranya-shop.book .grid-section > .schedule-variants .description {
    display: none;
}

div.piranya-shop.book .acquisitions .products-wrapper .acquisition-product .img-wrapper {
    height: 219px;
}

div.piranya-shop.book .acquisitions .products-wrapper .acquisition-product .img-wrapper.no-picture {
    background-image: url('http://www.broenderslevhallen.dk/wp-content/uploads/2017/04/icon512px.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

div.piranya-shop.book .acquisitions .products-wrapper .acquisition-product .img-wrapper.no-picture > img {
    display: none;   
}

div.piranya-shop.book .acquisitions .products-wrapper .acquisition-product .title {
    margin-bottom: 12px;
}

/*.piranya-shop.book .acquisitions .to-checkout {
    display: none;
}*/

div.piranya-shop.book .acquisitions .menu > .cart
{
    min-height: 345px;
}

div.piranya-shop.book .acquisitions .acquisition-product img {
    max-height: 215px;
    margin-top: 5px;
}

@media (min-width: 768px) {
    div.piranya-shop.book .acquisitions .products-wrapper .acquisition-product {
        min-height: 333px;
    }
}

@media (min-width: 768px) and (max-width: 1058px) {
    div.piranya-shop.book .acquisitions .menu > .cart {
        min-height: 318px;
    }
}

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

/* /content/dynamic/39.css */
/* One step checkout */

.piranya-view-shop-checkout-confirm.one-step > .piranya-view-description {
    display: none;
}

.piranya-view-shop-checkout-confirm.one-step .piranya-input-container[data-field="invoicingprofile:company_identifier"] {
    display: none;
}

.piranya-shop-product-stock-wrapper {
    display: none;
}

p.step-headline
{
    margin-bottom: 0;
    color: #2d2d2c;
}

div.step-wrapper
{
    border: 1px solid #2d2d2c;
    box-sizing: border-box;
    background-color: white;
}

div.step-header
{
    background-color: transparent;
    border-bottom: 1px dashed #3f3939;
    padding-bottom: 1%;
}

.piranya-label-show-delivery {
    display: none;
}

/* piranya/facebook */
.piranya-facebook-link {
    display: block;
    width: 267px;
    margin: 0px auto;
    height: 50px;
    background: url('/PiranyaPlatform/Resources/facebook.loginimage');
    background-repeat: no-repeat;
    float: none;
}

/* Comments */

.piranya-facebook.comment.create {
    text-align: center;
}

    .piranya-facebook.comment.create > * {
        margin: 0 auto 10px 0;
        float: none;
        display: inline-block;
    }

    .piranya-facebook.comment.create > .reason {
        width: 100%;
        font-size: 1.2em;
    }

    .piranya-facebook.comment.create > .piranya-btn {
        width: auto;
        clear: both;
        margin-top: 40px;
    }

    .piranya-facebook.comment.create > .piranya-btn + .piranya-btn {
        margin-left: 10px;
    }

    .piranya-facebook.comment.create > .indicator-title {
        width: 100%;
        margin-top: 40px;
    }

/* end of Comments */

/* /content/dynamic/41.css */
#footer a
{
    color:white;
    font-family:'FrutigerNextPro';
    font-size:14px;
}

#footer
{
    width: 100%;
    display: none;

}
#upper-footer
{
    min-height: 400px;
    padding-top: 20px;
    width: 100%;
    background-color: #2a2a2a;
    padding-top:30px;
}
#lower-footer
{
    height: 50px;
    display: table;
    width: 100%;
    background-color:#2a2a2a;
    border-top:1px solid #494949;
}
#lower-footer p
{

    color: white;
    line-height: 100%;
    width: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-family:'FrutigerNextPro';
    font-size:12px;
}
#upper-footer .piranya-col a,#upper-footer .piranya-col p
{
    color: white;
    font-family:'FrutigerNextPro';
    color: white;
    font-size:14px;
    display:inline-block;
}

#upper-footer .piranya-col h2
{
    font-size:1.5em;
    color:white;
    margin-bottom:20px;
    font-family:'FrutigerNextProBold';
    font-weight:normal;
    
    
}

#upper-footer .piranya-col .fa
{
    color: white;
    font-size:0.8em;
  
    margin-right:10px;
    margin-top:6px;
    
}
.icon-text-wrapper
{
    width:100%;
        padding-top:10px;
}


.icon-text-wrapper-large
{
    width:100%;
    border-bottom:1px solid #494949;
    padding:10px 0px;
}

/* ~/Content/dynamic/sitetheme */
.piranya-shop.book .piranya-booking-overview .slots > .selection {
    background-color: #002143;
    color: #ffffff;
}

.piranya-shop.book .acquisitions .menu ul {
    background-color: #333333;
}

.piranya-shop.book .acquisitions .menu ul li > p.selected {
    background-color: #002143;
    color: #ffffff;
}

.piranya-shop.book .acquisitions .menu ul li > p:hover {
    background-color: #ff7f40;
    color: #ffffff;
}

.piranya-shop.book .acquisitions .products-wrapper .acquisition-product,
.piranya-shop.book .acquisitions .cart {
    background-color: #ffffff;
}

.piranya-shop.book .acquisitions .cart:first-child {
    background-color: #333333;
}

.piranya-shop.book .acquisitions .acquisition-product > a.variant-text-button,
.piranya-shop.book .acquisitions .acquisition-product .price,
.acquisition-product p,
.add-to-cart-wrapper i,
.piranya-shop.book .acquisitions .total-price,
.piranya-shop.book .acquisitions .cart .items > .product,
.piranya-shop.book .acquisitions .cart .items > .product > p,
.piranya-shop.book .acquisitions .cart .product i {
    color: #333333;
}

.piranya-shop.book .acquisitions .cart .items > .product {
    border-color: #333333;
}

.piranya-shop.book .acquisitions .cart:first-child .items > .product,
.piranya-shop.book .acquisitions .cart:first-child .items > .product > p {
    color: #ffffff;
    border-color: #ffffff;
}

.piranya-shop.book .acquisitions .cart:first-child .total-price,
.piranya-shop.book .acquisitions .cart:first-child .product i {
    color: #ffffff;
}

.add-to-cart-wrapper i:hover,
.piranya-shop.book .acquisitions .cart .product i:hover {
    color: #ff7f40;
}

.piranya-shop.book .piranya-btn-redeem-code {
    background-color: #002143;
    color: #ffffff;
}

.piranya-shop.book .piranya-btn-redeem-code:hover {
    background-color: #ff7f40;
    color: #ffffff;
}