/* ~/Content/piranya/default.scss */
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 {
width: 100%; }
.piranya-view > .piranya-breadcrumb-wrapper,
.piranya-view > .piranya-view-content,
.piranya-view > .piranya-view-description,
.piranya-view > .piranya-view-headline {
float: left;
clear: both;
width: 100%; }
.piranya-view > .piranya-breadcrumb-wrapper + .piranya-breadcrumb-wrapper,
.piranya-view > .piranya-view-content + .piranya-breadcrumb-wrapper,
.piranya-view > .piranya-view-description + .piranya-breadcrumb-wrapper,
.piranya-view > .piranya-view-headline + .piranya-breadcrumb-wrapper {
margin-top: 5px; }
.piranya-view > div.piranya-view-headline {
align-items: flex-start;
display: flex;
flex-direction: row; }
.piranya-view > div.piranya-view-headline > .actions {
margin-left: auto; }
#piranya-page > .piranya-view {
align-items: center;
display: flex;
flex-direction: column; }
#piranya-page > .piranya-view > .piranya-view-center {
align-items: center;
box-sizing: border-box;
display: flex;
flex: 0 1;
flex-direction: column; }
#piranya-page > .piranya-view > .piranya-breadcrumb-wrapper,
#piranya-page > .piranya-view > .piranya-view-content,
#piranya-page > .piranya-view > .piranya-view-description,
#piranya-page > .piranya-view > .piranya-view-headline {
max-width: 1200px; }
body.browser-is-microsoft-internet-explorer #piranya-page > .piranya-view > .piranya-view-center {
flex: none; }
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.8158.153201/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; }
.p-table {
display: flex;
flex-wrap: wrap;
margin: 0 0 3em 0;
padding: 0;
width: 100%; }
.p-table .p-table-cell {
border: 1px solid #666666;
box-sizing: border-box;
display: block;
flex-grow: 1;
float: left;
list-style: none;
margin: 0;
padding: 0.8em 1.2em;
overflow: hidden;
width: 100%; }
.p-table .p-table-cell > h1, .p-table .p-table-cell > h2, .p-table .p-table-cell > h3, .p-table .p-table-cell > h4, .p-table .p-table-cell > h5, .p-table .p-table-cell > h6 {
margin: 0; }
.p-table .p-table-cell.actions {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly; }
.p-table.p-table--2cols > .p-table-cell {
width: 50%; }
.p-table.p-table--2cols > .p-table-cell.p-table-cell--span2 {
width: 100%; }
.p-table.p-table--3cols > .p-table-cell {
width: 33.33%; }
.p-table.p-table--3cols > .p-table-cell.p-table-cell--span2 {
width: 66.66%; }
.p-table.p-table--3cols > .p-table-cell.p-table-cell--span3 {
width: 100%; }
.p-table.p-table--4cols > .p-table-cell {
width: 25%; }
.p-table.p-table--4cols > .p-table-cell.p-table-cell--span2 {
width: 50%; }
.p-table.p-table--4cols > .p-table-cell.p-table-cell--span3 {
width: 75%; }
.p-table.p-table--4cols > .p-table-cell.p-table-cell--span4 {
width: 100%; }
.p-table.p-table--5cols > .p-table-cell {
width: 20%; }
.p-table.p-table--5cols > .p-table-cell.p-table-cell--span2 {
width: 40%; }
.p-table.p-table--5cols > .p-table-cell.p-table-cell--span3 {
width: 60%; }
.p-table.p-table--5cols > .p-table-cell.p-table-cell--span4 {
width: 80%; }
.p-table.p-table--5cols > .p-table-cell.p-table-cell--span5 {
width: 100%; }
.p-table.p-table--6cols > .p-table-cell {
width: 16.66%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span2 {
width: 33.32%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span3 {
width: 50%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span4 {
width: 66.66%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span5 {
width: 83.32%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span6 {
width: 100%; }
@media all and (min-width: 600px) {
.p-table > .p-table-cell:not(.p-table-cell--head) {
border-left: none; }
.p-table.p-table--2cols > .p-table-cell:nth-child(n+3),
.p-table.p-table--3cols > .p-table-cell:nth-child(n+4),
.p-table.p-table--4cols > .p-table-cell:nth-child(n+5),
.p-table.p-table--5cols > .p-table-cell:nth-child(n+6),
.p-table.p-table--6cols > .p-table-cell:nth-child(n+7),
.p-table > .p-table-cell--header ~ .p-table-cell[data-row] {
border-top: none; } }
@media all and (max-width: 599px) {
.p-table {
display: block; }
.p-table > .p-table-cell {
width: 100% !important; }
.p-table > .p-table-cell.p-table-cell--header {
display: none; }
.p-table > .p-table-cell:not(.p-table-cell--head) {
border-top: none; }
.p-table > .p-table-cell--foot {
margin-bottom: 1em; } }
/* ~/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;
}
}
@keyframes bounce-scale-increase-minor {
0% {
transform: scale(1);
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
/**
* ----------------------------------------
* animation bounce-in-top
* ----------------------------------------
*/
@-webkit-keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
/**
* ----------------------------------------
* animation bounce-in-left
* ----------------------------------------
*/
@-webkit-keyframes bounce-in-left {
0% {
-webkit-transform: translateX(-600px);
transform: translateX(-600px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateX(-68px);
transform: translateX(-68px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateX(-28px);
transform: translateX(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-left {
0% {
-webkit-transform: translateX(-600px);
transform: translateX(-600px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateX(-68px);
transform: translateX(-68px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateX(-28px);
transform: translateX(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
/**
* ----------------------------------------
* animation slide-in-left
* ----------------------------------------
*/
@-webkit-keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
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.scss */
.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: not-allowed;
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 {
padding: 6px 5px;
margin: 0;
font-size: 1em;
border-radius: 0;
box-sizing: border-box;
width: 100%; }
.piranya-select:focus {
font-size: 1em; }
.piranya-txt,
.piranya-textarea {
box-sizing: border-box;
font-size: 1em;
padding: 0.36em 0.32em; }
.piranya-txt.disabled,
.piranya-textarea.disabled {
background-color: #ebebe4;
pointer-events: none; }
.piranya-error-container {
width: 100%;
margin-bottom: 10px; }
.piranya-label-must-be-filled {
color: red; }
.validation-message {
color: red; }
/* p-icon-button */
.p-icon-button {
box-sizing: border-box;
float: left;
border-radius: 0.5em;
display: flex;
align-items: center;
text-decoration: none; }
.p-icon-button:hover {
text-decoration: none; }
.p-icon-button > .icon {
font-size: 1.3em; }
.p-icon-button > .icon + .action {
margin-left: 0.63em; }
.p-icon-button > .action {
float: right;
font-size: 0.8em; }
.p-icon-button.with-separator > .action {
border-style: solid;
border-width: 0 0 0 1px;
padding-left: 0.63em; }
.p-icon-button.with-background {
padding: 0.5em; }
.p-icon-button.with-background > .icon {
text-shadow: 0.133em 0.133em 0.4em black; }
/* end of p-icon-button */
/* 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 {
box-sizing: border-box;
cursor: pointer;
display: inline-block;
line-height: 20px;
padding-left: 28px;
padding-top: 2px;
position: relative;
width: 100%; }
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); }
.piranya-input-container.p-checkbox > input[type="checkbox"][disabled] + label {
cursor: default;
opacity: 0.3; }
/* end of p-radio and p-checkbox */
/* p-checkbox-button */
label.p-checkbox-button {
overflow: hidden;
position: relative; }
label.p-checkbox-button > input {
position: absolute;
left: -9999px; }
label.p-checkbox-button > span.status {
display: flex;
flex-flow: row nowrap;
padding: 0.5em 0.3em;
text-align: center;
transition: background-color 0.5s ease, color 0.5s ease; }
label.p-checkbox-button > span.status > span {
box-sizing: border-box;
color: inherit;
flex: none;
opacity: 0;
width: 100%; }
label.p-checkbox-button > span.status > span:not(:first-child) {
margin-left: -100%; }
label.p-checkbox-button > input:checked + span.status {
background: #34b257;
color: white; }
label.p-checkbox-button > input:checked + span.status > span.checked {
opacity: 1; }
label.p-checkbox-button > input:not(:checked) + span.status > span.unchecked {
opacity: 1; }
/* end of p-checkbox-button */
.p-switch {
display: inline-block;
height: 2.125em;
position: relative;
width: 3.75em; }
.p-switch > input {
opacity: 0;
width: 0;
height: 0; }
.p-switch > input:checked + .slider {
background-color: #2196F3; }
.p-switch > input:checked + .slider:before {
transform: translateX(1.625em); }
.p-switch > input[disabled] + .slider {
opacity: 0.4; }
.p-switch > input:focus + .slider {
box-shadow: 0 0 1px #2196F3; }
.p-switch > .slider {
border-radius: 2.125em;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
position: absolute;
transition: .4s; }
.p-switch > .slider:before {
border-radius: 50%;
position: absolute;
content: "";
height: 1.625em;
width: 1.625em;
left: 0.25em;
bottom: 0.25em;
background-color: white;
transition: .4s; }
/* 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 {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
float: left;
margin: 0;
border: 1px solid #ececec;
border-radius: 2px;
padding: 7px 9px;
box-sizing: border-box;
transition: all 0.5s ease;
max-height: 60px;
overflow: hidden;
width: 100%; }
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 > div.p-checkbox,
ul.p-toggle-boxes > li > div.p-radio,
div.p-toggle-box > div.p-checkbox,
div.p-toggle-box > div.p-radio {
cursor: pointer;
flex: 1;
float: left;
width: 100%; }
ul.p-toggle-boxes > li > div.p-checkbox > input[type="checkbox"],
div.p-toggle-box > div.p-checkbox > input[type="checkbox"] {
cursor: pointer; }
ul.p-toggle-boxes > li > div.p-radio > input[type="radio"],
div.p-toggle-box > div.p-radio > input[type="radio"] {
cursor: pointer; }
ul.p-toggle-boxes > li > .content,
ul.p-toggle-boxes > li > div.p-checkbox > .content,
ul.p-toggle-boxes > li > div.p-radio > .content,
div.p-toggle-box > .content,
div.p-toggle-box > div.p-checkbox > .content,
div.p-toggle-box > div.p-radio > .content {
float: left;
padding: 0;
width: 100%; }
ul.p-toggle-boxes > li > .content > .choice,
ul.p-toggle-boxes > li > div.p-checkbox > .content > .choice,
ul.p-toggle-boxes > li > div.p-radio > .content > .choice,
div.p-toggle-box > .content > .choice,
div.p-toggle-box > div.p-checkbox > .content > .choice,
div.p-toggle-box > div.p-radio > .content > .choice {
float: left;
width: 100%; }
ul.p-toggle-boxes > li > .right,
ul.p-toggle-boxes > li > div.p-checkbox > .right,
ul.p-toggle-boxes > li > div.p-radio > .right,
div.p-toggle-box > .right,
div.p-toggle-box > div.p-checkbox > .right,
div.p-toggle-box > div.p-radio > .right {
float: right;
margin-left: auto;
padding: 0; }
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,
ul.p-toggle-boxes > li > div.p-checkbox > *,
ul.p-toggle-boxes > li > div.p-checkbox > .content .choice,
ul.p-toggle-boxes > li > div.p-checkbox > .right.choice,
ul.p-toggle-boxes > li > div.p-checkbox > .right .choice,
ul.p-toggle-boxes > li > div.p-radio > *,
ul.p-toggle-boxes > li > div.p-radio > .content .choice,
ul.p-toggle-boxes > li > div.p-radio > .right.choice,
ul.p-toggle-boxes > li > div.p-radio > .right .choice,
div.p-toggle-box > *,
div.p-toggle-box > .content .choice,
div.p-toggle-box > .right.choice,
div.p-toggle-box > .right .choice,
div.p-toggle-box > div.p-checkbox > *,
div.p-toggle-box > div.p-checkbox > .content .choice,
div.p-toggle-box > div.p-checkbox > .right.choice,
div.p-toggle-box > div.p-checkbox > .right .choice,
div.p-toggle-box > div.p-radio > *,
div.p-toggle-box > div.p-radio > .content .choice,
div.p-toggle-box > div.p-radio > .right.choice,
div.p-toggle-box > div.p-radio > .right .choice {
opacity: 1;
transition: all 0.5s ease; }
ul.p-toggle-boxes > li.selected:not(.disabled),
ul.p-toggle-boxes > li > div.p-checkbox.selected:not(.disabled),
ul.p-toggle-boxes > li > div.p-radio.selected:not(.disabled),
div.p-toggle-box.selected:not(.disabled),
div.p-toggle-box > div.p-checkbox.selected:not(.disabled),
div.p-toggle-box > div.p-radio.selected:not(.disabled) {
border-color: #709bc5;
max-height: 600px; }
ul.p-toggle-boxes > li.selected:not(.disabled) > .content,
ul.p-toggle-boxes > li.selected:not(.disabled) > .right,
ul.p-toggle-boxes > li > div.p-checkbox.selected:not(.disabled) > .content,
ul.p-toggle-boxes > li > div.p-checkbox.selected:not(.disabled) > .right,
ul.p-toggle-boxes > li > div.p-radio.selected:not(.disabled) > .content,
ul.p-toggle-boxes > li > div.p-radio.selected:not(.disabled) > .right,
div.p-toggle-box.selected:not(.disabled) > .content,
div.p-toggle-box.selected:not(.disabled) > .right,
div.p-toggle-box > div.p-checkbox.selected:not(.disabled) > .content,
div.p-toggle-box > div.p-checkbox.selected:not(.disabled) > .right,
div.p-toggle-box > div.p-radio.selected:not(.disabled) > .content,
div.p-toggle-box > div.p-radio.selected:not(.disabled) > .right {
color: #709bc5; }
ul.p-toggle-boxes > li.disabled > *,
div.p-toggle-box.disabled > * {
opacity: 0.3; }
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:not(.selected) > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > .right.choice,
ul.p-toggle-boxes > li:not(.selected) > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-checkbox > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-checkbox > .right.choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-checkbox > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-radio > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-radio > .right.choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-radio > .right .choice,
div.p-toggle-box:not(.selected) > .right .choice,
div.p-toggle-box:not(.selected) > .right.choice,
div.p-toggle-box:not(.selected) > .right .choice,
div.p-toggle-box:not(.selected) > div.p-checkbox > .right .choice,
div.p-toggle-box:not(.selected) > div.p-checkbox > .right.choice,
div.p-toggle-box:not(.selected) > div.p-checkbox > .right .choice,
div.p-toggle-box:not(.selected) > div.p-radio > .right .choice,
div.p-toggle-box:not(.selected) > div.p-radio > .right.choice,
div.p-toggle-box:not(.selected) > div.p-radio > .right .choice {
opacity: 0;
visibility: hidden; }
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .content,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .content .choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .content,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .content .choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .content,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .content .choice,
div.p-toggle-box:not(.selected):not(.disabled) > .content,
div.p-toggle-box:not(.selected):not(.disabled) > .content .choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .content,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .content .choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .content,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .content .choice {
opacity: 0;
display: none; }
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .right,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .right,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .right,
div.p-toggle-box:not(.selected):not(.disabled) > .right,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .right,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .right {
opacity: 0.7; }
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .right.choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .right > .choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .right.choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .right > .choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .right.choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .right > .choice,
div.p-toggle-box:not(.selected):not(.disabled) > .right.choice,
div.p-toggle-box:not(.selected):not(.disabled) > .right > .choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .right.choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .right > .choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .right.choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .right > .choice {
opacity: 0;
visibility: hidden; }
ul.p-toggle-boxes > li input[type="text"],
div.p-toggle-box input[type="text"] {
box-sizing: border-box;
margin: 0;
width: 100%; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
ul.p-toggle-boxes > li,
div.p-toggle-box {
/* IE10+ */ }
ul.p-toggle-boxes > li.has-content,
div.p-toggle-box.has-content {
display: block;
/* Disable flex */ } }
/* end of p-toggle-boxes */
/* ~/Content/piranya/styles/piranya-alert-box.scss */
div.p-alert-box {
align-items: center;
border-radius: 5px;
box-shadow: 0px 1px 5px #999;
box-sizing: border-box;
display: flex;
font-size: 1.2em;
flex-direction: row;
padding: 0.5em 1em;
width: 100%; }
div.p-alert-box:not(:first-child) {
margin-top: 10px; }
div.p-alert-box:not(:last-child) {
margin-bottom: 10px; }
div.p-alert-box > i.icon,
div.p-alert-box > p.message {
color: #ffffff;
font-size: 1em; }
div.p-alert-box > i.icon {
margin-top: 0.1em; }
div.p-alert-box > i.icon:before {
font-family: FontAwesome;
font-size: 1em;
margin-right: 0.7em; }
div.p-alert-box.failure {
background-color: #d20007; }
div.p-alert-box.failure > .icon:before {
content: "\f00d"; }
div.p-alert-box.information {
background-color: #3498db; }
div.p-alert-box.information > .icon:before {
content: "\f129"; }
div.p-alert-box.notice {
background-color: #bea474; }
div.p-alert-box.notice > .icon:before {
content: "\f0a1"; }
div.p-alert-box.question {
background-color: #f1c40f; }
div.p-alert-box.question > .icon:before {
content: "\f128"; }
div.p-alert-box.success {
background-color: #2ecc71; }
div.p-alert-box.success > .icon:before {
content: "\f00c"; }
div.p-alert-box.tip {
background-color: #16a085; }
div.p-alert-box.tip > .icon:before {
content: "\f0eb"; }
div.p-alert-box.warning {
background-color: #e74c3c; }
div.p-alert-box.warning > .icon {
margin-top: 0.2em; }
div.p-alert-box.warning > .icon:before {
content: "\f12a"; }
/* ~/Content/piranya/module/user/piranya-user.scss */
.piranya-birtday-container.piranya-input-container {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.piranya-birtday-container.piranya-input-container > select {
flex-basis: 32%;
margin-right: 2%; }
.piranya-birtday-container.piranya-input-container > select:last-of-type {
margin-right: 0; }
.piranya-view-users-actions .piranya-view-content {
margin-top: 30px; }
.piranya-view-users-actions .piranya-user-actions {
width: 100%; }
.piranya-view-users-actions .piranya-user-actions > a {
align-items: center;
border: 1px solid #666666;
border-radius: 20px;
display: flex;
flex-direction: column;
padding: 20px;
text-decoration: none;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out; }
.piranya-view-users-actions .piranya-user-actions > a:hover {
border-color: #d6c2c2;
text-decoration: none; }
.piranya-view-users-actions .piranya-user-actions > a > * {
text-align: center;
width: auto; }
.piranya-view-users-actions .piranya-user-actions > a .description {
font-size: 0.8em;
margin: 10px 0 0 0; }
.piranya-view-users-actions .piranya-user-actions > a .icon {
font-size: 6em;
margin-bottom: 20px; }
.piranya-view-users-actions .piranya-user-actions > a .title {
font-size: 1.2em;
margin: 0; }
@supports (display: grid) {
.piranya-view-users-actions .piranya-user-actions {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, 1fr); }
@media (min-width: 481px) and (max-width: 979px) {
.piranya-view-users-actions .piranya-user-actions {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) {
.piranya-view-users-actions .piranya-user-actions {
grid-template-columns: repeat(1, 1fr); } } }
@supports not (display: grid) {
.piranya-view-users-actions .piranya-user-actions > li {
float: left;
margin: 0 10px 10px 0;
width: calc(33% - 10px); }
@media (min-width: 481px) and (max-width: 979px) {
.piranya-view-users-actions .piranya-user-actions > li {
width: calc(50% - 10px); } }
@media (max-width: 480px) {
.piranya-view-users-actions .piranya-user-actions > li {
margin-right: 0;
width: 100%; } } }
.piranya-view-users-actions .piranya-view-description {
text-align: center; }
.piranya-view-users-actions .piranya-view-headline {
text-align: center; }
.user-action-entity {
border: 1px solid black;
border-radius: 5px;
padding: 10px;
box-sizing: border-box; }
.piranya-view-users-login > .piranya-view-center > .piranya-view-content > div {
display: flex;
flex-direction: column; }
body.browser-is-microsoft-internet-explorer .piranya-view-users-login > .piranya-view-center > .piranya-view-content {
width: 100%; }
body.browser-is-microsoft-internet-explorer .piranya-view-users-login > .piranya-view-center > .piranya-view-content > div {
width: 100%; }
.piranya-login-provider > .p-icon-button {
font-size: 1.5em; }
.piranya-view-users-two-factor-setup > .piranya-view-description {
margin-bottom: 20px;
margin-top: 10px; }
.piranya-view-users-two-factor-setup p {
font-size: 1em;
margin-bottom: 10px; }
.piranya-view-users-two-factor-setup .key-qr {
margin-bottom: 20px; }
.piranya-view-users-two-factor-setup input[type="text"] {
clear: both;
margin-bottom: 20px; }
.piranya-user.two-factor-login input[type="text"] {
clear: both;
font-size: 1.5em;
margin: 20px 0; }
/* ~/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/Piranya/WebViews/departments/opening-hours.scss */
.p-departments.opening-hours .slot {
display: inline-block; }
.p-departments.opening-hours .slot > span {
float: left; }
.p-departments.opening-hours .slot > .from-to-separator {
margin: 0 0.3em; }
.p-departments.opening-hours .slot > .slot-separator {
margin-right: 0.3em; }
/* ~/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%;
}
/* ~/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-view-center.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;
}
}
/* 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: 1237.11340206186px) {
.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: 495.876288659794px) and (max-width: 1237.11340206186px) {
.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: 494.845360824742px) {
.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;
}
}
.piranya-grid[data-positioned="true"] {
align-items: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@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="7"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(7, 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: 1237.11340206186px) {
.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);
}
.piranya-grid[data-column-count="7"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(6, 1fr);
}
}
@media only screen and (max-width: 494.845360824742px) {
.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/1.css */
.hej td
{
color:#696F6F;
font-family:open_sansregular;
font-size: 14px;
color: #696F6F;
padding-top: 2px;
padding-bottom: 2px;
}
.hej tr td:nth-child(1)
{
padding-left: 5px;
}
.hej tr
{
background-color: #cce2da;
}
.hej tr:nth-child(odd)
{
background-color: white;
}
#sharefb
{
float:right;
}
#sharefb > img
{
float:left;
}
body, html
{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
font-family: 'Myriadpro_regular';
}
body.language-en #bee-abc { display: none; }
body.language-de #bee-abc { display: none; }
div
{
float: left;
}
#main-wrapper
{
width: 100%;
min-height: 100%;
background-color:#f8f9fb;
}
#main
{
height: 100%;
width: 100%;
padding-bottom: 190px;
}
#piranya-cycle-controls-container3
{
display:none;
}
#piranya-cycle-paginator-container6
{
display:none;
}
#logo-wrapper
{
width:100%;
padding: 10px 0;
}
#top-bar
{
width: 100%;
top: 0px;
left: 0px;
z-index: 1000;
background: #edc736;
-webkit-box-shadow: 0px 11px 25px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 25px -12px rgba(0,0,0,0.75);
box-shadow: 0px 11px 25px -12px rgba(0,0,0,0.75);
position:relative;
display: flex;
justify-content: center;
}
#top-bar .mid {
width: 100%;
display: flex;
max-width: 1200px;
justify-content: space-between;
align-items: center;
}
#language-wrapper
{
float:right;
}
#language
{
padding-right:10px;
}
#menu-bar > div
{
width: 100%;
}
.center
{
float: none;
margin: 0px auto;
position: relative;
max-width: 1200px;
width: 97%;
}
#mobile-graphic
{
width: 100%;
}
#piranya-page
{
margin-bottom: 20px;
width: 100%;
}
#subpage-graphic
{
width: 100%;
height:98px;
background: url('/image/4134') no-repeat;
}
#logo
{
float: left;
max-width: 100%;
}
#subpage-top
{
width: 100%;
height: 60px;
background-color: #efeeee;
margin-top: 89px;
}
#call
{
float: right;
margin-top: 7px;
}
#footer
{
height: 100px;
width: 100%;
margin-top: -190px;
border-top:80px solid #edc736;
background-color:#f8f9fb;
}
#footer > div
{
position: relative;
height: 110px;
display: table;
width: 100%;
}
#footer > div > div, #footer > div > img
{
position: absolute;
}
#footer > div > div
{
left: 10%;
}
#footer > div > img
{
left: 30%;
}
#footer p
{
padding-bottom: 70px;
color: black;
line-height: 100%;
background-color:#f8f9fb;
font-family: verdana;
font-size: 11px;
width: 100%;
display: table-cell;
vertical-align: middle;
}
#footer a
{
color: #5fa38c;
}
.fullsize-bg-img
{
background-size: 100% 100%;
min-height: 120px !important;
}
#slider-wrapper
{
width: 100%;
}
#slider-wrapper > .slider-tag {
position: absolute;
bottom: -3px;
left: calc(50% - 67.5px);
}
#header-wrapper
{
width: 100%;
background-size: cover;
background-position: center center;
}
#header-wrapper img
{
width: 100%;
}
.top-image
{
width: 100%;
max-height:330px;
left: 0;
}
#fb-img
{
float:right;
width:119px;
height:106px;
}
.owl-carousel .owl-item > div {
text-align: center;
}
.owl-carousel .owl-item h4 {
margin-top: 20px;
display: inline-block;
}
.table-design
{
a
{
font-size:1.1em !important;
}
}
/* /content/dynamic/16.css */
.btn-animation, .piranya-btn
{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
background-color: #efc553;
font-family: 'Myriadpro_regular';
font-size:1.5em;
color: black;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px 60px;
}
.piranya-txt, .piranya-textarea, select
{
width: 100%;
}
.btn-animation:hover, .piranya-btn:hover
{
opacity: 0.9;
}
a.piranya-btn:hover
{
text-decoration: none;
}
input.piranya-btn
{
cursor: pointer;
border: none;
color: black;
font-weight: normal;
letter-spacing: 1px;
font-size: 1.05em;
background-color: #efc553;
border-radius: 0px;
}
input, textarea, select
{
font-family: 'Myriadpro_regular';
}
.piranya-view-form-wrapper select :first-child {
display: none;
}
form
{
width: 100%;
}
textarea
{
min-height: 100px;
}
label
{
font-size: 0.8em;
color: #737373;
font-family: Myriadpro_regular;
}
.piranya-view-form-wrapper div[data-error]
{
font-size: 0.8em;
}
.piranya-txt, select
{
width: 340px;
min-height: 15px;
color: #666666;
letter-spacing: 1px;
border-radius: 3px;
font-family: 'Myriadpro_regular';
font-weight: 400;
padding: 15px;
border: 1px solid #D0D0D0;
background-color: #FBFBFB;
}
input.piranya-txt, textarea.piranya-textarea, textarea.piranya-txt, select
{
width: calc(100% - 4px);
}
textarea.piranya-txt
{
width: calc(100% - 4px);
min-height: 150px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #232323;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #232323;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #232323;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #232323;
}
.table-design
{
}
.table-design tr:first-child
{
width:80%;
}
.table-design td
{
background-color:#eaeaea;
padding:20px;
font-size:16px;
padding-left: 20px;
}
.table-design tr:nth-child(odd) td
{
background-color: #f5f5f5;
}
.table-design th, .table-design tr:first-child td
{
background-color: #4c505f;
padding-left:20px;
width: 80%;
color:white;
}
/* /content/dynamic/17.css */
@font-face {
font-family: 'Myriadpro_regular';
src: url('/file/4901');
src: url('/file/4901?#iefix') format('embedded-opentype'),
url('/file/4904') format('woff'),
url('/file/4903') format('truetype'),
url('/file/4101#Myriadpro_regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriadpro_bold';
src: url('/file/5044');
src: url('/file/5044?#iefix') format('embedded-opentype'),
url('/file/5047') format('woff'),
url('/file/5046') format('truetype'),
url('/file/5045#Myriadpro_bold') format('svg');
font-weight: normal;
font-style: normal;
}
p
{
font-family:'Myriadpro_regular';
font-size: .9em;
}
a
{
font-family:'Myriadpro_regular';
text-decoration: none;
color:#edc736;
}
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:'Myriadpro_regular';
}
textarea {
font-family:'Myriadpro_regular';
}
/* /content/dynamic/18.css */
.piranya-menu-wrapper.responsive a
{
font-family: 'Myriadpro_regular';
letter-spacing: 1px;
font-size: .9em;
}
@media (max-width: 979px)
{
.piranya-menu-wrapper.responsive > ul:not(.open)
{
margin-left:15px;
}
div.piranya-menu-wrapper.responsive
{
position: static;
padding: 10px 0;
}
#topbar .piranya-menu-wrapper.responsive
{
top: 15px;
}
div.piranya-menu-wrapper.responsive > ul
{
color: black;
position: static;
float: right;
}
#piranya-menu-1 li:not(.piranya-menu-item-selected-root) a:hover
{
color: #edc736;
}
}
@media (min-width: 980px)
{
.piranya-menu-wrapper.responsive li
{
margin-right: 36px;
}
div.piranya-menu-wrapper.responsive
{
padding-left:20px;
float: left;
width: auto;
margin-top: 15px;
}
#piranya-menu-1 a
{
background-color: rgba(228,200,44,0.8);
line-height: 45px;
color: black;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
transition: color 0.2s ease;
font-size:1.2em;
}
#piranya-menu-1 ul a
{
width: 170px;
padding-left: 20px;
}
#piranya-menu-1 li:not(.piranya-menu-item-selected-root) a:hover
{
color: #986524;
}
#piranya-menu-1 > li.piranya-menu-item-last
{
padding-right: 0;
}
#piranya-menu-1 > li.piranya-menu-item-last.piranya-menu-item-selected-root
{
padding-right: 20px;
}
.piranya-menu-item-selected-root
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
}
.piranya-shop-order-create .category-bar.grow .category-tab.active h2
{
font-size:2.0em;
}
/* /content/dynamic/19.css */
@media screen and (max-width: 600px) {
}
/* /content/dynamic/20.css */
/*-----------------------------------------------------------------------------
- Revolution Slider 1.5.3 -
Screen Stylesheet
version: 2.1
date: 09/18/11
last update: 06.12.2012
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
- Revolution Slider 2.0 Captions -
Screen Stylesheet
version: 1.4.5
date: 09/18/11
last update: 06.12.2012
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*************************
- CAPTIONS -
**************************/
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;}
.tp-caption { z-index:1;}
body .tp-caption.big_white{
position: absolute;
color: Black;
font-size: 35px;
line-height: 120%;
font-family: 'Myriadpro_bold';
font-weight: 700;
background-color:transparent;
}
body .tp-caption.very_big_white{
position: absolute;
color:black;
font-family: 'Myriadpro_bold';
text-shadow: none;
font-weight: 700;
background-color:transparent;
font-size: 80px;
line-height:1em;
}
.tp-caption.boxshadow{
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black{
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp-caption a {
color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
color: #ffa902;
}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
/******************************
- BUTTONS -
*******************************/
.button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
}
.button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;}
.purchase:hover,
.button:hover,
.button.big:hover { background-position:bottom, 15px 11px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
/* BUTTON COLORS */
.button.green, .button:hover.green,
.purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.button.blue, .button:hover.blue,
.purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;}
.button.red, .button:hover.red,
.purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;}
.button.orange, .button:hover.orange,
.purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;}
.button.darkgrey,.button.grey,
.button:hover.darkgrey,.button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;}
.button.lightgrey, .button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img { -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden;
}
.tp-simpleresponsive img { max-width:none;}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;}
.tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear { clear:both;}
.tp-bullets { z-index:1000; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
background: url('/image/1244');
height: 20px;
padding: 10px 20px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #ffffff;
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
.tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url('/image/1249') no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px;}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected { background-position:top left; }
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; }
/*************************************
- TP ARROWS -
**************************************/
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow { z-index:100;cursor:pointer; position:relative; width:40px; height:40px; }
.tp-rightarrow { z-index:100;cursor:pointer; position:relative; width:40px; height:40px; }
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; width:19px; height:14px; margin-right:3px; float:left; margin-top: 2px; }
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; width:19px; height:14px; margin-left:3px; float:left; margin-top: 2px;}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; }
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;}
.tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; width:40px; height:40px;
}
.tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; width:40px; height:40px;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-position:bottom left; }
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs { padding:3px;}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%; }
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { display: none;}
.tp-bannertimer.tp-bottom { bottom:0px !important;height:5px;}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs { width:300px !important; height:30px !important;}
.responsive .tp-bullets.tp-thumbs .tp-mask { width:300px !important; height:30px !important;}
.responsive .tp-bullets.tp-thumbs .bullet { width:60px !important;height:30px !important;}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display:none}
.responsive .tparrows { display:none;}
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none;}
.tp-simpleresponsive ul {
list-style:none;
padding:0;
margin:0;
}
.tp-simpleresponsive >ul >li{
list-stye:none;
position:absolute;
visibility:hidden;
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:10000px; height:10000px; background:url(../assets/coloredbg.png) repeat;}
.tp-loader { margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:32px;height:32px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-transparentimg { content:"url(../assets/transparent.png)"}
.tp-3d { -webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
/* /content/dynamic/21.css */
/*-----------------------------------------------------------------------------
REVOLUTION RESPONSIVE BASIC STYLES OF HTML DOCUMENT
Screen Stylesheet
version: 1.0
date: 26/06/12
author: themepunch
email: support@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/**********************
- RESET -
************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;
}
/***********************
- BASICS -
***********************/
html {
overflow-x:hidden;
padding: 0 !important;
background:#fff;
margin:0px !important;
}
.fullwidthbanner-container
{
float: none;
}
.fullwidthbanner-container div
{
float: none;
}
/*********************************************************************************************
- SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE -
**********************************************************************************************/
/* - THE BANNER CONTAINER (Padding, Shadow, Border etc. ) - */
.fullwidthbanner-container{
width:100% !important;
position:relative;
padding:0;
overflow:hidden;
}
/* /content/dynamic/22.css */
@media (max-width: 480px) {
div.full-width-smartphone
{
width: 100%;
}
div#top-bar
{
height: auto;
position: inherit;
}
div#subpage-top
{
margin-top: 0;
}
}
@media (min-width: 481px) and (max-width: 979px)
{
img#subpage-graphic
{
top: 220px;
}
div#menu-bar
{
background-color: transparent;
width: 100%;
top: 130px;
}
img#arrow,
img#call
{
display: none;
}
}
@media (min-width: 601px)
{
.piranya-gtw601-hide
{
display: none;
}
}
@media (max-width: 600px)
{
.piranya-ltw600-hide
{
display: none;
}
}
/* /content/dynamic/32.css */
/*
* Owl Carousel - Animate Plugin
*/
#piranya-page .owl-dots
{
display: none !important;
}
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.carousel-wrapper
{
width: calc(100% - 200px);
margin: 0px 100px;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
position: relative;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
div.owl-carousel .owl-stage-outer {
position: relative;
overflow-x: hidden;
overflow-y: visible;
padding: 40px 0; /*For hover effect*/
z-index: 1000;
width: 100%;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-controls
{
width: 100%;
height: 100%;
position: absolute;
}
.owl-nav
{
position: absolute;
height: 100%;
width: 100%;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel.owl-theme .owl-nav .owl-next
{
float: right;
background: url('/image/5007') center center no-repeat;
width: 36px;
height: 39px;
color: transparent;
position: absolute;
right: -50px;
top: calc(50% - 20px);
transition: all .2s ease-in-out;
cursor: pointer;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel.owl-theme .owl-nav .owl-prev
{
background: url('/image/5006') center center no-repeat;
height: 39px;
width: 36px;
color: transparent;
position: absolute;
left: -50px;
top: calc(50% - 20px);
transition: all .2s ease-in-out;
cursor: pointer;
}
#piranya-page .owl-carousel .owl-nav.disabled
{
display: block;
}
#piranya-page .owl-theme .owl-nav .owl-next:hover
{
background: transparent url('/image/11260') center center no-repeat;
color: transparent;
}
#piranya-page .owl-theme .owl-nav .owl-prev:hover
{
background: transparent url('/image/11259') center center no-repeat;
color: transparent;
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel.owl-theme .owl-nav .owl-prev:hover
{
left: -55px;
}
.owl-carousel .owl-nav .owl-next:hover, .owl-carousel.owl-theme .owl-nav .owl-next:hover
{
right: -55px;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item > div
{
width: 100%;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.owl-carousel .owl-item img {
display: block;
margin: 0 auto;
width: auto;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.description-owl
{
color:black;
font-family: 'tahoma';
font-size:0.8em;
}
/* /content/dynamic/33.css */
.frontpage-phone-wrapper img
{
width: 100%;
transition: all .2s ease-in-out;
cursor: pointer;
}
.frontpage-phone-wrapper img:hover
{
transform: scale(1.25);
}
#popup
{
display: none;
background-color: white;
padding: 2%;
max-width: 600px;
width: 90%;
}
#popup .closeclass
{
float: right;
background-image: url(/image/11517);
width: 32px;
background-size: contain;
height: 32px;
}
.phone-popup
{
display: none;
width: 100%;
}
#popup h1
{
margin-bottom: 10px;
float: left;
width: 100%;
font-size:2em;
}
#popup .left
{
width: calc(40% - 20px);
}
#popup .description
{
width: 100%;
}
#popup .description p
{
color: black;
}
#popup img
{
width: 50%;
float: right;
}
/* /content/dynamic/34.css */
.contact-right
{
float: right;
width: 30%;
height: 300px;
}
#contact-wrapper h2
{
margin-bottom: 10px;
}
#contact-form, #footer-map
{
width: 100%;
}
#footer-map
{
height: 100%;
}
.contact-left
{
width: 100%;
}
#contact-form div[data-field]
{
width: calc(50% - 5px);
}
#contact-form div[data-field="Besked"]
{
width: 100%;
}
#contact-form div:nth-child(even)
{
float: right;
clear: none;
}
@media (max-width: 767px)
{
.contact-left, .contact-right
{
width: 100%;
margin-bottom: 20px;
}
}
/* piranya/shop */
.piranya-must-be-filled {
color: red;
width: 10px;
float: left;
margin-left: 5px; }
.piranya-shop p.price {
white-space: nowrap; }
.piranya-shop p.price.before,
.piranya-shop p.price.before > span {
text-decoration: line-through; }
.piranya-shop p.price > .value > .currency.code {
margin-right: 0.2em; }
.piranya-shop p.price > .value > .currency.suffix {
margin-left: 0.2em; }
.piranya-shop p.price > .value > .sign {
margin-right: 0.2em; }
/*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 {
float: left;
width: 100%; }
.piranya-shop-order-items-container > table .piranya-first-column,
#piranya-shopping-cart-table .piranya-first-column {
width: 80%; }
.piranya-shop-order-items-container > table .piranya-intermediate-column,
#piranya-shopping-cart-table .piranya-intermediate-column {
width: 10%;
text-align: center; }
.piranya-shop-order-items-container > table .piranya-last-column,
#piranya-shopping-cart-table .piranya-last-column {
width: 10%;
text-align: center; }
@media (min-width: 768px) and (max-width: 1024px) {
.piranya-shop-order-items-container > table .piranya-first-column,
#piranya-shopping-cart-table .piranya-first-column {
width: 60%; }
.piranya-shop-order-items-container > table .piranya-intermediate-column,
#piranya-shopping-cart-table .piranya-intermediate-column {
width: 20%; }
.piranya-shop-order-items-container > table .piranya-last-column,
#piranya-shopping-cart-table .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 {
width: 50%; }
.piranya-shop-order-items-container > table .piranya-intermediate-column,
#piranya-shopping-cart-table .piranya-intermediate-column {
width: 25%; }
.piranya-shop-order-items-container > table .piranya-last-column,
#piranya-shopping-cart-table .piranya-last-column {
width: 25%; } }
.piranya-shop-order-items-container > table,
#piranya-shopping-cart-table {
border: 1px solid white;
width: 100%; }
.piranya-shop-order-items-container > table th,
#piranya-shopping-cart-table th {
border-bottom: 1px solid white;
border-right: 1px solid white; }
.piranya-shop-order-items-container > table td,
#piranya-shopping-cart-table 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 {
border-right: none; }
.piranya-shop-order-items-container > table tr.piranya-last-row td,
#piranya-shopping-cart-table 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-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 > div[data-view-name="Shop.Checkout.Basket"] {
width: 100%; }
.piranya-view-shop-cart > .piranya-view-content > .piranya-btn {
float: left;
margin-top: 20px; }
.piranya-view-shop-cart > .piranya-view-content > .piranya-btn.to-checkout {
float: right; }
.piranya-shop .totals p {
width: 100%;
background-color: #ececec;
float: left;
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 */
.piranya-view.piranya-view-shop-checkoutlogin {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.piranya-view.piranya-view-shop-checkoutlogin .piranya-shop.checkoutlogin {
max-width: 500px;
background: white;
box-sizing: border-box;
padding: 20px;
display: inline-block; }
@media (min-width: 980px) {
.piranya-view.piranya-view-shop-checkoutlogin .piranya-shop.checkoutlogin > .piranya-grid {
display: flex;
flex-direction: row; } }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper {
position: relative;
/*padding-bottom: 50px;*/ }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper > .step-header {
margin-bottom: 40px; }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper > .step-content:not(:last-child) {
margin-bottom: 40px; }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper > .step-content > .description-text {
margin-bottom: 10px; }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper .piranya-btn {
width: 100%; }
.piranya-view.piranya-view-shop-checkoutlogin .piranya-social-media-login-wrapper,
.piranya-view.piranya-view-shop-checkoutlogin .facebook.piranya-login-provider,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-facebook-link,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-platform-login,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-login-provider,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-user-login-view,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-user-login-view-inner-container {
width: 100%; }
.piranya-view.piranya-view-shop-checkoutlogin a.piranya-facebook-link {
display: block;
margin: 5px 0 5px 0; }
.piranya-view.piranya-view-shop-checkoutlogin .reason {
color: orange;
margin-bottom: 10px;
font-size: 0.8em; }
.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:not(.has-campaign) > .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; }
/* Product details */
.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 .buy-wrapper > .price-wrapper,
.piranya-view-shop-product-detail .buy-wrapper > .shipping-calculator:not(:last-child),
.piranya-view-shop-product-detail .buy-wrapper > .stock,
.piranya-view-shop-product-detail .description .title {
margin-bottom: 16px; }
.piranya-view-shop-product-detail .buy-wrapper > .shipping-calculator:last-child {
margin-top: 16px; }
.piranya-view-shop-product-detail .buy-wrapper .add-to-cart-wrapper {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper .add-to-cart-wrapper > button:first-child {
margin-top: 0;
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper .add-to-cart-wrapper .payment-methods-price-tags {
margin-top: 16px; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper {
margin: 0 0 16px 0;
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > .header {
margin-bottom: 12px; }
.piranya-view-shop-product-detail .buy-wrapper > .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 .buy-wrapper > .piranya-product-amount-wrapper > input[type="number"]::-webkit-outer-spin-button, .piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > .item-count {
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > .item-count > * {
font-size: 1.2em; }
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper {
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p.price {
background-color: #ececec;
box-sizing: border-box;
font-size: 1.4em;
padding: 0.5em;
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p.price > .value {
float: right; }
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p:not(:first-child) {
margin-top: 16px; }
.piranya-view-shop-product-detail .buy-wrapper .highlighted-text-wrapper {
width: 100%;
border-bottom: 1px solid black;
padding-bottom: 10px; }
.piranya-shop.product .sticker {
border-radius: 100%;
display: flex;
flex-direction: row;
font-size: 1em;
position: absolute;
padding: 0.625em;
text-align: center;
right: 10px;
top: 10px; }
.piranya-shop.product .sticker > .content {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center; }
.piranya-shop.product .sticker .header {
font-size: 0.9em; }
.piranya-shop.product .sticker .header + .value {
font-size: 1.33em; }
.piranya-shop.product .sticker:after {
content: "";
display: block;
padding-top: 100%; }
.piranya-shop.product .sticker.price-reduction {
background-color: #f9da52;
color: black;
padding: 1.31em; }
.piranya-shop.product .sticker.sold-out {
background-color: #d0131e;
color: white; }
@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-shop.dialog.product .images > .large,
.piranya-view-shop-product-detail .images > .large {
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center; }
.piranya-shop.dialog.product .images > .large:not(:last-child),
.piranya-view-shop-product-detail .images > .large:not(:last-child) {
margin-bottom: 20px; }
.piranya-shop.dialog.product .images img,
.piranya-shop.dialog.product .images video,
.piranya-view-shop-product-detail .images img,
.piranya-view-shop-product-detail .images video {
box-sizing: border-box;
max-width: 100%; }
.piranya-shop.dialog.product .images a img,
.piranya-view-shop-product-detail .images a img {
opacity: 1;
transition: opacity 0.4s ease; }
.piranya-shop.dialog.product .images a img:hover,
.piranya-view-shop-product-detail .images a img:hover {
opacity: 0.8; }
.piranya-shop.dialog.product .images > .small-images,
.piranya-view-shop-product-detail .images > .small-images {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(4, 1fr); }
.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 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 .product .eyecatcher,
.piranya-shop.product .eyecatcher {
background: black;
clip-path: polygon(1em 0%, 100% 0%, 100% 100%, 1em 100%, 0% 50%);
padding: 0.5em 0.5em 0.5em 1.3em;
position: absolute;
right: 0;
top: 40px;
text-align: center;
z-index: 10; }
.piranya-shop .product .eyecatcher p,
.piranya-shop.product .eyecatcher p {
color: white;
line-height: 1em; }
.piranya-shop .product .eyecatcher p.price > .header,
.piranya-shop.product .eyecatcher p.price > .header {
margin-right: 0.3em; }
@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 > * {
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 > .price-wrapper > .price > .header {
margin-right: 0.2em; }
.piranya-shop.product .add-to-basket div.go-to-checkout > .price-wrapper > .vat {
float: left;
font-size: 0.9em;
text-align: right;
width: 100%; }
.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.negative > p {
color: #a94442; }
.piranya-shop.product .add-to-basket .choices:not(.selected-any) ~ div.go-to-checkout {
display: none; }
/* 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-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 .shipping-methods-wrapper {
width: 100%; }
.piranya-shop .shipping-methods-wrapper li:not(.selected) span.address-missing {
display: none; }
.piranya-shop .shipping-methods-wrapper li.selected > .right.unavailable {
color: red; }
.piranya-shop .shipping-methods-wrapper .right span.price + span.duration {
display: none;
/* not enough space */ }
.piranya-shop .shipping-methods-wrapper .extra-fields,
.piranya-shop .shipping-methods-wrapper .extra-fields > * {
width: 100%; }
.piranya-shop .desired-delivery-time {
width: 100%; }
.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 li:only-child {
border: none;
padding: 0; }
.piranya-shop .desired-delivery-time li:only-child > .p-radio {
display: none; }
.piranya-shop .desired-delivery-time li:only-child > .content {
margin-top: 0; }
.piranya-shop-checkout-data-shippingmethod {
width: 100%; }
/* Shipping within the client cart */
.cart-wrapper .shipping-methods-wrapper li span.address-missing {
display: none; }
/* 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):not(.unavailable),
.piranya-shop div.p-toggle-box.selected:not(.disabled):not(.unavailable) {
border-color: #34b257; }
.piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled):not(.unavailable) > .right,
.piranya-shop div.p-toggle-box.selected:not(.disabled):not(.unavailable) > .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*/
.piranya-view-shop-checkout-confirm .step-content {
padding: 10px 0; }
.piranya-view-shop-checkout-confirm .step-header {
background-color: black;
padding: 10px; }
.piranya-view-shop-checkout-confirm .step-headline {
color: white; }
.step-wrapper {
width: 100%; }
.step-wrapper:not(:last-child):not(:empty) {
margin-bottom: 20px; }
.step-anchor {
width: 100%;
float: left; }
.step-header {
box-sizing: border-box;
width: 100%; }
.step-content {
box-sizing: border-box;
width: 100%; }
.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 > div[data-view-name="Shop.Checkout.Basket"],
.step-content > div[data-view-name="Shop.Checkout.PaymentProviders"],
.step-content > div[data-view-name="Shop.Department.Select"],
.step-content .shipping-method,
.step-content .piranya-shop-departments,
.step-content .piranya-shop-departments > select,
.step-content .piranya-shop-redeem {
width: 100%; }
.step-content > div[data-view-name="Shop.Checkout.Basket"] {
margin-bottom: 10px; }
.step-content > .item-notices {
width: 100%; }
.step-content > .item-notices > img {
width: 100%; }
.piranya-shop-order-details > .piranya-view-headline,
.piranya-shop-order-details h2 {
text-align: left; }
.piranya-shop-order-details > .piranya-view-content {
display: flex;
flex-direction: column;
position: relative; }
.piranya-shop-order-details > .piranya-view-content > div:not(:first-child):not(.actions) {
margin-top: 20px; }
.piranya-shop-order-details .actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly; }
.piranya-shop-order-details .items > table tr.total {
font-weight: bold; }
.piranya-shop-order-details .items > table th,
.piranya-shop-order-details .items > table td {
padding: 10px; }
.piranya-shop-order-details .items > table th:first-child,
.piranya-shop-order-details .items > table td:first-child {
text-align: left; }
.piranya-shop-order-details .items > table th:not(:first-child),
.piranya-shop-order-details .items > table td:not(:first-child) {
text-align: center; }
@media screen and (min-width: 980px) {
.piranya-shop-order-details .actions {
position: absolute;
right: 0;
top: 0; }
.piranya-shop-order-details .actions > :not(:first-child) {
margin-left: 10px; } }
@media screen and (max-width: 979px) {
.piranya-shop-order-details .actions > * {
margin-top: 20px; } }
.piranya-view-shop-product-browser .piranya-view-content > .short-description {
margin-top: 20px;
width: 100%; }
.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: 0.547em 1em;
margin: 0;
font-size: 0.8em;
display: inline-block;
opacity: 1;
transition: opacity 0.4s ease; }
.piranya-shop .amount-picker > .disabled {
opacity: 0.4; }
.piranya-shop .amount-picker > input[type="number"] {
text-align: center;
flex-grow: 1;
margin: 0 10px;
-moz-appearance: textfield;
width: 100%; }
.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 > .piranya-btn {
align-items: center;
display: flex;
flex: 0 1;
flex-direction: row;
justify-content: center; }
.piranya-shop .amount-picker > .value {
line-height: 1em; }
@media screen and (max-width: 480px) {
.piranya-shop .amount-picker > .piranya-btn {
width: auto; } }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper,
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > *,
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .choices > * {
float: left;
clear: left;
width: 100%; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .item-count,
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > button {
margin-top: 10px; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .item-count > .amount-picker {
display: flex;
flex-direction: row;
width: 100%;
margin-top: 8px; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .item-count > .amount-picker > * {
font-size: 1.2em; }
.piranya-shop.dialog.product.add-to-basket > .close {
cursor: pointer;
display: none;
/* not shown by default */
font-size: 2em;
padding: 0.1em 0.3em;
position: absolute;
right: -0.7em;
top: -0.7em; }
.piranya-shop.dialog.product.add-to-basket > .close:focus {
outline: 0; }
.piranya-shop.dialog.product.add-to-basket .images {
display: none; }
.piranya-shop.dialog.product.add-to-basket .totals > p {
padding: 0.6em; }
/* Orders (list) */
#piranya-shop-orders .items > p {
float: left; }
#piranya-shop-orders .items > p:not(:first-child) {
margin-top: 2em; }
#piranya-shop-orders .items .variant {
box-sizing: border-box;
float: left;
margin-top: 0.3em;
padding-left: 1em;
width: 100%; }
/* Redeem */
.piranya.shop.ticket.redeem {
padding: 20px;
background-color: white;
box-sizing: border-box;
width: 100%;
max-width: 600px;
color: black;
text-align: center;
float: none;
margin: 0px auto; }
.piranya.shop.ticket.redeem > * {
box-sizing: border-box;
width: 100%;
border: 1px solid #c6c6c6; }
.piranya.shop.ticket.redeem > .info {
border-bottom: none;
background-image: url("/content/v1.0.8158.153201/module/shop/images/ticket_top.png");
background-repeat: repeat-x;
display: flex;
flex-direction: column;
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.8158.153201/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 .not-paid > .status {
color: red; }
.piranya.shop.ticket.redeem a:not(.k-button) {
color: #8c8c8c; }
.piranya.shop.ticket.redeem > .info > * {
box-sizing: border-box;
clear: left;
margin-bottom: 1.2em;
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 {
align-self: center;
max-width: 250px;
background-color: #c6c6c6;
margin-bottom: 0;
padding: 20px; }
.piranya.shop.ticket.redeem.request-claim > .info > .customer {
padding: 5px; }
.piranya.shop.ticket.redeem > .info .expiry > .header {
font-size: 1.4em;
margin: 10px 0 3px 0;
display: inline-block; }
.piranya.shop.ticket.redeem > .info .expiry > .from > .label {
display: none; }
.piranya.shop.ticket.redeem > .info .expiry .day-period {
width: 100%;
display: inline-block;
margin: 2px 0 0 0; }
.piranya.shop.ticket.redeem > .info .expiry .day-period .label > :first-child > .from-day {
text-transform: capitalize; }
.piranya.shop.ticket.redeem > .info .expiry .separator {
display: none; }
.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; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .message > p {
font-size: 2em; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .message.negative > p {
color: red; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .message.positive > p {
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 > button[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 {
width: 100%; }
.event-tickets > *,
.event-tickets > .event-ticket-product > * {
width: 100%;
float: left;
clear: left;
box-sizing: border-box; }
.event-tickets > button.add-to-cart {
margin-top: 10px; }
.event-tickets > .event-ticket-product > .choices {
margin-top: 10px; }
.event-tickets > .event-ticket-product > .choices > .header {
display: none; }
.event-tickets > .event-ticket-product > .price-wrapper {
display: none; }
.event-tickets > .event-ticket-product .variants {
width: 100%; }
.event-tickets .payment-methods-price-tags {
margin-top: 10px; }
/* End of event tickets */
/* Payment providers */
.piranya-shop-checkout-data-paymentmethod {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop-checkout-data-paymentmethod .payment-methods-price-tags {
margin-top: 10px; }
/* Payment price tags */
.piranya-shop .payment-methods-price-tags iframe {
float: left;
border: 0; }
/* 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%;
display: flex;
flex-direction: column;
align-items: center; }
.piranya-shop-checkout-await-audit > .department,
.piranya-shop-checkout-await-audit > .order-id,
.piranya-shop-checkout-await-audit > .order-number,
.piranya-shop-checkout-await-audit > .indicator {
margin: 20px auto 0 auto;
float: none;
margin-top: 20px;
display: inline-block; }
.piranya-shop-checkout-await-audit > .order-number + .order-id {
display: none; }
.piranya-shop-checkout-await-audit > .delivery-time:not(:empty) {
margin-top: 1em; }
.piranya-shop-checkout-await-audit > .delivery-time span.label {
font-size: 1.3em;
line-height: 1.5em; }
.piranya-shop-checkout-await-audit > .delivery-time span.value {
font-size: 3.5em;
line-height: initial;
margin-top: 0.28em;
display: block; }
.piranya-shop-checkout-await-audit > .department {
width: 100%; }
.piranya-shop-checkout-await-audit > .department > .title {
margin-top: 0; }
.piranya-shop-checkout-await-audit > .p-alert-box {
font-size: 0.9em;
justify-content: center;
width: auto; }
.piranya-shop-checkout-await-audit > .p-alert-box.time-differs {
display: none; }
/* Checkout success */
.piranya-shop-checkout-success-container {
position: relative; }
.piranya-shop-checkout-success-container > .piranya-view-content {
display: flex;
flex-direction: column; }
.piranya-shop-checkout-success-container > .piranya-view-content > .piranya-btn.return {
margin-top: 20px; }
.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.product-acquisition {
box-sizing: border-box; }
.piranya-shop.product-acquisition .product {
background: white; }
.piranya-shop.product-acquisition .product .amount > * {
padding: 14px 20px;
box-sizing: border-box; }
.piranya-shop.product-acquisition .product .headline {
margin-bottom: 20px;
order: -1;
text-align: center;
width: 100%; }
.piranya-shop.product-acquisition .product .actions {
width: 100%;
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; }
.piranya-shop.product-acquisition .product .actions .piranya-btn {
width: auto; }
.piranya-shop.product-acquisition .product .actions .item-count {
display: flex;
justify-content: center;
align-items: center; }
.piranya-shop.product-acquisition .product .actions > .piranya-btn:first-of-type {
margin-left: auto;
margin-right: 10px;
background-color: #504f4f; }
.piranya-shop.product-acquisition .product .actions > .piranya-btn:first-of-type:hover {
background-color: #1d1c1c; }
@media screen and (min-width: 768px) {
.piranya-shop.product-acquisition {
width: 600px; }
.piranya-shop.product-acquisition .product .item-count {
margin-right: 10px; } }
@media screen and (max-width: 767px) {
.piranya-shop.product-acquisition {
width: calc(100% - 40px); }
.piranya-shop.product-acquisition .products.show-images .product {
padding: 20px; }
.piranya-shop.product-acquisition .product .actions {
align-items: center;
flex-direction: column; }
.piranya-shop.product-acquisition .product .actions > button.piranya-btn {
padding: 10px;
width: 100%; }
.piranya-shop.product-acquisition .product .actions > button.piranya-btn:first-of-type {
margin: 10px 0; } }
/* piranya/shop */
.piranya-shop .category-bar {
width: 100%;
margin-bottom: 10px;
flex-wrap: wrap;
position: relative; }
.piranya-shop .category-bar .category:first-child {
margin-left: 0; }
.piranya-shop .category-bar .category-tab {
cursor: pointer; }
.piranya-shop .category-bar .category-tab:not(:last-of-type) {
margin-right: 10px; }
.piranya-shop .category-bar.dropdowns .category > .content {
max-height: 0px;
display: flex;
position: absolute;
overflow: hidden;
top: 100%;
z-index: 1;
background: white;
transition: max-height 0.5s ease-in-out; }
.piranya-shop .category-bar.dropdowns .category > .content .p-layout-container {
display: flex;
flex-flow: column;
padding: 7px 20px; }
.piranya-shop .category-bar.dropdowns .category > .content .p-layout-container .category .title {
color: black;
font-size: .7em;
font-weight: normal; }
.piranya-shop .category-bar.dropdowns .category:hover > .content {
max-height: 400px; }
.piranya-shop .category-bar:not(.dropdowns) .category.uncategorized:only-child {
display: none; }
.piranya-shop .category-bar:not(.dropdowns) .category > .content {
display: none; }
.piranya-shop .category-bar.tabs {
border-bottom: 2px solid whitesmoke; }
.piranya-shop .category-bar.tabs .category-tab {
padding: 10px; }
.piranya-shop .category-bar.tabs .category-tab.active {
border-radius: 7px 7px 0 0;
border-bottom: 0;
background: whitesmoke; }
.piranya-shop .category-bar.grow {
height: 2.5em;
margin-bottom: 15px; }
.piranya-shop .category-bar.grow .category-tab {
line-height: 100%;
transition: font-size .2s linear; }
.piranya-shop .category-bar.grow .category-tab.active {
font-size: 2.5em; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper {
display: flex;
flex-flow: row nowrap; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab {
display: flex;
justify-content: center;
align-items: center;
max-height: 120px;
height: 120px;
width: auto;
margin: 10px;
padding: 10px;
overflow: hidden;
box-sizing: border-box;
position: relative; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab .title {
text-align: center;
font-size: 1.5em; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab .title:after {
content: "";
display: block;
position: absolute;
background: black; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.active .title {
color: initial; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab:not(.has-image) {
background-color: white;
transition: background-color 250ms ease; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab:not(.has-image).active {
background-color: #efefef; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.has-image .title {
position: relative;
color: white;
z-index: 1; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.has-image .title:after {
background: white; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.has-image img {
width: 100%;
height: auto;
min-height: 120px;
filter: brightness(0.6);
transition: filter 250ms ease;
position: absolute; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.has-image.active img {
filter: brightness(0.4); }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper:not(.swiper-wrapper) {
display: none; }
@media not all and (min-width: 768px) {
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled).foldable {
display: flex; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) > .swiper-wrapper > .category-tab {
height: 75px;
width: 125px; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) > .swiper-wrapper > .category-tab > .title {
font-size: 0.9em;
word-break: break-all; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) + .panels > .panel:not(.active) {
display: none; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) + .panels > .panel.active > .heading {
display: none; } }
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab {
width: 200px; }
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab .title {
font-size: 1.1em; }
@media not all and (min-width: 768px) {
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab {
height: 75px;
width: 125px; }
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab .title {
font-size: .9em; } }
.piranya-shop .category-bar.swiper-container.swiper-disabled {
border-bottom: 2px solid whitesmoke;
padding: 0; }
.piranya-shop .category-bar.swiper-container.swiper-disabled .swiper-wrapper {
width: auto; }
.piranya-shop .category-bar.swiper-container.swiper-disabled .category-tab {
padding: 10px;
margin-bottom: -2px;
height: calc(100% + 2px);
width: auto; }
.piranya-shop .category-bar.swiper-container.swiper-disabled .category-tab.active {
border-radius: 7px 7px 0 0;
border-bottom: 0;
background: whitesmoke; }
.piranya-shop .category-bar.swiper-container.swiper-disabled .category-tab img {
display: none; }
.piranya-shop > .category-bar.swiper-pagination-bullets {
margin-top: 20px;
justify-content: space-around; }
.piranya-shop > .swiper-container:not(.category-bar) {
width: 100%; }
.piranya-shop > .swiper-container:not(.category-bar) > .panels.swiper-wrapper {
overflow: visible; }
.piranya-shop > .swiper-container:not(.category-bar) > .panels.swiper-wrapper > .panel {
overflow: visible; }
.piranya-shop > .swiper-container:not(.category-bar) > .panels.swiper-wrapper > .panel:not(.active) {
opacity: 1;
visibility: visible;
height: auto; }
.piranya-shop-order-create > select[name="category"] + .guide.select-category {
margin: 20px 0;
font-size: 2em;
line-height: 2em;
display: flex;
flex-direction: column;
align-items: center; }
.piranya-shop-order-create > select[name="category"] + .guide.select-category > i {
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 {
overflow: hidden; }
.piranya-shop-order-create .panels .category.disabled {
opacity: 0.3; }
.piranya-shop-order-create .panels > .panel {
overflow: hidden; }
.piranya-shop-order-create .panels.foldable > .panel > .heading {
cursor: pointer; }
.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 > .heading {
width: 100%;
clear: both;
position: relative;
box-sizing: border-box;
z-index: 2; }
.piranya-shop-order-create .panel > .heading > .cover {
width: 100%; }
.piranya-shop-order-create .panel .categories > .category {
width: 100%;
min-height: auto;
margin-top: 20px; }
.piranya-shop-order-create .panel .categories > .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 .categories > .category > .heading.has-image > img {
order: 1;
margin-bottom: auto;
max-height: 50px;
max-width: 50px; }
.piranya-shop-order-create .panel .categories > .category > .heading.has-image > .title {
font-size: 0.8em;
margin-top: auto;
color: white; }
.piranya-shop-order-create .panel .categories > .category.disabled .add-btn {
background-color: gray !important;
border: none; }
.piranya-shop-order-create .panels .categories > .category:first-child,
.piranya-shop-order-create .panels.foldable .categories > .category {
margin-top: 0; }
.piranya-shop .products {
width: 100%;
box-sizing: border-box; }
.piranya-shop.product.list-item {
align-items: center;
background-color: white;
box-sizing: border-box;
padding: 0 10px;
display: flex;
flex-direction: row;
position: relative; }
.piranya-shop.product.list-item.piranya-col {
padding: 20px;
flex-direction: column; }
.piranya-shop.product.list-item.piranya-col .text {
margin: auto 0 0 0;
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-end; }
.piranya-shop.product.list-item.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;
word-break: break-word; }
.piranya-shop.product.list-item:not(.piranya-col) {
margin-top: 10px;
width: 100%; }
.piranya-shop.product.list-item:not(.piranya-col):first-child {
margin-top: 0; }
.piranya-shop.product.list-item:not(.piranya-col) .sticker {
font-size: 0.6em;
left: 5px;
right: initial;
top: 5px; }
.piranya-shop.product.list-item.has-amount .text {
display: block; }
.piranya-shop.product.list-item.has-amount > div.price-wrapper {
flex-direction: row;
align-items: center;
padding: 10px;
box-sizing: border-box;
display: flex; }
.piranya-shop.product.list-item.has-amount > div.price-wrapper > * {
flex: 1; }
.piranya-shop.product.list-item.has-details-page div.image {
cursor: pointer; }
.piranya-shop.product.list-item .add-btn:not(.add-price) {
border: none;
clear: right;
cursor: pointer;
display: inline-block;
float: right;
font-size: 1.5em;
margin-left: auto;
padding: 0.29em 0.5em; }
.piranya-shop.product.list-item .add-btn:not(.add-price) > :focus {
outline: none; }
.piranya-shop.product.list-item .add-btn:not(.add-price) > p {
font-size: 1em;
line-height: 1em; }
.piranya-shop.product.list-item .amount > * {
flex: 1;
width: 100%;
text-align: center;
margin: 0; }
.piranya-shop.product.list-item .amount > input[type="number"] {
margin: 0 5px; }
.piranya-shop.product.list-item .description {
float: left;
clear: left;
width: 100%; }
.piranya-shop.product.list-item .image + .text {
width: calc(100% - 145px); }
.piranya-shop.product.list-item .price-wrapper {
text-align: center; }
.piranya-shop.product.list-item .price-wrapper > .configurations {
display: flex;
flex-direction: column; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p {
display: flex;
flex-direction: row; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p.range > .value .header {
margin-right: 0.15em; }
@media not all and (min-width: 768px) {
.piranya-shop.product.list-item .price-wrapper > .configurations {
flex-direction: row; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p {
flex-direction: column;
text-align: center; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p:not(:first-child) {
margin-left: 1rem; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p > .header {
margin-right: 0; } }
@media screen and (min-width: 768px) {
.piranya-shop.product.list-item .price-wrapper > .configurations > p {
justify-content: space-between;
text-align: right; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p > .header {
margin-right: 1rem; } }
.piranya-shop.product.list-item .price-wrapper p.price {
white-space: nowrap; }
.piranya-shop.product.list-item .price-wrapper:not(.has-before) > .price.has-value:not(.add-btn).now > .header, .piranya-shop.product.list-item .price-wrapper:not(.has-before) > .price.has-value:not(.add-btn).range > .header {
display: none; }
.piranya-shop.product.list-item .price-wrapper:not(.has-before) > .price.has-value:not(.add-btn).range .from > .header {
text-transform: capitalize; }
.piranya-shop.product.list-item .price-wrapper.has-product-unit > .configurations > p.range.config {
justify-content: flex-end; }
.piranya-shop.product.list-item .price-wrapper.has-product-unit > .configurations > p.range.config > .value {
margin-right: 0.5em; }
.piranya-shop.product.list-item .price.range > .value .header {
margin-right: 0.3em; }
.piranya-shop.product.list-item .price.range > .value .to {
display: none; }
.piranya-shop.product.list-item .price.add-btn {
display: flex; }
.piranya-shop.product.list-item .price.add-btn > * {
align-self: center; }
.piranya-shop.product.list-item .price.add-btn:not(.pick) {
flex-direction: column; }
.piranya-shop.product.list-item .price.add-btn:not(.pick) > .header {
display: none; }
.piranya-shop.product.list-item .price.add-btn.pick {
flex-direction: row;
flex-wrap: wrap; }
.piranya-shop.product.list-item .price.add-btn.pick > .header {
margin-left: auto; }
.piranya-shop.product.list-item .price.add-btn.pick > .value {
margin-right: auto; }
.piranya-shop.product.list-item .price.add-btn.range > .value .header {
text-transform: capitalize;
font-size: 0.3em;
vertical-align: top; }
.piranya-shop.product.list-item .price > .header {
margin-right: 0.15em; }
.piranya-shop.product.list-item .read-more {
text-decoration: none; }
.piranya-shop.product.list-item .read-more p {
float: right; }
.piranya-shop.product.list-item .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.product.list-item .read-more p span:before {
right: 100%;
content: " ";
position: absolute;
pointer-events: none;
top: 0;
border: 19px solid transparent;
border-right: 12px solid gray; }
.piranya-shop.product.list-item .text {
clear: left;
margin-top: 8px;
margin-bottom: 8px;
display: flex;
align-items: center;
flex-direction: row; }
.piranya-shop.product.list-item .text > div:not(.eyecatcher) {
display: flex;
flex-direction: column; }
.piranya-shop.product.list-item .text .price {
float: right;
margin-left: auto;
margin-right: 10px; }
.piranya-shop.product.list-item .title {
color: black;
float: left; }
.piranya-shop.product.list-item.piranya-col .description {
margin-bottom: 10px; }
.piranya-shop.product.list-item.piranya-col .read-more {
margin-top: 10px;
width: 100%; }
.piranya-shop.product.list-item.piranya-col .text {
width: 100%; }
.piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .price-wrapper {
width: 100%;
margin: auto 0 10px 0; }
.piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .read-more, .piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .actions {
width: calc(50% - 20px);
margin: 0 10px 10px 10px; }
.piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .read-more > .amount, .piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .actions > .amount {
width: 100%; }
.piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .read-more p span {
display: none; }
.piranya-shop.product.list-item:not(.piranya-col) .price-wrapper,
.piranya-shop.product.list-item:not(.piranya-col) .text + .actions,
.piranya-shop.product.list-item:not(.piranya-col) .text + .read-more {
margin-left: auto; }
.piranya-shop.product.list-item:not(.piranya-col) .price-wrapper,
.piranya-shop.product.list-item:not(.piranya-col) .text {
margin-right: 10px; }
.piranya-shop.product.list-item:not(.piranya-col).incompatible:after {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
.piranya-shop.product.list-item.has-image.piranya-col div.image {
height: 300px;
width: 100%;
max-width: none;
margin: 0; }
.piranya-shop.product.list-item.has-image:not(.piranya-col) {
padding: 0 10px; }
.piranya-shop.product.list-item.has-image:not(.piranya-col) div.image {
min-height: 100px; }
.piranya-shop.product.list-item.has-image 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.product.list-item.has-image .text {
clear: none;
display: flex;
flex-direction: column;
align-items: flex-start; }
.piranya-shop.product.list-item.incompatible {
pointer-events: none; }
.piranya-shop.product.list-item.incompatible > * {
filter: grayscale(100%); }
.piranya-shop.product.list-item.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.product.list-item.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:not([data-has-initialized-order-create]) .product div.image,
.piranya-shop-order-create.disabled .product div.image,
.piranya-shop-order-create .products:not(.show-images) .product div.image {
background-image: none; }
/* 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 */
@media screen and (min-width: 768px) {
.piranya-shop-order-create > select[name="category"],
.piranya-shop-order-create > select[name="category"] + .guide.select-category {
display: none; }
.piranya-shop-order-create .panels .swiper-button-prev,
.piranya-shop-order-create .panels .swiper-button-next,
.piranya-shop-order-create .panels .swiper-pagination {
display: none; }
.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; } }
.piranya-shop.piranya-shop-order-create .panels > .panel > .content > .bundle:not(.selected) ~ div {
height: 0;
overflow: hidden; }
@media not all and (min-width: 768px) {
.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 > select[name="category"] {
margin-bottom: 20px; }
.piranya-shop-order-create > select[name="category"] ~ .category-bar,
.piranya-shop-order-create > select[name="category"] ~ .panels .panel > .heading {
display: none; }
.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.swiper-wrapper,
.piranya-shop-order-create .panels.foldable .panel.active .products.piranya-grid.swiper-wrapper {
display: flex; }
.piranya-shop-order-create .panels .swiper-pagination {
position: relative;
margin: 10px 0; }
.piranya-shop-order-create .panels.foldable .products.piranya-grid .product:not(:last-child) {
margin-bottom: 10px; } }
@media not all and (min-width: 768px) {
.piranya-shop .products.show-images .product:not(.piranya-col) div.image {
display: none; }
.piranya-shop .products.show-images .product {
padding: 0 10px; }
.piranya-shop .products.show-images h3 {
font-size: 1em; }
.piranya-shop .products.show-images h4 {
font-size: 1em; }
.piranya-shop .products.show-images p {
font-size: 0.8em; } }
.p-marketing[data-handler="Popup.SingleMessage"][data-presented-entity-type="Product"] > .product {
max-width: 600px; }
/* piranya/shop */
.mini-cart {
display: none;
background: white;
align-self: stretch;
align-items: center;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
float: right; }
.mini-cart.show {
display: flex; }
.mini-cart button.show-cart {
background: none;
border: none;
display: flex;
justify-content: center;
cursor: pointer; }
.mini-cart button.show-cart:focus {
outline: none; }
.mini-cart button.show-cart i.fa.fa-shopping-cart {
margin-right: 10px; }
.mini-cart button.show-cart .total-items {
display: none; }
.piranya-shop-order-create {
width: 100%;
position: relative; }
.piranya-shop-order-create .cart-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;
transition: right 0.5s ease;
z-index: 10000;
max-width: 448px;
box-sizing: border-box; }
.piranya-shop-order-create .cart-wrapper > .cart,
.piranya-shop-order-create .cart-wrapper > .summary {
background: white;
border: 1px solid #f5f5f5;
box-shadow: 0 0 20px #888888; }
.piranya-shop-order-create .cart-wrapper.open {
right: 0; }
.piranya-shop-order-create .cart-wrapper .cart {
width: 100%;
height: 100%;
padding: 10px;
box-sizing: border-box; }
.piranya-shop-order-create .cart {
height: 100%;
width: 100%;
display: flex;
flex-direction: column; }
.piranya-shop-order-create .cart[data-add-basket-item-animation="bounce-in-top"] .items > .product.separator-bottom.new {
-webkit-animation: bounce-in-top 1.1s 300ms both;
animation: bounce-in-top 1.1s 300ms both; }
.piranya-shop-order-create .cart[data-add-basket-item-animation="bounce-in-left"] .items > .product.separator-bottom.new {
-webkit-animation: bounce-in-left 1.1s 300ms both;
animation: bounce-in-left 1.1s 300ms both; }
.piranya-shop-order-create .cart[data-add-basket-item-animation="slide-in-left"] .items > .product.separator-bottom.new {
-webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms both;
animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms both; }
.piranya-shop-order-create .cart .step-header {
background-color: transparent; }
.piranya-shop-order-create .cart .step-header > p.step-headline {
text-align: center; }
.piranya-shop-order-create .cart .step-header + .step-content {
margin-top: 10px; }
.piranya-shop-order-create .cart > .info {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop-order-create .cart > .info > p {
display: block;
margin-top: 10px;
text-align: center; }
.piranya-shop-order-create .cart .add-remove .fa,
.piranya-shop-order-create .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 .cart .add-remove .fa:hover,
.piranya-shop-order-create .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 {
border-bottom: 1px dashed #cecece;
width: 100%;
margin-top: 10px;
padding-bottom: 10px; }
.piranya-shop-order-create .cart .payment-methods-price-tags {
margin-top: 10px; }
.piranya-shop-order-create .cart > .items {
width: 100%;
overflow-y: auto;
background-color: inherit; }
.piranya-shop-order-create .cart > .items > .product {
background-color: inherit; }
.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 .cart.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 .department-wrapper:empty,
.piranya-shop-order-create .cart .desired-delivery-time:empty,
.piranya-shop-order-create .cart .redeem-rebates:empty,
.piranya-shop-order-create .cart .shipping:empty {
display: none; }
.piranya-shop-order-create .cart.empty .department-wrapper,
.piranya-shop-order-create .cart.empty .desired-delivery-time,
.piranya-shop-order-create .cart.empty .redeem-rebates,
.piranya-shop-order-create .cart.empty .shipping {
display: none; }
.piranya-shop-order-create .cart > .redeem-rebates > .step-header {
display: none; }
.piranya-shop-order-create .cart > .redeem-rebates > .step-content {
margin-top: 0; }
.piranya-shop-order-create .basket:not(.empty) > .cart.has-departments .department-wrapper {
animation: fadeIn 0.8s; }
.piranya-shop-order-create .cart .product .amount-picker {
font-size: 0.7em; }
.piranya-shop-order-create .cart .product .amount-picker > * {
font-size: 1em;
line-height: 1em; }
.piranya-shop-order-create .cart .product .amount-picker > input[type="number"] {
max-width: 4em; }
.piranya-shop-order-create .cart .title {
font-size: 1.1em;
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:empty,
.piranya-shop-order-create .cart .variant .separator {
display: none; }
.piranya-shop-order-create .cart .variant > * {
display: block;
width: 100%; }
.piranya-shop-order-create .cart .variant .acquisition-header {
margin-bottom: 1em; }
.piranya-shop-order-create .cart .variant .acquisition-header:not(:first-child) {
margin-top: 1em; }
.piranya-shop-order-create .cart .no-items {
display: flex;
justify-content: center; }
.piranya-shop-order-create .cart .product p.notice {
clear: left;
float: left;
margin-bottom: 5px; }
.piranya-shop-order-create .cart .product p.notice.negative, .piranya-shop-order-create .cart .product p.notice.requirement:not(.met) {
color: red; }
.piranya-shop-order-create .cart .product p.notice > .label {
margin-right: 5px; }
.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[data-product-type="grouped"] > .count,
.piranya-shop-order-create .cart .product.parent[data-product-type="grouped"] > .add-remove {
display: none; }
.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.parent[data-product-type="grouped"] > .content .price, .piranya-shop-order-create .cart .product.parent[data-product-type="predefined_bundle"] > .content .price {
display: none; }
.piranya-shop-order-create .cart .product > .content {
width: 95%;
margin: 0 0 0 5%; }
.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 {
float: left;
font-size: 0.9em;
width: auto; }
.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 .add-remove .fa,
.piranya-shop-order-create .cart .product > .content .delete .fa {
font-size: 0.5em;
padding: 6px; }
.piranya-shop-order-create .cart > .comment > a {
cursor: pointer; }
.piranya-shop-order-create .cart.empty > .cart > .comment,
.piranya-shop-order-create .cart.empty > .cart > .department-wrapper,
.piranya-shop-order-create .cart.empty > .cart > .desired-delivery-time,
.piranya-shop-order-create .cart.empty > .cart > .shipping {
display: none; }
.piranya-shop-order-create .cart .shipping .shipping-methods-wrapper {
position: relative; }
.piranya-shop-order-create .cart .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 .cart .shipping .shipping-methods-wrapper.expandable:not(.expanded) > p.header {
width: 10%; }
.piranya-shop-order-create .cart .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 .cart .shipping .shipping-methods-wrapper.expandable:not(.expanded) > .piranya-btn {
opacity: 0; }
.piranya-shop-order-create .cart .shipping .shipping-methods-wrapper > .shipping-methods {
clear: both;
padding-bottom: 10px; }
.piranya-shop-order-create .cart .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 .cart .shipping .shipping-methods-wrapper.expandable:not(.expanded) > .shipping-methods {
max-height: 0;
padding-bottom: 0; }
.piranya-shop-order-create .cart .shipping .shipping-methods-wrapper + .desired-delivery-time {
margin-top: 0; }
.piranya-shop-order-create .cart > .sub-order > .piranya-txt + .piranya-btn {
margin-top: 10px; }
.piranya-shop p.value-editable > .edit {
padding-left: 5px;
cursor: pointer; }
.piranya-shop-order-create > .cart-wrapper > .summary {
bottom: -500px;
box-sizing: border-box;
display: none;
flex-direction: row;
justify-content: center;
left: 0;
opacity: 0;
padding: 20px;
position: fixed;
transition: background-color 1s ease, opacity 0.5s ease, bottom 0.5s ease;
width: 100%; }
.piranya-shop-order-create > .cart-wrapper > .summary.negative {
background-color: #f2dede;
border: 1px solid #ebccd1; }
.piranya-shop-order-create > .cart-wrapper > .summary.negative > p {
color: #a94442; }
.piranya-shop-order-create > .cart-wrapper > .summary > * {
display: block;
margin: 0; }
.piranya-shop-order-create > .cart-wrapper > .summary > *:not(:empty) {
width: auto;
display: flex;
align-items: center;
margin-right: 20px; }
.piranya-shop-order-create > .cart-wrapper > .summary > .total-price {
margin-left: auto; }
.piranya-shop-order-create > .cart-wrapper > .summary > .total-price > .value {
padding-left: 5px; }
.piranya-shop-order-create > .cart-wrapper > .summary .piranya-btn {
margin: 0; }
.piranya-shop-order-create > .cart-wrapper > .summary .piranya-btn > p {
white-space: nowrap; }
.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 > .piranya-btn.return-to-shop,
.piranya-shop-order-create .cart > .actions > .piranya-btn.return-to-shop + .piranya-btn.continue {
font-size: 0.8em;
margin: 0 20px 0 0;
width: calc(50% - 10px); }
.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-order-create .cart > .totals {
margin-top: auto; }
.piranya-shop-order-create .cart > .totals > div {
width: 100%; }
@media (min-width: 980px) {
.piranya-shop-order-create:not(.sidecart):not(.no-basket):not(.only-list) > .panels, .piranya-shop-order-create:not(.sidecart):not(.no-basket):not(.only-list):not(.has-separate-basket) > .panels-swiper-container {
width: calc(70% - 10px); }
.piranya-shop-order-create:not(.sidecart) > .cart-wrapper {
position: absolute;
position: -webkit-sticky;
position: sticky;
top: 20px;
margin-left: 20px;
width: calc(30% - 10px);
z-index: 0;
max-width: none; }
.piranya-shop-order-create:not(.sidecart) > .cart-wrapper > .cart {
box-shadow: none; }
.piranya-shop-order-create:not(.sidecart) .cart {
height: auto; }
.piranya-shop-order-create:not(.sidecart) .cart > .header {
margin-top: 0; }
.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 not all and (min-width: 980px) {
.piranya-shop-order-create > .cart-wrapper:not(.open):not(.empty) > .summary {
opacity: 1;
bottom: 0; }
.piranya-shop-order-create > .cart-wrapper > .summary {
display: flex; } }
@media (max-width: 599px) {
.piranya-shop-order-create .cart .add-remove .fa,
.piranya-shop-order-create .cart .delete .fa {
padding: 5px; }
.piranya-shop-order-create .cart .add-remove .fa {
margin-top: 5px; }
.piranya-shop-order-create .cart > .header:after {
content: none; } }
@media (max-height: 899px) {
.piranya-shop-order-create .cart-wrapper:not(.checkout-inside) > .cart > .desired-delivery-time {
display: none; } }
@media not all and (min-width: 980px) {
.mini-cart {
background: white;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-left: 20px;
padding-right: 20px; }
.mini-cart i.fa.fa-shopping-cart {
margin-right: 10px; } }
body.is-in-iframe .piranya-shop-order-create .cart-wrapper {
height: auto; }
/* piranya/shop */
@keyframes spin-clockwise {
from {
transform: translate(-50%, -50%) rotate(0); }
to {
transform: translate(-50%, -50%) rotate(360deg); } }
.piranya-shop.order-planner {
width: 100%; }
.piranya-shop.order-planner > .plan {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
width: 100%; }
.piranya-shop.order-planner > .plan.is_loading {
padding-bottom: calc(5em + 3px); }
.piranya-shop.order-planner > .plan.is_loading:after {
box-sizing: border-box;
content: '';
pointer-events: none;
position: absolute;
bottom: -1.5em;
left: 50%;
width: 4em;
height: 4em;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #212121;
animation: spin-clockwise .6s linear infinite;
transform: translate(-50%, -50%); }
.piranya-shop.order-planner > .plan.is_loading button.save {
display: none; }
.piranya-shop.order-planner > .plan > .header {
align-items: flex-end;
display: flex;
flex-direction: row;
width: 100%; }
.piranya-shop.order-planner > .plan > .header > .right {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: 22px; }
.piranya-shop.order-planner > .plan > .header .days {
align-items: center;
display: flex;
flex-direction: row; }
.piranya-shop.order-planner > .plan > .header .days > .day {
align-items: center;
display: flex;
flex-direction: column;
width: calc(2.6em + 0.1em + 13.5px + 2px + 2px); }
.piranya-shop.order-planner > .plan > .header .days > .day > p {
font-size: 1em; }
.piranya-shop.order-planner > .plan > .header .days > .day:not(:first-child) {
margin-left: 10px; }
.piranya-shop.order-planner > .plan > .header .days > .day > .day_of_week {
text-transform: capitalize; }
.piranya-shop.order-planner > .plan > .header .actions {
display: flex;
flex-direction: row; }
.piranya-shop.order-planner > .plan > .header .actions > button {
background: transparent;
border: 1px solid #f0f0f0;
border-radius: 20px;
cursor: pointer;
padding: 10px 20px; }
.piranya-shop.order-planner > .plan > .header .actions > button.guided {
border-color: #51a389;
color: #51a389; }
.piranya-shop.order-planner > .plan > .header .actions > button.guided:not(.available) {
display: none; }
.piranya-shop.order-planner > .plan > .period-selector {
align-items: center;
border: 1px solid #f0f0f0;
border-radius: 20px;
display: flex;
flex-direction: row;
justify-content: space-between; }
.piranya-shop.order-planner > .plan > .period-selector > button {
border: 0;
background: transparent;
cursor: pointer;
font-size: 1.2em; }
.piranya-shop.order-planner > .plan > .period-selector > button.next {
border-left: 1px solid #f0f0f0;
border-radius: 0 20px 20px 0;
padding: 10px 15px 10px 13px; }
.piranya-shop.order-planner > .plan > .period-selector > button.previous {
border-radius: 20px 0 0 20px;
border-right: 1px solid #f0f0f0;
padding: 10px 13px 10px 15px; }
.piranya-shop.order-planner > .plan > .period-selector > .title {
font-size: 1.2em;
margin: 0 20px;
line-height: 1em;
padding-bottom: 10px;
padding-top: 10px; }
.piranya-shop.order-planner > .plan > .items {
align-items: stretch;
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop.order-planner > .plan > .items .row {
align-items: center;
border: 1px solid #f0f0f0;
border-radius: 20px;
display: flex;
flex-direction: row;
margin-top: 10px;
padding: 10px 20px; }
.piranya-shop.order-planner > .plan > .items .row.multi {
align-items: flex-start;
flex-direction: column; }
.piranya-shop.order-planner > .plan > .items .row > .remove {
background: #f0f0f0;
border: none;
border-radius: 20px;
color: #212121;
cursor: pointer;
font-size: 1em;
line-height: 1em;
padding: 6px 10px 8px 10px;
transition: background 0.2s ease-in-out; }
.piranya-shop.order-planner > .plan > .items .row > .remove:hover {
background: #d7d7d7; }
.piranya-shop.order-planner > .plan > .items .row > .remove + .content {
margin-left: 20px; }
.piranya-shop.order-planner > .plan > .items .row > .children {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop.order-planner > .plan > .items .row > .children > .row {
border: none;
box-shadow: none;
padding: 0; }
.piranya-shop.order-planner > .plan > .items .row > .children > .row > .content > .short_description,
.piranya-shop.order-planner > .plan > .items .row > .children > .row > .content > .title {
display: none; }
.piranya-shop.order-planner > .plan > .items .row .content {
align-items: flex-start;
display: flex;
flex-direction: column; }
.piranya-shop.order-planner > .plan > .items .row .content > .choices:not(:empty) + .actions {
padding-top: 10px; }
.piranya-shop.order-planner > .plan > .items .row .content > .actions {
align-items: center;
display: flex;
flex-direction: row;
margin-top: auto; }
.piranya-shop.order-planner > .plan > .items .row .content > .actions > button {
background: #f0f0f0;
border: none;
cursor: pointer;
margin-right: 10px;
padding: 0.3em 0.6em;
transition: background 0.2s ease-in-out; }
.piranya-shop.order-planner > .plan > .items .row .content > .actions > button:hover {
background: #d7d7d7; }
.piranya-shop.order-planner > .plan > .items .row .short_description {
color: #9f9f9f;
font-size: 1em; }
.piranya-shop.order-planner > .plan > .items .row .title {
color: #212121;
font-size: 1em; }
.piranya-shop.order-planner > .plan > .items .row > .days {
display: flex;
flex-direction: row;
margin-left: auto; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day {
border: 1px solid #9f9f9f;
border-radius: 20px;
padding: 1px;
position: relative;
transition: border-color 0.6s ease-in-out; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day:not(:first-child) {
margin-left: 10px; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day > input[type="number"] {
border: none;
border-radius: 20px;
color: #212121;
font-size: 1em;
outline: none;
padding: 1em 0.05em 1em calc(0.05em + 13.5px);
text-align: center;
width: 2.6em; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day.has-saved-changes > .spinner, .piranya-shop.order-planner > .plan > .items .row > .days > .day.has-unsaved-changes > .spinner {
border-radius: 20px;
box-sizing: border-box;
height: 100%;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: -1; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day.has-saved-changes > .spinner:before, .piranya-shop.order-planner > .plan > .items .row > .days > .day.has-unsaved-changes > .spinner:before {
background: conic-gradient(transparent 0.1666turn, transparent 0.1666turn 0.3333turn, transparent 0.3333turn 0.5turn, transparent 0.5turn 0.6666turn, transparent 0.6666turn 0.8333turn, #212121 0.8333turn);
box-sizing: border-box;
content: '';
opacity: 1;
pointer-events: none;
position: absolute;
left: 50%;
width: 200%;
height: 200%;
top: 50%;
animation: spin-clockwise 0.6s linear infinite;
transform: translate(-50%, -50%);
transition: opacity 0.6s ease-in-out; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day.has-saved-changes {
border-color: #3e9b4b; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day.has-saved-changes > .spinner:before {
opacity: 0; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day.has-error {
border-color: red; }
.piranya-shop.order-planner > .plan > .items .row > .days > .day.has-error > .spinner:before {
opacity: 0; }
.piranya-shop.order-planner > .plan > .items .row.empty-indicator {
padding: 27px;
justify-content: center; }
.piranya-shop.order-planner > .plan > .items .row.empty-indicator > .content {
margin-left: 0; }
.piranya-shop.order-planner > .plan > .summary {
align-items: stretch;
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop.order-planner > .plan > .summary:not(:empty) {
margin-top: 20px; }
.piranya-shop.order-planner > .plan > .summary > .grouping {
align-items: center;
background-color: #f0f0f0;
border-radius: 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
padding: 10px 22px 10px 74px;
width: 100%; }
.piranya-shop.order-planner > .plan > .summary > .grouping:not(:first-child) {
margin-top: 20px; }
.piranya-shop.order-planner > .plan > .summary > .grouping > .content {
align-items: flex-end;
display: flex;
flex-direction: column;
margin-left: auto; }
.piranya-shop.order-planner > .plan > .summary > .grouping > .title {
font-size: 1.4em; }
.piranya-shop.order-planner > .plan > .summary .grouping > .title {
color: #212121;
width: auto; }
.piranya-shop.order-planner > .plan > .summary .sub-grouping {
display: flex;
flex-direction: row; }
.piranya-shop.order-planner > .plan > .summary .sub-grouping > .title {
color: #9f9f9f;
font-size: 0.8em; }
.piranya-shop.order-planner > .plan > .summary .days {
display: flex;
flex-direction: row; }
.piranya-shop.order-planner > .plan > .summary .days > .day {
color: #212121;
text-align: center;
width: calc(2.6em + 0.1em + 13.5px + 2px + 2px); }
.piranya-shop.order-planner > .plan > .summary .days > .day:not(:first-child) {
margin-left: 10px; }
.piranya-shop.order-planner > .plan > .footer {
bottom: 0;
position: sticky;
width: 100%; }
.piranya-shop.order-planner > .plan > .footer > .actions {
background-color: white;
display: flex;
flex-direction: row;
justify-content: center;
width: 100%; }
.piranya-shop.order-planner > .plan > .footer > .actions > button {
background: #51a389;
border: none;
border-radius: 20px;
color: white;
cursor: pointer;
font-size: 1.4em;
padding: 10px 20px; }
.piranya-shop.order-planner > .plan > .footer > .actions:not(:empty) {
margin-top: 5px;
padding: 20px 0; }
.piranya-shop.order-planner > .plan:not(.is_flushing) .day.has-unsaved-changes > .spinner:before {
opacity: 0 !important; }
.piranya-shop.order-planner > .plan.locked > .header button.guided {
display: none; }
.piranya-shop.order-planner > .plan.locked > .items .row button.remove {
display: none; }
.piranya-shop.order-planner > .plan.locked > .items .row button.remove + .content {
margin-left: 0; }
.piranya-shop.order-planner > .plan.locked > .items .row .content > .actions {
display: none; }
.piranya-shop.order-planner > .plan.locked + .order-create {
display: none; }
.piranya-shop.order-planner > .plan + .order-create {
margin-top: 80px; }
.piranya-shop.order-planner.guided > .plan > .header .actions > button.guided {
background-color: #51a389;
color: white; }
.piranya-shop.order-planner > .order-create .panels .products.loading {
padding-bottom: calc(5em + 3px);
position: relative; }
.piranya-shop.order-planner > .order-create .panels .products.loading:after {
box-sizing: border-box;
content: '';
pointer-events: none;
position: absolute;
bottom: -1.5em;
left: 50%;
width: 4em;
height: 4em;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #212121;
animation: spin-clockwise .6s linear infinite;
transform: translate(-50%, -50%); }
/* piranya/shop */
.piranya-shop.dialog.product.add-to-basket.wizard {
padding: 0;
overflow: hidden;
transition: unset;
height: fit-content; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices {
overflow: hidden;
height: fit-content;
display: flex;
flex-flow: row wrap; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices > .next,
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices > .previous {
border: none;
border-radius: unset;
width: calc(50% - 2px);
padding: 10px 20px;
margin: 10px 0 0 0;
text-align: center; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices > .next {
margin-left: 4px; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices[data-page*="0"] > .previous {
display: none; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices[data-page*="0"] > .next {
margin-left: 0;
width: 100%; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices[data-page*="final"] > .previous {
width: 100%;
background: unset;
color: black;
font-size: 1em; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices[data-page*="final"] > .next {
display: none; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices[data-page*="final"].singlePage > .previous {
display: none; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices .variants {
display: grid;
grid-template-columns: repeat(100, 100%);
grid-template-rows: min-content;
position: relative;
width: 100% !important;
right: 0%;
transition: right 500ms ease; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices .variants .group {
width: 100% !important;
flex: 0 0 100%;
padding: 0px 10px; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices .variants .group[data-page-index] {
grid-row: unset; }
@media (max-width: 480px) {
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices .variants .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property:not(:last-child) {
margin-bottom: 5px; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices .variants .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property {
align-items: center;
flex-direction: row; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices .variants .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .amount, .piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices .variants .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .price {
margin: 0 0 0 10px;
width: auto; } }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices[data-page] .group:not(.active) {
max-height: 0;
min-height: 0;
opacity: 0;
padding: 0;
margin: 0;
border: none;
transition: unset; }
.piranya-shop.dialog.product.add-to-basket.wizard > form > .wrapper > .choices[data-page] .group:not(.active) * {
max-height: 0;
opacity: 0;
padding: 0;
margin: 0;
border: none;
transition: unset; }
.piranya-shop.dialog.product.add-to-basket.wizard .choices:not([data-page*=final]) ~ * {
max-height: 0px;
opacity: 0;
padding: 0px;
margin: 0px;
border: none;
transition: max-height 0.25s ease; }
.piranya-shop.dialog.product.add-to-basket.wizard .choices:not([data-page*=final]) ~ * * {
user-select: none;
cursor: pointer;
max-height: 0px;
opacity: 0;
padding: 0px;
margin: 0px;
border: none;
font-size: 0em; }
.piranya-shop.dialog.product.add-to-basket.wizard .wrapper .item-count, .piranya-shop.dialog.product.add-to-basket.wizard .wrapper .totals {
padding: 0px 10px; }
.piranya-shop.dialog.product.add-to-basket.wizard .wrapper > button {
border-radius: unset; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group * {
transition: all 0s ease; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group > .content {
max-height: 900px;
overflow: hidden; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group > .content > .property:not(.has-price) .price:not(.keep) {
opacity: 1; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group > .content > .property:not(.has-price) .price:not(.keep) .value .sign {
opacity: 0; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group > .header {
justify-content: space-between;
margin-bottom: 5px; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group > .header.inactive:not(.pending) {
background: #d9d9d9; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group > .header.inactive, .piranya-shop.dialog.product.add-to-basket.wizard .variants > .group > .header.active {
cursor: pointer; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.active:after,
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.pending:after {
content: "\f077";
font: normal normal normal 1em/1 FontAwesome; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.active + .content, .piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.active + .content .group,
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.pending + .content,
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.pending + .content .group {
transition: max-height .25s linear; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.inactive:not(.pending) .title {
color: darkgrey; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.inactive.pending:after {
content: "\f078"; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.inactive:not(.pending):after {
content: "\f078";
font: normal normal normal 1em/1 FontAwesome;
color: darkgrey; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.inactive + .content {
max-height: 0px;
transition: max-height .25s linear;
overflow: hidden; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.inactive + .content > .property {
max-height: 0px;
opacity: 0;
padding: 0px;
margin: 0px;
border: none; }
.piranya-shop.dialog.product.add-to-basket.wizard .variants > .group .header.inactive + .content > .property * {
max-height: 0px;
opacity: 0;
padding: 0px;
margin: 0px;
border: none; }
/* piranya/shop */
.piranya-shop-shipping-calculator {
display: flex;
flex-flow: column nowrap;
width: 100%; }
.piranya-shop-shipping-calculator > .piranya-shop-checkout-data-address {
width: 100%; }
.piranya-shop-shipping-calculator > .piranya-shop-checkout-data-address > h2 {
width: 100%; }
.piranya-shop-shipping-calculator > .piranya-shop-checkout-data-address .piranya-input-container.p-checkbox {
display: none; }
.piranya-shop-shipping-calculator > div[data-view-name] {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper {
max-height: 2000px;
overflow: hidden;
transition: max-height 0.6s ease-in-out;
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper.no-address {
max-height: 0; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .header {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item {
padding: 10px 0px;
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item:not(:last-child) {
border-bottom: 1px solid #efefef; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item:last-child {
padding-bottom: 0; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .header {
width: 100%;
margin-bottom: 5px; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .header .title {
width: auto; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .content {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .content .duration {
display: none;
/* hide by default */
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .content .usage {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .content .price-wrapper {
width: auto;
margin-top: 5px;
font-size: 1.1em;
text-align: right; }
.piranya-shop-shipping-calculator_call-to-action > .piranya-shop-shipping-calculator {
max-height: 0;
overflow: hidden;
transition: max-height 0.6s ease-in-out; }
.piranya-shop-shipping-calculator_call-to-action > .piranya-shop-shipping-calculator.expanded {
max-height: 2000px; }
/* piranya/shop */
.piranya-shop-supplier-products > .piranya-view-content,
.supplier-product-orders > .piranya-view-content {
align-items: flex-start;
display: flex;
flex-direction: column; }
.piranya-shop-supplier-products table,
.supplier-product-orders table {
float: left;
margin: 20px 0;
width: 100%; }
.piranya-shop-supplier-products td,
.supplier-product-orders td {
border-bottom: 1px solid #c3c3c3;
padding: 10px;
text-align: center; }
.piranya-shop-supplier-products td:not(.comment),
.supplier-product-orders td:not(.comment) {
white-space: nowrap; }
.piranya-shop-supplier-products a,
.supplier-product-orders a {
display: block;
float: left; }
.piranya-shop-supplier-products .group,
.supplier-product-orders .group {
display: flex;
flex-direction: column;
margin-top: 20px;
width: 100%; }
.piranya-shop-supplier-products .group + .group,
.supplier-product-orders .group + .group {
margin-top: 40px; }
.piranya-shop-supplier-products > h1 {
margin-bottom: 0; }
.piranya-shop-supplier-products form {
align-items: stretch;
display: flex;
flex-direction: row;
justify-content: center;
margin: 40px 0; }
.piranya-shop-supplier-products form > .select {
align-items: stretch;
display: flex;
flex-direction: row; }
.piranya-shop-supplier-products form > input {
margin-left: 10px; }
.piranya-shop-supplier-products form + table {
margin-top: 0; }
/* piranya/shop */
.piranya-shop .choices > .variants,
.piranya-shop .variants > * {
float: left;
clear: left;
width: 100%; }
.piranya-shop .variants > span.separator {
min-height: 1em; }
.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;
width: 100%; }
.piranya-shop .variants > .group > .header > .status {
margin-left: auto;
font-size: 0.9em; }
.piranya-shop .variants > .group > div.description {
margin-top: 10px;
width: 100%; }
.piranya-shop .variants > .group > .content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
float: left;
width: 100%; }
.piranya-shop .variants > .group > .content.swiper-wrapper {
flex-wrap: nowrap; }
.piranya-shop .variants > .group > .content.swiper-wrapper > .swiper-slide {
margin: 0; }
.piranya-shop .variants > .group.swiper-container-horizontal > .swiper-wrapper {
flex-direction: row; }
.piranya-shop .variants > .group > .content > .property {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 100%;
/* Amount picker */
/* end of amount picker */ }
.piranya-shop .variants > .group > .content > .property > div.label-and-input {
display: flex;
flex-direction: row;
align-items: center; }
.piranya-shop .variants > .group > .content > .property div.image {
background-image: url("/content/v1.0.8158.153201/piranya/images/NoPicture.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 10px;
min-height: 70px;
min-width: 70px; }
.piranya-shop .variants > .group > .content > .property div.image:not(:empty) {
width: 70px; }
.piranya-shop .variants > .group > .content > .property div.image > a.small {
text-align: center;
width: 100%;
display: block; }
.piranya-shop .variants > .group > .content > .property div.image > a.small > img {
width: 100%; }
.piranya-shop .variants > .group > .content > .property button.description {
display: block;
clear: none;
width: auto;
border: none;
background: transparent;
font-size: 1.3em;
margin: 0;
color: #666;
cursor: pointer;
transition: color 0.2s ease; }
.piranya-shop .variants > .group > .content > .property button.description:hover {
color: black; }
.piranya-shop .variants > .group > .content > .property button.description:before {
content: "\f05a"; }
.piranya-shop .variants > .group > .content > .property label.property {
font-size: 1em; }
.piranya-shop .variants > .group > .content > .property label.property > h4 {
text-align: left; }
.piranya-shop .variants > .group > .content > .property .stock + .amount {
margin-left: 10px; }
.piranya-shop .variants > .group > .content > .property .amount {
align-items: stretch; }
.piranya-shop .variants > .group > .content > .property .amount > input[type="number"] {
flex-grow: unset;
max-width: 3.52em;
width: auto; }
.piranya-shop .variants > .group > .content > .property.p-toggle-box > .amount > .disabled {
opacity: 0; }
.piranya-shop .variants > .group > .content > .property p.price {
margin-left: auto; }
.piranya-shop .variants > .group > .content > .property p.price:not(.keep) {
transition: opacity 0.3s ease; }
.piranya-shop .variants > .group > .content > .property:not(.has-price) .price:not(.keep) {
opacity: 0; }
.piranya-shop .variants > .group > .content > .property.has-price .price:not(.keep) {
opacity: 1; }
.piranya-shop .variants > .group > .content > .property > .p-checkbox > label,
.piranya-shop .variants > .group > .content > .property > .p-radio > label {
flex: 2; }
.piranya-shop .variants > .group > .content > .property > .p-checkbox > label > .price,
.piranya-shop .variants > .group > .content > .property > .p-radio > label > .price {
float: right; }
.piranya-shop .variants > .group[data-picker="button"] .amount {
opacity: 0;
transition: opacity 0.5s ease; }
.piranya-shop .variants > .group[data-picker="button"] .p-checkbox-button {
order: 5; }
.piranya-shop .variants > .group[data-picker="button"] .p-checkbox-button.checked ~ .amount {
opacity: 1; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property label {
display: none; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property .image-upload-editor {
width: 100%; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property .image-wrapper:not(.no-picture) {
width: 100%;
margin-bottom: 10px; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property .image-wrapper .no-picture {
display: none; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property .remove-btn {
margin-bottom: 10px;
float: left; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property input {
clear: both;
float: left; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .header + .property {
margin-top: 10px; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property:not(:last-child) {
margin-bottom: 10px; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property input[type="checkbox"],
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property input[type="radio"] {
display: none; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property label.property {
font-size: 1.2em; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property label.property > .separator {
display: none; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property label.property > .description {
clear: both;
float: left;
font-size: 0.7em; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property label.property > .title {
float: left; }
@media screen and (max-width: 480px) {
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property, .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property {
align-items: initial;
flex-direction: column;
flex-wrap: nowrap; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property p.price,
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .amount,
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .stock, .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property p.price,
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .amount,
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .stock {
margin: 0;
width: 100%; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property p.price:not(:empty),
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .amount:not(:empty),
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .stock:not(:empty), .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property p.price:not(:empty),
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .amount:not(:empty),
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .stock:not(:empty) {
margin-top: 10px; } }
.piranya-shop .variants > .group[data-picker="text"] label {
display: none; }
.piranya-shop .variants > .group[data-picker="text"] > .content > .property > div,
.piranya-shop .variants > .group[data-picker="text"] > .content > .property textarea {
width: 100%; }
@media screen and (max-width: 480px) {
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property:not(.selected) > p.price,
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property:not(.selected) > .amount {
display: none; } }
.piranya-shop .variants > .group[data-picker="toggle_box_button"]:not([data-is-amount-pickable="true"]) > .content {
flex-flow: row;
justify-content: space-between; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"]:not([data-is-amount-pickable="true"]) > .content > .property {
flex: 1;
justify-content: center;
margin: initial;
width: auto; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"]:not([data-is-amount-pickable="true"]) > .content > .property:not(:first-child) {
margin-left: 10px; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"]:not([data-is-amount-pickable="true"]) > .content > .property p.price:not(:empty) {
margin-left: 0.4em; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property.selected:not(.disabled):not(.unavailable) {
background-color: #709bc5;
border-color: transparent; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property.selected:not(.disabled):not(.unavailable) p, .piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property.selected:not(.disabled):not(.unavailable) label {
color: white; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property:not(.selected) > p.price,
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property:not(.selected) > .amount {
display: none; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property > .label-and-input {
flex: none;
width: auto; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property > .label-and-input label.property {
flex: none;
padding: 2px 0;
width: auto; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property > .label-and-input label.property:before, .piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property > .label-and-input label.property:after {
display: none; }
.piranya-shop .choices:not(.spacious) .variants > .group > .header + .property {
margin-top: 5px; }
.piranya-shop .choices:not(.spacious) .variants > .group > div.description {
display: none; }
.piranya-shop .choices:not(.spacious) .variants > .group select:not(:last-child) {
width: calc(100% - 35px); }
.piranya-shop .choices:not(.spacious) .variants > .group[data-picker="button"] .p-checkbox-button {
margin-left: 10px; }
.piranya-shop .choices.spacious .variants > .group > .header > .title {
margin-left: auto;
font-size: 2em; }
.piranya-shop .choices.spacious .variants > .group > button.description {
display: none; }
.piranya-shop .choices.spacious .variants > .group > div.description {
text-align: center; }
.piranya-shop .choices.spacious .variants > .group > .content > .property > .amount > * {
font-size: 1em; }
.piranya-shop .choices.spacious .variants > .group > .content > .property div.image {
margin-right: 20px;
min-width: 100px;
height: 100px; }
.piranya-shop .choices.spacious .variants > .group > .content > .property > div > label {
font-size: 1.1em; }
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > .content > .property:not(:last-child) {
margin-bottom: 20px; }
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > .content > .property.selected {
background-color: rgba(128, 185, 62, 0.4); }
.piranya-shop .choices.spacious .variants > .group[data-picker="button"] > .content > .property {
align-items: center;
flex-direction: column;
flex-wrap: nowrap; }
.piranya-shop .choices.spacious .variants > .group[data-picker="button"] > .content > .property .p-checkbox-button {
margin-top: 10px; }
.piranya-shop .choices.spacious .variants > .group[data-picker="button"] > .content > .property p.price {
margin-left: 0; }
.piranya-shop .choices.spacious .variants > .group:not([data-picker="amount_only"]),
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > * {
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="amount_only"]):not(:last-child),
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > *:not(:last-child) {
margin-bottom: 20px; }
/* 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;
}
/* /content/dynamic/36.css */
.piranya-shop-acceptterms-checkbox, .piranya-sales-and-delivery-conditions-link {
display: none;
}
body .load-complete, body .circle-loader, body .checkmark::after {
border-color: #EDC736;
}
.piranya-shop-order-items-container > table, .piranya-shop-order-items-container > table th, .piranya-shop-order-items-container > table td {
border-color: #EDC736;
}
.piranya-shop-order-items-container > table {
border-bottom: none;
border-right: none;
}
.piranya-view.piranya-view-shop.piranya-view-shop-checkout-confirm.one-step, .piranya-shop-checkout-success-container, .piranya-view-order-details
{
float: none;
margin: 0px auto;
position: relative;
max-width: 1200px;
width: 97%;
}
.piranya-view-order-details h1:first-of-type {
display:none;
}
.piranya-shop-order-delivery-container {
border: 1px solid #EDC736;
text-align: center;
padding: 10px;
box-sizing: border-box;
position: relative;
max-width: 620px;
width: calc(100% - 20px);
margin-left: calc(50% - 310px);
}
.piranya-shop-order-items-container {
color: #EDC736;
}
.piranya-shop-order-items-container > table tr:first-of-type {
font-weight: normal;
text-align:left;
}
.piranya-shop-order-items-container > table tr.total p{
font-weight: normal;
}
.piranya-shop-order-items-container > table tr:not(:first-of-type) td:nth-of-type(2) {
text-align:left;
}
.piranya-shop-order-items-container h3 {
font-size: 1.1em;
color: black;
}
.piranya-shop-order-items-container p {
color: black;
}
.piranya-view.piranya-view-shop.piranya-view-shop-checkout-confirm.one-step h3
{
font-size:1.2em;
font-weight:normal;
}
.piranya-view.piranya-view-shop.piranya-view-shop-checkout-confirm.one-step p
{
font-weight:normal;
}
.piranya-view-description {
display: none;
}
.step-header
{
background-color: #EDC736;
}
.step-headline {
color: black;
}
.piranya-first-row p
{
font-weight:normal;
}
.step-wrapper .desired-delivery-time h5
{
font-weight:normal;
margin-bottom:10px;
}
body .delivery-time
{
font-size:3.5em;
}
.piranya-cart-product > div > div:not(.piranya-shop-product-stock-wrapper) p span:first-of-type {
display: none;
margin-right: 5px;
}
.piranya-cart-product > div > div:not(.piranya-shop-product-stock-wrapper) p span:last-of-type {
font-family: ubuntu;
font-size: .7em;
display: block;
}
.piranya-cart-product .piranya-shop-product-stock-wrapper {
display: none;
}
.piranya-shop-departments select {
padding-left: 5px;
}
.piranya-shop-checkout-await-audit {
margin-top: 110px;
}
@media (max-width: 980px) and (min-width: 760px) {
.piranya-view-shop-checkout-confirm .piranya-grid .piranya-col.span_1_of_3:last-child {
clear: none;
margin: 1% 0 1% 1.6%;
}
}
@media (max-width: 654px) {
.piranya-shop-order-delivery-container {
margin-left: 0;
width: 100%;
}
}
@media (max-width: 759px) {
.piranya-col.span_1_of_3 {
margin-left: 0;
clear: left;
width: 100%;
}
}
/* /content/dynamic/37.css */
.heading {
padding: 20px 0px; }
.piranya-shop-order-create {
margin-top: 40px;
position: relative; }
.piranya-shop-order-create .category[data-entity-id="1"] .heading, .piranya-shop-order-create .category[data-entity-id="2"] .heading {
display: none; }
.piranya-shop-order-create .category .heading .title {
font-size: 1.5em; }
.piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled), .piranya-shop div.p-toggle-box.selected:not(.disabled) {
border-color: #EDC736; }
.piranya-shop div.p-radio > input[type="radio"] + label::after {
background: #EDC736; }
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, .piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled) > .right, .piranya-shop div.p-toggle-box.selected:not(.disabled) > .right {
color: black; }
.piranya-shop-order-create.show-product-image .panels .products .product:not(.piranya-col) .text {
width: 100%; }
.piranya-shop-order-create .categories .products .product .actions:nth-child(3) {
display: flex; }
.piranya-shop-order-create .category-bar.grow {
margin-top: 10px; }
.piranya-shop-order-create .category-bar.grow .category-tab.active {
font-size: 1.4em; }
body .circle-loader {
margin: 0; }
.add-to-basket.piranya-bpopup {
min-width: 300px; }
.mobile-cart-btn {
height: 109px;
background: black;
color: white;
text-transform: capitalize;
font-family: 'Myriadpro_regular';
width: 140px;
clear: none;
padding-left: 15px;
padding-right: 15px;
justify-content: center;
text-align: center;
box-sizing: border-box; }
.mobile-cart-btn > .price-wrapper {
flex-direction: column-reverse; }
.mobile-cart-btn.show i.fa.fa-shopping-cart {
margin-right: 0;
font-size: 2em; }
.piranya.shop.dialog.product.add-to-basket > form > .total-price {
font-size: 1.4em;
text-align: right;
background: #e8e9e4;
color: black;
padding: 10px 10px;
box-sizing: border-box; }
.piranya.shop.dialog.product.add-to-basket > form > .total-price::before {
content: "Total: ";
float: left; }
@media (max-width: 600px) {
.piranya-shop-order-create .categories > .category .expandable-panel-heading {
background-color: #32b15e;
color: white;
border-bottom: 1px solid #38a75e; }
.mobile-cart-btn.show {
margin-right: 60px; } }
@media screen and (min-width: 981px) {
body .piranya-shop-order-create:not(.sidecart) .basket-wrapper {
top: 10px;
position: absolute;
position: sticky;
right: 0;
height: auto; }
body.safari .piranya-shop-order-create:not(.sidecart) .basket-wrapper {
position: relative;
top: 0; } }
.piranya-shop-order-create .cart .variant {
color: #555555; }
.piranya-shop-order-create .cart > .header:after {
content: "";
height: 34px;
width: 34px;
background-image: url("/File/5624/5238-w5324-h165.jpg?ticks=638556029550000000");
background-size: contain;
display: block;
background-repeat: no-repeat;
margin-top: 5px; }
.piranya-shop-order-create .cart #order-btn {
font-family: 'Myriadpro_regular';
font-weight: normal;
background-color: #EDC736;
color: black; }
.piranya-shop-order-create .cart .title,
.piranya-shop-order-create .cart .no-items,
.piranya-shop-order-create .cart .total-price {
font-family: 'Myriadpro_regular';
color: black; }
.piranya-shop-order-create .cart .total-price {
font-family: 'Myriadpro_regular'; }
.piranya-shop-order-create .cart .header,
.piranya-shop-order-create .cart .product,
.piranya-shop-order-create .cart .header,
.piranya-shop-order-create .cart .no-items {
font-family: 'Myriadpro_regular'; }
.piranya-shop-order-create .category-bar .category-tab.active {
color: #EDC736; }
.piranya-shop-order-create .category-bar .category-tab:hover {
color: #EDC736; }
.add-to-basket.piranya-bpopup {
background-color: white;
border-radius: 0; }
.piranya-shop-order-create .categories .products,
.piranya-shop-order-create .categories .products .product {
margin-top: 0px;
margin-bottom: 8px; }
.piranya-shop-order-create .categories .products .product .add-btn:not(.add-price) {
background-color: #EDC736;
color: black; }
.piranya-shop-order-create .categories .products .product .add-btn:not(.add-price):hover {
background-color: #ad8d10; }
.piranya-shop-order-create .categories .products .product .text {
flex-direction: column;
align-items: start; }
.piranya-shop-order-create .categories .products .product .text div:first-of-type {
width: 100%; }
.piranya-shop-order-create .categories .products .product .price {
font-family: 'Myriadpro_regular';
font-size: 1.2em;
margin-right: 10px; }
.piranya-shop-order-create .categories .products .product .price .header {
display: none; }
.piranya-shop-order-create .categories .products .product .description {
color: #555555; }
.piranya-shop-order-create .categories .products .product .title {
color: black;
font-family: 'Myriadpro_regular';
font-size: 1.2em;
font-weight: normal; }
.piranya-shop-order-create .panels .category-tab h1 {
font-size: 2em; }
.piranya-shop-order-create .categories .products .product {
border: 1px solid #f5f5f5;
background-color: white;
min-height: 100px; }
@media screen and (max-width: 599px) {
.piranya-shop-order-create.show-product-image .panels .products p.price {
margin-right: 5px; } }
.mini-cart button.show-cart i.fa.fa-shopping-cart {
color: white; }
.mini-cart .total-price {
color: White;
font-family: 'Myriadpro_regular';
font-size: 1.3em; }
.piranya-shop-order-create .categories .products .product .text div strong {
background: #efc553;
font-size: 16px;
color: black;
border-radius: 12px;
padding: 6px; }
/* ~/content/piranya/module/custompage/menues/responsive.scss */
@charset "UTF-8";
.piranya-menu-wrapper.responsive ul ul,
.piranya-menu-wrapper.responsive ul ul li {
float: left; }
.piranya-menu-wrapper.responsive .content > .p-layout-container > .title {
display: none;
/* Title within content is hidden by default */ }
/*Tablet portrait and smartphones*/
@media (max-width: 979px) {
.piranya-menu-wrapper.responsive ul, .piranya-menu-wrapper.responsive li, .piranya-menu-wrapper.responsive .content {
width: 100%; }
body.has-active-menu {
overflow: hidden; }
.piranya-menu-wrapper.responsive {
position: relative; }
header, footer, #piranya-page {
transition: transform 0.3s; }
.piranya-menu-wrapper.responsive > ul {
width: 32px;
height: 32px;
top: 10px;
right: 10px;
position: absolute;
z-index: 1000;
color: white;
transition: width 0.3s; }
.piranya-menu-wrapper.responsive li {
color: #FFFFFF;
padding: 0;
list-style: none;
font-size: 10px;
visibility: hidden;
line-height: 30px;
transition: transform 0.2s linear;
transform: translateX(calc(100% + 20px)); }
.piranya-menu-wrapper.responsive > ul > li {
padding: 5px 0;
border-bottom: 1px dashed dimgrey; }
.piranya-menu-wrapper.responsive li:before {
position: absolute;
line-height: 30px;
vertical-align: middle;
left: 0; }
.piranya-menu-wrapper.responsive > ul > li:before {
content: "\f111"; }
.piranya-menu-wrapper.responsive > ul ul > li:before {
content: "\f1db"; }
.piranya-menu-wrapper.responsive a {
color: inherit;
text-decoration: none;
display: block;
width: calc(100% - 37px);
padding: 0px 5px 0px 32px;
line-height: 200%;
font-size: 16px;
text-align: left; }
.piranya-menu-wrapper.responsive a:hover {
color: #000; }
.piranya-menu-wrapper.responsive .piranya-menu-item-selected > a {
background: #999;
color: #fff;
border-radius: 5px;
display: block;
/* show menu item if main menu */
background: none;
color: #666; }
.piranya-menu-wrapper.responsive > ul i {
display: none; }
.piranya-menu-wrapper.responsive .piranya-menu-wrapper.open {
width: auto; }
.piranya-menu-wrapper.responsive {
margin: 0;
position: absolute;
right: 0;
top: 0; }
.piranya-menu-wrapper.responsive ul > li > a {
color: #474C58; }
.piranya-menu-wrapper.responsive > ul.open {
background-color: #272822;
border: 1px solid #aaa;
box-sizing: border-box;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 50px 0 0 20px;
position: fixed;
right: 0;
top: 0;
width: 300px;
z-index: 10000; }
.piranya-menu-wrapper.responsive > ul.closed {
transition: width 250ms; }
.piranya-menu-wrapper.responsive > ul.open li {
transform: translateX(0);
display: inline-block;
visibility: visible; }
.piranya-menu-wrapper.responsive > ul.open a {
color: white; }
.piranya-menu-wrapper.responsive > ul.open a:hover {
color: #cccbcb; }
.piranya-menu-wrapper.responsive > ul:not(.open) .close-btn {
display: none; }
.piranya-menu-wrapper.responsive > ul:not(.open) {
cursor: pointer;
overflow: hidden;
text-align: center;
line-height: 32px;
font-size: 32px; }
.piranya-menu-wrapper.responsive > ul:not(.open):before {
content: "\f0c9"; }
.piranya-menu-wrapper.responsive ul.open li.piranya-menu-item-selected:before {
content: "\f00c"; }
.piranya-menu-wrapper.responsive ul.open ul li.piranya-menu-item-selected:before {
content: "\f00c"; }
.piranya-menu-wrapper.responsive .piranya-menu-item-selected,
.piranya-menu-wrapper.responsive .piranya-menu-item-selected-ancestor {
display: block; }
.piranya-menu-wrapper.responsive .piranya-menu-item-selected-ancestor > a {
display: none;
/* hide mainmenu item if ´submenu is selected */ }
.piranya-menu-wrapper.responsive .piranya-menu-item-selected > a {
pointer-events: none;
cursor: default; }
.piranya-menu-wrapper.responsive li.piranya-menu-item-selected > a {
display: block;
/* show only current <li> item */ }
.piranya-menu-wrapper.responsive li.piranya-menu-item-selected ul {
display: none; }
/* on nav hover */
.piranya-menu-wrapper.responsive ul.open,
.piranya-menu-wrapper.responsive ul.open {
background-image: none; }
.piranya-menu-wrapper.responsive ul.open li, .piranya-menu-wrapper.responsive ul.open .close-btn {
margin: 0 0 5px; }
.piranya-menu-wrapper.responsive > ul.open ul {
padding-left: 35px;
display: block; }
.piranya-menu-wrapper.responsive > ul.open ul > li a {
padding-left: 20px; }
.piranya-menu-wrapper.responsive ul.open li.piranya-menu-item-selected-root > a {
display: block; }
.piranya-menu-wrapper.responsive ul.open li.piranya-menu-item-selected:before {
content: "\f00c"; }
.piranya-menu-wrapper.responsive > ul.open > li.piranya-menu-item-selected {
background-position-x: 10px; }
.piranya-menu-wrapper.responsive > ul.open .close-btn {
position: absolute;
transition: all 0.2s;
right: 10px;
top: 10px;
height: 32px;
width: 32px;
font-size: 32px;
cursor: pointer;
color: white; }
.piranya-menu-wrapper.responsive > ul.open .close-btn:hover {
color: #d89999; }
.piranya-menu-wrapper.responsive .close-btn:focus {
outline: none; }
.piranya-menu-wrapper.responsive .close-btn:before {
content: "\f061"; }
.piranya-menu-wrapper.responsive > ul.open .close-btn, .piranya-menu-wrapper.responsive > ul, .piranya-menu-wrapper.responsive li {
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#piranya-menu-mask {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
width: 0;
height: 0;
background-color: #000;
opacity: 0;
transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; }
#piranya-menu-mask.is-active {
width: 100%;
height: 100%;
opacity: 0.7;
transition: opacity 0.3s; } }
@media (min-width: 980px) {
.piranya-menu-wrapper.responsive > ul ul {
display: flex;
flex-direction: column;
list-style-type: none;
padding: 0; }
.piranya-menu-wrapper.responsive > ul ul .content {
display: none;
/*Sub submenu not supported yet*/ }
.piranya-menu-wrapper.responsive > ul a {
vertical-align: middle;
float: left; }
.piranya-menu-wrapper.responsive > ul .content {
position: absolute;
overflow: hidden;
max-height: 0;
z-index: 1000;
left: 0;
top: 100%;
transition: max-height 0.4s linear; }
.piranya-menu-wrapper.responsive > ul li:hover > .content {
max-height: 600px; }
.piranya-menu-wrapper.responsive .close-btn {
display: none; }
.piranya-menu-wrapper.responsive i {
display: none;
/*Sub submenu not supported yet*/ }
.piranya-menu-wrapper.responsive li {
position: relative; } }
/* ~/Content/dynamic/sitetheme */
.piranya-shop.book .piranya-booking-overview .slots > .selection {
background-color: #ececec;
color: #171717;
}
.piranya-shop.book .acquisitions .menu ul {
background-color: #171717;
}
.piranya-shop.book .acquisitions .menu ul li > p.selected {
background-color: #ececec;
color: #171717;
}
.piranya-shop.book .acquisitions .menu ul li > p:hover {
background-color: #ffffff;
color: #658db3;
}
.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: #171717;
}
.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: #171717;
}
.piranya-shop.book .acquisitions .cart .items > .product {
border-color: #171717;
}
.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: #658db3;
}
.piranya-shop.book .piranya-btn-redeem-code {
background-color: #ececec;
color: #171717;
}
.piranya-shop.book .piranya-btn-redeem-code:hover {
background-color: #ffffff;
color: #658db3;
}