/* ~/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: 980px; } 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.7899.198951/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.css */ .piranya-input-container { width: 100%; margin-bottom: 10px; } .piranya-input-container:last-of-type { margin-bottom: 0; } .piranya-validation-container { width: 100%; } .piranya-btn { padding: 5px 10px; cursor: pointer; border: none; background-color: black; color: white; white-space: normal; -webkit-appearance: none; } .piranya-btn-disabled, .piranya-btn.disabled, .piranya-btn[disabled] { cursor: 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: rgb(235, 235, 228); 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-toggle-boxes */ ul.p-toggle-boxes { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; } ul.p-toggle-boxes > li, div.p-toggle-box { float: left; width: 100%; margin: 0; border: 1px solid #ececec; border-radius: 2px; padding: 7px 9px; box-sizing: border-box; transition: all 0.5s ease; max-height: 45px; overflow: hidden; } ul.p-toggle-boxes > li p, div.p-toggle-box p { line-height: 1.15; } ul.p-toggle-boxes > li:not(:first-child), div.p-toggle-box:not(:first-child) { margin-top: 5px; } ul.p-toggle-boxes > li, div.p-toggle-box { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; } ul.p-toggle-boxes > li:not(.disabled), ul.p-toggle-boxes > li:not(.disabled) > div.p-radio, ul.p-toggle-boxes > li:not(.disabled) > div.p-radio > input[type="radio"], ul.p-toggle-boxes > li:not(.disabled) > div.p-checkbox, ul.p-toggle-boxes > li:not(.disabled) > div.p-checkbox > input[type="checkbox"], div.p-toggle-box:not(.disabled), div.p-toggle-box:not(.disabled) > div.p-radio, div.p-toggle-box:not(.disabled) > div.p-radio > input[type="checkbox"], div.p-toggle-box:not(.disabled) > div.p-checkbox, div.p-toggle-box:not(.disabled) > div.p-checkbox > input[type="checkbox"] { cursor: pointer; } ul.p-toggle-boxes > li > div.p-radio, ul.p-toggle-boxes > li > div.p-checkbox, div.p-toggle-box > div.p-radio, div.p-toggle-box > div.p-checkbox { float: left; flex: 1; width: 100%; } ul.p-toggle-boxes > li > .content, div.p-toggle-box > .content { padding: 0; } ul.p-toggle-boxes > li > .right, div.p-toggle-box > .right { float: right; margin-left: auto; padding: 0; } ul.p-toggle-boxes > li.selected:not(.disabled), div.p-toggle-box.selected:not(.disabled) { border-color: #709bc5; max-height: 600px; } ul.p-toggle-boxes > li.selected:not(.disabled) > .content, ul.p-toggle-boxes > li.selected:not(.disabled) > .right, div.p-toggle-box.selected:not(.disabled) > .content, div.p-toggle-box.selected:not(.disabled) > .right { color: #709bc5; } ul.p-toggle-boxes > li > *, ul.p-toggle-boxes > li > .content .choice, ul.p-toggle-boxes > li > .right.choice, ul.p-toggle-boxes > li > .right .choice, div.p-toggle-box > *, div.p-toggle-box > .content .choice, div.p-toggle-box > .right.choice, div.p-toggle-box > .right .choice { opacity: 1; transition: all 0.5s ease; } ul.p-toggle-boxes > li.disabled > *, div.p-toggle-box.disabled > * { opacity: 0.3; } ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .right, div.p-toggle-box:not(.selected):not(.disabled) > .right { opacity: 0.7; } ul.p-toggle-boxes > li:not(.selected) > .right .choice, div.p-toggle-box:not(.selected) > .right.choice, div.p-toggle-box:not(.selected) > .right .choice { opacity: 0; visibility: hidden; } ul.p-toggle-boxes > li:not(.selected) > .content, ul.p-toggle-boxes > li:not(.selected) > .content .choice, div.p-toggle-box:not(.selected) > .content, div.p-toggle-box:not(.selected) > .content .choice { opacity: 0; display: none; } ul.p-toggle-boxes > li > .content, ul.p-toggle-boxes > li > .content > .choice, div.p-toggle-box > .content, div.p-toggle-box > .content > .choice { width: 100%; float: left; } ul.p-toggle-boxes > li.selected > .content, ul.p-toggle-boxes > li.selected > .content > :not(:first-child):not(.empty), div.p-toggle-box.selected > .content, div.p-toggle-box.selected > .content > :not(:first-child):not(.empty) { margin-top: 10px; } ul.p-toggle-boxes > li input[type="text"], div.p-toggle-box input[type="text"] { margin: 0; width: 100%; box-sizing: border-box; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* 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/dynamic/fonts */ @font-face { font-family: 'Open Sans Regular'; src: url('/File/1773/opensans-regular-webfont.ttf?ticks=636651291430000000') format('truetype'); } @font-face { font-family: 'Fairfax Station NF Regular'; src: url('/File/1832/fairfaxstationnf-webfont.ttf?ticks=636658012080000000') format('truetype'); } @font-face { font-family: 'Open Sans Bold'; src: url('/File/2501/opensans-bold-webfont.ttf?ticks=636658012130000000') format('truetype'); } /* ~/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: 1010.30927835052px) { .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: 1010.30927835052px) { .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: 1010.30927835052px) { .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 */ body, html { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: open_sansregular; } div { float: left; } #main-wrapper { min-height: 100%; width: 100%; } #main { padding-bottom: 50px; height: 100%; width: 100%; } #top-bar { width: 100%; min-height: 160px; background: #30302f url("/image/2676") left bottom repeat-x; } #menu-bar > div { width: 100%; } .center { float: none; margin: 0px auto; position: relative; max-width: 980px; width: 97%; } #mobile-graphic { width: 100%; } #piranya-page { margin-bottom: 20px; width: 100%; } #subpage-graphic { position: absolute; top: 150px; left: 0px; width: 100%; min-height: 90px; } #logo { float: left; margin-top: 20px; } #subpage-top1 { width: 100%; } #call { float: right; margin-top: 40px; } #footer { height: 50px; width: 100%; margin-top: -50px; } #footer p { color: white; line-height: 100%; background-color: #545454; font-family: verdana; width: 100%; text-align: center; display: table-cell; vertical-align: middle; } .fullsize-bg-img { background-size: 100% 100%; min-height: 120px !important; } .orange-box { background-color: orange; padding: 20px; box-sizing: border-box; justify-content: center; display: flex; flex-direction: row; flex-wrap: wrap; } .orange-box img { width: 100px; height: 120px; } /* ~/Content/piranya/menu/bar.css */ @media only screen and (min-width: 481px) and (max-width: 979px) { .piranya-menu-wrapper { position: relative; margin: 20px 0; min-height: 22px; text-align: center; width: 100%; } .piranya-menu-wrapper ul { margin: 0; padding: 0; min-height: 22px; } .piranya-menu-wrapper li { color: #999; padding: 0; width: 100%; list-style: none; display: inline-block; line-height: 30px; } .piranya-menu-wrapper a { color: inherit; text-decoration: none; display: block; width: calc(100% - 37px); padding: 5px 5px 5px 32px; line-height: inherit; text-align: left; } .piranya-menu-wrapper p { display: none; } .piranya-menu-wrapper a:hover { color: #000; } .piranya-menu-wrapper .piranya-menu-item-selected > a { background: #999; color: #fff; border-radius: 5px; display: block; /* show menu item if main menu */ background: none; color: #666; } /*Nested menu*/ .piranya-menu-wrapper > ul { width: 80%; position: absolute; top: 0; left: 10%; border: solid 1px #aaa; background: #fff url('/content/v1.0.7899.198951/piranya/Images/ResponsiveTabletMenu/IconResponsiveMenu.png') no-repeat 10px center; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3); z-index: 1000; } .piranya-menu-wrapper > ul ul > li { background: none; } .piranya-menu-wrapper li { display: none; /* hide all
  • items */ } .piranya-menu-wrapper .piranya-menu-item-selected, .piranya-menu-wrapper .piranya-menu-item-selected-ancestor { display: block; } .piranya-menu-wrapper .piranya-menu-item-selected-ancestor > a { display: none; /* hide mainmenu item if ´submenu is selected */ } .piranya-menu-wrapper .piranya-menu-item-selected > a { pointer-events: none; cursor: default; } .piranya-menu-wrapper li.piranya-menu-item-selected > a { display: block; /* show only current
  • item */ } .piranya-menu-wrapper li.piranya-menu-item-selected ul { display: none; } /* on nav hover */ .piranya-menu-wrapper ul.open, .piranya-menu-wrapper ul.open { background-image: none; } .piranya-menu-wrapper ul.open li, .piranya-menu-wrapper ul.open li { display: block; margin: 0 0 5px; } .piranya-menu-wrapper > ul.open ul, .piranya-menu-wrapper > ul.open ul { padding-left: 35px; display: block; } .piranya-menu-wrapper > ul.open ul > li a, .piranya-menu-wrapper > ul.open ul > li a { padding-left: 20px; } .piranya-menu-wrapper > ul.open ul > li, .piranya-menu-wrapper > ul.open ul > li { background: url('/content/v1.0.7899.198951/piranya/Images/ResponsiveTabletMenu/IconSubmenu.png') left 20px no-repeat; } .piranya-menu-wrapper ul.open li.piranya-menu-item-selected-root > a , .piranya-menu-wrapper ul.open li.piranya-menu-item-selected-root > a { display: block; } .piranya-menu-wrapper ul.open li.piranya-menu-item-selected, .piranya-menu-wrapper ul.open li.piranya-menu-item-selected { background: url('/content/v1.0.7899.198951/piranya/Images/ResponsiveTabletMenu/IconResponsiveMenuSelected.png') left 14px no-repeat; } .piranya-menu-wrapper > ul.open > li.piranya-menu-item-selected, .piranya-menu-wrapper > ul.open > li.piranya-menu-item-selected { background-position-x: 10px; } } /* ~/Content/piranya/menu/list.css */ @media only screen and (max-width: 480px) { .piranya-menu-wrapper { width: 100%; } .piranya-menu { width: 100%; padding: 0px; margin: 0px auto; list-style: none; float: none; clear: both; padding: 0px; margin: 0px; } .piranya-menu:before, .piranya-menu:after { content: ""; display: table; clear: both; } .piranya-menu > li { color: white; width: 100%; padding: 0px; clear: both; margin-left: 0; border-bottom: 1px solid #bebebe; position: relative; } .piranya-menu li { line-height: 40px; } .piranya-menu a:hover { opacity: 0.8; } .piranya-menu > li:before { content: ""; display: block; } .piranya-menu a { color: inherit; background-color: black; font-size: 0.9em; line-height: inherit; vertical-align: middle; text-decoration: none; padding: 0px; float: right; margin-left: 5%; } .piranya-menu > li > a { padding-left: 15%; width: 85%; } .piranya-menu > li > img { position: absolute; left: 5px; top: 4px; } .piranya-menu ul { width: 100%; } .piranya-menu ul > li > a { padding-left: 20%; width: 80%; } .piranya-menu ul > li > a:before { content: "- "; } .piranya-menu p { display: none; } .piranya-menu li:hover > ul:not(.collapsed), .piranya-menu li.hover > ul:not(.collapsed) { max-height: 999px; } } /* ~/Content/piranya/menu/override-home.css */ @media only screen and (max-width: 480px) { .piranya-menu { display: none; } .piranya-page-home .piranya-menu { display: block; } .piranya-page-home #piranya-page { display: none; } } /* /content/dynamic/16.css */ h3 { font-family: open_sansregular; font-size: 1.4em; color: #CE1F23; } .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; } .btn-animation:hover, .piranya-btn:hover { opacity: 0.8; } input.piranya-btn { padding: 5px 10px; cursor: pointer; border: none; background-color: #f9a121; color: white; } form { width: 100%; } label { font-size: 0.8em; } .piranya-view-form-wrapper div[data-error] { font-size: 0.8em; } input.piranya-txt, textarea.piranya-textarea, textarea.piranya-txt { width: 100%; } /* /content/dynamic/17.css */ @font-face { font-family: 'open_sansregular'; src: url('/file/1775'); src: url('/file/1775?#iefix') format('embedded-opentype'), url('/file/1777') format('woff'), url('/file/1773') format('truetype'), url('/file/1776#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_bold'; src: url('/file/2499'); src: url('/file/2499?#iefix') format('embedded-opentype'), url('/file/2502') format('woff'), url('/file/2501') format('truetype'), url('/file/2500#fairfax') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fairfax'; src: url('/file/1834'); src: url('/file/1834?#iefix') format('embedded-opentype'), url('/file/1833') format('woff'), url('/file/1832') format('truetype'), url('/file/1831#fairfax') format('svg'); font-weight: normal; font-style: normal; } ul { list-style-type: none; } li > p { background: url('/image/1339') center left no-repeat; } li > p { padding-left: 15px; } /* /content/dynamic/18.css */ @media (max-width: 480px) { .piranya-menu a { background-color: #f9a224; } } @media (min-width: 481px) { .piranya-menu i, .piranya-menu img, i.piranya-expander { display: none !important; } } @media (min-width: 980px) { .piranya-menu-wrapper { float: right; } #piranya-menu-1 { padding-left: 20px; margin-top: 50px; } #piranya-menu-1 > li { margin-right: 40px; position: relative; height: 70px; border-right:1px solid #191819; } #piranya-menu-1 li:last-child { margin-right: 0px; } #piranya-menu-1 a { margin-right: 40px; margin-top: 20px; color: white; font-family: 'open_sansregular'; line-height: 30px; vertical-align: middle; -webkit-transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; -ms-transition: color 200ms; transition: color 200ms; } #piranya-menu-1 a:hover { color: #f9a121; } #piranya-menu-1 li.piranya-menu-item-selected { background: url('/image/2451') 90% 30px no-repeat; } #piranya-menu-1 li:hover > ul { visibility: visible; opacity: 1; } /*Submenu*/ #piranya-menu-1 > li > ul { -webkit-transition: 300ms linear; -moz-transition: 300ms linear; -o-transition: 300ms linear; -ms-transition: 300ms linear; transition: 300ms linear; visibility: hidden; padding: 0px; opacity:0; position: absolute; top: 100%; list-style: none; z-index: 20000; background: url('/image/2465'); padding-top: 10px; } #piranya-menu-1 > li > ul li { float: left; position: relative; height: 40px; } #piranya-menu-1 > li > ul li.piranya-menu-item-last { border-bottom: none; } #piranya-menu-1 > li > ul li:hover a { width: 100%; } #piranya-menu-1 > li > ul a { color: white; padding: 0px 10px; text-decoration: none; vertical-align: middle; float: left; z-index: 2; position: relative; width: 250px; } } /* /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;} .tp-caption.big_white{ position: absolute; background: url('/image/2465'); color: white; font-size: 24px; line-height: 120%; font-family: open_sansregular; padding: 5px 10px; } .tp-caption.very_big_white{ background: url('/image/2467'); position: absolute; color: white; padding: 5px 10px; font-family: 'open_sansregular'; text-shadow: none; font-weight: 700; letter-spacing: -1.5px; text-transform: uppercase; font-size: 36px; } .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{ color: #000; 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; font-size: 100%; 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; max-height:429px !important; 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; } } /* piranya/menu/expandable */ @media only screen and (max-width: 480px) { .piranya-menu li { position: relative; } .piranya-menu .piranya-expander { display: inline-block; position: absolute; right: 4%; top: 0px; font-size: 1em; line-height: inherit; vertical-align: middle; z-index: 2; } .piranya-menu .piranya-expander:before { content: "\f067"; } /*Expandable menu*/ .piranya-menu .content { box-sizing: border-box; float: left; min-height: 0; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.6s ease; } .piranya-menu .content.expanded, .piranya-menu li:hover > .content { max-height: 999px; visibility: visible; opacity: 1; } .piranya-menu .content ul { padding: 0; } .piranya-menu i.expanded:before { content: "\f068"; } } /* Element style 'h1' (#1) */ .piranya-element-style-1, h1 { font-size: 2.0em; font-family: open_sans_bold; color: #30302F; font-weight: normal; } /* Element style 'p' (#2) */ .piranya-element-style-2, p { font-family: open_sansregular; color: #30302F; font-size: 1.0em; line-height: 120%; } /* Element style 'h2' (#3) */ .piranya-element-style-3, h2 { font-family: open_sans_bold; font-size: 0.9em; color: #4D4D4D; }